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

package/dist/esm/index.js

@@ -58,7 +58,7 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
   > .accordion[data-open="false"]:first-of-type {
     border-top-left-radius: 4px;
     border-top-right-radius: 4px;
-    border-top: 1px solid ${({theme:e})=>e.activePalette.border.main};
+    border-top: ${({theme:e,$variant:t})=>"default"===t?`1px solid ${e.activePalette.border.main}`:"none"};
   }
 
   > .accordion[data-open="false"]:last-of-type {
@@ -70,7 +70,7 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
   }
 
   > .accordion[data-open="true"] + .accordion {
-    border-top: 1px solid ${({theme:e})=>e.activePalette.border.main};
+    border-top: ${({theme:e,$variant:t})=>"default"===t?`1px solid ${e.activePalette.border.main}`:"none"};
   }
 `,We=x("div",we)`
   label: AccordionContainer;
@@ -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};
@@ -570,7 +570,7 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
   label: DrawerContent;
   flex-grow: 1;
   height: 100%;
-  overflow: auto;
+  width: 100%;
 `,rr=x("div",we)`
   label: DrawerTrigger;
   display: ${({$hideTrigger:e})=>e?"none":"flex"};
@@ -587,5 +587,5 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
   }
 
   ${({$anchor:e})=>{switch(e){case"top":return"\n          left: 50%;\n          bottom: 0;\n          transform: translateX(-50%) translateY(100%);\n          border-radius: 0 0 10px 10px;\n          box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n        ";case"right":return"\n          top: 50%;\n          transform: translateY(-50%) translateX(-100%);\n          border-radius: 10px 0 0 10px;\n          min-width: 20px;\n          min-height: 40px;\n          box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.15);\n        ";case"bottom":return"\n          left: 50%;\n          top: 0;\n          transform: translateX(-50%) translateY(-100%);\n          border-radius: 10px 10px 0 0;\n          box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.15);\n        ";case"left":return"\n          top: 50%;\n          right: 0;\n          transform: translateY(-50%) translateX(100%);\n          min-width: 20px;\n          min-height: 40px;\n          border-radius: 0 10px 10px 0;\n          box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.15);\n        ";default:return""}}}
