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.
@@ -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 * as React from "react";
1
+ import React from "react";
2
2
  import { SelectMultProps } from "./index.types";
3
- declare const SelectMult: ({ name, control, optionsSelect, placeholder, isMulti, isDisabled, label, hasError, handleChange, isRequired, value, }: 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, }: 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: string;
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: OptionsProps[]) => void;
8
+ handleChange: (selectedOptions: any) => void;
10
9
  handleInputChange?: (inputValue: string) => void;
10
+ fetchOptions?: (query: string) => Promise<OptionsProps[]>;
11
11
  isMulti: boolean;
12
- isDisabled?: boolean;
13
- isRequired?: boolean;
14
- inputRef?: unknown;
12
+ disabled?: boolean;
13
+ required?: boolean;
14
+ textError?: string;
15
15
  hasError?: boolean;
16
- control?: Control<any>;
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;
@@ -20,4 +20,5 @@ export interface TableComponentProps {
20
20
  columnIcon?: React.ReactNode;
21
21
  iconColumnName?: string;
22
22
  setBorderTable?: boolean;
23
+ hasBottomRounded?: boolean;
23
24
  }
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$1[];
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$1 = {
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: string;
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: OptionsProps[]) => void;
218
+ handleChange: (selectedOptions: any) => void;
219
219
  handleInputChange?: (inputValue: string) => void;
220
+ fetchOptions?: (query: string) => Promise<OptionsProps$1[]>;
220
221
  isMulti: boolean;
221
- isDisabled?: boolean;
222
- isRequired?: boolean;
223
- inputRef?: unknown;
222
+ disabled?: boolean;
223
+ required?: boolean;
224
+ textError?: string;
224
225
  hasError?: boolean;
225
- control?: Control<any>;
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, control, optionsSelect, placeholder, isMulti, isDisabled, label, hasError, handleChange, isRequired, value, }: SelectMultProps) => React$1.JSX.Element;
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, SelectMult as Multiselect, type OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title, Tooltip };
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 };