playbook_ui 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954 → 14.5.0.pre.alpha.PLAY1510railsformloading3976

data/lib/playbook/pb_forms_helper.rb

@@ -22,9 +22,10 @@ module Playbook
     # @param data [Hash] hash of data attributes
     # @param validate [Boolean] whether validation should be triggered or not
     # @see [#form_with] for other options
-    def pb_form_with(data: {}, validate: false, **kwargs, &block)
+    def pb_form_with(data: {}, validate: false, loading: false, **kwargs, &block)
       data = data.merge("pb-form-validation" => validate)
       classname = ["pb-form", kwargs[:class]].join(" ")
+      classname += " pb_form_loading" if loading
       options = kwargs.merge(
         class: classname,
         data: data,
@@ -33,6 +34,7 @@ module Playbook
 
       content_for(:pb_js, javascript_tag(<<~JS))
         window.addEventListener("DOMContentLoaded", function() { PbFormValidation.start() })
+        window.addEventListener("DOMContentLoaded", () => formHelper())
       JS
 
       form_with(**options, &block)

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.5.0"
-  VERSION = "14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954"
+  VERSION = "14.5.0.pre.alpha.PLAY1510railsformloading3976"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.5.0.pre.alpha.PLAY1486highchartscssdrivenPOC3954
+  version: 14.5.0.pre.alpha.PLAY1510railsformloading3976
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-10-02 00:00:00.000000000 Z
+date: 2024-10-03 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -776,7 +776,6 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_description.md
 - app/pb_kits/playbook/pb_currency/docs/example.yml
 - app/pb_kits/playbook/pb_currency/docs/index.js
-- app/pb_kits/playbook/pb_dashboard/_highcharts_theme.scss
 - app/pb_kits/playbook/pb_dashboard/commonSettings.js
 - app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.ts
 - app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts
@@ -1321,10 +1320,13 @@ files:
 - app/pb_kits/playbook/pb_form/docs/_description.md
 - app/pb_kits/playbook/pb_form/docs/_footer.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
+- app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.html.erb
+- app/pb_kits/playbook/pb_form/docs/_form_form_with_loading.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.md
 - app/pb_kits/playbook/pb_form/docs/example.yml
 - app/pb_kits/playbook/pb_form/form.rb
+- app/pb_kits/playbook/pb_form/formHelper.js
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
 - app/pb_kits/playbook/pb_form_group/_form_group.tsx
@@ -1365,6 +1367,9 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.md
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/example.yml
@@ -3071,11 +3076,11 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-D84d1KBa.js
-- dist/chunks/_weekday_stacked-CmT_2e83.js
+- dist/chunks/_typeahead-uXdXDcXW.js
+- dist/chunks/_weekday_stacked-t67FO9CK.js
 - dist/chunks/lazysizes-B7xYodB-.js
-- dist/chunks/lib-BCt68dVK.js
-- dist/chunks/pb_form_validation-Bu-tMfIi.js
+- dist/chunks/lib-DO3XYwLd.js
+- dist/chunks/pb_form_validation-BMrySPn2.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/app/pb_kits/playbook/pb_dashboard/_highcharts_theme.scss

@@ -1,52 +0,0 @@
-@import "../tokens/colors";
-@import "../tokens/typography";
-@import url("https://code.highcharts.com/css/highcharts.css");
-// @import "highcharts/css/highcharts";
-// @import "highcharts/highcharts.css";
-
-:root {
-    --highcharts-color-0: #{$data_1};
-    --highcharts-color-1: #{$data_2};
-    --highcharts-color-2: #{$data_3};
-    --highcharts-color-3: #{$data_4};
-    --highcharts-color-4: #{$data_5};
-    --highcharts-color-5: #{$data_6};
-    --highcharts-color-6: #{$data_7};
-    --highcharts-color-7: #{$data_8};
-}
-
-.highcharts-title {
-    font-family: $font_family_base;
-    font-weight: $bold;
-    font-size: $heading_3;
-    color: $text_lt_default;
-    fill: $text_lt_default;
-}
-
-.highcharts-subtitle {
-    font-family: $font_family_base;
-    color: $text_lt_light;
-    fill: $text_lt_light;
-    font-weight: $regular;
-    font-size: $text_base;
-}
-
-.highcharts-yaxis > .highcharts-axis-title {
-    color: $text_lt_lighter;
-    fill: $text_lt_lighter;
-    font-family: $font_family_base;
-    font-weight: $bold;
-    font-size: $text_smaller;
-}
-
-.highcharts-axis-labels {
-    font-family: $font_family_base;
-    color: $text_lt_lighter;
-    fill: $text_lt_lighter;
-    font-weight: $bold;
-    font-size: $text_smaller;
-}
-
-.highcharts-grid-line {
-    stroke: $border_light;
-}