@dilicorp/ui 0.2.34 → 0.2.36

package/dist/index.d.ts

@@ -15,6 +15,7 @@ export * from './atoms/spinner';
 export * from './atoms/typography';
 export * from './atoms/skeleton';
 export * from './atoms/pluxee-icon/pluxee-icon';
+export * from './atoms/switcher';
 export * from './molecules/alert';
 export * from './molecules/breadcrumb';
 export * from './molecules/card';
@@ -38,6 +39,8 @@ export { AccordionItem } from './components/accordion/accordion-item';
 export { AccordionHeader } from './components/accordion/accordion-header';
 export { AccordionBody } from './components/accordion/accordion-body';
 export * from './components/layout/layout';
+export { AlertModalProvider } from './components/alert-modal/alert-modal-provider';
+export { useAlertModal } from './components/alert-modal/alert-context-provider';
 export { AlertProvider } from './components/alert-template/alert-provider';
 export { AlertTemplate, AlertTemplateProps } from './components/alert-template/alert-template';
 export { useAlert, withAlert } from 'react-alert';

package/dist/index.js

@@ -16,6 +16,7 @@ export * from './atoms/spinner';
 export * from './atoms/typography';
 export * from './atoms/skeleton';
 export * from './atoms/pluxee-icon/pluxee-icon';
+export * from './atoms/switcher';
 // Molecules
 export * from './molecules/alert';
 export * from './molecules/breadcrumb';
@@ -41,6 +42,8 @@ export { AccordionItem } from './components/accordion/accordion-item';
 export { AccordionHeader } from './components/accordion/accordion-header';
 export { AccordionBody } from './components/accordion/accordion-body';
 export * from './components/layout/layout';
+export { AlertModalProvider } from './components/alert-modal/alert-modal-provider';
+export { useAlertModal } from './components/alert-modal/alert-context-provider';
 export { AlertProvider } from './components/alert-template/alert-provider';
 export { AlertTemplate } from './components/alert-template/alert-template';
 export { useAlert, withAlert } from 'react-alert';

package/dist/molecules/card-summary/card-summary-container.js

