pge-front-common 14.1.34 → 14.1.36
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/InputDate/InputDate.stories.d.ts +11 -0
- package/lib/components/InputDate/index.d.ts +1 -1
- package/lib/components/InputDate/index.type.d.ts +6 -1
- package/lib/components/MultiSelect/index.d.ts +1 -1
- package/lib/components/MultiSelect/index.types.d.ts +1 -0
- package/lib/components/MultiSelect/multiselect.stories.d.ts +1 -0
- package/lib/components/MultiSelect/selectColourStyles.d.ts +1 -1
- package/lib/components/Select/index.d.ts +1 -1
- package/lib/components/Select/index.types.d.ts +1 -0
- package/lib/components/Select/select.stories.d.ts +1 -0
- package/lib/index.d.ts +11 -4
- package/lib/index.esm.js +39 -26
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +39 -26
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,6 +4,17 @@ declare const meta: Meta<typeof DateInput>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const Default: Story;
|
|
7
|
+
export declare const Required: Story;
|
|
7
8
|
export declare const WithError: Story;
|
|
8
9
|
export declare const Disabled: Story;
|
|
9
10
|
export declare const WithRestrictionMessage: Story;
|
|
11
|
+
export declare const MultipleSelection: Story;
|
|
12
|
+
export declare const RangeSelection: Story;
|
|
13
|
+
export declare const Inline: Story;
|
|
14
|
+
export declare const InlineMultiple: Story;
|
|
15
|
+
export declare const InlineRange: Story;
|
|
16
|
+
export declare const WithPreSelectedDate: Story;
|
|
17
|
+
export declare const WithEnabledDates: Story;
|
|
18
|
+
export declare const WithViewMonth: Story;
|
|
19
|
+
export declare const WithViewYear: Story;
|
|
20
|
+
export declare const AllScenarios: Story;
|
|
@@ -2,5 +2,5 @@ import React from "react";
|
|
|
2
2
|
import "primereact/resources/primereact.css";
|
|
3
3
|
import "primereact/resources/themes/lara-light-cyan/theme.css";
|
|
4
4
|
import { InputBaseProps } from "./index.type";
|
|
5
|
-
declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, }: InputBaseProps) => React.JSX.Element;
|
|
5
|
+
declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, inline, selectionMode, enabledDates, view, dateFormat, }: InputBaseProps) => React.JSX.Element;
|
|
6
6
|
export { DateInput };
|
|
@@ -8,8 +8,13 @@ export interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
8
8
|
inputRef?: unknown;
|
|
9
9
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
10
10
|
isError?: boolean;
|
|
11
|
-
valueDate?: Date | null;
|
|
11
|
+
valueDate?: Date | Date[] | string | null;
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
isInvalid?: boolean;
|
|
14
14
|
required?: boolean | false;
|
|
15
|
+
inline?: boolean | false;
|
|
16
|
+
selectionMode?: "single" | "multiple" | "range";
|
|
17
|
+
enabledDates?: Date[] | null;
|
|
18
|
+
view?: "date" | "month" | "year";
|
|
19
|
+
dateFormat?: string | "dd/mm/yy";
|
|
15
20
|
}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { SelectMultProps } from "./index.types";
|
|
3
|
-
declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, }: SelectMultProps) => React.JSX.Element;
|
|
3
|
+
declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, maxMenuHeight, }: SelectMultProps) => React.JSX.Element;
|
|
4
4
|
export default SelectMult;
|
|
@@ -6,3 +6,4 @@ export declare const Default: import("@storybook/core/csf").AnnotatedStoryFn<imp
|
|
|
6
6
|
export declare const MultiError: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
7
7
|
export declare const MultiSelect: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
8
8
|
export declare const Disabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
9
|
+
export declare const CustomMenuHeight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { SelectDefaultProps } from "./index.types";
|
|
3
|
-
declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, }: SelectDefaultProps) => React.JSX.Element;
|
|
3
|
+
declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, }: SelectDefaultProps) => React.JSX.Element;
|
|
4
4
|
export default SelectDefault;
|
|
@@ -16,6 +16,7 @@ export interface SelectDefaultProps {
|
|
|
16
16
|
control?: Control<any>;
|
|
17
17
|
formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
|
|
18
18
|
isClearable?: boolean;
|
|
19
|
+
maxMenuHeight?: number;
|
|
19
20
|
}
|
|
20
21
|
export type OptionsProps = {
|
|
21
22
|
label: string;
|
|
@@ -7,3 +7,4 @@ export declare const DisabledSelect: import("@storybook/core/csf").AnnotatedStor
|
|
|
7
7
|
export declare const OptionDisabled: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
|
|
8
8
|
export declare const ErrorState: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
|
|
9
9
|
export declare const WithFormatOptionLabel: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
|
|
10
|
+
export declare const CustomMenuHeight: import("@storybook/core/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
|
package/lib/index.d.ts
CHANGED
|
@@ -539,13 +539,14 @@ interface SelectMultProps {
|
|
|
539
539
|
isSearchable?: boolean;
|
|
540
540
|
isClearable?: boolean;
|
|
541
541
|
isCheckedAll?: boolean;
|
|
542
|
+
maxMenuHeight?: number;
|
|
542
543
|
}
|
|
543
544
|
type OptionsProps$2 = {
|
|
544
545
|
label: string;
|
|
545
546
|
value: string;
|
|
546
547
|
};
|
|
547
548
|
|
|
548
|
-
declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, }: SelectMultProps) => React__default.JSX.Element;
|
|
549
|
+
declare const SelectMult: ({ name, optionsSelect, value, placeholder, label, handleChange, isMulti, disabled, fetchOptions, required, textError, hasError, message, Icon, isSearchable, isClearable, isCheckedAll, maxMenuHeight, }: SelectMultProps) => React__default.JSX.Element;
|
|
549
550
|
|
|
550
551
|
interface SelectDefaultProps$1 {
|
|
551
552
|
name: string;
|
|
@@ -668,13 +669,18 @@ interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
|
668
669
|
inputRef?: unknown;
|
|
669
670
|
onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
|
|
670
671
|
isError?: boolean;
|
|
671
|
-
valueDate?: Date | null;
|
|
672
|
+
valueDate?: Date | Date[] | string | null;
|
|
672
673
|
disabled?: boolean;
|
|
673
674
|
isInvalid?: boolean;
|
|
674
675
|
required?: boolean | false;
|
|
676
|
+
inline?: boolean | false;
|
|
677
|
+
selectionMode?: "single" | "multiple" | "range";
|
|
678
|
+
enabledDates?: Date[] | null;
|
|
679
|
+
view?: "date" | "month" | "year";
|
|
680
|
+
dateFormat?: string | "dd/mm/yy";
|
|
675
681
|
}
|
|
676
682
|
|
|
677
|
-
declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, }: InputBaseProps) => React__default.JSX.Element;
|
|
683
|
+
declare const DateInput: ({ restrictionMessage, label, onChange, isError, valueDate, disabled, placeholder, required, inline, selectionMode, enabledDates, view, dateFormat, }: InputBaseProps) => React__default.JSX.Element;
|
|
678
684
|
|
|
679
685
|
interface SelectDefaultProps {
|
|
680
686
|
name: string;
|
|
@@ -692,6 +698,7 @@ interface SelectDefaultProps {
|
|
|
692
698
|
control?: Control<any>;
|
|
693
699
|
formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
|
|
694
700
|
isClearable?: boolean;
|
|
701
|
+
maxMenuHeight?: number;
|
|
695
702
|
}
|
|
696
703
|
type OptionsProps = {
|
|
697
704
|
label: string;
|
|
@@ -699,7 +706,7 @@ type OptionsProps = {
|
|
|
699
706
|
isDisabled?: boolean;
|
|
700
707
|
};
|
|
701
708
|
|
|
702
|
-
declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, }: SelectDefaultProps) => React$1.JSX.Element;
|
|
709
|
+
declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, maxMenuHeight, }: SelectDefaultProps) => React$1.JSX.Element;
|
|
703
710
|
|
|
704
711
|
interface ModalProps$1 {
|
|
705
712
|
isModalOpen: boolean;
|
package/lib/index.esm.js
CHANGED
|
@@ -393,9 +393,9 @@ var IconUploadFile = function (props) {
|
|
|
393
393
|
var clipA = "clip0-".concat(id);
|
|
394
394
|
var clipB = "clip1-".concat(id);
|
|
395
395
|
return (React__default.createElement("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
|
|
396
|
-
React__default.createElement("g", {
|
|
397
|
-
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)", fill: "none",
|
|
398
|
-
React__default.createElement("g", {
|
|
396
|
+
React__default.createElement("g", { clipPath: "url(#".concat(clipA, ")") },
|
|
397
|
+
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)", fill: "none", fillOpacity: "0.01" }),
|
|
398
|
+
React__default.createElement("g", { clipPath: "url(#".concat(clipB, ")") },
|
|
399
399
|
React__default.createElement("path", { d: "M0.5 10.3992C0.632608 10.3992 0.759785 10.4519 0.853553 10.5456C0.947322 10.6394 1 10.7666 1 10.8992V13.3992C1 13.6644 1.10536 13.9188 1.29289 14.1063C1.48043 14.2938 1.73478 14.3992 2 14.3992H14C14.2652 14.3992 14.5196 14.2938 14.7071 14.1063C14.8946 13.9188 15 13.6644 15 13.3992V10.8992C15 10.7666 15.0527 10.6394 15.1464 10.5456C15.2402 10.4519 15.3674 10.3992 15.5 10.3992C15.6326 10.3992 15.7598 10.4519 15.8536 10.5456C15.9473 10.6394 16 10.7666 16 10.8992V13.3992C16 13.9296 15.7893 14.4383 15.4142 14.8134C15.0391 15.1885 14.5304 15.3992 14 15.3992H2C1.46957 15.3992 0.960859 15.1885 0.585786 14.8134C0.210714 14.4383 0 13.9296 0 13.3992V10.8992C0 10.7666 0.0526784 10.6394 0.146447 10.5456C0.240215 10.4519 0.367392 10.3992 0.5 10.3992Z", fill: "currentColor" }),
|
|
400
400
|
React__default.createElement("path", { d: "M7.646 1.64518C7.69245 1.59862 7.74762 1.56168 7.80837 1.53647C7.86911 1.51127 7.93423 1.49829 8 1.49829C8.06577 1.49829 8.13089 1.51127 8.19163 1.53647C8.25238 1.56168 8.30755 1.59862 8.354 1.64518L11.354 4.64518C11.4479 4.73907 11.5006 4.86641 11.5006 4.99918C11.5006 5.13196 11.4479 5.2593 11.354 5.35318C11.2601 5.44707 11.1328 5.49982 11 5.49982C10.8672 5.49982 10.7399 5.44707 10.646 5.35318L8.5 3.20618V11.9992C8.5 12.1318 8.44732 12.259 8.35355 12.3527C8.25979 12.4465 8.13261 12.4992 8 12.4992C7.86739 12.4992 7.74021 12.4465 7.64645 12.3527C7.55268 12.259 7.5 12.1318 7.5 11.9992V3.20618L5.354 5.35318C5.30751 5.39967 5.25232 5.43655 5.19158 5.46171C5.13084 5.48687 5.06574 5.49982 5 5.49982C4.93426 5.49982 4.86916 5.48687 4.80842 5.46171C4.74768 5.43655 4.69249 5.39967 4.646 5.35318C4.59951 5.3067 4.56264 5.25151 4.53748 5.19077C4.51232 5.13003 4.49937 5.06493 4.49937 4.99918C4.49937 4.93344 4.51232 4.86834 4.53748 4.8076C4.56264 4.74686 4.59951 4.69167 4.646 4.64518L7.646 1.64518Z", fill: "currentColor" }))),
|
|
401
401
|
React__default.createElement("defs", null,
|
|
@@ -8380,7 +8380,7 @@ var AsyncSelect = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
8380
8380
|
});
|
|
8381
8381
|
var AsyncSelect$1 = AsyncSelect;
|
|
8382
8382
|
|
|
8383
|
-
var css_248z$k = ".styles-module__flex___sYumE {\r\n display: flex;\r\n}\r\n\r\n.styles-module__selectContainer___Q9aTK label {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #303030;\r\n width: 100%;\r\n font-weight: 700;\r\n text-align: left;\r\n cursor: pointer;\r\n font-family: var(--font-open-sans-regular);\r\n margin-bottom: 8px;\r\n display: block;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V label {\r\n color: #30303099 !important;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk {\r\n width: 100%;\r\n height: 48px;\r\n max-height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n border: 1px solid #cfcfcffc;\r\n border-radius: 8px;\r\n background-color: var(--background-color);\r\n padding: 14px 8px;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V .styles-module__buttonSelect___m3mZk {\r\n background-color: var(--input-disabled-bg-color) !important;\r\n color: var(--color-secondary) !important;\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz,\r\n.styles-module__buttonSelect___m3mZk:focus {\r\n /* border: 1px solid var(--color-information);\r\n outline: solid var(--color-focus-outline) 1.5px; */\r\n\r\n color: var(--input-placeholder-focus);\r\n outline: none;\r\n border: 1px solid var(--information-color);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover {\r\n background-color: #005a9214;\r\n}\r\n\r\n.styles-module__buttonSelectIcon___bLyj7 {\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 8px;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover svg {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz svg {\r\n color: var(--information-color);\r\n}\r\n\r\n.styles-module__buttonSelectAction___4Lg-L {\r\n display: flex;\r\n gap: 4px;\r\n height: 20px;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconChefron___U4x1- {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectError___lLMCP {\r\n border: 1px solid var(--color-danger);\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__selectOption___IGq-X {\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n color: var(--input-placeholder-focus);\r\n font-weight: 700;\r\n font-family: var(--font-open-sans-regular);\r\n}\r\n\r\n.styles-module__placeholder___HYCsC {\r\n color: var(--input-placeholder-color);\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__isRequired___NzEUO::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__search___Vjtlj {\r\n display: flex;\r\n border: 1px solid #cfcfcffc;\r\n border-radius: 8px;\r\n padding: 5px;\r\n margin-bottom: 8px;\r\n height: 37px;\r\n}\r\n\r\n.styles-module__search___Vjtlj input {\r\n width: 100%;\r\n border-radius: 0.375rem;\r\n font-size: 14px;\r\n outline: none;\r\n transition: border-color 0.3s;\r\n border: none;\r\n}\r\n\r\n.styles-module__search___Vjtlj svg {\r\n margin-right: 8px;\r\n color: #cfcfcffc;\r\n margin-top: 5px;\r\n margin-left: 5px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II {\r\n width: 98%;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px 8px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II label {\r\n cursor: pointer;\r\n padding-left: 8px;\r\n width: 100%;\r\n font-size: 14px;\r\n color: #424242;\r\n font-weight: 400;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__selectAll___KL-II input[type=\"checkbox\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25);\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X {\r\n width: 100%;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n margin-bottom: 4px;\r\n gap: 10px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X:hover {\r\n background-color: #005a921a;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X input[type=\"checkbox\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25);\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X label {\r\n cursor: pointer;\r\n font-size: 14px;\r\n color: #424242;\r\n font-weight: 400;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__selectOptionCheckedSelected___w6Zr- {\r\n background-color: #005a921a;\r\n}\r\n\r\n.styles-module__totalSelected___kBJZ0 {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.styles-module__selectedItem___Sbb4T {\r\n display: inline-flex;\r\n align-items: center;\r\n background-color: #f0f0f0;\r\n border-radius: 4px;\r\n padding: 4px 8px;\r\n margin-right: 4px;\r\n font-size: 14px;\r\n}\r\n\r\n.styles-module__excluir___WTjQd {\r\n cursor: pointer;\r\n z-index: 2;\r\n margin-top: 2px;\r\n}\r\n\r\n.styles-module__separator___06tCE {\r\n align-self: stretch;\r\n width: 1px;\r\n background-color: hsl(0, 0%, 80%);\r\n box-sizing: border-box;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.styles-module__message___k0oeC {\r\n font-size: 11px;\r\n color: #303030d9;\r\n font-weight: 700;\r\n line-height: 16px;\r\n padding: 4px 8px;\r\n}\r\n\r\n.styles-module__messageError___hRIme {\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__iconCheck___GS3XH {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n";
|
|
8383
|
+
var css_248z$k = ".styles-module__flex___sYumE {\r\n display: flex;\r\n}\r\n\r\n.styles-module__selectContainer___Q9aTK {\r\n position: relative;\r\n}\r\n\r\n.styles-module__selectContainer___Q9aTK label {\r\n font-size: 16px;\r\n line-height: 24px;\r\n color: #303030;\r\n width: 100%;\r\n font-weight: 700;\r\n text-align: left;\r\n cursor: pointer;\r\n font-family: var(--font-open-sans-regular);\r\n margin-bottom: 8px;\r\n display: block;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V label {\r\n color: #30303099 !important;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk {\r\n width: 100%;\r\n height: 48px;\r\n max-height: 48px;\r\n display: flex;\r\n justify-content: space-between;\r\n border: 1px solid #cfcfcffc;\r\n border-radius: 8px;\r\n background-color: var(--background-color);\r\n padding: 14px 8px;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__selectContainerDisabled___-fS2V .styles-module__buttonSelect___m3mZk {\r\n background-color: var(--input-disabled-bg-color) !important;\r\n color: var(--color-secondary) !important;\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz,\r\n.styles-module__buttonSelect___m3mZk:focus {\r\n /* border: 1px solid var(--color-information);\r\n outline: solid var(--color-focus-outline) 1.5px; */\r\n\r\n color: var(--input-placeholder-focus);\r\n outline: none;\r\n border: 1px solid var(--information-color);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover {\r\n background-color: #005a9214;\r\n}\r\n\r\n.styles-module__buttonSelectIcon___bLyj7 {\r\n width: 20px;\r\n height: 20px;\r\n margin-right: 8px;\r\n}\r\n\r\n.styles-module__buttonSelect___m3mZk:hover svg {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectFocus___rOddz svg {\r\n color: var(--information-color);\r\n}\r\n\r\n.styles-module__buttonSelectAction___4Lg-L {\r\n display: flex;\r\n gap: 4px;\r\n height: 20px;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconChefron___U4x1- {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__buttonSelectError___lLMCP {\r\n border: 1px solid var(--color-danger);\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__selectOption___IGq-X {\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n color: var(--input-placeholder-focus);\r\n font-weight: 700;\r\n font-family: var(--font-open-sans-regular);\r\n}\r\n\r\n.styles-module__placeholder___HYCsC {\r\n color: var(--input-placeholder-color);\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__isRequired___NzEUO::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__search___Vjtlj {\r\n display: flex;\r\n border: 1px solid #cfcfcffc;\r\n border-radius: 8px;\r\n padding: 5px;\r\n margin-bottom: 8px;\r\n height: 37px;\r\n}\r\n\r\n.styles-module__search___Vjtlj input {\r\n width: 100%;\r\n border-radius: 0.375rem;\r\n font-size: 14px;\r\n outline: none;\r\n transition: border-color 0.3s;\r\n border: none;\r\n}\r\n\r\n.styles-module__search___Vjtlj svg {\r\n margin-right: 8px;\r\n color: #cfcfcffc;\r\n margin-top: 5px;\r\n margin-left: 5px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II {\r\n width: 98%;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px 8px;\r\n}\r\n\r\n.styles-module__selectAll___KL-II label {\r\n cursor: pointer;\r\n padding-left: 8px;\r\n width: 100%;\r\n font-size: 14px;\r\n color: #424242;\r\n font-weight: 400;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__selectAll___KL-II input[type=\"checkbox\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25);\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X {\r\n width: 100%;\r\n white-space: nowrap;\r\n text-overflow: ellipsis;\r\n overflow: hidden;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n padding: 4px 8px;\r\n border-radius: 4px;\r\n margin-bottom: 4px;\r\n gap: 10px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X:hover {\r\n background-color: #005a921a;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X input[type=\"checkbox\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25);\r\n width: 16px;\r\n height: 16px;\r\n}\r\n\r\n.styles-module__selectOptionChecked___m7r-X label {\r\n cursor: pointer;\r\n font-size: 14px;\r\n color: #424242;\r\n font-weight: 400;\r\n margin: 0;\r\n}\r\n\r\n.styles-module__selectOptionCheckedSelected___w6Zr- {\r\n background-color: #005a921a;\r\n}\r\n\r\n.styles-module__totalSelected___kBJZ0 {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n}\r\n\r\n.styles-module__selectedItem___Sbb4T {\r\n display: inline-flex;\r\n align-items: center;\r\n background-color: #f0f0f0;\r\n border-radius: 4px;\r\n padding: 4px 8px;\r\n margin-right: 4px;\r\n font-size: 14px;\r\n}\r\n\r\n.styles-module__excluir___WTjQd {\r\n cursor: pointer;\r\n z-index: 2;\r\n margin-top: 2px;\r\n}\r\n\r\n.styles-module__separator___06tCE {\r\n align-self: stretch;\r\n width: 1px;\r\n background-color: hsl(0, 0%, 80%);\r\n box-sizing: border-box;\r\n margin-bottom: 2px;\r\n}\r\n\r\n.styles-module__message___k0oeC {\r\n font-size: 11px;\r\n color: #303030d9;\r\n font-weight: 700;\r\n line-height: 16px;\r\n padding: 4px 8px;\r\n}\r\n\r\n.styles-module__messageError___hRIme {\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__iconCheck___GS3XH {\r\n width: 20px;\r\n height: 20px;\r\n}\r\n";
|
|
8384
8384
|
var styles$j = {"flex":"styles-module__flex___sYumE","selectContainer":"styles-module__selectContainer___Q9aTK","selectContainerDisabled":"styles-module__selectContainerDisabled___-fS2V","buttonSelect":"styles-module__buttonSelect___m3mZk","buttonSelectFocus":"styles-module__buttonSelectFocus___rOddz","buttonSelectIcon":"styles-module__buttonSelectIcon___bLyj7","buttonSelectAction":"styles-module__buttonSelectAction___4Lg-L","iconChefron":"styles-module__iconChefron___U4x1-","buttonSelectError":"styles-module__buttonSelectError___lLMCP","selectOption":"styles-module__selectOption___IGq-X","placeholder":"styles-module__placeholder___HYCsC","isRequired":"styles-module__isRequired___NzEUO","search":"styles-module__search___Vjtlj","selectAll":"styles-module__selectAll___KL-II","selectOptionChecked":"styles-module__selectOptionChecked___m7r-X","selectOptionCheckedSelected":"styles-module__selectOptionCheckedSelected___w6Zr-","totalSelected":"styles-module__totalSelected___kBJZ0","selectedItem":"styles-module__selectedItem___Sbb4T","excluir":"styles-module__excluir___WTjQd","separator":"styles-module__separator___06tCE","message":"styles-module__message___k0oeC","messageError":"styles-module__messageError___hRIme","iconCheck":"styles-module__iconCheck___GS3XH"};
|
|
8385
8385
|
styleInject(css_248z$k);
|
|
8386
8386
|
|
|
@@ -8527,7 +8527,7 @@ function areObjectsEqual(obj1, obj2) {
|
|
|
8527
8527
|
});
|
|
8528
8528
|
}
|
|
8529
8529
|
|
|
8530
|
-
var selectColourStyles$2 = function (width, isInvalid) { return ({
|
|
8530
|
+
var selectColourStyles$2 = function (width, isInvalid, maxMenuHeight) { return ({
|
|
8531
8531
|
control: function (styles) { return (__assign(__assign({}, styles), { backgroundColor: "white", alignItems: "center", cursor: "default", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", maxHeight: "48px", outline: "0 !important", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : "hsl(0, 0%, 90%)", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid ? "0px 0px 0px 2px #DC354580" : "0px hsl(0, 0%, 96%)" })); },
|
|
8532
8532
|
menu: function () { return ({
|
|
8533
8533
|
padding: "8px 11px",
|
|
@@ -8544,19 +8544,19 @@ var selectColourStyles$2 = function (width, isInvalid) { return ({
|
|
|
8544
8544
|
? "transparent !important"
|
|
8545
8545
|
: "white !important" }));
|
|
8546
8546
|
},
|
|
8547
|
-
menuList: function (styles) { return (__assign(__assign({}, styles), { overflowX: "hidden" })); },
|
|
8547
|
+
menuList: function (styles) { return (__assign(__assign({}, styles), { overflowX: "hidden", maxHeight: maxMenuHeight ? "".concat(maxMenuHeight, "px") : "300px" })); },
|
|
8548
8548
|
}); };
|
|
8549
8549
|
|
|
8550
8550
|
var SelectMult = function (_a) {
|
|
8551
|
-
var _b = _a.name, name = _b === void 0 ? "states[]" : _b, optionsSelect = _a.optionsSelect, value = _a.value, placeholder = _a.placeholder, label = _a.label, handleChange = _a.handleChange, isMulti = _a.isMulti, disabled = _a.disabled, fetchOptions = _a.fetchOptions, required = _a.required, textError = _a.textError, hasError = _a.hasError, message = _a.message, Icon = _a.Icon, isSearchable = _a.isSearchable, isClearable = _a.isClearable, isCheckedAll = _a.isCheckedAll;
|
|
8552
|
-
var
|
|
8553
|
-
var
|
|
8554
|
-
var
|
|
8555
|
-
var
|
|
8551
|
+
var _b = _a.name, name = _b === void 0 ? "states[]" : _b, optionsSelect = _a.optionsSelect, value = _a.value, placeholder = _a.placeholder, label = _a.label, handleChange = _a.handleChange, isMulti = _a.isMulti, disabled = _a.disabled, fetchOptions = _a.fetchOptions, required = _a.required, textError = _a.textError, hasError = _a.hasError, message = _a.message, Icon = _a.Icon, isSearchable = _a.isSearchable, isClearable = _a.isClearable, isCheckedAll = _a.isCheckedAll, _c = _a.maxMenuHeight, maxMenuHeight = _c === void 0 ? 200 : _c;
|
|
8552
|
+
var _d = useState(false), isOpen = _d[0], setIsOpen = _d[1];
|
|
8553
|
+
var _e = useState([]), selecionados = _e[0], setSelecionados = _e[1];
|
|
8554
|
+
var _f = useState(""), inputValue = _f[0], setInputValue = _f[1];
|
|
8555
|
+
var _g = useState(""), labelSelected = _g[0], setLabelSelected = _g[1];
|
|
8556
8556
|
var noOptionsMessage = "Não há opções disponíveis";
|
|
8557
8557
|
var buttonRef = useRef(null);
|
|
8558
8558
|
var itemsRef = useRef(null);
|
|
8559
|
-
var
|
|
8559
|
+
var _h = useState(240), dropdownWidth = _h[0], setDropdownWidth = _h[1];
|
|
8560
8560
|
var handleInputChange = function (newValue, actionMeta) {
|
|
8561
8561
|
if (actionMeta.action !== "set-value") {
|
|
8562
8562
|
setInputValue(newValue);
|
|
@@ -8623,13 +8623,13 @@ var SelectMult = function (_a) {
|
|
|
8623
8623
|
}, title: "Excluir todos os itens selecionados", className: styles$j.excluir },
|
|
8624
8624
|
React__default.createElement(IconDelete, null)),
|
|
8625
8625
|
React__default.createElement(IconSeparator, null))),
|
|
8626
|
-
!disabled && (React__default.createElement(IconTriangleRecall, { className: styles$j.iconChefron })))) }, fetchOptions ? (React__default.createElement(AsyncSelect$1, { name: "name", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, placeholder: placeholder, styles: selectColourStyles$2(dropdownWidth, hasError), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, className: styles$j.selectElement, isSearchable: true, components: {
|
|
8626
|
+
!disabled && (React__default.createElement(IconTriangleRecall, { className: styles$j.iconChefron })))) }, fetchOptions ? (React__default.createElement(AsyncSelect$1, { name: "name", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, placeholder: placeholder, styles: selectColourStyles$2(dropdownWidth, hasError, maxMenuHeight), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, className: styles$j.selectElement, isSearchable: true, components: {
|
|
8627
8627
|
Control: function () { return null; },
|
|
8628
8628
|
Option: Option,
|
|
8629
8629
|
MenuList: MenuList,
|
|
8630
8630
|
}, cacheOptions: true, defaultOptions: optionsSelect, loadingMessage: function () {
|
|
8631
8631
|
return "".concat(inputValue.length >= 3 ? "Carregando..." : noOptionsMessage);
|
|
8632
|
-
}, loadOptions: fetchOptions, escapeClearsValue: isCheckedAll, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") })) : (React__default.createElement(StateManagedSelect$1, { name: "name2", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, options: optionsSelect, styles: selectColourStyles$2(dropdownWidth), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, components: {
|
|
8632
|
+
}, loadOptions: fetchOptions, escapeClearsValue: isCheckedAll, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") })) : (React__default.createElement(StateManagedSelect$1, { name: "name2", isDisabled: disabled, backspaceRemovesValue: false, controlShouldRenderValue: false, hideSelectedOptions: false, isClearable: false, menuIsOpen: true, onChange: handleSelectChange, onInputChange: handleInputChange, inputValue: inputValue, options: optionsSelect, styles: selectColourStyles$2(dropdownWidth, hasError, maxMenuHeight), tabSelectsValue: false, value: value, isMulti: isMulti, closeMenuOnSelect: false, noOptionsMessage: function () { return noOptionsMessage; }, components: {
|
|
8633
8633
|
Control: function () { return null; },
|
|
8634
8634
|
Option: Option,
|
|
8635
8635
|
MenuList: MenuList,
|
|
@@ -8853,7 +8853,7 @@ var TableComponent = function (_a) {
|
|
|
8853
8853
|
React__default.createElement("td", { colSpan: columns.length + (hasIcon ? 1 : 0), className: styles$f.noRecords }, noRecordsMessage)))))));
|
|
8854
8854
|
};
|
|
8855
8855
|
|
|
8856
|
-
var css_248z$e = ".styles-module__textInput___gaz7I {\r\n width: 100%;\r\n height: 48px;\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 var(--color-border);\r\n color: var(--color-dark-gray);\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n width: 100%;\r\n color: var(--color-input);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input {\r\n border-top-left-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\r\n border-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\r\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\r\n.styles-module__inputContainer___fmTYP input:disabled {\r\n background-color: #eeeeee !important;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-inputtext {\r\n border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n line-height: 22px;\r\n border-color: var(--color-border);\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\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__labelRequired___4ewKH::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\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___wWffN {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n background: var(--background-color-table-primary);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n color: var(--color-gray-medium);\r\n outline: none;\r\n border: 1px solid var(--color-primary);\r\n box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n font-weight: bold;\r\n color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n border: 1px solid var(--alert-color);\r\n box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n border-color: var(--color-primary);\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n background-color: var(--light-grey-color);\r\n border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n font-weight: 587;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\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___-UY3m.styles-module__error___Uy-55 {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n color: var(--alert-color);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___mzyII {\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___-s-pG {\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\r\n#styles-module__inputwrapper___4UacS {\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G:focus-within {\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px;\r\n border: none
|
|
8856
|
+
var css_248z$e = ".styles-module__textInput___gaz7I {\r\n width: 100%;\r\n height: 48px;\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 var(--color-border);\r\n color: var(--color-dark-gray);\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n width: 100%;\r\n color: var(--color-input);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input {\r\n border-top-left-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\r\n border-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\r\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\r\n.styles-module__inputContainer___fmTYP input:disabled {\r\n background-color: #eeeeee !important;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 24px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-inputtext {\r\n border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n line-height: 22px;\r\n border-color: var(--color-border);\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\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__labelRequired___4ewKH::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\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___wWffN {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n background: var(--background-color-table-primary);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n color: var(--color-gray-medium);\r\n outline: none;\r\n border: 1px solid var(--color-primary);\r\n box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n font-weight: bold;\r\n color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n border: 1px solid var(--alert-color);\r\n box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n border-color: var(--color-primary);\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n background-color: var(--light-grey-color);\r\n border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n font-weight: 587;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\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___-UY3m.styles-module__error___Uy-55 {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n color: var(--alert-color);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___mzyII {\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___-s-pG {\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\r\n#styles-module__inputwrapper___4UacS {\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G:focus-within {\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px;\r\n border: none;\r\n border-radius: 0;\r\n}\r\n\r\n.styles-module__calendarWrapper___Txz5G {\r\n display: inline-flex;\r\n align-items: center;\r\n border-radius: 8px;\r\n border: 1px solid var(--color-border);\r\n}\r\n\r\n.styles-module__calendarError___UUWT4 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\r\n}\r\n\r\n.styles-module__calendarFocus___B899c {\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0 0 0 0.2rem #0091ea80;\r\n}\r\n\r\n.styles-module__textCalendar___0ZZB- {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px;\r\n border: none;\r\n border-radius: 0;\r\n}\r\n\r\n.p-calendar .p-inputtext,\r\n.p-calendar .p-button-icon-only {\r\n border: none !important;\r\n box-shadow: none !important;\r\n}\r\n\r\n.p-highlight {\r\n background-color: #005a921a;\r\n color: #005a92;\r\n}\r\n";
|
|
8857
8857
|
var styles$e = {"textInput":"styles-module__textInput___gaz7I","inputContainer":"styles-module__inputContainer___fmTYP","iconWrapper":"styles-module__iconWrapper___H3Icv","labelRequired":"styles-module__labelRequired___4ewKH","titleLabel":"styles-module__titleLabel___6M8ua","labelInput":"styles-module__labelInput___wWffN","textInputDanger":"styles-module__textInputDanger___YqaWP","password-input-container":"styles-module__password-input-container___o0AsP","inputTextPswUser":"styles-module__inputTextPswUser___0xWHh","buttonTextPswUser":"styles-module__buttonTextPswUser___-UY3m","error":"styles-module__error___Uy-55","iconEye":"styles-module__iconEye___MiJMN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","iconWrapperLeft":"styles-module__iconWrapperLeft___mzyII","iconWrapperRight":"styles-module__iconWrapperRight___-s-pG","inputwrapper":"styles-module__inputwrapper___4UacS","buttonDisplay":"styles-module__buttonDisplay___tNJLk","errorRequired":"styles-module__errorRequired___YsP4q","calendarWrapper":"styles-module__calendarWrapper___Txz5G","textCalendar":"styles-module__textCalendar___0ZZB-","calendarError":"styles-module__calendarError___UUWT4","calendarFocus":"styles-module__calendarFocus___B899c"};
|
|
8858
8858
|
styleInject(css_248z$e);
|
|
8859
8859
|
|
|
@@ -21093,16 +21093,26 @@ addLocale("pt", {
|
|
|
21093
21093
|
dayNamesShort: ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"],
|
|
21094
21094
|
});
|
|
21095
21095
|
var DateInput = function (_a) {
|
|
21096
|
-
var restrictionMessage = _a.restrictionMessage, label = _a.label, onChange = _a.onChange, isError = _a.isError, valueDate = _a.valueDate, disabled = _a.disabled, placeholder = _a.placeholder, required = _a.required;
|
|
21096
|
+
var restrictionMessage = _a.restrictionMessage, label = _a.label, onChange = _a.onChange, isError = _a.isError, valueDate = _a.valueDate, disabled = _a.disabled, placeholder = _a.placeholder, required = _a.required, _b = _a.inline, inline = _b === void 0 ? false : _b, _c = _a.selectionMode, selectionMode = _c === void 0 ? "single" : _c, enabledDates = _a.enabledDates, _d = _a.view, view = _d === void 0 ? "date" : _d, _e = _a.dateFormat, dateFormat = _e === void 0 ? "dd/mm/yy" : _e;
|
|
21097
21097
|
var calendarRef = useRef(null);
|
|
21098
|
-
var
|
|
21098
|
+
var _f = useState(false), panelOpen = _f[0], setPanelOpen = _f[1];
|
|
21099
21099
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
21100
21100
|
var handleDateChange = function (e) {
|
|
21101
21101
|
var newDate = e.value;
|
|
21102
21102
|
if (onChange) {
|
|
21103
|
+
var value = "";
|
|
21104
|
+
if (newDate && !Array.isArray(newDate) && newDate instanceof Date) {
|
|
21105
|
+
value = newDate.toISOString().split("T")[0];
|
|
21106
|
+
}
|
|
21107
|
+
else if (newDate && Array.isArray(newDate) && newDate.length > 0) {
|
|
21108
|
+
var validDates = newDate.filter(function (date) { return date instanceof Date; });
|
|
21109
|
+
if (validDates.length > 0) {
|
|
21110
|
+
value = newDate;
|
|
21111
|
+
}
|
|
21112
|
+
}
|
|
21103
21113
|
onChange({
|
|
21104
21114
|
target: {
|
|
21105
|
-
value:
|
|
21115
|
+
value: value,
|
|
21106
21116
|
},
|
|
21107
21117
|
});
|
|
21108
21118
|
}
|
|
@@ -21178,12 +21188,12 @@ var DateInput = function (_a) {
|
|
|
21178
21188
|
return (React__default.createElement("div", { className: styles$e.inputContainer },
|
|
21179
21189
|
React__default.createElement("label", { htmlFor: label, className: "".concat(styles$e.labelInput, " ").concat(required ? styles$e.labelRequired : "") }, label),
|
|
21180
21190
|
React__default.createElement("div", { className: styles$e.inputContent },
|
|
21181
|
-
React__default.createElement(Calendar, { ref: calendarRef, invalid: isError, id: "buttondisplay", locale: "pt", disabled: disabled, inputId: label, className: "\n ".concat(styles$e.calendarWrapper, "\n ").concat(isError ? styles$e.calendarError : "", "\n ").concat(panelOpen ? styles$e.calendarFocus : "", "\n "), inputClassName: "".concat(styles$e.textCalendar, " ").concat(isError ? styles$e.buttoInvalid : ""), dateFormat:
|
|
21182
|
-
React__default.createElement("path", { d: "M1.85183 20C1.35183 20 0.918194 19.8347 0.550916 19.5042C0.183639 19.1736 0 18.7833 0 18.3333V3.33333C0 2.88333 0.183639 2.49305 0.550916 2.1625C0.918194 1.83193 1.35183 1.66665 1.85183 1.66665H3.42592V0H5.37036V1.66665H14.6296V0H16.5741V1.66665H18.1482C18.6482 1.66665 19.0818 1.83193 19.4491 2.1625C19.8164 2.49305 20 2.88333 20 3.33333V18.3333C20 18.7833 19.8164 19.1736 19.4491 19.5042C19.0818 19.8347 18.6482 20 18.1482 20H1.85183ZM1.85183 18.3333H18.1482V7.83333H1.85183V18.3333ZM1.85183 6.16668H18.1482V3.33333H1.85183V6.16668ZM10 12C9.68519 12 9.4213 11.9042 9.20833 11.7125C8.99537 11.5208 8.88889 11.2833 8.88889 11C8.88889 10.7167 8.99537 10.4792 9.20833 10.2875C9.4213 10.0958 9.68519 10 10 10C10.3148 10 10.5787 10.0958 10.7917 10.2875C11.0046 10.4792 11.1111 10.7167 11.1111 11C11.1111 11.2833 11.0046 11.5208 10.7917 11.7125C10.5787 11.9042 10.3148 12 10 12ZM5.55556 12C5.24074 12 4.97685 11.9042 4.76389 11.7125C4.55093 11.5208 4.44444 11.2833 4.44444 11C4.44444 10.7167 4.55093 10.4792 4.76389 10.2875C4.97685 10.0958 5.24074 10 5.55556 10C5.87037 10 6.13426 10.0958 6.34722 10.2875C6.56019 10.4792 6.66667 10.7167 6.66667 11C6.66667 11.2833 6.56019 11.5208 6.34722 11.7125C6.13426 11.9042 5.87037 12 5.55556 12ZM14.4444 12C14.1296 12 13.8657 11.9042 13.6528 11.7125C13.4398 11.5208 13.3333 11.2833 13.3333 11C13.3333 10.7167 13.4398 10.4792 13.6528 10.2875C13.8657 10.0958 14.1296 10 14.4444 10C14.7593 10 15.0231 10.0958 15.2361 10.2875C15.4491 10.4792 15.5556 10.7167 15.5556 11C15.5556 11.2833 15.4491 11.5208 15.2361 11.7125C15.0231 11.9042 14.7593 12 14.4444 12ZM10 16C9.68519 16 9.4213 15.9042 9.20833 15.7125C8.99537 15.5208 8.88889 15.2833 8.88889 15C8.88889 14.7167 8.99537 14.4792 9.20833 14.2875C9.4213 14.0958 9.68519 14 10 14C10.3148 14 10.5787 14.0958 10.7917 14.2875C11.0046 14.4792 11.1111 14.7167 11.1111 15C11.1111 15.2833 11.0046 15.5208 10.7917 15.7125C10.5787 15.9042 10.3148 16 10 16ZM5.55556 16C5.24074 16 4.97685 15.9042 4.76389 15.7125C4.55093 15.5208 4.44444 15.2833 4.44444 15C4.44444 14.7167 4.55093 14.4792 4.76389 14.2875C4.97685 14.0958 5.24074 14 5.55556 14C5.87037 14 6.13426 14.0958 6.34722 14.2875C6.56019 14.4792 6.66667 14.7167 6.66667 15C6.66667 15.2833 6.56019 15.5208 6.34722 15.7125C6.13426 15.9042 5.87037 16 5.55556 16ZM14.4444 16C14.1296 16 13.8657 15.9042 13.6528 15.7125C13.4398 15.5208 13.3333 15.2833 13.3333 15C13.3333 14.7167 13.4398 14.4792 13.6528 14.2875C13.8657 14.0958 14.1296 14 14.4444 14C14.7593 14 15.0231 14.0958 15.2361 14.2875C15.4491 14.4792 15.5556 14.7167 15.5556 15C15.5556 15.2833 15.4491 15.5208 15.2361 15.7125C15.0231 15.9042 14.7593 16 14.4444 16Z", fill: "#303030",
|
|
21191
|
+
React__default.createElement(Calendar, { ref: calendarRef, invalid: isError, id: "buttondisplay", locale: "pt", disabled: disabled, inputId: label, className: "\n ".concat(styles$e.calendarWrapper, "\n ").concat(isError ? styles$e.calendarError : "", "\n ").concat(panelOpen ? styles$e.calendarFocus : "", "\n "), inputClassName: "".concat(styles$e.textCalendar, " ").concat(isError ? styles$e.buttoInvalid : ""), dateFormat: dateFormat, onChange: handleDateChange, showIcon: true, value: valueDate, placeholder: placeholder, onShow: function () { return setPanelOpen(true); }, onHide: function () { return setPanelOpen(false); }, inline: inline, selectionMode: selectionMode, enabledDates: enabledDates, view: view, icon: function () { return (React__default.createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
21192
|
+
React__default.createElement("path", { d: "M1.85183 20C1.35183 20 0.918194 19.8347 0.550916 19.5042C0.183639 19.1736 0 18.7833 0 18.3333V3.33333C0 2.88333 0.183639 2.49305 0.550916 2.1625C0.918194 1.83193 1.35183 1.66665 1.85183 1.66665H3.42592V0H5.37036V1.66665H14.6296V0H16.5741V1.66665H18.1482C18.6482 1.66665 19.0818 1.83193 19.4491 2.1625C19.8164 2.49305 20 2.88333 20 3.33333V18.3333C20 18.7833 19.8164 19.1736 19.4491 19.5042C19.0818 19.8347 18.6482 20 18.1482 20H1.85183ZM1.85183 18.3333H18.1482V7.83333H1.85183V18.3333ZM1.85183 6.16668H18.1482V3.33333H1.85183V6.16668ZM10 12C9.68519 12 9.4213 11.9042 9.20833 11.7125C8.99537 11.5208 8.88889 11.2833 8.88889 11C8.88889 10.7167 8.99537 10.4792 9.20833 10.2875C9.4213 10.0958 9.68519 10 10 10C10.3148 10 10.5787 10.0958 10.7917 10.2875C11.0046 10.4792 11.1111 10.7167 11.1111 11C11.1111 11.2833 11.0046 11.5208 10.7917 11.7125C10.5787 11.9042 10.3148 12 10 12ZM5.55556 12C5.24074 12 4.97685 11.9042 4.76389 11.7125C4.55093 11.5208 4.44444 11.2833 4.44444 11C4.44444 10.7167 4.55093 10.4792 4.76389 10.2875C4.97685 10.0958 5.24074 10 5.55556 10C5.87037 10 6.13426 10.0958 6.34722 10.2875C6.56019 10.4792 6.66667 10.7167 6.66667 11C6.66667 11.2833 6.56019 11.5208 6.34722 11.7125C6.13426 11.9042 5.87037 12 5.55556 12ZM14.4444 12C14.1296 12 13.8657 11.9042 13.6528 11.7125C13.4398 11.5208 13.3333 11.2833 13.3333 11C13.3333 10.7167 13.4398 10.4792 13.6528 10.2875C13.8657 10.0958 14.1296 10 14.4444 10C14.7593 10 15.0231 10.0958 15.2361 10.2875C15.4491 10.4792 15.5556 10.7167 15.5556 11C15.5556 11.2833 15.4491 11.5208 15.2361 11.7125C15.0231 11.9042 14.7593 12 14.4444 12ZM10 16C9.68519 16 9.4213 15.9042 9.20833 15.7125C8.99537 15.5208 8.88889 15.2833 8.88889 15C8.88889 14.7167 8.99537 14.4792 9.20833 14.2875C9.4213 14.0958 9.68519 14 10 14C10.3148 14 10.5787 14.0958 10.7917 14.2875C11.0046 14.4792 11.1111 14.7167 11.1111 15C11.1111 15.2833 11.0046 15.5208 10.7917 15.7125C10.5787 15.9042 10.3148 16 10 16ZM5.55556 16C5.24074 16 4.97685 15.9042 4.76389 15.7125C4.55093 15.5208 4.44444 15.2833 4.44444 15C4.44444 14.7167 4.55093 14.4792 4.76389 14.2875C4.97685 14.0958 5.24074 14 5.55556 14C5.87037 14 6.13426 14.0958 6.34722 14.2875C6.56019 14.4792 6.66667 14.7167 6.66667 15C6.66667 15.2833 6.56019 15.5208 6.34722 15.7125C6.13426 15.9042 5.87037 16 5.55556 16ZM14.4444 16C14.1296 16 13.8657 15.9042 13.6528 15.7125C13.4398 15.5208 13.3333 15.2833 13.3333 15C13.3333 14.7167 13.4398 14.4792 13.6528 14.2875C13.8657 14.0958 14.1296 14 14.4444 14C14.7593 14 15.0231 14.0958 15.2361 14.2875C15.4491 14.4792 15.5556 14.7167 15.5556 15C15.5556 15.2833 15.4491 15.5208 15.2361 15.7125C15.0231 15.9042 14.7593 16 14.4444 16Z", fill: "#303030", fillOpacity: "0.7" }))); } })),
|
|
21183
21193
|
restrictionMessage && (React__default.createElement("div", { className: styles$e.restrictionMessage }, restrictionMessage))));
|
|
21184
21194
|
};
|
|
21185
21195
|
|
|
21186
|
-
var css_248z$b = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__formatOptionLabel___xBV8v {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 8px;\r\n}";
|
|
21196
|
+
var css_248z$b = ".styles-module__selectContainer___TecDY {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n position: relative;\r\n}\r\n\r\n.styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__selectContainer___TecDY label {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___kXCnM {\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___SEaAS {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___hPEpA {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___B2-9- {\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__formatOptionLabel___xBV8v {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 8px;\r\n}\r\n";
|
|
21187
21197
|
var styles$9 = {"selectContainer":"styles-module__selectContainer___TecDY","errorText":"styles-module__errorText___kXCnM","errorRequired":"styles-module__errorRequired___SEaAS","contentIcon":"styles-module__contentIcon___hPEpA","iconChefron":"styles-module__iconChefron___B2-9-","formatOptionLabel":"styles-module__formatOptionLabel___xBV8v"};
|
|
21188
21198
|
styleInject(css_248z$b);
|
|
21189
21199
|
|
|
@@ -21649,7 +21659,7 @@ function useController(props) {
|
|
|
21649
21659
|
};
|
|
21650
21660
|
}
|
|
21651
21661
|
|
|
21652
|
-
var selectColourStyles = function (isInvalid, isMobile) { return ({
|
|
21662
|
+
var selectColourStyles = function (isInvalid, isMobile, maxMenuHeight) { return ({
|
|
21653
21663
|
control: function (styles, _a) {
|
|
21654
21664
|
var isFocused = _a.isFocused, isDisabled = _a.isDisabled;
|
|
21655
21665
|
return (__assign(__assign({}, styles), { alignItems: "center", cursor: "pointer", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", outline: "0", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : isFocused ? "#1a95b0" : "#cfcfcffc", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid
|
|
@@ -21657,7 +21667,9 @@ var selectColourStyles = function (isInvalid, isMobile) { return ({
|
|
|
21657
21667
|
: isFocused
|
|
21658
21668
|
? "0px 0px 0px 2px #0091ea80"
|
|
21659
21669
|
: "0px hsl(0, 0%, 96%)", backgroundColor: isDisabled ? "var(--input-disabled-bg-color)" : "white", ":hover": {
|
|
21660
|
-
backgroundColor: isDisabled
|
|
21670
|
+
backgroundColor: isDisabled
|
|
21671
|
+
? "var(--input-disabled-bg-color)"
|
|
21672
|
+
: "#005a9214",
|
|
21661
21673
|
} }));
|
|
21662
21674
|
},
|
|
21663
21675
|
option: function (styles, _a) {
|
|
@@ -21680,9 +21692,10 @@ var selectColourStyles = function (isInvalid, isMobile) { return ({
|
|
|
21680
21692
|
var hasValue = _a.hasValue;
|
|
21681
21693
|
return (__assign(__assign({}, styles), { display: hasValue ? "block" : "none" }));
|
|
21682
21694
|
},
|
|
21695
|
+
menuList: function (styles) { return (__assign(__assign({}, styles), { maxHeight: maxMenuHeight ? "".concat(maxMenuHeight, "px") : "300px" })); },
|
|
21683
21696
|
}); };
|
|
21684
21697
|
var SelectDefault = function (_a) {
|
|
21685
|
-
var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange, formatOptionLabel = _a.formatOptionLabel, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d;
|
|
21698
|
+
var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange, formatOptionLabel = _a.formatOptionLabel, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d, maxMenuHeight = _a.maxMenuHeight;
|
|
21686
21699
|
var _e = useController({ name: name, control: control }), _f = _e.field; _f.onChange; _f.value; var rest = __rest(_f, ["onChange", "value"]), error = _e.fieldState.error;
|
|
21687
21700
|
var _g = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _g[0], setIsMobile = _g[1];
|
|
21688
21701
|
var CustomDropdownIndicator = function () {
|
|
@@ -21706,7 +21719,7 @@ var SelectDefault = function (_a) {
|
|
|
21706
21719
|
if (inputValue) {
|
|
21707
21720
|
handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
|
|
21708
21721
|
}
|
|
21709
|
-
}, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
|
|
21722
|
+
}, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile, maxMenuHeight), isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
|
|
21710
21723
|
error && React.createElement("span", { className: styles$9.errorText }, error.message)));
|
|
21711
21724
|
};
|
|
21712
21725
|
|
|
@@ -23860,7 +23873,7 @@ var ModalUI = function (_a) {
|
|
|
23860
23873
|
React__default.createElement(Description2, { className: styles$8.childrenContainer }, children)))));
|
|
23861
23874
|
};
|
|
23862
23875
|
|
|
23863
|
-
var css_248z$9 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px 16px 16px 16px;\r\n max-height: 500px;\r\n overflow
|
|
23876
|
+
var css_248z$9 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px 16px 16px 16px;\r\n max-height: 500px;\r\n overflow: visible;\r\n background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n padding: 0 16px 16px;\r\n justify-content: flex-end;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n}\r\n";
|
|
23864
23877
|
var style = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
|
|
23865
23878
|
styleInject(css_248z$9);
|
|
23866
23879
|
|