funicular-datepicker 0.1.2 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 07d69fde23065cf6e239ac36690fc710c585dec584dfdff9256d031e7582ff0a
-  data.tar.gz: 9872e1112219c0aa16a5653b8448532b4360104611cc1e271d7442df9e7c8e04
+  metadata.gz: 0cccdef7050f58fdae30fccc488a56e5015674d0e1fe00f1639f5fdad238fc67
+  data.tar.gz: 394fa0df64acc89c947c36bae88c621f435373f977bfb0098346cfc1f00e2e27
 SHA512:
-  metadata.gz: ff5b94a2af3de525bc724fcd5f9e4d449dee6944e716a2dcd936d5ab77574ba03708752d3de1855c202e82a9ea68af5ce8be8579c744a67c2fb39c5adb1886a6
-  data.tar.gz: 1b64c73e7720eb4edf660ca533bac1a89a7c84c9e6fab863f4f57157c8e8d1e3bd081d51c1dce1eb54af5d185d758c1802513c4c0060ead5029cf3c52e7106fe
+  metadata.gz: 43936b1c205fcd1e365e9d591a8628c0475a59b38731a162dd6c4dbbb90b4173475f8bcaf9bd10cf154a84f4547aa060b97fdf7711266bc967dc5cab323ec334
+  data.tar.gz: 3c27d85680a4002065382787fd8b8a003f4e178a802b6fcd6b921915ac77b4b6a747e7d16ff1ef3747c98ec5b47195371cb07842070cd5b1ade266fafd613d53

data/lib/components/date_picker_component.rb

@@ -20,8 +20,8 @@ class DatePickerComponent < Funicular::Component
     year, month, = parse_date(props[:value])
     patch(
       calendar_open: true,
-      view_year: year || state.view_year,
-      view_month: month || state.view_month
+      view_year: year || state[:view_year],
+      view_month: month || state[:view_month]
     )
   end
 
@@ -30,18 +30,18 @@ class DatePickerComponent < Funicular::Component
   end
 
   def prev_month
-    if state.view_month == 1
-      patch(view_year: state.view_year - 1, view_month: 12)
+    if state[:view_month] == 1
+      patch(view_year: state[:view_year] - 1, view_month: 12)
     else
-      patch(view_month: state.view_month - 1)
+      patch(view_month: state[:view_month] - 1)
     end
   end
 
   def next_month
-    if state.view_month == 12
-      patch(view_year: state.view_year + 1, view_month: 1)
+    if state[:view_month] == 12
+      patch(view_year: state[:view_year] + 1, view_month: 1)
     else
-      patch(view_month: state.view_month + 1)
+      patch(view_month: state[:view_month] + 1)
     end
   end
 
@@ -55,15 +55,15 @@ class DatePickerComponent < Funicular::Component
   end
 
   def select_day(day)
-    value = date_string(state.view_year, state.view_month, day)
+    value = date_string(state[:view_year], state[:view_month], day)
     emit_change(value)
     patch(calendar_open: false)
   end
 
-  def render
-    div(class: "funicular-date-picker") do
-      div(class: "funicular-date-picker__input_row") do
-        input(
+  def render(h)
+    h.div(class: "funicular-date-picker") do
+      h.div(class: "funicular-date-picker__input_row") do
+        h.input(
           type: "text",
           name: props[:name],
           value: props[:value].to_s,
@@ -72,10 +72,10 @@ class DatePickerComponent < Funicular::Component
           oninput: :handle_input,
           onfocus: -> { open_calendar }
         )
-        button(type: "button", class: button_class, onclick: -> { open_calendar }) { "Calendar" }
+        h.button(type: "button", class: button_class, onclick: -> { open_calendar }) { "Calendar" }
       end
 
-      render_calendar if state.calendar_open
+      render_calendar(h) if state[:calendar_open]
     end
   end
 
@@ -85,31 +85,31 @@ class DatePickerComponent < Funicular::Component
     props[:button_class] || "funicular-date-picker__button"
   end
 
-  def render_calendar
-    div(class: "funicular-date-picker__panel") do
-      div(class: "funicular-date-picker__header") do
-        button(type: "button", class: "funicular-date-picker__nav", onclick: -> { prev_month }) { "<" }
-        div(class: "funicular-date-picker__month") do
-          "#{MONTH_NAMES[state.view_month - 1]} #{state.view_year}"
+  def render_calendar(h)
+    h.div(class: "funicular-date-picker__panel") do
+      h.div(class: "funicular-date-picker__header") do
+        h.button(type: "button", class: "funicular-date-picker__nav", onclick: -> { prev_month }) { "<" }
+        h.div(class: "funicular-date-picker__month") do
+          "#{MONTH_NAMES[state[:view_month] - 1]} #{state[:view_year]}"
         end
-        button(type: "button", class: "funicular-date-picker__nav", onclick: -> { next_month }) { ">" }
+        h.button(type: "button", class: "funicular-date-picker__nav", onclick: -> { next_month }) { ">" }
       end
 
-      div(class: "funicular-date-picker__grid") do
+      h.div(class: "funicular-date-picker__grid") do
         WEEKDAYS.each do |day|
-          div(class: "funicular-date-picker__weekday") { day }
+          h.div(class: "funicular-date-picker__weekday") { day }
         end
 
-        first_weekday(state.view_year, state.view_month).times do
-          div(class: "funicular-date-picker__empty") { "" }
+        first_weekday(state[:view_year], state[:view_month]).times do
+          h.div(class: "funicular-date-picker__empty") { "" }
         end
 
         selected_year, selected_month, selected_day = parse_date(props[:value])
-        (1..days_in_month(state.view_year, state.view_month)).each do |day|
-          selected = selected_year == state.view_year &&
-                     selected_month == state.view_month &&
+        (1..days_in_month(state[:view_year], state[:view_month])).each do |day|
+          selected = selected_year == state[:view_year] &&
+                     selected_month == state[:view_month] &&
                      selected_day == day
-          button(
+          h.button(
             type: "button",
             class: selected ? "funicular-date-picker__day funicular-date-picker__day--selected" : "funicular-date-picker__day",
             onclick: -> { select_day(day) }
@@ -119,9 +119,9 @@ class DatePickerComponent < Funicular::Component
         end
       end
 
-      div(class: "funicular-date-picker__footer") do
-        button(type: "button", class: "funicular-date-picker__footer_button", onclick: -> { clear }) { "Clear" }
-        button(type: "button", class: "funicular-date-picker__footer_button", onclick: -> { close_calendar }) { "Close" }
+      h.div(class: "funicular-date-picker__footer") do
+        h.button(type: "button", class: "funicular-date-picker__footer_button", onclick: -> { clear }) { "Clear" }
+        h.button(type: "button", class: "funicular-date-picker__footer_button", onclick: -> { close_calendar }) { "Close" }
       end
     end
   end

metadata

@@ -1,14 +1,28 @@
 --- !ruby/object:Gem::Specification
 name: funicular-datepicker
 version: !ruby/object:Gem::Version
-  version: 0.1.2
+  version: 0.2.0
 platform: ruby
 authors:
 - HASUMI Hitoshi
 bindir: bin
 cert_chain: []
 date: 1980-01-02 00:00:00.000000000 Z
-dependencies: []
+dependencies:
+- !ruby/object:Gem::Dependency
+  name: funicular
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.0
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: 0.3.0
 description: A Funicular date picker component packaged as a Ruby-script CRubygem.
 email:
 - hasumikin@gmail.com