infinity-forge 0.16.7 → 0.16.9

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 (35) hide show
  1. package/dist/system/presentation/components/layout/header/components/search-modal/search-list/index.js +1 -1
  2. package/dist/system/presentation/components/layout/header/components/search-modal/search-list/index.js.map +1 -1
  3. package/dist/system/presentation/components/layout/header/components/search-modal/search-list/styles.js +1 -1
  4. package/dist/system/presentation/components/layout/header/components/search-modal/search-list/styles.js.map +1 -1
  5. package/dist/system/presentation/components/layout/menu/components/select-workspace/custom-styles.d.ts +2 -0
  6. package/dist/system/presentation/components/layout/menu/components/select-workspace/custom-styles.js +26 -0
  7. package/dist/system/presentation/components/layout/menu/components/select-workspace/custom-styles.js.map +1 -0
  8. package/dist/system/presentation/components/layout/menu/components/select-workspace/index.js +2 -1
  9. package/dist/system/presentation/components/layout/menu/components/select-workspace/index.js.map +1 -1
  10. package/dist/system/presentation/components/layout/menu/components/select-workspace/styles.js +1 -1
  11. package/dist/system/presentation/components/layout/menu/components/select-workspace/styles.js.map +1 -1
  12. package/dist/system/presentation/components/layout/menu/version-01/index.js +24 -0
  13. package/dist/system/presentation/components/layout/menu/version-01/index.js.map +1 -1
  14. package/dist/system/presentation/components/layout/styles.js +1 -1
  15. package/dist/system/presentation/components/layout/styles.js.map +1 -1
  16. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js +1 -1
  17. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/styles.js.map +1 -1
  18. package/dist/ui/components/form/input-control/styles.js +1 -4
  19. package/dist/ui/components/form/input-control/styles.js.map +1 -1
  20. package/dist/ui/components/form/select/custom-styles.d.ts +2 -0
  21. package/dist/ui/components/form/select/custom-styles.js +26 -0
  22. package/dist/ui/components/form/select/custom-styles.js.map +1 -0
  23. package/dist/ui/components/form/select/index.js +2 -2
  24. package/dist/ui/components/form/select/index.js.map +1 -1
  25. package/dist/ui/components/form/select/interfaces.d.ts +2 -0
  26. package/dist/ui/components/form/select/styles.js +1 -1
  27. package/dist/ui/components/form/select/styles.js.map +1 -1
  28. package/package.json +1 -1
  29. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.d.ts +0 -4
  30. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.js +0 -13
  31. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/search/index.js.map +0 -1
  32. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.d.ts +0 -5
  33. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.js +0 -42
  34. package/dist/system/presentation/hooks/ui/use-table/components/table/filters/select/index.js.map +0 -1
  35. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -63,7 +63,7 @@ function SearchList(_a) {
63
63
  return [];
64
64
  });
65
65
  }
