voom-presenters 0.1.7 → 0.1.8

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 040b8f4d4b32723f1c20f1b9c14a098b6f36536e0ed8376ad4ec0b7dedadcb83
-  data.tar.gz: 1b6a5d156ab1b9e43547fddd95ae1eecc446f9c2ed1487ef2b2286f710d9631f
+  metadata.gz: ae9fe537c82c38d72bd3c5b1b8b4039fa1eda4acb8e239d99606fae2e863b54a
+  data.tar.gz: 5bf2378799b7c857993bb311d6c011620fcfc91d57279c11c8294485af6a6842
 SHA512:
-  metadata.gz: d91726c9d500eedc14a3bfec6de9ebfd5ee78d635781d993e8728ccc871fce4a6e4aa1a63530799812f0a239e1bb055db239db1a3f94bc2d3fc6590768cd164e
-  data.tar.gz: acf3115a808804a2dd027edd936244cc2e68153d92ffa7c7d76a9ec273acc99c270047c2c081c24dec700e03c8c170ee5395e01991b08c06c493b236bf06bf42
+  metadata.gz: cca44edbb9a96d37245af4f362df6229d19646f0631616abcb0800958259e72c991c5c35a0702cc68bb04dd04518253c94f27ce29a08ef2328f3eac6d65b0f0f
+  data.tar.gz: 3b17dae8e2bf6111c0e015c93749e1ffa855f90579dcbd8a98f7ced7c07c9a455fdc5a5f01387753cb77983980db6d6e3d952baf4df25d380ff4c563e5f4f703

data/.circleci/config.yml

@@ -7,7 +7,7 @@ jobs:
   build:
     docker:
       # specify the version you desire here
-       - image: circleci/ruby:2.4.1-node-browsers
+       - image: circleci/ruby:2.5-node-browsers
 
       # Specify service dependencies here if necessary
       # CircleCI maintains a library of pre-built images

data/Gemfile.lock

@@ -1,7 +1,7 @@
 PATH
   remote: .
   specs:
-    voom-presenters (0.1.6)
+    voom-presenters (0.1.7)
       dry-configurable (> 0.1, <= 7.0)
       dry-container (~> 0.6)
       dry-inflector (~> 0.1)
@@ -38,8 +38,8 @@ GEM
       coderay (~> 1.1.0)
       method_source (~> 0.8.1)
       slop (~> 3.4)
-    rack (2.0.4)
-    rack-protection (2.0.1)
+    rack (2.0.5)
+    rack-protection (2.0.3)
       rack
     rack-test (0.8.2)
       rack (>= 1.0, < 3)
@@ -72,10 +72,10 @@ GEM
       json (>= 1.8, < 3)
       simplecov-html (~> 0.10.0)
     simplecov-html (0.10.2)
-    sinatra (2.0.1)
+    sinatra (2.0.3)
       mustermann (~> 1.0)
       rack (~> 2.0)
-      rack-protection (= 2.0.1)
+      rack-protection (= 2.0.3)
       tilt (~> 2.0)
     slop (3.6.0)
     thread_safe (0.3.6)

data/app/demo/components/date_fields.pom

@@ -30,12 +30,12 @@ Voom::Presenters.define(:date_fields) do
           label 'Select your date to skydive'
           icon :event
           event :change do
-            replaces :context_list, :context_list, hide_time: true
+            replaces :context_list, :context_list
           end
         end
       end
       column 6 do
-        attach :context_list, hide_time: true
+        attach :context_list
       end
     end
     grid do

data/app/demo/components/datetime_fields.pom

@@ -27,16 +27,17 @@ Voom::Presenters.define(:datetime_fields) do
     grid do
       column 6 do
         datetime_field name: :skydive_at,
-                       format: 'F j, Y h:i' do
+                       format: 'F j, Y h:i K' do
+          value Time.new(2019, 10, 31)
           label 'Select your date and time to skydive'
           icon :event
           event :change do
-            replaces :context_list, :context_list, hide_time: true
+            replaces :context_list, :context_list
           end
         end
       end
       column 6 do
