pge-front-common 12.0.4 → 13.0.0
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/MultiSelect/components.d.ts +13 -0
- package/lib/components/MultiSelect/icons.d.ts +7 -0
- package/lib/components/MultiSelect/index.d.ts +2 -2
- package/lib/components/MultiSelect/index.types.d.ts +12 -8
- package/lib/components/MultiSelect/multiselect.stories.d.ts +1 -2
- package/lib/components/MultiSelect/selectColourStyles.d.ts +13 -0
- package/lib/components/Select/index.d.ts +4 -0
- package/lib/components/Select/index.types.d.ts +20 -0
- package/lib/components/Select/select.stories.d.ts +7 -0
- package/lib/components/Table/index.d.ts +1 -1
- package/lib/components/Table/index.types.d.ts +1 -0
- package/lib/index.d.ts +42 -14
- package/lib/index.esm.js +1315 -909
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +1316 -909
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
- package/lib/components/Footer/Footer.d.ts +0 -2
- package/lib/images/images/headerDividaAtivaLogoLight.svg +0 -4
- package/lib/images/images/headerPgeLogoDark.svg +0 -13
- package/lib/images/images/headerPgeLogoLight.svg +0 -109
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import React, { ReactNode } from "react";
|
|
2
|
+
declare const Option: (props: any) => React.JSX.Element;
|
|
3
|
+
declare const MenuList: (props: any) => React.JSX.Element;
|
|
4
|
+
declare const Menu: (props: JSX.IntrinsicElements["div"]) => React.JSX.Element;
|
|
5
|
+
declare const Blanket: (props: JSX.IntrinsicElements["div"]) => React.JSX.Element;
|
|
6
|
+
declare const Dropdown: ({ children, isOpen, target, onClose, }: {
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
readonly isOpen: boolean;
|
|
9
|
+
readonly target: ReactNode;
|
|
10
|
+
readonly onClose: () => void;
|
|
11
|
+
readonly selecionados: any[];
|
|
12
|
+
}) => React.JSX.Element;
|
|
13
|
+
export { Option, MenuList, Menu, Blanket, Dropdown };
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
declare const IconDelete: () => React.JSX.Element;
|
|
3
|
+
declare const IconSeparator: () => React.JSX.Element;
|
|
4
|
+
declare const IconCheckboxEmpty: () => React.JSX.Element;
|
|
5
|
+
declare const IconCheckboxChecked: () => React.JSX.Element;
|
|
6
|
+
declare const IconCheckboxMinus: () => React.JSX.Element;
|
|
7
|
+
export { IconDelete, IconCheckboxEmpty, IconCheckboxChecked, IconCheckboxMinus, IconSeparator, };
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { SelectMultProps } from "./index.types";
|
|
3
|
-
declare const SelectMult: ({ name,
|
|
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;
|
|
4
4
|
export default SelectMult;
|
|
@@ -1,19 +1,23 @@
|
|
|
1
|
-
import { Control } from "react-hook-form";
|
|
2
1
|
export interface SelectMultProps {
|
|
3
|
-
name
|
|
2
|
+
name?: string;
|
|
4
3
|
optionsSelect: OptionsProps[];
|
|
5
|
-
value: any;
|
|
4
|
+
value: any[];
|
|
6
5
|
placeholder?: string;
|
|
7
6
|
className?: string;
|
|
8
7
|
label?: string;
|
|
9
|
-
handleChange: (selectedOptions:
|
|
8
|
+
handleChange: (selectedOptions: any) => void;
|
|
10
9
|
handleInputChange?: (inputValue: string) => void;
|
|
10
|
+
fetchOptions?: (query: string) => Promise<OptionsProps[]>;
|
|
11
11
|
isMulti: boolean;
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
12
|
+
disabled?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
textError?: string;
|
|
15
15
|
hasError?: boolean;
|
|
16
|
-
|
|
16
|
+
message?: string;
|
|
17
|
+
Icon?: React.ReactNode;
|
|
18
|
+
isSearchable?: boolean;
|
|
19
|
+
isClearable?: boolean;
|
|
20
|
+
isCheckedAll?: boolean;
|
|
17
21
|
}
|
|
18
22
|
export type OptionsProps = {
|
|
19
23
|
label: string;
|
|
@@ -3,6 +3,5 @@ import { SelectMultProps } from "./index.types";
|
|
|
3
3
|
declare const _default: Meta;
|
|
4
4
|
export default _default;
|
|
5
5
|
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
6
|
+
export declare const MultiError: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
6
7
|
export declare const MultiSelect: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
7
|
-
export declare const DisabledSelect: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
8
|
-
export declare const ErrorState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectMultProps>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
declare const selectColourStyles: (width?: number, isInvalid?: boolean) => {
|
|
2
|
+
control: (styles: any) => any;
|
|
3
|
+
menu: () => {
|
|
4
|
+
padding: string;
|
|
5
|
+
borderRadius: number;
|
|
6
|
+
boxShadow: string;
|
|
7
|
+
borderColor: string;
|
|
8
|
+
minWidth: number;
|
|
9
|
+
};
|
|
10
|
+
option: (styles: any, { isDisabled, isSelected, isFocused }: any) => any;
|
|
11
|
+
menuList: (styles: any) => any;
|
|
12
|
+
};
|
|
13
|
+
export default selectColourStyles;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { SelectDefaultProps } from "./index.types";
|
|
3
|
+
declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps) => React.JSX.Element;
|
|
4
|
+
export default SelectDefault;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { Control } from "react-hook-form";
|
|
2
|
+
export interface SelectDefaultProps {
|
|
3
|
+
name: string;
|
|
4
|
+
optionsSelect: OptionsProps[];
|
|
5
|
+
value: any;
|
|
6
|
+
placeholder?: string;
|
|
7
|
+
className?: string;
|
|
8
|
+
label?: string;
|
|
9
|
+
handleChange: (selectedOptions: OptionsProps[]) => void;
|
|
10
|
+
handleInputChange?: (inputValue: string) => void;
|
|
11
|
+
isDisabled?: boolean;
|
|
12
|
+
isRequired?: boolean;
|
|
13
|
+
inputRef?: unknown;
|
|
14
|
+
hasError?: boolean;
|
|
15
|
+
control?: Control<any>;
|
|
16
|
+
}
|
|
17
|
+
export type OptionsProps = {
|
|
18
|
+
label: string;
|
|
19
|
+
value: string;
|
|
20
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta } from "@storybook/react";
|
|
2
|
+
import { SelectDefaultProps } from "./index.types";
|
|
3
|
+
declare const _default: Meta;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
|
|
6
|
+
export declare const DisabledSelect: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
|
|
7
|
+
export declare const ErrorState: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactRenderer, SelectDefaultProps>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { TableComponentProps } from "./index.types";
|
|
3
|
-
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, }: TableComponentProps) => React.JSX.Element;
|
|
3
|
+
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, hasBottomRounded }: TableComponentProps) => React.JSX.Element;
|
|
4
4
|
export default TableComponent;
|
package/lib/index.d.ts
CHANGED
|
@@ -104,7 +104,7 @@ declare const TextareaBase: ({ name, label, value, type, Icon, placeholder, mess
|
|
|
104
104
|
interface RadioGroupBaseProps extends Partial<HTMLInputElement> {
|
|
105
105
|
name: string;
|
|
106
106
|
label?: string;
|
|
107
|
-
options: OptionsProps$
|
|
107
|
+
options: OptionsProps$2[];
|
|
108
108
|
value: string;
|
|
109
109
|
hasError?: boolean;
|
|
110
110
|
textError?: string;
|
|
@@ -115,7 +115,7 @@ interface RadioGroupBaseProps extends Partial<HTMLInputElement> {
|
|
|
115
115
|
required?: boolean | false;
|
|
116
116
|
disabled?: boolean | false;
|
|
117
117
|
}
|
|
118
|
-
type OptionsProps$
|
|
118
|
+
type OptionsProps$2 = {
|
|
119
119
|
value: string;
|
|
120
120
|
label: string;
|
|
121
121
|
};
|
|
@@ -209,27 +209,32 @@ interface PaginationProps {
|
|
|
209
209
|
declare const Pagination: React__default.FC<PaginationProps>;
|
|
210
210
|
|
|
211
211
|
interface SelectMultProps {
|
|
212
|
-
name
|
|
213
|
-
optionsSelect: OptionsProps[];
|
|
214
|
-
value: any;
|
|
212
|
+
name?: string;
|
|
213
|
+
optionsSelect: OptionsProps$1[];
|
|
214
|
+
value: any[];
|
|
215
215
|
placeholder?: string;
|
|
216
216
|
className?: string;
|
|
217
217
|
label?: string;
|
|
218
|
-
handleChange: (selectedOptions:
|
|
218
|
+
handleChange: (selectedOptions: any) => void;
|
|
219
219
|
handleInputChange?: (inputValue: string) => void;
|
|
220
|
+
fetchOptions?: (query: string) => Promise<OptionsProps$1[]>;
|
|
220
221
|
isMulti: boolean;
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
222
|
+
disabled?: boolean;
|
|
223
|
+
required?: boolean;
|
|
224
|
+
textError?: string;
|
|
224
225
|
hasError?: boolean;
|
|
225
|
-
|
|
226
|
+
message?: string;
|
|
227
|
+
Icon?: React.ReactNode;
|
|
228
|
+
isSearchable?: boolean;
|
|
229
|
+
isClearable?: boolean;
|
|
230
|
+
isCheckedAll?: boolean;
|
|
226
231
|
}
|
|
227
|
-
type OptionsProps = {
|
|
232
|
+
type OptionsProps$1 = {
|
|
228
233
|
label: string;
|
|
229
234
|
value: string;
|
|
230
235
|
};
|
|
231
236
|
|
|
232
|
-
declare const SelectMult: ({ name,
|
|
237
|
+
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;
|
|
233
238
|
|
|
234
239
|
interface IFuncionalidade {
|
|
235
240
|
id: number;
|
|
@@ -296,9 +301,10 @@ interface TableComponentProps {
|
|
|
296
301
|
columnIcon?: React__default.ReactNode;
|
|
297
302
|
iconColumnName?: string;
|
|
298
303
|
setBorderTable?: boolean;
|
|
304
|
+
hasBottomRounded?: boolean;
|
|
299
305
|
}
|
|
300
306
|
|
|
301
|
-
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, }: TableComponentProps) => React__default.JSX.Element;
|
|
307
|
+
declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, hasBottomRounded }: TableComponentProps) => React__default.JSX.Element;
|
|
302
308
|
|
|
303
309
|
interface InputBaseProps {
|
|
304
310
|
restrictionMessage?: string;
|
|
@@ -314,6 +320,28 @@ interface InputBaseProps {
|
|
|
314
320
|
|
|
315
321
|
declare const DateInput: React__default.FC<InputBaseProps>;
|
|
316
322
|
|
|
323
|
+
interface SelectDefaultProps {
|
|
324
|
+
name: string;
|
|
325
|
+
optionsSelect: OptionsProps[];
|
|
326
|
+
value: any;
|
|
327
|
+
placeholder?: string;
|
|
328
|
+
className?: string;
|
|
329
|
+
label?: string;
|
|
330
|
+
handleChange: (selectedOptions: OptionsProps[]) => void;
|
|
331
|
+
handleInputChange?: (inputValue: string) => void;
|
|
332
|
+
isDisabled?: boolean;
|
|
333
|
+
isRequired?: boolean;
|
|
334
|
+
inputRef?: unknown;
|
|
335
|
+
hasError?: boolean;
|
|
336
|
+
control?: Control<any>;
|
|
337
|
+
}
|
|
338
|
+
type OptionsProps = {
|
|
339
|
+
label: string;
|
|
340
|
+
value: string;
|
|
341
|
+
};
|
|
342
|
+
|
|
343
|
+
declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectDefaultProps) => React$1.JSX.Element;
|
|
344
|
+
|
|
317
345
|
declare const IconDownload: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
318
346
|
|
|
319
347
|
declare const IconVisibility: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
@@ -380,4 +408,4 @@ declare const IconUploadV2: (props?: SVGProps<SVGSVGElement>) => React__default.
|
|
|
380
408
|
|
|
381
409
|
declare const IconQuestionMark: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
|
|
382
410
|
|
|
383
|
-
export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, DateInput, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadV2, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner,
|
|
411
|
+
export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps$1 as ButtonProps, Checkbox, type Column, DateInput, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadV2, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, type OptionsProps$1 as OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, SelectDefault, type SelectDefaultProps, SelectMult, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title, Tooltip };
|