@lotte-innovate/ui-component-test 0.0.153 → 0.0.155

package/dist/lib/components/SideBar/index.js

@@ -28,7 +28,7 @@ import { cn } from '../../../lib/utils/utils';
 import { bgColorStyle, scalingVariants } from '../../../lib/constants';
 import { useTheme } from '../../../lib/theme';
 import * as ReactProSidebar from 'react-pro-sidebar';
-// import { useWindowSize } from '../../../lib/utils/useWindowSize';
+import { useWindowSize } from '../../../lib/utils/useWindowSize';
 import * as alphaColors from '../../../lib/color/alpha';
 var sidebarVariants = cva('', {
     variants: {
@@ -40,12 +40,12 @@ export var Root = React.forwardRef(function (_a, forwardedRef) {
     var _b;
     var scaling = _a.scaling, size = _a.size, color = _a.color, className = _a.className, children = _a.children, props = __rest(_a, ["scaling", "size", "color", "className", "children"]);
     var theme = useTheme().theme;
-    // const windowSize = useWindowSize();
+    var windowSize = useWindowSize();
     var sidebarStyle = {
         scaling: scaling !== null && scaling !== void 0 ? scaling : theme.themeScaling,
         color: (_b = color !== null && color !== void 0 ? color : theme.themeColor) !== null && _b !== void 0 ? _b : 'slate',
     };
-    return (_jsx(ReactProSidebar.Sidebar, __assign({ className: cn("bg-".concat(sidebarStyle.color, "A-6 dark:bg-").concat(sidebarStyle.color, "DarkA-6"), sidebarVariants({ scaling: sidebarStyle.scaling }), className) }, props, { children: children })));
+    return (_jsx(ReactProSidebar.Sidebar, __assign({ className: cn("bg-".concat(sidebarStyle.color, "A-6 dark:bg-").concat(sidebarStyle.color, "DarkA-6"), sidebarVariants({ scaling: sidebarStyle.scaling }), className) }, props, { collapsed: props.collapsed === undefined ? windowSize <= 250 : props.collapsed, children: children })));
 });
 Root.displayName = 'Sidebar.Root';
 export var Menu = React.forwardRef(function (_a, forwardedRef) {

package/dist/lib/components/SideBar/index.mjs

@@ -1,3 +1,3 @@
 "use client";
-import{jsx as r}from"react/jsx-runtime";import e from"react";import{cva as a}from"class-variance-authority";import{cn as o}from"../../utils/utils.mjs";import{scalingVariants as l,bgColorStyle as n}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";import*as c from"react-pro-sidebar";import*as i from"../../color/alpha.mjs";var s=function(){return s=Object.assign||function(r){for(var e,a=1,o=arguments.length;a<o;a++)for(var l in e=arguments[a])Object.prototype.hasOwnProperty.call(e,l)&&(r[l]=e[l]);return r},s.apply(this,arguments)},m=function(r,e){var a={};for(var o in r)Object.prototype.hasOwnProperty.call(r,o)&&e.indexOf(o)<0&&(a[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(o=Object.getOwnPropertySymbols(r);l<o.length;l++)e.indexOf(o[l])<0&&Object.prototype.propertyIsEnumerable.call(r,o[l])&&(a[o[l]]=r[o[l]])}return a},u=a("",{variants:{scaling:s({},l),color:n()}}),d=e.forwardRef((function(e,a){var l,n=e.scaling;e.size;var i=e.color,d=e.className,p=e.children,f=m(e,["scaling","size","color","className","children"]),h=t().theme,g={scaling:null!=n?n:h.themeScaling,color:null!==(l=null!=i?i:h.themeColor)&&void 0!==l?l:"slate"};return r(c.Sidebar,s({className:o("bg-".concat(g.color,"A-6 dark:bg-").concat(g.color,"DarkA-6"),u({scaling:g.scaling}),d)},f,{children:p}))}));d.displayName="Sidebar.Root";var p=e.forwardRef((function(e,a){var o,l=e.scaling,n=e.size,u=e.color;e.className;var d=e.menuItemStyles,p=e.children,f=m(e,["scaling","size","color","className","menuItemStyles","children"]),h="50px",g="16px";"small"==n&&(h="40px",g="14px"),"large"==n&&(h="60px",g="18px");var v=t().theme,b={scaling:null!=l?l:v.themeScaling,color:null!==(o=null!=u?u:v.themeColor)&&void 0!==o?o:"slate"},y="".concat(b.color,"A"),S=i[y];return r(c.Menu,s({menuItemStyles:s({button:function(r){r.level;var e=r.active;return r.disabled,r.open,{height:h,fontSize:g,backgroundColor:e?S[5]:"","&:hover":{backgroundColor:S[3]}}}},d)},f,{children:p}))}));p.displayName="Sidebar.Menu";var f=e.forwardRef((function(e,a){e.scaling,e.size,e.color,e.className;var o=e.children,l=m(e,["scaling","size","color","className","children"]);return r(c.MenuItem,s({},l,{children:o}))}));f.displayName="Sidebar.Item";var h=e.forwardRef((function(e,a){e.scaling,e.size,e.color,e.className;var o=e.children,l=m(e,["scaling","size","color","className","children"]);return r(c.SubMenu,s({},l,{children:o}))}));h.displayName="Sidebar.SubMenu";var g={Root:d,Menu:p,Item:f,SubMenu:h};export{f as Item,p as Menu,d as Root,h as SubMenu,g as default};
+import{jsx as e}from"react/jsx-runtime";import r from"react";import{cva as o}from"class-variance-authority";import{cn as a}from"../../utils/utils.mjs";import{scalingVariants as l,bgColorStyle as n}from"../../constants.mjs";import{useTheme as t}from"../../theme/ThemeProvider.mjs";import*as c from"react-pro-sidebar";import{useWindowSize as i}from"../../utils/useWindowSize.mjs";import*as s from"../../color/alpha.mjs";var m=function(){return m=Object.assign||function(e){for(var r,o=1,a=arguments.length;o<a;o++)for(var l in r=arguments[o])Object.prototype.hasOwnProperty.call(r,l)&&(e[l]=r[l]);return e},m.apply(this,arguments)},u=function(e,r){var o={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&r.indexOf(a)<0&&(o[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var l=0;for(a=Object.getOwnPropertySymbols(e);l<a.length;l++)r.indexOf(a[l])<0&&Object.prototype.propertyIsEnumerable.call(e,a[l])&&(o[a[l]]=e[a[l]])}return o},d=o("",{variants:{scaling:m({},l),color:n()}}),p=r.forwardRef((function(r,o){var l,n=r.scaling;r.size;var s=r.color,p=r.className,f=r.children,h=u(r,["scaling","size","color","className","children"]),v=t().theme,g=i(),b={scaling:null!=n?n:v.themeScaling,color:null!==(l=null!=s?s:v.themeColor)&&void 0!==l?l:"slate"};return e(c.Sidebar,m({className:a("bg-".concat(b.color,"A-6 dark:bg-").concat(b.color,"DarkA-6"),d({scaling:b.scaling}),p)},h,{collapsed:void 0===h.collapsed?g<=250:h.collapsed,children:f}))}));p.displayName="Sidebar.Root";var f=r.forwardRef((function(r,o){var a,l=r.scaling,n=r.size,i=r.color;r.className;var d=r.menuItemStyles,p=r.children,f=u(r,["scaling","size","color","className","menuItemStyles","children"]),h="50px",v="16px";"small"==n&&(h="40px",v="14px"),"large"==n&&(h="60px",v="18px");var g=t().theme,b={scaling:null!=l?l:g.themeScaling,color:null!==(a=null!=i?i:g.themeColor)&&void 0!==a?a:"slate"},y="".concat(b.color,"A"),S=s[y];return e(c.Menu,m({menuItemStyles:m({button:function(e){e.level;var r=e.active;return e.disabled,e.open,{height:h,fontSize:v,backgroundColor:r?S[5]:"","&:hover":{backgroundColor:S[3]}}}},d)},f,{children:p}))}));f.displayName="Sidebar.Menu";var h=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.MenuItem,m({},l,{children:a}))}));h.displayName="Sidebar.Item";var v=r.forwardRef((function(r,o){r.scaling,r.size,r.color,r.className;var a=r.children,l=u(r,["scaling","size","color","className","children"]);return e(c.SubMenu,m({},l,{children:a}))}));v.displayName="Sidebar.SubMenu";var g={Root:p,Menu:f,Item:h,SubMenu:v};export{h as Item,f as Menu,p as Root,v as SubMenu,g as default};
 //# sourceMappingURL=index.mjs.map