playbook-ui 15.1.0-alpha.PLAY2468phonenuminputvalidation10803 → 15.1.0-alpha.PLAY251810942

package/dist/playbook.js

@@ -1 +1 @@
-import{A,a,B,b,C,e,g,D,h,i,k,l,m,n,o,p,q,s,E,F,t,u,v,H,y,I,z,G,J,j,K,O,Q,L,d,R,U,V,W,N,X,Y,Z,$,a0,P,a1,_,a2,a3,S,w,x,a4,r,aj,a5,a6,a7,a8,a9,T,ak,f,aa,ab,ac,ad,M,af,ae,ag,ah,ai}from"./chunks/_weekday_stacked-BUjWQnqn.js";import"./chunks/lazysizes-B7xYodB-.js";import{X as X2,W as W2,Q as Q2,B as B2,x as x2,r as r2,t as t2,o as o2,O as O2,C as C2,s as s2,D as D2,l as l2,Z as Z2,F as F2,u as u2,J as J2,$ as $2,n as n2,E as E2,K as K2,L as L2,M as M2,a0 as a02,a1 as a12,a2 as a22,c,a as a10,P as P2,p as p2,b as b2,Y as Y2,R as R2,q as q2,G as G2,y as y2,v as v2,T as T2,_ as _2}from"./chunks/_typeahead-DkRYiut7.js";import{B as B3,C as C3,G as G3,L as L3}from"./chunks/_line_graph-Bkn-wx30.js";import{e as e2,j as j2,k as k2,g as g2,i as i2,T as T3,U as U2,c as c2,b as b3,f as f2,V as V2,a as a11,h as h2,W as W3,X as X3,t as t3,u as u3,M as M3,J as J3}from"./chunks/lib-QZuu1ltS.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";export{A as AdvancedTable,X2 as Avatar,W2 as Background,Q2 as Badge,B3 as BarGraph,B2 as Body,a as BreadCrumbItem,B as BreadCrumbs,x2 as Button,b as ButtonToolbar,r2 as Caption,t2 as Card,o2 as Checkbox,C3 as CircleChart,O2 as CircleIconButton,C2 as Collapsible,C as Contact,e as CopyButton,g as Currency,D as DashboardValue,h as Date,i as DatePicker,k as DateRangeInline,l as DateRangeStacked,m as DateStacked,n as DateTime,o as DateTimeStacked,p as DateYearStacked,s2 as Detail,q as Dialog,D2 as DistributionBar,l2 as Draggable,Z2 as DraggableProvider,s as Dropdown,E as EmptyState,F as FileUpload,t as Filter,u as FixedConfirmationToast,F2 as Flex,u2 as FlexItem,v as FormGroup,J2 as FormPill,G3 as Gauge,H as Hashtag,$2 as Highlight,y as HomeAddressStreet,n2 as Icon,I as IconButton,E2 as IconCircle,z as IconStatValue,G as IconValue,K2 as Image,J as LabelPill,j as LabelValue,K as Layout,L2 as Legend,O as Lightbox,L3 as LineGraph,Q as Link,L as List,d as ListItem,R as LoadingInline,U as Map,V as MapCustomButton,W as Message,M2 as MultiLevelSelect,N as MultipleUsers,X as MultipleUsersStacked,a02 as Nav,a12 as NavItem,a22 as OnlineStatus,Y as Overlay,Z as Pagination,c as Passphrase,a10 as PbBarGraph,P2 as PbCircleChart,e2 as PbPopover,p2 as PbReactPopover,j2 as PbTable,k2 as PbTextarea,g2 as PbTooltip,i2 as PbTypeahead,$ as Person,a0 as PersonContact,b2 as PhoneNumberInput,P as Pill,a1 as ProgressPills,_ as ProgressSimple,a2 as ProgressStep,a3 as ProgressStepItem,Y2 as Radio,R2 as RichTextEditor,q2 as SectionSeparator,S as Select,w as SelectableCard,x as SelectableCardIcon,a4 as SelectableIcon,r as SelectableList,aj as SelectableListItem,a5 as SkeletonLoading,a6 as Source,a7 as StarRating,a8 as StatChange,a9 as StatValue,T as Table,ak as TableRow,G2 as TextInput,f as Textarea,aa as Time,ab as TimeRangeInline,ac as TimeStacked,ad as Timeline,M as Timestamp,y2 as Title,af as TitleCount,ae as TitleDetail,ag as Toggle,v2 as Tooltip,T2 as Typeahead,_2 as User,ah as UserBadge,ai as WeekdayStacked,T3 as barGraphTheme,U2 as circleChartTheme,c2 as colors,b3 as datePickerHelper,f2 as formHelper,V2 as gaugeTheme,a11 as highchartsDarkTheme,h2 as highchartsTheme,W3 as lineGraphTheme,X3 as mapTheme,t3 as typography,u3 as useCollapsible,M3 as useDropdown,J3 as usePBCopy};
+import{A,a,B,b,C,e,g,D,h,i,k,l,m,n,o,p,q,s,E,F,t,u,v,H,y,I,z,G,J,j,K,O,Q,L,d,R,U,V,W,N,X,Y,Z,$,a0,P,a1,_,a2,a3,S,w,x,a4,r,aj,a5,a6,a7,a8,a9,T,ak,f,aa,ab,ac,ad,M,af,ae,ag,ah,ai}from"./chunks/_weekday_stacked-Bvc7R5vH.js";import"./chunks/lazysizes-B7xYodB-.js";import{X as X2,W as W2,Q as Q2,B as B2,x as x2,r as r2,t as t2,o as o2,O as O2,C as C2,s as s2,D as D2,l as l2,Z as Z2,F as F2,u as u2,J as J2,$ as $2,n as n2,E as E2,K as K2,L as L2,M as M2,a0 as a02,a1 as a12,a2 as a22,c,a as a10,P as P2,p as p2,b as b2,Y as Y2,R as R2,q as q2,G as G2,y as y2,v as v2,T as T2,_ as _2}from"./chunks/_typeahead-D3MtsWXG.js";import{B as B3,C as C3,G as G3,L as L3}from"./chunks/_line_graph-C9stNsP3.js";import{e as e2,j as j2,k as k2,g as g2,i as i2,T as T3,U as U2,c as c2,b as b3,f as f2,V as V2,a as a11,h as h2,W as W3,X as X3,t as t3,u as u3,M as M3,J as J3}from"./chunks/lib-QZuu1ltS.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";export{A as AdvancedTable,X2 as Avatar,W2 as Background,Q2 as Badge,B3 as BarGraph,B2 as Body,a as BreadCrumbItem,B as BreadCrumbs,x2 as Button,b as ButtonToolbar,r2 as Caption,t2 as Card,o2 as Checkbox,C3 as CircleChart,O2 as CircleIconButton,C2 as Collapsible,C as Contact,e as CopyButton,g as Currency,D as DashboardValue,h as Date,i as DatePicker,k as DateRangeInline,l as DateRangeStacked,m as DateStacked,n as DateTime,o as DateTimeStacked,p as DateYearStacked,s2 as Detail,q as Dialog,D2 as DistributionBar,l2 as Draggable,Z2 as DraggableProvider,s as Dropdown,E as EmptyState,F as FileUpload,t as Filter,u as FixedConfirmationToast,F2 as Flex,u2 as FlexItem,v as FormGroup,J2 as FormPill,G3 as Gauge,H as Hashtag,$2 as Highlight,y as HomeAddressStreet,n2 as Icon,I as IconButton,E2 as IconCircle,z as IconStatValue,G as IconValue,K2 as Image,J as LabelPill,j as LabelValue,K as Layout,L2 as Legend,O as Lightbox,L3 as LineGraph,Q as Link,L as List,d as ListItem,R as LoadingInline,U as Map,V as MapCustomButton,W as Message,M2 as MultiLevelSelect,N as MultipleUsers,X as MultipleUsersStacked,a02 as Nav,a12 as NavItem,a22 as OnlineStatus,Y as Overlay,Z as Pagination,c as Passphrase,a10 as PbBarGraph,P2 as PbCircleChart,e2 as PbPopover,p2 as PbReactPopover,j2 as PbTable,k2 as PbTextarea,g2 as PbTooltip,i2 as PbTypeahead,$ as Person,a0 as PersonContact,b2 as PhoneNumberInput,P as Pill,a1 as ProgressPills,_ as ProgressSimple,a2 as ProgressStep,a3 as ProgressStepItem,Y2 as Radio,R2 as RichTextEditor,q2 as SectionSeparator,S as Select,w as SelectableCard,x as SelectableCardIcon,a4 as SelectableIcon,r as SelectableList,aj as SelectableListItem,a5 as SkeletonLoading,a6 as Source,a7 as StarRating,a8 as StatChange,a9 as StatValue,T as Table,ak as TableRow,G2 as TextInput,f as Textarea,aa as Time,ab as TimeRangeInline,ac as TimeStacked,ad as Timeline,M as Timestamp,y2 as Title,af as TitleCount,ae as TitleDetail,ag as Toggle,v2 as Tooltip,T2 as Typeahead,_2 as User,ah as UserBadge,ai as WeekdayStacked,T3 as barGraphTheme,U2 as circleChartTheme,c2 as colors,b3 as datePickerHelper,f2 as formHelper,V2 as gaugeTheme,a11 as highchartsDarkTheme,h2 as highchartsTheme,W3 as lineGraphTheme,X3 as mapTheme,t3 as typography,u3 as useCollapsible,M3 as useDropdown,J3 as usePBCopy};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "playbook-ui",
-  "version": "15.1.0-alpha.PLAY2468phonenuminputvalidation10803",
+  "version": "15.1.0-alpha.PLAY251810942",
   "description": "Nitro's Design System",
   "main": "./dist/playbook.js",
   "types": "./dist/types/index.d.ts",
@@ -98,7 +98,7 @@
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
     "react-trix": "0.10.1",
-    "trix": "1.3.5"
+    "trix": "2.1.15"
   },
   "resolutions": {
     "react": "^17.0.2",

package/dist/chunks/pb_form_validation-B4uRmBwC.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 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;