@kwantis-id3/frontend-library 1.0.0-rc.15 → 1.0.0-rc.16

package/dist/esm/index.js

@@ -554,6 +554,7 @@ import{jsx as e,jsxs as t,Fragment as n}from"@emotion/react/jsx-runtime";import*
   transition: all 0.3s ease-in-out;
   display: flex;
   flex-direction: column;
+  z-index: ${({$zIndex:e})=>e??1e3};
 
   ${({$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""}}}
 `,er=x("div",we)`
@@ -576,5 +577,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""}}}
-`,nr=(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}),ir=({anchor:n="bottom",isOpen:i,openContent:o,closedContent:a,openTrigger:l,closedTrigger:c,minOpen:d,maxOpen:g,bgColor:b,triggerHoverColor:h,onOpen:m,onClose:f,hideTrigger:v=!1})=>{const[I,C]=r(!1),x=u(null),[y,A]=r(`${g}px`),[G,w]=r(`${d}px`),B=i??I;p((()=>{const e=x.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);A(`${r}px`)}))}),[o,n,B,g]),p((()=>{x.current&&requestAnimationFrame((()=>{const e="top"===n||"bottom"===n?x.current?.scrollHeight:x.current?.scrollWidth;w(`${d??e??0}px`)}))}),[a,n,d]);const V=s((()=>{const e=c??nr(n,!1),t=l??nr(n,!0);return B?t:e}),[n,B,l,c]);return t(qo,{$anchor:n,$isOpen:B,$minOpen:G,$maxOpen:y,$bgColor:b,children:[e(tr,{$anchor:n,$hideTrigger:v,onClick:()=>{B&&f?.(),B||m?.(),C((e=>!e))},"data-testid":"drawer-trigger",$bgColor:b,$triggerHoverColor:h,children:V}),e(er,{ref:x,$anchor:n,$isOpen:B,children:B?o:a})]})};export{Pe as Accordion,Ze as Button,Mo as Card,To as CardContent,Wo as CardFooter,Zo as CardHeader,Fo as CardIndicators,ko as CardMediaSection,_o as ControlledTreeView,ir as Drawer,mo as Dropdown,xo as Indicator,Ne as InputField,Io as Modal,Zi as MultiSelect,Lo as MultiViewList,Mi as SingleSelect,eo as Slider,Eo as Table,Ao as Tag,H as ThemeContextProvider,Ko 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,T as usePrefersColorScheme,O as useThemeContext};
+`,nr=(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}),ir=({anchor:n="bottom",isOpen:i,openContent:o,closedContent:a,openTrigger:l,closedTrigger:c,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 X=s((()=>{const e=c??nr(n,!1),t=l??nr(n,!0);return V?t:e}),[n,V,l,c]);return t(qo,{$anchor:n,$isOpen:V,$minOpen:w,$maxOpen:A,$bgColor:b,$zIndex:v,children:[e(tr,{$anchor:n,$hideTrigger:I,onClick:()=>{V&&f?.(),V||m?.(),x((e=>!e))},"data-testid":"drawer-trigger",$bgColor:b,$triggerHoverColor:h,children:X}),e(er,{ref:y,$anchor:n,$isOpen:V,children:V?o:a})]})};export{Pe as Accordion,Ze as Button,Mo as Card,To as CardContent,Wo as CardFooter,Zo as CardHeader,Fo as CardIndicators,ko as CardMediaSection,_o as ControlledTreeView,ir as Drawer,mo as Dropdown,xo as Indicator,Ne as InputField,Io as Modal,Zi as MultiSelect,Lo as MultiViewList,Mi as SingleSelect,eo as Slider,Eo as Table,Ao as Tag,H as ThemeContextProvider,Ko 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,T as usePrefersColorScheme,O as useThemeContext};
 //# sourceMappingURL=index.js.map