bullet_train-themes-tailwind_css 1.0.12 → 1.0.15

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: fd6be9eb43e01d85afebd6bea397737747636af8535560a95505b23b043ca758
-  data.tar.gz: e10a4b03026608bbe7967d7bff8a1c405c141fe7ee6323323894365ca24dc014
+  metadata.gz: 77a34836de69d61cdcb6eb598902b695b654a661a1f1e714d13298060820e2d2
+  data.tar.gz: 7aa804599eb6abf62c17ed89fff1fb8c656db43d72e69896ec170793ad735d05
 SHA512:
-  metadata.gz: 6ac6216bb8a943ca8cdb99e6d7108f6ea0be8210a8efb2f633e94d45f535f2244d21f5f4e7112f7a27ad586b633f28c191a7d0ffab3bc27c068287b0247d73a8
-  data.tar.gz: 48af2a849b1c09311fd31f8d970bb85141074a52baf641f6d7e202cf7b94b09853b998bfe5a620e85392d000a34017295dbf2b926f429f5cdbeedee5305989d8
+  metadata.gz: 2c008535de88c4f05539eb1c436b150604c3b7000a77d16ceccc066daf6d6b9a343f2677b6f97e8cbc1ed1182e63855464d6136f0cbc6ec28b57aeed348b8f4a
+  data.tar.gz: 91d860a8ef974a3ce83d27f2c476cc1aea75d8c70272a9b95687aa09812f4304ae09e0c3c46e61506b73b920a6d81b45813fc6ffa0536088fd02f19a51cce4cf

data/app/views/themes/tailwind_css/fields/_buttons.html.erb

@@ -2,10 +2,9 @@
 
 <%
 stimulus_controller = 'fields--button-toggle'
-
 form ||= current_fields_form
 html_options ||= {}
-html_options[:id] ||= id_for(form, method)
+html_options[:id] ||= form.field_id(method)
 multiple ||= false
 other_options ||= {}
 options ||= options_for(form, method)

data/app/views/themes/tailwind_css/fields/_cloudinary_image.html.erb

@@ -7,7 +7,7 @@ stimulus_controller = 'fields--cloudinary-image'
 
 form ||= current_fields_form
 options ||= {}
-options[:id] ||= id_for(form, method)
+options[:id] ||= form.field_id(method)
 options[:width] ||= 100
 options[:height] ||= 100
 options[:cloud_name] ||= Cloudinary.config.cloud_name

data/app/views/themes/tailwind_css/fields/_color_picker.html.erb

@@ -5,26 +5,32 @@ stimulus_controller = 'fields--color-picker'
 
 form ||= current_fields_form
 html_options ||= {}
-html_options[:id] ||= id_for(form, method)
+html_options[:id] ||= form.field_id(method)
 multiple ||= false
 other_options ||= {}
 options ||= options_for(form, method)
 value = form.object.send(method)
+
+color_selected_classes = "ring-2 ring-offset-2"
 %>
 
 <% content = render 'shared/fields/field', form: form, method: method, options: html_options, other_options: other_options do %>
   <% content_for :field do %>
-    <div class="space-x-1" data-controller="<%= stimulus_controller %>" data-<%= stimulus_controller %>-initial-color-value="<%= value %>">
+    <div class="space-x-1" 
+      data-controller="<%= stimulus_controller %>"
+      data-<%= stimulus_controller %>-initial-color-value="<%= value %>"
+      data-<%= stimulus_controller %>-color-selected-class="<%= color_selected_classes %>"
+    >
       <%= form.hidden_field method, value: value, data: {"#{stimulus_controller}-target": "colorPickerValue"} %>
       <div class="inline space-x-1" data-<%= stimulus_controller %>-target="colorOptions">
         <% options[:color_picker_options].each do |color| %>
           <label class="btn-toggle btn-color-picker">
-            <button type="button" class="button-color mb-1.5 dark:ring-offset-darkPrimary-700 <%= color == value ? 'ring-2 ring-offset-2' : '' %>" style="background-color: <%= color %>; --tw-ring-color: <%= color %>" data-action="<%= stimulus_controller %>#pickColor" data-color="<%= color %>">&nbsp;</button>
+            <button type="button" class="button-color mb-1.5 dark:ring-offset-darkPrimary-700 <%= color == value ? color_selected_classes : '' %>" style="background-color: <%= color %>; --tw-ring-color: <%= color %>" data-action="<%= stimulus_controller %>#pickColor" data-<%= stimulus_controller %>-target="colorButton" data-color="<%= color %>">&nbsp;</button>
           </label>
         <% end %>
       </div>
       <label class="btn-toggle btn-color-picker">
