react-asc 18.9.4 → 18.9.5

package/index.js

@@ -902,21 +902,20 @@ const Select = (props) => {
             }
         }
     };
-    return (React__default["default"].createElement(React__default["default"].Fragment, null,
-        React__default["default"].createElement("div", { ref: selectConainter, className: styles$u.selectContainer },
-            React__default["default"].createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
-                !multiple && renderSingleViewModel(),
-                multiple && renderMultipleViewModel(),
-                React__default["default"].createElement(Icon, { className: "ml-auto" },
-                    React__default["default"].createElement(ChevronDownSolidIcon, null))),
-            isShow &&
-                reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
-                    React__default["default"].createElement("div", { className: styles$u.selectMenu, style: { left: (_a = selectConainter.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x, top: (_b = selectConainter.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().y, width: (_c = selectConainter.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width } },
-                        React__default["default"].createElement(List, null, options && options.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), active: isActive(option) },
-                            multiple &&
-                                React__default["default"].createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
-                            React__default["default"].createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
-                    React__default["default"].createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body))));
+    return (React__default["default"].createElement("div", { ref: selectConainter, className: styles$u.selectContainer },
+        React__default["default"].createElement("div", { id: id, className: getCssClass(), onClick: () => show(), tabIndex: 0, onKeyDown: e => handleOnKeyDown(e) },
+            !multiple && renderSingleViewModel(),
+            multiple && renderMultipleViewModel(),
+            React__default["default"].createElement(Icon, { className: "ml-auto" },
+                React__default["default"].createElement(ChevronDownSolidIcon, null))),
+        isShow &&
+            reactDom.createPortal(React__default["default"].createElement(React__default["default"].Fragment, null,
+                React__default["default"].createElement("div", { className: styles$u.selectMenu, style: { left: (_a = selectConainter.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect().x, top: (_b = selectConainter.current) === null || _b === void 0 ? void 0 : _b.getBoundingClientRect().y, width: (_c = selectConainter.current) === null || _c === void 0 ? void 0 : _c.getBoundingClientRect().width } },
+                    React__default["default"].createElement(List, null, options && options.map((option, index) => React__default["default"].createElement(ListItem, { id: `list-item-${index}`, key: option.value, onClick: () => handleOnClick(option), active: isActive(option) },
+                        multiple &&
+                            React__default["default"].createElement(Checkbox, { checked: isActive(option), onChange: () => handleOnClick(option) }),
+                        React__default["default"].createElement(ListItemText, { primary: option.label ? option.label : option.value }))))),
+                React__default["default"].createElement(Backdrop, { style: { zIndex: 1111 }, isTransparent: true, onClick: () => hide() })), document.body)));
 };
 
 var css_248z$t = "textarea {\n  min-height: calc(10em + 0.75rem + 2px);\n  display: block;\n  width: 100%;\n  padding: 0.375rem 0.75rem;\n  font-size: 1rem;\n  font-weight: 400;\n  line-height: 1.5;\n  background-clip: padding-box;\n  border: 2px solid var(--input-border-color);\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  appearance: none;\n  border-radius: var(--borderRadius);\n  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n  resize: vertical; }\n  textarea:focus {\n    outline: none !important;\n    border-color: var(--primary); }\n";
@@ -1575,13 +1574,14 @@ var css_248z$i = ".LoadingIndicator-module_loadingIndicatorContainer__3e1-3 {\n
 var styles$i = {"loadingIndicatorContainer":"LoadingIndicator-module_loadingIndicatorContainer__3e1-3","loadingIndicator":"LoadingIndicator-module_loadingIndicator__tvp5i","spinAnimation":"LoadingIndicator-module_spinAnimation__PKRNn"};
 styleInject(css_248z$i);
 
-const LoadingIndicator = () => {
+const LoadingIndicator = (_a) => {
+    var rest = __rest(_a, []);
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$i.loadingIndicator);
         return cssClasses.filter(css => css).join(' ');
     };
-    return (React__default["default"].createElement("div", { className: getCssClasses() },
+    return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest),
         React__default["default"].createElement(SpinnerSolidIcon, null)));
 };
 
