playbook_ui 15.8.0.pre.rc.1 → 16.0.0

data/dist/chunks/componentRegistry-DzmmLR2x.js

@@ -0,0 +1 @@
+import React__default from"react";import ReactDOM__default from"react-dom";class ComponentRegistry{constructor(){this.components=new Map;this.mountedComponents=new Set;this._mountQueue=new WeakMap}register(name,component){this.components.set(name,component);const kebab=this.toKebabCase(name);if(kebab!==name)this.components.set(kebab,component)}registerComponents(components){Object.entries(components).forEach((([name,comp])=>this.register(name,comp)))}get(name){return this.components.get(name)}mountComponents(root=document){const nodes=root.querySelectorAll("[data-pb-react-component]");nodes.forEach((el=>{if(this.mountedComponents.has(el))return;const name=el.getAttribute("data-pb-react-component");if(!name)return;const Comp=this.get(name);if(!Comp)return;this._scheduleMount(el,Comp)}))}_scheduleMount(el,Comp,immediate=false){let entry=this._mountQueue.get(el);if(!entry){entry={scheduled:false,retries:0};this._mountQueue.set(el,entry)}if(entry.scheduled&&!immediate)return;const run=()=>{entry.scheduled=false;this._tryRender(el,Comp,entry)};entry.scheduled=true;if(immediate){run()}else{requestAnimationFrame(run)}}_tryRender(el,Comp,entry){if(!el.isConnected)return;try{const props=this.extractProps(el);ReactDOM__default.render(React__default.createElement(Comp,props),el);this.mountedComponents.add(el);entry.retries=0}catch(err){entry.retries=(entry.retries||0)+1;if(entry.retries<=3){this._scheduleMount(el,Comp,false)}else{console.warn("[PB] Mount failed after retries:",err)}}}unmountComponents(){this.mountedComponents.forEach((el=>{this._safeUnmount(el)}));this.mountedComponents.clear()}unmountWithin(rootEl){if(!rootEl)return;const toUnmount=[];this.mountedComponents.forEach((el=>{if(rootEl.contains(el))toUnmount.push(el)}));toUnmount.forEach((el=>this._safeUnmount(el)))}_safeUnmount(el){if(!el||!el.isConnected){this.mountedComponents.delete(el);return}try{ReactDOM__default.unmountComponentAtNode(el)}catch(err){console.warn("[PB] Unmount warning:",err)}this.mountedComponents.delete(el)}extractProps(el){const props={};const blob=el.getAttribute("data-pb-react-props");if(blob){try{Object.assign(props,JSON.parse(blob))}catch(e){console.warn("[PB] Failed to parse data-pb-react-props JSON:",e)}}Array.from(el.attributes).forEach((attr=>{const name=attr.name;if(!name.startsWith("data-pb-"))return;if(name==="data-pb-react-component"||name==="data-pb-react-props")return;const key=name.replace("data-pb-","");if(props[key]===void 0)props[key]=attr.value}));return props}toKebabCase(str){return str.replace(/([a-z])([A-Z])/g,"$1-$2").replace(/([a-zA-Z])([0-9])/g,"$1-$2").replace(/([0-9])([a-zA-Z])/g,"$1-$2").toLowerCase()}}window.ComponentRegistry=window.ComponentRegistry||new ComponentRegistry;const ComponentRegistry$1=window.ComponentRegistry;export{ComponentRegistry$1 as C};

data/dist/chunks/globalProps-D6R2eJnp.js

