infinity-forge 0.7.0 → 0.7.2

package/dist/system/presentation/components/pages/users/page.js

@@ -20,13 +20,16 @@ function UserPageComponent() {
             requireUser: true,
         },
         configs: {
+            addButton: {
+                text: 'Adicionar nova licitação',
+            },
             errorMessage: 'Nenhum usuário encontrado.',
         },
         columnsConfiguration: {
             columns: table_1.columns,
             actions: {
-                edit: editTable,
-                create: createTable,
+                edit: { link: { href: function (state) { return 'usuario/' + state.id; }, text: 'Teste edit' } },
+                create: { link: { href: 't', text: 'wow', icon: 'CheckListIcon' } },
                 delete: executeDelete,
             },
         },

package/dist/system/presentation/components/pages/users/page.js.map

@@ -1 +1 @@
-{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/pages/users/page.tsx"],"names":[],"mappings":";;;;AAEA,mCASiB;AACjB,iCAA+D;AAC/D,yCAA+C;AAE/C,SAAgB,iBAAiB;IAC/B,IAAM,QAAQ,GAAG,aAAa,CAAA;IAEtB,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IAC/B,IAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,QAAQ,CAAC,CAAC;IACzC,IAAM,WAAW,GAAG,IAAA,uBAAc,EAAC,QAAQ,CAAC,CAAC;IACrC,IAAA,aAAa,GAAK,IAAA,sBAAc,EAAC,QAAQ,CAAC,cAA7B,CAA6B;IAE1C,IAAA,KAAK,GAAK,IAAA,iBAAQ,EAA2B;QACnD,KAAK,EAAE;YACL,IAAI,MAAA;YACJ,KAAK,gBAAA;YACL,QAAQ,UAAA;YACR,SAAS,oBAAA;YACT,WAAW,EAAE,IAAI;SAClB;QACD,OAAO,EAAE;YACP,YAAY,EAAE,4BAA4B;SAC3C;QACD,oBAAoB,EAAE;YACpB,OAAO,iBAAA;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;gBACf,MAAM,EAAE,WAAW;gBACnB,MAAM,EAAE,aAAa;aACtB;SACF;KACF,CAAC,MAnBW,CAmBX;IAEF,OAAO,CACL,uBAAC,yBAAgB,cACf,uBAAC,eAAM,cACL,uBAAC,oBAAW,IAAC,KAAK,EAAC,eAAU,YAAE,KAAK,GAAe,GAC5C,GACQ,CACpB,CAAA;AACH,CAAC;AApCD,8CAoCC"}
+{"version":3,"file":"page.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/pages/users/page.tsx"],"names":[],"mappings":";;;;AAEA,mCAAgH;AAChH,iCAA+D;AAC/D,yCAA+C;AAE/C,SAAgB,iBAAiB;IAC/B,IAAM,QAAQ,GAAG,aAAa,CAAA;IAEtB,IAAA,IAAI,GAAK,IAAA,qBAAY,GAAE,KAAnB,CAAmB;IAC/B,IAAM,SAAS,GAAG,IAAA,oBAAY,EAAC,QAAQ,CAAC,CAAA;IACxC,IAAM,WAAW,GAAG,IAAA,uBAAc,EAAC,QAAQ,CAAC,CAAA;IACpC,IAAA,aAAa,GAAK,IAAA,sBAAc,EAAC,QAAQ,CAAC,cAA7B,CAA6B;IAE1C,IAAA,KAAK,GAAK,IAAA,iBAAQ,EAA2B;QACnD,KAAK,EAAE;YACL,IAAI,MAAA;YACJ,KAAK,gBAAA;YACL,QAAQ,UAAA;YACR,SAAS,oBAAA;YACT,WAAW,EAAE,IAAI;SAClB;QACD,OAAO,EAAE;YACP,SAAS,EAAE;gBACT,IAAI,EAAE,0BAA0B;aACjC;YACD,YAAY,EAAE,4BAA4B;SAC3C;QACD,oBAAoB,EAAE;YACpB,OAAO,iBAAA;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,UAAC,KAAK,IAAK,OAAA,UAAU,GAAG,KAAK,CAAC,EAAE,EAArB,CAAqB,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE;gBAC9E,MAAM,EAAE,EAAE,IAAI,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,eAAe,EAAE,EAAE;gBACnE,MAAM,EAAE,aAAa;aACtB;SACF;KACF,CAAC,MAtBW,CAsBX;IAEF,OAAO,CACL,uBAAC,yBAAgB,cACf,uBAAC,eAAM,cACL,uBAAC,oBAAW,IAAC,KAAK,EAAC,eAAU,YAAE,KAAK,GAAe,GAC5C,GACQ,CACpB,CAAA;AACH,CAAC;AAvCD,8CAuCC"}

package/dist/system/presentation/components/pages/users/table/create.js

@@ -65,9 +65,7 @@ function useCreateTable(queryKey) {
                 { name: 'firstName', inputComponent: 'Input', type: 'text', label: 'Primeiro Nome' },
                 { name: 'lastName', inputComponent: 'Input', type: 'text', label: 'Sobrenome' },
             ],
-            [
-                { name: 'password', inputComponent: 'InputPassword', type: 'password', label: 'Senha' },
-            ],
+            [{ name: 'password', inputComponent: 'InputPassword', type: 'password', label: 'Senha' }],
         ],
     };
     return createTable;

package/dist/system/presentation/components/pages/users/table/create.js.map

@@ -1 +1 @@
-{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/users/table/create.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA+B;AAC/B,mCAA8D;AAI9D,SAAgB,cAAc,CAAC,QAAgB;IAA/C,iBA2BC;IA1BS,IAAA,WAAW,GAAK,IAAA,aAAQ,GAAE,YAAf,CAAe;IAElC,IAAM,WAAW,GAAkC;QACjD,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QACzB,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;QAClC,QAAQ,EAAE,UAAO,IAAI;;;4BACnB,qBAAM,kBAAS,CAAC,GAAG,CAAc,cAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAA;;wBAAhE,SAAgE,CAAA;wBAEhE,IAAA,YAAM,EAAC,QAAQ,CAAC,CAAA;wBAEhB,WAAW,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;;;;aACnE;QACD,MAAM,EAAE;YACN,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;YAClF;gBACE,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;gBACpF,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;aAChF;YACD;gBACE,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE;aACxF;SACF;KACF,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC;AA3BD,wCA2BC"}
+{"version":3,"file":"create.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/pages/users/table/create.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2BAA4B;AAE5B,2BAA+B;AAC/B,mCAA8D;AAI9D,SAAgB,cAAc,CAAC,QAAgB;IAA/C,iBAyBC;IAxBS,IAAA,WAAW,GAAK,IAAA,aAAQ,GAAE,YAAf,CAAe;IAElC,IAAM,WAAW,GAAkC;QACjD,KAAK,EAAE,eAAe;QACtB,MAAM,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE;QACzB,WAAW,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE;QAClC,QAAQ,EAAE,UAAO,IAAI;;;4BACnB,qBAAM,kBAAS,CAAC,GAAG,CAAc,cAAK,CAAC,WAAW,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAA;;wBAAhE,SAAgE,CAAA;wBAEhE,IAAA,YAAM,EAAC,QAAQ,CAAC,CAAA;wBAEhB,WAAW,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,MAAM,EAAE,SAAS,EAAE,CAAC,CAAA;;;;aACnE;QACD,MAAM,EAAE;YACN,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;YAClF;gBACE,EAAE,IAAI,EAAE,WAAW,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,eAAe,EAAE;gBACpF,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;aAChF;YACD,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,cAAc,EAAE,eAAe,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC;SAC1F;KACF,CAAA;IAED,OAAO,WAAW,CAAA;AACpB,CAAC;AAzBD,wCAyBC"}

package/dist/system/presentation/hooks/ui/use-table/components/table/actions/index.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -55,10 +78,13 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var link_1 = __importDefault(require("next/link"));
 var semantic_ui_react_1 = require("semantic-ui-react");
+var ui_1 = require("@/ui");
 var dynamic_form_handler_1 = require("@/ui/components/form/handler/dynamic_form_handler");
+var S = __importStar(require("./styles"));
 function Actions(_a) {
+    var _b;
     var actions = _a.actions, table = _a.table;
-    var _b = (0, react_1.useState)(false), openEdit = _b[0], setOpenEdit = _b[1];
+    var _c = (0, react_1.useState)(false), openEdit = _c[0], setOpenEdit = _c[1];
     function onSuccessEdit(data) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -72,7 +98,8 @@ function Actions(_a) {
             });
         });
     }
