shadcn_phlexcomponents 0.1.5 → 0.1.9

data/lib/components/date_picker.rb

@@ -1,94 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DatePicker < Base
-    STYLES = "relative"
-
-    INPUT_STYLES = <<~HEREDOC
-      flex h-9 w-full rounded-md border border-input bg-transparent px-3 pr-10 py-1
-      text-base shadow-sm transition-colors placeholder:text-muted-foreground
-      focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring
-      disabled:cursor-not-allowed disabled:opacity-50 md:text-sm
-    HEREDOC
-
-    CLEAR_BUTTON_STYLES = TAILWIND_MERGER.merge("#{Button.default_styles(
-      variant: :ghost,
-      size: :icon,
-    )} text-muted-foreground h-6 w-6")
-
-    def initialize(name: nil, id: nil, value: nil, format: "DD/MM/YYYY", disabled: false, settings: {}, **attributes)
-      @name = name
-      @id = id || @name
-      @value = value&.utc&.iso8601
-      @settings = settings
-      @format = format
-      @disabled = disabled
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          value: @value,
-          format: @format,
-          controller: "shadcn-phlexcomponents--date-picker",
-          settings: @settings.to_json,
-          has_value: @value.present?.to_s,
-          disabled: @disabled,
-          action: <<~HEREDOC,
-            mouseover->shadcn-phlexcomponents--date-picker#showClearButton
-            mouseout->shadcn-phlexcomponents--date-picker#hideClearButton
-          HEREDOC
-        },
-      }
-    end
-
-    def view_template
-      div(**@attributes) do
-        input(type: :text, id: @id, class: INPUT_STYLES, data: {
-          "shadcn-phlexcomponents--date-picker-target": "dateInput",
-          action: <<~HEREDOC,
-            input->shadcn-phlexcomponents--date-picker#changeDate
-            blur->shadcn-phlexcomponents--date-picker#inputBlur
-            keydown->shadcn-phlexcomponents--date-picker#closeCalendar
-          HEREDOC
-        })
-        input(
-          type: :hidden,
-          name: @name,
-          value: @value,
-          data: { "shadcn-phlexcomponents--date-picker-target": "hiddenInput" },
-        )
-
-        div(
-          class: "absolute right-3 inset-y-0 flex items-center -z-1",
-          data: {
-            action: "",
-          },
-        ) do
-          span(class: "pointer-events-none size-6 inline-flex items-center justify-center") do
-            icon(
-              "calendar",
-              class: "size-4 text-muted-foreground",
-              data: { "shadcn-phlexcomponents--date-picker-target": "calendarIcon" },
-            )
-          end
-        end
-
-        div(class: "absolute right-3 inset-y-0 flex items-center") do
-          button(
-            type: :button,
-            class: "#{CLEAR_BUTTON_STYLES} !hidden",
-            tabindex: -1,
-            data: {
-              action: "shadcn-phlexcomponents--date-picker#clear:stop",
-              "shadcn-phlexcomponents--date-picker-target": "clearButton",
-            },
-          ) do
-            icon("x")
-          end
-        end
-      end
-    end
-  end
-end

data/lib/components/date_range_picker.rb

