glib-web 4.42.0 → 4.42.1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 0fd0f52f48d55fef27f49ae004e3f2c59e730963cecaddd6af5cb5fe962b6323
-  data.tar.gz: aebd337997b0b656fac64f72a0c53322bd58815bdf2052aef4b15243d1e06e96
+  metadata.gz: 10cf86096f7289ec5330a4945455aa966fffa5ec6d25e9eed14a9d1cc05324e5
+  data.tar.gz: 3e5c534eb6a24b7643c2ba053a92dbc85854242af338489244d8f229ee8ea86f
 SHA512:
-  metadata.gz: 7dfa32067ee2a2be6dd8095bf8fce2b5da301cff44fdc93f1e80eba7fe9562ae12bae8f7edab9902c16e6ace86af262d028052fb30b644f2bb54957d61302571
-  data.tar.gz: e5d068af18a7f8908ae82aac1d5f74225aacdbd58eac2db8b0b78b07f9a5cb4e037d49f32aa11fb2278bc5341ce8c374a89fac4650f5b97f4227eb618606c136
+  metadata.gz: 6f4b740caa11bfc6f41686c03c84fcc507ef0de4ae17d8b317b98fcd301c311bfc72eb9eaeb5ac04fe847828e00826234bc3087f72571143fb653b5e0cd92465
+  data.tar.gz: c99131d247a25df28948a755718a63d0d1548eb1d5b149917156340798115a67ab587ceb9c282bbccaeb1e4ddd31e552a9f034c3fa54ca246654c3cbb3f660bc

data/app/controllers/concerns/glib/json/libs.rb

@@ -131,9 +131,10 @@ module Glib::Json::Libs
         redirect_to sign_in_url, **redirect_options
       end
       format.json do
-        render \
+        render(
           json: json_ui_401_response(sign_in_url, **redirect_options),
           status: Rails.env.test? ? :unauthorized : :ok
+        )
       end
       format.csv do
         if Rails.env.test?
@@ -230,7 +231,9 @@ module Glib::Json::Libs
                 view: 'label',
                 text: message
               },
-            ].concat(bottom_views),
+            ].concat(
+              bottom_views
+                        ),
           }
         ]
         # Set this in the project's custom CSS.
@@ -288,6 +291,17 @@ module Glib::Json::Libs
 
   module ClassMethods
 
+    # This usually resides in a base controller class, e.g. ApplicationController.
+    def __json_libs_init_options
+      if instance_variable_defined?(:@__json_libs_init_options)
+        @__json_libs_init_options
+      elsif superclass.respond_to?(:__json_libs_init_options)
+        superclass.__json_libs_init_options
+      else
+        nil
+      end
+    end
+
     def json_libs_init(options)
       include Glib::Json::Transformation
       include Glib::Json::Validation
@@ -296,6 +310,10 @@ module Glib::Json::Libs
       include Glib::Json::Traversal
       include Glib::Json::NewDynamicText
 
+      @__json_libs_init_options = options
+
+      puts "*********** __json_libs_init_options: #{@__json_libs_init_options}"
+
       before_action do
         __json_ui_start(options)
       end
@@ -350,30 +368,37 @@ module Glib::Json::Libs
             redirect_to instance_exec(&sign_in_url_proc)
           end
           format.json do