-    return ((0, jsx_runtime_1.jsxs)("td", { style: { width: '100px' }, children: [actions.edit && ((0, jsx_runtime_1.jsx)(semantic_ui_react_1.Modal, { open: openEdit, onClose: function () { return setOpenEdit(false); }, style: { maxWidth: 512, borderRadius: 10 }, trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: "Editar" }), content: (0, jsx_runtime_1.jsx)(dynamic_form_handler_1.DynamicFormHandler, __assign({}, actions.edit, { onSucess: onSuccessEdit, tableItem: table })), onOpen: function () { return setOpenEdit(true); } })), actions.detail && (0, jsx_runtime_1.jsx)(link_1.default, { href: actions.detail(table), children: "Detalhe" }), actions.delete && ((0, jsx_runtime_1.jsx)("button", { type: 'button', onClick: function () { return actions.delete(table); }, children: "Excluir" }))] }));
+    return ((0, jsx_runtime_1.jsx)(S.Actions, { children: (0, jsx_runtime_1.jsxs)("div", { children: [actions.edit &&
+                    (((_b = actions.edit) === null || _b === void 0 ? void 0 : _b.link) ? ((0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Editar', trigger: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'action-button', href: actions.edit.link.href(table), children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }) }) })) : ((0, jsx_runtime_1.jsx)(semantic_ui_react_1.Modal, { open: openEdit, onClose: function () { return setOpenEdit(false); }, style: { maxWidth: 512, borderRadius: 10 }, trigger: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Editar', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEdit' }) }) }), content: (0, jsx_runtime_1.jsx)(dynamic_form_handler_1.DynamicFormHandler, __assign({}, actions.edit, { onSucess: onSuccessEdit, tableItem: table })), onOpen: function () { return setOpenEdit(true); } }))), actions.detail && ((0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)(link_1.default, { className: 'action-button', href: actions.detail(table), children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconEye' }) }) })), actions.delete && ((0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Excluir', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: function () { return actions.delete(table); }, type: 'button', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDelete' }) }) }))] }) }));
 }
 exports.Actions = Actions;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/actions/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,mDAA4B;AAE5B,uDAAyC;AAEzC,0FAAuF;AAEvF,SAAgB,OAAO,CAAC,EAAyD;QAAvD,OAAO,aAAA,EAAE,KAAK,WAAA;IAChC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAC;IAEhD,SAAe,aAAa,CAAC,IAAI;;;;4BAC/B,qBAAM,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA;;wBAAjC,SAAiC,CAAC;wBAElC,WAAW,CAAC,KAAK,CAAC,CAAA;;;;;KACnB;IAED,OAAO,CACL,gCAAI,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,aAE1B,OAAO,CAAC,IAAI,IAAI,CACf,uBAAC,yBAAK,IACJ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EACjC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAC1C,OAAO,EAAE,mCAAQ,IAAI,EAAC,QAAQ,uBAAgB,EAC9C,OAAO,EAAE,uBAAC,yCAAkB,eAAK,OAAO,CAAC,IAAI,IAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,IAAG,EAC3F,MAAM,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,GAC/B,CACH,EAEA,OAAO,CAAC,MAAM,IAAI,uBAAC,cAAI,IAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,wBAAgB,EACnE,OAAO,CAAC,MAAM,IAAI,CACjB,mCAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAArB,CAAqB,wBAEjD,CACV,IACE,CACN,CAAA;AACH,CAAC;AA/BD,0BA+BC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAChC,mDAA4B;AAE5B,uDAAgD;AAEhD,2BAA2B;AAC3B,0FAAsF;AAItF,0CAA6B;AAE7B,SAAgB,OAAO,CAAC,EAAyD;;QAAvD,OAAO,aAAA,EAAE,KAAK,WAAA;IAChC,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,QAAQ,QAAA,EAAE,WAAW,QAAmB,CAAA;IAE/C,SAAe,aAAa,CAAC,IAAI;;;;4BAC/B,qBAAM,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA;;wBAAjC,SAAiC,CAAA;wBAEjC,WAAW,CAAC,KAAK,CAAC,CAAA;;;;;KACnB;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,OAAO,cACR,4CACG,OAAO,CAAC,IAAI;oBACX,CAAC,CAAA,MAAA,OAAO,CAAC,IAAI,0CAAE,IAAI,EAAC,CAAC,CAAC,CACpB,uBAAC,yBAAK,IACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EACL,uBAAC,cAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,YACjE,uBAAC,SAAI,IAAC,IAAI,EAAE,UAAU,GAAI,GACrB,GAET,CACH,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAK,IACJ,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,KAAK,CAAC,EAAlB,CAAkB,EACjC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAC1C,OAAO,EACL,uBAAC,yBAAK,IACJ,OAAO,EAAC,QAAQ,EAChB,OAAO,EACL,mCAAQ,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,YAC7C,uBAAC,SAAI,IAAC,IAAI,EAAC,UAAU,GAAG,GACjB,GAEX,EAEJ,OAAO,EAAE,uBAAC,yCAAkB,eAAK,OAAO,CAAC,IAAI,IAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,KAAK,IAAI,EAC5F,MAAM,EAAE,cAAM,OAAA,WAAW,CAAC,IAAI,CAAC,EAAjB,CAAiB,GAC/B,CACH,CAAC,EAEH,OAAO,CAAC,MAAM,IAAI,CACjB,uBAAC,yBAAK,IACJ,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,uBAAC,cAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,YACzD,uBAAC,SAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GAClB,GAET,CACH,EAEA,OAAO,CAAC,MAAM,IAAI,CACjB,uBAAC,yBAAK,IACJ,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,mCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,OAAO,CAAC,MAAM,CAAC,KAAK,CAAC,EAArB,CAAqB,EAAE,IAAI,EAAC,QAAQ,YACnF,uBAAC,SAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,GAEX,CACH,IACG,GACI,CACb,CAAA;AACH,CAAC;AAlED,0BAkEC"}

package/dist/system/presentation/hooks/ui/use-table/components/table/actions/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Actions: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLTableDataCellElement>;
+}, never>>;