@@ -0,0 +1,6 @@
+import{g as getDefaultExportFromCjs,f as filter,o as omit}from"./lib-C8h70OzX.js";var classnames$1={exports:{}};
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/var hasRequiredClassnames;function requireClassnames(){if(hasRequiredClassnames)return classnames$1.exports;hasRequiredClassnames=1;(function(module){(function(){var hasOwn={}.hasOwnProperty;function classNames(){var classes="";for(var i=0;i<arguments.length;i++){var arg=arguments[i];if(arg){classes=appendClass(classes,parseValue(arg))}}return classes}function parseValue(arg){if(typeof arg==="string"||typeof arg==="number"){return arg}if(typeof arg!=="object"){return""}if(Array.isArray(arg)){return classNames.apply(null,arg)}if(arg.toString!==Object.prototype.toString&&!arg.toString.toString().includes("[native code]")){return arg.toString()}var classes="";for(var key in arg){if(hasOwn.call(arg,key)&&arg[key]){classes=appendClass(classes,key)}}return classes}function appendClass(value,newClass){if(!newClass){return value}if(value){return value+" "+newClass}return value+newClass}if(module.exports){classNames.default=classNames;module.exports=classNames}else{window.classNames=classNames}})()})(classnames$1);return classnames$1.exports}var classnamesExports=requireClassnames();const classnames=getDefaultExportFromCjs(classnamesExports);const buildPrefixedProps=(prefix,data)=>Object.keys(data).reduce(((props,key)=>{props[`${prefix}-${key}`]=data[key];return props}),{});const noop=()=>{};const buildAriaProps=aria=>buildPrefixedProps("aria",aria);const buildDataProps=data=>buildPrefixedProps("data",data);const buildCss=(...rules)=>classnames(rules).replace(/\s/g,"_");const buildHtmlProps=htmlOptions=>{const htmlProps={};Object.keys(htmlOptions).forEach((key=>{htmlProps[key]=htmlOptions[key]}));return htmlProps};const isEmpty=value=>!value||value=="";const titleizedWord=word=>word.charAt(0).toUpperCase()+word.slice(1).toLowerCase();const titleize=sentence=>isEmpty(sentence)?sentence:sentence.split(" ").map(titleizedWord).join(" ");const notEmpty=value=>!isEmpty(value);const joinPresent=(array,separator)=>filter(array,notEmpty).join(separator);const camelToSnakeCase=word=>word.split(/([A-Z])/g).map(((w,i)=>{const prefix=i>0?"_":"";return w===w.toLowerCase()?w:prefix+w.toLowerCase()})).join("");const BitValues=[0,1];const getResponsivePropClasses=(prop,classPrefix)=>{const keys=Object.keys(prop);const screenSizeValues=["xs","sm","md","lg","xl"];let classResult="";if(prop.default!==void 0){const defaultValue=typeof prop.default==="string"?camelToSnakeCase(prop.default):prop.default;classResult+=`${classPrefix}_${defaultValue} `}keys.forEach((key=>{if(screenSizeValues.includes(key)){const propValue=typeof prop[key]==="string"?camelToSnakeCase(prop[key]):prop[key];classResult+=`${classPrefix}_${key}_${propValue} `}}));return classResult.trim()};const getPositioningPropsClasses=(position,value)=>{let css="";if(typeof value==="string"){css+=`${position}_${value}`}else if(typeof value==="object"&&value.inset){css+=`${position}_${value.value}_inset`}else if(typeof value==="object"){css+=`${position}_${value.value}`}return css};const filterClassName=value=>{if(value.includes("%")){return value.replace("%","_percent")}else{return value}};const PROP_CATEGORIES={groupHoverProps:({groupHover:groupHover})=>groupHover?"group_hover ":"",hoverProps:({hover:hover})=>{let css="";if(!hover)return css;css+=hover.shadow?`hover_shadow_${hover.shadow} `:"";css+=hover.background?`hover_background-${hover.background} `:"";css+=hover.underline?`hover_underline `:"";css+=hover.scale?`hover_scale_${hover.scale} `:"";css+=hover.color?`hover_color-${hover.color} `:"";css+=hover.visible?`hover_visible_true`:"";return css},spacingProps:({marginRight:marginRight,marginLeft:marginLeft,marginTop:marginTop,marginBottom:marginBottom,marginX:marginX,marginY:marginY,margin:margin,paddingRight:paddingRight,paddingLeft:paddingLeft,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingX:paddingX,paddingY:paddingY,padding:padding})=>{let css="";const spacingProps={marginRight:marginRight,marginLeft:marginLeft,marginTop:marginTop,marginBottom:marginBottom,marginX:marginX,marginY:marginY,margin:margin,paddingRight:paddingRight,paddingLeft:paddingLeft,paddingTop:paddingTop,paddingBottom:paddingBottom,paddingX:paddingX,paddingY:paddingY,padding:padding};const screenSizeValues=["xs","sm","md","lg","xl"];function handleObjectValue(properties,prefix){let classResult="";const breakValue=properties.break||"on";const defaultValue=properties.default||null;Object.entries(properties).forEach((([key,value])=>{if(screenSizeValues.includes(key)){classResult+=`break_${breakValue}_${key}:${prefix}_${value} `}}));if(defaultValue){classResult+=`${prefix}_${defaultValue} `}return classResult}function getPrefix(key){const prefixes={marginRight:"mr",marginLeft:"ml",marginTop:"mt",marginBottom:"mb",marginX:"mx",marginY:"my",margin:"m",paddingRight:"pr",paddingLeft:"pl",paddingTop:"pt",paddingBottom:"pb",paddingX:"px",paddingY:"py",padding:"p"};return prefixes[key]}Object.entries(spacingProps).forEach((([key,value])=>{if(value){if(typeof value==="object"){css+=handleObjectValue(value,getPrefix(key))}else{const prefix=getPrefix(key);css+=`${prefix}_${value} `}}}));return css.trim()},borderRadiusProps:({borderRadius:borderRadius})=>{let css="";css+=borderRadius?`border_radius_${borderRadius} `:"";return css},overflowProps:({overflow:overflow,overflowX:overflowX,overflowY:overflowY})=>{let css="";css+=overflow?`overflow_${overflow}`:"";css+=overflowX?`overflow_x_${overflowX}`:"";css+=overflowY?`overflow_y_${overflowY}`:"";return css},truncateProps:({truncate:truncate})=>{if(typeof truncate==="object"){return""}else{return truncate?`truncate_${truncate}`:""}},darkProps:({dark:dark})=>dark?"dark":"",numberSpacingProps:({numberSpacing:numberSpacing})=>{let css="";css+=numberSpacing?`ns_${numberSpacing} `:"";return css},widthProps:({width:width})=>{let css="";css+=width?`width_${filterClassName(width)} `:"";return css.trimEnd()},minWidthProps:({minWidth:minWidth})=>{let css="";css+=minWidth?`min_width_${filterClassName(minWidth)} `:"";return css.trimEnd()},maxWidthProps:({maxWidth:maxWidth})=>{let css="";css+=maxWidth?`max_width_${filterClassName(maxWidth)} `:"";return css.trimEnd()},gapProps:({gap:gap})=>{if(typeof gap==="object"){return getResponsivePropClasses(gap,"gap")}else{return gap?`gap_${gap}`:""}},columnGapProps:({columnGap:columnGap})=>{if(typeof columnGap==="object"){return getResponsivePropClasses(columnGap,"column_gap")}else{return columnGap?`column_gap_${columnGap}`:""}},rowGapProps:({rowGap:rowGap})=>{if(typeof rowGap==="object"){return getResponsivePropClasses(rowGap,"row_gap")}else{return rowGap?`row_gap_${rowGap}`:""}},minHeightProps:({minHeight:minHeight})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(minHeight)){let css="";css+=minHeight?`min_height_${filterClassName(minHeight)} `:"";return css.trimEnd()}},maxHeightProps:({maxHeight:maxHeight})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(maxHeight)){let css="";css+=maxHeight?`max_height_${filterClassName(maxHeight)} `:"";return css.trimEnd()}},heightProps:({height:height})=>{const heightValues=["auto","xs","sm","md","lg","xl","xxl","xxxl"];if(heightValues.includes(height)){let css="";css+=height?`height_${filterClassName(height)} `:"";return css.trimEnd()}},zIndexProps:zIndex=>{let css="";Object.entries(zIndex).forEach((zIndexEntry=>{if(zIndexEntry[0]=="zIndex"){if(typeof zIndexEntry[1]=="number"){css+=`z_index_${zIndexEntry[1]} `}else if(typeof zIndexEntry[1]=="object"){const responsiveObj={};Object.entries(zIndexEntry[1]).forEach((([key,value])=>{responsiveObj[key]=value.toString()}));css+=getResponsivePropClasses(responsiveObj,"z_index")}else if(zIndexEntry[1]==="max"){css+=`z_index_max `}}}));return css},shadowProps:({shadow:shadow})=>{let css="";css+=shadow?`shadow_${shadow} `:"";return css},lineHeightProps:({lineHeight:lineHeight})=>{let css="";css+=lineHeight?`line_height_${lineHeight} `:"";return css},displayProps:display=>{let css="";Object.entries(display).forEach((displayEntry=>{if(displayEntry[0]=="display"){if(typeof displayEntry[1]=="string"){css+=`display_${displayEntry[1]} `}else if(typeof displayEntry[1]=="object"){const responsiveObj={};Object.entries(displayEntry[1]).forEach((([key,value])=>{responsiveObj[key]=typeof value==="string"?value:value.toString()}));css+=getResponsivePropClasses(responsiveObj,"display")}else;}}));return css},cursorProps:({cursor:cursor})=>{let css="";css+=cursor?`cursor_${camelToSnakeCase(cursor)}`:"";return css},alignContentProps:({alignContent:alignContent})=>{if(typeof alignContent==="object"){return getResponsivePropClasses(alignContent,"align_content")}return alignContent?`align_content_${camelToSnakeCase(alignContent)}`:""},alignItemsProps:({alignItems:alignItems})=>{if(typeof alignItems==="object"){return getResponsivePropClasses(alignItems,"align_items")}else{return alignItems?`align_items_${camelToSnakeCase(alignItems)}`:""}},alignSelfProps:({alignSelf:alignSelf})=>{if(typeof alignSelf==="object"){return getResponsivePropClasses(alignSelf,"align_self")}else{return alignSelf?`align_self_${alignSelf}`:""}},flexDirectionProps:({flexDirection:flexDirection})=>{if(typeof flexDirection=="object"){return getResponsivePropClasses(flexDirection,"flex_direction")}else{return flexDirection?`flex_direction_${camelToSnakeCase(flexDirection)}`:""}},flexWrapProps:({flexWrap:flexWrap})=>{if(typeof flexWrap=="object"){return getResponsivePropClasses(flexWrap,"flex_wrap")}else{return flexWrap?`flex_wrap_${camelToSnakeCase(flexWrap)}`:""}},flexProps:({flex:flex})=>{if(typeof flex==="object"){return getResponsivePropClasses(flex,"flex")}else{return flex?`flex_${flex}`:""}},flexGrowProps:({flexGrow:flexGrow})=>{if(typeof flexGrow=="object"){return getResponsivePropClasses(flexGrow,"flex_grow")}else if(BitValues.includes(flexGrow)){return`flex_grow_${flexGrow}`}else{return""}},flexShrinkProps:({flexShrink:flexShrink})=>{if(typeof flexShrink=="object"){return getResponsivePropClasses(flexShrink,"flex_shrink")}else if(BitValues.includes(flexShrink)){return`flex_shrink_${flexShrink}`}else{return""}},justifyContentProps:({justifyContent:justifyContent})=>{if(typeof justifyContent==="object"){return getResponsivePropClasses(justifyContent,"justify_content")}else{return justifyContent?`justify_content_${camelToSnakeCase(justifyContent)}`:""}},justifySelfProps:({justifySelf:justifySelf})=>{if(typeof justifySelf==="object"){return getResponsivePropClasses(justifySelf,"justify_self")}else{return justifySelf?`justify_self_${justifySelf}`:""}},orderProps:({order:order})=>{if(typeof order==="object"){return getResponsivePropClasses(order,"flex_order")}else{return order?`flex_order_${order}`:""}},positionProps:({position:position})=>{let css="";css+=position&&position!=="static"?`position_${position}`:"";return css},topProps:({top:top})=>getPositioningPropsClasses("top",top),rightProps:({right:right})=>getPositioningPropsClasses("right",right),bottomProps:({bottom:bottom})=>getPositioningPropsClasses("bottom",bottom),leftProps:({left:left})=>getPositioningPropsClasses("left",left),textAlignProps:({textAlign:textAlign})=>{if(typeof textAlign==="object"){return getResponsivePropClasses(textAlign,"text_align")}else{return textAlign?`text_align_${textAlign} `:""}},verticalAlignProps:({verticalAlign:verticalAlign})=>{if(typeof verticalAlign==="object"){return getResponsivePropClasses(verticalAlign,"vertical_align")}else{return verticalAlign?`vertical_align_${verticalAlign} `:""}}};const PROP_INLINE_CATEGORIES={heightProps:({height:height})=>height?{height:height}:{},maxHeightProps:({maxHeight:maxHeight})=>maxHeight?{maxHeight:maxHeight}:{},minHeightProps:({minHeight:minHeight})=>minHeight?{minHeight:minHeight}:{}};const globalProps=(props,defaultProps={})=>{const allProps={...props,...defaultProps};return Object.keys(PROP_CATEGORIES).map((key=>PROP_CATEGORIES[key](allProps))).filter((value=>(value==null?void 0:value.length)>0)).join(" ")};const globalInlineProps=props=>{const styles=Object.keys(PROP_INLINE_CATEGORIES).reduce(((acc,key)=>{const result=PROP_INLINE_CATEGORIES[key](props);return{...acc,...typeof result==="object"?result:{}}}),{});return styles};const domSafeProps=props=>{const notSafeProps=["marginRight","marginLeft","marginTop","marginBottom","marginX","marginY","margin","paddingRight","paddingLeft","paddingTop","paddingBottom","paddingX","paddingY","padding","dark","enableDrag","requiredIndicator"];return omit(props,notSafeProps)};export{buildDataProps as a,buildAriaProps as b,buildHtmlProps as c,classnames as d,buildCss as e,globalInlineProps as f,globalProps as g,domSafeProps as h,camelToSnakeCase as i,joinPresent as j,noop as n,titleize as t};