@dilicorp/ui 0.0.55 → 0.0.57

package/dist/molecules/dropdown/dropdown.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import React from 'react';
 import classNames from 'classnames';
 import { DropdownItem } from './dropdown-item';
@@ -28,17 +29,15 @@ export const Dropdown = (props) => {
         };
     }, [toggle]);
     const classesDropdown = classNames('dropdown-menu', align, toggle && 'show');
-    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)));
-        }))));
+    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));
 };

package/dist/molecules/field.js

@@ -1,6 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export const Field = ({ value, label }) => {
-    return (React.createElement("div", { className: "form-group" },
-        React.createElement("div", { className: "form-label bold" }, label),
-        Boolean(value) && React.createElement("div", { className: "mb-3" }, value)));
+    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));
 };

package/dist/molecules/paginate.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import ReactPagination from 'react-js-pagination';
 import uriHelper from '../utils/uri-helper';
 import { useLocation, useNavigate } from 'react-router-dom';
@@ -32,7 +32,5 @@ 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("div", { className: "extra-paginate-info" }, translate.replace(/%(\d+)/g, (_, n) => [`${String(from)} - ${String(to)}`, String(totalItems)][+n - 1]))));
+    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));
 };

package/dist/molecules/table.js

@@ -9,6 +9,7 @@ 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) => {
@@ -79,20 +80,16 @@ export const Table = (props) => {
         return child;
     });
     const headersFiltered = headers.filter(filterHeader);
-    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))));
+    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));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dilicorp/ui",
-  "version": "0.0.55",
+  "version": "0.0.57",
   "description": "A simple UI design for Dilicorp",
   "repository": {
     "type": "git",

package/tsconfig.json

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