@@ -1,113 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class DateRangePicker < Base
-    STYLES = <<~HEREDOC
-      flex w-full rounded-md border border-input bg-transparent px-3 pr-10 h-9
-      text-base shadow-sm transition-colors placeholder:text-muted-foreground
-      outline-none data-[focus=true]:ring-1 data-[focus=true]:ring-ring
-      data-disabled:cursor-not-allowed data-disabled:opacity-50 md:text-sm relative
-      items-center
-    HEREDOC
-
-    INPUT_STYLES = <<~HEREDOC
-      h-9 py-1
-      text-base md:text-sm outline-none w-[45%]
-    HEREDOC
-
-    CLEAR_BUTTON_STYLES = TAILWIND_MERGER.merge("#{Button.default_styles(
-      variant: :ghost,
-      size: :icon,
-    )} text-muted-foreground h-6 w-6")
-
-    def initialize(start_date: nil, end_date: nil, start_date_name: nil, end_date_name: nil, format: "DD/MM/YYYY",
-      disabled: false, settings: {}, **attributes)
-      @start_date = start_date&.utc&.iso8601
-      @end_date = end_date&.utc&.iso8601
-      @start_date_name = start_date_name
-      @end_date_name = end_date_name
-      @settings = settings
-      @format = format
-      @disabled = disabled
-      super(**attributes)
-    end
-
-    def default_attributes
-      {
-        data: {
-          start_date: @start_date,
-          end_date: @end_date,
-          format: @format,
-          controller: "shadcn-phlexcomponents--date-range-picker",
-          settings: @settings.to_json,
-          has_value: (@start_date.present? && @end_date.present?).to_s,
-          disabled: @disabled,
-          action: <<~HEREDOC,
-            mouseover->shadcn-phlexcomponents--date-range-picker#showClearButton
-            mouseout->shadcn-phlexcomponents--date-range-picker#hideClearButton
-          HEREDOC
-        },
-      }
-    end
-
-    def view_template
-      div(**@attributes) do
-        input(type: :text, class: INPUT_STYLES, data: {
-          "shadcn-phlexcomponents--date-range-picker-target": "startDateInput",
-          action: <<~HEREDOC,
-            focus->shadcn-phlexcomponents--date-range-picker#openCalendar
-            input->shadcn-phlexcomponents--date-range-picker#changeDate
-            keydown->shadcn-phlexcomponents--date-range-picker#closeCalendar
-          HEREDOC
-        })
-        input(
-          type: :hidden,
-          name: @start_date_name,
-          value: @start_date,
-          data: { "shadcn-phlexcomponents--date-range-picker-target": "startDateHiddenInput" },
-        )
-
-        icon("minus", class: "size-4 text-muted-foreground px-3 w-[10%]")
-
-        input(type: :text, class: INPUT_STYLES, data: {
-          "shadcn-phlexcomponents--date-range-picker-target": "endDateInput",
-          action: <<~HEREDOC,
-            focus->shadcn-phlexcomponents--date-range-picker#openCalendar
-            input->shadcn-phlexcomponents--date-range-picker#changeDate
-            keydown->shadcn-phlexcomponents--date-range-picker#closeCalendar
-          HEREDOC
-        })
-        input(
-          type: :hidden,
-          name: @end_date_name,
-          value: @end_date,
-          data: { "shadcn-phlexcomponents--date-range-picker-target": "endDateHiddenInput" },
-        )
-
-        div(class: "absolute right-3 inset-y-0 flex items-center -z-1") do
-          span(class: "pointer-events-none size-6 inline-flex items-center justify-center") do
-            icon(
-              "calendar",
-              class: "size-4 text-muted-foreground",
-              data: { "shadcn-phlexcomponents--date-range-picker-target": "calendarIcon" },
-            )
-          end
-        end
-
-        div(class: "absolute right-3 inset-y-0 flex items-center") do
-          button(
-            type: :button,
-            class: "#{CLEAR_BUTTON_STYLES} !hidden",
-            tabindex: -1,
-            data: {
-              action: "shadcn-phlexcomponents--date-range-picker#clear:stop",
-              "shadcn-phlexcomponents--date-range-picker-target": "clearButton",
-            },
-          ) do
-            icon("x")
-          end
-        end
-      end
-    end
-  end
-end

data/lib/components/form.rb

@@ -1,59 +0,0 @@
-# frozen_string_literal: true
-
-module ShadcnPhlexcomponents
-  class Form < Base
-    include Phlex::Rails::Helpers::FormWith
-
-    def initialize(model: false, scope: nil, url: nil, format: nil, **options)
-      @model = model
-      @scope = scope
-      @url = url
-      @format = format
-      @options = options
-      @object_name = model ? model.to_model.model_name.param_key : nil
-    end
-
-    def field(method = nil, **attributes, &)
-      FormField(method, model: @model, object_name: @object_name, **attributes, &)
-    end
-
-    def submit(variant: :primary, **attributes, &) 
-      Button(variant: variant, type: :submit, **attributes) do
-        if block_given?
-          yield
-        else
-          submit_default_value
-        end
-      end
-    end
-
-    def view_template(&)
-      form_with(model: @model, scope: @scope, url: @url, format: @format, **@options) do
-        yield
-      end
-    end
-
-    def submit_default_value
-      object = @model ? @model.to_model : nil
-      key    = object ? (object.persisted? ? :update : :create) : :submit
-
-      model = if object.respond_to?(:model_name)
-        object.model_name.human
-      else
-        @object_name.to_s.humanize
-      end
-
-      defaults = []
-      # Object is a model and it is not overwritten by as and scope option.
-      if object.respond_to?(:model_name) && @object_name.to_s == model.downcase
-        defaults << :"helpers.submit.#{object.model_name.i18n_key}.#{key}"
-      else
-        defaults << :"helpers.submit.#{@object_name}.#{key}"
-      end
-      defaults << :"helpers.submit.#{key}"
-      defaults << "#{key.to_s.humanize} #{model}"
-
-      I18n.t(defaults.shift, model: model, default: defaults)
-    end
-  end
-end