infinity-forge 0.20.1 → 0.20.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (64) hide show
  1. package/dist/system/presentation/components/data/input-search/styles.js +1 -1
  2. package/dist/system/presentation/components/data/input-search/styles.js.map +1 -1
  3. package/dist/system/presentation/components/layout/styles.js +1 -1
  4. package/dist/system/presentation/components/layout/styles.js.map +1 -1
  5. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js +1 -1
  6. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js.map +1 -1
  7. package/dist/system/presentation/hooks/ui/use-table/components/table/index.js +2 -2
  8. package/dist/system/presentation/hooks/ui/use-table/components/table/index.js.map +1 -1
  9. package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js +1 -1
  10. package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js.map +1 -1
  11. package/dist/system/presentation/hooks/ui/use-table/components/table/thead-item/index.js +6 -3
  12. package/dist/system/presentation/hooks/ui/use-table/components/table/thead-item/index.js.map +1 -1
  13. package/dist/ui/components/form/handler/dynamic_form_handler/component.js +1 -1
  14. package/dist/ui/components/form/handler/dynamic_form_handler/component.js.map +1 -1
  15. package/dist/ui/components/form/handler/dynamic_form_handler/interfaces.d.ts +1 -0
  16. package/dist/ui/components/form/handler/dynamic_form_handler/styles.js +1 -1
  17. package/dist/ui/components/form/handler/dynamic_form_handler/styles.js.map +1 -1
  18. package/dist/ui/components/form/input-file/file-card/index.d.ts +2 -1
  19. package/dist/ui/components/form/input-file/file-card/index.js +2 -2
  20. package/dist/ui/components/form/input-file/file-card/index.js.map +1 -1
  21. package/dist/ui/components/form/input-file/file-card/styles.js +1 -1
  22. package/dist/ui/components/form/input-file/file-card/styles.js.map +1 -1
  23. package/dist/ui/components/form/input-file/index.js +7 -1
  24. package/dist/ui/components/form/input-file/index.js.map +1 -1
  25. package/dist/ui/components/form/select/index.js +18 -16
  26. package/dist/ui/components/form/select/index.js.map +1 -1
  27. package/dist/ui/components/form/select/interfaces.d.ts +4 -0
  28. package/dist/ui/components/form/select/styles.js +1 -1
  29. package/dist/ui/components/form/select/styles.js.map +1 -1
  30. package/package.json +1 -1
  31. package/dist/system/domain/use-cases/menu/load-menu.d.ts +0 -15
  32. package/dist/system/domain/use-cases/menu/load-menu.js +0 -3
  33. package/dist/system/domain/use-cases/menu/load-menu.js.map +0 -1
  34. package/dist/system/presentation/components/data/cards/index.d.ts +0 -1
  35. package/dist/system/presentation/components/data/cards/index.js +0 -18
  36. package/dist/system/presentation/components/data/cards/index.js.map +0 -1
  37. package/dist/system/presentation/components/data/cards/message-card/index.d.ts +0 -2
  38. package/dist/system/presentation/components/data/cards/message-card/index.js +0 -37
  39. package/dist/system/presentation/components/data/cards/message-card/index.js.map +0 -1
  40. package/dist/system/presentation/components/data/cards/message-card/styles.d.ts +0 -2
  41. package/dist/system/presentation/components/data/cards/message-card/styles.js +0 -14
  42. package/dist/system/presentation/components/data/cards/message-card/styles.js.map +0 -1
  43. package/dist/system/presentation/components/data/skeleton/index.d.ts +0 -2
  44. package/dist/system/presentation/components/data/skeleton/index.js +0 -35
  45. package/dist/system/presentation/components/data/skeleton/index.js.map +0 -1
  46. package/dist/system/presentation/components/data/skeleton/interfaces.d.ts +0 -4
  47. package/dist/system/presentation/components/data/skeleton/interfaces.js +0 -3
  48. package/dist/system/presentation/components/data/skeleton/interfaces.js.map +0 -1
  49. package/dist/system/presentation/components/data/skeleton/styles.d.ts +0 -4
  50. package/dist/system/presentation/components/data/skeleton/styles.js +0 -14
  51. package/dist/system/presentation/components/data/skeleton/styles.js.map +0 -1
  52. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.d.ts +0 -4
  53. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.js +0 -13
  54. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.js.map +0 -1
  55. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.d.ts +0 -5
  56. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.js +0 -42
  57. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.js.map +0 -1
  58. package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/index.d.ts +0 -1
  59. package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/index.js +0 -33
  60. package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/index.js.map +0 -1
  61. package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/styles.d.ts +0 -4
  62. package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/styles.js +0 -14
  63. package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/styles.js.map +0 -1
  64. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.SearchInput = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SearchInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --iconSize: 17px;\n --leftPadding: 15px;\n\n width: fit-content;\n position: relative;\n z-index: 22;\n\n .icon {\n width: 17px;\n height: 17px;\n position: absolute;\n z-index: 22;\n top: 50%;\n transform: translateY(-50%);\n left: var(--leftPadding);\n cursor: pointer;\n color: #828282;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n input {\n width: 300px;\n height: var(--inputHeight);\n border-radius: 5px;\n border-radius: var(--borderRadius);\n border: 1px solid #e1e1e1;\n transition: all 0.02s ease-in-out;\n padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n &::placeholder {\n color: #828282;\n }\n\n &:focus {\n outline: none;\n border: 1px solid #2684ff;\n\n &:hover {\n border: 2px solid #2684ff;\n }\n }\n }\n"], ["\n --iconSize: 17px;\n --leftPadding: 15px;\n\n width: fit-content;\n position: relative;\n z-index: 22;\n\n .icon {\n width: 17px;\n height: 17px;\n position: absolute;\n z-index: 22;\n top: 50%;\n transform: translateY(-50%);\n left: var(--leftPadding);\n cursor: pointer;\n color: #828282;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n input {\n width: 300px;\n height: var(--inputHeight);\n border-radius: 5px;\n border-radius: var(--borderRadius);\n border: 1px solid #e1e1e1;\n transition: all 0.02s ease-in-out;\n padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n &::placeholder {\n color: #828282;\n }\n\n &:focus {\n outline: none;\n border: 1px solid #2684ff;\n\n &:hover {\n border: 2px solid #2684ff;\n }\n }\n }\n"])));
12
+ exports.SearchInput = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --iconSize: 17px;\n --leftPadding: 15px;\n\n width: fit-content;\n position: relative;\n z-index: 22;\n\n .icon {\n width: 17px;\n height: 17px;\n position: absolute;\n z-index: 22;\n top: 50%;\n transform: translateY(-50%);\n left: var(--leftPadding);\n cursor: pointer;\n color: #828282;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n input {\n width: 100%;\n height: var(--inputHeight);\n border-radius: 5px;\n border-radius: var(--borderRadius);\n border: 1px solid #e1e1e1;\n transition: all 0.02s ease-in-out;\n padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n &::placeholder {\n color: #828282;\n }\n\n &:focus {\n outline: none;\n border: 1px solid #2684ff;\n\n &:hover {\n border: 2px solid #2684ff;\n }\n }\n }\n"], ["\n --iconSize: 17px;\n --leftPadding: 15px;\n\n width: fit-content;\n position: relative;\n z-index: 22;\n\n .icon {\n width: 17px;\n height: 17px;\n position: absolute;\n z-index: 22;\n top: 50%;\n transform: translateY(-50%);\n left: var(--leftPadding);\n cursor: pointer;\n color: #828282;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n\n input {\n width: 100%;\n height: var(--inputHeight);\n border-radius: 5px;\n border-radius: var(--borderRadius);\n border: 1px solid #e1e1e1;\n transition: all 0.02s ease-in-out;\n padding-left: calc(var(--iconSize) + var(--leftPadding) + 10px);\n\n &::placeholder {\n color: #828282;\n }\n\n &:focus {\n outline: none;\n border: 1px solid #2684ff;\n\n &:hover {\n border: 2px solid #2684ff;\n }\n }\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,q8BAAA,k4BAgDvC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/input-search/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,o8BAAA,i4BAgDvC,KAAA"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Layout = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"], ["\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n }\n }\n"])));
12
+ exports.Layout = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n overflow: hidden;\n }\n }\n"], ["\n --spacing: 30px;\n\n header {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n .content_layout {\n width: 100%;\n display: flex;\n\n .false-menu {\n max-width: 285px;\n min-width: 285px;\n }\n\n > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n flex: 1;\n margin: var(--spacing) 0;\n overflow: hidden;\n }\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,ogBAAA,icA6BlC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/system/presentation/components/layout/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,MAAM,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,6hBAAA,0dA8BlC,KAAA"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.Filters = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.Filters = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --inputHeight: 40px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n \n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n column-gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n }\n }\n"], ["\n --inputHeight: 40px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n \n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n column-gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n }\n }\n"])), function (props) { return props.theme.darkColor; });
12
+ exports.Filters = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n --inputHeight: 40px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n\n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n }\n }\n\n @media only screen and (max-width: 1685px) {\n grid-template-columns: repeat(2, 1fr);\n }\n"], ["\n --inputHeight: 40px;\n --borderRadius: 5px;\n\n display: flex;\n align-items: center;\n gap: 15px;\n position: relative;\n z-index: 99;\n color: ", ";\n\n form {\n max-width: 950px;\n\n .filters {\n width: 100%;\n display: grid;\n row-gap: 0;\n gap: 10px;\n\n * {\n margin-bottom: 0;\n }\n }\n }\n\n @media only screen and (max-width: 1685px) {\n grid-template-columns: repeat(2, 1fr);\n }\n"])), function (props) { return props.theme.darkColor; });
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,obAAA,8JASzB,EAAgC,iNAgB1C,KAhBU,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAgB1C"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,OAAO,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,4gBAAA,8JASzB,EAAgC,ySAoB1C,KApBU,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAoB1C"}
@@ -64,7 +64,7 @@ function Table(_a) {
64
64
  : null
65
65
  : null;
66
66
  var tableData = tableFilered || tableItems || [];
67
- return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'table-component', children: [(0, jsx_runtime_1.jsxs)(S.TopActions, { className: 'top-actions', children: [(tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.filters) ? (0, jsx_runtime_1.jsx)(filters_1.Filters, { filters: tableInformations.filters }) : (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) && ((_d = tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) === null || _d === void 0 ? void 0 : _d.length) > 0 && (0, jsx_runtime_1.jsx)(export_1.Export, { exports: tableInformations.exports }), (0, jsx_runtime_1.jsx)(create_1.CreateAction, { actions: columnsConfiguration.actions })] })] }), !loadingTable && (tableData === null || tableData === void 0 ? void 0 : tableData.length) === 0 && (configs === null || configs === void 0 ? void 0 : configs.errorMessage), (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: [(_e = columnsConfiguration.columns) === null || _e === void 0 ? void 0 : _e.map(function (colunm, index) {
67
+ return ((0, jsx_runtime_1.jsxs)(ui_1.Error, { name: 'table-component', children: [(0, jsx_runtime_1.jsxs)(S.TopActions, { className: 'top-actions', children: [(tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.filters) ? (0, jsx_runtime_1.jsx)(filters_1.Filters, { filters: tableInformations.filters }) : (0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { className: 'right', children: [(tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) && ((_d = tableInformations === null || tableInformations === void 0 ? void 0 : tableInformations.exports) === null || _d === void 0 ? void 0 : _d.length) > 0 && ((0, jsx_runtime_1.jsx)(export_1.Export, { exports: tableInformations.exports })), (0, jsx_runtime_1.jsx)(create_1.CreateAction, { actions: columnsConfiguration.actions })] })] }), !loadingTable && (tableData === null || tableData === void 0 ? void 0 : tableData.length) === 0 && (configs === null || configs === void 0 ? void 0 : configs.errorMessage), (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: [(_e = columnsConfiguration.columns) === null || _e === void 0 ? void 0 : _e.map(function (colunm, index) {
68
68
  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));
69
69
  }), columnsConfiguration.actions && (0, jsx_runtime_1.jsx)("th", { style: { width: '100px' } })] }) }), (0, jsx_runtime_1.jsxs)("tbody", { children: [!loadingTable &&
70
70
  tableItems &&
@@ -87,7 +87,7 @@ function Table(_a) {
87
87
  var defaultProps = ((_c = e.Component) === null || _c === void 0 ? void 0 : _c.defaultProps) ? (_d = e.Component) === null || _d === void 0 ? void 0 : _d.defaultProps : {};
88
88
  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)));
89
89
  }), columnsConfiguration.actions && (0, jsx_runtime_1.jsx)(actions_1.Actions, { actions: columnsConfiguration.actions, table: table })] }, table.id + String(index)));
