lib/playbook/spacing.rb



# frozen_string_literal: true

module Playbook
  module Spacing
    def self.included(base)
      base.prop :margin
      base.prop :margin_bottom
      base.prop :margin_left
      base.prop :margin_right
      base.prop :margin_top
      base.prop :margin_x
      base.prop :margin_y
      base.prop :max_width
      base.prop :min_width
      base.prop :padding
      base.prop :padding_bottom
      base.prop :padding_left
      base.prop :padding_right
      base.prop :padding_top
      base.prop :padding_x
      base.prop :padding_y
    end

    def max_width_options
      {
        max_width: "mw",
      }
    end

    def min_width_options
      {
        min_width: "minw",
      }
    end

    def max_width_values
      %w[0% xs sm md lg xl xxl 0 none 100%]
    end

    def min_width_values
      %w[0% xs sm md lg xl xxl 0 none 100%]
    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 spacing_values
      %w[none xxs xs sm md lg xl auto initial inherit]
    end

    def screen_size_values
      %w[xs sm md lg xl default]
    end

    def break_method_values
      %w[on at]
    end

    def spacing_props
      selected_props = spacing_options.keys.select { |sk| try(sk) }
      return nil unless selected_props.present?

      css = ""
      selected_props.each do |prop|
        responsive = try(prop).is_a?(::Hash)
        spacing_value = send(prop)
        prefix = spacing_options[prop]

        if responsive
          default_value = spacing_value.delete(:default) || nil
          break_value = spacing_value.delete(:break) || break_method_values.first
          spacing_value.each do |key, value|
            css += "break_#{break_value}_#{key}\:#{prefix}_#{value} " if screen_size_values.include?(key.to_s) && spacing_values.include?(value.to_s)
          end

          css += "#{prefix}_#{default_value} " if spacing_values.include?(default_value)
        elsif spacing_values.include?(spacing_value)
          css += "#{prefix}_#{spacing_value} "
        end
      end

      css.strip unless css.blank?
    end

    def filter_classname(value)
      if value.include?("%")
        value.gsub("%", "_percent")
      else
        value
      end
    end

    def min_width_props
      selected_minw_props = min_width_options.keys.select { |sk| try(sk) }
      return nil unless selected_minw_props.present?

      selected_minw_props.map do |k|
        width_value = send(k)
        "min_width_#{filter_classname(width_value)}" if min_width_values.include? width_value
      end.compact.join(" ")
    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_#{filter_classname(width_value)}" if max_width_values.include? width_value
      end.compact.join(" ")
    end
  end
end