@dilicorp/ui 0.0.57 → 0.0.59

package/dist/molecules/dropdown/dropdown.js

@@ -1,4 +1,3 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classNames from 'classnames';
 import { DropdownItem } from './dropdown-item';
@@ -29,15 +28,17 @@ export const Dropdown = (props) => {
         };
     }, [toggle]);
     const classesDropdown = classNames('dropdown-menu', align, toggle && 'show');
-    return (_jsxs("div", Object.assign({ ref: ref, className: "dropdown" }, { children: [_jsx(Tag, Object.assign({ className: classes, onClick: handleClick }, { children: label }), void 0), _jsx("div", Object.assign({ className: classesDropdown }, { children: items.map((item, index) => {
-                    const _item = Object.assign(Object.assign({}, item), { onClick: 'onClick' in item
-                            ? () => {
-                                setToggle(false);
-                                item.onClick();
-                            }
-                            : () => {
-                                setToggle(false);
-                            } });
-                    return (_jsx(DropdownItem, Object.assign({}, _item), `dropdown-item-${index}`));
-                }) }), void 0)] }), void 0));
+    return (React.createElement("div", { ref: ref, className: "dropdown" },
+        React.createElement(Tag, { className: classes, onClick: handleClick }, label),
+        React.createElement("div", { className: classesDropdown }, items.map((item, index) => {
+            const _item = Object.assign(Object.assign({}, item), { onClick: 'onClick' in item
+                    ? () => {
+                        setToggle(false);
+                        item.onClick();
+                    }
+                    : () => {
+                        setToggle(false);
+                    } });
+            return (React.createElement(DropdownItem, Object.assign({ key: `dropdown-item-${index}` }, _item)));
+        }))));
 };

package/dist/molecules/field.js

@@ -1,4 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 export const Field = ({ value, label }) => {
-    return (_jsxs("div", Object.assign({ className: "form-group" }, { children: [_jsx("div", Object.assign({ className: "form-label bold" }, { children: label }), void 0), Boolean(value) && _jsx("div", Object.assign({ className: "mb-3" }, { children: value }), void 0)] }), void 0));
+    return (React.createElement("div", { className: "form-group" },
+        React.createElement("div", { className: "form-label bold" }, label),
+        Boolean(value) && React.createElement("div", { className: "mb-3" }, value)));
 };

package/dist/molecules/paginate.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
 import ReactPagination from 'react-js-pagination';
 import uriHelper from '../utils/uri-helper';
 import { useLocation, useNavigate } from 'react-router-dom';
@@ -32,5 +32,7 @@ export const Paginate = (props) => {
             });
         }
     };
-    return (_jsxs("div", Object.assign({ className: "box-paginate" }, { children: [_jsx(ReactPagination, Object.assign({}, config, { activePage: activePage, itemsCountPerPage: perPage, totalItemsCount: totalItems, onChange: handleChange }), void 0), _jsx("div", Object.assign({ className: "extra-paginate-info" }, { children: translate.replace(/%(\d+)/g, (_, n) => [`${String(from)} - ${String(to)}`, String(totalItems)][+n - 1]) }), void 0)] }), void 0));
+    return (React.createElement("div", { className: "box-paginate" },
+        React.createElement(ReactPagination, Object.assign({}, config, { activePage: activePage, itemsCountPerPage: perPage, totalItemsCount: totalItems, onChange: handleChange })),
+        React.createElement("div", { className: "extra-paginate-info" }, translate.replace(/%(\d+)/g, (_, n) => [`${String(from)} - ${String(to)}`, String(totalItems)][+n - 1]))));
 };

package/dist/molecules/table.js

@@ -9,7 +9,6 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classNames from 'classnames';
 export const Table = (props) => {
@@ -80,16 +79,20 @@ export const Table = (props) => {
         return child;
     });
     const headersFiltered = headers.filter(filterHeader);
-    return (_jsxs("table", Object.assign({ className: classesNames }, { children: [!!header && (_jsx("thead", { children: _jsx("tr", { children: headersFiltered.sort(sortHeader).map((head, index) => {
-                        var _a, _b, _c, _d;
-                        return (_jsx("th", Object.assign({ 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) }, { children: head.title }), `th-${index}`));
-                    }) }, void 0) }, void 0)), !!body && !childrenFiltered && (_jsx("tbody", { children: body.map((_a, index) => {
-                    var { attributes: attrs = null } = _a, item = __rest(_a, ["attributes"]);
-                    return (_jsx("tr", { children: Object.keys(item)
-                            .filter(filterBody)
-                            .sort(sortBody).map((key, idx) => {
-                            var _a, _b, _c, _d, _e, _f;
-                            return (_jsx("td", Object.assign({ 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) }, { children: render(item[key]) }), `td-${index}-${idx}`));
-                        }) }, `tr-${index}`));
-                }) }, void 0)), childrenFiltered && !body && (_jsx("tbody", { children: childrenFiltered }, void 0))] }), void 0));
+    return (React.createElement("table", { className: classesNames },
+        !!header && (React.createElement("thead", null,
+            React.createElement("tr", null, headersFiltered.sort(sortHeader).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.title));
+            })))),
+        !!body && !childrenFiltered && (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)
+                .filter(filterBody)
+                .sort(sortBody).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])));
+            })));
+        }))),
+        childrenFiltered && !body && (React.createElement("tbody", null, childrenFiltered))));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.0.57",
+  "version": "0.0.59",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",
@@ -48,9 +48,9 @@
     "git-commit-msg-linter": "^3.2.8",
     "husky": "^7.0.4",
     "lint-staged": "^11.2.6",
-    "react": "^17.0.2",
+    "react": "^18.2.0",
     "react-docgen-typescript-loader": "^3.7.2",
-    "react-dom": "^17.0.2",
+    "react-dom": "^18.2.0",
     "react-router-dom": "^6.0.2",
     "sass": "^1.43.4",
     "sass-loader": "^10.1.1",
@@ -79,8 +79,8 @@
     "yup": "^0.32.11"
   },
   "peerDependencies": {
-    "react": ">=17.0.2",
-    "react-dom": ">=17.0.2",
+    "react": ">=^18.2.0",
+    "react-dom": ">=^18.2.0",
     "react-router-dom": ">=6.0.2"
   },
   "scripts": {

package/tsconfig.json

@@ -14,7 +14,7 @@
     "module": "es6",
     "lib": ["es6", "dom", "dom.iterable"],
     "allowJs": true,
-    "jsx": "react-jsx",
+    "jsx": "react",
     "declaration": true,
     "declarationMap": true,
     "sourceMap": false,