package/dist/system/presentation/hooks/ui/use-table/components/table/actions/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Actions = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Actions = (0, styled_components_1.default)('td')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n\n  > div {\n    display: flex;\n    align-content: center;\n    justify-content: flex-end;\n\n    .action-button + .action-button {\n      margin-left: 10px;\n    }\n  }\n\n  .action-button {\n    border: 0;\n    padding: 0;\n    background: #e1e1e1;\n    color: #828282;\n    width: 30px;\n    height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 5px;\n    padding: 8px;\n    cursor: pointer;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n\n    & + & {\n      margin-left: 10px;\n    }\n  }\n"], ["\n  width: 100%;\n\n  > div {\n    display: flex;\n    align-content: center;\n    justify-content: flex-end;\n\n    .action-button + .action-button {\n      margin-left: 10px;\n    }\n  }\n\n  .action-button {\n    border: 0;\n    padding: 0;\n    background: #e1e1e1;\n    color: #828282;\n    width: 30px;\n    height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 5px;\n    padding: 8px;\n    cursor: pointer;\n\n    svg {\n      width: 100%;\n      height: auto;\n      fill: currentColor;\n    }\n\n    & + & {\n      margin-left: 10px;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/actions/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/actions/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,IAAI,CAAC,yqBAAA,smBAqClC,KAAA"}

package/dist/system/presentation/hooks/ui/use-table/components/table/create/index.d.ts

@@ -1,4 +1,5 @@
-import { ActionsTable } from '../../../interfaces';
-export declare function CreateAction({ actions }: {
+import { ActionsTable, IAddButton } from '../../../interfaces';
+export declare function CreateAction({ actions, addButton }: {
     actions: ActionsTable;
+    addButton: IAddButton;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/hooks/ui/use-table/components/table/create/index.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -46,15 +69,22 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CreateAction = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var semantic_ui_react_1 = require("semantic-ui-react");
+var ui_1 = require("@/ui");
 var dynamic_form_handler_1 = require("@/ui/components/form/handler/dynamic_form_handler");
+var link_1 = __importDefault(require("next/link"));
+var S = __importStar(require("./styles"));
 function CreateAction(_a) {
-    var actions = _a.actions;
-    var _b = (0, react_1.useState)(false), openCreate = _b[0], setOpenCreate = _b[1];
+    var _b, _c, _d;
+    var actions = _a.actions, addButton = _a.addButton;
+    var _e = (0, react_1.useState)(false), openCreate = _e[0], setOpenCreate = _e[1];
     function onSuccessCreate(data) {
         return __awaiter(this, void 0, void 0, function () {
             return __generator(this, function (_a) {
@@ -68,7 +98,8 @@ function CreateAction(_a) {
             });
         });
     }
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: actions.create && ((0, jsx_runtime_1.jsx)(semantic_ui_react_1.Modal, { open: openCreate, onClose: function () { return setOpenCreate(false); }, style: { maxWidth: 512, borderRadius: 10 }, trigger: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: "Criar" }), content: (0, jsx_runtime_1.jsx)(dynamic_form_handler_1.DynamicFormHandler, __assign({}, actions.create, { onSucess: onSuccessCreate })), onOpen: function () { return setOpenCreate(true); } })) }));
+    return ((0, jsx_runtime_1.jsx)(S.Create, { children: actions.create &&
+            (((_b = actions.create) === null || _b === void 0 ? void 0 : _b.link) ? ((0, jsx_runtime_1.jsxs)(link_1.default, { className: 'create-button', href: actions.create.link, children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: ((_d = (_c = actions === null || actions === void 0 ? void 0 : actions.create) === null || _c === void 0 ? void 0 : _c.link) === null || _d === void 0 ? void 0 : _d.icon) || 'IconPlusSharp' }) }), actions.create.link.text] })) : ((0, jsx_runtime_1.jsx)(semantic_ui_react_1.Modal, { open: openCreate, onClose: function () { return setOpenCreate(false); }, style: { maxWidth: 512, borderRadius: 10 }, trigger: (0, jsx_runtime_1.jsxs)("button", { className: 'create-button', type: 'button', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: (addButton === null || addButton === void 0 ? void 0 : addButton.icon) || 'IconPlusSharp' }) }), addButton.text] }), content: (0, jsx_runtime_1.jsx)(dynamic_form_handler_1.DynamicFormHandler, __assign({}, actions.create, { onSucess: onSuccessCreate })), onOpen: function () { return setOpenCreate(true); } }))) }));
 }
 exports.CreateAction = CreateAction;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/create/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/create/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,uDAAyC;AAEzC,0FAAuF;AAEvF,SAAgB,YAAY,CAAC,EAAsC;QAApC,OAAO,aAAA;IAC9B,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,SAAe,eAAe,CAAC,IAAI;;;;4BACjC,qBAAM,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA;;wBAAnC,SAAmC,CAAA;wBAEnC,aAAa,CAAC,KAAK,CAAC,CAAA;;;;;KACrB;IAED,OAAO,CACL,2DACG,OAAO,CAAC,MAAM,IAAI,CACjB,uBAAC,yBAAK,IACJ,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EACnC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAC1C,OAAO,EAAE,mCAAQ,IAAI,EAAC,QAAQ,sBAAe,EAC7C,OAAO,EAAE,uBAAC,yCAAkB,eAAK,OAAO,CAAC,MAAM,IAAE,QAAQ,EAAE,eAAe,IAAI,EAC9E,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,GACjC,CACH,GACA,CACJ,CAAA;AACH,CAAC;AAvBD,oCAuBC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/create/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAgC;AAEhC,uDAAyC;AAEzC,2BAA2B;AAC3B,0FAAsF;AAItF,mDAA4B;AAE5B,0CAA6B;AAE7B,SAAgB,YAAY,CAAC,EAAwE;;QAAtE,OAAO,aAAA,EAAE,SAAS,eAAA;IACzC,IAAA,KAA8B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA5C,UAAU,QAAA,EAAE,aAAa,QAAmB,CAAA;IAEnD,SAAe,eAAe,CAAC,IAAI;;;;4BACjC,qBAAM,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAA;;wBAAnC,SAAmC,CAAA;wBAEnC,aAAa,CAAC,KAAK,CAAC,CAAA;;;;;KACrB;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,MAAM,cACN,OAAO,CAAC,MAAM;YACb,CAAC,CAAA,MAAA,OAAO,CAAC,MAAM,0CAAE,IAAI,EAAC,CAAC,CAAC,CACtB,wBAAC,cAAI,IAAC,SAAS,EAAC,eAAe,EAAC,IAAI,EAAE,OAAO,CAAC,MAAM,CAAC,IAAI,aACvD,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAE,CAAA,MAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,0CAAE,IAAI,0CAAE,IAAI,KAAI,eAAe,GAAI,GAC1D,EAEL,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,IACpB,CACR,CAAC,CAAC,CAAC,CACF,uBAAC,yBAAK,IACJ,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,cAAM,OAAA,aAAa,CAAC,KAAK,CAAC,EAApB,CAAoB,EACnC,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,EAC1C,OAAO,EACL,oCAAQ,SAAS,EAAC,eAAe,EAAC,IAAI,EAAC,QAAQ,aAC7C,gCAAK,SAAS,EAAC,MAAM,YACnB,uBAAC,SAAI,IAAC,IAAI,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,IAAI,KAAI,eAAe,GAAI,GAC9C,EAEL,SAAS,CAAC,IAAI,IACR,EAEX,OAAO,EAAE,uBAAC,yCAAkB,eAAK,OAAO,CAAC,MAAM,IAAE,QAAQ,EAAE,eAAe,IAAI,EAC9E,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,EAAnB,CAAmB,GACjC,CACH,CAAC,GACK,CACZ,CAAA;AACH,CAAC;AAxCD,oCAwCC"}

package/dist/system/presentation/hooks/ui/use-table/components/table/create/interfaces.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/system/presentation/hooks/ui/use-table/components/table/create/interfaces.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=interfaces.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/create/interfaces.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/create/interfaces.ts"],"names":[],"mappings":""}

package/dist/system/presentation/hooks/ui/use-table/components/table/create/styles.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+export declare const Create: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>;

