app/pb_kits/playbook/pb_circle_chart/circle_chart.rb



# frozen_string_literal: true

module Playbook
  module PbCircleChart
    class CircleChart < Playbook::KitBase
      prop :align, type: Playbook::Props::Enum,
                   values: %w[left right center],
                   default: "center"
      prop :border_width, type: Playbook::Props::Numeric
      prop :chart_data, type: Playbook::Props::Array,
                        default: []
      prop :custom_options, default: {}
      prop :style, type: Playbook::Props::Enum,
                   values: %w[pie],
                   default: "pie"
      prop :data_labels, type: Playbook::Props::Boolean, default: false
      prop :min_point_size, type: Playbook::Props::Numeric
      prop :max_point_size, type: Playbook::Props::Numeric
      prop :inner_size, type: Playbook::Props::Enum,
                        values: %w[sm md lg none],
                        default: "md"
      prop :z_min, type: Playbook::Props::Numeric
      prop :start_angle, type: Playbook::Props::Numeric
      prop :data_label_html, default: "<div>{point.name}</div>"
      prop :tooltip_html
      prop :use_html, type: Playbook::Props::Boolean, default: false
      prop :legend, type: Playbook::Props::Boolean, default: false
      prop :title, default: ""
      prop :tooltip_html, default: '<span style="font-weight: bold; color:{point.color};">&#9679; </span>
                                      {point.name}: ' + '<b>{point.y}
                                    </b>'
      prop :height
      prop :rounded, type: Playbook::Props::Boolean, default: false
      prop :colors, type: Playbook::Props::Array,
                    default: []
      prop :layout, type: Playbook::Props::Enum,
                    values: %w[horizontal vertical proximate],
                    default: "horizontal"
      prop :vertical_align, type: Playbook::Props::Enum,
                            values: %w[top middle bottom],
                            default: "bottom"
      prop :x, type: Playbook::Props::Numeric
      prop :y, type: Playbook::Props::Numeric

      def standard_options
        {
          align: align,
          borderWidth: border_width,
          id: id,
          colors: colors,
          chartData: chart_data,
          dark: dark ? "dark" : "",
          title: title,
          height: height,
          type: style,
          legend: legend,
          dataLabelHtml: data_label_html,
          dataLabels: data_labels,
          tooltipHtml: tooltip_html,
          useHTML: use_html,
          minPointSize: min_point_size,
          maxPointSize: max_point_size,
          innerSize: inner_size,
          zMin: z_min,
          startAngle: start_angle,
          rounded: rounded,
          layout: layout,
          verticalAlign: vertical_align,
          x: x,
          y: y,
        }
      end

      def chart_options
        standard_options.deep_merge(custom_options)
      end

      def vertical_align_props
        if vertical_align
          if object.vertical_align
            original_result = super
            class_to_remove = "vertical_align_#{object.vertical_align}"

            modified_result = original_result.gsub(class_to_remove, "").strip
            modified_result.empty? ? nil : modified_result
          else
            super
          end
        else
          super
        end
      end

      def classname
        generate_classname("pb_circle_chart")
      end
    end
  end
end