# frozen_string_literal: true require "active_support/concern" # Base must be defined first as other prop types inherit from it require_relative "./props/base" require_relative "./props/array" require_relative "./props/boolean" require_relative "./props/date" require_relative "./props/enum" require_relative "./props/hash" require_relative "./props/hash_array" require_relative "./props/number" require_relative "./props/number_array" require_relative "./props/numeric" require_relative "./props/percentage" require_relative "./props/proc" require_relative "./props/string" module Playbook module Props extend ActiveSupport::Concern def initialize(prop_values = {}, &block) self.values = { children: block }.merge(Hash(prop_values)) self.class.props.each do |key, definition| definition.validate! values[key] end end def prop(name) self.class.props[name].value values[name] end def spacing_props selected_props = spacing_options.keys.select { |sk| try(sk) } return nil unless selected_props.present? selected_props.map do |k| spacing_value = send(k) "#{spacing_options[k]}_#{spacing_value}" if spacing_values.include? spacing_value end.compact.join(" ") end def dark_props dark ? "dark" : nil end def max_width_props selected_mw_props = max_width_options.keys.select { |sk| try(sk) } return nil unless selected_mw_props.present? selected_mw_props.map do |k| width_value = send(k) "max_width_#{width_value}" if max_width_values.include? width_value end.compact.join(" ") end def generate_classname(*name_parts, separator: "_") [ name_parts.compact.join(separator), prop(:classname), spacing_props, dark_props, max_width_props, ].compact.join(" ") end def generate_classname_without_spacing(*name_parts, separator: "_") [ name_parts.compact.join(separator), prop(:classname), ].compact.join(" ") end attr_accessor :values private :values, :values= included do prop :id prop :data, type: Playbook::Props::Hash, default: {} prop :classname prop :aria, type: Playbook::Props::Hash, default: {} prop :children, type: Playbook::Props::Proc prop :margin prop :margin_bottom prop :margin_left prop :margin_right prop :margin_top prop :margin_x prop :margin_y prop :max_width prop :padding prop :padding_bottom prop :padding_left prop :padding_right prop :padding_top prop :padding_x prop :padding_y prop :dark, type: Playbook::Props::Boolean, default: false end def spacing_options { margin: "m", margin_bottom: "mb", margin_left: "ml", margin_right: "mr", margin_top: "mt", margin_x: "mx", margin_y: "my", padding: "p", padding_bottom: "pb", padding_left: "pl", padding_right: "pr", padding_top: "pt", padding_x: "px", padding_y: "py", } end def max_width_options { max_width: "mw", } end def max_width_values %w[sm md lg xl] end def spacing_values %w[none xs sm md lg xl] end class_methods do def props @props end def clear_props @props.keys.each { |prop_name| remove_method(prop_name) } @props.clear end def prop(name, type: Playbook::Props::String, **options) @props ||= {} @props[name] = type.new(options.merge(name: name, kit: self)) define_method(name) { prop(name) } end def partial(path) define_method(:to_partial_path) { path } end end end end