package/dist/system/presentation/hooks/ui/use-table/components/table/create/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Create = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.Create = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: fit-content;\n  margin: 0 0 0 auto;\n\n  .create-button {\n    width: fit-content;\n    color: #fff;\n    background: #000000;\n    border-radius: 5px;\n    height: 40px;\n    border: 0;\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    cursor: pointer;\n    border: 1px solid currentColor;\n\n    .icon {\n      display: flex;\n      width: 10px;\n      height: 10px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n    }\n\n    &:hover {\n      transition: all 0.1s;\n      background: #fff;\n      color: #000000;\n      border: 1px solid currentColor;\n    }\n  }\n"], ["\n  width: fit-content;\n  margin: 0 0 0 auto;\n\n  .create-button {\n    width: fit-content;\n    color: #fff;\n    background: #000000;\n    border-radius: 5px;\n    height: 40px;\n    border: 0;\n    padding: 0 15px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 10px;\n    cursor: pointer;\n    border: 1px solid currentColor;\n\n    .icon {\n      display: flex;\n      width: 10px;\n      height: 10px;\n\n      svg {\n        width: 100%;\n        height: auto;\n        fill: currentColor;\n      }\n    }\n\n    &:hover {\n      transition: all 0.1s;\n      background: #fff;\n      color: #000000;\n      border: 1px solid currentColor;\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=styles.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/create/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/create/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,iwBAAA,8rBAsClC,KAAA"}

package/dist/system/presentation/hooks/ui/use-table/components/table/index.js

@@ -64,27 +64,27 @@ function Table(_a) {
     if (configs.isLoading) {
         return (0, jsx_runtime_1.jsx)(loader_table_1.LoaderTable, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'table-component', children: [(0, jsx_runtime_1.jsx)(create_1.CreateAction, { actions: columnsConfiguration.actions }), !configs.isLoading && (tableData === null || tableData === void 0 ? void 0 : tableData.length) === 0 && (configs === null || configs === void 0 ? void 0 : configs.errorMessage), tableData && (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 0 && ((0, jsx_runtime_1.jsxs)(S.Table, { children: [(0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(_d = columnsConfiguration.columns) === null || _d === void 0 ? void 0 : _d.map(function (colunm, index) {
-                                                    return ((0, jsx_runtime_1.jsx)(thead_item_1.THeadItem, { index: index, colunm: colunm, disableOrdenationTable: configs === null || configs === void 0 ? void 0 : configs.disableOrdenationTable }, colunm.id + index));
-                                                }), columnsConfiguration.actions && (0, jsx_runtime_1.jsx)("th", { style: { width: '100px' } })] }) }), !isFetching && tableItems && (tableItems === null || tableItems === void 0 ? void 0 : tableItems.length) !== 0 && ((0, jsx_runtime_1.jsx)("tbody", { children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (table, index) {
-                                            var _a;
-                                            return ((0, jsx_runtime_1.jsxs)("tr", { children: [(_a = columnsConfiguration.columns) === null || _a === void 0 ? void 0 : _a.map(function (e, i) {
-                                                        var _a, _b, _c, _d;
-                                                        function getProps() {
-                                                            var _a;
-                                                            var props = Object.keys(((_a = e.Component) === null || _a === void 0 ? void 0 : _a.props) || {}).reduce(function (reducer, property) {
+    return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'table-component', children: [(0, jsx_runtime_1.jsx)(S.TopActions, { className: 'top-actions', children: (0, jsx_runtime_1.jsx)(create_1.CreateAction, { actions: columnsConfiguration.actions, addButton: configs.addButton }) }), !configs.isLoading && (tableData === null || tableData === void 0 ? void 0 : tableData.length) === 0 && (configs === null || configs === void 0 ? void 0 : configs.errorMessage), tableData && (tableData === null || tableData === void 0 ? void 0 : tableData.length) > 0 && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(S.Table, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("table", { children: [(0, jsx_runtime_1.jsx)("thead", { children: (0, jsx_runtime_1.jsxs)("tr", { children: [(_d = columnsConfiguration.columns) === null || _d === void 0 ? void 0 : _d.map(function (colunm, index) {
+                                                        return ((0, jsx_runtime_1.jsx)(thead_item_1.THeadItem, { index: index, colunm: colunm, disableOrdenationTable: configs === null || configs === void 0 ? void 0 : configs.disableOrdenationTable }, colunm.id + index));
+                                                    }), columnsConfiguration.actions && (0, jsx_runtime_1.jsx)("th", { style: { width: '100px' } })] }) }), !isFetching && tableItems && (tableItems === null || tableItems === void 0 ? void 0 : tableItems.length) !== 0 && ((0, jsx_runtime_1.jsx)("tbody", { children: tableData === null || tableData === void 0 ? void 0 : tableData.map(function (table, index) {
+                                                var _a;
+                                                return ((0, jsx_runtime_1.jsxs)("tr", { children: [(_a = columnsConfiguration.columns) === null || _a === void 0 ? void 0 : _a.map(function (e, i) {
+                                                            var _a, _b, _c, _d;
+                                                            function getProps() {
                                                                 var _a;
-                                                                var newReducer = reducer;
-                                                                newReducer[property] = table[(_a = e.Component) === null || _a === void 0 ? void 0 : _a.props[property]];
-                                                                return __assign({}, newReducer);
-                                                            }, {});
-                                                            return props;
-                                                        }
-                                                        var props = ((_a = e.Component) === null || _a === void 0 ? void 0 : _a.allProps) ? table : ((_b = e.Component) === null || _b === void 0 ? void 0 : _b.props) ? getProps() : {};
-                                                        var defaultProps = ((_c = e.Component) === null || _c === void 0 ? void 0 : _c.defaultProps) ? (_d = e.Component) === null || _d === void 0 ? void 0 : _d.defaultProps : {};
-                                                        return ((0, jsx_runtime_1.jsx)("td", { className: 'font-14-regular', children: e.Component ? (0, jsx_runtime_1.jsx)(e.Component.Element, __assign({}, props, defaultProps)) : table[e.id] }, String(index) + String(i)));
-                                                    }), columnsConfiguration.actions && ((0, jsx_runtime_1.jsx)(actions_1.Actions, { actions: columnsConfiguration.actions, table: table }))] }, table.id + String(index)));
-                                        }) }))] }), isFetching && (0, jsx_runtime_1.jsx)(system_1.Skeleton, { type: 'table', spacing: 0 })] }), !(configs === null || configs === void 0 ? void 0 : configs.disablePagination) && ((0, jsx_runtime_1.jsx)("div", { className: 'pagination', children: (0, jsx_runtime_1.jsx)(pagination_1.Pagination, __assign({}, (configs.pagination || tableInformations.pagination))) }))] }))] }));
+                                                                var props = Object.keys(((_a = e.Component) === null || _a === void 0 ? void 0 : _a.props) || {}).reduce(function (reducer, property) {
+                                                                    var _a;
+                                                                    var newReducer = reducer;
+                                                                    newReducer[property] = table[(_a = e.Component) === null || _a === void 0 ? void 0 : _a.props[property]];
+                                                                    return __assign({}, newReducer);
+                                                                }, {});
+                                                                return props;
+                                                            }
+                                                            var props = ((_a = e.Component) === null || _a === void 0 ? void 0 : _a.allProps) ? table : ((_b = e.Component) === null || _b === void 0 ? void 0 : _b.props) ? getProps() : {};
+                                                            var defaultProps = ((_c = e.Component) === null || _c === void 0 ? void 0 : _c.defaultProps) ? (_d = e.Component) === null || _d === void 0 ? void 0 : _d.defaultProps : {};
+                                                            return ((0, jsx_runtime_1.jsx)("td", { className: 'font-14-regular', children: e.Component ? (0, jsx_runtime_1.jsx)(e.Component.Element, __assign({}, props, defaultProps)) : table[e.id] }, String(index) + String(i)));
+                                                        }), columnsConfiguration.actions && ((0, jsx_runtime_1.jsx)(actions_1.Actions, { actions: columnsConfiguration.actions, table: table }))] }, table.id + String(index)));
+                                            }) }))] }), isFetching && (0, jsx_runtime_1.jsx)(system_1.Skeleton, { type: 'table', spacing: 0 })] }) }), !(configs === null || configs === void 0 ? void 0 : configs.disablePagination) && ((0, jsx_runtime_1.jsx)(S.Pagination, { className: 'pagination', children: (0, jsx_runtime_1.jsx)(pagination_1.Pagination, __assign({}, (configs.pagination || tableInformations.pagination))) }))] }))] }));
 }
 exports.Table = Table;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAA4B;AAC5B,mCAAmC;AAEnC,qCAAmC;AACnC,mCAAuC;AACvC,2CAAwC;AACxC,2CAAyC;AACzC,+CAA4C;AAI5C,0CAA6B;AAE7B,SAAgB,KAAK,CAAC,EAA6E;;QAA3E,OAAO,aAAA,EAAE,UAAU,gBAAA,EAAE,oBAAoB,0BAAA,EAAE,iBAAiB,uBAAA;IAClF,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,aAAa,GAAG,CAAA,MAAA,CAAC,CAAC,MAAA,MAAM,CAAC,KAAK,0CAAE,MAAiB,KAAI,EAAE,CAAC,0CAAE,WAAW,EAAE,KAAI,EAAE,CAAA;IAEnF,IAAM,UAAU,GAAG,OAAO,CAAC,SAAS,KAAI,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,CAAA,CAAA;IAEhE,IAAM,YAAY,GAAG,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB;QAC9C,CAAC,CAAC,UAAU,IAAI,UAAU,CAAC,MAAM,GAAG,CAAC;YACnC,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,CAAC,UAAC,IAAI;;gBACtB,IAAM,YAAY,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;gBAErD,OAAO,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,EAAE,0CAAE,QAAQ,CAAC,aAAa,CAAC,CAAA;YAC7D,CAAC,CAAC;YACJ,CAAC,CAAC,IAAI;QACR,CAAC,CAAC,IAAI,CAAA;IAER,IAAM,SAAS,GAAG,YAAY,IAAI,UAAU,IAAI,EAAE,CAAA;IAElD,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC;QACtB,OAAO,uBAAC,0BAAW,KAAG,CAAA;IACxB,CAAC;IAED,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,iBAAiB,aAC3B,uBAAC,CAAC,CAAC,UAAU,IAAC,SAAS,EAAC,aAAa,YACnC,uBAAC,qBAAY,IAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,SAAS,EAAE,OAAO,CAAC,SAAS,GAAI,GACxE,EAEd,CAAC,OAAO,CAAC,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,MAAK,CAAC,KAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,CAAA,EAEtE,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,IAAG,CAAC,IAAI,CACrC,6DACE,uBAAC,CAAC,CAAC,KAAK,cACN,4CAKE,8CACE,4CACE,2CACG,MAAA,oBAAoB,CAAC,OAAO,0CAAE,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK;wDAC/C,OAAO,CACL,uBAAC,sBAAS,IAER,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,sBAAsB,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,sBAAsB,IAHjD,MAAM,CAAC,EAAU,GAAG,KAAK,CAI/B,CACH,CAAA;oDACH,CAAC,CAAC,EAED,oBAAoB,CAAC,OAAO,IAAI,+BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,GAAO,IAClE,GACC,EAEP,CAAC,UAAU,IAAI,UAAU,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,MAAK,CAAC,IAAI,CACxD,4CACG,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK;;gDAC3B,OAAO,CACL,2CACG,MAAA,oBAAoB,CAAC,OAAO,0CAAE,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC;;4DACtC,SAAS,QAAQ;;gEACf,IAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA,MAAA,CAAC,CAAC,SAAS,0CAAE,KAAK,KAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAC,OAAO,EAAE,QAAQ;;oEAC3E,IAAI,UAAU,GAAG,OAAO,CAAA;oEAExB,UAAU,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC,MAAA,CAAC,CAAC,SAAS,0CAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;oEAE1D,oBAAY,UAAU,EAAE;gEAC1B,CAAC,EAAE,EAAE,CAAC,CAAA;gEAEN,OAAO,KAAK,CAAA;4DACd,CAAC;4DAED,IAAM,KAAK,GAAG,CAAA,MAAA,CAAC,CAAC,SAAS,0CAAE,QAAQ,EAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAA,MAAA,CAAC,CAAC,SAAS,0CAAE,KAAK,EAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,CAAA;4DAClF,IAAM,YAAY,GAAG,CAAA,MAAA,CAAC,CAAC,SAAS,0CAAE,YAAY,EAAC,CAAC,CAAC,MAAA,CAAC,CAAC,SAAS,0CAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAA;4DAE/E,OAAO,CACL,+BAAI,SAAS,EAAC,iBAAiB,YAC5B,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,uBAAC,CAAC,CAAC,SAAS,CAAC,OAAO,eAAK,KAAK,EAAM,YAAY,EAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,IAD9C,MAAM,CAAC,KAAK,CAAC,GAAG,MAAM,CAAC,CAAC,CAAC,CAEzD,CACN,CAAA;wDACH,CAAC,CAAC,EAED,oBAAoB,CAAC,OAAO,IAAI,CAC/B,uBAAC,iBAAO,IAAC,OAAO,EAAE,oBAAoB,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,GAAI,CACjE,KA1BM,KAAK,CAAC,EAAE,GAAG,MAAM,CAAC,KAAK,CAAC,CA2B5B,CACN,CAAA;4CACH,CAAC,CAAC,GACI,CACT,IACK,EAEP,UAAU,IAAI,uBAAC,iBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,CAAC,GAAI,IAChD,GACE,EAET,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,iBAAiB,CAAA,IAAI,CAC9B,uBAAC,CAAC,CAAC,UAAU,IAAC,SAAS,EAAC,YAAY,YAClC,uBAAC,uBAAU,eAAK,CAAC,OAAO,CAAC,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAC,EAAI,GAC3D,CAChB,IACA,CACJ,IACK,CACT,CAAA;AACH,CAAC;AA5GD,sBA4GC"}