90
- })), loadingTable && ((0, jsx_runtime_1.jsxs)("tr", { style: { height: 0 }, children: [columnsConfiguration.columns.map(function (c, index) { return ((0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("div", { style: { width: c.width + 'px', } }) }, index)); }), columnsConfiguration.actions && ((0, jsx_runtime_1.jsx)("td", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }) }))] }))] })] }), loadingTable && (0, jsx_runtime_1.jsx)(skeleton_table_1.SkeletonTable, {})] }) }), !(configs === null || configs === void 0 ? void 0 : configs.disablePagination) && pagination && ((0, jsx_runtime_1.jsxs)(S.TableBottom, { className: 'table-bottom', children: [pagination && ((0, jsx_runtime_1.jsxs)("span", { children: ["Mostrando ", (0, jsx_runtime_1.jsx)("strong", { children: pagination.pageSize > pagination.totalItems ? pagination.totalItems : pagination === null || pagination === void 0 ? void 0 : pagination.pageSize }), " de ", (0, jsx_runtime_1.jsx)("strong", { children: pagination === null || pagination === void 0 ? void 0 : pagination.totalItems }), " resultados"] })), (0, jsx_runtime_1.jsx)(pagination_1.Pagination, __assign({}, pagination))] }))] }));
90
+ })), loadingTable && ((0, jsx_runtime_1.jsxs)("tr", { style: { height: 0 }, children: [columnsConfiguration.columns.map(function (c, index) { return ((0, jsx_runtime_1.jsx)("td", { children: (0, jsx_runtime_1.jsx)("div", { style: { width: c.width + 'px' } }) }, index)); }), columnsConfiguration.actions && ((0, jsx_runtime_1.jsx)("td", { style: { width: '100%' }, children: (0, jsx_runtime_1.jsx)("div", { style: { width: '100%' } }) }))] }))] })] }), loadingTable && (0, jsx_runtime_1.jsx)(skeleton_table_1.SkeletonTable, {})] }) }), !(configs === null || configs === void 0 ? void 0 : configs.disablePagination) && pagination && ((0, jsx_runtime_1.jsxs)(S.TableBottom, { className: 'table-bottom', children: [pagination && ((0, jsx_runtime_1.jsxs)("span", { children: ["Mostrando", ' ', (0, jsx_runtime_1.jsx)("strong", { children: pagination.pageSize > pagination.totalItems ? pagination.totalItems : pagination === null || pagination === void 0 ? void 0 : pagination.pageSize }), ' ', "de ", (0, jsx_runtime_1.jsx)("strong", { children: pagination === null || pagination === void 0 ? void 0 : pagination.totalItems }), " resultados"] })), (0, jsx_runtime_1.jsx)(pagination_1.Pagination, __assign({}, pagination))] }))] }));
91
91
  }