-        <button type="button" class="button-color mr-1 dark:ring-offset-darkPrimary-700 <%= value.blank? || options.include?(value) ? 'hidden' : 'ring-2 ring-offset-2' %>" data-action="<%= stimulus_controller %>#pickColor" data-<%= stimulus_controller %>-target="userSelectedColor" data-color="<%= value %>" style="background-color: <%= value %>; --tw-ring-color: <%= value %>">&nbsp;</button>
+        <button type="button" class="button-color mr-1 dark:ring-offset-darkPrimary-700 <%= value.blank? || options.include?(value) ? 'hidden' : color_selected_classes %>" data-action="<%= stimulus_controller %>#pickColor" data-<%= stimulus_controller %>-target="userSelectedColor colorButton" data-color="<%= value %>" style="background-color: <%= value %>; --tw-ring-color: <%= value %>">&nbsp;</button>
       </label>
       <span class="relative">
         <input type="text" disabled="disabled" class="rounded-md shadow-sm font-light font-mono text-sm focus:ring-blue focus:border-blue border-gray-300 w-48 dark:bg-darkPrimary-800 dark:border-darkPrimary-900" value="<%= value %>" data-<%= stimulus_controller %>-target="colorInput"/>
@@ -32,9 +38,14 @@ value = form.object.send(method)
           <button type="button" class="py-2 px-1 border border-transparent inline-flex items-center whitespace-nowrap rounded-md text-lg" data-action="<%= stimulus_controller %>#pickRandomColor">
             <i class="leading-5 ti ti-reload dark:text-blue-500"></i>
           </button>
-          <button type="button" class="py-2 px-1 border border-transparent inline-flex items-center whitespace-nowrap rounded-md btn-pickr text-lg" data-action="<%= stimulus_controller %>#togglePickr">
+          <button type="button" class="py-2 px-1 border border-transparent inline-flex items-center whitespace-nowrap rounded-md btn-pickr text-lg"
+          data-<%= stimulus_controller %>-target="togglePickerButton" data-action="<%= stimulus_controller %>#togglePickr">
             <i class="leading-5 ti ti-pencil dark:text-blue-500"></i>
           </button>
+          <span
+            data-<%= stimulus_controller %>-target="pickerContainer"
+            data-action="keydown-><%= stimulus_controller %>#handleKeydown"
+          ></span>
           <button type="button" class="py-2 px-1 pr-3.5 border border-transparent inline-flex items-center whitespace-nowrap rounded-md text-lg" data-action="<%= stimulus_controller %>#unpickColor">
             <i class="leading-5 ti ti-trash dark:text-blue-500"></i>
           </button>

data/app/views/themes/tailwind_css/fields/_date_and_time_field.html.erb

@@ -3,7 +3,7 @@
 <%
 form ||= current_fields_form
 options ||= {}
-options[:id] ||= id_for(form, method)
+options[:id] ||= form.field_id(method)
 options[:class] = "form-control single-daterange w-full border-gray-300 dark:bg-darkPrimary-800 dark:border-darkPrimary-900 #{options[:class]}".strip
 options[:value] = form.object.send(method)&.in_time_zone(current_team.time_zone)&.strftime(t('global.formats.date_and_time'))
 options = options.merge({ data: {'fields--date-target': 'field' }})

data/app/views/themes/tailwind_css/fields/_date_field.html.erb

@@ -5,7 +5,7 @@ stimulus_controller = 'fields--date'
 
 form ||= current_fields_form
 options ||= {}
-options[:id] ||= id_for(form, method)
+options[:id] ||= form.field_id(method)
 options[:class] = "form-control single-daterange w-full border-gray-300 dark:bg-darkPrimary-800 dark:border-darkPrimary-900 #{options[:class]}".strip
 options[:value] = form.object.send(method)&.strftime(t('global.formats.date'))
 options = options.merge({ data: {"#{stimulus_controller}-target": 'field' }})

data/app/views/themes/tailwind_css/fields/_field.html.erb