-        attach :context_list, hide_time: true
+        attach :context_list
       end
     end
     grid do
@@ -50,8 +51,8 @@ Voom::Presenters.define(:datetime_fields) do
         title 'Min Date (today)'
         datetime_field min_date: :today
 
-        title 'Min (today), Max (14 days from now)'
-        datetime_field min_date: :today, max_date: DateTime.now.next_day(14) # Or in rails Time.now + 14.days
+        title 'Min (today), Max (Halloween 2025)'
+        datetime_field min_date: :today, max_date: Time.new(2025, 10, 31) # Or in rails Time.now + 14.days
 
         title 'Disabling specific dates'
         datetime_field disable: ["2025-01-30", "2025-02-21", "2025-03-08", DateTime.new(2025, 4, 9)]

data/app/demo/components/headers.pom

@@ -8,6 +8,10 @@ Voom::Presenters.define(:headers) do
 
 
   header 'Presenters Demo' do
+    page_title 'Page about headers' do
+          icon :subtitles
+        end
+
     menu do
       item 'About (Header)' do
               event :click do
@@ -29,6 +33,7 @@ Voom::Presenters.define(:headers) do
     end
   end
 
+
   indented_grid do
     display 'Headers'
     

data/app/demo/components/lists.pom

@@ -119,6 +119,17 @@ Voom::Presenters.define(:lists) do
 #   end
 # end
 
+    headline 'Selectable List'
+    list selectable: true do
+      actors.each do |actor|
+        line do
+          text actor.name
+          avatar :person
+          subtitle "#{actor.episodes} episodes"
+        end
+      end
+    end
+
     attach :code, file: __FILE__
   end
 end

data/app/demo/components/time_fields.pom

@@ -30,12 +30,12 @@ Voom::Presenters.define(:time_fields) do
           label 'Select your time to skydive'
           icon :event
           event :change do
-            replaces :context_list, :context_list, hide_time: true
+            replaces :context_list, :context_list
           end
         end
       end
       column 6 do
-        attach :context_list, hide_time: true
+        attach :context_list
       end
     end
     grid do

data/app/demo/events/actions/dialogs/trigger.pom

@@ -24,9 +24,9 @@ Voom::Presenters.define(:trigger_dialog) do
       attach :replace_text
 
       subheading 'Toggle Visibility'
-      button 'toggle visiblity' do
+      button 'toggle visibility' do
         event :click do
-          toggle_visiblity :toggle_me
+          toggle_visibility :toggle_me
         end
       end
       heading 'Sometimes I appear', id: :toggle_me

data/app/demo/events/actions/toggle_visiblity.pom

@@ -5,14 +5,14 @@ Voom::Presenters.define(:toggle_visibility_action) do
 
   indented_grid do
     heading 'Toggle Visibility'
-    body 'Allows you to toggle visiblity of content on and off on events.',
+    body 'Allows you to toggle visibility of content on and off on events.',
          'Takes the id of the element to toggle.',
-         "Optionally takes :on or :off to force visiblity."
+         "Optionally takes :on or :off to force visibility."
 
     subheading 'Toggle Visibility'
-    button 'toggle visiblity' do
+    button 'toggle visibility' do
       event :click do
-        toggle_visiblity :toggle_me
+        toggle_visibility :toggle_me
       end
     end
     heading 'Sometimes I appear', id: :toggle_me

data/app/demo/shared/context_list.pom

@@ -5,7 +5,7 @@ Voom::Presenters.define(:context_list) do
     end
 
     def time
-      Time.now unless context.fetch(:hide_time) {false}
+      Time.now unless context.fetch(:hide_time) {true}
     end
 
     def scrubbed_context

data/component-status.yml

@@ -29,8 +29,8 @@
     MDL: 
     MDC: 
     Priority: 
-    Completeness: 3
-    Notes: 
+    Completeness: 2
+    Notes: Needs absolute placement so a scroll does not hide the FAB.
 -
     Components: Cards
     Implementation: MDL
@@ -60,9 +60,9 @@
     Implementation: MDL
     MDL: 
     MDC: Y
