playbook_ui 18.2.0 → 18.3.0.pre.alpha.PLAY3342advancedtablereactmulticolumnselectablerow21082

data/dist/menu.yml

@@ -53,7 +53,7 @@ kits:
   - name: column_configuration
     description: "Define columns: headers, visibility, grouping, borders, widths."
     parent: advanced_table
-    kit_section: ["Column Visibility Control", "Column Visibility Control With State", "Column Visibility Control with Custom Dropdown", "Column Visibility Control with Multi-Header Columns", "Multi-Header Columns", "Multi-Header Columns (Multiple Levels)", "Multi-Header Columns with Custom Cells", "Multi-Header Columns with Vertical Borders", "Grouped headers, custom headers, sort, and pinned rows"]
+    kit_section: ["Column Visibility Control", "Column Visibility Control With State", "Column Visibility Control with Custom Dropdown", "Column Visibility Control with Multi-Header Columns", "Column Visibility Control with Select All and Multi-Header Columns", "Multi-Header Columns", "Multi-Header Columns (Multiple Levels)", "Multi-Header Columns with Custom Cells", "Multi-Header Columns with Vertical Borders", "Grouped headers, custom headers, sort, and pinned rows"]
     platforms: *1
     status: stable
     icons_used: true
@@ -80,7 +80,7 @@ kits:
   - name: styling
     description: "Styling per row or column: padding, color, and border."
     parent: advanced_table
-    kit_section: ["Collapsible Trail","Row Styling", "Padding Control using Row Styling", "Column Styling", "Column Styling Width", "Column Styling with Multiple Headers", "Column Styling Background Color", "Column Styling Background Color (Custom)", "Column Styling Background Color with Multiple Headers","Column Styling Individual Cell Background Color", "Padding Control using Column Styling", "Column Group Border Color"]
+    kit_section: ["Collapsible Trail","Row Styling", "Padding Control using Row Styling", "Column Styling", "Column Styling Width", "Column Styling with Multiple Headers", "Column Styling Background Color", "Column Styling Background Color (Custom)", "Column Styling Background Color with Multiple Headers","Column Styling Individual Cell Background Color", "Padding Control using Column Styling", "Column Group Border Color", "Group Separators"]
     platforms: *1
     status: stable
     icons_used: true
@@ -483,7 +483,7 @@ kits:
     status: stable
     icons_used: true
     react_rendered: false
-    enhanced_element_used: false
+    enhanced_element_used: true
   - name: textarea
     platforms: *1
     description: Area where user can enter larger amounts of text. Commonly used in

data/dist/playbook-rails-react-bindings.js