66
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchList', children: (0, jsx_runtime_1.jsxs)(S.SearchList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)(system_1.InputSearch, { onChange: function (value) { return setSearchText(value); } }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }), (0, jsx_runtime_1.jsx)("div", { className: 'list', children: menuItemsFiltered.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: 'not-found', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconNotFound' }) }), (0, jsx_runtime_1.jsx)("p", { className: 'font-20-regular', children: "Nenhum resultado encontrado" })] })) : (menuItemsFiltered.map(function (item, index) {
66
+ return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SearchList', children: (0, jsx_runtime_1.jsxs)(S.SearchList, { children: [(0, jsx_runtime_1.jsxs)("div", { className: 'header', children: [(0, jsx_runtime_1.jsx)(ui_1.FormHandler, { children: (0, jsx_runtime_1.jsx)(system_1.InputSearch, { onChange: function (value) { return setSearchText(value); } }) }), (0, jsx_runtime_1.jsx)("button", { className: 'close', type: 'button', onClick: function () { return setOpen(false); }, children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'CloseIcon' }) })] }), (0, jsx_runtime_1.jsx)("div", { className: 'list', children: menuItemsFiltered.length === 0 ? ((0, jsx_runtime_1.jsxs)("div", { className: 'not-found', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: 'IconNotFound' }) }), (0, jsx_runtime_1.jsx)("p", { className: 'font-20-regular', children: "Nenhum resultado encontrado" })] })) : (menuItemsFiltered.map(function (item, index) {
67
67
  var _a;
68
68
  return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("h6", { className: "font-12-bold uppercase ".concat(index !== 0 && 'last'), children: item.title }), (_a = item.items) === null || _a === void 0 ? void 0 : _a.map(function (subItem) {
69
69
  return subItem.route ? ((0, jsx_runtime_1.jsxs)(link_1.default, { href: subItem.route, className: 'item', children: [(0, jsx_runtime_1.jsx)("div", { className: 'icon', children: (0, jsx_runtime_1.jsx)(ui_1.Icon, { name: subItem.icon }) }), (0, jsx_runtime_1.jsxs)("span", { className: 'text-box font-14-regular', children: [(0, jsx_runtime_1.jsx)("span", { className: 'name', children: subItem.title }), (0, jsx_runtime_1.jsx)("span", { className: 'href', children: subItem.route })] })] }, subItem.title)) : null;
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/index.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/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.SearchList = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SearchList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n\n .header {\n width: 100%;\n display: flex; /* flex */\n align-items: center; /* items-center */\n justify-content: space-between;\n padding: 16px 20px;\n gap: 20px;\n\n > div {\n width: 100%;\n\n .icon {\n color: #484848;\n }\n\n input {\n width: 100%;\n height: 40px;\n background: #ebebeb;\n border-radius: 6px;\n opacity: 1;\n\n &::placeholder {\n color: #9b9b9b;\n }\n }\n }\n\n .close {\n padding: 0;\n background: none;\n border: 0;\n display: flex;\n width: 20px;\n height: 20px;\n align-items: center;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n }\n\n .list {\n max-height: 60vh; /* max-h-[60vh] */\n overflow-y: auto; /* overflow-y-auto */\n border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n padding: 1rem 0.5rem; /* px-2 py-4 */\n\n h6 {\n margin: 0;\n margin-bottom: 4px; /* mb-1 */\n padding: 0 12px; /* px-3 */\n letter-spacing: 0.05em; /* tracking-widest */\n color: #666666; /* text-gray-500 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n }\n\n &.last {\n margin-top: 1.5rem; /* mt-6 */\n @media (min-width: 1920px) {\n /* 4xl */\n margin-top: 1.75rem; /* 4xl:mt-7 */\n }\n }\n }\n\n .not-found {\n width: 100%;\n text-align: center;\n transform: scale(0.75);\n\n .icon {\n margin: 0 auto;\n width: 40px;\n height: 40px;\n display: flex;\n margin-bottom: 20px;\n\n g {\n fill: currentColor !important;\n }\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n\n p {\n color: #484848;\n }\n }\n\n .item {\n position: relative; /* relative */\n margin: 2px 0; /* my-0.5 */\n display: flex; /* flex */\n align-items: center; /* items-center */\n border-radius: 0.5rem; /* rounded-lg */\n padding: 8px 12px; /* px-3 py-2 */\n outline: none; /* focus:outline-none */\n\n > .icon {\n display: inline-flex; /* inline-flex */\n align-items: center; /* items-center */\n justify-content: center; /* justify-center */\n border-radius: 0.375rem; /* rounded-md */\n border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n padding: 8px; /* p-2 */\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n svg {\n width: 20px;\n height: 20px;\n }\n }\n\n > .text-box {\n margin-left: 12px; /* ms-3 */\n display: grid; /* grid */\n gap: 0.125rem; /* gap-0.5 */\n\n .name {\n text-transform: capitalize; /* capitalize */\n color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n }\n }\n\n .href {\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n }\n }\n\n &:hover {\n background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n }\n\n &:focus-visible {\n background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n }\n\n @media (prefers-color-scheme: dark) {\n &:hover {\n background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n }\n }\n }\n }\n"], ["\n width: 100%;\n\n .header {\n width: 100%;\n display: flex; /* flex */\n align-items: center; /* items-center */\n justify-content: space-between;\n padding: 16px 20px;\n gap: 20px;\n\n > div {\n width: 100%;\n\n .icon {\n color: #484848;\n }\n\n input {\n width: 100%;\n height: 40px;\n background: #ebebeb;\n border-radius: 6px;\n opacity: 1;\n\n &::placeholder {\n color: #9b9b9b;\n }\n }\n }\n\n .close {\n padding: 0;\n background: none;\n border: 0;\n display: flex;\n width: 20px;\n height: 20px;\n align-items: center;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n }\n\n .list {\n max-height: 60vh; /* max-h-[60vh] */\n overflow-y: auto; /* overflow-y-auto */\n border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n padding: 1rem 0.5rem; /* px-2 py-4 */\n\n h6 {\n margin: 0;\n margin-bottom: 4px; /* mb-1 */\n padding: 0 12px; /* px-3 */\n letter-spacing: 0.05em; /* tracking-widest */\n color: #666666; /* text-gray-500 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n }\n\n &.last {\n margin-top: 1.5rem; /* mt-6 */\n @media (min-width: 1920px) {\n /* 4xl */\n margin-top: 1.75rem; /* 4xl:mt-7 */\n }\n }\n }\n\n .not-found {\n width: 100%;\n text-align: center;\n transform: scale(0.75);\n\n .icon {\n margin: 0 auto;\n width: 40px;\n height: 40px;\n display: flex;\n margin-bottom: 20px;\n\n g {\n fill: currentColor !important;\n }\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n\n p {\n color: #484848;\n }\n }\n\n .item {\n position: relative; /* relative */\n margin: 2px 0; /* my-0.5 */\n display: flex; /* flex */\n align-items: center; /* items-center */\n border-radius: 0.5rem; /* rounded-lg */\n padding: 8px 12px; /* px-3 py-2 */\n outline: none; /* focus:outline-none */\n\n > .icon {\n display: inline-flex; /* inline-flex */\n align-items: center; /* items-center */\n justify-content: center; /* justify-center */\n border-radius: 0.375rem; /* rounded-md */\n border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n padding: 8px; /* p-2 */\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n svg {\n width: 20px;\n height: 20px;\n }\n }\n\n > .text-box {\n margin-left: 12px; /* ms-3 */\n display: grid; /* grid */\n gap: 0.125rem; /* gap-0.5 */\n\n .name {\n text-transform: capitalize; /* capitalize */\n color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n }\n }\n\n .href {\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n }\n }\n\n &:hover {\n background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n }\n\n &:focus-visible {\n background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n }\n\n @media (prefers-color-scheme: dark) {\n &:hover {\n background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n }\n }\n }\n }\n"])));
12
+ exports.SearchList = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n\n .header {\n width: 100%;\n display: flex; /* flex */\n align-items: center; /* items-center */\n justify-content: space-between;\n padding: 16px 20px;\n gap: 20px;\n\n div {\n width: 100%;\n }\n\n form {\n width: 100%;\n height: 40px;\n }\n\n input {\n width: 100%;\n height: 40px;\n background: #ebebeb;\n border-radius: 6px;\n opacity: 1;\n\n &::placeholder {\n color: #9b9b9b;\n }\n }\n\n .icon {\n color: #484848;\n }\n\n .close {\n padding: 0;\n background: none;\n border: 0;\n display: flex;\n width: 20px;\n height: 20px;\n align-items: center;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n }\n\n .list {\n max-height: 60vh; /* max-h-[60vh] */\n overflow-y: auto; /* overflow-y-auto */\n border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n padding: 1rem 0.5rem; /* px-2 py-4 */\n\n h6 {\n margin: 0;\n margin-bottom: 4px; /* mb-1 */\n padding: 0 12px; /* px-3 */\n letter-spacing: 0.05em; /* tracking-widest */\n color: #666666; /* text-gray-500 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n }\n\n &.last {\n margin-top: 1.5rem; /* mt-6 */\n @media (min-width: 1920px) {\n /* 4xl */\n margin-top: 1.75rem; /* 4xl:mt-7 */\n }\n }\n }\n\n .not-found {\n width: 100%;\n text-align: center;\n transform: scale(0.75);\n\n .icon {\n margin: 0 auto;\n width: 40px;\n height: 40px;\n display: flex;\n margin-bottom: 20px;\n\n g {\n fill: currentColor !important;\n }\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n\n p {\n color: #484848;\n }\n }\n\n .item {\n position: relative; /* relative */\n margin: 2px 0; /* my-0.5 */\n display: flex; /* flex */\n align-items: center; /* items-center */\n border-radius: 0.5rem; /* rounded-lg */\n padding: 8px 12px; /* px-3 py-2 */\n outline: none; /* focus:outline-none */\n\n > .icon {\n display: inline-flex; /* inline-flex */\n align-items: center; /* items-center */\n justify-content: center; /* justify-center */\n border-radius: 0.375rem; /* rounded-md */\n border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n padding: 8px; /* p-2 */\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n svg {\n width: 20px;\n height: 20px;\n }\n }\n\n > .text-box {\n margin-left: 12px; /* ms-3 */\n display: grid; /* grid */\n gap: 0.125rem; /* gap-0.5 */\n\n .name {\n text-transform: capitalize; /* capitalize */\n color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n }\n }\n\n .href {\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n }\n }\n\n &:hover {\n background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n }\n\n &:focus-visible {\n background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n }\n\n @media (prefers-color-scheme: dark) {\n &:hover {\n background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n }\n }\n }\n }\n"], ["\n width: 100%;\n\n .header {\n width: 100%;\n display: flex; /* flex */\n align-items: center; /* items-center */\n justify-content: space-between;\n padding: 16px 20px;\n gap: 20px;\n\n div {\n width: 100%;\n }\n\n form {\n width: 100%;\n height: 40px;\n }\n\n input {\n width: 100%;\n height: 40px;\n background: #ebebeb;\n border-radius: 6px;\n opacity: 1;\n\n &::placeholder {\n color: #9b9b9b;\n }\n }\n\n .icon {\n color: #484848;\n }\n\n .close {\n padding: 0;\n background: none;\n border: 0;\n display: flex;\n width: 20px;\n height: 20px;\n align-items: center;\n cursor: pointer;\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n }\n\n .list {\n max-height: 60vh; /* max-h-[60vh] */\n overflow-y: auto; /* overflow-y-auto */\n border-top: 1px solid rgba(209, 213, 219, 1); /* border-t border-gray-300 */\n padding: 1rem 0.5rem; /* px-2 py-4 */\n\n h6 {\n margin: 0;\n margin-bottom: 4px; /* mb-1 */\n padding: 0 12px; /* px-3 */\n letter-spacing: 0.05em; /* tracking-widest */\n color: #666666; /* text-gray-500 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(107, 114, 128, 1); /* dark:text-gray-500 */\n }\n\n &.last {\n margin-top: 1.5rem; /* mt-6 */\n @media (min-width: 1920px) {\n /* 4xl */\n margin-top: 1.75rem; /* 4xl:mt-7 */\n }\n }\n }\n\n .not-found {\n width: 100%;\n text-align: center;\n transform: scale(0.75);\n\n .icon {\n margin: 0 auto;\n width: 40px;\n height: 40px;\n display: flex;\n margin-bottom: 20px;\n\n g {\n fill: currentColor !important;\n }\n\n svg {\n width: 100%;\n height: auto;\n }\n }\n\n p {\n color: #484848;\n }\n }\n\n .item {\n position: relative; /* relative */\n margin: 2px 0; /* my-0.5 */\n display: flex; /* flex */\n align-items: center; /* items-center */\n border-radius: 0.5rem; /* rounded-lg */\n padding: 8px 12px; /* px-3 py-2 */\n outline: none; /* focus:outline-none */\n\n > .icon {\n display: inline-flex; /* inline-flex */\n align-items: center; /* items-center */\n justify-content: center; /* justify-center */\n border-radius: 0.375rem; /* rounded-md */\n border: 1px solid rgba(209, 213, 219, 1); /* border border-gray-300 */\n padding: 8px; /* p-2 */\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n\n svg {\n width: 20px;\n height: 20px;\n }\n }\n\n > .text-box {\n margin-left: 12px; /* ms-3 */\n display: grid; /* grid */\n gap: 0.125rem; /* gap-0.5 */\n\n .name {\n text-transform: capitalize; /* capitalize */\n color: rgba(17, 24, 39, 1); /* text-gray-900 */\n\n @media (prefers-color-scheme: dark) {\n color: rgba(55, 65, 81, 1); /* dark:text-gray-700 */\n }\n }\n\n .href {\n color: rgba(107, 114, 128, 1); /* text-gray-500 */\n }\n }\n\n &:hover {\n background-color: rgba(229, 231, 235, 1); /* hover:bg-gray-100 */\n }\n\n &:focus-visible {\n background-color: rgba(229, 231, 235, 1); /* focus-visible:bg-gray-100 */\n }\n\n @media (prefers-color-scheme: dark) {\n &:hover {\n background-color: rgba(156, 163, 175, 0.5); /* dark:hover:bg-gray-50/50 */\n backdrop-filter: blur(12px); /* dark:hover:backdrop-blur-lg */\n }\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/layout/header/components/search-modal/search-list/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,8uHAAA,2qHAgKnC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../../src/system/presentation/components/layout/header/components/search-modal/search-list/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,UAAU,GAAG,2BAAM,CAAC,GAAG,gxHAAA,6sHAqKnC,KAAA"}
@@ -0,0 +1,2 @@
1
+ import { StylesConfig } from 'react-select';
2
+ export declare const customStyles: StylesConfig;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.customStyles = void 0;
15
+ exports.customStyles = {
16
+ control: function (provided, state) { return (__assign(__assign({}, provided), { minHeight: '60px' })); },
17
+ menu: function (provided, state) { return (__assign(__assign({}, provided), { zIndex: '9999', padding: '5px 15px' })); },
18
+ placeholder: function (provided, state) { return (__assign(__assign({}, provided), { fontSize: '14px' })); },
19
+ valueContainer: function (provided, state) { return (__assign(__assign({}, provided), { minHeight: '60px', padding: '0 15px' })); },
20
+ input: function (provided, state) { return (__assign(__assign({}, provided), { margin: '0px', padding: '0px', height: '60px', minHeight: '60px' })); },
21
+ indicatorSeparator: function (state) { return ({
22
+ display: 'none',
23
+ }); },
24
+ indicatorsContainer: function (provided, state) { return (__assign(__assign({}, provided), { minHeight: '60px', paddingRight: '15px' })); },
25
+ };
26
+ //# sourceMappingURL=custom-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"custom-styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/custom-styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEa,QAAA,YAAY,GAAiB;IACxC,OAAO,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACzB,QAAQ,KACX,SAAS,EAAE,MAAM,IACjB,EAH4B,CAG5B;IAEF,IAAI,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACtB,QAAQ,KACX,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,UAAU,IACnB,EAJyB,CAIzB;IAEF,WAAW,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBAC7B,QAAQ,KACX,QAAQ,EAAE,MAAM,IAChB,EAHgC,CAGhC;IAEF,cAAc,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBAChC,QAAQ,KACX,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,QAAQ,IACjB,EAJmC,CAInC;IAEF,KAAK,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACvB,QAAQ,KACX,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,IACjB,EAN0B,CAM1B;IACF,kBAAkB,EAAE,UAAC,KAAK,IAAK,OAAA,CAAC;QAC9B,OAAO,EAAE,MAAM;KAChB,CAAC,EAF6B,CAE7B;IACF,mBAAmB,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACrC,QAAQ,KACX,SAAS,EAAE,MAAM,EACjB,YAAY,EAAE,MAAM,IACpB,EAJwC,CAIxC;CACH,CAAA"}
@@ -50,6 +50,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
50
50
  var system_1 = require("../../../../../../../system/index.js");
51
51
  var ui_1 = require("../../../../../../../ui/index.js");
52
52
  var S = __importStar(require("./styles.js"));
53
+ var custom_styles_1 = require("./custom-styles.js");
53
54
  function Item(_a) {
54
55
  var data = _a.data, props = __rest(_a, ["data"]);
55
56
  return ((0, jsx_runtime_1.jsxs)("button", __assign({ className: 'item' }, props.innerProps, { children: [(data === null || data === void 0 ? void 0 : data.img) ? (0, jsx_runtime_1.jsx)(system_1.Avatar, { className: 'avatar', image: data.img }) : (0, jsx_runtime_1.jsx)("div", { className: 'circle' }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("span", { className: 'font-14-regular', children: data === null || data === void 0 ? void 0 : data.label }), (data === null || data === void 0 ? void 0 : data.subtitle) && (0, jsx_runtime_1.jsx)("span", { className: 'font-12-regular subtitulo', children: data.subtitle })] })] })));
@@ -59,7 +60,7 @@ function SelectWorkSpace(_a) {
59
60
  if (!(workspaces === null || workspaces === void 0 ? void 0 : workspaces.list) || workspaces.list.length === 0) {
60
61
  return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, {});
61
62
  }
62
- return ((0, jsx_runtime_1.jsx)(S.SelectWorkSpace, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { onChangeForm: { callbackResult: workspaces.onChangeWorkSpace && workspaces.onChangeWorkSpace }, initialData: { workspace: workspaces.activeWorkspace }, children: (0, jsx_runtime_1.jsx)(ui_1.Select, { name: 'workspace', menuPlacement: 'bottom', options: workspaces.list, onlyOneValue: true, CustomOption: Item, isSearchable: false }) }) }));
63
+ return ((0, jsx_runtime_1.jsx)(S.SelectWorkSpace, { children: (0, jsx_runtime_1.jsx)(ui_1.FormHandler, { onChangeForm: { callbackResult: workspaces.onChangeWorkSpace && workspaces.onChangeWorkSpace }, initialData: { workspace: workspaces.activeWorkspace }, children: (0, jsx_runtime_1.jsx)(ui_1.Select, { name: 'workspace', menuPlacement: 'bottom', options: workspaces.list, onlyOneValue: true, customStlyes: custom_styles_1.customStyles, CustomOption: Item, isSearchable: false }) }) }));
63
64
  }
64
65
  exports.SelectWorkSpace = SelectWorkSpace;
65
66
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,2BAA0C;AAE1C,0CAA6B;AAE7B,SAAS,IAAI,CAAC,EAAkB;IAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IAC5B,OAAO,CACL,6CAAQ,SAAS,EAAC,MAAM,IAAK,KAAK,CAAC,UAAU,eAC1C,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,EAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAExF,4CACE,iCAAM,SAAS,EAAC,iBAAiB,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAErD,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,CAAC,QAAQ,GAAQ,IACjF,KACC,CACV,CAAA;AACH,CAAC;AAeD,SAAgB,eAAe,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IAC1C,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAA,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,eAAe,cAChB,uBAAC,gBAAW,IACV,YAAY,EAAE,EAAE,cAAc,EAAE,UAAU,CAAC,iBAAiB,IAAI,UAAU,CAAC,iBAAiB,EAAE,EAC9F,WAAW,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,YAEtD,uBAAC,WAAM,IACL,IAAI,EAAC,WAAW,EAChB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAE,UAAU,CAAC,IAAI,EACxB,YAAY,QACZ,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,KAAK,GACnB,GACU,GACI,CACrB,CAAA;AACH,CAAC;AAtBD,0CAsBC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAiC;AACjC,2BAA0C;AAE1C,0CAA6B;AAC7B,iDAA8C;AAE9C,SAAS,IAAI,CAAC,EAAkB;IAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;IAC5B,OAAO,CACL,6CAAQ,SAAS,EAAC,MAAM,IAAK,KAAK,CAAC,UAAU,eAC1C,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,GAAG,EAAC,CAAC,CAAC,uBAAC,eAAM,IAAC,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,IAAI,CAAC,GAAG,GAAI,CAAC,CAAC,CAAC,gCAAK,SAAS,EAAC,QAAQ,GAAG,EAExF,4CACE,iCAAM,SAAS,EAAC,iBAAiB,YAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,GAAQ,EAErD,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,QAAQ,KAAI,iCAAM,SAAS,EAAC,2BAA2B,YAAE,IAAI,CAAC,QAAQ,GAAQ,IACjF,KACC,CACV,CAAA;AACH,CAAC;AAeD,SAAgB,eAAe,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IAC1C,IAAI,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,IAAI,CAAA,IAAI,UAAU,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtD,OAAO,kDAAK,CAAA;IACd,CAAC;IAED,OAAO,CACL,uBAAC,CAAC,CAAC,eAAe,cAChB,uBAAC,gBAAW,IACV,YAAY,EAAE,EAAE,cAAc,EAAE,UAAU,CAAC,iBAAiB,IAAI,UAAU,CAAC,iBAAiB,EAAE,EAC9F,WAAW,EAAE,EAAE,SAAS,EAAE,UAAU,CAAC,eAAe,EAAE,YAEtD,uBAAC,WAAM,IACL,IAAI,EAAC,WAAW,EAChB,aAAa,EAAC,QAAQ,EACtB,OAAO,EAAE,UAAU,CAAC,IAAI,EACxB,YAAY,QACZ,YAAY,EAAE,4BAAY,EAC1B,YAAY,EAAE,IAAI,EAClB,YAAY,EAAE,KAAK,GACnB,GACU,GACI,CACrB,CAAA;AACH,CAAC;AAvBD,0CAuBC"}
@@ -9,6 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.SelectWorkSpace = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.SelectWorkSpace = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 20px 15px 0 0;\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n fill: #2b2b2b;\n width: 18px;\n }\n\n [class*='indicatorContainer'] {\n padding-right: 15px !important;\n }\n\n [class*='-1wy0on6'] {\n svg {\n fill: #000 !important;\n }\n }\n\n [class*='ValueContainer'],\n [class*='-Input'],\n [class*='-control'] {\n height: 60px !important;\n }\n\n [class*='ValueContainer'],\n [class*='-hlgwow'] {\n overflow: visible;\n padding-left: 15px !important;\n display: flex;\n }\n\n [class*='indicatorSeparator'] {\n display: none;\n }\n\n [class*='-placeholder'] {\n color: #2b2b2b;\n font-size: 14px;\n font-weight: 400;\n }\n\n [class*='-menu'] {\n width: 100%;\n max-width: 400px;\n z-index: 999999;\n\n .item {\n padding: 5px 15px;\n transition: background 0.2s;\n\n &:hover {\n background: #e1e1e1;\n }\n }\n }\n\n [class*='-MenuList'] {\n display: flex;\n flex-direction: column;\n }\n\n .css-13cymwt-control {\n border: 1px solid #e1e1e1;\n border-radius: 5px;\n cursor: pointer;\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n max-width: 139px;\n overflow-x: hidden;\n\n > span {\n text-overflow: ellipsis;\n overflow-x: hidden;\n }\n\n .subtitulo {\n color: #828282;\n }\n }\n\n .circle {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n"], ["\n width: 100%;\n padding: 20px 15px 0 0;\n\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n fill: #2b2b2b;\n width: 18px;\n }\n\n [class*='indicatorContainer'] {\n padding-right: 15px !important;\n }\n\n [class*='-1wy0on6'] {\n svg {\n fill: #000 !important;\n }\n }\n\n [class*='ValueContainer'],\n [class*='-Input'],\n [class*='-control'] {\n height: 60px !important;\n }\n\n [class*='ValueContainer'],\n [class*='-hlgwow'] {\n overflow: visible;\n padding-left: 15px !important;\n display: flex;\n }\n\n [class*='indicatorSeparator'] {\n display: none;\n }\n\n [class*='-placeholder'] {\n color: #2b2b2b;\n font-size: 14px;\n font-weight: 400;\n }\n\n [class*='-menu'] {\n width: 100%;\n max-width: 400px;\n z-index: 999999;\n\n .item {\n padding: 5px 15px;\n transition: background 0.2s;\n\n &:hover {\n background: #e1e1e1;\n }\n }\n }\n\n [class*='-MenuList'] {\n display: flex;\n flex-direction: column;\n }\n\n .css-13cymwt-control {\n border: 1px solid #e1e1e1;\n border-radius: 5px;\n cursor: pointer;\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n max-width: 139px;\n overflow-x: hidden;\n\n > span {\n text-overflow: ellipsis;\n overflow-x: hidden;\n }\n\n .subtitulo {\n color: #828282;\n }\n }\n\n .circle {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n"])));
12
+ exports.SelectWorkSpace = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 20px 15px 0 0;\n\n [class*='-DummyInput'] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n max-width: 139px;\n overflow-x: hidden;\n\n > span {\n text-overflow: ellipsis;\n overflow-x: hidden;\n }\n\n .subtitulo {\n color: #828282;\n }\n }\n\n .circle {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n\n .item + .item {\n margin-top: 10px;\n }\n"], ["\n width: 100%;\n padding: 20px 15px 0 0;\n\n [class*='-DummyInput'] {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n }\n\n .item {\n background: none;\n padding: 0;\n border: 0;\n display: flex;\n width: 100%;\n height: 100%;\n align-items: center;\n gap: 10px;\n cursor: pointer;\n\n > div {\n display: flex;\n flex-direction: column;\n text-align: start;\n max-width: 139px;\n overflow-x: hidden;\n\n > span {\n text-overflow: ellipsis;\n overflow-x: hidden;\n }\n\n .subtitulo {\n color: #828282;\n }\n }\n\n .circle {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n border-radius: 100rem;\n background-color: #444444;\n }\n\n .avatar {\n width: 36px;\n height: 36px;\n min-width: 36px;\n min-height: 36px;\n\n img {\n object-fit: cover !important;\n }\n }\n }\n\n .item + .item {\n margin-top: 10px;\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/menu/components/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,qiEAAA,k+DAsHxC,KAAA"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../../../src/system/presentation/components/layout/menu/components/select-workspace/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAEzB,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,6lCAAA,0hCA+DxC,KAAA"}
@@ -28,6 +28,30 @@ var jsx_runtime_1 = require("react/jsx-runtime");
28
28
  var components_1 = require("../components/index.js");
29
29
  var S = __importStar(require("./styles.js"));
30
30
  function MenuVersion01(_a) {
31
+ // const test: WorkSpace = {
32
+ // list: [
33
+ // {
34
+ // img: '',
35
+ // label: 'Lucas',
36
+ // value: 'Lucas',
37
+ // subtitle: '2123',
38
+ // },
39
+ // {
40
+ // img: '',
41
+ // label: 'Lucas',
42
+ // value: 'Lucas',
43
+ // subtitle: '2123',
44
+ // },
45
+ // {
46
+ // img: '',
47
+ // label: 'Lucas',
48
+ // value: 'Lucas',
49
+ // subtitle: '2123',
50
+ // },
51
+ // ],
52
+ // activeWorkspace: '',
53
+ // onChangeWorkSpace: () => null,
54
+ // }
31
55
  var workspaces = _a.workspaces;
32
56
  return ((0, jsx_runtime_1.jsxs)(S.MenuVersion01, { id: 'left-menu', children: [(0, jsx_runtime_1.jsx)(components_1.SelectWorkSpace, { workspaces: workspaces }), (0, jsx_runtime_1.jsx)(components_1.Menu, {})] }));
33
57
  }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,4CAAgE;AAEhE,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAA0C;QAAxC,UAAU,gBAAA;IACxC,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,IAAC,EAAE,EAAC,WAAW,aAC7B,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,EAE3C,uBAAC,iBAAI,KAAG,IACQ,CACnB,CAAA;AACH,CAAC;AARD,sCAQC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/system/presentation/components/layout/menu/version-01/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,4CAAgE;AAEhE,0CAA6B;AAE7B,SAAgB,aAAa,CAAC,EAA0C;IACtE,4BAA4B;IAC5B,YAAY;IACZ,QAAQ;IACR,iBAAiB;IACjB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,SAAS;IACT,QAAQ;IACR,iBAAiB;IACjB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,SAAS;IACT,QAAQ;IACR,iBAAiB;IACjB,wBAAwB;IACxB,wBAAwB;IACxB,0BAA0B;IAC1B,SAAS;IACT,OAAO;IACP,yBAAyB;IACzB,mCAAmC;IACnC,IAAI;QAxB0B,UAAU,gBAAA;IA0BxC,OAAO,CACL,wBAAC,CAAC,CAAC,aAAa,IAAC,EAAE,EAAC,WAAW,aAC7B,uBAAC,4BAAe,IAAC,UAAU,EAAE,UAAU,GAAI,EAE3C,uBAAC,iBAAI,KAAG,IACQ,CACnB,CAAA;AACH,CAAC;AAjCD,sCAiCC"}
@@ -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 > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n margin: var(--spacing) 0;\n width: 100%;\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 > div,\n header,\n main {\n padding-left: var(--spacing);\n padding-right: var(--spacing);\n }\n\n main {\n margin: var(--spacing) 0;\n width: 100%;\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 }\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"])));
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,2bAAA,wXAwBlC,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,ogBAAA,icA6BlC,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 [class*='-container'] {\n width: 170px;\n min-width: fit-content;\n cursor: pointer;\n height: inherit;\n }\n\n [class*='-control'] {\n width: 100%;\n height: 100%;\n overflow: none;\n display: flex;\n align-content: center;\n cursor: pointer;\n border-radius: var(--borderRadius);\n outline: none !important;\n border: 1px solid #e1e1e1;\n }\n\n [class*='-indicatorSeparator'] {\n display: none;\n }\n\n [class*='-ValueContainer'] {\n padding-left: 15px;\n padding-right: 0;\n height: inherit !important;\n }\n\n [class*='-indicatorContainer'] {\n padding-right: 15px;\n padding-left: 10px;\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 [class*='-container'] {\n width: 170px;\n min-width: fit-content;\n cursor: pointer;\n height: inherit;\n }\n\n [class*='-control'] {\n width: 100%;\n height: 100%;\n overflow: none;\n display: flex;\n align-content: center;\n cursor: pointer;\n border-radius: var(--borderRadius);\n outline: none !important;\n border: 1px solid #e1e1e1;\n }\n\n [class*='-indicatorSeparator'] {\n display: none;\n }\n\n [class*='-ValueContainer'] {\n padding-left: 15px;\n padding-right: 0;\n height: inherit !important;\n }\n\n [class*='-indicatorContainer'] {\n padding-right: 15px;\n padding-left: 10px;\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 --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"])), 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,m4BAAA,8JASzB,EAAgC,gqBAmC1C,KAnCU,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAmC1C"}
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,wOAAA,8JASzB,EAAgC,KAC1C,KADU,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,SAAS,EAArB,CAAqB,EAC1C"}
@@ -9,9 +9,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
9
9
  Object.defineProperty(exports, "__esModule", { value: true });
10
10
  exports.InputControl = void 0;
11
11
  var styled_components_1 = __importDefault(require("styled-components"));
12
- exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 46px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n color: #828282;\n }\n }\n\n [class*='-control'] {\n min-height: 46px;\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"], ["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 46px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n color: #828282;\n }\n }\n\n [class*='-control'] {\n min-height: 46px;\n }\n\n select {\n background: url('/images/arrow-bottom.svg') no-repeat;\n background-color: #fff;\n -moz-appearance: none !important;\n -webkit-appearance: none !important;\n appearance: none !important;\n background-position: calc(100% - 20px) 50%;\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n\n ", "/* @media only screen and (max-width: 1024px) {\n input,\n select {\n height: 50px;\n }\n\n textarea {\n height: 100px;\n }\n }\n\n @media only screen and (max-width: 768px) {\n input,\n select {\n height: 45px;\n }\n } */\n"])), function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; }, function (props) {
13
- return props.$loading &&
14
- "\n select {\n -webkit-appearance:none; /* Para navegadores baseados no WebKit (Chrome, Safari, etc.) */\n -moz-appearance: none; /* Para navegadores baseados no Gecko (Firefox) */\n appearance: none; /* Para navegadores que suportam a propriedade appearance */\n }\n ";
15
- });
12
+ exports.InputControl = (0, styled_components_1.default)('div')(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 46px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n color: #828282;\n }\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n"], ["\n width: 100%;\n margin-bottom: 10px;\n\n .input-content {\n position: relative;\n }\n\n input,\n select,\n textarea {\n border: 0;\n background-color: #fff;\n color: #111;\n padding: 0 10px;\n width: 100%;\n position: relative;\n display: flex;\n height: 46px;\n font-weight: 400;\n border: 1px solid #ccc;\n border-radius: 4px;\n font-size: 14px;\n\n &::placeholder {\n font-weight: 400;\n color: #828282;\n }\n }\n\n textarea {\n height: 120px;\n padding-top: 20px;\n padding-bottom: 20px;\n }\n\n input::placeholder {\n color: ", ";\n }\n\n textarea::placeholder {\n color: ", ";\n }\n\n input:not([type='color']):read-only {\n opacity: 0.6;\n cursor: not-allowed;\n }\n"])), function (props) { return props.theme['grey-dark']; }, function (props) { return props.theme['grey-dark']; });
16
13
  var templateObject_1;
17
14
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,65CAAkB,26BAkD9C,EAAmC,kDAInC,EAAmC,2GAQ5C,EAQD,4QAiBF,KArCY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAQ5C,UAAC,KAAK;IACN,OAAA,KAAK,CAAC,QAAQ;QACd,+RAMD;AAPC,CAOD,EAiBF"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/input-control/styles.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,wEAAsC;AAMzB,QAAA,YAAY,GAAG,IAAA,2BAAM,EAAC,KAAK,CAAC,o0BAAkB,omBAqC9C,EAAmC,kDAInC,EAAmC,uGAO/C,KAXY,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAInC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,WAAW,CAAC,EAAxB,CAAwB,EAO/C"}
@@ -0,0 +1,2 @@
1
+ import { StylesConfig } from 'react-select';
2
+ export declare const customStyles: StylesConfig;
@@ -0,0 +1,26 @@
1
+ "use strict";
2
+ var __assign = (this && this.__assign) || function () {
3
+ __assign = Object.assign || function(t) {
4
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
5
+ s = arguments[i];
6
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
+ t[p] = s[p];
8
+ }
9
+ return t;
10
+ };
11
+ return __assign.apply(this, arguments);
12
+ };
13
+ Object.defineProperty(exports, "__esModule", { value: true });
14
+ exports.customStyles = void 0;
15
+ exports.customStyles = {
16
+ control: function (provided, state) { return (__assign(__assign({}, provided), { minHeight: '40px' })); },
17
+ menu: function (provided, state) { return (__assign(__assign({}, provided), { zIndex: '9999' })); },
18
+ placeholder: function (provided, state) { return (__assign(__assign({}, provided), { fontSize: '14px' })); },
19
+ valueContainer: function (provided, state) { return (__assign(__assign({}, provided), { minHeight: '40px', padding: '0 6px' })); },
20
+ input: function (provided, state) { return (__assign(__assign({}, provided), { margin: '0px', padding: '0px', height: '40px', minHeight: '40px' })); },
21
+ indicatorSeparator: function (state) { return ({
22
+ display: 'none',
23
+ }); },
24
+ indicatorsContainer: function (provided, state) { return (__assign(__assign({}, provided), { minHeight: '40px' })); },
25
+ };
26
+ //# sourceMappingURL=custom-styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"custom-styles.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/custom-styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAEa,QAAA,YAAY,GAAiB;IACxC,OAAO,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACzB,QAAQ,KACX,SAAS,EAAE,MAAM,IACjB,EAH4B,CAG5B;IAEF,IAAI,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACtB,QAAQ,KACX,MAAM,EAAE,MAAM,IACd,EAHyB,CAGzB;IACF,WAAW,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBAC7B,QAAQ,KACX,QAAQ,EAAE,MAAM,IAChB,EAHgC,CAGhC;IAEF,cAAc,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBAChC,QAAQ,KACX,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,OAAO,IAChB,EAJmC,CAInC;IAEF,KAAK,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACvB,QAAQ,KACX,MAAM,EAAE,KAAK,EACb,OAAO,EAAE,KAAK,EACd,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,MAAM,IACjB,EAN0B,CAM1B;IACF,kBAAkB,EAAE,UAAC,KAAK,IAAK,OAAA,CAAC;QAC9B,OAAO,EAAE,MAAM;KAChB,CAAC,EAF6B,CAE7B;IACF,mBAAmB,EAAE,UAAC,QAAQ,EAAE,KAAK,IAAK,OAAA,uBACrC,QAAQ,KACX,SAAS,EAAE,MAAM,IACjB,EAHwC,CAGxC;CACH,CAAA"}
@@ -42,6 +42,7 @@ var jsx_runtime_1 = require("react/jsx-runtime");
42
42
  var formik_1 = require("formik");
43
43
  var react_select_1 = __importDefault(require("react-select"));
44
44
  var ui_1 = require("../../../../ui/index.js");
45
+ var custom_styles_1 = require("./custom-styles.js");
45
46
  var S = __importStar(require("./styles.js"));
46
47
  function Select(props) {
47
48
  var _a;
@@ -60,7 +61,6 @@ function Select(props) {
60
61
  })
61
62
  : fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.map(function (valueForm) { return props.options.find(function (option) { return option.value === valueForm; }); })
62
63
  : [props.options.find(function (option) { return option.value === fieldValue; })];
63
- console.log(value[0]);
64
64
  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) {
65
65
  var value = props.onlyOneValue
66
66
  ? ev.value
@@ -73,7 +73,7 @@ function Select(props) {
73
73
  props.onChangeSelect && props.onChangeSelect(value);
74
74
  }, value: props.isMultiple ? value : value[0], isMulti: props.isMultiple, options: props.options, components: props.CustomOption
75
75
  ? { Option: props.CustomOption, SingleValue: props.CustomOption }
76
- : undefined, className: ((_a = field === null || field === void 0 ? void 0 : field.value) === null || _a === void 0 ? void 0 : _a.length) > 0 ? 'open' : '' }) })) }));
76
+ : 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 }) })) }));
77
77
  }
