playbook_ui 15.1.0.pre.alpha.PLAY2468phonenuminputvalidation10803 → 15.1.0.pre.alpha.iconstatvaluescss10956
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb +31 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md +7 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb +21 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md +7 -0
- data/app/pb_kits/playbook/pb_button/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_button/index.js +99 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form/pb_form_validation.js +8 -40
- data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +2 -2
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss +15 -21
- data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +6 -5
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +2 -0
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb +11 -3
- data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js +9 -8
- data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +2 -51
- data/dist/chunks/{_line_graph-Bkn-wx30.js → _line_graph-C9stNsP3.js} +1 -1
- data/dist/chunks/{_typeahead-DkRYiut7.js → _typeahead-D3MtsWXG.js} +1 -1
- data/dist/chunks/{_weekday_stacked-BUjWQnqn.js → _weekday_stacked-BkTDqn-r.js} +2 -2
- data/dist/chunks/pb_form_validation-CleM960_.js +1 -0
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +11 -6
- data/dist/chunks/pb_form_validation-B4uRmBwC.js +0 -1
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 15.1.0.pre.alpha.
|
|
4
|
+
version: 15.1.0.pre.alpha.iconstatvaluescss10956
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
@@ -9,7 +9,7 @@ authors:
|
|
|
9
9
|
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2025-
|
|
12
|
+
date: 2025-10-01 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -628,6 +628,10 @@ files:
|
|
|
628
628
|
- app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb
|
|
629
629
|
- app/pb_kits/playbook/pb_button/docs/_button_loading.jsx
|
|
630
630
|
- app/pb_kits/playbook/pb_button/docs/_button_loading.md
|
|
631
|
+
- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb
|
|
632
|
+
- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md
|
|
633
|
+
- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb
|
|
634
|
+
- app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md
|
|
631
635
|
- app/pb_kits/playbook/pb_button/docs/_button_options.html.erb
|
|
632
636
|
- app/pb_kits/playbook/pb_button/docs/_button_options.jsx
|
|
633
637
|
- app/pb_kits/playbook/pb_button/docs/_button_props_swift.md
|
|
@@ -642,6 +646,7 @@ files:
|
|
|
642
646
|
- app/pb_kits/playbook/pb_button/docs/_footer.md
|
|
643
647
|
- app/pb_kits/playbook/pb_button/docs/example.yml
|
|
644
648
|
- app/pb_kits/playbook/pb_button/docs/index.js
|
|
649
|
+
- app/pb_kits/playbook/pb_button/index.js
|
|
645
650
|
- app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.scss
|
|
646
651
|
- app/pb_kits/playbook/pb_button_toolbar/_button_toolbar.tsx
|
|
647
652
|
- app/pb_kits/playbook/pb_button_toolbar/_button_toolbar_dark.scss
|
|
@@ -3702,13 +3707,13 @@ files:
|
|
|
3702
3707
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
|
3703
3708
|
- app/pb_kits/playbook/utilities/text.ts
|
|
3704
3709
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
|
3705
|
-
- dist/chunks/_line_graph-
|
|
3706
|
-
- dist/chunks/_typeahead-
|
|
3707
|
-
- dist/chunks/_weekday_stacked-
|
|
3710
|
+
- dist/chunks/_line_graph-C9stNsP3.js
|
|
3711
|
+
- dist/chunks/_typeahead-D3MtsWXG.js
|
|
3712
|
+
- dist/chunks/_weekday_stacked-BkTDqn-r.js
|
|
3708
3713
|
- dist/chunks/componentRegistry-DzmmLR2x.js
|
|
3709
3714
|
- dist/chunks/lazysizes-B7xYodB-.js
|
|
3710
3715
|
- dist/chunks/lib-QZuu1ltS.js
|
|
3711
|
-
- dist/chunks/pb_form_validation-
|
|
3716
|
+
- dist/chunks/pb_form_validation-CleM960_.js
|
|
3712
3717
|
- dist/chunks/vendor.js
|
|
3713
3718
|
- dist/menu.yml
|
|
3714
3719
|
- dist/playbook-doc.js
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{P as PbEnhancedElement,d as debounce}from"./lib-QZuu1ltS.js";const KIT_SELECTOR='[class^="pb_"][class*="_kit"]';const ERROR_MESSAGE_SELECTOR=".pb_body_kit_negative";const PHONE_NUMBER_INPUT_SELECTOR=".pb_phone_number_input";const FORM_SELECTOR='form[data-pb-form-validation="true"]';const REQUIRED_FIELDS_SELECTOR="input[required],textarea[required],select[required]";const PHONE_NUMBER_VALIDATION_ERROR_SELECTOR='[data-pb-phone-validation-error="true"]';const FIELD_EVENTS=["change","valid","invalid"];class PbFormValidation extends PbEnhancedElement{static get selector(){return FORM_SELECTOR}connect(){this.formValidationFields.forEach((field=>{FIELD_EVENTS.forEach((e=>{field.addEventListener(e,debounce((event=>{this.validateFormField(event)}),250),false)}))}));this.element.addEventListener("submit",(event=>{if(this.hasPhoneNumberValidationErrors()){event.preventDefault();return false}}))}validateFormField(event){event.preventDefault();const{target:target}=event;target.setCustomValidity("");const isValid=event.target.validity.valid;if(isValid){this.clearError(target)}else{this.showValidationMessage(target)}}showValidationMessage(target){const{parentElement:parentElement}=target;const kitElement=parentElement.closest(KIT_SELECTOR);if(kitElement&&kitElement.parentElement.matches(PHONE_NUMBER_INPUT_SELECTOR)){return}this.clearError(target);kitElement.classList.add("error");const errorMessageContainer=this.errorMessageContainer;if(target.dataset.message)target.setCustomValidity(target.dataset.message);errorMessageContainer.innerHTML=target.validationMessage;parentElement.appendChild(errorMessageContainer)}clearError(target){const{parentElement:parentElement}=target;const kitElement=parentElement.closest(KIT_SELECTOR);if(kitElement){kitElement.classList.remove("error");if(!kitElement.matches(PHONE_NUMBER_INPUT_SELECTOR)){const errorMessageContainer=parentElement.querySelector(ERROR_MESSAGE_SELECTOR);if(errorMessageContainer)errorMessageContainer.remove()}}}hasPhoneNumberValidationErrors(){const phoneNumberErrors=this.element.querySelectorAll(PHONE_NUMBER_VALIDATION_ERROR_SELECTOR);return phoneNumberErrors.length>0}get errorMessageContainer(){const errorContainer=document.createElement("div");const kitClassName=ERROR_MESSAGE_SELECTOR.replace(/\./,"");errorContainer.classList.add(kitClassName);return errorContainer}get formValidationFields(){return this._formValidationFields=this._formValidationFields||this.element.querySelectorAll(REQUIRED_FIELDS_SELECTOR)}}window.PbFormValidation=PbFormValidation;
|