@@ -1808,14 +1808,18 @@ class SidebarItemModel {
 }
 
 const Sidebar = (props) => {
-    const { items, currentUrl, onItemClicked } = props;
+    const { className, items, currentUrl, onItemClicked } = props, rest = __rest(props, ["className", "items", "currentUrl", "onItemClicked"]);
     const [menuItems, setMenuItems] = React.useState([]);
     React.useEffect(() => {
         if (items && items.length > 0) {
             initMenuItems();
         }
     }, []);
-    React.useEffect(() => { initMenuItems(); }, [currentUrl]);
+    const getCssClasses = () => {
+        const cssClasses = [];
+        className && cssClasses.push(className);
+        return cssClasses.filter(css => css).join(' ');
+    };
     const initMenuItems = () => {
         const newItems = items.map(item => new SidebarItemModel(item.id, item.label, item.path, item.icon, isMenuItemActive(item.path), item.items && item.items.map(subItem => new SidebarItemModel(subItem.id, subItem.label, subItem.path, subItem.icon, isMenuItemActive(`${item.path}/${subItem.path}`))), item.isCollapsible, item.isCollapsed));
         setMenuItems(newItems);
@@ -1839,10 +1843,7 @@ const Sidebar = (props) => {
     const handleClickItem = (item, e) => {
         if (item.items && item.items.length > 0 && item.isCollapsible) {
             const newMenuItems = menuItems.map((menuItem) => {
-                if (item.id === menuItem.id) {
-                    const updatedItem = Object.assign(Object.assign({}, menuItem), { isCollapsed: !menuItem.isCollapsed });
-                    return updatedItem;
-                }
+                menuItem.isCollapsed = !menuItem.isCollapsed;
                 return menuItem;
             });
             setMenuItems(newMenuItems);
@@ -1854,7 +1855,7 @@ const Sidebar = (props) => {
     const handleClickSubItem = (itemPath, subItemPath, e) => {
         navigate(e, `/${itemPath}/${subItemPath}`);
     };
-    return (React__default["default"].createElement("nav", { className: "sidebar" },
+    return (React__default["default"].createElement("nav", Object.assign({ className: getCssClasses() }, rest),
         React__default["default"].createElement(List, null, menuItems.map(item => (React__default["default"].createElement(React__default["default"].Fragment, { key: item.id },
             React__default["default"].createElement(ListItem, { active: isMenuItemActive(item.path), onClick: (e) => handleClickItem(item, e) },
                 React__default["default"].createElement(ListItemText, { primary: React__default["default"].createElement(React__default["default"].Fragment, null,
@@ -1873,7 +1874,7 @@ var styles$e = {"snackbar":"Snackbar-module_snackbar__3AF3D","bounceIn":"Snackba
 styleInject(css_248z$e);
 
 const Snackbar = (props) => {
-    const { children, color = exports.COLOR.dark, actionText = 'ok', onOk } = props;
+    const { children, color = exports.COLOR.dark, actionText = 'ok', onOk } = props, rest = __rest(props, ["children", "color", "actionText", "onOk"]);
     const getCssClasses = () => {
         const cssClasses = [];
         cssClasses.push(styles$e.snackbar);
@@ -1884,7 +1885,7 @@ const Snackbar = (props) => {
     const handleClickAction = (e) => {
         onOk && onOk(e);
     };
-    return (React__default["default"].createElement("div", { className: getCssClasses() },
+    return (React__default["default"].createElement("div", Object.assign({ className: getCssClasses() }, rest),
         React__default["default"].createElement("div", { className: styles$e.text }, children),
         React__default["default"].createElement("div", { className: styles$e.action + " text-accent", onClick: handleClickAction },
             React__default["default"].createElement("span", null, actionText))));