78
78
  exports.Select = Select;
79
79
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAiC;AACjC,8DAAsC;AACtC,2BAAkC;AAIlC,0CAA6B;AAE7B,SAAgB,MAAM,CAAC,KAAmB;;IAClC,IAAA,KAAsB,IAAA,iBAAQ,EAAC;QACnC,IAAI,EAAE,KAAK,CAAC,IAAI;KACjB,CAAC,EAFK,KAAK,QAAA,EAAE,CAAC,QAAA,EAAE,OAAO,QAEtB,CAAA;IAEF,IAAM,UAAU,GAAG,KAAK,CAAC,KAAK,IAAI,EAAE,CAAA;IAEpC,IAAM,KAAK,GAAG,CAAC,KAAK,CAAC,YAAY;QAC/B,CAAC,CAAC,UAAU,IAAI,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,IAAG,CAAC,IAAI,KAAK,CAAC,OAAO;YACrD,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,UAAC,gBAAgB;gBAC/B,OAAO,KAAK,CAAC,OAAO;qBACjB,IAAI,CAAC,UAAC,MAAM;oBACX,OAAO,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,KAAK,gBAAgB,EAA5B,CAA4B,CAAC,CAAA;gBACjE,CAAC,CAAC;qBACD,OAAO,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,CAAC,KAAK,KAAK,gBAAgB,EAA9B,CAA8B,CAAC,CAAA;YAC1D,CAAC,CAAC;YACJ,CAAC,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,GAAG,CAAC,UAAC,SAAS,IAAK,OAAA,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,SAAS,EAA1B,CAA0B,CAAC,EAA1D,CAA0D,CAAC;QAC9F,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,UAAC,MAAM,IAAK,OAAA,MAAM,CAAC,KAAK,KAAK,UAAU,EAA3B,CAA2B,CAAC,CAAC,CAAA;IAC3D,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAA;IAE3B,OAAO,CACL,uBAAC,CAAC,CAAC,aAAa,cACd,uBAAC,iBAAY,eAAK,KAAK,cACrB,uBAAC,sBAAW,IACV,YAAY,EAAE,KAAK,CAAC,YAAY,EAChC,aAAa,EAAE,KAAK,CAAC,aAAa,IAAI,MAAM,EAC5C,UAAU,EAAE,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,SAAS,EAC3E,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,gBAAgB,EAAE,cAAM,OAAA,KAAK,CAAC,eAAe,IAAI,2BAA2B,EAApD,CAAoD,EAC5E,QAAQ,EAAE,UAAC,EAAO;oBAChB,IAAM,KAAK,GAAG,KAAK,CAAC,YAAY;wBAC9B,CAAC,CAAC,EAAE,CAAC,KAAK;wBACV,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC;4BACnB,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,CAAC,KAAK,EAAR,CAAQ,CAAC;4BAC1B,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC;gCACZ,CAAC,CAAC,EAAE,CAAA;oBACN,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;oBACvB,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAA;gBACrD,CAAC,EACD,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAC1C,OAAO,EAAE,KAAK,CAAC,UAAU,EACzB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,UAAU,EACR,KAAK,CAAC,YAAY;oBAChB,CAAC,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,YAAmB,EAAE,WAAW,EAAE,KAAK,CAAC,YAAmB,EAAE;oBAC/E,CAAC,CAAC,SAAS,EAEf,SAAS,EAAE,CAAA,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,MAAM,IAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GACjD,IACW,GACC,CACnB,CAAA;AACH,CAAC;AAtDD,wBAsDC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/ui/components/form/select/index.tsx"],"names":[],"mappings":"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"}
@@ -1,4 +1,5 @@
1
1
  /// <reference types="react" />
