playbook_ui 15.1.0.pre.alpha.PLAY2468phonenuminputvalidation10993 → 15.1.0.pre.alpha.alphaforaudiences151011000

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "15.1.0"
-  VERSION = "15.1.0.pre.alpha.PLAY2468phonenuminputvalidation10993"
+  VERSION = "15.1.0.pre.alpha.alphaforaudiences151011000"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 15.1.0.pre.alpha.PLAY2468phonenuminputvalidation10993
+  version: 15.1.0.pre.alpha.alphaforaudiences151011000
 platform: ruby
 authors:
 - Power UX
@@ -3180,6 +3180,7 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_default.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default_swift.md
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_disabled.jsx
@@ -3707,13 +3708,13 @@ 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/_line_graph-C3zTTfo0.js
-- dist/chunks/_typeahead-CfKPIYmd.js
-- dist/chunks/_weekday_stacked-CUTwEQ-P.js
+- dist/chunks/_line_graph-BnK1i7QI.js
+- dist/chunks/_typeahead-pbS3fEzb.js
+- dist/chunks/_weekday_stacked-OOFiMFSs.js
 - dist/chunks/componentRegistry-DzmmLR2x.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-QZuu1ltS.js
-- dist/chunks/pb_form_validation-D1VURgVg.js
+- dist/chunks/pb_form_validation-CleM960_.js
 - dist/chunks/vendor.js
 - dist/menu.yml
 - dist/playbook-doc.js

data/dist/chunks/pb_form_validation-D1VURgVg.js

@@ -1 +0,0 @@
-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 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=>{const isPhoneNumberInput=field.closest(".pb_phone_number_input");if(isPhoneNumberInput)return;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);const isPhoneNumberInput=kitElement&&kitElement.classList.contains("pb_phone_number_input");this.clearError(target);kitElement.classList.add("error");if(!isPhoneNumberInput){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;parentElement.closest(KIT_SELECTOR).classList.remove("error");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;