@@ -5,7 +5,7 @@ form ||= current_fields_form
 # returns a struct with `label`, `placeholder`, and `help` methods.
 labels = labels_for(form, method)
 options ||= {}
-options[:id] ||= id_for(form, method)
+options[:id] ||= form.field_id(method)
 # options[:disabled] ||= !field_editable?(form.object, method) if user_signed_in?
 options[:placeholder] ||= labels.placeholder if labels.placeholder
 other_options ||= {}

data/app/views/themes/tailwind_css/fields/_file_field.html.erb

@@ -30,8 +30,9 @@ other_options ||= {}
           <i class="leading-none mr-2 text-base ti ti-upload dark:text-white"></i>
           <span class="dark:text-white">Upload New Document</span>
         </div>
-        <div class="mt-2 hidden flex overflow-hidden text-xs rounded bg-black-400">
-          <div data-fields--file-field-target="progressBar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" class="flex flex-col justify-center text-white text-center whitespace-nowrap overflow-hidden dark:bg-darkPrimary-800" role="progressbar" style="width: 0%;"> 0%</div>
+        <div class="mt-2 hidden overflow-hidden text-xs rounded bg-gray-100 shadow-inner relative">
+          <div data-fields--file-field-target="progressBar" aria-valuemax="100" aria-valuemin="0" aria-valuenow="0" class="absolute top-0 left-0 whitespace-nowrap overflow-hidden animate-pulse bg-primary-500 dark:bg-darkPrimary-800 rounded" role="progressbar" style="width: 0%;">&nbsp;</div>
+          <div class="text-black text-center" data-fields--file-field-target="progressLabel">0%</div>
         </div>
       </div>
     </div>

data/app/views/themes/tailwind_css/fields/_options.html.erb

@@ -3,8 +3,9 @@
 <%
 form ||= current_fields_form
 html_options ||= {}
-html_options[:id] ||= id_for(form, method)
+html_options[:id] ||= form.field_id(method)
 multiple ||= false
+use_columns ||= false
 other_options ||= {}
 options ||= options_for(form, method)
 labels = labels_for(form, method)
@@ -13,15 +14,16 @@ labels = labels_for(form, method)
 <%= render 'shared/fields/field', form: form, method: method, options: html_options, other_options: other_options do %>
   <% content_for :field do %>
     <div class="pt-1.5 pb-1 sm:col-span-2">
-      <div class="max-w-lg space-y-3">
+      <%= tag.div class: ["max-w-lg": !use_columns, "max-w-3xl": use_columns, "columns-[var(--column-width,_15ch)_3]": use_columns] do %>
 
         <% options.each do |value, label| %>
 
-          <label class="relative flex items-start">
+          <label class="relative flex items-start mb-3">
             <div class="flex items-center h-5">
 
               <% if multiple %>
-                <%= form.check_box method, {multiple: multiple, checked: form.object.send(method).map(&:to_s).include?(value.to_s), class: "focus:ring-blue h-4 w-4 text-blue border-gray-300 rounded"}, value, "" %>
+                <% checked_value = form.object.send(method).nil? ? nil : form.object.send(method).map(&:to_s).include?(value.to_s) %>
+                <%= form.check_box method, {multiple: multiple, checked: checked_value, class: "focus:ring-blue h-4 w-4 text-blue border-gray-300 rounded"}, value, "" %>
               <% else %>
                 <%= form.radio_button method, value, {class: "focus:ring-blue h-4 w-4 text-blue border-gray-300"} %>
               <% end %>
@@ -39,7 +41,7 @@ labels = labels_for(form, method)
 
         <% end %>
 
-      </div>
+      <% end %>
     </div>
   <% end %>
 <% end %>

data/lib/bullet_train/themes/tailwind_css/version.rb

@@ -1,7 +1,7 @@
 module BulletTrain
   module Themes
     module TailwindCss
-      VERSION = "1.0.12"
+      VERSION = "1.0.15"
     end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bullet_train-themes-tailwind_css
 version: !ruby/object:Gem::Version
-  version: 1.0.12
+  version: 1.0.15
 platform: ruby
 authors:
 - Andrew Culver
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2022-07-15 00:00:00.000000000 Z
+date: 2022-08-24 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: standard
@@ -114,7 +114,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.2.22
+rubygems_version: 3.3.7
 signing_key:
 specification_version: 4
 summary: Bullet Train Themes Tailwind CSS Base