-            render json: {
-              glib_json_dialog_mode? ? :onLoad : :onResponse => __glib_error_dialog(
-                'Your session has expired', 'Please refresh the page and retry.', ['dialog-csrf-error'], [
-                  {
-                    view: 'button',
-                    text: 'Refresh',
-                    onClick: {
-                      action: 'auth/saveCsrfToken',
-                      token: form_authenticity_token,
-                      onSave: {
-                        action: 'dialogs/close',
-                        onClose: {
-                          action: 'windows/reload',
-                          onReload: {
-                            action: 'snackbars/alert',
-                            message: 'Refreshed. You can try again now.'
+            raise exception if Rails.env.test? || !json_ui_should_render?(self.class.__json_libs_init_options)
+
+            render(
+              json: {
+                glib_json_dialog_mode? ? :onLoad : :onResponse => __glib_error_dialog(
+                  'Your session has expired',
+                  'Please refresh the page and retry.',
+                  ['dialog-csrf-error'],
+                  [
+                    {
+                      view: 'button',
+                      text: 'Refresh',
+                      onClick: {
+                        action: 'auth/saveCsrfToken',
+                        token: form_authenticity_token,
+                        onSave: {
+                          action: 'dialogs/close',
+                          onClose: {
+                            action: 'windows/reload',
+                            onReload: {
+                              action: 'snackbars/alert',
+                              message: 'Refreshed. You can try again now.'
+                            }
                           }
                         }
                       }
-                    }
-                  },
-                ]
-              )
-            }
+                    },
+                  ]
+                )
+              }
+            )
           end
         end
       end

data/app/controllers/concerns/glib/json/ui.rb

@@ -36,6 +36,16 @@ module Glib::Json::Ui
     @__json_ui_rendering != nil
   end
 
+  def json_ui_should_render?(options)
+    when_option = options[:when]
+    if when_option.is_a?(Proc)
+      # should_render = when_option.call(self)
+      instance_exec(&when_option)
+    else
+      when_option == :always
+    end
+  end
+
   def json_ui_page_lifecycle_prop(name)
     if (hash = json_transformation_start).is_a?(Hash) && hash['body']  # A valid page
       original_action = hash[name]
@@ -70,14 +80,7 @@ module Glib::Json::Ui
     @__json_ui_activated = false
     @__json_ui_rendering = nil
 
-    when_option = options[:when]
-    if when_option.is_a?(Proc)
-      # should_render = when_option.call(self)
-      should_render = instance_exec(&when_option)
-    else
-      should_render = when_option == :always
-    end
-
+    should_render = json_ui_should_render?(options)
     if should_render || params[:_render] == 'v1'
       @__json_ui_activated = true
       request.variant = :ui
@@ -114,12 +117,14 @@ module Glib::Json::Ui
 
       renderer_path = params[:_skip_custom_render] == 'true' ? 'layouts/json_ui/no_custom' : options[:renderer_path]
       @__json_ui_orig_page = response.body
-      response.body = render_to_string(
-        template: renderer_path,
-        layout: 'json_ui/renderer',
-        content_type: 'text/html',
-        formats: [:html],
-        locals: { page: hash, options: options }
+      response.body(
+        render_to_string(
+          template: renderer_path,
+          layout: 'json_ui/renderer',
+          content_type: 'text/html',
+          formats: [:html],
+          locals: { page: hash, options: options }
+      )
       )
     end
 end

data/app/helpers/glib/json_ui/view_builder/fields.rb

@@ -269,6 +269,14 @@ class Glib::JsonUi::ViewBuilder
     #
     # @see app/views/json_ui/garage/forms/text_validation.json.jbuilder Garage example
     class Email < Text
+      def created
+        super
+        # Assume format validation handled by frontend
+        if @validation.present? && @validation[:format].present?
+          @validation.delete(:format)
+          json.validation @validation
+        end
+      end
     end
 
     # URL input field with URL format validation.

data/app/models/glib/dummy_job_application.rb

@@ -4,7 +4,7 @@ module Glib
     include ActiveModel::Validations
     include ActiveModel::AttributeMethods
 
-    attr_accessor :name, :age, :position, :words, :accept, :pet_you_have
+    attr_accessor :email, :name, :age, :position, :words, :accept, :pet_you_have
 
     validates :name, :position, presence: true
     validates :accept, acceptance: {}, allow_nil: false
@@ -13,5 +13,6 @@ module Glib
     validates :name, format: { with: /Doe\z/, message: 'This job is for person end with Doe' }
     validates :position, inclusion: { in: ['programmer', 'devops', 'designer'] }, allow_blank: true
     validates :pet_you_have, exclusion: { in: ['crocodile', 'shark' ], message: 'We dont accept that kind of animal!' }, allow_blank: true
+    validates :email, format: { with: /\.doe\z/, message: "This message is never shown because it's handled by frontend" }
   end
 end

data/app/views/json_ui/garage/actions/sheet_content.json.jbuilder

@@ -1,14 +1,24 @@
-sleep 3
+sleep 0.5
 page = json_ui_page json
 
-page.body childViews: ->(body) do
-  body.panels_responsive padding: { all: 16 }, childViews: ->(res) do
-    res.fields_richText value: "<p>#{DateTime.current.to_fs(:rfc822)}</p><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>"
-    res.spacer height: 8
-    res.button text: 'close', onClick: ->(action) do
-      action.sheets_close onClose: ->(saction) do
-        saction.snackbars_alert message: 'sheet closed'
+page.body(
+  childViews: ->(body) do
+    body.panels_responsive(
+      padding: { all: 16 },
+      childViews: ->(res) do
+        res.fields_richText value: "<p>#{DateTime.current.to_fs(:rfc822)}</p><p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p>"
+        res.spacer height: 8
+        res.button(
+          text: 'close',
+          onClick: ->(action) do
+            action.sheets_close(
+              onClose: ->(saction) do
+                saction.snackbars_alert message: 'sheet closed'
+              end
+            )
+          end
+        )
       end
-    end
+    )
   end
-end
+)

data/app/views/json_ui/garage/lists/edit_mode.json.jbuilder

@@ -5,6 +5,10 @@ json.title 'Lists'
 render "#{@path_prefix}/nav_menu", json: json, page: page
 
 tab_index = params[:tab].to_i
+batch_count = 20
+editable_ids = (0...batch_count).map do |index|
+  "PK_#{(batch_count * tab_index) + index}"
+end
 
 page.header(
   childViews: ->(header) do
@@ -42,7 +46,25 @@ page.form(
         childViews: ->(header) do
           header.panels_horizontal(
             childViews: ->(horizontal) do
-              horizontal.fields_check name: 'user[check_all]', label: 'All', checkValue: true
+              horizontal.fields_check(
+                name: 'user[check_all]',
+                label: 'All',
+                checkValue: true,
+                onChange: ->(action) do
+                  action.runMultiple(
+                    childActions: ->(multiple) do
+                      editable_ids.each do |editable_id|
+                        multiple.logics_set(
+                          targetId: editable_id,
+                          conditionalData: {
+                        value: { "if": [{ "var": 'user[check_all]' }, true, false] }
+                        }
+                        )
+                      end
+                    end
+                  )
+                end
+              )
               horizontal.spacer width: 20
               # header.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[new_name]', label: 'Item name'
               statuses = [:pending, :active]
@@ -61,23 +83,14 @@ page.form(
       )
       section.rows(
         builder: ->(row) do
-          batch_count = 20
           batch_count.times do |index|
             id = (batch_count * tab_index) + index
-            row.editable title: "Item #{id}", recordId: "PK_#{id}"
+            row.editable id: "PK_#{id}", title: "Item #{id}", recordId: "PK_#{id}"
           end
         end
       )
     end
-    ],
-      fieldCheckValueIf: {
-    "==": [
-    {
-    "var": 'user[check_all]'
-    },
-    true
     ]
-    }
     )
   end
 )

data/app/views/json_ui/garage/test_page/_header.json.jbuilder

@@ -1,4 +1,4 @@
-navs = ['form', 'dialog', 'form_dynamic', 'auto_validate', 'multiupload', 'dirty_state', 'window', 'selectable', 'lifecycle', 'file_upload_new']
+navs = ['form', 'dialog', 'form_dynamic', 'auto_validate', 'multiupload', 'dirty_state', 'window', 'selectable', 'list_editable', 'lifecycle', 'file_upload_new', 'logics_set', 'http', 'sheets', 'snackbars']
 
 view.panels_flow(
   innerPadding: { bottom: 0 },

data/app/views/json_ui/garage/test_page/auto_validate.json.jbuilder

@@ -2,76 +2,75 @@ json.title 'Test Page (Form)'
 
 page = json_ui_page json
 
-page.body childViews: ->(body) do
-  render 'json_ui/garage/test_page/header', view: body
-
-  model = Glib::DummyJobApplication.new(
-    name: 'John Deo',
-    accept: '0',
-    words: '',
-    age: 17,
-    position: 'ceo',
-    pet_you_have: 'crocodile'
-  )
-
-  body.panels_responsive padding: glib_json_padding_body, childViews: ->(res) do
-    res.h2 text: 'Job Application'
-    res.spacer height: 8
-    res.panels_form \
-      url: json_ui_garage_url(path: 'forms/generic_post'),
-      method: 'post',
-      model: model,
-      autoValidate: true,
-      childViews: ->(form) do
-        form.fields_text prop: :name, label: 'name', name: 'user[name]', width: 'matchParent'
-        form.spacer height: 4
-
-        form.fields_text label: 'say hello', name: 'user[say]', width: 'matchParent', validation: { format: { regex: 'hello', message: 'Say hello!' } }, value: 'sup'
-        form.spacer height: 4
-
-        form.fields_number prop: :age, label: 'age', name: 'user[age]', width: 'matchParent'
-        form.spacer height: 4
-
-        form.fields_number \
-          name: 'user[height]',
-          label: 'height',
-          width: 'matchParent',
-          validation: { numericality: { greater_than_or_equal_to: 155, less_than_or_equal_to: 190, message: { greater_than_or_equal_to: 'Too short', less_than_or_equal_to: 'Too long' } } },
-          value: 150
-        form.spacer height: 4
-
-        form.fields_textarea prop: :words, label: 'words', name: 'user[words]', width: 'matchParent'
-        form.spacer height: 4
-
-        form.fields_textarea label: 'Tell me story', name: 'user[story]', width: 'matchParent', validation: { length: { minimum: 1, message: { too_short: { one: 'Min %{count} word', other: 'Min %{count} words' } } } }
-        form.spacer height: 4
-
-        options = ['programmer', 'devops', 'designer', 'ceo', 'office_boy'].map { |v| { text: v.humanize, value: v } }
-        form.fields_select prop: :position, label: 'postion', name: 'user[position]', width: 'matchParent', options: options
-        form.spacer height: 4
-
-        options2 = ['crocodile', 'cat', 'dog', 'bird', 'shark'].map { |v| { text: v.humanize, value: v } }
-        form.fields_select prop: :pet_you_have, label: 'Pet you have', name: 'user[pet_you_have]', width: 'matchParent', options: options2
-        form.spacer height: 4
-
-        form.label text: 'Decision'
-        options3 = ['choose me', 'dont choose me', 'whatever']
-        form.fields_radioGroup value: 'dont choose me', validation: { exclusion: { in: ['dont choose me'], message: 'dont choose me' } }, childViews: ->(radio) do
-          options3.each do |option|
-            radio.fields_radio label: option, value: option
+page.body(
+  childViews: ->(body) do
+    render 'json_ui/garage/test_page/header', view: body
+    model = Glib::DummyJobApplication.new(
+      name: 'John Deo',
+      accept: '0',
+      words: '',
+      age: 17,
+      position: 'ceo',
+      pet_you_have: 'crocodile'
+    )
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'Job Application'
+        res.spacer height: 8
+        res.panels_form(
+          url: json_ui_garage_url(path: 'forms/generic_post'),
+          method: 'post',
+          model: model,
+          autoValidate: true,
+          childViews: ->(form) do
+            form.fields_text prop: :name, label: 'name', name: 'user[name]', width: 'matchParent'
+            form.spacer height: 4
+            form.fields_email prop: :email, label: 'email', name: 'user[email]',  width: 'matchParent'
+            form.fields_text label: 'say hello', name: 'user[say]', width: 'matchParent', validation: { format: { regex: 'hello', message: 'Say hello!' } }, value: 'sup'
+            form.spacer height: 4
+            form.fields_number prop: :age, label: 'age', name: 'user[age]', width: 'matchParent'
+            form.spacer height: 4
+            form.fields_number(
+              name: 'user[height]',
+              label: 'height',
+              width: 'matchParent',
+              validation: { numericality: { greater_than_or_equal_to: 155, less_than_or_equal_to: 190, message: { greater_than_or_equal_to: 'Too short', less_than_or_equal_to: 'Too long' } } },
+              value: 150
+            )
+            form.spacer height: 4
+            form.fields_textarea prop: :words, label: 'words', name: 'user[words]', width: 'matchParent'
+            form.spacer height: 4
+            form.fields_textarea label: 'Tell me story', name: 'user[story]', width: 'matchParent', validation: { length: { minimum: 1, message: { too_short: { one: 'Min %{count} word', other: 'Min %{count} words' } } } }
+            form.spacer height: 4
+            options = ['programmer', 'devops', 'designer', 'ceo', 'office_boy'].map { |v| { text: v.humanize, value: v } }
+            form.fields_select prop: :position, label: 'postion', name: 'user[position]', width: 'matchParent', options: options
+            form.spacer height: 4
+            options2 = ['crocodile', 'cat', 'dog', 'bird', 'shark'].map { |v| { text: v.humanize, value: v } }
+            form.fields_select prop: :pet_you_have, label: 'Pet you have', name: 'user[pet_you_have]', width: 'matchParent', options: options2
+            form.spacer height: 4
+            form.label text: 'Decision'
+            options3 = ['choose me', 'dont choose me', 'whatever']
+            form.fields_radioGroup(
+              value: 'dont choose me',
+              validation: { exclusion: { in: ['dont choose me'], message: 'dont choose me' } },
+              childViews: ->(radio) do
+                options3.each do |option|
+                  radio.fields_radio label: option, value: option
+                end
+              end
+            )
+            form.spacer height: 4
+            form.fields_check prop: :accept, label: 'accept', name: 'user[accept]', width: 'matchParent', checkValue: '1'
+            form.spacer height: 4
+            form.spacer height: 4
+            form.fields_submit text: 'submit'
+            form.spacer height: 2
+            form.fields_submit text: 'submit (if form valid)', disableIfFormInvalid: true
           end
-        end
-        form.spacer height: 4
-
-        form.fields_check prop: :accept, label: 'accept', name: 'user[accept]', width: 'matchParent', checkValue: '1'
-        form.spacer height: 4
-
-        form.spacer height: 4
-        form.fields_submit text: 'submit'
-        form.spacer height: 2
-        form.fields_submit text: 'submit (if form valid)', disableIfFormInvalid: true
+        )
+        res.spacer height: 16
       end
-
-    res.spacer height: 16
+    )
   end
-end
+)

data/app/views/json_ui/garage/test_page/http.json.jbuilder

@@ -0,0 +1,70 @@
+json.title 'Test Page (HTTP)'
+
+page = json_ui_page json
+
+page.body(
+  childViews: ->(body) do
+    render 'json_ui/garage/test_page/header', view: body
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'HTTP'
+        res.spacer height: 8
+        res.button text: 'http/post', onClick: ->(action) do
+          action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+            subaction.http_post(
+              url: json_ui_garage_url(path: 'forms/basic_post'),
+              formData: { user: { name: { first: 'New', last: 'Joe' } } }
+            )
+          end
+        end
+        res.spacer height: 4
+        res.button text: 'http/post (error page)', onClick: ->(action) do
+          action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+            subaction.http_post(
+              retryLimit: 5,
+              url: json_ui_garage_url(path: SecureRandom.hex(3)),
+              formData: { user: { name: { first: 'New', last: 'Joe' } } }
+            )
+          end
+        end
+        res.spacer height: 4
+        res.button text: 'http/patch', onClick: ->(action) do
+          action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+            subaction.http_patch(
+              url: json_ui_garage_url(path: 'forms/basic_post'),
+              formData: { 'user[name]' => 'Edit Joe' }
+            )
+          end
+        end
+        res.spacer height: 4
+        res.button text: 'http/patch (error page)', onClick: ->(action) do
+          action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+            subaction.http_patch(
+              url: json_ui_garage_url(path: SecureRandom.hex(3)),
+              formData: { 'user[name]' => 'Edit Joe' }
+            )
+          end
+        end
+        res.spacer height: 4
+        res.button text: 'http/delete', onClick: ->(action) do
+          action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+            subaction.http_delete(
+              url: json_ui_garage_url(path: 'forms/basic_post'),
+              formData: { 'user[name]' => 'Delete Joe' }
+            )
+          end
+        end
+        res.spacer height: 4
+        res.button text: 'http/delete (error page)', onClick: ->(action) do
+          action.auth_saveCsrfToken token: form_authenticity_token, onSave: ->(subaction) do
+            subaction.http_delete(
+              url: json_ui_garage_url(path: SecureRandom.hex(3)),
+              formData: { 'user[name]' => 'Delete Joe' }
+            )
+          end
+        end
+      end
+    )
+  end
+)

data/app/views/json_ui/garage/test_page/list_editable.json.jbuilder

@@ -0,0 +1,96 @@
+json.title 'Test Page (List Editable)'
+
+page = json_ui_page json
+
+tab_index = params[:tab].to_i
+batch_count = 20
+editable_ids = (0...batch_count).map do |index|
+  "PK_#{(batch_count * tab_index) + index}"
+end
+
+page.header(
+  childViews: ->(header) do
+    # Allow navigating to another "edit mode" page to test reuse issues.
+    header.tabBar(
+      buttons: ->(menu) do
+        ['FIRST', 'SECOND'].each_with_index do |text, index|
+          menu.button(
+            text: text,
+            disabled: tab_index == index,
+            onClick: ->(action) do
+              action.windows_reload url: json_ui_garage_url(path: 'test_page/list_editable', tab: index)
+            end
+          )
+        end
+      end
+    )
+  end
+)
+
+page.body childViews: ->(body) do
+  render 'json_ui/garage/test_page/header', view: body
+
+  body.panels_form \
+    width: 'matchParent',
+    url: json_ui_garage_url(path: 'forms/generic_post'),
+    method: 'post',
+    padding: glib_json_padding_body,
+    childViews: ->(form) do
+      form.panels_list(
+        fieldPrefix: 'user[items]',
+        fieldTitleName: 'name',
+        width: 'matchParent',
+        sections: [
+          ->(section) do
+            section.header(
+              padding: glib_json_padding_list,
+              childViews: ->(header) do
+                header.panels_horizontal(
+                  childViews: ->(horizontal) do
+                    horizontal.fields_check(
+                      name: 'user[check_all]',
+                      label: 'All',
+                      checkValue: true,
+                      onChange: ->(action) do
+                        action.runMultiple(
+                          childActions: ->(multiple) do
+                            editable_ids.each do |editable_id|
+                              multiple.logics_set(
+                                targetId: editable_id,
+                                conditionalData: {
+                                  value: { "if": [{ "var": 'user[check_all]' }, true, false] }
+                                }
+                              )
+                            end
+                          end
+                        )
+                      end
+                    )
+                    horizontal.spacer width: 20
+                    statuses = [:pending, :active]
+                    horizontal.fields_select(
+                      styleClass: 'outlined',
+                      name: 'user[status]',
+                      width: 'matchParent',
+                      label: 'Status',
+                      options: statuses.map { |status| { value: status, text: status.to_s.humanize } }
+                    )
+                    horizontal.spacer width: 20
+                    horizontal.fields_submit text: 'Update'
+                  end
+                )
+              end
+            )
+            section.rows(
+              builder: ->(row) do
+                batch_count.times do |index|
+                  id = (batch_count * tab_index) + index
+                  row.editable id: "PK_#{id}", title: "Item #{id}", recordId: "PK_#{id}"
+                end
+              end
+            )
+          end
+        ]
+      )
+    end
+end

data/app/views/json_ui/garage/test_page/logics_set.json.jbuilder

@@ -2,93 +2,139 @@ json.title 'Test Page (Logics Set)'
 
 page = json_ui_page json
 
-page.body childViews: ->(body) do
-  render 'json_ui/garage/test_page/header', view: body
-
-  body.panels_responsive padding: glib_json_padding_body, childViews: ->(res) do
-    res.h2 text: 'Logics Set - Icon Badge'
-    res.spacer height: 8
-
-    res.panels_flow innerPadding: { bottom: 0 }, width: 'matchParent', childViews: ->(flow) do
-      flow.button text: 'Set badge to "5"', onClick: ->(action) do
-        action.logics_set targetId: 'test_icon', conditionalData: {
-          'badge.text': '5',
-          'badge.backgroundColor': 'primary'
-        }
-      end
-
-      flow.spacer width: 8
-
-      flow.button text: 'Set badge to "99"', onClick: ->(action) do
-        action.logics_set targetId: 'test_icon', conditionalData: {
-          'badge.text': '99',
-          'badge.backgroundColor': 'warning'
-        }
-      end
-
-      flow.spacer width: 8
-
-      flow.button text: 'Clear badge', onClick: ->(action) do
-        action.logics_set targetId: 'test_icon', data: {
-          badge: nil
-        }
+page.body(
+  childViews: ->(body) do
+    render 'json_ui/garage/test_page/header', view: body
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'Logics Set - Icon Badge'
+        res.spacer height: 8
+        res.panels_flow(
+          innerPadding: { bottom: 0 },
+          width: 'matchParent',
+          childViews: ->(flow) do
+            flow.button(
+              text: 'Set badge to "5"',
+              onClick: ->(action) do
+                action.logics_set(
+                  targetId: 'test_icon',
+                  conditionalData: {
+                'badge.text': '5',
+                'badge.backgroundColor': 'primary'
+                }
+                )
+              end
+            )
+            flow.spacer width: 8
+            flow.button(
+              text: 'Set badge to "99"',
+              onClick: ->(action) do
+                action.logics_set(
+                  targetId: 'test_icon',
+                  conditionalData: {
+                'badge.text': '99',
+                'badge.backgroundColor': 'warning'
+                }
+                )
+              end
+            )
+            flow.spacer width: 8
+            flow.button(
+              text: 'Clear badge',
+              onClick: ->(action) do
+                action.logics_set(
+                  targetId: 'test_icon',
+                  data: {
+                badge: nil
+                }
+                )
+              end
+            )
+          end
+        )
+        res.spacer height: 16
+        res.hr width: 'matchParent'
+        res.spacer height: 16
+        res.icon(
+          id: 'test_icon',
+          name: 'notifications',
+          badge: { text: '1', backgroundColor: 'error' }
+        )
+        res.spacer height: 24
+        res.h2 text: 'Button with Icon Badge'
+        res.spacer height: 8
+        res.panels_flow(
+          innerPadding: { bottom: 0 },
+          width: 'matchParent',
+          childViews: ->(flow) do
+            flow.button(
+              text: 'Set button badge to "3"',
+              onClick: ->(action) do
+                action.logics_set(
+                  targetId: 'test_button',
+                  conditionalData: {
+                'icon.badge.text': '3',
+                'icon.badge.backgroundColor': 'success'
+                }
+                )
+              end
+            )
+            flow.spacer width: 8
+            flow.button(
+              text: 'Set button badge to "10"',
+              onClick: ->(action) do
+                action.logics_set(
+                  targetId: 'test_button',
+                  conditionalData: {
+                'icon.badge.text': '10',
+                'icon.badge.backgroundColor': 'error'
+                }
+                )
+              end
+            )
+            flow.spacer width: 8
+            flow.button(
+              text: 'Clear button badge',
+              onClick: ->(action) do
+                action.logics_set(
+                  targetId: 'test_button',
+                  data: {
+                'icon.badge': nil
+                }
+                )
+              end
+            )
+          end
+        )
+        res.spacer height: 16
+        res.hr width: 'matchParent'
+        res.spacer height: 16
+        res.button(
+          id: 'test_button',
+          text: 'Notifications',
+          icon: {
+          name: 'notifications',
+          badge: { text: '5', backgroundColor: 'warning' }
+          },
+          onClick: ->(action) do
+            action.snackbars_alert message: 'Button clicked!'
+          end
+        )
+        res.spacer height: 16
+        res.button(
+          text: 'Update duplicate labels',
+          onClick: ->(action) do
+            action.logics_set(
+              targetId: 'duplicate_label',
+              data: { text: 'Updated label text' }
+            )
+          end
+        )
+        res.spacer height: 8
+        res.label id: 'duplicate_label', text: 'Visible label text'
+        res.label id: 'duplicate_label', text: 'Hidden label text', displayed: false
       end
-    end
-
-    res.spacer height: 16
-    res.hr width: 'matchParent'
-    res.spacer height: 16
-
-    res.icon \
-      id: 'test_icon',
-      name: 'notifications',
-      badge: { text: '1', backgroundColor: 'error' }
-
-    res.spacer height: 24
-    res.h2 text: 'Button with Icon Badge'
-    res.spacer height: 8
-
-    res.panels_flow innerPadding: { bottom: 0 }, width: 'matchParent', childViews: ->(flow) do
-      flow.button text: 'Set button badge to "3"', onClick: ->(action) do
-        action.logics_set targetId: 'test_button', conditionalData: {
-          'icon.badge.text': '3',
-          'icon.badge.backgroundColor': 'success'
-        }
-      end
-
-      flow.spacer width: 8
-
-      flow.button text: 'Set button badge to "10"', onClick: ->(action) do
-        action.logics_set targetId: 'test_button', conditionalData: {
-          'icon.badge.text': '10',
-          'icon.badge.backgroundColor': 'error'
-        }
-      end
-
-      flow.spacer width: 8
-
-      flow.button text: 'Clear button badge', onClick: ->(action) do
-        action.logics_set targetId: 'test_button', data: {
-          'icon.badge': nil
-        }
-      end
-    end
-
-    res.spacer height: 16
-    res.hr width: 'matchParent'
-    res.spacer height: 16
-
-    res.button \
-      id: 'test_button',
-      text: 'Notifications',
-      icon: {
-        name: 'notifications',
-        badge: { text: '5', backgroundColor: 'warning' }
-      },
-      onClick: ->(action) do
-        action.snackbars_alert message: 'Button clicked!'
-      end
-
-    res.spacer height: 16
+    )
   end
-end
+)

data/app/views/json_ui/garage/test_page/sheets.json.jbuilder

@@ -0,0 +1,105 @@
+json.title 'Test Page (Sheets)'
+
+page = json_ui_page json
+
+page.body(
+  childViews: ->(body) do
+    render 'json_ui/garage/test_page/header', view: body
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'Sheets'
+        res.spacer height: 8
+        res.button text: 'sheets/select', onClick: ->(action) do
+          action.sheets_select(
+            message: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum vel nisi in pharetra. Aenean mollis feugiat elementum. Donec tempor arcu fringilla risus finibus cursus. Donec eleifend ex sit amet odio rutrum, vitae ornare nunc congue. In hac habitasse platea dictumst. Curabitur at velit et odio ornare vestibulum sit amet vitae ex. Proin tincidunt rutrum libero vitae tempus.',
+            buttons: ->(menu) do
+              menu.button text: 'Option1 Aenean mollis feugiat elementum. Donec tempor arcu fringilla risus finibus cursus.', onClick: ->(subaction) do
+                subaction.dialogs_alert message: 'Option 1'
+              end
+              menu.button text: 'Option2', onClick: ->(subaction) do
+                subaction.dialogs_alert message: 'Option 2'
+              end
+            end
+          )
+        end
+        res.spacer height: 4
+        res.button text: "sheets/open placement: 'top'", onClick: ->(action) do
+          action.sheets_open placement: 'top', url: json_ui_garage_url(path: 'actions/sheet_content')
+        end
+        res.spacer height: 4
+        res.button text: "sheets/open placement: 'right' with loaderViews", onClick: ->(action) do
+          action.sheets_open(
+            placement: 'right',
+            url: json_ui_garage_url(path: 'actions/sheet_content'),
+            loaderViews: ->(sview) do
+              sview.panels_responsive padding: { all: 16 }, childViews: ->(sres) do
+                sres.skeleton template: 'textArea'
+                sres.skeleton template: 'commentList'
+              end
+            end
+          )
+        end
+        res.spacer height: 4
+        res.button text: "sheets/open placement: 'bottom'", onClick: ->(action) do
+          action.sheets_open placement: 'bottom', url: json_ui_garage_url(path: 'actions/sheet_content')
+        end
+        res.spacer height: 4
+        res.button text: "sheets/open placement: 'left'", onClick: ->(action) do
+          action.sheets_open placement: 'left', url: json_ui_garage_url(path: 'actions/sheet_content')
+        end
+        res.spacer height: 4
+        res.button text: 'sheets/open wrong url', onClick: ->(action) do
+          action.sheets_open placement: 'left', url: json_ui_garage_url(path: 'wrongurl')
+        end
+        res.spacer height: 4
+        res.button text: 'sheets/show', onClick: ->(action) do
+          action.sheets_show placement: 'right', content: ->(sheet) do
+            sheet.body childViews: ->(sbody) do
+              sbody.panels_responsive width: 'matchParent', padding: { all: 16 }, childViews: ->(sres) do
+                sres.markdown text: %{
+1. First ordered list item
+2. Another item
+  * Unordered sub-list.
+1. Actual numbers don't matter, just that it's a number
+  1. Ordered sub-list
+4. And another item.
+
+   You can have properly indented paragraphs within list items. Notice the blank line above, and the leading spaces (at least one, but we'll use three here to also align the raw Markdown).
+
+   To have a line break without a paragraph, you will need to use two trailing spaces.
+   Note that this line is separate, but within the same paragraph.
+   (This is contrary to the typical GFM line break behaviour, where trailing spaces are not required.)
+
+* Unordered list can use asterisks
+- Or minuses
++ Or pluses
+
+1. Make my changes
+    1. Fix bug
+    2. Improve formatting
+        - Make the headings bigger
+2. Push my commits to GitHub
+3. Open a pull request
+    * Describe my changes
+    * Mention all the members of my team
+        * Ask for feedback
+
++ Create a list by starting a line with `+`, `-`, or `*`
++ Sub-lists are made by indenting 2 spaces:
+  - Marker character change forces new list start:
+    * Ac tristique libero volutpat at
+    + Facilisis in pretium nisl aliquet
+    - Nulla volutpat aliquam velit
++ Very easy!
+                }
+                sres.spacer height: 8
+                sres.button text: 'close', onClick: ->(saction) { saction.sheets_close }
+              end
+            end
+          end
+        end
+      end
+    )
+  end
+)

data/app/views/json_ui/garage/test_page/snackbars.json.jbuilder

@@ -0,0 +1,73 @@
+json.title 'Test Page (Snackbars)'
+
+page = json_ui_page json
+
+page.body(
+  childViews: ->(body) do
+    render 'json_ui/garage/test_page/header', view: body
+    body.panels_responsive(
+      padding: glib_json_padding_body,
+      childViews: ->(res) do
+        res.h2 text: 'Snackbars'
+        res.spacer height: 8
+        res.button(
+          text: 'snackbars/alert',
+          onClick: ->(action) do
+            action.snackbars_alert(
+              message: 'This is an alert snackbar. It closes automatically, so it should not display a close button.',
+              onClose: ->(subaction) do
+                subaction.dialogs_alert message: 'Closed'
+              end
+            )
+          end
+        )
+        res.spacer height: 4
+        res.button(
+          text: 'snackbars/alert with no timeout',
+          onClick: ->(action) do
+            action.snackbars_alert(
+              timeout: -1,
+              message: 'This is a persistent alert snackbar',
+              onClose: ->(subaction) do
+                subaction.dialogs_alert message: 'Closed'
+              end
+            )
+          end
+        )
+        res.spacer height: 4
+        res.button(
+          text: 'snackbars/select',
+          onClick: ->(action) do
+            action.snackbars_select(
+              styleClass: 'vertical',
+              message: 'This is a select snackbar with a really really really really long text',
+              onClose: ->(saction) { saction.dialogs_alert message: 'Closed' },
+              buttons: ->(menu) do
+                menu.button(
+                  text: 'Option1',
+                  onClick: ->(subaction) do
+                    subaction.dialogs_alert message: 'Option 1'
+                  end
+                )
+                menu.button(
+                  text: 'Option2',
+                  onClick: ->(subaction) do
+                    subaction.dialogs_alert message: 'Option 2'
+                  end
+                )
+                menu.button text: 'Cancel'
+              end
+            )
+          end
+        )
+        res.spacer height: 4
+        res.button(
+          text: 'snackbars with styling',
+          onClick: ->(action) do
+            action.snackbars_alert message: 'This is a styled snackbar', location: 'top', styleClass: 'success'
+          end
+        )
+      end
+    )
+  end
+)

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: glib-web
 version: !ruby/object:Gem::Version
-  version: 4.42.0
+  version: 4.42.1
 platform: ruby
 authors:
 - ''
@@ -317,7 +317,6 @@ files:
 - app/views/json_ui/garage/lists/edit_mode.json.jbuilder
 - app/views/json_ui/garage/lists/fab.json.jbuilder
 - app/views/json_ui/garage/lists/index.json.jbuilder
-- app/views/json_ui/garage/lists/old_edit_mode.json.jbuilder
 - app/views/json_ui/garage/lists/reordering.json.jbuilder
 - app/views/json_ui/garage/lists/templating.json.jbuilder
 - app/views/json_ui/garage/multistep_form/step1.json.jbuilder
@@ -380,10 +379,14 @@ files:
 - app/views/json_ui/garage/test_page/file_upload_new.json.jbuilder
 - app/views/json_ui/garage/test_page/form.json.jbuilder
 - app/views/json_ui/garage/test_page/form_dynamic.json.jbuilder
+- app/views/json_ui/garage/test_page/http.json.jbuilder
 - app/views/json_ui/garage/test_page/lifecycle.json.jbuilder
+- app/views/json_ui/garage/test_page/list_editable.json.jbuilder
 - app/views/json_ui/garage/test_page/logics_set.json.jbuilder
 - app/views/json_ui/garage/test_page/multiupload.json.jbuilder
 - app/views/json_ui/garage/test_page/selectable.json.jbuilder
+- app/views/json_ui/garage/test_page/sheets.json.jbuilder
+- app/views/json_ui/garage/test_page/snackbars.json.jbuilder
 - app/views/json_ui/garage/test_page/window.json.jbuilder
 - app/views/json_ui/garage/views/_chart_data.json.jbuilder
 - app/views/json_ui/garage/views/_checkbox_expand.json.jbuilder

data/app/views/json_ui/garage/lists/old_edit_mode.json.jbuilder

@@ -1,84 +0,0 @@
-page = json_ui_page json
-
-json.title 'Lists'
-
-render "#{@path_prefix}/nav_menu", json: json, page: page
-
-tab_index = params[:tab].to_i
-
-page.header(
-  childViews: ->(header) do
-    # Allow navigating to another "edit mode" page to test reuse issues.
-    header.tabBar(
-      buttons: ->(menu) do
-        ['FIRST', 'SECOND'].each_with_index do |text, index|
-          menu.button(
-            text: text,
-            disabled: tab_index == index,
-            onClick: ->(action) do
-              action.windows_reload url: json_ui_garage_url(path: 'lists/edit_mode', tab: index)
-            end
-          )
-        end
-      end
-    )
-  end
-)
-
-page.form(
-  width: 'matchParent',
-  url: json_ui_garage_url(path: 'forms/generic_post'),
-  method: 'post',
-  padding: glib_json_padding_body,
-  childViews: ->(form) do
-    form.panels_list(
-      fieldPrefix: 'user[items]',
-      fieldTitleName: 'name',
-      width: 'matchParent',
-      sections: [
-    ->(section) do
-      section.header(
-        padding: glib_json_padding_list,
-        childViews: ->(header) do
-          header.panels_horizontal(
-            childViews: ->(horizontal) do
-              horizontal.fields_check name: 'user[check_all]', label: 'All', checkValue: true
-              horizontal.spacer width: 20
-              # header.fields_text width: 'matchParent', styleClass: 'outlined', name: 'user[new_name]', label: 'Item name'
-              statuses = [:pending, :active]
-              horizontal.fields_select(
-                styleClass: 'outlined',
-                name: 'user[status]',
-                width: 'matchParent',
-                label: 'Status',
-                options: statuses.map { |status| { value: status, text: status.to_s.humanize } }
-              )
-              horizontal.spacer width: 20
-              horizontal.fields_submit text: 'Update'
-            end
-          )
-        end
-      )
-      section.rows(
-        builder: ->(row) do
-          batch_count = 20
-          batch_count.times do |index|
-            id = (batch_count * tab_index) + index
-            # row.editable title: "Item #{id}", recordId: "PK_#{id}"
-            row.thumbnail title: "Item #{id}", recordId: "PK_#{id}"
-          end
-        end
-      )
-    end
-    ],
-      fieldCheckValueIf: {
-    "==": [
-    {
-    "var": 'user[check_all]'
-    },
-    true
-    ]
-    }
-    )
-  end
-)