@@ -1 +1 @@
-import{C as ComponentRegistry}from"./chunks/componentRegistry-DRSp5D_e.js";import{T as Typeahead}from"./chunks/_typeahead-w6S5Vx4b.js";import"react";import"react-dom";import"react/jsx-runtime";import"react-is";import"./chunks/lib-Buo6zHEw.js";import"./chunks/globalProps-B120NbSJ.js";import"./chunks/_detail-Bsvl694i.js";const PB_REACT_MOUNT_EVENT="pb:react:mount";const PB_REACT_UNMOUNT_EVENT="pb:react:unmount";function mountComponents(root){ComponentRegistry.mountComponents(root||document)}function unmountComponents(root){const isDomRoot=root instanceof Element||root instanceof Document||root instanceof DocumentFragment;if(isDomRoot){ComponentRegistry.unmountWithin(root)}else{ComponentRegistry.unmountComponents()}}document.addEventListener(PB_REACT_MOUNT_EVENT,(e=>{var _a;const root=((_a=e.detail)==null?void 0:_a.root)instanceof Element?e.detail.root:document;mountComponents(root)}));document.addEventListener(PB_REACT_UNMOUNT_EVENT,(e=>{var _a;const root=((_a=e.detail)==null?void 0:_a.root)instanceof Element?e.detail.root:document;unmountComponents(root)}));function installTypeaheadLoadingMlsGuard(){if(document.__pbTypeaheadLoadingMlsGuardInstalled)return;document.__pbTypeaheadLoadingMlsGuardInstalled=true;const MLS_SELECTOR='.pb_multi_level_select, [data-pb-multi-level-select], [data-pb-react-component="MultiLevelSelect"]';const LOADING_SELECTOR='[data-pb-typeahead-loading="true"]';let isLoading=false;const recompute=()=>{isLoading=!!document.querySelector(LOADING_SELECTOR)};recompute();let raf=null;const schedule=()=>{if(raf)return;raf=requestAnimationFrame((()=>{raf=null;recompute()}))};let obs;try{obs=new MutationObserver((()=>schedule()));obs.observe(document.documentElement,{subtree:true,attributes:true,attributeFilter:["data-pb-typeahead-loading"]})}catch(_){}const blockIfLoading=event=>{var _a;if(!isLoading)return;if(!(event.target instanceof Element))return;const mls=event.target.closest(MLS_SELECTOR);if(!mls)return;event.preventDefault();event.stopPropagation();(_a=event.stopImmediatePropagation)==null?void 0:_a.call(event)};document.addEventListener("pointerdown",blockIfLoading,true);document.addEventListener("click",blockIfLoading,true)}if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",(()=>{mountComponents();installTypeaheadLoadingMlsGuard()}))}else{mountComponents();installTypeaheadLoadingMlsGuard()}document.addEventListener("turbo:load",(()=>{mountComponents();installTypeaheadLoadingMlsGuard()}));document.addEventListener("turbo:render",(()=>{mountComponents();installTypeaheadLoadingMlsGuard()}));document.addEventListener("turbo:before-cache",(()=>{unmountComponents()}));document.addEventListener("turbo:before-frame-render",(e=>{ComponentRegistry.unmountWithin(e.target)}),{capture:true});document.addEventListener("turbo:frame-render",(e=>{mountComponents(e.target)}));document.addEventListener("turbo:frame-load",(e=>{mountComponents(e.target);installTypeaheadLoadingMlsGuard()}));let mo;try{mo=new MutationObserver((muts=>{var _a,_b;for(const m of muts){for(const n of m.addedNodes){if(n.nodeType!==1)continue;const el=n;const hasNewPbMountPoint=((_a=el.matches)==null?void 0:_a.call(el,'[data-pb-react-component]:not([data-pb-react-mounted="true"])'))||((_b=el.querySelector)==null?void 0:_b.call(el,'[data-pb-react-component]:not([data-pb-react-mounted="true"])'));if(!hasNewPbMountPoint)continue;requestAnimationFrame((()=>mountComponents(el)));return}}}));mo.observe(document.documentElement,{childList:true,subtree:true})}catch(_){}ComponentRegistry.registerComponents({Typeahead:Typeahead});const mountPlaybookReactKits=()=>{ComponentRegistry.mountComponents()};const unmountPlaybookReactKits=()=>{ComponentRegistry.unmountComponents()};let mountTimeout=null;const debouncedMount=()=>{if(mountTimeout)clearTimeout(mountTimeout);mountTimeout=setTimeout((()=>{mountPlaybookReactKits();mountTimeout=null}),50)};const observer=new MutationObserver((mutations=>{const hasNewPbComponents=mutations.some((mutation=>Array.from(mutation.addedNodes).some((node=>{var _a,_b;if(node.nodeType!==1)return false;return((_a=node.hasAttribute)==null?void 0:_a.call(node,"data-pb-react-component"))||((_b=node.querySelector)==null?void 0:_b.call(node,"[data-pb-react-component]"))}))));if(hasNewPbComponents){debouncedMount()}}));observer.observe(document.body,{childList:true,subtree:true});export{mountPlaybookReactKits,unmountPlaybookReactKits};
+import{C as ComponentRegistry}from"./chunks/componentRegistry-DRSp5D_e.js";import{T as Typeahead}from"./chunks/_typeahead-CkiAf8zx.js";import"react";import"react-dom";import"react/jsx-runtime";import"react-is";import"./chunks/lib-Cu_i0y0k.js";import"./chunks/globalProps-xfGTpdLP.js";import"./chunks/_tooltip-CFbtqu-E.js";const PB_REACT_MOUNT_EVENT="pb:react:mount";const PB_REACT_UNMOUNT_EVENT="pb:react:unmount";function mountComponents(root){ComponentRegistry.mountComponents(root||document)}function unmountComponents(root){const isDomRoot=root instanceof Element||root instanceof Document||root instanceof DocumentFragment;if(isDomRoot){ComponentRegistry.unmountWithin(root)}else{ComponentRegistry.unmountComponents()}}document.addEventListener(PB_REACT_MOUNT_EVENT,(e=>{var _a;const root=((_a=e.detail)==null?void 0:_a.root)instanceof Element?e.detail.root:document;mountComponents(root)}));document.addEventListener(PB_REACT_UNMOUNT_EVENT,(e=>{var _a;const root=((_a=e.detail)==null?void 0:_a.root)instanceof Element?e.detail.root:document;unmountComponents(root)}));function installTypeaheadLoadingMlsGuard(){if(document.__pbTypeaheadLoadingMlsGuardInstalled)return;document.__pbTypeaheadLoadingMlsGuardInstalled=true;const MLS_SELECTOR='.pb_multi_level_select, [data-pb-multi-level-select], [data-pb-react-component="MultiLevelSelect"]';const LOADING_SELECTOR='[data-pb-typeahead-loading="true"]';let isLoading=false;const recompute=()=>{isLoading=!!document.querySelector(LOADING_SELECTOR)};recompute();let raf=null;const schedule=()=>{if(raf)return;raf=requestAnimationFrame((()=>{raf=null;recompute()}))};let obs;try{obs=new MutationObserver((()=>schedule()));obs.observe(document.documentElement,{subtree:true,attributes:true,attributeFilter:["data-pb-typeahead-loading"]})}catch(_){}const blockIfLoading=event=>{var _a;if(!isLoading)return;if(!(event.target instanceof Element))return;const mls=event.target.closest(MLS_SELECTOR);if(!mls)return;event.preventDefault();event.stopPropagation();(_a=event.stopImmediatePropagation)==null?void 0:_a.call(event)};document.addEventListener("pointerdown",blockIfLoading,true);document.addEventListener("click",blockIfLoading,true)}if(document.readyState==="loading"){document.addEventListener("DOMContentLoaded",(()=>{mountComponents();installTypeaheadLoadingMlsGuard()}))}else{mountComponents();installTypeaheadLoadingMlsGuard()}document.addEventListener("turbo:load",(()=>{mountComponents();installTypeaheadLoadingMlsGuard()}));document.addEventListener("turbo:render",(()=>{mountComponents();installTypeaheadLoadingMlsGuard()}));document.addEventListener("turbo:before-cache",(()=>{unmountComponents()}));document.addEventListener("turbo:before-frame-render",(e=>{ComponentRegistry.unmountWithin(e.target)}),{capture:true});document.addEventListener("turbo:frame-render",(e=>{mountComponents(e.target)}));document.addEventListener("turbo:frame-load",(e=>{mountComponents(e.target);installTypeaheadLoadingMlsGuard()}));let mo;try{mo=new MutationObserver((muts=>{var _a,_b;for(const m of muts){for(const n of m.addedNodes){if(n.nodeType!==1)continue;const el=n;const hasNewPbMountPoint=((_a=el.matches)==null?void 0:_a.call(el,'[data-pb-react-component]:not([data-pb-react-mounted="true"])'))||((_b=el.querySelector)==null?void 0:_b.call(el,'[data-pb-react-component]:not([data-pb-react-mounted="true"])'));if(!hasNewPbMountPoint)continue;requestAnimationFrame((()=>mountComponents(el)));return}}}));mo.observe(document.documentElement,{childList:true,subtree:true})}catch(_){}ComponentRegistry.registerComponents({Typeahead:Typeahead});const mountPlaybookReactKits=()=>{ComponentRegistry.mountComponents()};const unmountPlaybookReactKits=()=>{ComponentRegistry.unmountComponents()};let mountTimeout=null;const debouncedMount=()=>{if(mountTimeout)clearTimeout(mountTimeout);mountTimeout=setTimeout((()=>{mountPlaybookReactKits();mountTimeout=null}),50)};const observer=new MutationObserver((mutations=>{const hasNewPbComponents=mutations.some((mutation=>Array.from(mutation.addedNodes).some((node=>{var _a,_b;if(node.nodeType!==1)return false;return((_a=node.hasAttribute)==null?void 0:_a.call(node,"data-pb-react-component"))||((_b=node.querySelector)==null?void 0:_b.call(node,"[data-pb-react-component]"))}))));if(hasNewPbComponents){debouncedMount()}}));observer.observe(document.body,{childList:true,subtree:true});export{mountPlaybookReactKits,unmountPlaybookReactKits};