package/dist/system/presentation/hooks/ui/use-table/components/table/interfaces.d.ts

@@ -1,5 +1,5 @@
-import { List, Pagination } from "@/system";
-import { IUseTableProps } from "../../interfaces";
+import { List, Pagination } from '@/system';
+import { IUseTableProps } from '../../interfaces';
 type colunm = keyof any;
 interface IShowHiden {
     text: string;

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/index.d.ts

@@ -1,2 +1,2 @@
-import { PaginationModel } from "@/system";
-export declare function Pagination({ page, endPage, pageSize, totalItems, hasNextPage, hasPreviousPage, }: PaginationModel): import("react/jsx-runtime").JSX.Element;
+import { PaginationModel } from '@/system';
+export declare function Pagination({ page, endPage, pageSize, totalItems, hasNextPage, hasPreviousPage }: PaginationModel): import("react/jsx-runtime").JSX.Element;

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/index.js

@@ -42,9 +42,7 @@ function Pagination(_a) {
                 totalItems: totalItems,
                 hasNextPage: hasNextPage,
                 hasPreviousPage: hasPreviousPage,
-                currentPage: Number(router.query.pageIndex) <= 0 || !router.query.pageIndex
-                    ? 1
-                    : Number(router.query.pageIndex),
+                currentPage: Number(router.query.pageIndex) <= 0 || !router.query.pageIndex ? 1 : Number(router.query.pageIndex),
             }));
         }
     }, [router.isReady]);