92
92
  exports.Table = Table;
93
93
  //# sourceMappingURL=index.js.map
@@ -1 +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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"}
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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"}
@@ -10,7 +10,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.TableBottom = exports.TopActions = exports.Table = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
12
  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 6px 0 0;\n border: 0.3px solid rgba(0, 0, 0, 0.09);\n border-bottom: 0;\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: 48px;\n }\n\n th {\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding: 0 15px;\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: 60px;\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: 0 15px;\n color: rgba(0, 0, 0, 0.87);\n text-align: left;\n font-weight: 400;\n }\n }\n }\n"], ["\n overflow-x: hidden;\n width: 100%;\n background-color: #fff;\n border-radius: 6px 6px 0 0;\n border: 0.3px solid rgba(0, 0, 0, 0.09);\n border-bottom: 0;\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: 48px;\n }\n\n th {\n vertical-align: inherit;\n border-bottom: 1px solid rgba(224, 224, 224, 1);\n padding: 0 15px;\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: 60px;\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: 0 15px;\n color: rgba(0, 0, 0, 0.87);\n text-align: left;\n font-weight: 400;\n }\n }\n }\n"])));
13
- 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 justify-content: space-between;\n\n > div {\n width: fit-content;\n }\n\n .right {\n display: flex;\n gap: 15px;\n }\n"], ["\n display: flex;\n align-items: center;\n margin-bottom: 15px;\n justify-content: space-between;\n\n > div {\n width: fit-content;\n }\n\n .right {\n display: flex;\n gap: 15px;\n }\n"])));
13
+ exports.TopActions = (0, styled_components_1.default)('div')(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n margin-bottom: 15px;\n justify-content: space-between;\n\n > div {\n width: fit-content;\n }\n\n .right {\n display: flex;\n gap: 15px;\n }\n"], ["\n display: flex;\n margin-bottom: 15px;\n justify-content: space-between;\n\n > div {\n width: fit-content;\n }\n\n .right {\n display: flex;\n gap: 15px;\n }\n"])));
14
14
  exports.TableBottom = (0, styled_components_1.default)('div')(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: 60px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n border-radius: 0 0 5px 5px;\n border: 1px solid #e1e1e1;\n border-top: 0;\n\n > span {\n color: #828282;\n }\n\n p {\n margin: 0;\n color: #808080;\n }\n\n .pagination {\n margin: 0 0 0 auto;\n }\n"], ["\n height: 60px;\n width: auto;\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: 0 20px;\n border-radius: 0 0 5px 5px;\n border: 1px solid #e1e1e1;\n border-top: 0;\n\n > span {\n color: #828282;\n }\n\n p {\n margin: 0;\n color: #808080;\n }\n\n .pagination {\n margin: 0 0 0 auto;\n }\n"])));
15
15
  var templateObject_1, templateObject_2, templateObject_3;
16
16
  //# sourceMappingURL=styles.js.map
@@ -1 +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,sxCAAA,mtCAmEjC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,8QAAA,2MActC,KAAA;AAEY,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oaAAA,iWAuBvC,KAAA"}
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,sxCAAA,mtCAmEjC,KAAA;AAEY,QAAA,UAAU,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,sPAAA,mLAatC,KAAA;AAEY,QAAA,WAAW,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,oaAAA,iWAuBvC,KAAA"}
@@ -34,14 +34,17 @@ function THeadItem(_a) {
34
34
  var asc = router.query.asc;
35
35
  var actualColumn = router.query.orderColumn;
36
36
  var ascIsActive = actualColumn === colunm.id;
37
- var rotateArrow = ascIsActive && asc === "true";
37
+ var rotateArrow = ascIsActive && asc === 'true';
38
38
  function handleOrd() {
39
39
  if (disableOrdenationTable || !colunm.hasAsc) {
40
40
  return;
41
41
  }
42
- (0, ui_1.updateRoute)({ params: { orderColumn: colunm.id, asc: actualColumn !== colunm.id ? "true" : asc === "true" ? "false" : "true" }, router: router });
42
+ (0, ui_1.updateRoute)({
43
+ params: { orderColumn: colunm.id, asc: actualColumn !== colunm.id ? 'true' : asc === 'true' ? 'false' : 'true' },
44
+ router: router,
45
+ });
43
46
  }
44
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'thead-item', children: (0, jsx_runtime_1.jsx)("th", { style: { width: colunm.width + 'px' }, children: (0, jsx_runtime_1.jsxs)(S.THeadItem, { style: { width: colunm.width + 'px' }, onClick: handleOrd, children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-12-bold uppercase', children: colunm.label }), !disableOrdenationTable && colunm.hasAsc && ((0, jsx_runtime_1.jsx)("div", { className: 'ord-actions', children: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { style: { transform: rotateArrow ? "rotate(180deg)" : "rotate(0deg)" }, xmlns: 'http://www.w3.org/2000/svg', width: '11', height: '6', viewBox: '0 0 11 6', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.75 5.5L0.75 0.5H10.75L5.75 5.5Z', fill: ascIsActive ? "#1ABB64" : '#828282' }) }) }) }))] }) }) }));
47
+ return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'thead-item', children: (0, jsx_runtime_1.jsx)("th", { style: { width: colunm.width + 'px' }, children: (0, jsx_runtime_1.jsxs)(S.THeadItem, { style: { width: colunm.width + 'px' }, onClick: handleOrd, children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-12-bold uppercase', children: colunm.label }), !disableOrdenationTable && colunm.hasAsc && ((0, jsx_runtime_1.jsx)("div", { className: 'ord-actions', children: (0, jsx_runtime_1.jsx)("button", { type: 'button', children: (0, jsx_runtime_1.jsx)("svg", { style: { transform: rotateArrow ? 'rotate(180deg)' : 'rotate(0deg)' }, xmlns: 'http://www.w3.org/2000/svg', width: '11', height: '6', viewBox: '0 0 11 6', fill: 'none', children: (0, jsx_runtime_1.jsx)("path", { d: 'M5.75 5.5L0.75 0.5H10.75L5.75 5.5Z', fill: ascIsActive ? '#1ABB64' : '#828282' }) }) }) }))] }) }) }));
45
48
  }
46
49
  exports.THeadItem = THeadItem;
47
50
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/thead-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAAmD;AAGnD,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAAmD;QAAjD,MAAM,YAAA,EAAE,sBAAsB,4BAAA;IAExD,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAC;IAE3B,IAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC;IAC7B,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAC;IAE9C,IAAM,WAAW,GAAG,YAAY,KAAK,MAAM,CAAC,EAAE,CAAA;IAC9C,IAAM,WAAW,GAAG,WAAW,IAAI,GAAG,KAAK,MAAM,CAAA;IAEjD,SAAS,SAAS;QAChB,IAAI,sBAAsB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC7C,OAAM;QACR,CAAC;QAED,IAAA,gBAAW,EAAC,EAAE,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,YAAY,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAG,EAAE,MAAM,QAAA,EAAE,CAAC,CAAA;IAC5I,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,+BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,YACvC,wBAAC,CAAC,CAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,aACpE,iCAAO,SAAS,EAAC,wBAAwB,YACtC,MAAM,CAAC,KAAK,GACR,EAEN,CAAC,sBAAsB,IAAI,MAAM,CAAC,MAAM,IAAI,CAC3C,gCAAK,SAAS,EAAC,aAAa,YAC1B,mCAAQ,IAAI,EAAC,QAAQ,YACnB,gCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,EAAE,EAAE,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,GAAG,EAAC,OAAO,EAAC,UAAU,EAAC,IAAI,EAAC,MAAM,YACjK,iCAAM,CAAC,EAAC,oCAAoC,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAA,SAAS,GAAI,GACrF,GACC,GACL,CACP,IACW,GACX,GACC,CACT,CAAA;AACH,CAAC;AAvCD,8BAuCC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/thead-item/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAAmD;AAGnD,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,EAAmD;QAAjD,MAAM,YAAA,EAAE,sBAAsB,4BAAA;IACxD,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,GAAG,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAA;IAC5B,IAAM,YAAY,GAAG,MAAM,CAAC,KAAK,CAAC,WAAW,CAAA;IAE7C,IAAM,WAAW,GAAG,YAAY,KAAK,MAAM,CAAC,EAAE,CAAA;IAC9C,IAAM,WAAW,GAAG,WAAW,IAAI,GAAG,KAAK,MAAM,CAAA;IAEjD,SAAS,SAAS;QAChB,IAAI,sBAAsB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;YAC7C,OAAM;QACR,CAAC;QAED,IAAA,gBAAW,EAAC;YACV,MAAM,EAAE,EAAE,WAAW,EAAE,MAAM,CAAC,EAAE,EAAE,GAAG,EAAE,YAAY,KAAK,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAAE;YAChH,MAAM,QAAA;SACP,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,YAAY,YACtB,+BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,YACvC,wBAAC,CAAC,CAAC,SAAS,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,IAAI,EAAE,EAAE,OAAO,EAAE,SAAS,aACpE,iCAAM,SAAS,EAAC,wBAAwB,YAAE,MAAM,CAAC,KAAK,GAAQ,EAE7D,CAAC,sBAAsB,IAAI,MAAM,CAAC,MAAM,IAAI,CAC3C,gCAAK,SAAS,EAAC,aAAa,YAC1B,mCAAQ,IAAI,EAAC,QAAQ,YACnB,gCACE,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,cAAc,EAAE,EACrE,KAAK,EAAC,4BAA4B,EAClC,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,GAAG,EACV,OAAO,EAAC,UAAU,EAClB,IAAI,EAAC,MAAM,YAEX,iCAAM,CAAC,EAAC,oCAAoC,EAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GAAI,GACtF,GACC,GACL,CACP,IACW,GACX,GACC,CACT,CAAA;AACH,CAAC;AA9CD,8BA8CC"}
@@ -94,7 +94,7 @@ function DynamicFormHandler(props) {
94
94
  if ((isLoading || isValidating) && props.getDetails) {
95
95
  return (0, jsx_runtime_1.jsx)(loader_circle_1.LoaderCircle, { size: 30, color: '#000' });
96
96
  }
97
- return ((0, jsx_runtime_1.jsxs)(S.DynamiFormHandler, { children: [props.title && (0, jsx_runtime_1.jsx)("h3", { className: 'font-24-bold', children: props.title }), (0, jsx_runtime_1.jsx)(component_1.FormHandler, __assign({}, props, { onSucess: function (data) { return __awaiter(_this, void 0, void 0, function () {
97
+ return ((0, jsx_runtime_1.jsxs)(S.DynamiFormHandler, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [props.title && (0, jsx_runtime_1.jsx)("h3", { className: 'font-24-bold', children: props.title }), props.subtitle && (0, jsx_runtime_1.jsx)("span", { className: 'font-18-regular', children: props.subtitle })] }), (0, jsx_runtime_1.jsx)(component_1.FormHandler, __assign({}, props, { onSucess: function (data) { return __awaiter(_this, void 0, void 0, function () {
98
98
  return __generator(this, function (_a) {
99
99
  switch (_a.label) {
100
100
  case 0: return [4 /*yield*/, props.onSucess(data, undefined, props.tableItem)];
@@ -1 +1 @@
1
- {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,+DAA4D;AAE5D,4CAAoC;AAIpC,kDAAqC;AAErC,0CAA6B;AAE7B,SAAgB,kBAAkB,CAAC,KAA8B;IAAjE,iBAsCC;IArCC,SAAe,OAAO;;;;gBACpB,sBAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAA;;;KACnD;IAEK,IAAA,KAA4C,IAAA,aAAM,EAAC,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE,OAAO,CAAC,EAApH,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,MAAM,YAA+E,CAAA;IAE5H,IAAI,CAAC,SAAS,IAAI,YAAY,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACpD,OAAO,uBAAC,4BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CAAA;IAChD,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,iBAAiB,eACjB,KAAK,CAAC,KAAK,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,CAAC,KAAK,GAAM,EAE/D,uBAAC,uBAAW,eACL,KAAa,IAClB,QAAQ,EAAE,UAAO,IAAI;;;oCACnB,qBAAM,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA;;gCAAtD,SAAsD,CAAA;gCAEtD,MAAM,EAAE,CAAA;;;;qBACT,EACD,WAAW,wBAAO,IAAI,GAAK,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,aAEnD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK;oBAC3B,OAAO,CACL,gCAAiB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,mBAAmB,EAAE,iBAAU,GAAG,CAAC,MAAM,WAAQ,EAAE,YACpG,GAAG,CAAC,GAAG,CAAC,UAAC,KAAK;4BACb,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;4BAE5C,OAAO,uBAAC,OAAO,eAAuB,KAAa,GAA9B,KAAK,CAAC,IAAI,CAAwB,CAAA;wBACzD,CAAC,CAAC,IALM,KAAK,CAMT,CACP,CAAA;gBACH,CAAC,CAAC,IACU,IACM,CACvB,CAAA;AACH,CAAC;AAtCD,gDAsCC"}
1
+ {"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0CAA0C;AAC1C,+DAA4D;AAE5D,4CAAoC;AAIpC,kDAAqC;AAErC,0CAA6B;AAE7B,SAAgB,kBAAkB,CAAC,KAA8B;IAAjE,iBA4CC;IA3CC,SAAe,OAAO;;;;gBACpB,sBAAO,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,0CAAE,OAAO,CAAC,KAAK,CAAC,SAAS,CAAC,EAAA;;;KACnD;IAEK,IAAA,KAA4C,IAAA,aAAM,EACtD,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,EACzD,OAAO,CACR,EAHO,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,YAAY,kBAAA,EAAE,MAAM,YAG5C,CAAA;IAED,IAAI,CAAC,SAAS,IAAI,YAAY,CAAC,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;QACpD,OAAO,uBAAC,4BAAY,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,GAAG,CAAA;IAChD,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,iBAAiB,eAClB,iCAAK,SAAS,EAAC,QAAQ,aACpB,KAAK,CAAC,KAAK,IAAI,+BAAI,SAAS,EAAC,cAAc,YAAE,KAAK,CAAC,KAAK,GAAM,EAC9D,KAAK,CAAC,QAAQ,IAAI,iCAAM,SAAS,EAAC,iBAAiB,YAAE,KAAK,CAAC,QAAQ,GAAQ,IACxE,EAEN,uBAAC,uBAAW,eACL,KAAa,IAClB,QAAQ,EAAE,UAAO,IAAI;;;oCACnB,qBAAM,KAAK,CAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS,CAAC,EAAA;;gCAAtD,SAAsD,CAAA;gCAEtD,MAAM,EAAE,CAAA;;;;qBACT,EACD,WAAW,wBAAO,IAAI,GAAK,CAAC,KAAK,CAAC,WAAW,IAAI,EAAE,CAAC,aAEnD,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK;oBAC3B,OAAO,CACL,gCAAiB,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,mBAAmB,EAAE,iBAAU,GAAG,CAAC,MAAM,WAAQ,EAAE,YACpG,GAAG,CAAC,GAAG,CAAC,UAAC,KAAK;4BACb,IAAM,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,cAAc,CAAC,CAAA;4BAE5C,OAAO,uBAAC,OAAO,eAAuB,KAAa,GAA9B,KAAK,CAAC,IAAI,CAAwB,CAAA;wBACzD,CAAC,CAAC,IALM,KAAK,CAMT,CACP,CAAA;gBACH,CAAC,CAAC,IACU,IACM,CACvB,CAAA;AACH,CAAC;AA5CD,gDA4CC"}
@@ -13,6 +13,7 @@ export type DynamicFormHandlerProps<T = any> = Partial<IFormHandler> & {
13
13
  };
14
14
  tableItem?: any;
15
15
  title?: string;
16
+ subtitle?: string;
16
17
  inputs?: InputProps<T>[][];
17
18
  getDetails?: {
18
19
  key: (params: {
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.DynamiFormHandler = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.DynamiFormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 20px;\n\n h3 {\n margin-bottom: 30px;\n color: ", ";\n }\n\n form {\n > div {\n > div + div {\n margin-top: 15px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"], ["\n padding: 20px;\n\n h3 {\n margin-bottom: 30px;\n color: ", ";\n }\n\n form {\n > div {\n > div + div {\n margin-top: 15px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"])), function (props) { return props.theme.darkColor; });
12
+ exports.DynamiFormHandler = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 20px;\n\n .header {\n margin-bottom: 30px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 15px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"], ["\n padding: 20px;\n\n .header {\n margin-bottom: 30px;\n\n h3 {\n color: ", ";\n margin: 0;\n }\n\n span {\n display: block;\n color: #888;\n }\n }\n\n form {\n > div {\n > div + div {\n margin-top: 15px;\n }\n }\n }\n\n .form-button {\n button {\n background: #1abb9b;\n border: 0;\n border-radius: 5px;\n height: 46px;\n font-size: 16px;\n font-weight: 700;\n }\n }\n"])), function (props) { return props.theme.darkColor; });
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,+aAAA,qEAKjC,EAAgC,qSAqB5C,KArBY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAqB5C"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/handler/dynamic_form_handler/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,iBAAiB,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,2hBAAA,wFAO/B,EAAgC,8XA4B9C,KA5Bc,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EA4B9C"}
@@ -1,4 +1,5 @@
1
- export declare function FileCard({ fileURL, name }: {
1
+ export declare function FileCard({ fileURL, name, onDelete }: {
2
2
  fileURL: string;
3
3
  name: string;
4
+ onDelete: () => void;
4
5
  }): import("react/jsx-runtime").JSX.Element;
@@ -29,7 +29,7 @@ var semantic_ui_react_1 = require("semantic-ui-react");
29
29
  var icons_1 = require("../../../../../ui/icons/index.js");
30
30
  var S = __importStar(require("./styles.js"));
31
31
  function FileCard(_a) {
32
- var fileURL = _a.fileURL, name = _a.name;
32
+ var fileURL = _a.fileURL, name = _a.name, onDelete = _a.onDelete;
33
33
  function formatedFileName(name) {
34
34
  var fileNameLimit = 6;
35
35
  var splited = name.split('.');
@@ -39,7 +39,7 @@ function FileCard(_a) {
39
39
  : name.substring(0, fileNameLimit);
40
40
  return hasExtension ? "".concat(fileName, ".").concat(splited.pop()) : fileName;
41
41
  }
42
- return ((0, jsx_runtime_1.jsxs)(S.FileCard, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)("img", { src: fileURL }) }), (0, jsx_runtime_1.jsx)("span", { className: 'file_name', children: formatedFileName(name) }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: function () { return null; }, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconEye' }) }) }), (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 null; }, type: 'button', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconDelete' }) }) })] })] }));
42
+ return ((0, jsx_runtime_1.jsxs)(S.FileCard, { children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)("img", { src: fileURL }) }), (0, jsx_runtime_1.jsx)("span", { className: 'file_name', children: formatedFileName(name) }), (0, jsx_runtime_1.jsxs)("div", { className: 'actions', children: [(0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Detalhe', trigger: (0, jsx_runtime_1.jsx)("a", { href: fileURL, target: '_blank', className: 'action-button', onClick: function () { return null; }, children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconEye' }) }) }), (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Popup, { content: 'Excluir', trigger: (0, jsx_runtime_1.jsx)("button", { className: 'action-button', onClick: onDelete, type: 'button', children: (0, jsx_runtime_1.jsx)(icons_1.Icon, { name: 'IconDelete' }) }) })] })] }));
43
43
  }
44
44
  exports.FileCard = FileCard;
45
45
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAyC;AAEzC,oCAAiC;AACjC,0CAA6B;AAE7B,SAAgB,QAAQ,CAAC,EAAoD;QAAlD,OAAO,aAAA,EAAE,IAAI,UAAA;IACtC,SAAS,gBAAgB,CAAC,IAAY;QACpC,IAAM,aAAa,GAAG,CAAC,CAAA;QAEvB,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAM,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;QAEvC,IAAM,QAAQ,GAAG,YAAY;YAC3B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC;YAC5D,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAEpC,OAAO,YAAY,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,OAAO,CAAC,GAAG,EAAE,CAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IACjE,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,eACT,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,GAAG,EAAE,OAAO,GAAI,GACjB,EAEN,iCAAM,SAAS,EAAC,WAAW,YAAE,gBAAgB,CAAC,IAAI,CAAC,GAAQ,EAE3D,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,yBAAK,IACJ,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,mCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,YACnD,uBAAC,YAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GAChB,GAEX,EAEF,uBAAC,yBAAK,IACJ,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,mCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,EAAE,IAAI,EAAC,QAAQ,YAClE,uBAAC,YAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,GAEX,IACE,IACK,CACd,CAAA;AACH,CAAC;AA3CD,4BA2CC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAyC;AAEzC,oCAAiC;AACjC,0CAA6B;AAG7B,SAAgB,QAAQ,CAAC,EAAoF;QAAlF,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA;IAChD,SAAS,gBAAgB,CAAC,IAAY;QACpC,IAAM,aAAa,GAAG,CAAC,CAAA;QAEvB,IAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC/B,IAAM,YAAY,GAAG,OAAO,CAAC,MAAM,GAAG,CAAC,CAAA;QAEvC,IAAM,QAAQ,GAAG,YAAY;YAC3B,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC;YAC5D,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,EAAE,aAAa,CAAC,CAAA;QAEpC,OAAO,YAAY,CAAC,CAAC,CAAC,UAAG,QAAQ,cAAI,OAAO,CAAC,GAAG,EAAE,CAAE,CAAC,CAAC,CAAC,QAAQ,CAAA;IACjE,CAAC;IAED,OAAO,CACL,wBAAC,CAAC,CAAC,QAAQ,eACT,gCAAK,SAAS,EAAC,MAAM,YACnB,gCAAK,GAAG,EAAE,OAAO,GAAI,GACjB,EAEN,iCAAM,SAAS,EAAC,WAAW,YAAE,gBAAgB,CAAC,IAAI,CAAC,GAAQ,EAE3D,iCAAK,SAAS,EAAC,SAAS,aACtB,uBAAC,yBAAK,IACJ,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,8BAAG,IAAI,EAAE,OAAO,EAAE,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,cAAM,OAAA,IAAI,EAAJ,CAAI,YAC7E,uBAAC,YAAI,IAAC,IAAI,EAAC,SAAS,GAAG,GACrB,GAEN,EAEF,uBAAC,yBAAK,IACJ,OAAO,EAAC,SAAS,EACjB,OAAO,EACL,mCAAQ,SAAS,EAAC,eAAe,EAAC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAC,QAAQ,YAChE,uBAAC,YAAI,IAAC,IAAI,EAAC,YAAY,GAAG,GACnB,GAEX,IACE,IACK,CACd,CAAA;AACH,CAAC;AA3CD,4BA2CC"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.FileCard = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.FileCard = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n\n .icon {\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n overflow: hidden;\n border-radius: 8px;\n overflow: hidden;\n\n img,\n svg {\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n }\n\n .file_name {\n font-size: 14px;\n text-align: center;\n font-weight: 400;\n /* margin-left: 10px; */\n }\n\n .actions {\n display: flex;\n align-content: center;\n gap: 10px;\n width: fit-content;\n margin: 0 0 0 auto;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n\n .icon {\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n overflow: hidden;\n border-radius: 8px;\n overflow: hidden;\n\n img,\n svg {\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n }\n\n .file_name {\n font-size: 14px;\n text-align: center;\n font-weight: 400;\n /* margin-left: 10px; */\n }\n\n .actions {\n display: flex;\n align-content: center;\n gap: 10px;\n width: fit-content;\n margin: 0 0 0 auto;\n }\n"])));
12
+ exports.FileCard = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n margin-top: 10px;\n\n .icon {\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n overflow: hidden;\n border-radius: 8px;\n overflow: hidden;\n\n img,\n svg {\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n }\n\n .file_name {\n font-size: 14px;\n text-align: center;\n font-weight: 400;\n /* margin-left: 10px; */\n }\n\n .actions {\n display: flex;\n align-content: center;\n gap: 10px;\n width: fit-content;\n margin: 0 0 0 auto;\n\n .action-button {\n padding: 0;\n border: 0;\n width: 30px;\n height: 30px;\n border-radius: 5px;\n background: #e1e1e1;\n color: #828282;\n cursor: pointer;\n padding: 8px;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 10px;\n width: 100%;\n margin-top: 10px;\n\n .icon {\n height: 40px;\n width: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 10px;\n overflow: hidden;\n border-radius: 8px;\n overflow: hidden;\n\n img,\n svg {\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n }\n\n .file_name {\n font-size: 14px;\n text-align: center;\n font-weight: 400;\n /* margin-left: 10px; */\n }\n\n .actions {\n display: flex;\n align-content: center;\n gap: 10px;\n width: fit-content;\n margin: 0 0 0 auto;\n\n .action-button {\n padding: 0;\n border: 0;\n width: 30px;\n height: 30px;\n border-radius: 5px;\n background: #e1e1e1;\n color: #828282;\n cursor: pointer;\n padding: 8px;\n display: flex;\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,stBAAA,mpBAuCpC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/ui/components/form/input-file/file-card/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,QAAQ,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,2kCAAA,wgCA2DpC,KAAA"}
@@ -45,10 +45,16 @@ function InputFile(props) {
45
45
  var _a = (0, formik_1.useField)({ name: props.name }), field = _a[0], _ = _a[1], handlers = _a[2];
46
46
  var isFileList = field.value instanceof FileList;
47
47
  var valueIsString = typeof field.value === 'string';
48
+ function removeFile(fileToRemove) {
49
+ if (field.value instanceof FileList) {
50
+ var updatedFiles = Array.from(field.value).filter(function (file) { return file !== fileToRemove; });
51
+ handlers.setValue(updatedFiles.length > 0 ? updatedFiles : '');
52
+ }
53
+ }
48
54
  return ((0, jsx_runtime_1.jsx)(input_control_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsxs)(S.InputFile, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { id: props.name, name: props.name, type: 'file', onChange: function (event) {
49
55
  handlers.setValue(event.currentTarget.files);
50
56
  } })), (0, jsx_runtime_1.jsxs)("label", { htmlFor: props.name, children: [(0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconDropFile' }), (0, jsx_runtime_1.jsx)("span", { children: "Selecione um arquivo" })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'initial_value_input_file', children: [isFileList &&
51
- Array.from(field.value).map(function (file) { return ((0, jsx_runtime_1.jsx)(file_card_1.FileCard, { fileURL: URL.createObjectURL(file), name: file.name })); }), valueIsString && field.value && (0, jsx_runtime_1.jsx)(file_card_1.FileCard, { fileURL: field.value, name: field.value })] })] }) })));
57
+ Array.from(field.value).map(function (file) { return ((0, jsx_runtime_1.jsx)(file_card_1.FileCard, { fileURL: URL.createObjectURL(file), name: file.name, onDelete: function () { return removeFile(file); } })); }), valueIsString && field.value && ((0, jsx_runtime_1.jsx)(file_card_1.FileCard, { fileURL: field.value, name: field.value, onDelete: function () { return handlers.setValue(''); } }))] })] }) })));
52
58
  }
53
59
  exports.InputFile = InputFile;
54
60
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,2BAA2B;AAC3B,yCAAsC;AACtC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,KAAiB;IACnC,IAAA,KAAuB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAApD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAE3D,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,YAAY,QAAQ,CAAA;IAClD,IAAM,aAAa,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAA;IAErD,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,wBAAC,CAAC,CAAC,SAAS,eACV,6CACM,KAAK,IACT,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAAK;wBACd,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC9C,CAAC,IACD,EAEF,mCAAO,OAAO,EAAE,KAAK,CAAC,IAAI,aACxB,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAE5B,oEAAiC,IAC3B,EAER,iCAAK,SAAS,EAAC,0BAA0B,aACtC,UAAU;4BACT,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAU,IAAK,OAAA,CAC1C,uBAAC,oBAAQ,IAAC,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,GAAI,CAClE,EAF2C,CAE3C,CAAC,EAEH,aAAa,IAAI,KAAK,CAAC,KAAK,IAAI,uBAAC,oBAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,GAAI,IAClF,IACM,IACD,CAChB,CAAA;AACH,CAAC;AApCD,8BAoCC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-file/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AAEjC,2BAA2B;AAC3B,yCAAsC;AACtC,kDAA+C;AAI/C,0CAA6B;AAE7B,SAAgB,SAAS,CAAC,KAAiB;IACnC,IAAA,KAAuB,IAAA,iBAAQ,EAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAApD,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,QAAQ,QAAkC,CAAA;IAE3D,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,YAAY,QAAQ,CAAA;IAClD,IAAM,aAAa,GAAG,OAAO,KAAK,CAAC,KAAK,KAAK,QAAQ,CAAA;IAErD,SAAS,UAAU,CAAC,YAAkB;QACpC,IAAI,KAAK,CAAC,KAAK,YAAY,QAAQ,EAAE,CAAC;YACpC,IAAM,YAAY,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,KAAK,YAAY,EAArB,CAAqB,CAAC,CAAA;YACpF,QAAQ,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAA;QAChE,CAAC;IACH,CAAC;IAED,OAAO,CACL,uBAAC,4BAAY,eAAK,KAAK,cACrB,wBAAC,CAAC,CAAC,SAAS,eACV,6CACM,KAAK,IACT,EAAE,EAAE,KAAK,CAAC,IAAI,EACd,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAC,MAAM,EACX,QAAQ,EAAE,UAAC,KAAK;wBACd,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC,CAAA;oBAC9C,CAAC,IACD,EAEF,mCAAO,OAAO,EAAE,KAAK,CAAC,IAAI,aACxB,uBAAC,SAAI,IAAC,IAAI,EAAC,cAAc,GAAG,EAE5B,oEAAiC,IAC3B,EAER,iCAAK,SAAS,EAAC,0BAA0B,aACtC,UAAU;4BACT,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,UAAC,IAAU,IAAK,OAAA,CAC1C,uBAAC,oBAAQ,IAAC,OAAO,EAAE,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,GAAI,CACpG,EAF2C,CAE3C,CAAC,EAEH,aAAa,IAAI,KAAK,CAAC,KAAK,IAAI,CAC/B,uBAAC,oBAAQ,IAAC,OAAO,EAAE,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,KAAK,EAAE,QAAQ,EAAE,cAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,EAArB,CAAqB,GAAI,CAC7F,IACG,IACM,IACD,CAChB,CAAA;AACH,CAAC;AA7CD,8BA6CC"}
@@ -46,10 +46,10 @@ var ui_1 = require("../../../../ui/index.js");
46
46
  var custom_styles_1 = require("./custom-styles.js");
47
47
  var S = __importStar(require("./styles.js"));
48
48
  function Select(props) {
49
- var _a;
50
- var _b = (0, formik_1.useField)({
49
+ var _a, _b, _c, _d;
50
+ var _e = (0, formik_1.useField)({
51
51
  name: props.name,
52
- }), field = _b[0], _ = _b[1], helpers = _b[2];
52
+ }), field = _e[0], _ = _e[1], helpers = _e[2];
53
53
  var fieldValue = field.value || [];
54
54
  var value = !props.onlyOneValue
55
55
  ? fieldValue && (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.length) > 0 && props.isGroup
@@ -67,19 +67,21 @@ function Select(props) {
67
67
  helpers.setValue(props.value);
68
68
  }
69
69
  }, [props.value]);
70
- return ((0, jsx_runtime_1.jsx)(S.SelectWrapper, { children: (0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { isSearchable: props.isSearchable, menuPlacement: props.menuPlacement || 'auto', menuIsOpen: props.forceOpenToDevelop ? props.forceOpenToDevelop : undefined, placeholder: props.placeholder, name: field.name, noOptionsMessage: function () { return props.noOptionMessage || 'Nenhuma opção encontrada.'; }, onChange: function (ev) {
71
- var value = props.onlyOneValue
72
- ? ev.value
73
- : Array.isArray(ev)
74
- ? ev.map(function (ev) { return ev.value; })
75
- : ev
76
- ? [ev.value]
77
- : [];
78
- helpers.setValue(value);
79
- props.onChangeSelect && props.onChangeSelect(value);
80
- }, value: props.value || props.isMultiple ? value : value[0], isMulti: props.isMultiple, options: props.options, components: props.CustomOption
81
- ? { Option: props.CustomOption, SingleValue: props.CustomOption }
82
- : undefined, className: ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? 'open' : '', styles: props.customStlyes || custom_styles_1.customStyles }) })) }));
70
+ return ((0, jsx_runtime_1.jsxs)(S.SelectWrapper, { children: [(0, jsx_runtime_1.jsx)(ui_1.InputControl, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(react_select_1.default, { isSearchable: props.isSearchable, menuPlacement: props.menuPlacement || 'auto', menuIsOpen: props.forceOpenToDevelop ? props.forceOpenToDevelop : undefined, placeholder: props.placeholder, name: field.name, noOptionsMessage: function () { return props.noOptionMessage || 'Nenhuma opção encontrada.'; }, onChange: function (ev) {
71
+ var value = props.onlyOneValue
72
+ ? ev.value
73
+ : Array.isArray(ev)
74
+ ? ev.map(function (ev) { return ev.value; })
75
+ : ev
76
+ ? [ev.value]
77
+ : [];
78
+ helpers.setValue(value);
79
+ props.onChangeSelect && props.onChangeSelect(value);
80
+ }, value: props.value || props.isMultiple ? value : value[0], isMulti: props.isMultiple, options: props.options, components: props.CustomOption
81
+ ? { Option: props.CustomOption, SingleValue: props.CustomOption }
82
+ : undefined, className: ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? 'open' : '', styles: props.customStlyes || custom_styles_1.customStyles }) })), ((_b = props === null || props === void 0 ? void 0 : props.addButton) === null || _b === void 0 ? void 0 : _b.CustomComponent)
83
+ ? (_c = props === null || props === void 0 ? void 0 : props.addButton) === null || _c === void 0 ? void 0 : _c.CustomComponent
84
+ : ((_d = props === null || props === void 0 ? void 0 : props.addButton) === null || _d === void 0 ? void 0 : _d.onClick) && ((0, jsx_runtime_1.jsx)("button", { className: 'add', type: 'button', onClick: props.addButton.onClick, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'PlusIcon' }) }))] }));
83
85
  }
