@kwantis-id3/frontend-library 1.0.0-rc.19 → 1.0.0-rc.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/esm/index.js
CHANGED
|
@@ -493,13 +493,13 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
|
|
|
493
493
|
justify-content: center;
|
|
494
494
|
flex-grow: 1;
|
|
495
495
|
}
|
|
496
|
-
`,zo=t=>"table"===t.mode?e(Eo,{data:t.data,columns:t.columns}):e(Jo,{children:t.data?.map(((n,i)=>e("div",{children:t.cardComponent(n)},i)))}),jo=x.div`
|
|
496
|
+
`,zo=t=>"table"===t.mode?e(Eo,{data:t.data,columns:t.columns}):e(Jo,{children:t.data?.map(((n,i)=>e("div",{children:t.cardComponent(n)},i)))}),jo=t=>"table"===t.mode?e(Lo,{data:t.data,columns:t.columns}):e(Jo,{children:t.data?.map(((n,i)=>e("div",{children:t.cardComponent(n)},i)))}),Uo=x.div`
|
|
497
497
|
label: TreeView;
|
|
498
498
|
display: flex;
|
|
499
499
|
flex-direction: column;
|
|
500
500
|
width: 100%;
|
|
501
501
|
font-size: 0.9em;
|
|
502
|
-
|
|
502
|
+
`,$o=x.ul`
|
|
503
503
|
label: TreeWrapper;
|
|
504
504
|
display: flex;
|
|
505
505
|
flex-direction: column;
|
|
@@ -508,7 +508,7 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
|
|
|
508
508
|
list-style: none;
|
|
509
509
|
padding: 0;
|
|
510
510
|
margin: 0;
|
|
511
|
-
|
|
511
|
+
`,Qo=x("li",we)`
|
|
512
512
|
clear: none;
|
|
513
513
|
label: TreeItemTrigger;
|
|
514
514
|
display: flex;
|
|
@@ -543,11 +543,11 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
|
|
|
543
543
|
background-color: ${({theme:e})=>Ae(e.activePalette.surface.main)};
|
|
544
544
|
}
|
|
545
545
|
}
|
|
546
|
-
`,
|
|
546
|
+
`,_o=x($o,we)`
|
|
547
547
|
label: TreeItemChildren;
|
|
548
548
|
display: ${({$isExpanded:e})=>e?"block":"none"};
|
|
549
549
|
margin-left: 1em;
|
|
550
|
-
`,
|
|
550
|
+
`,Ko=(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)):[]},qo=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===Ko(n.items,t.id).length&&(t.onMissingChildren?.(t),n.onMissingChildren?.(t))})(e,t))};return e(Uo,{css:n.sx,children:(c=n.items,c.filter((e=>!c.some((t=>t.children?.includes(e.id)))))).map((i=>{const o=i=>{const a=Ko(n.items,i);return 0===a.length?null:e(_o,{$isExpanded:n.viewState.expandedItems?.includes(i)??!1,children:a.map((i=>t($o,{css:i.sx,children:[e(Qo,{$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,c=n.viewState.focusedItem===i.id,s=n.viewState.selectedItems?.includes(i.id)??!1;return t($o,{css:i.sx,"aria-selected":s,"aria-expanded":a,children:[e(Qo,{$isExpanded:a,$isFocused:c,$isSelected:s,onClick:e=>{l(e,i)},children:r(i)}),o(i.id)]},i.id)}))});var c},er=i=>{const[o,a]=r(i.items),[l,c]=r({}),[s,u]=r([]);return e(qo,{items:o,viewState:l,isMultiSelectionDisabled:i.isMultiSelectionDisabled,renderTrigger:i=>t(n,{children:[s.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=>c((t=>({...t,selectedItems:e}))),onExpandItem:e=>{c((t=>({...t,expandedItems:[...t.expandedItems??[],e.id]})))},onCollapseItem:e=>{c((t=>t.expandedItems?.includes(e.id)?{...t,expandedItems:t.expandedItems.filter((t=>t!==e.id))}:t))},onFocusItem:e=>c((t=>({...t,focusedItem:e?.id}))),onMissingChildren:async e=>{u((t=>[...t,e.id]));const t=await(e.childrenAsync?.());u((t=>t.filter((t=>t!==e.id)))),t&&a((e=>[...e,...t]))}})},tr=x("div",we)`
|
|
551
551
|
label: DrawerBody;
|
|
552
552
|
position: fixed;
|
|
553
553
|
background-color: ${({$bgColor:e,theme:t})=>e??t.activePalette.surface.main};
|
|
@@ -557,12 +557,12 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
|
|
|
557
557
|
z-index: ${({$zIndex:e})=>e??1e3};
|
|
558
558
|
|
|
559
559
|
${({$anchor:e,$isOpen:t,$minOpen:n,$maxOpen:i})=>{switch(e){case"top":return`\n top: 0;\n left: 0;\n width: 100%;\n height: ${t?i:n};\n border-radius: 0 0 5px 5px;\n box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.15);\n `;case"bottom":return`\n bottom: 0;\n left: 0;\n width: 100%;\n height: ${t?i:n};\n border-radius: 5px 5px 0 0;\n box-shadow: 0px -2px 4px 0px rgba(0, 0, 0, 0.15);\n `;case"right":return`\n top: 0;\n right: 0;\n width: ${t?i:n};\n height: 100%;\n border-radius: 5px 0 0 5px;\n box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.15);\n `;case"left":return`\n top: 0;\n left: 0;\n width: ${t?i:n};\n height: 100%;\n border-radius: 0 5px 5px 0;\n box-shadow: 2px 0px 4px 0px rgba(0, 0, 0, 0.15);\n `;default:return""}}}
|
|
560
|
-
`,
|
|
560
|
+
`,nr=x("div",we)`
|
|
561
561
|
label: DrawerContent;
|
|
562
562
|
flex-grow: 1;
|
|
563
563
|
height: 100%;
|
|
564
564
|
overflow: auto;
|
|
565
|
-
`,
|
|
565
|
+
`,ir=x("div",we)`
|
|
566
566
|
label: DrawerTrigger;
|
|
567
567
|
display: ${({$hideTrigger:e})=>e?"none":"flex"};
|
|
568
568
|
min-width: 40px;
|
|
@@ -577,5 +577,5 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
|
|
|
577
577
|
}
|
|
578
578
|
|
|
579
579
|
${({$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""}}}
|
|
580
|
-
`,
|
|
580
|
+
`,or=(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}),rr=({anchor:n="bottom",isOpen:i,openContent:o,closedContent:a,openTrigger:l,closedTrigger:s,minOpen:d,maxOpen:g,bgColor:b,triggerHoverColor:h,onOpen:m,onClose:f,zIndex:v,hideTrigger:I=!1})=>{const[C,x]=r(!1),y=u(null),[A,G]=r(`${g}px`),[w,B]=r(`${d}px`),V=i??C;p((()=>{const e=y.current;e&&requestAnimationFrame((()=>{const t="top"===n||"bottom"===n?e.scrollHeight:e.scrollWidth;let i;i="top"===n||"bottom"===n?.9*window.innerHeight:.9*window.innerWidth;const o=g?Math.min(g,i):i,r=Math.min(t+1,o);G(`${r}px`)}))}),[o,n,V,g]),p((()=>{y.current&&requestAnimationFrame((()=>{const e="top"===n||"bottom"===n?y.current?.scrollHeight:y.current?.scrollWidth;B(`${d??e??0}px`)}))}),[a,n,d]);const R=c((()=>{const e=s??or(n,!1),t=l??or(n,!0);return V?t:e}),[n,V,l,s]);return t(tr,{$anchor:n,$isOpen:V,$minOpen:w,$maxOpen:A,$bgColor:b,$zIndex:v,children:[e(ir,{$anchor:n,$hideTrigger:I,onClick:()=>{V&&f?.(),V||m?.(),x((e=>!e))},"data-testid":"drawer-trigger",$bgColor:b,$triggerHoverColor:h,children:R}),e(nr,{ref:y,$anchor:n,$isOpen:V,children:V?o:a})]})};export{Pe as Accordion,Ze as Button,Mo as Card,To as CardContent,Fo as CardFooter,Zo as CardHeader,Wo as CardIndicators,ko as CardMediaSection,qo as ControlledTreeView,Lo as DataGrid,rr as Drawer,mo as Dropdown,xo as Indicator,Oe as InputField,Io as Modal,Zi as MultiSelect,jo as MultiViewGrid,zo as MultiViewList,Mi as SingleSelect,eo as Slider,Eo as Table,Ao as Tag,H as ThemeContextProvider,er as UncontrolledTreeView,F as commonColors,xe as darkenColor,k as defaultDarkPalette,W as defaultLightPalette,Ge as getActiveColor,Ce as getContrastColor,Ae as getHoverColor,ye as lightenColor,Yo as renderCell,we as transientOptions,Be as useIsMobile,T as usePrefersColorScheme,N as useThemeContext};
|
|
581
581
|
//# sourceMappingURL=index.js.map
|