-    Priority: 
-    Completeness: 3
-    Notes: 
+    Priority: High
+    Completeness: 1
+    Notes: Current implementation from MDL and polyfil does not work on iOS/Safari. Port to MDC.
 -
     Components: Dividers
     Implementation: N
@@ -113,12 +113,12 @@
     Notes: 
 -
     Components: Pickers
-    Implementation: N
+    Implementation: Flatpickr
     MDL: N
     MDC: N
     Priority: medium
-    Completeness: 
-    Notes: Need date/time selection
+    Completeness: 3
+    Notes: Date, time, datetime are supported.
 -
     Components: Progress & activity
     Implementation: N
@@ -134,7 +134,7 @@
     MDC: Y
     Priority: 
     Completeness: 1
-    Notes: The checkboxes and radio buttons from MDL need to be ported.
+    Notes: The checkboxes and radio buttons from MDL need to be ported to MDC.
 -
     Components: Select fields
     Implementation: MDC
@@ -214,6 +214,6 @@
     Implementation: N
     MDL: N
     MDC: N
-    Priority: not planned
+    Priority: medium
     Completeness: 
-    Notes: 
+    Notes: Need extension/plugin design with ace editor and charts as available plugins.

data/lib/voom/presenters/dsl/components/button.rb

@@ -1,5 +1,4 @@
 require_relative 'mixins/common'
-require_relative 'mixins/event'
 require_relative 'mixins/tooltips'
 
 module Voom
@@ -8,6 +7,7 @@ module Voom
       module Components
         class Button < EventBase
           include Mixins::Tooltips
+
           BUTTON_TYPES = %i(raised flat fab icon)
 
           attr_accessor :text, :icon, :button_type, :color, :disabled, :size, :position
@@ -18,7 +18,7 @@ module Voom
             self.icon(attribs.delete(:icon)) if attribs.key?(:icon)
             @text = attribs.delete(:text)
             @color = attribs.delete(:color)
-            @disabled = attribs.delete(:disabled) || false
+            @disabled = attribs.delete(:disabled) { false }
             @size = attribs.delete(:size)
             @position = Array(attribs.delete(:position)).compact
             expand!

data/lib/voom/presenters/dsl/components/checkbox.rb

@@ -5,8 +5,9 @@ module Voom
     module DSL
       module Components
         class Checkbox < ToggleBase
+
           def initialize(**attribs_, &block)
-            super(type: :checkbox, **attribs_, &block)
+            super(type: :checkbox,  **attribs_, &block)
             expand!
           end
         end

data/lib/voom/presenters/dsl/components/datetime_base.rb

@@ -15,9 +15,10 @@ module Voom
             merge_config(:enable)
             merge_config(:mode)
 
+            my_id = self.id
             clear_icon(:clear) do
               event :click do
-                snackbar 'Clicked'
+                clear my_id
               end
             end
           end

data/lib/voom/presenters/dsl/components/event.rb

@@ -59,18 +59,25 @@ module Voom
                                                params: params, &block)
           end
 
-          def toggle_visiblity(component_id, **params, &block)
+          def toggle_visibility(component_id, **params, &block)
             @actions << Components::Action.new(parent: self,
                                                type: :toggle_visibility,
                                                target: component_id,
                                                params: params, &block)
           end
 
-          def selects(input_name=nil, **params, &block)
+          def show(component_id, **params, &block)
             @actions << Components::Action.new(parent: self,
-                                               type: :selects,
-                                               target: input_name,
-                                               params: params, &block)
+                                               type: :toggle_visibility,
+                                               target: component_id,
+                                               params: params.merge(action: :show), &block)
+          end
+
+          def hide(component_id, **params, &block)
+            @actions << Components::Action.new(parent: self,
+                                               type: :toggle_visibility,
+                                               target: component_id,
+                                               params: params.merge(action: :hide), &block)
           end
 
           def snackbar(text, **params, &block)
@@ -91,9 +98,21 @@ module Voom
             @actions << Components::Action.new(parent: self,
                                                type: :navigates,
                                                direction: direction,
-                                               params: params, &block)
+                                               params: params.merge(direction: direction), &block)
           end