@@ -11,7 +11,7 @@ export const CardSummaryContainer = ({ children, className, loading, color = 'pr
     }
 } }) => {
     if (loading) {
-        return React.createElement(Skeleton, Object.assign({}, skeleton));
+        return React.createElement(Skeleton, { ...skeleton });
     }
     const classes = classNames(`dashboard-card-item ${color}`, className);
     return (React.createElement("div", { className: classes }, children));

package/dist/molecules/column-order/column-order.d.ts

@@ -5,7 +5,8 @@ declare type ColumnOrderProps = {
     order: 'asc' | 'desc';
     active: boolean;
     onChange: (id: string, type: string) => void;
+    disabled: boolean;
 };
-export declare const ColumnOrder: ({ id, label, order, active, onChange }: ColumnOrderProps) => JSX.Element;
+export declare const ColumnOrder: ({ id, label, order, active, onChange, disabled }: ColumnOrderProps) => JSX.Element;
 export {};
 //# sourceMappingURL=column-order.d.ts.map

package/dist/molecules/column-order/column-order.js

@@ -1,8 +1,10 @@
 import React from 'react';
 import { Icon } from '../../atoms/icon';
-export const ColumnOrder = ({ id, label, order, active, onChange }) => {
+export const ColumnOrder = ({ id, label, order, active, onChange, disabled }) => {
     return (React.createElement("button", { onClick: () => {
-            onChange(id, order === 'asc' ? 'desc' : 'asc');
+            if (!disabled) {
+                onChange(id, order === 'asc' ? 'desc' : 'asc');
+            }
         }, type: "button", className: `table-column-order ${active ? ' active' : ''}` },
         label,
         order === 'asc' ? React.createElement(Icon, { icon: "fa-sort-amount-up", className: "ms-2" }) : React.createElement(Icon, { icon: "fa-sort-amount-down", className: "ms-2" })));

package/dist/molecules/dropdown/dropdown-item.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React from 'react';
 import { Link } from '../../atoms/link';
 import classNames from 'classnames';
@@ -17,18 +6,18 @@ export const DropdownItem = (props) => {
         return React.createElement(React.Fragment, null, props.element);
     if (props.separator)
         return React.createElement("div", { className: "dropdown-divider" });
-    const _a = props, { uri, label, onClick, items, disabled = false } = _a, attrs = __rest(_a, ["uri", "label", "onClick", "items", "disabled"]);
+    const { uri, label, onClick, items, disabled = false, ...attrs } = props;
     if ((items === null || items === void 0 ? void 0 : items.length) && (items === null || items === void 0 ? void 0 : items.length) > 0) {
-        return (React.createElement("div", Object.assign({}, attrs, { className: "dropdown-item dropdown-items" }),
+        return (React.createElement("div", { ...attrs, className: "dropdown-item dropdown-items" },
             label,
-            React.createElement("div", { className: "dropdown-items-droplist" }, items.map((item, index) => (React.createElement(DropdownItem, Object.assign({ key: `${label}--${index}` }, item)))))));
+            React.createElement("div", { className: "dropdown-items-droplist" }, items.map((item, index) => (React.createElement(DropdownItem, { key: `${label}--${index}`, ...item }))))));
     }
     const classnames = classNames('dropdown-item', disabled && 'disabled');
     if (disabled) {
-        return React.createElement("div", Object.assign({}, attrs, { className: classnames }), label);
+        return React.createElement("div", { ...attrs, className: classnames }, label);
     }
     if (onClick) {
-        return (React.createElement("div", Object.assign({}, attrs, { className: classnames, onClick: onClick }), label));
+        return (React.createElement("div", { ...attrs, className: classnames, onClick: onClick }, label));
     }
-    return React.createElement(Link, Object.assign({}, attrs, { href: uri, className: classnames }), label);
+    return React.createElement(Link, { ...attrs, href: uri, className: classnames }, label);
 };

package/dist/molecules/dropdown/dropdown.js

@@ -35,12 +35,15 @@ export const Dropdown = (props) => {
             React.createElement("span", null, label),
             React.createElement(Icon, { icon: "fa-chevron-down", pluxee: true })),
         React.createElement("div", { className: classesDropdown }, items.map((item, index) => {
-            const _item = Object.assign(Object.assign({}, item), ('onClick' in item && {
-                onClick: () => {
-                    setToggle(false);
-                    item.onClick();
-                }
-            }));
-            return (React.createElement(DropdownItem, Object.assign({ key: `dropdown-item-${index}` }, _item)));
+            const _item = {
+                ...item,
+                ...('onClick' in item && {
+                    onClick: () => {
+                        setToggle(false);
+                        item.onClick();
+                    }
+                })
+            };
+            return (React.createElement(DropdownItem, { key: `dropdown-item-${index}`, ..._item }));
         }))));
 };

package/dist/molecules/paginate.js

@@ -33,6 +33,6 @@ export const Paginate = (props) => {
         }
     };
     return (React.createElement("div", { className: "box-paginate" },
-        React.createElement(ReactPagination, Object.assign({}, config, { activePage: activePage, itemsCountPerPage: perPage, totalItemsCount: totalItems, onChange: handleChange })),
+        React.createElement(ReactPagination, { ...config, activePage: activePage, itemsCountPerPage: perPage, totalItemsCount: totalItems, onChange: handleChange }),
         React.createElement("div", { className: "extra-paginate-info" }, translate.replace(/%(\d+)/g, (_, n) => [`${String(from || 0)} - ${String(to || 0)}`, String(totalItems)][+n - 1]))));
 };

package/dist/molecules/table-column-management.js

@@ -44,7 +44,7 @@ export const TableColumnManagement = (props) => {
             let invalids = 0;
             const childrenWithIndex = React.Children.map(child.props.children, (subChild, subIndex) => {
                 if (subChild === null || subChild === void 0 ? void 0 : subChild.props) {
-                    return (Object.assign(Object.assign({}, subChild), { props: Object.assign(Object.assign({}, subChild.props), { index: (subIndex - invalids) }) }));
+                    return ({ ...subChild, props: { ...subChild.props, index: (subIndex - invalids) } });
                 }
                 else {
                     invalids++;
@@ -52,7 +52,7 @@ export const TableColumnManagement = (props) => {
             });
             childrenWithIndex.sort(sortChildren);
             const filteredChildren = React.Children.toArray(childrenWithIndex).filter(filterChildren);
-            return (Object.assign(Object.assign({}, child), { props: Object.assign(Object.assign({}, child.props), { children: filteredChildren }) }));
+            return ({ ...child, props: { ...child.props, children: filteredChildren } });
         }
         return child;
     });
