playbook-ui 15.0.0-alpha.PLAY2453formtextfieldtextinputprops10419 → 15.0.0-alpha.PLAY2468phonenuminputvalidation10790

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-DaFBilv5.js";import"./chunks/lazysizes-B7xYodB-.js";import{V as V2,U as U2,N as N2,B as B2,v as v2,p as p2,r as r2,m as m2,K as K2,C as C2,q as q2,D as D2,j as j2,X as X2,F as F2,s as s2,E as E2,Z as Z2,l as l2,z as z2,G as G2,L as L2,M as M2,_ as _2,$ as $2,a0 as a02,a as a10,n as n2,P as P2,W as W2,R as R2,o as o2,A as A2,w as w2,t as t2,T as T2,Y as Y2}from"./chunks/_typeahead-CS9PvM1x.js";import{B as B3,C as C3,G as G3,L as L3}from"./chunks/_line_graph-B-n_nsLR.js";import{e as e2,k as k2,l as l3,i as i2,j as j3,T as T3,U as U3,c,b as b2,f as f2,V as V3,a as a11,h as h2,W as W3,X as X3,t as t3,u as u2,M as M3,J as J2}from"./chunks/lib-BTs5acfO.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";export{A as AdvancedTable,V2 as Avatar,U2 as Background,N2 as Badge,B3 as BarGraph,B2 as Body,a as BreadCrumbItem,B as BreadCrumbs,v2 as Button,b as ButtonToolbar,p2 as Caption,r2 as Card,m2 as Checkbox,C3 as CircleChart,K2 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,q2 as Detail,q as Dialog,D2 as DistributionBar,j2 as Draggable,X2 as DraggableProvider,s as Dropdown,E as EmptyState,F as FileUpload,t as Filter,u as FixedConfirmationToast,F2 as Flex,s2 as FlexItem,v as FormGroup,E2 as FormPill,G3 as Gauge,H as Hashtag,Z2 as Highlight,y as HomeAddressStreet,l2 as Icon,I as IconButton,z2 as IconCircle,z as IconStatValue,G as IconValue,G2 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,_2 as Nav,$2 as NavItem,a02 as OnlineStatus,Y as Overlay,Z as Pagination,a10 as Passphrase,e2 as PbPopover,n2 as PbReactPopover,k2 as PbTable,l3 as PbTextarea,i2 as PbTooltip,j3 as PbTypeahead,$ as Person,a0 as PersonContact,P2 as PhoneNumberInput,P as Pill,a1 as ProgressPills,_ as ProgressSimple,a2 as ProgressStep,a3 as ProgressStepItem,W2 as Radio,R2 as RichTextEditor,o2 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,A2 as TextInput,f as Textarea,aa as Time,ab as TimeRangeInline,ac as TimeStacked,ad as Timeline,M as Timestamp,w2 as Title,af as TitleCount,ae as TitleDetail,ag as Toggle,t2 as Tooltip,T2 as Typeahead,Y2 as User,ah as UserBadge,ai as WeekdayStacked,T3 as barGraphTheme,U3 as circleChartTheme,c as colors,b2 as datePickerHelper,f2 as formHelper,V3 as gaugeTheme,a11 as highchartsDarkTheme,h2 as highchartsTheme,W3 as lineGraphTheme,X3 as mapTheme,t3 as typography,u2 as useCollapsible,M3 as useDropdown,J2 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-CXzARuTy.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-B_wpgm_J.js";import{B as B3,C as C3,G as G3,L as L3}from"./chunks/_line_graph-CspDMr9b.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.0.0-alpha.PLAY2453formtextfieldtextinputprops10419",
+  "version": "15.0.0-alpha.PLAY2468phonenuminputvalidation10790",
   "description": "Nitro's Design System",
   "main": "./dist/playbook.js",
   "types": "./dist/types/index.d.ts",
@@ -91,16 +91,14 @@
     "typescript": "4.3.5",
     "vite": "6.3.5",
     "vite-bundle-visualizer": "^1.2.1",
-    "vite-plugin-ruby": "^5.0.0",
-    "webpacker-react": "^0.3.2"
+    "vite-plugin-ruby": "^5.0.0"
   },
   "peerDependencies": {
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-is": "^17.0.2",
     "react-trix": "0.10.1",
-    "trix": "1.3.5",
-    "webpacker-react": "^0.3.2"
+    "trix": "1.3.5"
   },
   "resolutions": {
     "react": "^17.0.2",

package/dist/chunks/pb_form_validation-CKkaQFX3.js

@@ -1 +0,0 @@
-import{P as PbEnhancedElement,d as debounce}from"./lib-BTs5acfO.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 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)}))}))}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;this.clearError(target);parentElement.closest(KIT_SELECTOR).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;parentElement.closest(KIT_SELECTOR).classList.remove("error");const errorMessageContainer=parentElement.querySelector(ERROR_MESSAGE_SELECTOR);if(errorMessageContainer)errorMessageContainer.remove()}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;