+
           alias navigate navigates
+
+          # Clears or blanks out a control or form.
+          # Takes either an id or a list of ids.
+          # If the id is that of a form then all the clearable inputs on the form will be cleared.
+          def clear(*ids, **params, &block)
+            @actions << Components::Action.new(parent: self,
+                                               type: :clear,
+                                               params: params.merge(ids: ids), &block)
+          end
+
+          alias clears clear
         end
       end
     end

data/lib/voom/presenters/dsl/components/expansion_panel.rb

@@ -8,10 +8,13 @@ module Voom
         class ExpansionPanel < EventBase
           include Mixins::Common
 
+          attr_accessor :open
+
           def initialize(**attribs_, &block)
             super(type: :expansion_panel, **attribs_, &block)
             self.text(attribs.delete(:text)) if attribs.key?(:text)
             self.secondary_text(attribs.delete(:secondary_text)) if attribs.key?(:secondary_text)
+            @open = attribs.delete(:open) { false }
             expand!
           end
 

data/lib/voom/presenters/dsl/components/header.rb

@@ -26,6 +26,29 @@ module Voom
             @title = Components::Typography.new(parent: self, type: :text, text: text, context: context, **attribs, &block)
           end
 
+          def page_title(*text, **attribs, &block)
+            return @page_title if locked?
+            @page_title = PageTitle.new(parent: self, text: text, context: context, **attribs, &block)
+          end
+
+          class PageTitle < Base
+
+            attr_accessor :text
+
+            def initialize(**attribs_, &block)
+              super(type: :page_title, **attribs_, &block)
+              @text = attribs.delete(:text)
+              expand!
+            end
+
+            def icon(icon=nil, **attribs, &block)
+              return @icon if locked?
+              @icon = Icon.new(parent: self, icon: icon,
+                               context: context,
+                               **attribs, &block)
+            end
+          end
+
         end
       end
     end

data/lib/voom/presenters/dsl/components/icon_toggle.rb

@@ -10,8 +10,8 @@ module Voom
           def initialize(**attribs_, &block)
             super(type: :icon_toggle, context: context, **attribs_, &block)
             @icon = attribs.delete(:icon)
-            @selected = attribs.delete(:selected) || false
-            @disabled = attribs.delete(:disabled) || false
+            @selected = attribs.delete(:selected) { false }
+            @disabled = attribs.delete(:disabled) { false }
             expand!
           end
         end

data/lib/voom/presenters/dsl/components/list.rb

@@ -1,7 +1,9 @@
 require_relative 'lists/line'
 require_relative 'lists/separator'
+require_relative 'lists/header'
 require_relative 'mixins/content'
 require_relative 'mixins/append'
+require_relative 'mixins/attaches'
 
 module Voom
   module Presenters
@@ -10,21 +12,33 @@ module Voom
         class List < Base
           include Mixins::Content
           include Mixins::Append
+          include Mixins::Attaches
           
-          attr_reader :lines, :lines_only
+          attr_reader :lines, :lines_only, :selectable, :total_lines
           attr_accessor :components
           
           def initialize(**attribs_, &block)
             super(type: :list, context: context,
                   **attribs_, &block)
-            @lines_only = attribs.delete(:lines_only)||false
+            @lines_only = attribs.delete(:lines_only) { false }
+            @selectable = attribs.delete(:selectable) { false }
             @lines = []
             @components = []
+            @total_lines = attribs.delete(:total_lines) || 0
+            add_select_control!( attribs.fetch(:select_control_label) { 'Select All' } )
             expand!
           end
-          
+
+          def add_select_control!(text)
+            return unless @selectable && !@lines_only
+            @lines << Lists::Header.new(parent: self,
+                                        context: context,
+                                        total_lines: @total_lines,
+                                        checkbox: {text: text})
+          end
+
           def line(text=nil, **attribs, &block)
-            @lines << Lists::Line.new(parent:self, context: context, text: text, **attribs, &block)
+            @lines << Lists::Line.new(parent:self, context: context, text: text, selectable: selectable, **attribs, &block)
           end
 
           def separator(**attribs, &block)