84
86
  exports.Select = Select;
85
87
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}
@@ -25,4 +25,8 @@ export type ISelectProps = {
25
25
  innerRef: any;
26
26
  innerProps: any;
27
27
  }) => JSX.Element;
28
+ addButton?: {
29
+ onClick?: (param?: any) => void;
30
+ CustomComponent?: React.ReactNode;
31
+ };
28
32
  } & InputProps;
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.SelectWrapper = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n height: 100%;\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"], ["\n width: 100%;\n height: 100%;\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"])));
12
+ exports.SelectWrapper = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n height: 100%;\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n margin-left: 4px;\n color: hsl(0, 0%, 80%);\n margin: auto 0 0;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"], ["\n width: 100%;\n display: flex;\n height: 100%;\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n\n .add {\n padding: 0;\n border: 0;\n background: none;\n width: 42px;\n height: 42px;\n border: 1px solid currentColor;\n border-radius: 4px;\n padding: 12px;\n cursor: pointer;\n margin-left: 4px;\n color: hsl(0, 0%, 80%);\n margin: auto 0 0;\n\n &:hover {\n background: #828282;\n color: #fff;\n }\n\n svg {\n width: 100%;\n height: auto;\n fill: currentColor;\n }\n }\n"])));
13
13
  var templateObject_1;
14
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,wQAAA,qMAczC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,aAAa,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,2tBAAA,wpBAyCzC,KAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "infinity-forge",
3
- "version": "0.20.1",
3
+ "version": "0.20.3",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -1,15 +0,0 @@
1
- import { List } from '../../../../system/index.js';
2
- import { IconsNames } from '../../../../ui/index.js';
3
- export type LoadMenu = {
4
- load: () => Promise<LoadMenu.Model>;
5
- };
6
- export type IMenu = {
7
- order: number;
8
- title: string;
9
- icon: IconsNames;
10
- route?: string;
11
- items?: IMenu[];
12
- };
13
- export declare namespace LoadMenu {
14
- type Model = List<IMenu>;
15
- }
@@ -1,3 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- //# sourceMappingURL=load-menu.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"load-menu.js","sourceRoot":"","sources":["../../../../../src/system/domain/use-cases/menu/load-menu.ts"],"names":[],"mappings":""}
@@ -1 +0,0 @@
1
- export * from './message-card/index.js';
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- __exportStar(require("./message-card/index.js"), exports);
18
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/components/data/cards/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA8B"}
@@ -1,2 +0,0 @@
1
- import { IMessage } from '../../../../../../sites/interfaces/index.js';
2
- export declare function MessageCard({ avatar, message, name, sendTime, unRead }: IMessage): import("react/jsx-runtime").JSX.Element;
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- var desc = Object.getOwnPropertyDescriptor(m, k);
5
- if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
- desc = { enumerable: true, get: function() { return m[k]; } };
7
- }
8
- Object.defineProperty(o, k2, desc);
9
- }) : (function(o, m, k, k2) {
10
- if (k2 === undefined) k2 = k;
11
- o[k2] = m[k];
12
- }));
13
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
- Object.defineProperty(o, "default", { enumerable: true, value: v });
15
- }) : function(o, v) {
16
- o["default"] = v;
17
- });
18
- var __importStar = (this && this.__importStar) || function (mod) {
19
- if (mod && mod.__esModule) return mod;
20
- var result = {};
21
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
- __setModuleDefault(result, mod);
23
- return result;
24
- };
25
- Object.defineProperty(exports, "__esModule", { value: true });
26
- exports.MessageCard = void 0;
27
- var jsx_runtime_1 = require("react/jsx-runtime");
28
- var semantic_ui_react_1 = require("semantic-ui-react");
29
- var ui_1 = require("../../../../../../ui/index.js");
30
- var avatar_1 = require("../../avatar/index.js");
31
- var S = __importStar(require("./styles.js"));
32
- function MessageCard(_a) {
33
- var avatar = _a.avatar, message = _a.message, name = _a.name, sendTime = _a.sendTime, unRead = _a.unRead;
34
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'MessageCard', children: (0, jsx_runtime_1.jsxs)(S.MessageCard, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'avatar-box', children: [avatar.length > 0 && (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { image: avatar[0], className: avatar.length > 1 && 'first' }), avatar.length > 1 && (0, jsx_runtime_1.jsx)(avatar_1.Avatar, { image: avatar[1], className: avatar.length > 1 && 'second' })] }), (0, jsx_runtime_1.jsxs)("div", { className: 'content-box', children: [(0, jsx_runtime_1.jsx)("p", { className: 'name font-14-bold', children: name }), (0, jsx_runtime_1.jsxs)("div", { className: 'message-box', children: [(0, jsx_runtime_1.jsx)("p", { className: 'message font-12-regular', children: message }), unRead ? ((0, jsx_runtime_1.jsx)("div", { className: 'status blue' })) : ((0, jsx_runtime_1.jsx)("span", { className: 'status', children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Icon, { name: 'check circle outline' }) }))] })] })] }) }));
35
- }
36
- exports.MessageCard = MessageCard;
37
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/cards/message-card/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAwC;AAExC,2BAA4B;AAC5B,uCAAqC;AAGrC,0CAA6B;AAE7B,SAAgB,WAAW,CAAC,EAAqD;QAAnD,MAAM,YAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAA,EAAE,MAAM,YAAA;IACnE,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,wBAAC,CAAC,CAAC,WAAW,eACZ,iCAAK,SAAS,EAAC,YAAY,aACxB,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,eAAM,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,OAAO,GAAI,EAE1F,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,uBAAC,eAAM,IAAC,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,GAAI,IACxF,EAEN,iCAAK,SAAS,EAAC,aAAa,aAC1B,8BAAG,SAAS,EAAC,mBAAmB,YAAE,IAAI,GAAK,EAE3C,iCAAK,SAAS,EAAC,aAAa,aAC1B,8BAAG,SAAS,EAAC,yBAAyB,YAAE,OAAO,GAAK,EAEnD,MAAM,CAAC,CAAC,CAAC,CACR,gCAAK,SAAS,EAAC,aAAa,GAAG,CAChC,CAAC,CAAC,CAAC,CACF,iCAAM,SAAS,EAAC,QAAQ,YACtB,uBAAC,wBAAI,IAAC,IAAI,EAAC,sBAAsB,GAAG,GAC/B,CACR,IACG,IACF,IACQ,GACV,CACT,CAAA;AACH,CAAC;AA5BD,kCA4BC"}
@@ -1,2 +0,0 @@
1
- /// <reference types="react" />
2
- export declare const MessageCard: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
@@ -1,14 +0,0 @@
1
- "use strict";
2
- var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
3
- if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
4
- return cooked;
5
- };
6
- var __importDefault = (this && this.__importDefault) || function (mod) {
7
- return (mod && mod.__esModule) ? mod : { "default": mod };
8
- };
9
- Object.defineProperty(exports, "__esModule", { value: true });
10
- exports.MessageCard = void 0;
11
- var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.MessageCard = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 10px;\n border-radius: 6px;\n cursor: pointer;\n padding: 0.7rem;\n transition: background 0.1s ease-in-out;\n\n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n\n .avatar-box {\n position: relative;\n z-index: 22;\n\n .first {\n position: relative;\n z-index: 22;\n }\n\n .second {\n transform: scale(0.92);\n position: absolute;\n z-index: 23;\n top: 20%;\n left: -20%;\n border: 2px solid #fff;\n }\n }\n\n .content-box {\n width: 100%;\n\n .name {\n margin-bottom: 0.125rem; // mb-0.5\n width: 91.666%; // w-11/12\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 600; // font-semibold\n color: #1f2937; // text-gray-900\n }\n\n .message-box {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .message {\n margin: 0;\n width: 100%;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-inline-end: 1.75rem; // pe-7\n color: #6b7280; // text-gray-500\n }\n\n .time {\n width: fit-content;\n color: #6b7280; // text-gray-500\n padding-inline-end: 2rem; // pe-7\n padding-inline-start: 0.8rem; // pe-7\n white-space: nowrap;\n }\n }\n\n .status {\n color: #444;\n width: 10px;\n height: 10px;\n display: flex;\n background: #f1f1f1;\n border-radius: 100rem;\n margin: 0 auto auto;\n padding: 0.5px;\n\n svg {\n width: 100%;\n height: auto;\n }\n\n &.blue {\n background: #3872fa;\n }\n }\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 10px;\n border-radius: 6px;\n cursor: pointer;\n padding: 0.7rem;\n transition: background 0.1s ease-in-out;\n\n &:hover {\n background: rgba(0, 0, 0, 0.05);\n }\n\n .avatar-box {\n position: relative;\n z-index: 22;\n\n .first {\n position: relative;\n z-index: 22;\n }\n\n .second {\n transform: scale(0.92);\n position: absolute;\n z-index: 23;\n top: 20%;\n left: -20%;\n border: 2px solid #fff;\n }\n }\n\n .content-box {\n width: 100%;\n\n .name {\n margin-bottom: 0.125rem; // mb-0.5\n width: 91.666%; // w-11/12\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n font-weight: 600; // font-semibold\n color: #1f2937; // text-gray-900\n }\n\n .message-box {\n display: flex;\n align-items: center;\n justify-content: space-between;\n\n .message {\n margin: 0;\n width: 100%;\n max-width: 200px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n padding-inline-end: 1.75rem; // pe-7\n color: #6b7280; // text-gray-500\n }\n\n .time {\n width: fit-content;\n color: #6b7280; // text-gray-500\n padding-inline-end: 2rem; // pe-7\n padding-inline-start: 0.8rem; // pe-7\n white-space: nowrap;\n }\n }\n\n .status {\n color: #444;\n width: 10px;\n height: 10px;\n display: flex;\n background: #f1f1f1;\n border-radius: 100rem;\n margin: 0 auto auto;\n padding: 0.5px;\n\n svg {\n width: 100%;\n height: auto;\n }\n\n &.blue {\n background: #3872fa;\n }\n }\n }\n"])));
13
- var templateObject_1;
14
- //# sourceMappingURL=styles.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/data/cards/message-card/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAA+C;AAElC,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,o0DAAA,iwDA0FpC,KAAA"}
@@ -1,2 +0,0 @@
1
- import { ISkeletonProps } from './interfaces.js';
2
- export declare function Skeleton({ type, spacing }: ISkeletonProps): import("react/jsx-runtime").JSX.Element;