@kwantis-id3/frontend-library 1.0.0-rc.34 → 1.0.0-rc.35

package/dist/esm/index.js

@@ -556,7 +556,7 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
   label: TreeItemChildren;
   display: ${({$isExpanded:e})=>e?"block":"none"};
   margin-left: 1em;
-`,qo=e=>e.filter((t=>!e.some((e=>e.children?.includes(t.id))))),er=(e,t)=>{const n=e.find((e=>e.id===t));return n?.children?n.children.map((t=>e.find((e=>e.id===t)))).filter((e=>void 0!==e)):[]};const tr=n=>{const i=t=>t.renderIcon?t.renderIcon({isOpen:!1,item:t}):n.renderIcon?n.renderIcon({isOpen:!1,item:t}):e("div",{css:{transform:n.viewState.expandedItems?.includes(t.id)?"rotate(180deg)":"rotate(0deg)",display:"flex",alignItems:"center"},children:e("svg",{height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",visibility:t.children||t.isFolder?"visible":"hidden",children:e("path",{fill:"currentColor",d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})})}),o=e=>e.renderTitle?e.renderTitle({isOpen:n.viewState.expandedItems?.includes(e.id)??!1,item:e}):n.renderTitle?n.renderTitle({isOpen:n.viewState.expandedItems?.includes(e.id)??!1,item:e}):e.name,r=r=>n.renderTrigger?e("div",{className:"triggerBody",children:n.renderTrigger({icon:i(r),title:o(r),isOpen:n.viewState.expandedItems?.includes(r.id)??!1,item:r})}):t("div",{className:"triggerBody",children:[i(r),o(r)]}),a=(e,t,i=[])=>{if(e.stopPropagation(),i.includes(t.id))return t.onSelectItems?.(i.filter((e=>e!==t.id))),void n.onSelectItems?.(i.filter((e=>e!==t.id)));t.onSelectItems?.([...i,t.id]),n.onSelectItems?.([...i,t.id])},l=(e,t)=>{e.stopPropagation(),e.ctrlKey?n.isMultiSelectionDisabled?a(e,t):a(e,t,n.viewState.selectedItems):(((e,t)=>{e.stopPropagation(),t.onFocusItem?.(t),n.onFocusItem?.(t)})(e,t),a(e,t),n.viewState.expandedItems?.includes(t.id)?((e,t)=>{e.stopPropagation(),t.onCollapseItem?.(t),n.onCollapseItem?.(t)})(e,t):((e,t)=>{e.stopPropagation(),t.onExpandItem?.(t),n.onExpandItem?.(t),0===er(n.items,t.id).length&&(t.onMissingChildren?.(t),n.onMissingChildren?.(t))})(e,t))};return e(Uo,{css:n.sx,children:qo(n.items).map((i=>{const o=i=>{const a=er(n.items,i);return 0===a.length?null:e(Ko,{$isExpanded:n.viewState.expandedItems?.includes(i)??!1,children:a.map((i=>t(Qo,{css:i.sx,children:[e(_o,{$isExpanded:n.viewState.expandedItems?.includes(i.id)??!1,$isFocused:n.viewState.focusedItem===i.id,$isSelected:n.viewState.selectedItems?.includes(i.id)??!1,onClick:e=>{l(e,i)},children:r(i)}),o(i.id)]},i.id)))})},a=n.viewState.expandedItems?.includes(i.id)??!1,s=n.viewState.focusedItem===i.id,c=n.viewState.selectedItems?.includes(i.id)??!1;return t(Qo,{css:i.sx,"aria-selected":c,"aria-expanded":a,children:[e(_o,{$isExpanded:a,$isFocused:s,$isSelected:c,onClick:e=>{l(e,i)},children:r(i)}),o(i.id)]},i.id)}))})},nr=i=>{const[o,a]=r((()=>({expandedItems:i.defaultExpandedItems??[]}))),[l,c]=r([]),[u,d]=r([]),g=s((()=>{const e=[...i.items,...u],t=i.searchString?.toLowerCase();return t?function(e,t){const n=t.toLowerCase(),i=new Map;for(const t of e)for(const e of t.children??[])i.set(e,t.id);const o=new Set;for(const t of e)if(t.name.toLowerCase().includes(n)){let e=t.id;for(;e&&!o.has(e);)o.add(e),e=i.get(e)}return e.filter((e=>o.has(e.id)))}(e,t):e}),[i,u]);return e(tr,{items:g,viewState:o,isMultiSelectionDisabled:i.isMultiSelectionDisabled,renderTrigger:i=>t(n,{children:[l.includes(i.item.id)?t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",children:[e("path",{fill:"currentColor",d:"M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z",opacity:"0.5"}),e("path",{fill:"currentColor",d:"M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z",children:e("animateTransform",{attributeName:"transform",dur:"1s",from:"0 12 12",repeatCount:"indefinite",to:"360 12 12",type:"rotate"})})]}):i.icon,i.title]}),onSelectItems:e=>a((t=>({...t,selectedItems:e}))),onExpandItem:e=>{a((t=>{const n=((e,t)=>qo(e).some((e=>e.id===t.id)))(i.items,e);if(i.singleRootExpand&&n){const n=qo(i.items),o=(t.expandedItems??[]).filter((e=>!n.some((t=>t.id===e))));return{...t,expandedItems:[...o,e.id]}}return{...t,expandedItems:[...t.expandedItems??[],e.id]}}))},onCollapseItem:e=>{a((t=>t.expandedItems?.includes(e.id)?{...t,expandedItems:t.expandedItems.filter((t=>t!==e.id))}:t))},onFocusItem:e=>a((t=>({...t,focusedItem:e?.id}))),onMissingChildren:async e=>{c((t=>[...t,e.id]));const t=await(e.childrenAsync?.());c((t=>t.filter((t=>t!==e.id)))),t&&(d((e=>{const n=t.filter((t=>!e.some((e=>e.id===t.id))));return[...e,...n]})),a((t=>({...t,expandedItems:[...t.expandedItems??[],e.id]}))))}})},ir=x("div",we)`
+`,qo=e=>e.filter((t=>!e.some((e=>e.children?.includes(t.id))))),er=(e,t)=>{const n=e.find((e=>e.id===t));return n?.children?n.children.map((t=>e.find((e=>e.id===t)))).filter((e=>void 0!==e)):[]};const tr=n=>{const i=t=>t.renderIcon?t.renderIcon({isOpen:!1,item:t}):n.renderIcon?n.renderIcon({isOpen:!1,item:t}):e("div",{css:{transform:n.viewState.expandedItems?.includes(t.id)?"rotate(180deg)":"rotate(0deg)",display:"flex",alignItems:"center"},children:e("svg",{height:"20",width:"20",viewBox:"0 0 20 20","aria-hidden":"true",focusable:"false",visibility:t.children||t.isFolder?"visible":"hidden",children:e("path",{fill:"currentColor",d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"})})}),o=e=>e.renderTitle?e.renderTitle({isOpen:n.viewState.expandedItems?.includes(e.id)??!1,item:e}):n.renderTitle?n.renderTitle({isOpen:n.viewState.expandedItems?.includes(e.id)??!1,item:e}):e.name,r=r=>n.renderTrigger?e("div",{className:"triggerBody",children:n.renderTrigger({icon:i(r),title:o(r),isOpen:n.viewState.expandedItems?.includes(r.id)??!1,item:r})}):t("div",{className:"triggerBody",children:[i(r),o(r)]}),a=(e,t,i=[])=>{if(e.stopPropagation(),i.includes(t.id))return t.onSelectItems?.(i.filter((e=>e!==t.id))),void n.onSelectItems?.(i.filter((e=>e!==t.id)));t.onSelectItems?.([...i,t.id]),n.onSelectItems?.([...i,t.id])},l=(e,t)=>{e.stopPropagation(),e.ctrlKey?n.isMultiSelectionDisabled?a(e,t):a(e,t,n.viewState.selectedItems):(((e,t)=>{e.stopPropagation(),t.onFocusItem?.(t),n.onFocusItem?.(t)})(e,t),a(e,t),n.viewState.expandedItems?.includes(t.id)?((e,t)=>{e.stopPropagation(),t.onCollapseItem?.(t),n.onCollapseItem?.(t)})(e,t):((e,t)=>{e.stopPropagation(),t.onExpandItem?.(t),n.onExpandItem?.(t),0===er(n.items,t.id).length&&(t.onMissingChildren?.(t),n.onMissingChildren?.(t))})(e,t))};return e(Uo,{css:n.sx,children:qo(n.items).map((i=>{const o=i=>{const a=er(n.items,i);return 0===a.length?null:e(Ko,{$isExpanded:n.viewState.expandedItems?.includes(i)??!1,children:a.map((i=>t(Qo,{css:i.sx,children:[e(_o,{$isExpanded:n.viewState.expandedItems?.includes(i.id)??!1,$isFocused:n.viewState.focusedItem===i.id,$isSelected:n.viewState.selectedItems?.includes(i.id)??!1,onClick:e=>{l(e,i)},children:r(i)}),o(i.id)]},i.id)))})},a=n.viewState.expandedItems?.includes(i.id)??!1,s=n.viewState.focusedItem===i.id,c=n.viewState.selectedItems?.includes(i.id)??!1;return t(Qo,{css:i.sx,"aria-selected":c,"aria-expanded":a,children:[e(_o,{$isExpanded:a,$isFocused:s,$isSelected:c,onClick:e=>{l(e,i)},children:r(i)}),o(i.id)]},i.id)}))})},nr=i=>{const[o,a]=r((()=>({expandedItems:i.defaultExpandedItems??[]}))),[l,c]=r([]),[u,d]=r([]),g=s((()=>{const e=[...i.items,...u],t=i.searchString?.toLowerCase();return t?function(e,t){const n=t.toLowerCase(),i=new Map;for(const t of e)for(const e of t.children??[])i.set(e,t.id);const o=new Set;for(const t of e)if(t.name.toLowerCase().includes(n)){let e=t.id;for(;e&&!o.has(e);)o.add(e),e=i.get(e)}return e.filter((e=>o.has(e.id)))}(e,t):e}),[i,u]);return e(tr,{items:g,viewState:o,isMultiSelectionDisabled:i.isMultiSelectionDisabled,sx:i.sx,renderTrigger:i=>t(n,{children:[l.includes(i.item.id)?t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"20",height:"20",viewBox:"0 0 24 24",children:[e("path",{fill:"currentColor",d:"M12 2A10 10 0 1 0 22 12A10 10 0 0 0 12 2Zm0 18a8 8 0 1 1 8-8A8 8 0 0 1 12 20Z",opacity:"0.5"}),e("path",{fill:"currentColor",d:"M20 12h2A10 10 0 0 0 12 2V4A8 8 0 0 1 20 12Z",children:e("animateTransform",{attributeName:"transform",dur:"1s",from:"0 12 12",repeatCount:"indefinite",to:"360 12 12",type:"rotate"})})]}):i.icon,i.title]}),onSelectItems:e=>a((t=>({...t,selectedItems:e}))),onExpandItem:e=>{a((t=>{const n=((e,t)=>qo(e).some((e=>e.id===t.id)))(i.items,e);if(i.singleRootExpand&&n){const n=qo(i.items),o=(t.expandedItems??[]).filter((e=>!n.some((t=>t.id===e))));return{...t,expandedItems:[...o,e.id]}}return{...t,expandedItems:[...t.expandedItems??[],e.id]}}))},onCollapseItem:e=>{a((t=>t.expandedItems?.includes(e.id)?{...t,expandedItems:t.expandedItems.filter((t=>t!==e.id))}:t))},onFocusItem:e=>a((t=>({...t,focusedItem:e?.id}))),onMissingChildren:async e=>{c((t=>[...t,e.id]));const t=await(e.childrenAsync?.());c((t=>t.filter((t=>t!==e.id)))),t&&(d((e=>{const n=t.filter((t=>!e.some((e=>e.id===t.id))));return[...e,...n]})),a((t=>({...t,expandedItems:[...t.expandedItems??[],e.id]}))))}})},ir=x("div",we)`
   label: DrawerBody;
   position: fixed;
   background-color: ${({$bgColor:e,theme:t})=>e??t.activePalette.surface.main};