infinity-forge 0.20.0 → 0.20.2
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.
- package/dist/system/presentation/components/data/input-search/index.js +1 -1
- package/dist/system/presentation/components/data/input-search/styles.js +1 -1
- package/dist/system/presentation/components/data/input-search/styles.js.map +1 -1
- package/dist/system/presentation/components/layout/styles.js +1 -1
- package/dist/system/presentation/components/layout/styles.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/component.d.ts +4 -0
- package/dist/system/presentation/hooks/ui/use-table/component.js +1 -0
- package/dist/system/presentation/hooks/ui/use-table/component.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/index.js +2 -2
- package/dist/system/presentation/hooks/ui/use-table/components/table/index.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/styles.js.map +1 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/thead-item/index.js +6 -3
- package/dist/system/presentation/hooks/ui/use-table/components/table/thead-item/index.js.map +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/component.js +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/component.js.map +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/interfaces.d.ts +1 -0
- package/dist/ui/components/form/handler/dynamic_form_handler/styles.js +1 -1
- package/dist/ui/components/form/handler/dynamic_form_handler/styles.js.map +1 -1
- package/dist/ui/components/form/input-file/file-card/index.d.ts +2 -1
- package/dist/ui/components/form/input-file/file-card/index.js +2 -2
- package/dist/ui/components/form/input-file/file-card/index.js.map +1 -1
- package/dist/ui/components/form/input-file/file-card/styles.js +1 -1
- package/dist/ui/components/form/input-file/file-card/styles.js.map +1 -1
- package/dist/ui/components/form/input-file/index.js +7 -1
- package/dist/ui/components/form/input-file/index.js.map +1 -1
- package/dist/ui/components/form/select/index.js +13 -13
- package/dist/ui/components/form/select/index.js.map +1 -1
- package/dist/ui/components/form/select/interfaces.d.ts +3 -0
- package/dist/ui/components/form/select/styles.js +1 -1
- package/dist/ui/components/form/select/styles.js.map +1 -1
- package/package.json +1 -1
- package/dist/system/domain/use-cases/menu/load-menu.d.ts +0 -15
- package/dist/system/domain/use-cases/menu/load-menu.js +0 -3
- package/dist/system/domain/use-cases/menu/load-menu.js.map +0 -1
- package/dist/system/presentation/components/data/cards/index.d.ts +0 -1
- package/dist/system/presentation/components/data/cards/index.js +0 -18
- package/dist/system/presentation/components/data/cards/index.js.map +0 -1
- package/dist/system/presentation/components/data/cards/message-card/index.d.ts +0 -2
- package/dist/system/presentation/components/data/cards/message-card/index.js +0 -37
- package/dist/system/presentation/components/data/cards/message-card/index.js.map +0 -1
- package/dist/system/presentation/components/data/cards/message-card/styles.d.ts +0 -2
- package/dist/system/presentation/components/data/cards/message-card/styles.js +0 -14
- package/dist/system/presentation/components/data/cards/message-card/styles.js.map +0 -1
- package/dist/system/presentation/components/data/skeleton/index.d.ts +0 -2
- package/dist/system/presentation/components/data/skeleton/index.js +0 -35
- package/dist/system/presentation/components/data/skeleton/index.js.map +0 -1
- package/dist/system/presentation/components/data/skeleton/interfaces.d.ts +0 -4
- package/dist/system/presentation/components/data/skeleton/interfaces.js +0 -3
- package/dist/system/presentation/components/data/skeleton/interfaces.js.map +0 -1
- package/dist/system/presentation/components/data/skeleton/styles.d.ts +0 -4
- package/dist/system/presentation/components/data/skeleton/styles.js +0 -14
- package/dist/system/presentation/components/data/skeleton/styles.js.map +0 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.d.ts +0 -4
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.js +0 -13
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.js.map +0 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.d.ts +0 -5
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.js +0 -42
- package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.js.map +0 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/index.d.ts +0 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/index.js +0 -33
- package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/index.js.map +0 -1
- package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/styles.d.ts +0 -4
- package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/styles.js +0 -14
- package/dist/system/presentation/hooks/ui/use-table/components/table/loader-table/styles.js.map +0 -1
- package/dist/tsconfig.tsbuildinfo +0 -1
|
@@ -32,7 +32,7 @@ var S = __importStar(require("./styles.js"));
|
|
|
32
32
|
function InputSearch(_a) {
|
|
33
33
|
var onChange = _a.onChange;
|
|
34
34
|
var _b = (0, react_1.useState)(null), value = _b[0], setValue = _b[1];
|
|
35
|
-
var debouncedValue = (0, system_1.useDebounce)(value,
|
|
35
|
+
var debouncedValue = (0, system_1.useDebounce)(value, 400);
|
|
36
36
|
(0, react_1.useEffect)(function () {
|
|
37
37
|
if (debouncedValue !== null) {
|
|
38
38
|
onChange(value);
|
|
@@ -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:
|
|
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,
|
|
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,
|
|
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"}
|
|
@@ -18,6 +18,7 @@ var query_1 = require("./query.js");
|
|
|
18
18
|
function useTable(props) {
|
|
19
19
|
var queryTable = props.query && (0, query_1.useQueryTable)(props.query);
|
|
20
20
|
return {
|
|
21
|
+
query: queryTable,
|
|
21
22
|
Table: (0, jsx_runtime_1.jsx)(components_1.Table, __assign({}, props, { isFetching: queryTable === null || queryTable === void 0 ? void 0 : queryTable.isLoading, tableInformations: queryTable === null || queryTable === void 0 ? void 0 : queryTable.data })),
|
|
22
23
|
};
|
|
23
24
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/ui/use-table/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAoC;AACpC,iCAAuC;AAIvC,SAAgB,QAAQ,CAAmB,KAA2B;IAEpE,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,IAAI,IAAA,qBAAa,EAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK,EAAE,uBAAC,kBAAK,eAAK,KAAK,IAAE,UAAU,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,IAAK;KACrG,CAAA;AACH,CAAC;
|
|
1
|
+
{"version":3,"file":"component.js","sourceRoot":"","sources":["../../../../../../src/system/presentation/hooks/ui/use-table/component.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,2CAAoC;AACpC,iCAAuC;AAIvC,SAAgB,QAAQ,CAAmB,KAA2B;IAEpE,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,IAAI,IAAA,qBAAa,EAAC,KAAK,CAAC,KAAK,CAAC,CAAA;IAE5D,OAAO;QACL,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,uBAAC,kBAAK,eAAK,KAAK,IAAE,UAAU,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS,EAAE,iBAAiB,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,IAAK;KACrG,CAAA;AACH,CAAC;AARD,4BAQC"}
|
|
@@ -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
|
|
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,
|
|
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'
|
|
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,2BAA4B;AAE5B,mCAAiC;AACjC,qCAAmC;AACnC,qCAAmC;AACnC,mCAAuC;AACvC,2CAAwC;AACxC,2CAAyC;AACzC,mDAAgD;AAIhD,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,YAAY,GAAG,OAAO,CAAC,SAAS,IAAI,UAAU,CAAA;IACpD,IAAM,UAAU,GAAG,OAAO,CAAC,UAAU,IAAI,iBAAiB,CAAC,UAAU,CAAA;IAErE,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,OAAO,CACL,wBAAC,UAAK,IAAC,IAAI,EAAC,iBAAiB,aAC3B,wBAAC,CAAC,CAAC,UAAU,IAAC,SAAS,EAAC,aAAa,aAClC,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,EAAC,CAAC,CAAC,uBAAC,iBAAO,IAAC,OAAO,EAAE,iBAAiB,CAAC,OAAO,GAAI,CAAC,CAAC,CAAC,iCAAW,EAE3F,iCAAK,SAAS,EAAC,OAAO,aACnB,CAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,KAAI,CAAA,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,OAAO,0CAAE,MAAM,IAAG,CAAC,IAAI,uBAAC,eAAM,IAAC,OAAO,EAAE,iBAAiB,CAAC,OAAO,GAAI,
|
|
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
|
|
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,
|
|
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 ===
|
|
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)({
|
|
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 ?
|
|
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
|
package/dist/system/presentation/hooks/ui/use-table/components/table/thead-item/index.js.map
CHANGED
|
@@ -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;
|
|
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,
|
|
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"}
|
|
@@ -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
|
|
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
|
|
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"}
|
|
@@ -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)("
|
|
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;
|
|
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,
|
|
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,
|
|
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"}
|
|
@@ -67,19 +67,19 @@ function Select(props) {
|
|
|
67
67
|
helpers.setValue(props.value);
|
|
68
68
|
}
|
|
69
69
|
}, [props.value]);
|
|
70
|
-
return ((0, jsx_runtime_1.
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
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 }) })), props.addButton && ((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
83
|
}
|
|
84
84
|
exports.Select = Select;
|
|
85
85
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAiC;AAEjC,iCAAiC;AACjC,8DAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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\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\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,
|
|
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,osBAAA,ioBAwCzC,KAAA"}
|
package/package.json
CHANGED
|
@@ -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 +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,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"}
|