@@ -54,15 +52,11 @@ function Pagination(_a) {
     if (!pagination || pagination.pages.length === 1) {
         return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
     }
-    return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { style: { display: page == 1 ? "none" : "block" }, onClick: function () { return onSelect(page - 1); }, children: "<" })), pagination.pages.map(function (pageItem) {
-                return ((0, jsx_runtime_1.jsx)("button", { type: "button", className: "".concat(pagination.page === pageItem
-                        ? "active"
-                        : ""), onClick: function () { return onSelect(pageItem); }, children: pageItem }, "".concat(pageItem, "-pagination}")));
-            }), hasNextPage && ((0, jsx_runtime_1.jsx)("span", { style: {
-                    display: pagination.pages[pagination.pages.length - 1] == pagination.page
-                        ? "none"
-                        : "block",
-                }, onClick: function () { return onSelect(pagination.page + 1); }, children: ">" }))] }));
+    return ((0, jsx_runtime_1.jsxs)(S.PaginationStyle, { children: [hasPreviousPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: { display: page == 1 ? 'none' : 'block' }, onClick: function () { return onSelect(page - 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardLeftArrow' }) })), (0, jsx_runtime_1.jsx)("div", { className: 'navigations', children: pagination.pages.map(function (pageItem) {
+                    return ((0, jsx_runtime_1.jsx)("button", { type: 'button', className: "".concat(pagination.page === pageItem ? 'active' : ''), onClick: function () { return onSelect(pageItem); }, children: pageItem }, "".concat(pageItem, "-pagination}")));
+                }) }), hasNextPage && ((0, jsx_runtime_1.jsx)("span", { className: 'nav', style: {
+                    display: pagination.pages[pagination.pages.length - 1] == pagination.page ? 'none' : 'block',
+                }, onClick: function () { return onSelect(pagination.page + 1); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconKeyboardRightArrow' }) }))] }));
 }
 exports.Pagination = Pagination;
 //# sourceMappingURL=index.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA4C;AAE5C,sCAAwC;AAExC,2BAAmC;AAGnC,qCAAkD;AAElD,0CAA8B;AAE9B,SAAgB,UAAU,CAAC,EAOT;QANhB,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,WAAW,iBAAA,EACX,eAAe,qBAAA;IAET,IAAA,KAA8B,IAAA,gBAAQ,EAAqB,IAAI,CAAC,EAA/D,UAAU,QAAA,EAAE,aAAa,QAAsC,CAAC;IAEvE,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAE3B,IAAA,iBAAS,EAAC;QACR,IAAI,MAAM,CAAC,OAAO,EAAE,CAAC;YACnB,aAAa,CACX,IAAA,kBAAQ,EAAC;gBACP,UAAU,EAAE,OAAO;gBACnB,QAAQ,UAAA;gBACR,UAAU,YAAA;gBACV,WAAW,aAAA;gBACX,eAAe,iBAAA;gBACf,WAAW,EACT,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS;oBAC5D,CAAC,CAAC,CAAC;oBACH,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC;aACrC,CAAC,CACH,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC;IAErB,SAAS,QAAQ,CAAC,IAAI;QACpB,IAAA,gBAAW,EAAC,EAAE,MAAM,QAAA,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAA;IAC5D,CAAC;IAED,IAAI,CAAC,UAAU,IAAI,UAAU,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACjD,OAAO,kDAAK,CAAC;IACf,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,eAAe,eACf,eAAe,IAAI,CAClB,iCACE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,EAAE,EAChD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,IAAI,GAAG,CAAC,CAAC,EAAlB,CAAkB,YAEhC,GAAG,GACC,CACR,EAEA,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,QAAQ;gBAC7B,OAAO,CACL,mCAEE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,UACT,UAAU,CAAC,IAAI,KAAK,QAAQ;wBAC1B,CAAC,CAAC,QAAQ;wBACV,CAAC,CAAC,EAAE,CACN,EACF,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAlB,CAAkB,YAEhC,QAAQ,IATJ,UAAG,QAAQ,iBAAc,CAUvB,CACV,CAAC;YACJ,CAAC,CAAC,EAED,WAAW,IAAI,CACd,iCACE,KAAK,EAAE;oBACL,OAAO,EACL,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,IAAI,UAAU,CAAC,IAAI;wBAC9D,CAAC,CAAC,MAAM;wBACR,CAAC,CAAC,OAAO;iBACd,EACD,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,CAAC,IAAI,GAAG,CAAC,CAAC,EAA7B,CAA6B,YAE3C,GAAG,GACC,CACR,IACiB,CACrB,CAAC;AACJ,CAAC;AAjFD,gCAiFC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/index.tsx"],"names":[],"mappings":"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"}

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/styles.js

@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PaginationStyle = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.PaginationStyle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 5.21vw;\n  gap: 28px;\n  margin-bottom: 4vw;\n  background-color: #000;\n\n  button,\n  span {\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\n    background-color: ", ";\n    color: #fff;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button.active {\n    background-color: ", ";\n    color: #fff;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    gap: 25px;\n\n    button,\n    span {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    gap: 22px;\n\n    button,\n    span {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 20px;\n\n    button,\n    span {\n      width: 37px;\n      height: 37px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    gap: 17px;\n\n    button,\n    span {\n      width: 36px;\n      height: 36px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    margin-top: 40px;\n\n    button,\n    span {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    gap: 15px;\n    margin-top: 35px;\n\n    button,\n    span {\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    button,\n    span {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 5.21vw;\n  gap: 28px;\n  margin-bottom: 4vw;\n  background-color: #000;\n\n  button,\n  span {\n    width: 42px;\n    height: 42px;\n    border-radius: 10px;\n    background-color: ", ";\n    color: #fff;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n  }\n\n  button.active {\n    background-color: ", ";\n    color: #fff;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    gap: 25px;\n\n    button,\n    span {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    gap: 22px;\n\n    button,\n    span {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 20px;\n\n    button,\n    span {\n      width: 37px;\n      height: 37px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    gap: 17px;\n\n    button,\n    span {\n      width: 36px;\n      height: 36px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    margin-top: 40px;\n\n    button,\n    span {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    gap: 15px;\n    margin-top: 35px;\n\n    button,\n    span {\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    button,\n    span {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.secondaryColor) || "unset"; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || "unset"; });
+exports.PaginationStyle = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 5.21vw;\n  gap: 28px;\n  margin-bottom: 4vw;\n\n  .nav {\n    width: 9px;\n    display: flex;\n    cursor: pointer;\n\n    svg {\n      width: 10px;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  .navigations {\n    display: flex;\n    align-items: center;\n\n    > button + button {\n      margin-left: 10px;\n    }\n  }\n\n  button,\n  span {\n    width: 30px;\n    height: 30px;\n    border-radius: 5px;\n    background-color: ", ";\n    color: #000;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n\n  button.active {\n    background-color: ", ";\n    color: #fff;\n    background: #2b2b2b;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    gap: 25px;\n\n    button,\n    span {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    gap: 22px;\n\n    button,\n    span {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 20px;\n\n    button,\n    span {\n      width: 37px;\n      height: 37px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    gap: 17px;\n\n    button,\n    span {\n      width: 36px;\n      height: 36px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    margin-top: 40px;\n\n    button,\n    span {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    gap: 15px;\n    margin-top: 35px;\n\n    button,\n    span {\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    button,\n    span {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 5.21vw;\n  gap: 28px;\n  margin-bottom: 4vw;\n\n  .nav {\n    width: 9px;\n    display: flex;\n    cursor: pointer;\n\n    svg {\n      width: 10px;\n      height: auto;\n      fill: currentColor;\n    }\n  }\n\n  .navigations {\n    display: flex;\n    align-items: center;\n\n    > button + button {\n      margin-left: 10px;\n    }\n  }\n\n  button,\n  span {\n    width: 30px;\n    height: 30px;\n    border-radius: 5px;\n    background-color: ", ";\n    color: #000;\n    border: 1px solid var(--theme-color-extra-light);\n    display: flex !important;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n  }\n\n  button.active {\n    background-color: ", ";\n    color: #fff;\n    background: #2b2b2b;\n  }\n\n  @media only screen and (max-width: 1600px) {\n    gap: 25px;\n\n    button,\n    span {\n      width: 40px;\n      height: 40px;\n    }\n  }\n\n  @media only screen and (max-width: 1400px) {\n    gap: 22px;\n\n    button,\n    span {\n      width: 38px;\n      height: 38px;\n    }\n  }\n\n  @media only screen and (max-width: 1200px) {\n    gap: 20px;\n\n    button,\n    span {\n      width: 37px;\n      height: 37px;\n    }\n  }\n\n  @media only screen and (max-width: 1024px) {\n    gap: 17px;\n\n    button,\n    span {\n      width: 36px;\n      height: 36px;\n    }\n  }\n\n  @media only screen and (max-width: 768px) {\n    margin-top: 40px;\n\n    button,\n    span {\n      width: 35px;\n      height: 35px;\n    }\n  }\n\n  @media only screen and (max-width: 500px) {\n    gap: 15px;\n    margin-top: 35px;\n\n    button,\n    span {\n      width: 34px;\n      height: 34px;\n    }\n  }\n\n  @media only screen and (max-width: 400px) {\n    button,\n    span {\n      width: 32px;\n      height: 32px;\n    }\n  }\n"])), function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.secondaryColor) || 'unset'; }, function (props) { var _a; return ((_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.primaryColor) || 'unset'; });
 var templateObject_1;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/pagination/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAuC;AAE1B,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,4kDAAA,6QAcjB,EAAkD,qNASlD,EAAgD,miCAwEvE,KAjFuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,cAAc,KAAI,OAAO,CAAA,EAAA,EASlD,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,OAAO,CAAA,EAAA,EAwEtE"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/pagination/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,u4DAAA,whBAkCjB,EAAkD,2OAUlD,EAAgD,6jCAyEvE,KAnFuB,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,cAAc,KAAI,OAAO,CAAA,EAAA,EAUlD,UAAC,KAAK,YAAK,OAAA,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,YAAY,KAAI,OAAO,CAAA,EAAA,EAyEvE"}

package/dist/system/presentation/hooks/ui/use-table/components/table/styles.d.ts

@@ -2,3 +2,9 @@
 export declare const Table: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: import("react").Ref<HTMLDivElement>;
 }, never>>;
+export declare const TopActions: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>;
+export declare const Pagination: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: import("react").Ref<HTMLDivElement>;
+}, never>>;

package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js

@@ -7,8 +7,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Table = void 0;
+exports.Pagination = exports.TopActions = exports.Table = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.Table = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  > .pagination {\n    height: 64px;\n    width: auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n\n    p {\n      margin: 0;\n      color: #808080;\n    }\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 40px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 12px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 51px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 8px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: center;\n        font-weight: 400;\n      }\n    }\n  }\n"], ["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  > .pagination {\n    height: 64px;\n    width: auto;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 20px;\n\n    p {\n      margin: 0;\n      color: #808080;\n    }\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 40px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 12px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 51px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 8px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: center;\n        font-weight: 400;\n      }\n    }\n  }\n"])));
-var templateObject_1;
+exports.Table = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 40px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 12px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 51px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 8px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: center;\n        font-weight: 400;\n      }\n    }\n  }\n"], ["\n  overflow-x: hidden;\n  width: 100%;\n  background-color: #fff;\n  border-radius: 6px;\n  border: 0.3px solid rgba(0, 0, 0, 0.09);\n\n  > div {\n    width: 100%;\n    overflow-x: auto;\n  }\n\n  .title {\n    padding: 20px;\n  }\n\n  table {\n    width: 100%;\n    border-collapse: collapse;\n\n    > div {\n      width: 100%;\n    }\n\n    thead {\n      background-color: #f1f1f1;\n      height: 48px;\n\n      tr {\n        height: 40px;\n      }\n\n      th {\n        vertical-align: inherit;\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 0 12px;\n        color: rgba(0, 0, 0, 0.87);\n        position: -webkit-sticky;\n        position: sticky;\n        top: 0;\n        z-index: 2;\n        text-align: center;\n      }\n    }\n\n    tbody {\n      display: table-row-group;\n\n      tr {\n        height: 51px;\n        transition: background 0.1s ease-in-out;\n\n        &:hover {\n          background-color: rgba(0, 0, 0, 0.02);\n        }\n      }\n\n      td {\n        border-bottom: 1px solid rgba(224, 224, 224, 1);\n        padding: 8px;\n        color: rgba(0, 0, 0, 0.87);\n        text-align: center;\n        font-weight: 400;\n      }\n    }\n  }\n"])));
+exports.TopActions = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n"], ["\n  display: flex;\n  align-items: center;\n  margin-bottom: 15px;\n"])));
+exports.Pagination = (0, styled_components_1.default)('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  height: 64px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 20px;\n  margin: 0 0 0 auto;\n  width: fit-content;\n\n  p {\n    margin: 0;\n    color: #808080;\n  }\n"], ["\n  height: 64px;\n  width: auto;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 20px;\n  margin: 0 0 0 auto;\n  width: fit-content;\n\n  p {\n    margin: 0;\n    color: #808080;\n  }\n"])));
+var templateObject_1, templateObject_2, templateObject_3;
 //# sourceMappingURL=styles.js.map

package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,29CAAA,w5CAgFjC,KAAA"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,KAAK,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,wvCAAA,qrCAkEjC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,yIAAA,sEAItC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,0SAAA,uOActC,KAAA"}

package/dist/system/presentation/hooks/ui/use-table/interfaces.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { PaginationModel } from '@/system';
+import { IconsNames } from '@/ui';
 import { DynamicFormHandlerProps } from '@/ui/components/form/handler/dynamic_form_handler/interfaces';
 interface Column<T = any> {
     id: keyof T;
@@ -21,6 +22,10 @@ interface Column<T = any> {
 interface IParamsTable {
     page?: number;
 }
+export interface IAddButton {
+    text: string;
+    icon?: IconsNames;
+}
 interface IConfigurationsTable {
     tableData?: any;
     isLoading?: boolean;
@@ -30,6 +35,7 @@ interface IConfigurationsTable {
     enableSearchInSelf?: boolean;
     pagination?: PaginationModel;
     disableOrdenationTable?: boolean;
+    addButton: IAddButton;
 }
 type QueryTable<M = any> = {
     user?: any;
@@ -39,8 +45,22 @@ type QueryTable<M = any> = {
     requireUser?: boolean;
 };
 type ActionsTable<T = any> = {
-    edit?: DynamicFormHandlerProps<T>;
-    create?: DynamicFormHandlerProps<T>;
+    edit?: {
+        link?: {
+            href: (table: {
+                [key in keyof T]: string;
+            }) => string;
+            text: string;
+            icon?: IconsNames;
+        };
+    } & DynamicFormHandlerProps<T>;
+    create?: {
+        link?: {
+            href: string;
+            text: string;
+            icon?: IconsNames;
+        };
+    } & DynamicFormHandlerProps<T>;
     delete?: (table: {
         [key in keyof T]: T[key];
     }) => void;

package/dist/ui/components/form/handler/dynamic_form_handler/interfaces.d.ts

@@ -7,13 +7,13 @@ type InputProps<T = any> = {
     inputComponent: keyof typeof Inputs;
 } & Partial<Omit<ISelectProps, 'name'>>;
 export type DynamicFormHandlerProps<T = any> = Partial<IFormHandler> & {
-    button: {
+    button?: {
         text?: string;
         icon?: IconsNames;
     };
     tableItem?: any;
-    title: string;
-    inputs: InputProps<T>[][];
+    title?: string;
+    inputs?: InputProps<T>[][];
     getDetails?: {
         key: (params: {
             [key in keyof T]: T[key];

package/dist/ui/icons/index.d.ts

@@ -28,6 +28,7 @@ export * from './render/TikTok';
 export * from './render/Folder';
 export * from './render/Twitter';
 export * from './render/YouTube';
+export * from './render/delete';
 export * from './render/shopping';
 export * from './render/NavDown';
 export * from './render/NavLeft';
@@ -50,4 +51,5 @@ export * from './render/transparent-mail';
 export * from './render/transparent-phone';
 export * from './render/Carousel-left-icon';
 export * from './render/Carousel-right-icon';
+export * from './render/keyboard-left-arrow';
 export * from './render/keyboard-right-arrow';

package/dist/ui/icons/index.js

@@ -44,6 +44,7 @@ __exportStar(require("./render/TikTok"), exports);
 __exportStar(require("./render/Folder"), exports);
 __exportStar(require("./render/Twitter"), exports);
 __exportStar(require("./render/YouTube"), exports);
+__exportStar(require("./render/delete"), exports);
 __exportStar(require("./render/shopping"), exports);
 __exportStar(require("./render/NavDown"), exports);
 __exportStar(require("./render/NavLeft"), exports);
@@ -66,5 +67,6 @@ __exportStar(require("./render/transparent-mail"), exports);
 __exportStar(require("./render/transparent-phone"), exports);
 __exportStar(require("./render/Carousel-left-icon"), exports);
 __exportStar(require("./render/Carousel-right-icon"), exports);
+__exportStar(require("./render/keyboard-left-arrow"), exports);
 __exportStar(require("./render/keyboard-right-arrow"), exports);
 //# sourceMappingURL=index.js.map

package/dist/ui/icons/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,uDAAoC;AACpC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,+DAA4C;AAC5C,gEAA6C"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ui/icons/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,+CAA4B;AAC5B,+CAA4B;AAC5B,+CAA4B;AAC5B,gDAA6B;AAC7B,+CAA4B;AAC5B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,gDAA6B;AAC7B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,gDAA6B;AAC7B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,iDAA8B;AAC9B,kDAA+B;AAC/B,kDAA+B;AAC/B,mDAAgC;AAChC,mDAAgC;AAChC,kDAA+B;AAC/B,oDAAiC;AACjC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,mDAAgC;AAChC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,oDAAiC;AACjC,qDAAkC;AAClC,sDAAmC;AACnC,qDAAkC;AAClC,sDAAmC;AACnC,uDAAoC;AACpC,yDAAsC;AACtC,0DAAuC;AACvC,0DAAuC;AACvC,4DAAyC;AACzC,6DAA0C;AAC1C,8DAA2C;AAC3C,+DAA4C;AAC5C,+DAA4C;AAC5C,gEAA6C"}

package/dist/ui/icons/render/Edit.js

@@ -4,7 +4,7 @@ exports.IconEdit = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 function IconEdit(_a) {
     var fill = _a.fill;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '17', viewBox: '0 0 16 17', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { id: 'Union 10', d: 'M2.16992 16.5006C0.974121 16.5006 0 15.5264 0 14.3307V4.2034C0 3.00769 0.974121 2.03346 2.16992 2.03346H7.2334C7.6333 2.03346 7.95752 2.35772 7.95752 2.75726C7.95752 3.15679 7.6333 3.4796 7.2334 3.4796H2.16992C1.77197 3.4796 1.44629 3.80531 1.44629 4.2034V14.3307C1.44629 14.7288 1.77197 15.0545 2.16992 15.0545H12.2969C12.6953 15.0545 13.021 14.7288 13.021 14.3307V9.26705C13.021 8.86752 13.3438 8.54326 13.7437 8.54326C14.1431 8.54326 14.4673 8.86752 14.4673 9.26705V14.3307C14.4673 15.5264 13.4946 16.5006 12.2969 16.5006H2.16992ZM4.55225 11.948C4.37158 11.7685 4.30078 11.5079 4.36133 11.2618L5.08545 8.3681C5.11719 8.24071 5.18213 8.12491 5.2749 8.03226L12.1465 1.16057C12.5737 0.733532 13.1411 0.499023 13.7437 0.499023C14.3472 0.499023 14.9146 0.733532 15.3398 1.16057C16.2202 2.0407 16.2202 3.47237 15.3398 4.35395L8.46826 11.2256C8.37549 11.3183 8.26025 11.3834 8.13232 11.4153L5.23877 12.1391C5.18066 12.1534 5.12207 12.1604 5.06396 12.1604C4.87451 12.1604 4.68994 12.0864 4.55225 11.948ZM13.1704 2.18401L6.44043 8.91384L6.05811 10.4425L7.58691 10.0603L14.3184 3.3305C14.6333 3.01348 14.6333 2.49959 14.3184 2.18401C14.1646 2.03057 13.9604 1.94516 13.7437 1.94516C13.5278 1.94516 13.3237 2.03057 13.1704 2.18401Z', fill: fill }) }));
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '12', height: '14', viewBox: '0 0 12 14', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M2.27614 9.5935L9.03753 2.83207L8.09473 1.88926L1.33333 8.6507V9.5935H2.27614ZM2.82843 10.9268H0V8.09837L7.62333 0.475045C7.88373 0.214699 8.3058 0.214699 8.56613 0.475045L10.4518 2.36067C10.7121 2.62101 10.7121 3.04312 10.4518 3.30347L2.82843 10.9268ZM0 12.2602H12V13.5935H0V12.2602Z', fill: fill }) }));
 }
 exports.IconEdit = IconEdit;
 //# sourceMappingURL=Edit.js.map

package/dist/ui/icons/render/Edit.js.map

@@ -1 +1 @@
-{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/Edit.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,QAAQ,CAAC,EAAe;QAAb,IAAI,UAAA;IAC7B,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCACE,EAAE,EAAC,UAAU,EACb,CAAC,EAAC,wsCAAwsC,EAC1sC,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AAVD,4BAUC"}
+{"version":3,"file":"Edit.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/Edit.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,QAAQ,CAAC,EAAe;QAAb,IAAI,UAAA;IAC7B,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCACE,CAAC,EAAC,8RAA8R,EAChS,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AATD,4BASC"}

package/dist/ui/icons/render/delete.d.ts

@@ -0,0 +1,2 @@
+import { IIcon } from '../interfaces';
+export declare function IconDelete({ fill }: IIcon): import("react/jsx-runtime").JSX.Element;

package/dist/ui/icons/render/delete.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconDelete = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function IconDelete(_a) {
+    var fill = _a.fill;
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '14', height: '14', viewBox: '0 0 14 14', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M10.3333 3.00016H13.6666V4.3335H12.3333V13.0002C12.3333 13.3684 12.0348 13.6668 11.6666 13.6668H2.33331C1.96513 13.6668 1.66665 13.3684 1.66665 13.0002V4.3335H0.333313V3.00016H3.66665V1.00016C3.66665 0.631976 3.96513 0.333496 4.33331 0.333496H9.66665C10.0348 0.333496 10.3333 0.631976 10.3333 1.00016V3.00016ZM11 4.3335H2.99998V12.3335H11V4.3335ZM4.99998 6.3335H6.33331V10.3335H4.99998V6.3335ZM7.66665 6.3335H8.99998V10.3335H7.66665V6.3335ZM4.99998 1.66683V3.00016H8.99998V1.66683H4.99998Z', fill: fill }) }));
+}
+exports.IconDelete = IconDelete;
+//# sourceMappingURL=delete.js.map

package/dist/ui/icons/render/delete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"delete.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/delete.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,UAAU,CAAC,EAAe;QAAb,IAAI,UAAA;IAC/B,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,YAC5F,iCACE,CAAC,EAAC,2eAA2e,EAC7e,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AATD,gCASC"}

package/dist/ui/icons/render/keyboard-left-arrow.d.ts

@@ -0,0 +1,2 @@
+import { IIcon } from '../interfaces';
+export declare function IconKeyboardLeftArrow({ fill }: IIcon): import("react/jsx-runtime").JSX.Element;

package/dist/ui/icons/render/keyboard-left-arrow.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconKeyboardLeftArrow = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+function IconKeyboardLeftArrow(_a) {
+    var fill = _a.fill;
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '8', height: '10', viewBox: '0 0 8 10', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M3.16673 4.99996L7.0556 8.8889L5.94449 10L0.944449 4.99996L5.94449 -4.85682e-08L7.0556 1.11111L3.16673 4.99996Z', fill: fill }) }));
+}
+exports.IconKeyboardLeftArrow = IconKeyboardLeftArrow;
+//# sourceMappingURL=keyboard-left-arrow.js.map

package/dist/ui/icons/render/keyboard-left-arrow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-left-arrow.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/keyboard-left-arrow.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,qBAAqB,CAAC,EAAe;QAAb,IAAI,UAAA;IAC1C,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YAC1F,iCACE,CAAC,EAAC,iHAAiH,EACnH,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AATD,sDASC"}

package/dist/ui/icons/render/keyboard-right-arrow.js

@@ -4,7 +4,7 @@ exports.IconKeyboardRightArrow = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 function IconKeyboardRightArrow(_a) {
     var fill = _a.fill;
-    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '7', height: '12', viewBox: '0 0 7 12', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M4.12482 6.00003L0 1.87522L1.17852 0.696716L6.48182 6.00003L1.17852 11.3033L0 10.1248L4.12482 6.00003Z', fill: fill }) }));
+    return ((0, jsx_runtime_1.jsx)("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '8', height: '10', viewBox: '0 0 8 10', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M4.83327 5.00004L0.944397 1.1111L2.05551 -4.85682e-08L7.05555 5.00004L2.05551 10L0.944397 8.88889L4.83327 5.00004Z', fill: fill }) }));
 }
 exports.IconKeyboardRightArrow = IconKeyboardRightArrow;
 //# sourceMappingURL=keyboard-right-arrow.js.map

package/dist/ui/icons/render/keyboard-right-arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyboard-right-arrow.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/keyboard-right-arrow.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,sBAAsB,CAAC,EAAe;QAAb,IAAI,UAAA;IAC3C,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YAC1F,iCACE,CAAC,EAAC,wGAAwG,EAC1G,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AATD,wDASC"}
+{"version":3,"file":"keyboard-right-arrow.js","sourceRoot":"","sources":["../../../../src/ui/icons/render/keyboard-right-arrow.tsx"],"names":[],"mappings":";;;;AAEA,SAAgB,sBAAsB,CAAC,EAAe;QAAb,IAAI,UAAA;IAC3C,OAAO,CACL,gCAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YAC1F,iCACE,CAAC,EAAC,oHAAoH,EACtH,IAAI,EAAE,IAAI,GACV,GACE,CACP,CAAA;AACH,CAAC;AATD,wDASC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "infinity-forge",
-  "version": "0.7.00",
+  "version": "0.7.02",
   "description": "codie Library",
   "main": "./dist/index.js",
   "module": "./dist/index.js",