@@ -60,7 +60,7 @@ export const TableColumnManagement = (props) => {
     return (React.createElement("table", { className: classesNames },
         !!headers && (React.createElement("thead", null,
             React.createElement("tr", null, headersFiltered.sort(sortHeader).map((head, index) => (React.createElement("th", { key: `th-${index}`, scope: "col", className: classNames(nowrap && 'white-space-nowrap flex-nowrap') }, head.allowOrder
-                ? React.createElement(ColumnOrder, { id: head.id, label: head.title, active: orderId === head.id, order: orderId === head.id ? orderType : 'desc', onChange: onChangeOrder })
+                ? React.createElement(ColumnOrder, { id: head.id, label: head.title, active: orderId === head.id, order: orderId === head.id ? orderType : 'desc', onChange: onChangeOrder, disabled: disabled || false })
                 : head.title)))))),
         !!body && !childrenFiltered && (React.createElement("tbody", null, body.map((item, index) => {
             return (React.createElement("tr", { key: `tr-${index}` }, Object.keys(item)

package/dist/molecules/table.js

@@ -1,14 +1,3 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 import React, { useCallback } from 'react';
 import classNames from 'classnames';
 import { TableColumnManagement } from './table-column-management';
@@ -30,7 +19,10 @@ export const Table = (props) => {
                 attributes: null,
                 allowOrder: false
             }
-            : Object.assign(Object.assign({}, head), { attributes: null })))
+            : {
+                ...head,
+                attributes: null
+            }))
         : headerArgs;
     const render = (value) => {
         if (!(value.attributes))
@@ -52,18 +44,19 @@ export const Table = (props) => {
             !!header && (React.createElement("thead", null,
                 React.createElement("tr", null, headers.map((head, index) => {
                     var _a, _b, _c, _d;
-                    return (React.createElement("th", Object.assign({ key: `th-${index}`, scope: "col" }, Object.assign(Object.assign({}, (_a = attributes === null || attributes === void 0 ? void 0 : attributes.thead) === null || _a === void 0 ? void 0 : _a.th), (_b = head.attributes) === null || _b === void 0 ? void 0 : _b.th), { className: handleClass((_c = attributes === null || attributes === void 0 ? void 0 : attributes.thead) === null || _c === void 0 ? void 0 : _c.th, (_d = head.attributes) === null || _d === void 0 ? void 0 : _d.th) }), head.allowOrder
-                        ? React.createElement(ColumnOrder, { id: head.id, label: head.title, active: orderId === head.id, order: orderId === head.id ? orderType : 'desc', onChange: callbackChangeOrder })
+                    return (React.createElement("th", { key: `th-${index}`, scope: "col", ...{ ...(_a = attributes === null || attributes === void 0 ? void 0 : attributes.thead) === null || _a === void 0 ? void 0 : _a.th, ...(_b = head.attributes) === null || _b === void 0 ? void 0 : _b.th }, className: handleClass((_c = attributes === null || attributes === void 0 ? void 0 : attributes.thead) === null || _c === void 0 ? void 0 : _c.th, (_d = head.attributes) === null || _d === void 0 ? void 0 : _d.th) }, head.allowOrder
+                        ? React.createElement(ColumnOrder, { id: head.id, label: head.title, active: orderId === head.id, order: orderId === head.id ? orderType : 'desc', onChange: callbackChangeOrder, disabled: disabled || false })
                         : head.title));
                 })))),
-            !!body && !children && (React.createElement("tbody", null, body.map((_a, index) => {
-                var { attributes: attrs = null } = _a, item = __rest(_a, ["attributes"]);
-                return (React.createElement("tr", { key: `tr-${index}` }, Object.keys(item).map((key, idx) => {
-                    var _a, _b, _c, _d, _e, _f;
-                    return (React.createElement("td", Object.assign({ key: `td-${index}-${idx}`, scope: "row" }, Object.assign(Object.assign(Object.assign({}, (_a = attributes === null || attributes === void 0 ? void 0 : attributes.tbody) === null || _a === void 0 ? void 0 : _a.td), attrs === null || attrs === void 0 ? void 0 : attrs.td), (_c = (_b = item[key]) === null || _b === void 0 ? void 0 : _b.attributes) === null || _c === void 0 ? void 0 : _c.td), { className: handleClass((_d = attributes === null || attributes === void 0 ? void 0 : attributes.tbody) === null || _d === void 0 ? void 0 : _d.td, attrs === null || attrs === void 0 ? void 0 : attrs.td, (_f = (_e = item[key]) === null || _e === void 0 ? void 0 : _e.attributes) === null || _f === void 0 ? void 0 : _f.td) }), render(item[key])));
-                })));
-            }))),
+            !!body && !children && (React.createElement("tbody", null, body.map(({ attributes: attrs = null, ...item }, index) => (React.createElement("tr", { key: `tr-${index}` }, Object.keys(item).map((key, idx) => {
+                var _a, _b, _c, _d, _e, _f;
+                return (React.createElement("td", { key: `td-${index}-${idx}`, scope: "row", ...{
+                        ...(_a = attributes === null || attributes === void 0 ? void 0 : attributes.tbody) === null || _a === void 0 ? void 0 : _a.td,
+                        ...attrs === null || attrs === void 0 ? void 0 : attrs.td,
+                        ...(_c = (_b = item[key]) === null || _b === void 0 ? void 0 : _b.attributes) === null || _c === void 0 ? void 0 : _c.td
+                    }, className: handleClass((_d = attributes === null || attributes === void 0 ? void 0 : attributes.tbody) === null || _d === void 0 ? void 0 : _d.td, attrs === null || attrs === void 0 ? void 0 : attrs.td, (_f = (_e = item[key]) === null || _e === void 0 ? void 0 : _e.attributes) === null || _f === void 0 ? void 0 : _f.td) }, render(item[key])));
+            })))))),
             children && !body && (React.createElement("tbody", null, children))));
     }
-    return React.createElement(TableColumnManagement, Object.assign({}, props, { columnManagement: props.columnManagement || { columnsOrder: [], hiddenColumns: [] }, tableOrder: { orderId, orderType, onChange: callbackChangeOrder }, disabled: disabled }));
+    return React.createElement(TableColumnManagement, { ...props, columnManagement: props.columnManagement || { columnsOrder: [], hiddenColumns: [] }, tableOrder: { orderId, orderType, onChange: callbackChangeOrder }, disabled: disabled });
 };

package/dist/utils/object-helper.js

@@ -20,7 +20,7 @@ class ObjectHelper {
     }
     destruct(obj, ...keys) {
         // @ts-ignore
-        return keys.reduce((a, c) => (Object.assign(Object.assign({}, a), (obj[c] && { [c]: obj[c] }))), {});
+        return keys.reduce((a, c) => ({ ...a, ...(obj[c] && { [c]: obj[c] }) }), {});
     }
 }
 export default new ObjectHelper();

package/dist/utils/window-helper.js

@@ -1,13 +1,14 @@
 class WindowHelper {
     isMobile() {
-        if (navigator.userAgent.match(/Android/i)
-            || navigator.userAgent.match(/webOS/i)
-            || navigator.userAgent.match(/iPhone/i)
-            || navigator.userAgent.match(/iPad/i)
-            || navigator.userAgent.match(/iPod/i)
-            || navigator.userAgent.match(/BlackBerry/i)
-            || navigator.userAgent.match(/Windows Phone/i))
+        if (navigator.userAgent.match(/Android/i) ||
+            navigator.userAgent.match(/webOS/i) ||
+            navigator.userAgent.match(/iPhone/i) ||
+            navigator.userAgent.match(/iPad/i) ||
+            navigator.userAgent.match(/iPod/i) ||
+            navigator.userAgent.match(/BlackBerry/i) ||
+            navigator.userAgent.match(/Windows Phone/i)) {
             return true;
+        }
         return false;
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.2.34",
+  "version": "0.2.36",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",
@@ -25,7 +25,7 @@
     "@storybook/addon-links": "^6.4.9",
     "@storybook/react": "^6.4.9",
     "@types/react": "^17.0.30",
-    "@types/react-alert": "^5.2.1",
+    "@types/react-alert": "^7.0.6",
     "@types/react-datepicker": "^4.3.2",
     "@types/react-dom": "^17.0.11",
     "@types/react-input-mask": "^3.0.1",