2
+ import { StylesConfig } from 'react-select';
2
3
  import { InputProps } from '../interfaces.js';
3
4
  export type Option = {
4
5
  label: string;
@@ -10,6 +11,7 @@ export type Option = {
10
11
  export type ISelectProps = {
11
12
  forceOpenToDevelop?: boolean;
12
13
  onlyOneValue?: boolean;
14
+ customStlyes?: StylesConfig;
13
15
  options: Option[];
14
16
  isGroup?: boolean;
15
17
  isMultiple?: boolean;
@@ -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 [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*='ValueContainer'],\n [class*='Input'] {\n height: inherit;\n margin: 0 !important;\n }\n\n [class*='ValueContainer'] {\n padding: 0;\n padding-left: 15px;\n }\n\n [class*='singleValue'] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n [class*='-placeholder'] + * {\n visibility: visible;\n display: unset;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n color: hsl(0, 0%, 20%);\n position: absolute;\n top: 0;\n left: 0;\n }\n\n [class*='-placeholder'] {\n font-size: 14px !important;\n }\n\n [class*='-indicatorSeparator'] {\n display: none;\n }\n\n [class*='-menu'] {\n z-index: 999;\n }\n\n [class*='-option'] {\n transition: all 0.3s;\n font-size: 14px;\n }\n\n [class*='-multiValue'] {\n padding: 4px 8px;\n font-size: 14px;\n }\n\n .open {\n [class*='-Svg'] {\n transform: rotate(180deg);\n }\n }\n"], ["\n [class*='-Svg'] {\n transition: 0.2s;\n transform: rotate(0);\n }\n\n [class*='ValueContainer'],\n [class*='Input'] {\n height: inherit;\n margin: 0 !important;\n }\n\n [class*='ValueContainer'] {\n padding: 0;\n padding-left: 15px;\n }\n\n [class*='singleValue'] + * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 34px;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n }\n\n [class*='-placeholder'] + * {\n visibility: visible;\n display: unset;\n grid-area: unset;\n grid-template-columns: unset;\n margin: unset;\n padding-bottom: unset;\n padding-top: unset;\n color: hsl(0, 0%, 20%);\n position: absolute;\n top: 0;\n left: 0;\n }\n\n [class*='-placeholder'] {\n font-size: 14px !important;\n }\n\n [class*='-indicatorSeparator'] {\n display: none;\n }\n\n [class*='-menu'] {\n z-index: 999;\n }\n\n [class*='-option'] {\n transition: all 0.3s;\n font-size: 14px;\n }\n\n [class*='-multiValue'] {\n padding: 4px 8px;\n font-size: 14px;\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 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"])));
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,myCAAA,guCAuEzC,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,wQAAA,qMAczC,KAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "infinity-forge",
3
- "version": "0.16.7",
3
+ "version": "0.16.9",
4
4
  "description": "codie Library",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -1,4 +0,0 @@
1
- export declare function InputSearch({ items, setItems }: {
2
- items: any;
3
- setItems: any;
4
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,13 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.InputSearch = void 0;
4
- var jsx_runtime_1 = require("react/jsx-runtime");
5
- var semantic_ui_react_1 = require("semantic-ui-react");
6
- var ui_1 = require("../../../../../../../../../ui/index.js");
7
- function InputSearch(_a) {
8
- var items = _a.items, setItems = _a.setItems;
9
- function handleChange(ev) { }
10
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'InputSearch', children: (0, jsx_runtime_1.jsx)(semantic_ui_react_1.Input, { icon: 'search', iconPosition: 'left', placeholder: 'Pesquisar...', onChange: handleChange }) }));
11
- }
12
- exports.InputSearch = InputSearch;
13
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/search/index.tsx"],"names":[],"mappings":";;;;AAAA,uDAAyC;AAEzC,2BAA4B;AAE5B,SAAgB,WAAW,CAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAC3C,SAAS,YAAY,CAAC,EAAE,IAAG,CAAC;IAE5B,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAC,aAAa,YACvB,uBAAC,yBAAK,IAAC,IAAI,EAAC,QAAQ,EAAC,YAAY,EAAC,MAAM,EAAC,WAAW,EAAC,cAAc,EAAC,QAAQ,EAAE,YAAY,GAAI,GACxF,CACT,CAAA;AACH,CAAC;AARD,kCAQC"}
@@ -1,5 +0,0 @@
1
- export declare function SelectFilter({ options, queryName, placeHolder }: {
2
- options: any;
3
- queryName: any;
4
- placeHolder: any;
5
- }): import("react/jsx-runtime").JSX.Element;
@@ -1,42 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- exports.SelectFilter = void 0;
18
- var jsx_runtime_1 = require("react/jsx-runtime");
19
- var router_1 = require("next/router");
20
- var react_select_1 = __importDefault(require("react-select"));
21
- var ui_1 = require("../../../../../../../../../ui/index.js");
22
- function SelectFilter(_a) {
23
- var options = _a.options, queryName = _a.queryName, placeHolder = _a.placeHolder;
24
- var router = (0, router_1.useRouter)();
25
- function handleChange(ev) {
26
- var value = ev.value;
27
- var newQuery = __assign({}, router.query);
28
- if (!value) {
29
- delete newQuery[queryName];
30
- }
31
- else {
32
- newQuery[queryName] = value;
33
- }
34
- router.push({
35
- pathname: router.pathname,
36
- query: newQuery,
37
- });
38
- }
39
- return ((0, jsx_runtime_1.jsx)(ui_1.Error, { name: 'SelectFilter - ' + queryName, children: (0, jsx_runtime_1.jsx)(react_select_1.default, { className: 'font-14-regular', onChange: handleChange, options: options, placeholder: placeHolder }) }));
40
- }
41
- exports.SelectFilter = SelectFilter;
42
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../../../src/system/presentation/hooks/ui/use-table/components/table/filters/select/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,sCAAuC;AAEvC,8DAAiC;AAEjC,2BAA4B;AAE5B,SAAgB,YAAY,CAAC,EAAmC;QAAjC,OAAO,aAAA,EAAE,SAAS,eAAA,EAAE,WAAW,iBAAA;IAC5D,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,SAAS,YAAY,CAAC,EAAE;QACtB,IAAM,KAAK,GAAG,EAAE,CAAC,KAAK,CAAA;QAEtB,IAAM,QAAQ,gBAAQ,MAAM,CAAC,KAAK,CAAE,CAAA;QACpC,IAAI,CAAC,KAAK,EAAE,CAAC;YACX,OAAO,QAAQ,CAAC,SAAS,CAAC,CAAA;QAC5B,CAAC;aAAM,CAAC;YACN,QAAQ,CAAC,SAAS,CAAC,GAAG,KAAK,CAAA;QAC7B,CAAC;QAED,MAAM,CAAC,IAAI,CAAC;YACV,QAAQ,EAAE,MAAM,CAAC,QAAQ;YACzB,KAAK,EAAE,QAAQ;SAChB,CAAC,CAAA;IACJ,CAAC;IAED,OAAO,CACL,uBAAC,UAAK,IAAC,IAAI,EAAE,iBAAiB,GAAG,SAAS,YACxC,uBAAC,sBAAM,IAAC,SAAS,EAAC,iBAAiB,EAAC,QAAQ,EAAE,YAAY,EAAE,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW,GAAI,GACpG,CACT,CAAA;AACH,CAAC;AAxBD,oCAwBC"}