pge-front-common 10.2.0 → 10.2.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/lib/components/CheckBox/CheckBox.stories.d.ts +8 -0
- package/lib/components/CheckBox/index.d.ts +3 -0
- package/lib/components/CheckBox/index.type.d.ts +5 -0
- package/lib/components/InformativeBox/index.d.ts +1 -1
- package/lib/components/InformativeBox/index.type.d.ts +1 -0
- package/lib/components/Table/index.d.ts +1 -1
- package/lib/components/Table/index.types.d.ts +2 -0
- package/lib/icons/check-icon.d.ts +2 -0
- package/lib/icons/index.d.ts +4 -1
- package/lib/icons/search-icon.d.ts +2 -0
- package/lib/icons/up-down-arrow.d.ts +2 -0
- package/lib/index.d.ts +23 -7
- package/lib/index.esm.js +65 -33
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +68 -32
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -94,35 +94,35 @@ function styleInject(css, ref) {
|
|
|
94
94
|
}
|
|
95
95
|
}
|
|
96
96
|
|
|
97
|
-
var css_248z$
|
|
98
|
-
var styles$
|
|
99
|
-
styleInject(css_248z$
|
|
97
|
+
var css_248z$m = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
|
|
98
|
+
var styles$h = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z"};
|
|
99
|
+
styleInject(css_248z$m);
|
|
100
100
|
|
|
101
101
|
function Button(_a) {
|
|
102
102
|
var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
|
|
103
|
-
return (React.createElement("button", __assign({ className: "".concat(styles$
|
|
103
|
+
return (React.createElement("button", __assign({ className: "".concat(styles$h.button, " ").concat(styles$h[variant]) }, props),
|
|
104
104
|
leftIcon,
|
|
105
105
|
text));
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
109
109
|
|
|
110
|
-
var css_248z$
|
|
111
|
-
var styles$
|
|
112
|
-
styleInject(css_248z$
|
|
110
|
+
var css_248z$l = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 40px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: 13px;\r\n border: 1px solid #cfcfcffc;\r\n color: #363632;\r\n outline: none;\r\n transition: all 0.5s;\r\n margin-right: 0.25rem;\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.styles-module__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: #303030;\r\n line-height: 21px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: #495057;\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: bold;\r\n color: #30303033;\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n margin-top: 6px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___AIWNV {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___WV43d {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n";
|
|
111
|
+
var styles$g = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","inputContent":"styles-module__inputContent___jakTk","titleLabel":"styles-module__titleLabel___9RzJM","labelInput":"styles-module__labelInput___LHLDU","textInputDanger":"styles-module__textInputDanger___s-nLl","password-input-container":"styles-module__password-input-container___9tvR7","inputTextPswUser":"styles-module__inputTextPswUser___KYL7T","buttonTextPswUser":"styles-module__buttonTextPswUser___j2bLn","error":"styles-module__error___PCtVt","iconEye":"styles-module__iconEye___pj-wO","restrictionMessage":"styles-module__restrictionMessage___eCquS","iconWrapperLeft":"styles-module__iconWrapperLeft___AIWNV","iconWrapperRight":"styles-module__iconWrapperRight___WV43d"};
|
|
112
|
+
styleInject(css_248z$l);
|
|
113
113
|
|
|
114
114
|
var InputBase = function (_a) {
|
|
115
115
|
var _b;
|
|
116
116
|
var customClass = _a.customClass, restrictionMessage = _a.restrictionMessage, label = _a.label, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onRightIconClick = _a.onRightIconClick, style = _a.style, props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style"]);
|
|
117
|
-
return (React.createElement("div", { className: styles$
|
|
118
|
-
label && (React.createElement("label", { htmlFor: props.name, className: styles$
|
|
119
|
-
React.createElement("div", { className: styles$
|
|
120
|
-
leftIcon && React.createElement("div", { className: styles$
|
|
121
|
-
React.createElement("input", __assign({ className: clsx(styles$
|
|
122
|
-
_b[styles$
|
|
117
|
+
return (React.createElement("div", { className: styles$g.inputContainer },
|
|
118
|
+
label && (React.createElement("label", { htmlFor: props.name, className: styles$g.labelInput }, label)),
|
|
119
|
+
React.createElement("div", { className: styles$g.inputContent },
|
|
120
|
+
leftIcon && React.createElement("div", { className: styles$g.iconWrapperLeft }, leftIcon),
|
|
121
|
+
React.createElement("input", __assign({ className: clsx(styles$g.textInput, customClass, (_b = {},
|
|
122
|
+
_b[styles$g.textInputDanger] = restrictionMessage,
|
|
123
123
|
_b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style) }, props)),
|
|
124
|
-
rightIcon && (React.createElement("button", { type: "button", className: styles$
|
|
125
|
-
restrictionMessage && (React.createElement("div", { className: styles$
|
|
124
|
+
rightIcon && (React.createElement("button", { type: "button", className: styles$g.iconWrapperRight, onClick: function () { return onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(); }, "aria-label": "A\u00E7\u00E3o ao clicar no \u00EDcone ao lado direito" }, rightIcon))),
|
|
125
|
+
restrictionMessage && (React.createElement("div", { className: styles$g.restrictionMessage }, restrictionMessage))));
|
|
126
126
|
};
|
|
127
127
|
|
|
128
128
|
var IconDownload = function (props) { return (React.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -335,14 +335,27 @@ var LogoPGERG = function (props) {
|
|
|
335
335
|
var IconInvisibility = function (props) { return (React.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
336
336
|
React.createElement("path", { d: "M13.4163 9.08301L12.208 7.87468C12.333 7.2219 12.1455 6.61079 11.6455 6.04134C11.1455 5.4719 10.4997 5.24967 9.70801 5.37467L8.49967 4.16634C8.73579 4.05523 8.97537 3.9719 9.21842 3.91634C9.46148 3.86079 9.7219 3.83301 9.99967 3.83301C11.0413 3.83301 11.9268 4.19759 12.6559 4.92676C13.3851 5.65592 13.7497 6.54134 13.7497 7.58301C13.7497 7.86079 13.7219 8.1212 13.6663 8.36426C13.6108 8.60731 13.5275 8.8469 13.4163 9.08301ZM16.083 11.708L14.8747 10.5413C15.4025 10.1386 15.8712 9.69759 16.2809 9.21843C16.6906 8.73926 17.0413 8.19412 17.333 7.58301C16.6386 6.18023 15.642 5.06565 14.3434 4.23926C13.0448 3.41287 11.5969 2.99967 9.99967 2.99967C9.5969 2.99967 9.20106 3.02745 8.81217 3.08301C8.42329 3.13856 8.04134 3.2219 7.66634 3.33301L6.37467 2.04134C6.94412 1.80523 7.52745 1.62815 8.12467 1.51009C8.7219 1.39204 9.3469 1.33301 9.99967 1.33301C12.0969 1.33301 13.965 1.91287 15.6038 3.07259C17.2427 4.23231 18.4302 5.73579 19.1663 7.58301C18.8469 8.40245 18.4268 9.16287 17.9059 9.86426C17.3851 10.5656 16.7775 11.1802 16.083 11.708ZM16.4997 16.833L12.9997 13.3747C12.5136 13.5275 12.024 13.642 11.5309 13.7184C11.0379 13.7948 10.5275 13.833 9.99967 13.833C7.90245 13.833 6.0344 13.2531 4.39551 12.0934C2.75662 10.9337 1.56912 9.43023 0.833008 7.58301C1.12467 6.8469 1.49273 6.16287 1.93717 5.53092C2.38162 4.89898 2.88856 4.33301 3.45801 3.83301L1.16634 1.49967L2.33301 0.333008L17.6663 15.6663L16.4997 16.833ZM4.62467 4.99967C4.2219 5.36079 3.85384 5.75662 3.52051 6.18717C3.18717 6.61773 2.90245 7.08301 2.66634 7.58301C3.36079 8.98579 4.35731 10.1004 5.65592 10.9268C6.95454 11.7531 8.40245 12.1663 9.99967 12.1663C10.2775 12.1663 10.5483 12.149 10.8122 12.1143C11.0761 12.0795 11.3469 12.0413 11.6247 11.9997L10.8747 11.208C10.7219 11.2497 10.5761 11.2809 10.4372 11.3018C10.2983 11.3226 10.1525 11.333 9.99967 11.333C8.95801 11.333 8.07259 10.9684 7.34342 10.2393C6.61426 9.51009 6.24967 8.62467 6.24967 7.58301C6.24967 7.43023 6.26009 7.2844 6.28092 7.14551C6.30176 7.00662 6.33301 6.86079 6.37467 6.70801L4.62467 4.99967Z", fill: "#A0A0A0" }))); };
|
|
337
337
|
|
|
338
|
-
var
|
|
339
|
-
|
|
340
|
-
|
|
338
|
+
var IconSearch = function (props) { return (React.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
339
|
+
React.createElement("path", { d: "M16.3333 17.5L11.0833 12.25C10.6667 12.5833 10.1875 12.8472 9.64583 13.0417C9.10417 13.2361 8.52778 13.3333 7.91667 13.3333C6.40278 13.3333 5.12153 12.809 4.07292 11.7604C3.02431 10.7118 2.5 9.43056 2.5 7.91667C2.5 6.40278 3.02431 5.12153 4.07292 4.07292C5.12153 3.02431 6.40278 2.5 7.91667 2.5C9.43056 2.5 10.7118 3.02431 11.7604 4.07292C12.809 5.12153 13.3333 6.40278 13.3333 7.91667C13.3333 8.52778 13.2361 9.10417 13.0417 9.64583C12.8472 10.1875 12.5833 10.6667 12.25 11.0833L17.5 16.3333L16.3333 17.5ZM7.91667 11.6667C8.95833 11.6667 9.84375 11.3021 10.5729 10.5729C11.3021 9.84375 11.6667 8.95833 11.6667 7.91667C11.6667 6.875 11.3021 5.98958 10.5729 5.26042C9.84375 4.53125 8.95833 4.16667 7.91667 4.16667C6.875 4.16667 5.98958 4.53125 5.26042 5.26042C4.53125 5.98958 4.16667 6.875 4.16667 7.91667C4.16667 8.95833 4.53125 9.84375 5.26042 10.5729C5.98958 11.3021 6.875 11.6667 7.91667 11.6667Z", fill: "#A0A0A0" }))); };
|
|
340
|
+
|
|
341
|
+
var IconUpAndDownArror = function (props) { return (React.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "#fff", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
342
|
+
React.createElement("g", { "clip-path": "url(#clip0_10510_74090)" },
|
|
343
|
+
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M10.0621 13.1248C10.1781 13.1248 10.2894 13.0787 10.3714 12.9967C10.4535 12.9146 10.4996 12.8033 10.4996 12.6873V2.36843L13.2523 5.12206C13.3345 5.20421 13.4459 5.25036 13.5621 5.25036C13.6783 5.25036 13.7897 5.20421 13.8718 5.12206C13.954 5.0399 14.0001 4.92848 14.0001 4.81231C14.0001 4.69613 13.954 4.58471 13.8718 4.50256L10.3718 1.00256C10.3312 0.961813 10.2829 0.929488 10.2298 0.907432C10.1766 0.885376 10.1196 0.874023 10.0621 0.874023C10.0045 0.874023 9.94755 0.885376 9.8944 0.907432C9.84124 0.929488 9.79297 0.961813 9.75233 1.00256L6.25233 4.50256C6.17018 4.58471 6.12402 4.69613 6.12402 4.81231C6.12402 4.92848 6.17018 5.0399 6.25233 5.12206C6.33448 5.20421 6.4459 5.25036 6.56208 5.25036C6.67826 5.25036 6.78968 5.20421 6.87183 5.12206L9.62458 2.36843V12.6873C9.62458 12.8033 9.67067 12.9146 9.75272 12.9967C9.83476 13.0787 9.94604 13.1248 10.0621 13.1248ZM3.93708 0.874805C4.05311 0.874805 4.16439 0.920899 4.24644 1.00295C4.32848 1.08499 4.37458 1.19627 4.37458 1.31231V11.6312L7.12733 8.87755C7.20948 8.7954 7.3209 8.74925 7.43708 8.74925C7.55325 8.74925 7.66468 8.7954 7.74683 8.87755C7.82898 8.95971 7.87513 9.07113 7.87513 9.18731C7.87513 9.30348 7.82898 9.4149 7.74683 9.49706L4.24683 12.9971C4.20619 13.0378 4.15791 13.0701 4.10476 13.0922C4.0516 13.1142 3.99462 13.1256 3.93708 13.1256C3.87953 13.1256 3.82255 13.1142 3.7694 13.0922C3.71624 13.0701 3.66797 13.0378 3.62733 12.9971L0.127326 9.49706C0.0451753 9.4149 -0.000976565 9.30348 -0.000976562 9.18731C-0.00097656 9.07113 0.0451753 8.95971 0.127326 8.87755C0.209477 8.7954 0.320897 8.74925 0.437076 8.74925C0.553255 8.74925 0.664675 8.7954 0.746826 8.87755L3.49958 11.6312V1.31231C3.49958 1.19627 3.54567 1.08499 3.62772 1.00295C3.70976 0.920899 3.82104 0.874805 3.93708 0.874805Z", fill: "#fff" })),
|
|
344
|
+
React.createElement("defs", null,
|
|
345
|
+
React.createElement("clipPath", { id: "clip0_10510_74090" },
|
|
346
|
+
React.createElement("rect", { width: "14", height: "15", fill: "#fff" }))))); };
|
|
347
|
+
|
|
348
|
+
var IconCheck = function (props) { return (React.createElement("svg", __assign({ width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
349
|
+
React.createElement("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M11.468 1.67573L3.99303 9.83025L0.792969 6.63019L2.20718 5.21597L3.9302 6.93899L9.99369 0.32428L11.468 1.67573Z", fill: "white" }))); };
|
|
350
|
+
|
|
351
|
+
var css_248z$k = ".styles-module__toast___JCV9s {\r\n width: 100%;\r\n height: auto;\r\n border-radius: 8px;\r\n padding: 12px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n margin-bottom: 16px;\r\n }\r\n \r\n .styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n background-color: var(--background-color-success);\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n }\r\n\r\n .styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n background-color: var(--background-color-error);\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n }\r\n \r\n .styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n background-color: var(--background-color-warning);\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n }\r\n \r\n .styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n background-color: #005a9214;\r\n }\r\n\r\n .styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n }\r\n \r\n .styles-module__content___AING8 {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n width: 100%;\r\n gap: var(--small-space);\r\n }\r\n \r\n .styles-module__info___g8ce2 {\r\n display: flex;\r\n align-items: center;\r\n }\r\n \r\n .styles-module__icon___uiYA- {\r\n font-size: 24px;\r\n margin-right: 12px;\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n color: var(--success-color);\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n color: var(--alert-color);\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n color: var(--warning-color);\r\n }\r\n\r\n .styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n }\r\n \r\n .styles-module__text___UCxPH {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: space-between;\r\n gap: 4px;\r\n }\r\n \r\n .styles-module__text___UCxPH strong {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n }\r\n \r\n .styles-module__text___UCxPH span {\r\n font-size: 14px;\r\n font-weight: 400;\r\n text-align: left;\r\n text-decoration-skip-ink: none;\r\n }\r\n\r\n .styles-module__textContent___S1KEv {\r\n color: var(--foreground);\r\n }\r\n \r\n .styles-module__closeButton___ELkqN {\r\n background: none;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 20px;\r\n color: var(--foreground);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n \r\n .styles-module__closeButton___ELkqN:hover {\r\n color: var(--foreground);\r\n }\r\n\r\n ";
|
|
352
|
+
var styles$f = {"toast":"styles-module__toast___JCV9s","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN"};
|
|
353
|
+
styleInject(css_248z$k);
|
|
341
354
|
|
|
342
355
|
var InformativeBox = function (_a) {
|
|
343
|
-
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, props = __rest(_a, ["infoType", "title", "message", "onClose"]);
|
|
356
|
+
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _b = _a.hasDismissButton, hasDismissButton = _b === void 0 ? false : _b, props = __rest(_a, ["infoType", "title", "message", "onClose", "hasDismissButton"]);
|
|
344
357
|
var getIcon = function () {
|
|
345
|
-
var iconClass = "".concat(styles$
|
|
358
|
+
var iconClass = "".concat(styles$f.icon, " ").concat(styles$f[infoType] || '');
|
|
346
359
|
switch (infoType) {
|
|
347
360
|
case 'success':
|
|
348
361
|
return React.createElement(IconCheckCircle, { className: iconClass });
|
|
@@ -356,16 +369,32 @@ var InformativeBox = function (_a) {
|
|
|
356
369
|
return null;
|
|
357
370
|
}
|
|
358
371
|
};
|
|
359
|
-
return (React.createElement("div", __assign({ className: styles$
|
|
360
|
-
React.createElement("div", { className: "".concat(styles$
|
|
361
|
-
React.createElement("div", { className: styles$
|
|
362
|
-
React.createElement("div", { className: styles$
|
|
372
|
+
return (React.createElement("div", __assign({ className: styles$f.inputContainer }, props),
|
|
373
|
+
React.createElement("div", { className: "".concat(styles$f.toast, " ").concat(styles$f[infoType]) },
|
|
374
|
+
React.createElement("div", { className: styles$f.content },
|
|
375
|
+
React.createElement("div", { className: styles$f.info },
|
|
363
376
|
getIcon(),
|
|
364
|
-
React.createElement("div", { className: styles$
|
|
365
|
-
React.createElement("strong", { className: "".concat(styles$
|
|
366
|
-
React.createElement("span", { className: styles$
|
|
367
|
-
React.createElement("button", { className: styles$
|
|
368
|
-
React.createElement(IconCLose, null))))));
|
|
377
|
+
React.createElement("div", { className: styles$f.text },
|
|
378
|
+
React.createElement("strong", { className: "".concat(styles$f.title, " ").concat(styles$f[infoType]) }, title),
|
|
379
|
+
React.createElement("span", { className: styles$f.textContent }, message))),
|
|
380
|
+
hasDismissButton && (React.createElement("button", { className: styles$f.closeButton, onClick: function () { return onClose === null || onClose === void 0 ? void 0 : onClose(); } },
|
|
381
|
+
React.createElement(IconCLose, null)))))));
|
|
382
|
+
};
|
|
383
|
+
|
|
384
|
+
var css_248z$j = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background: #FFFFFF;\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__hover___a-QfL {\r\n background: var(--10-primary-color, #005A921A);\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB {\r\n background: var(--Primary-color-background, #005A92);\r\n border: 1px solid var(--Primary-color-background, #005A92);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB.styles-module__hover___a-QfL {\r\n background: var(--Primary-color-background, #005A92);\r\n border: 1px solid var(--Primary-color-background, #005A92);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__focus___yGjAN {\r\n box-shadow: 0px 0px 0px 2px #5E92B3;\r\n background: var(--10-primary-color, #005A921A);\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__disabled___bTmRr {\r\n border: 1px solid var(--light-grey-color, #C3C3C3);\r\n background: var(--10-grey-color, #A0A0A01A);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__icon___F-Rd5 {\r\n width: 10px;\r\n height: 9px;\r\n}";
|
|
385
|
+
var styles$e = {"checkbox":"styles-module__checkbox___AOdO1","hover":"styles-module__hover___a-QfL","checked":"styles-module__checked___kDWfB","focus":"styles-module__focus___yGjAN","disabled":"styles-module__disabled___bTmRr","icon":"styles-module__icon___F-Rd5"};
|
|
386
|
+
styleInject(css_248z$j);
|
|
387
|
+
|
|
388
|
+
var Checkbox = function (_a) {
|
|
389
|
+
var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
|
|
390
|
+
var _d = React.useState(false), isFocused = _d[0], setIsFocused = _d[1];
|
|
391
|
+
var _e = React.useState(false), isHovered = _e[0], setIsHovered = _e[1];
|
|
392
|
+
var handleClick = function () {
|
|
393
|
+
if (!disabled && onChange) {
|
|
394
|
+
onChange(!checked);
|
|
395
|
+
}
|
|
396
|
+
};
|
|
397
|
+
return (React.createElement("div", { className: "".concat(styles$e.checkbox, " ").concat(checked ? styles$e.checked : "", " ").concat(disabled ? styles$e.disabled : "", " \n ").concat(isHovered ? styles$e.hover : "", " ").concat(isFocused ? styles$e.focus : ""), tabIndex: disabled ? -1 : 0, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, onClick: handleClick, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }, checked && React.createElement(IconCheck, { className: styles$e.icon })));
|
|
369
398
|
};
|
|
370
399
|
|
|
371
400
|
var css_248z$i = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 40px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: 13px;\r\n border: 1px solid #cfcfcffc;\r\n color: #363632;\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 2px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: #303030;\r\n line-height: 21px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: #495057;\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\r\n font-weight: bold;\r\n color: #30303033;\r\n}\r\n\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999.styles-module__error___Rg4fj {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\r\n color: #cb0a0a;\r\n margin-top: 6px;\r\n font-size: 14px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n";
|
|
@@ -8187,7 +8216,7 @@ var styles = {"tableResponsive":"styles-module__tableResponsive___X3Pht","table"
|
|
|
8187
8216
|
styleInject(css_248z$1);
|
|
8188
8217
|
|
|
8189
8218
|
var TableComponent = function (_a) {
|
|
8190
|
-
var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _b = _a.noRecordsMessage, noRecordsMessage = _b === void 0 ? "Nenhum registro encontrado" : _b, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell;
|
|
8219
|
+
var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _b = _a.noRecordsMessage, noRecordsMessage = _b === void 0 ? "Nenhum registro encontrado" : _b, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon;
|
|
8191
8220
|
var handleSort = function (uid) {
|
|
8192
8221
|
if (onSort)
|
|
8193
8222
|
onSort(uid);
|
|
@@ -8202,7 +8231,10 @@ var TableComponent = function (_a) {
|
|
|
8202
8231
|
React.createElement("table", { className: styles.table },
|
|
8203
8232
|
React.createElement("thead", { className: styles.thead },
|
|
8204
8233
|
React.createElement("tr", null,
|
|
8205
|
-
columns.map(function (column) { return (React.createElement("th", { key: column.uid, className: styles.th, onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8234
|
+
columns.map(function (column) { return (React.createElement("th", { key: column.uid, className: styles.th, onClick: function () { return column.sortable && handleSort(column.uid); } },
|
|
8235
|
+
column.name,
|
|
8236
|
+
" ",
|
|
8237
|
+
columnIcon && columnIcon)); }),
|
|
8206
8238
|
hasIcon && React.createElement("th", { className: styles.th }))),
|
|
8207
8239
|
React.createElement("tbody", { className: styles.tbody }, data.length > 0 ? (data.map(function (item, index) { return (React.createElement("tr", { key: item.id || index, className: index % 2 === 0 ? styles.rowWhite : styles.rowGray },
|
|
8208
8240
|
columns.map(function (column) { return (React.createElement("td", { key: item.id + column.uid, className: styles.td }, renderColumnCell(item, column))); }),
|
|
@@ -8210,7 +8242,7 @@ var TableComponent = function (_a) {
|
|
|
8210
8242
|
React.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles.noRecords }, noRecordsMessage)))))));
|
|
8211
8243
|
};
|
|
8212
8244
|
|
|
8213
|
-
var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-open-sans-serif);\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n:root {\r\n /* fonts */\r\n --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\r\n --font-open-sans-light: \"Open Sans\", 300;\r\n --font-open-sans-regular: \"Open Sans\", 400;\r\n --font-open-sans-bold: \"Open Sans\", 700;\r\n /* colors */\r\n --color-primary: #005a92;\r\n --color-secondary: #303030;\r\n --color-success: #198754;\r\n --color-warning: #cb8700;\r\n --color-information: #1a95b0;\r\n --color-danger: #cb0a0a;\r\n --color-focus: var(--color-information);\r\n --color-focus-outline: #0091ea80;\r\n --color-placeholder: #9ca4b47d;\r\n --color-border: #cfcfcffc;\r\n --color-label: #303030;\r\n --color-input: #30303090;\r\n --background-color-success: #1987541a;\r\n --background-color-error: #cb0a0a1a;\r\n --background-color-warning: #cb87001a;\r\n --background-color-table-primary: #eeeeee;\r\n --background-color-table-secondary: #f6f6f6;\r\n --background-color-table-hover: #e5f1f9;\r\n /* input */\r\n --input-border: 1px solid var(--color-border);\r\n --input-border-danger: 1px solid var(--color-danger);\r\n --input-border-radius: 8px;\r\n --input-border-focus: 1px solid var(--color-focus);\r\n --input-cursor: pointer;\r\n --input-font-size: 14px;\r\n --input-font-weight: 700;\r\n --input-line-height: 21px;\r\n --input-outline-focus: solid var(--color-focus-outline) 1.5px;\r\n --input-outline-danger: solid var(--color-danger) 1.5px;\r\n\r\n
|
|
8245
|
+
var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n font-family: var(--font-open-sans-serif);\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n:root {\r\n /* fonts */\r\n --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\r\n --font-open-sans-light: \"Open Sans\", 300;\r\n --font-open-sans-regular: \"Open Sans\", 400;\r\n --font-open-sans-bold: \"Open Sans\", 700;\r\n /* colors */\r\n --color-primary: #005a92;\r\n --color-secondary: #303030;\r\n --color-success: #198754;\r\n --color-warning: #cb8700;\r\n --color-information: #1a95b0;\r\n --color-danger: #cb0a0a;\r\n --color-focus: var(--color-information);\r\n --color-focus-outline: #0091ea80;\r\n --color-placeholder: #9ca4b47d;\r\n --color-border: #cfcfcffc;\r\n --color-label: #303030;\r\n --color-input: #30303090;\r\n --background-color-success: #1987541a;\r\n --background-color-error: #cb0a0a1a;\r\n --background-color-warning: #cb87001a;\r\n --background-color-table-primary: #eeeeee;\r\n --background-color-table-secondary: #f6f6f6;\r\n --background-color-table-hover: #e5f1f9;\r\n /* input */\r\n --input-border: 1px solid var(--color-border);\r\n --input-border-danger: 1px solid var(--color-danger);\r\n --input-border-radius: 8px;\r\n --input-border-focus: 1px solid var(--color-focus);\r\n --input-cursor: pointer;\r\n --input-font-size: 14px;\r\n --input-font-weight: 700;\r\n --input-line-height: 21px;\r\n --input-outline-focus: solid var(--color-focus-outline) 1.5px;\r\n --input-outline-danger: solid var(--color-danger) 1.5px;\r\n\r\n /* Theming colors */\r\n --background-color: #fff;\r\n --foreground: #303030;\r\n --success-color: #198754;\r\n --warning-color: #cb8700;\r\n --alert-color: #cb0a0a;\r\n --information-color: #1a95b0;\r\n\r\n --primary-color: #005a92;\r\n --pge-gold: #bb9b32;\r\n --hover-color: #00436d;\r\n --icon-color: #4a4a4b;\r\n --border-color: #d9d9d9;\r\n --light-grey-color: #c3c3c3;\r\n --grey-color: #a0a0a0;\r\n}\r\n\r\n/* TO-DO ajustar componentes para aplicar o dark mode */\r\n\r\n/* @media (prefers-color-scheme: dark) {\r\n html {\r\n color-scheme: dark;\r\n }\r\n\r\n :root {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #37adf6;\r\n }\r\n \r\n} */\r\n\r\n.dark-mode {\r\n --background-color: #303030;\r\n --foreground: #fff;\r\n --success-color: #4feba3;\r\n --warning-color: #e3a833;\r\n --alert-color: #ff5858;\r\n --information-color: #37adf6;\r\n}\r\n";
|
|
8214
8246
|
styleInject(css_248z);
|
|
8215
8247
|
|
|
8216
8248
|
exports.Accordion = Accordion;
|
|
@@ -8218,6 +8250,7 @@ exports.AccordionItem = AccordionItem;
|
|
|
8218
8250
|
exports.BoxError = BoxError;
|
|
8219
8251
|
exports.BoxSuccess = BoxSuccess;
|
|
8220
8252
|
exports.Button = Button;
|
|
8253
|
+
exports.Checkbox = Checkbox;
|
|
8221
8254
|
exports.Footer = FooterComponent;
|
|
8222
8255
|
exports.Header = Header;
|
|
8223
8256
|
exports.IconAdd = IconAdd;
|
|
@@ -8226,6 +8259,7 @@ exports.IconArrowExpland = IconArrowExpland;
|
|
|
8226
8259
|
exports.IconArrowRecall = IconArrowRecall;
|
|
8227
8260
|
exports.IconCLose = IconCLose;
|
|
8228
8261
|
exports.IconCalendar = IconCalendar;
|
|
8262
|
+
exports.IconCheck = IconCheck;
|
|
8229
8263
|
exports.IconCheckCircle = IconCheckCircle;
|
|
8230
8264
|
exports.IconCircleExpland = IconCircleExpland;
|
|
8231
8265
|
exports.IconCircleRecall = IconCircleRecall;
|
|
@@ -8238,9 +8272,11 @@ exports.IconLogout = IconLogout;
|
|
|
8238
8272
|
exports.IconNewTab = IconNewTab;
|
|
8239
8273
|
exports.IconProfile = IconProfile;
|
|
8240
8274
|
exports.IconRemove = IconRemove;
|
|
8275
|
+
exports.IconSearch = IconSearch;
|
|
8241
8276
|
exports.IconSwap = IconSwap;
|
|
8242
8277
|
exports.IconTriangleExpand = IconTriangleExpand;
|
|
8243
8278
|
exports.IconTriangleRecall = IconTriangleRecall;
|
|
8279
|
+
exports.IconUpAndDownArror = IconUpAndDownArror;
|
|
8244
8280
|
exports.IconUpload = IconUpload;
|
|
8245
8281
|
exports.IconVisibility = IconVisibility;
|
|
8246
8282
|
exports.IconWarning = IconWarning;
|