-`,ar=(t,n)=>e(A,{icon:{top:n?"prime:arrow-up":"prime:arrow-down",right:n?"prime:arrow-right":"prime:arrow-left",bottom:n?"prime:arrow-down":"prime:arrow-up",left:n?"prime:arrow-left":"prime:arrow-right"}[t],width:16,height:16}),lr=({anchor:i="bottom",isOpen:o,openContent:a,closedContent:l,openTrigger:c,closedTrigger:d,minOpen:g,maxOpen:b,bgColor:h,triggerColor:m,triggerHoverColor:f,onOpen:v,onClose:I,zIndex:C,hideTrigger:x=!1,keepMounted:y=!1,sx:A})=>{const[G,w]=r(!1),B=u(null),[V,R]=r(`${b}px`),[X,M]=r(`${g}px`),T=o??G;p((()=>{const e=B.current;e&&requestAnimationFrame((()=>{const t="top"===i||"bottom"===i?e.scrollHeight:e.scrollWidth;let n;n="top"===i||"bottom"===i?.9*window.innerHeight:.9*window.innerWidth;const o=b?Math.min(b,n):n,r=Math.min(t+1,o);R(`${r}px`)}))}),[a,i,T,b]),p((()=>{B.current&&requestAnimationFrame((()=>{const e="top"===i||"bottom"===i?B.current?.scrollHeight:B.current?.scrollWidth;M(`${g??e??0}px`)}))}),[l,i,g]);const Z=s((()=>{const e=d??ar(i,!1),t=c??ar(i,!0);return T?t:e}),[i,T,c,d]);return t(ir,{css:A,$anchor:i,$isOpen:T,$minOpen:X,$maxOpen:V,$bgColor:h,$zIndex:C,children:[e(rr,{$anchor:i,$hideTrigger:x,onClick:()=>{T&&I?.(),T||v?.(),w((e=>!e))},"data-testid":"drawer-trigger",$bgColor:h,$triggerColor:m,$triggerHoverColor:f,children:Z}),t(or,{ref:B,$anchor:i,$isOpen:T,children:[y&&t(n,{children:[e("div",{style:{display:T?"block":"none"},children:a}),e("div",{style:{display:T?"none":"block"},children:l})]}),!y&&(T?a:l)]})]})};export{He as Accordion,Ze as AccordionGroup,Te as Button,To as Card,Wo as CardContent,Fo as CardFooter,Zo as CardHeader,ko as CardIndicators,Po as CardMediaSection,tr as ControlledTreeView,Jo as DataGrid,lr as Drawer,fo as Dropdown,yo as Indicator,Oe as InputField,Co as Modal,Zi as MultiSelect,$o as MultiViewGrid,jo as MultiViewList,Ti as SingleSelect,to as Slider,Lo as Table,Go as Tag,H as ThemeContextProvider,nr as UncontrolledTreeView,W as commonColors,xe as darkenColor,k as defaultDarkPalette,F as defaultLightPalette,Ge as getActiveColor,Ce as getContrastColor,Ae as getHoverColor,ye as lightenColor,Yo as renderCell,we as transientOptions,Be as useIsMobile,Z as usePrefersColorScheme,N as useThemeContext};
+`,ar=(t,n)=>e(A,{icon:{top:n?"prime:arrow-up":"prime:arrow-down",right:n?"prime:arrow-right":"prime:arrow-left",bottom:n?"prime:arrow-down":"prime:arrow-up",left:n?"prime:arrow-left":"prime:arrow-right"}[t],width:16,height:16}),lr=({anchor:i="bottom",isOpen:o,openContent:a,closedContent:l,openTrigger:c,closedTrigger:d,minOpen:g,maxOpen:b,bgColor:h,triggerColor:m,triggerHoverColor:f,onOpen:v,onClose:I,zIndex:C,hideTrigger:x=!1,keepMounted:y=!1,sx:A})=>{const[G,w]=r(!1),B=u(null),[V,R]=r(`${b}px`),[X,M]=r(`${g}px`),T=o??G;p((()=>{const e=B.current;e&&requestAnimationFrame((()=>{const t="top"===i||"bottom"===i?e.scrollHeight:e.scrollWidth;let n;n="top"===i||"bottom"===i?.9*window.innerHeight:.9*window.innerWidth;const o=b?Math.min(b,n):n,r=Math.min(t+1,o);R(`${r}px`)}))}),[a,i,T,b]),p((()=>{B.current&&requestAnimationFrame((()=>{const e="top"===i||"bottom"===i?B.current?.scrollHeight:B.current?.scrollWidth;M(`${g??e??0}px`)}))}),[l,i,g]);const Z=s((()=>{const e=d??ar(i,!1),t=c??ar(i,!0);return T?t:e}),[i,T,c,d]),W={width:"100%",height:"100%"};return t(ir,{css:A,$anchor:i,$isOpen:T,$minOpen:X,$maxOpen:V,$bgColor:h,$zIndex:C,children:[e(rr,{$anchor:i,$hideTrigger:x,onClick:()=>{T&&I?.(),T||v?.(),w((e=>!e))},"data-testid":"drawer-trigger",$bgColor:h,$triggerColor:m,$triggerHoverColor:f,children:Z}),t(or,{ref:B,$anchor:i,$isOpen:T,children:[y&&t(n,{children:[e("div",{style:{...W,display:T?"block":"none"},children:a}),e("div",{style:{...W,display:T?"none":"block"},children:l})]}),!y&&(T?a:l)]})]})};export{He as Accordion,Ze as AccordionGroup,Te as Button,To as Card,Wo as CardContent,Fo as CardFooter,Zo as CardHeader,ko as CardIndicators,Po as CardMediaSection,tr as ControlledTreeView,Jo as DataGrid,lr as Drawer,fo as Dropdown,yo as Indicator,Oe as InputField,Co as Modal,Zi as MultiSelect,$o as MultiViewGrid,jo as MultiViewList,Ti as SingleSelect,to as Slider,Lo as Table,Go as Tag,H as ThemeContextProvider,nr as UncontrolledTreeView,W as commonColors,xe as darkenColor,k as defaultDarkPalette,F as defaultLightPalette,Ge as getActiveColor,Ce as getContrastColor,Ae as getHoverColor,ye as lightenColor,Yo as renderCell,we as transientOptions,Be as useIsMobile,Z as usePrefersColorScheme,N as useThemeContext};
 //# sourceMappingURL=index.js.map