@orangesix/react 2.4.0-beta.3 → 2.4.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/accordion/@types/index.d.ts +55 -55
- package/accordion/accordion/index.esm.js.map +1 -1
- package/api/@types/css.d.ts +91 -91
- package/api/@types/field.d.ts +161 -159
- package/api/@types/index.d.ts +29 -27
- package/api/input/index.esm.js.map +1 -1
- package/autocomplete/@types/index.d.ts +69 -67
- package/autocomplete/autocomplete/index.esm.js.map +1 -1
- package/autocomplete/core/core/index.esm.js.map +1 -1
- package/autocomplete/core/event/index.esm.js.map +1 -1
- package/box/@types/index.d.ts +28 -26
- package/box/_box.scss +56 -56
- package/box/box/index.esm.js.map +1 -1
- package/button/@types/index.d.ts +72 -70
- package/button/button/index.esm.js.map +1 -1
- package/button/package.json +5 -5
- package/calendar/@types/index.d.ts +27 -25
- package/calendar/calendar/index.esm.js.map +1 -1
- package/calendar/core/controlled/index.esm.js.map +1 -1
- package/calendar/core/handle/index.esm.js.map +1 -1
- package/calendar/core/hookForm/index.esm.js.map +1 -1
- package/calendar/core/locale/index.esm.js.map +1 -1
- package/calendar/package.json +5 -5
- package/editor/@types/index.d.ts +45 -43
- package/editor/_editor.scss +106 -106
- package/editor/const/index.esm.js.map +1 -1
- package/editor/core/bold/index.esm.js.map +1 -1
- package/editor/core/bulletlist/index.esm.js.map +1 -1
- package/editor/core/code/index.esm.js.map +1 -1
- package/editor/core/color/index.esm.js.map +1 -1
- package/editor/core/highlight/index.esm.js.map +1 -1
- package/editor/core/image/index.esm.js.map +1 -1
- package/editor/core/index/index.esm.js.map +1 -1
- package/editor/core/italic/index.esm.js.map +1 -1
- package/editor/core/link/index.esm.js.map +1 -1
- package/editor/core/orderlist/index.esm.js.map +1 -1
- package/editor/core/strike/index.esm.js.map +1 -1
- package/editor/core/text/index.esm.js.map +1 -1
- package/editor/core/underline/index.esm.js.map +1 -1
- package/editor/editor/index.esm.js.map +1 -1
- package/input/@types/index.d.ts +109 -107
- package/input/core/controlled/index.esm.js.map +1 -1
- package/input/core/hookForm/index.esm.js.map +1 -1
- package/input/input/index.esm.js.map +1 -1
- package/inputfilter/@types/autocomplete.d.ts +20 -20
- package/inputfilter/@types/index.d.ts +42 -40
- package/inputfilter/_inputfilter.scss +58 -58
- package/inputfilter/const/index.esm.js.map +1 -1
- package/inputfilter/core/autocomplete/index.esm.js.map +1 -1
- package/inputfilter/core/date/index.esm.js.map +1 -1
- package/inputfilter/core/number/index.esm.js.map +1 -1
- package/inputfilter/core/text/index.esm.js.map +1 -1
- package/inputfilter/function/handle/index.esm.js.map +1 -1
- package/inputfilter/function/validate/index.esm.js.map +1 -1
- package/inputfilter/inputfilter/index.esm.js.map +1 -1
- package/inputfilter/legend/index.esm.js.map +1 -1
- package/lightbox/@types/index.d.ts +12 -10
- package/lightbox/_lightbox.scss +6 -6
- package/lightbox/core/handle/index.esm.js.map +1 -1
- package/lightbox/lightbox/index.esm.js.map +1 -1
- package/lightbox/package.json +5 -5
- package/loading/@types/index.d.ts +44 -42
- package/loading/_loading.scss +10 -10
- package/loading/loading/index.esm.js.map +1 -1
- package/loading/package.json +5 -5
- package/message/@types/index.d.ts +102 -102
- package/message/core/modal/index.esm.js.map +1 -1
- package/message/message/index.esm.js.map +1 -1
- package/message/package.json +5 -5
- package/modal/@types/index.d.ts +63 -61
- package/modal/core/core/index.esm.js.map +1 -1
- package/modal/modal/index.esm.js.map +1 -1
- package/multiselect/@types/index.d.ts +77 -75
- package/multiselect/core/controlled/index.esm.js.map +1 -1
- package/multiselect/core/hookForm/index.esm.js.map +1 -1
- package/multiselect/multiselect/index.esm.js.map +1 -1
- package/multiselect/package.json +5 -5
- package/package.json +15 -15
- package/pdf/@types/index.d.ts +12 -10
- package/pdf/package.json +5 -5
- package/pdf/pdf/index.esm.js.map +1 -1
- package/pdf/style/pdf.css +53 -53
- package/picklist/@types/index.d.ts +41 -40
- package/picklist/core/core/index.esm.js.map +1 -1
- package/picklist/picklist/index.esm.js.map +1 -1
- package/picklist/types.d.ts +35 -33
- package/radio/@types/index.d.ts +41 -39
- package/radio/core/controlled/index.esm.js.map +1 -1
- package/radio/core/hookForm/index.esm.js.map +1 -1
- package/radio/radio/index.esm.js.map +1 -1
- package/select/@types/index.d.ts +46 -44
- package/select/core/controlled/index.esm.js.map +1 -1
- package/select/core/hookForm/index.esm.js.map +1 -1
- package/select/select/index.esm.js.map +1 -1
- package/style/scss/_variables.scss +929 -929
- package/style/scss/bootstrap.scss +33 -33
- package/style/scss/core/_reset.scss +75 -75
- package/switch/@types/index.d.ts +22 -20
- package/switch/core/controlled/index.esm.js.map +1 -1
- package/switch/core/hookForm/index.esm.js.map +1 -1
- package/switch/switch/index.esm.js.map +1 -1
- package/table/@types/click.d.ts +7 -5
- package/table/@types/column.d.ts +58 -56
- package/table/@types/edit.d.ts +5 -5
- package/table/@types/expand.d.ts +32 -32
- package/table/@types/group.d.ts +20 -20
- package/table/@types/index.d.ts +63 -61
- package/table/@types/pagination.d.ts +26 -26
- package/table/@types/reorder.d.ts +16 -16
- package/table/@types/selection.d.ts +15 -15
- package/table/@types/sort.d.ts +8 -6
- package/table/@types/style.d.ts +20 -20
- package/table/@types/template.d.ts +22 -20
- package/table/core/click/index.esm.js.map +1 -1
- package/table/core/core/index.esm.js.map +1 -1
- package/table/core/expand/index.esm.js.map +1 -1
- package/table/core/group/index.esm.js.map +1 -1
- package/table/core/pagination/index.esm.js.map +1 -1
- package/table/core/reorder/index.esm.js.map +1 -1
- package/table/core/selection/index.esm.js.map +1 -1
- package/table/core/sort/index.esm.js.map +1 -1
- package/table/styled/index.esm.js.map +1 -1
- package/table/table/index.esm.js.map +1 -1
- package/tablepivot/@types/index.d.ts +50 -50
- package/tablepivot/@types/webdatarocks.d.ts +166 -166
- package/tablepivot/_tablepivot.scss +84 -84
- package/tablepivot/function/handle/index.esm.js.map +1 -1
- package/tablepivot/lang/pt-br/index.esm.js.map +1 -1
- package/tablepivot/tablepivot/index.esm.js.map +1 -1
- package/tabview/@types/index.d.ts +61 -59
- package/tabview/_tabview.scss +25 -25
- package/tabview/tabview/index.esm.js.map +1 -1
- package/textarea/@types/index.d.ts +18 -16
- package/textarea/core/controlled/index.esm.js.map +1 -1
- package/textarea/core/hookForm/index.esm.js.map +1 -1
- package/textarea/textarea/index.esm.js.map +1 -1
- package/tooltip/@types/index.d.ts +59 -57
- package/tooltip/core/handle/index.esm.js.map +1 -1
- package/tooltip/package.json +5 -5
- package/tooltip/tooltip/index.esm.js.map +1 -1
- package/utils/@types/index.d.ts +2 -2
- package/utils/@types/message.d.ts +18 -16
- package/utils/@types/request.d.ts +22 -22
- package/utils/@types/response.d.ts +55 -55
- package/utils/const/index.esm.js.map +1 -1
- package/utils/handle/index.esm.js.map +1 -1
- package/utils/helper/index.esm.js.map +1 -1
- package/utils/message/index.esm.js.map +1 -1
- package/utils/request/index.esm.js.map +1 -1
- package/utils/response/index.esm.js.map +1 -1
|
@@ -1,102 +1,102 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Define o tipo de message
|
|
3
|
-
*/
|
|
4
|
-
export type MessageModeProps = "modal";
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* Define as propriedades padrão do component
|
|
8
|
-
*/
|
|
9
|
-
interface MessageBaseProps {
|
|
10
|
-
|
|
11
|
-
/**
|
|
12
|
-
* Determina se messagem está visivel
|
|
13
|
-
*/
|
|
14
|
-
visible: boolean
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Define o conteúdo da message
|
|
18
|
-
*/
|
|
19
|
-
message: string
|
|
20
|
-
|
|
21
|
-
/**
|
|
22
|
-
* Define se componente está no estado de carregando
|
|
23
|
-
*/
|
|
24
|
-
isLoading?: boolean
|
|
25
|
-
|
|
26
|
-
/**
|
|
27
|
-
* Define o titulo da message
|
|
28
|
-
*/
|
|
29
|
-
title?: string
|
|
30
|
-
|
|
31
|
-
/**
|
|
32
|
-
* Define se vai ter a opção de confirmação
|
|
33
|
-
*/
|
|
34
|
-
confirm?: boolean
|
|
35
|
-
|
|
36
|
-
/**
|
|
37
|
-
* Define se vai ter a opção de cancelar
|
|
38
|
-
*/
|
|
39
|
-
cancel?: boolean
|
|
40
|
-
|
|
41
|
-
/**
|
|
42
|
-
* Define o label do botão de confirmação
|
|
43
|
-
*/
|
|
44
|
-
confirmLabel?: string
|
|
45
|
-
|
|
46
|
-
/**
|
|
47
|
-
* Define o label do botão de cancelar
|
|
48
|
-
*/
|
|
49
|
-
cancelarLabel?: string
|
|
50
|
-
|
|
51
|
-
/**
|
|
52
|
-
* Define o metodo de confirmação
|
|
53
|
-
*/
|
|
54
|
-
onConfirm?: () => void
|
|
55
|
-
|
|
56
|
-
/**
|
|
57
|
-
* Define o metodo no cancelamento
|
|
58
|
-
*/
|
|
59
|
-
onCancel?: () => void
|
|
60
|
-
|
|
61
|
-
/**
|
|
62
|
-
* Metodo responsável por atualizar state do message
|
|
63
|
-
*/
|
|
64
|
-
onVisible(value: boolean): void;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
/**
|
|
68
|
-
* Define as propriedades do component do tipo MODAL
|
|
69
|
-
*/
|
|
70
|
-
interface MessageModalProps {
|
|
71
|
-
/**
|
|
72
|
-
* Define o icone do campo
|
|
73
|
-
*/
|
|
74
|
-
modalIcon?: string
|
|
75
|
-
|
|
76
|
-
/**
|
|
77
|
-
* Define o prefixo dos icones do pacote
|
|
78
|
-
*/
|
|
79
|
-
modalIconPrefix?: "bi bi-" | "pi pi-"
|
|
80
|
-
|
|
81
|
-
/**
|
|
82
|
-
* Define o posicionamento das opções da message
|
|
83
|
-
*/
|
|
84
|
-
modalOptionsPosition?: "center" | "start" | "end"
|
|
85
|
-
|
|
86
|
-
/**
|
|
87
|
-
* Define se modal de messagem vai ter botão de fechar
|
|
88
|
-
*/
|
|
89
|
-
modalClosable?: boolean
|
|
90
|
-
|
|
91
|
-
/**
|
|
92
|
-
* Define o zindex da modal de message
|
|
93
|
-
*/
|
|
94
|
-
modalZIndex?: number
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
/**
|
|
98
|
-
* Define a propriedade para ser exportada
|
|
99
|
-
*/
|
|
100
|
-
export type MessageProps<T extends MessageModeProps> = T extends "modal"
|
|
101
|
-
? MessageBaseProps & MessageModalProps
|
|
102
|
-
: MessageBaseProps;
|
|
1
|
+
/**
|
|
2
|
+
* Define o tipo de message
|
|
3
|
+
*/
|
|
4
|
+
export type MessageModeProps = "modal";
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* Define as propriedades padrão do component
|
|
8
|
+
*/
|
|
9
|
+
interface MessageBaseProps {
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Determina se messagem está visivel
|
|
13
|
+
*/
|
|
14
|
+
visible: boolean
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Define o conteúdo da message
|
|
18
|
+
*/
|
|
19
|
+
message: string
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Define se componente está no estado de carregando
|
|
23
|
+
*/
|
|
24
|
+
isLoading?: boolean
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Define o titulo da message
|
|
28
|
+
*/
|
|
29
|
+
title?: string
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Define se vai ter a opção de confirmação
|
|
33
|
+
*/
|
|
34
|
+
confirm?: boolean
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Define se vai ter a opção de cancelar
|
|
38
|
+
*/
|
|
39
|
+
cancel?: boolean
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Define o label do botão de confirmação
|
|
43
|
+
*/
|
|
44
|
+
confirmLabel?: string
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Define o label do botão de cancelar
|
|
48
|
+
*/
|
|
49
|
+
cancelarLabel?: string
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Define o metodo de confirmação
|
|
53
|
+
*/
|
|
54
|
+
onConfirm?: () => void
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Define o metodo no cancelamento
|
|
58
|
+
*/
|
|
59
|
+
onCancel?: () => void
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Metodo responsável por atualizar state do message
|
|
63
|
+
*/
|
|
64
|
+
onVisible(value: boolean): void;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Define as propriedades do component do tipo MODAL
|
|
69
|
+
*/
|
|
70
|
+
interface MessageModalProps {
|
|
71
|
+
/**
|
|
72
|
+
* Define o icone do campo
|
|
73
|
+
*/
|
|
74
|
+
modalIcon?: string
|
|
75
|
+
|
|
76
|
+
/**
|
|
77
|
+
* Define o prefixo dos icones do pacote
|
|
78
|
+
*/
|
|
79
|
+
modalIconPrefix?: "bi bi-" | "pi pi-"
|
|
80
|
+
|
|
81
|
+
/**
|
|
82
|
+
* Define o posicionamento das opções da message
|
|
83
|
+
*/
|
|
84
|
+
modalOptionsPosition?: "center" | "start" | "end"
|
|
85
|
+
|
|
86
|
+
/**
|
|
87
|
+
* Define se modal de messagem vai ter botão de fechar
|
|
88
|
+
*/
|
|
89
|
+
modalClosable?: boolean
|
|
90
|
+
|
|
91
|
+
/**
|
|
92
|
+
* Define o zindex da modal de message
|
|
93
|
+
*/
|
|
94
|
+
modalZIndex?: number
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
/**
|
|
98
|
+
* Define a propriedade para ser exportada
|
|
99
|
+
*/
|
|
100
|
+
export type MessageProps<T extends MessageModeProps> = T extends "modal"
|
|
101
|
+
? MessageBaseProps & MessageModalProps
|
|
102
|
+
: MessageBaseProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/message/core/modal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../../box\";\nimport { MessageProps } from \"..\";\nimport { Modal } from \"../../modal\";\nimport { Button } from \"../../button\";\nimport { JustifyContentProps } from \"../../api\";\n\n/**\n * Core - `ModalMessage`\n * Define o componente do tipo modal\n */\nexport function ModalMessage({ confirm = true, cancel = true, ...props }: MessageProps<\"modal\">) {\n /*\n |------------------------------------------\n | render() - Renderização do componente\n |------------------------------------------\n */\n return (\n <Modal backdrop={true}\n className=\"message\"\n closable={props.modalClosable ?? true}\n header={props.title ?? \"Confirmação\"}\n icon={props.modalIcon ?? \"cone-striped\"}\n iconPrefix={props.modalIconPrefix ?? \"bi bi-\"}\n sizes=\"medium\"\n visible={props.visible}\n zIndex={props.modalZIndex ?? 1000}\n onVisible={props.onVisible}>\n <Box direction=\"column\"\n size=\"100\">\n <div dangerouslySetInnerHTML={{ __html: props.message ?? \"\" }}/>\n <Box className=\"gap-2\"\n justify={\"justify-content-\" + (props.modalOptionsPosition ?? \"end\") as JustifyContentProps}\n size=\"100\">\n {confirm && <Button color=\"success\"\n icon=\"check2-circle\"\n isLoading={props.isLoading ?? false}\n label={props.confirmLabel ?? \"Confirmar\"}\n onClick={() => {\n if (props.onConfirm) {\n props.onConfirm();\n }\n }}/>}\n {cancel && <Button color=\"danger\"\n icon=\"slash-circle\"\n label={props.cancelarLabel ?? \"Cancelar\"}\n onClick={() => {\n if (props.onCancel) {\n props.onCancel();\n } else {\n props.onVisible(false);\n }\n }}/>}\n </Box>\n </Box>\n </Modal>\n );\n}"],"mappings":";;;;;;;;;AAWA,SAAgB,EAAa,EAAE,aAAU,IAAM,YAAS,IAAM,GAAG,KAAgC;CAM7F,OACI,kBAAC,GAAD;EAAO,UAAU;EACb,WAAU;EACV,UAAU,EAAM,iBAAiB;EACjC,QAAQ,EAAM,SAAS;EACvB,MAAM,EAAM,aAAa;EACzB,YAAY,EAAM,mBAAmB;EACrC,OAAM;EACN,SAAS,EAAM;EACf,QAAQ,EAAM,eAAe;EAC7B,WAAW,EAAM;YACjB,kBAAC,GAAD;GAAK,WAAU;GACX,MAAK;aADT,CAEI,kBAAC,OAAD,EAAK,yBAAyB,EAAE,QAAQ,EAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/message/core/modal.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../../box\";\r\nimport { MessageProps } from \"..\";\r\nimport { Modal } from \"../../modal\";\r\nimport { Button } from \"../../button\";\r\nimport { JustifyContentProps } from \"../../api\";\r\n\r\n/**\r\n * Core - `ModalMessage`\r\n * Define o componente do tipo modal\r\n */\r\nexport function ModalMessage({ confirm = true, cancel = true, ...props }: MessageProps<\"modal\">) {\r\n /*\r\n |------------------------------------------\r\n | render() - Renderização do componente\r\n |------------------------------------------\r\n */\r\n return (\r\n <Modal backdrop={true}\r\n className=\"message\"\r\n closable={props.modalClosable ?? true}\r\n header={props.title ?? \"Confirmação\"}\r\n icon={props.modalIcon ?? \"cone-striped\"}\r\n iconPrefix={props.modalIconPrefix ?? \"bi bi-\"}\r\n sizes=\"medium\"\r\n visible={props.visible}\r\n zIndex={props.modalZIndex ?? 1000}\r\n onVisible={props.onVisible}>\r\n <Box direction=\"column\"\r\n size=\"100\">\r\n <div dangerouslySetInnerHTML={{ __html: props.message ?? \"\" }}/>\r\n <Box className=\"gap-2\"\r\n justify={\"justify-content-\" + (props.modalOptionsPosition ?? \"end\") as JustifyContentProps}\r\n size=\"100\">\r\n {confirm && <Button color=\"success\"\r\n icon=\"check2-circle\"\r\n isLoading={props.isLoading ?? false}\r\n label={props.confirmLabel ?? \"Confirmar\"}\r\n onClick={() => {\r\n if (props.onConfirm) {\r\n props.onConfirm();\r\n }\r\n }}/>}\r\n {cancel && <Button color=\"danger\"\r\n icon=\"slash-circle\"\r\n label={props.cancelarLabel ?? \"Cancelar\"}\r\n onClick={() => {\r\n if (props.onCancel) {\r\n props.onCancel();\r\n } else {\r\n props.onVisible(false);\r\n }\r\n }}/>}\r\n </Box>\r\n </Box>\r\n </Modal>\r\n );\r\n}"],"mappings":";;;;;;;;;AAWA,SAAgB,EAAa,EAAE,aAAU,IAAM,YAAS,IAAM,GAAG,KAAgC;CAM7F,OACI,kBAAC,GAAD;EAAO,UAAU;EACb,WAAU;EACV,UAAU,EAAM,iBAAiB;EACjC,QAAQ,EAAM,SAAS;EACvB,MAAM,EAAM,aAAa;EACzB,YAAY,EAAM,mBAAmB;EACrC,OAAM;EACN,SAAS,EAAM;EACf,QAAQ,EAAM,eAAe;EAC7B,WAAW,EAAM;YACjB,kBAAC,GAAD;GAAK,WAAU;GACX,MAAK;aADT,CAEI,kBAAC,OAAD,EAAK,yBAAyB,EAAE,QAAQ,EAAM,WAAW,GAAG,EAAG,CAAA,GAC/D,kBAAC,GAAD;IAAK,WAAU;IACX,SAAS,sBAAsB,EAAM,wBAAwB;IAC7D,MAAK;cAFT,CAGK,KAAW,kBAAC,GAAD;KAAQ,OAAM;KACtB,MAAK;KACL,WAAW,EAAM,aAAa;KAC9B,OAAO,EAAM,gBAAgB;KAC7B,eAAe;MACX,AAAI,EAAM,aACN,EAAM,UAAU;KAExB;IAAG,CAAA,GACN,KAAU,kBAAC,GAAD;KAAQ,OAAM;KACrB,MAAK;KACL,OAAO,EAAM,iBAAiB;KAC9B,eAAe;MACX,AAAI,EAAM,WACN,EAAM,SAAS,IAEf,EAAM,UAAU,EAAK;KAE7B;IAAG,CAAA,CACN;KACJ;;CACF,CAAA;AAEf"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/message/message.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalMessage } from \"./core/modal\";\nimport { MessageModeProps, MessageProps } from \".\";\n\n/**\n * Componente - `Message`\n *\n * Um componente versátil que é utilizado emitir messagens no sistema.\n */\nexport function Message<T extends MessageModeProps = \"modal\">(props: MessageProps<T> & { type?: T }) {\n /*\n |------------------------------------------\n | render() - Renderização do componente\n |------------------------------------------\n */\n return (\n <>\n {!props.type || props.type === \"modal\"\n ? <ModalMessage {...props}/>\n : null}\n </>\n );\n}\n\nMessage.displayName = \"Message\";"],"mappings":";;;;AASA,SAAgB,EAA8C,GAAuC;CAMjG,OACI,kBAAA,GAAA,EAAA,UACK,CAAC,EAAM,QAAQ,EAAM,SAAS,UACzB,kBAAC,GAAD,EAAc,GAAI,
|
|
1
|
+
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/message/message.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ModalMessage } from \"./core/modal\";\r\nimport { MessageModeProps, MessageProps } from \".\";\r\n\r\n/**\r\n * Componente - `Message`\r\n *\r\n * Um componente versátil que é utilizado emitir messagens no sistema.\r\n */\r\nexport function Message<T extends MessageModeProps = \"modal\">(props: MessageProps<T> & { type?: T }) {\r\n /*\r\n |------------------------------------------\r\n | render() - Renderização do componente\r\n |------------------------------------------\r\n */\r\n return (\r\n <>\r\n {!props.type || props.type === \"modal\"\r\n ? <ModalMessage {...props}/>\r\n : null}\r\n </>\r\n );\r\n}\r\n\r\nMessage.displayName = \"Message\";"],"mappings":";;;;AASA,SAAgB,EAA8C,GAAuC;CAMjG,OACI,kBAAA,GAAA,EAAA,UACK,CAAC,EAAM,QAAQ,EAAM,SAAS,UACzB,kBAAC,GAAD,EAAc,GAAI,EAAO,CAAA,IACzB,KACR,CAAA;AAEV;AAEA,EAAQ,cAAc"}
|
package/message/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.cjs.js",
|
|
3
|
-
"module": "./index.esm.js",
|
|
4
|
-
"types": "./index.d.ts"
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.cjs.js",
|
|
3
|
+
"module": "./index.esm.js",
|
|
4
|
+
"types": "./index.d.ts"
|
|
5
|
+
}
|
package/modal/@types/index.d.ts
CHANGED
|
@@ -1,63 +1,65 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { DialogProps } from 'primereact/dialog';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
export interface ModalProps extends Pick<DialogProps, "maximizable" | "maximized" | "draggable" | "closable" | "position"> {
|
|
6
|
+
/**
|
|
7
|
+
* Conteúdo que será exibido dentro da modal
|
|
8
|
+
*/
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Define a classe de personalização da modal
|
|
13
|
+
*/
|
|
14
|
+
className?: string
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Define o state da modal aberta ou fechada
|
|
18
|
+
*/
|
|
19
|
+
visible: boolean;
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Define se vai ser exibido o fundo da modal
|
|
23
|
+
*/
|
|
24
|
+
background?: boolean;
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Define se a modal vai ser fechada clicando no fundo
|
|
28
|
+
*/
|
|
29
|
+
backdrop?: boolean
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Define o cabeçalho da modal
|
|
33
|
+
*/
|
|
34
|
+
header?: React.ReactNode | string | false;
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Define o rodapé da modal
|
|
38
|
+
*/
|
|
39
|
+
footer?: React.ReactNode | string;
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Define o tamanho da modal
|
|
43
|
+
*/
|
|
44
|
+
sizes?: "small" | "medium" | "large" | "extra-large";
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Define o icone do campo
|
|
48
|
+
*/
|
|
49
|
+
icon?: string
|
|
50
|
+
|
|
51
|
+
/**
|
|
52
|
+
* Define o prefixo dos icones do pacote
|
|
53
|
+
*/
|
|
54
|
+
iconPrefix?: "bi bi-" | "pi pi-"
|
|
55
|
+
|
|
56
|
+
/**
|
|
57
|
+
* Define a propriedade css `zindex` da modal
|
|
58
|
+
*/
|
|
59
|
+
zIndex?: number;
|
|
60
|
+
|
|
61
|
+
/**
|
|
62
|
+
* Metodo responsável por atualizar state do modal
|
|
63
|
+
*/
|
|
64
|
+
onVisible(value: boolean): void;
|
|
65
|
+
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/modal/core/core.tsx"],"sourcesContent":["import React from \"react\";\nimport { ModalProps } from \"..\";\nimport { DialogProps } from \"primereact/dialog\";\n\n/**\n * `Core`\n * Define as propriedades base para funcionamento da Modal\n */\nexport function modalCore(\n props: ModalProps\n): DialogProps {\n const title = props.icon !== undefined\n ? <h5 className=\"fw-semibold\">\n <i className={\"me-1 \" + (props.iconPrefix ?? \"bi bi-\") + props.icon}/>{props.header}</h5>\n : props.header;\n\n return {\n appendTo: \"self\",\n visible: props.visible,\n onHide() {\n props.onVisible(!props.visible);\n },\n modal: props.background === undefined || props.background,\n dismissableMask: props.backdrop === undefined || !props.backdrop,\n\n maximizable: props.maximizable,\n draggable: props.draggable,\n closable: props.closable === undefined || props.closable,\n baseZIndex: props.zIndex ?? 1000,\n\n position: props.position,\n header: title,\n footer: props.footer,\n showHeader: !(props.header === false),\n };\n}"],"mappings":";;;AAQA,SAAgB,EACZ,GACW;CACX,IAAM,IAAQ,EAAM,SAAS,KAAA,IAGvB,EAAM,SAFN,kBAAC,MAAD;EAAI,WAAU;YAAd,CACE,kBAAC,KAAD,EAAG,WAAW,WAAW,EAAM,cAAc,YAAY,EAAM,
|
|
1
|
+
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/modal/core/core.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ModalProps } from \"..\";\r\nimport { DialogProps } from \"primereact/dialog\";\r\n\r\n/**\r\n * `Core`\r\n * Define as propriedades base para funcionamento da Modal\r\n */\r\nexport function modalCore(\r\n props: ModalProps\r\n): DialogProps {\r\n const title = props.icon !== undefined\r\n ? <h5 className=\"fw-semibold\">\r\n <i className={\"me-1 \" + (props.iconPrefix ?? \"bi bi-\") + props.icon}/>{props.header}</h5>\r\n : props.header;\r\n\r\n return {\r\n appendTo: \"self\",\r\n visible: props.visible,\r\n onHide() {\r\n props.onVisible(!props.visible);\r\n },\r\n modal: props.background === undefined || props.background,\r\n dismissableMask: props.backdrop === undefined || !props.backdrop,\r\n\r\n maximizable: props.maximizable,\r\n draggable: props.draggable,\r\n closable: props.closable === undefined || props.closable,\r\n baseZIndex: props.zIndex ?? 1000,\r\n\r\n position: props.position,\r\n header: title,\r\n footer: props.footer,\r\n showHeader: !(props.header === false),\r\n };\r\n}"],"mappings":";;;AAQA,SAAgB,EACZ,GACW;CACX,IAAM,IAAQ,EAAM,SAAS,KAAA,IAGvB,EAAM,SAFN,kBAAC,MAAD;EAAI,WAAU;YAAd,CACE,kBAAC,KAAD,EAAG,WAAW,WAAW,EAAM,cAAc,YAAY,EAAM,KAAM,CAAA,GAAE,EAAM,MAAW;;CAGhG,OAAO;EACH,UAAU;EACV,SAAS,EAAM;EACf,SAAS;GACL,EAAM,UAAU,CAAC,EAAM,OAAO;EAClC;EACA,OAAO,EAAM,eAAe,KAAA,KAAa,EAAM;EAC/C,iBAAiB,EAAM,aAAa,KAAA,KAAa,CAAC,EAAM;EAExD,aAAa,EAAM;EACnB,WAAW,EAAM;EACjB,UAAU,EAAM,aAAa,KAAA,KAAa,EAAM;EAChD,YAAY,EAAM,UAAU;EAE5B,UAAU,EAAM;EAChB,QAAQ;EACR,QAAQ,EAAM;EACd,YAAc,EAAM,WAAW;CACnC;AACJ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/modal/modal.tsx"],"sourcesContent":["import { ModalProps } from \".\";\nimport { modalCore } from \"./core/core\";\nimport React, { useState } from \"react\";\nimport { Dialog } from \"primereact/dialog\";\n\n/**\n * Componente - `Modal`\n *\n * Um componente versátil que é utilizado exibir dados em forma de janela suspensa.\n */\nexport function Modal(props: ModalProps) {\n let sizes = !props.sizes ? undefined\n : props.sizes === \"small\" ? \"300px\"\n : props.sizes === \"medium\" ? \"500px\"\n : props.sizes === \"large\" ? \"800px\" : \"80%\";\n const [maximized, setMaximized] = useState(props.maximized ?? false);\n\n /*\n |------------------------------------------\n | render() - Renderização do componente\n |------------------------------------------\n */\n return (\n <Dialog style={!maximized ? { width: sizes } : {}}\n {...modalCore(props)}\n breakpoints={{\n \"768px\": \"80%\",\n \"576px\": \"90%\",\n }}\n className={props.className}\n maximized={maximized}\n onMaximize={() => setMaximized(!maximized)}>\n {props.children}\n </Dialog>\n );\n}\n\nModal.displayName = \"Modal\";"],"mappings":";;;;;AAUA,SAAgB,EAAM,GAAmB;CACrC,IAAI,IAAS,EAAM,QACb,EAAM,UAAU,UAAU,UACtB,EAAM,UAAU,WAAW,UACvB,EAAM,UAAU,UAAU,UAAU,QAHvB,KAAA,GAIrB,CAAC,GAAW,KAAgB,EAAS,EAAM,aAAa,
|
|
1
|
+
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/modal/modal.tsx"],"sourcesContent":["import { ModalProps } from \".\";\r\nimport { modalCore } from \"./core/core\";\r\nimport React, { useState } from \"react\";\r\nimport { Dialog } from \"primereact/dialog\";\r\n\r\n/**\r\n * Componente - `Modal`\r\n *\r\n * Um componente versátil que é utilizado exibir dados em forma de janela suspensa.\r\n */\r\nexport function Modal(props: ModalProps) {\r\n let sizes = !props.sizes ? undefined\r\n : props.sizes === \"small\" ? \"300px\"\r\n : props.sizes === \"medium\" ? \"500px\"\r\n : props.sizes === \"large\" ? \"800px\" : \"80%\";\r\n const [maximized, setMaximized] = useState(props.maximized ?? false);\r\n\r\n /*\r\n |------------------------------------------\r\n | render() - Renderização do componente\r\n |------------------------------------------\r\n */\r\n return (\r\n <Dialog style={!maximized ? { width: sizes } : {}}\r\n {...modalCore(props)}\r\n breakpoints={{\r\n \"768px\": \"80%\",\r\n \"576px\": \"90%\",\r\n }}\r\n className={props.className}\r\n maximized={maximized}\r\n onMaximize={() => setMaximized(!maximized)}>\r\n {props.children}\r\n </Dialog>\r\n );\r\n}\r\n\r\nModal.displayName = \"Modal\";"],"mappings":";;;;;AAUA,SAAgB,EAAM,GAAmB;CACrC,IAAI,IAAS,EAAM,QACb,EAAM,UAAU,UAAU,UACtB,EAAM,UAAU,WAAW,UACvB,EAAM,UAAU,UAAU,UAAU,QAHvB,KAAA,GAIrB,CAAC,GAAW,KAAgB,EAAS,EAAM,aAAa,EAAK;CAOnE,OACI,kBAAC,GAAD;EAAQ,OAAQ,IAA+B,CAAC,IAApB,EAAE,OAAO,EAAM;EACvC,GAAI,EAAU,CAAK;EACnB,aAAa;GACT,SAAS;GACT,SAAS;EACb;EACA,WAAW,EAAM;EACN;EACX,kBAAkB,EAAa,CAAC,CAAS;YACxC,EAAM;CACH,CAAA;AAEhB;AAEA,EAAM,cAAc"}
|
|
@@ -1,78 +1,80 @@
|
|
|
1
1
|
import { SelectItem } from 'primereact/selectitem';
|
|
2
2
|
import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
interface MultiSelectBaseProps extends ApiComponentProps, Omit<ApiFieldComponentProps, "readonly"> {
|
|
6
|
+
/**
|
|
7
|
+
* Define as opções do multiselect
|
|
8
|
+
*/
|
|
9
|
+
options: SelectItem[]
|
|
10
|
+
|
|
11
|
+
/**
|
|
12
|
+
* Define as opções de label do component
|
|
13
|
+
*/
|
|
14
|
+
optionLabel?: string
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* Define as opções de value do component
|
|
18
|
+
*/
|
|
19
|
+
optionValue?: string
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Define se está estado de carregamento
|
|
23
|
+
*/
|
|
24
|
+
loading?: boolean
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Define o display de exibição dos dados
|
|
28
|
+
*/
|
|
29
|
+
display?: "comma" | "chip"
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* Define o número máximo de seleção
|
|
33
|
+
*/
|
|
34
|
+
selectionLimit?: number
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Define o local de renderização na DOM
|
|
38
|
+
*/
|
|
39
|
+
appendTo?: null | "self" | HTMLElement | Function
|
|
40
|
+
|
|
41
|
+
/**
|
|
42
|
+
* Define o tamanho do scroll de dados
|
|
43
|
+
*/
|
|
44
|
+
scrollHeight?: string
|
|
45
|
+
|
|
46
|
+
/**
|
|
47
|
+
* Define os propriedades de template
|
|
48
|
+
*/
|
|
49
|
+
template?: {
|
|
50
|
+
item?: (option: any) => React.ReactNode
|
|
51
|
+
header?: (option: any) => React.ReactNode
|
|
52
|
+
footer?: (option: any) => React.ReactNode
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
/**
|
|
56
|
+
* Define as propriedades do filtro
|
|
57
|
+
*/
|
|
58
|
+
filter?: {
|
|
59
|
+
placeholder?: string
|
|
60
|
+
autoFocus?: boolean,
|
|
61
|
+
modeFilter?: "endsWith" | "startsWith" | "contains" | "equals" | "notEquals"
|
|
62
|
+
delay?: number
|
|
63
|
+
reset?: boolean
|
|
64
|
+
onFilter?: (search: string) => void
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
/**
|
|
68
|
+
* Define evento quando fecha o dropdown de opções
|
|
69
|
+
*/
|
|
70
|
+
onHide?: () => void
|
|
71
|
+
|
|
72
|
+
/**
|
|
73
|
+
* Define evento quando abre o dropdown de opções
|
|
74
|
+
*/
|
|
75
|
+
onShow?: () => void
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
export type MultiSelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
|
|
79
|
+
? MultiSelectBaseProps & ApiFieldControlledProps
|
|
78
80
|
: MultiSelectBaseProps & ApiFieldHookFormProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/multiselect/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { MultiSelectProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport * as MultiSelectPrimeReact from \"primereact/multiselect\";\n\ntype Props = {\n filter: any\n};\n\n/**\n * Core - `MultiSelectControlled`\n * Define o componente controlled\n */\nexport function MultiSelectControlled({ ...props }: MultiSelectProps<\"Controlled\"> & Props) {\n let core = props as any;\n /*\n |------------------------------------------\n | render() - Renderização do componente\n |------------------------------------------\n */\n return (\n <>\n <MultiSelectPrimeReact.MultiSelect {...core}\n className=\"w-100 multiselect-field\"\n emptyMessage=\"Nenhum dado encontrado.\"\n panelClassName=\"multiselect-panel\"\n onChange={event => {\n if (props.onChange) {\n props.onChange(event.value);\n }\n }}/>\n <InputFeedback {...props}/>\n </>\n );\n}"],"mappings":";;;;;;AAaA,SAAgB,EAAsB,EAAE,GAAG,KAAiD;CACxF,IAAI,IAAO;CAMX,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,EAAsB,aAAvB;EAAmC,GAAI;EACnC,WAAU;EACV,cAAa;EACb,gBAAe;EACf,WAAU,MAAS;GACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,
|
|
1
|
+
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/multiselect/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { MultiSelectProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport * as MultiSelectPrimeReact from \"primereact/multiselect\";\r\n\r\ntype Props = {\r\n filter: any\r\n};\r\n\r\n/**\r\n * Core - `MultiSelectControlled`\r\n * Define o componente controlled\r\n */\r\nexport function MultiSelectControlled({ ...props }: MultiSelectProps<\"Controlled\"> & Props) {\r\n let core = props as any;\r\n /*\r\n |------------------------------------------\r\n | render() - Renderização do componente\r\n |------------------------------------------\r\n */\r\n return (\r\n <>\r\n <MultiSelectPrimeReact.MultiSelect {...core}\r\n className=\"w-100 multiselect-field\"\r\n emptyMessage=\"Nenhum dado encontrado.\"\r\n panelClassName=\"multiselect-panel\"\r\n onChange={event => {\r\n if (props.onChange) {\r\n props.onChange(event.value);\r\n }\r\n }}/>\r\n <InputFeedback {...props}/>\r\n </>\r\n );\r\n}"],"mappings":";;;;;;AAaA,SAAgB,EAAsB,EAAE,GAAG,KAAiD;CACxF,IAAI,IAAO;CAMX,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,EAAsB,aAAvB;EAAmC,GAAI;EACnC,WAAU;EACV,cAAa;EACb,gBAAe;EACf,WAAU,MAAS;GACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,KAAK;EAElC;CAAG,CAAA,GACP,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA,CAC5B,EAAA,CAAA;AAEV"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/multiselect/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { MultiSelectProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport * as MultiSelectPrimeReact from \"primereact/multiselect\";\n\ntype Props = {\n filter: any\n};\n\n/**\n * Core - `MultiSelectControlled`\n * Define o componente controlled\n */\nexport function MultiSelectHookForm({ ...props }: MultiSelectProps<\"HookForm\"> & Props) {\n let core = props as any;\n /*\n |------------------------------------------\n | render() - Renderização do componente\n |------------------------------------------\n */\n return (\n <Controller render={({ field, formState: { errors } }) => {\n return (\n <>\n <MultiSelectPrimeReact.MultiSelect {...core}\n className=\"w-100 multiselect-field\"\n emptyMessage=\"Nenhum dado encontrado.\"\n invalid={!!errors[props.name]}\n panelClassName=\"multiselect-panel\"\n required={props.required}\n value={field.value ?? \"\"}\n onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\n <InputFeedback {...props}\n errors={errors}/>\n </>\n );\n }}\n control={props.control}\n name={props.name}\n rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n );\n}"],"mappings":";;;;;;;AAcA,SAAgB,EAAoB,EAAE,GAAG,KAA+C;CACpF,IAAI,IAAO;CAMX,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAEnC,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,EAAsB,aAAvB;GAAmC,GAAI;GACnC,WAAU;GACV,cAAa;GACb,SAAS,CAAC,CAAC,EAAO,EAAM;GACxB,gBAAe;GACf,UAAU,EAAM;GAChB,OAAO,EAAM,SAAS;GACtB,WAAU,MAAK,EAAM,aAAa,KAAA,IAA6C,EAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/multiselect/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { MultiSelectProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport * as MultiSelectPrimeReact from \"primereact/multiselect\";\r\n\r\ntype Props = {\r\n filter: any\r\n};\r\n\r\n/**\r\n * Core - `MultiSelectControlled`\r\n * Define o componente controlled\r\n */\r\nexport function MultiSelectHookForm({ ...props }: MultiSelectProps<\"HookForm\"> & Props) {\r\n let core = props as any;\r\n /*\r\n |------------------------------------------\r\n | render() - Renderização do componente\r\n |------------------------------------------\r\n */\r\n return (\r\n <Controller render={({ field, formState: { errors } }) => {\r\n return (\r\n <>\r\n <MultiSelectPrimeReact.MultiSelect {...core}\r\n className=\"w-100 multiselect-field\"\r\n emptyMessage=\"Nenhum dado encontrado.\"\r\n invalid={!!errors[props.name]}\r\n panelClassName=\"multiselect-panel\"\r\n required={props.required}\r\n value={field.value ?? \"\"}\r\n onChange={e => props.onChange !== undefined ? props.onChange(e.target.value) : field.onChange(e)}/>\r\n <InputFeedback {...props}\r\n errors={errors}/>\r\n </>\r\n );\r\n }}\r\n control={props.control}\r\n name={props.name}\r\n rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\r\n );\r\n}"],"mappings":";;;;;;;AAcA,SAAgB,EAAoB,EAAE,GAAG,KAA+C;CACpF,IAAI,IAAO;CAMX,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAEnC,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,EAAsB,aAAvB;GAAmC,GAAI;GACnC,WAAU;GACV,cAAa;GACb,SAAS,CAAC,CAAC,EAAO,EAAM;GACxB,gBAAe;GACf,UAAU,EAAM;GAChB,OAAO,EAAM,SAAS;GACtB,WAAU,MAAK,EAAM,aAAa,KAAA,IAA6C,EAAM,SAAS,CAAC,IAAjD,EAAM,SAAS,EAAE,OAAO,KAAK;EAAuB,CAAA,GACtG,kBAAC,GAAD;GAAe,GAAI;GACP;EAAQ,CAAA,CACtB,EAAA,CAAA;EAGV,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,GAA4B;CAAG,CAAA;AAE5E"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/multiselect/multiselect.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { InputLabel } from \"../api\";\nimport { MultiSelectProps } from \".\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { MultiSelectHookForm } from \"./core/hookForm\";\nimport { MultiSelectControlled } from \"./core/controlled\";\nimport * as MultiSelectPrimeReact from \"primereact/multiselect\";\nimport { MultiSelectFilterEvent } from \"primereact/multiselect\";\n\n/**\n * Componente - `MultiSelect`\n *\n * Um componente versátil utilizado seleção de vários dados.\n */\nexport function MultiSelect<T extends ApiFieldModeProps = \"Controlled\">(props: MultiSelectProps<T> & { mode?: T }) {\n let core = props as any;\n let options: MultiSelectPrimeReact.MultiSelectProps = {\n display: props.display ?? \"chip\",\n optionLabel: props.optionLabel ?? \"label\",\n optionValue: props.optionValue ?? \"value\",\n maxSelectedLabels: 3,\n itemTemplate: props.template?.item,\n panelHeaderTemplate: props.template?.header,\n panelFooterTemplate: props.template?.footer,\n };\n let filter: MultiSelectPrimeReact.MultiSelectProps = {\n filter: props.filter !== undefined,\n emptyFilterMessage: \"Nenhum resultado encontrado.\",\n filterPlaceholder: props.filter?.placeholder,\n filterInputAutoFocus: props.filter?.autoFocus ?? false,\n filterMatchMode: props.filter?.modeFilter ?? \"contains\",\n filterDelay: props.filter?.delay,\n resetFilterOnHide: props.filter?.reset,\n onFilter(event: MultiSelectFilterEvent) {\n if (props.filter?.onFilter) {\n props.filter.onFilter(event.filter);\n }\n }\n };\n\n /*\n |------------------------------------------\n | render() - Renderização do componente\n |------------------------------------------\n */\n return (\n <Box className={`multiselect ${props.className ?? \"\"}`}\n css={props.css}\n size={props.size ?? \"100\"}>\n <InputLabel {...props}/>\n {!props.mode || props.mode === \"Controlled\"\n ? <MultiSelectControlled {...core}\n {...filter}\n {...options}/>\n : <MultiSelectHookForm {...core}\n {...filter}\n {...options}/>}\n </Box>\n );\n}\n\nMultiSelect.displayName = \"MultiSelect\";"],"mappings":";;;;;;;;;AAeA,SAAgB,EAAwD,GAA2C;CAC/G,IAAI,IAAO,GACP,IAAkD;EAClD,SAAS,EAAM,WAAW;EAC1B,aAAa,EAAM,eAAe;EAClC,aAAa,EAAM,eAAe;EAClC,mBAAmB;EACnB,cAAc,EAAM,UAAU;EAC9B,qBAAqB,EAAM,UAAU;EACrC,qBAAqB,EAAM,UAAU;
|
|
1
|
+
{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/multiselect/multiselect.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { InputLabel } from \"../api\";\r\nimport { MultiSelectProps } from \".\";\r\nimport { ApiFieldModeProps } from \"../api\";\r\nimport { MultiSelectHookForm } from \"./core/hookForm\";\r\nimport { MultiSelectControlled } from \"./core/controlled\";\r\nimport * as MultiSelectPrimeReact from \"primereact/multiselect\";\r\nimport { MultiSelectFilterEvent } from \"primereact/multiselect\";\r\n\r\n/**\r\n * Componente - `MultiSelect`\r\n *\r\n * Um componente versátil utilizado seleção de vários dados.\r\n */\r\nexport function MultiSelect<T extends ApiFieldModeProps = \"Controlled\">(props: MultiSelectProps<T> & { mode?: T }) {\r\n let core = props as any;\r\n let options: MultiSelectPrimeReact.MultiSelectProps = {\r\n display: props.display ?? \"chip\",\r\n optionLabel: props.optionLabel ?? \"label\",\r\n optionValue: props.optionValue ?? \"value\",\r\n maxSelectedLabels: 3,\r\n itemTemplate: props.template?.item,\r\n panelHeaderTemplate: props.template?.header,\r\n panelFooterTemplate: props.template?.footer,\r\n };\r\n let filter: MultiSelectPrimeReact.MultiSelectProps = {\r\n filter: props.filter !== undefined,\r\n emptyFilterMessage: \"Nenhum resultado encontrado.\",\r\n filterPlaceholder: props.filter?.placeholder,\r\n filterInputAutoFocus: props.filter?.autoFocus ?? false,\r\n filterMatchMode: props.filter?.modeFilter ?? \"contains\",\r\n filterDelay: props.filter?.delay,\r\n resetFilterOnHide: props.filter?.reset,\r\n onFilter(event: MultiSelectFilterEvent) {\r\n if (props.filter?.onFilter) {\r\n props.filter.onFilter(event.filter);\r\n }\r\n }\r\n };\r\n\r\n /*\r\n |------------------------------------------\r\n | render() - Renderização do componente\r\n |------------------------------------------\r\n */\r\n return (\r\n <Box className={`multiselect ${props.className ?? \"\"}`}\r\n css={props.css}\r\n size={props.size ?? \"100\"}>\r\n <InputLabel {...props}/>\r\n {!props.mode || props.mode === \"Controlled\"\r\n ? <MultiSelectControlled {...core}\r\n {...filter}\r\n {...options}/>\r\n : <MultiSelectHookForm {...core}\r\n {...filter}\r\n {...options}/>}\r\n </Box>\r\n );\r\n}\r\n\r\nMultiSelect.displayName = \"MultiSelect\";"],"mappings":";;;;;;;;;AAeA,SAAgB,EAAwD,GAA2C;CAC/G,IAAI,IAAO,GACP,IAAkD;EAClD,SAAS,EAAM,WAAW;EAC1B,aAAa,EAAM,eAAe;EAClC,aAAa,EAAM,eAAe;EAClC,mBAAmB;EACnB,cAAc,EAAM,UAAU;EAC9B,qBAAqB,EAAM,UAAU;EACrC,qBAAqB,EAAM,UAAU;CACzC,GACI,IAAiD;EACjD,QAAQ,EAAM,WAAW,KAAA;EACzB,oBAAoB;EACpB,mBAAmB,EAAM,QAAQ;EACjC,sBAAsB,EAAM,QAAQ,aAAa;EACjD,iBAAiB,EAAM,QAAQ,cAAc;EAC7C,aAAa,EAAM,QAAQ;EAC3B,mBAAmB,EAAM,QAAQ;EACjC,SAAS,GAA+B;GACpC,AAAI,EAAM,QAAQ,YACd,EAAM,OAAO,SAAS,EAAM,MAAM;EAE1C;CACJ;CAOA,OACI,kBAAC,GAAD;EAAK,WAAW,eAAe,EAAM,aAAa;EAC9C,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GACtB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD;GAAuB,GAAI;GACzB,GAAI;GACJ,GAAI;EAAS,CAAA,IACf,kBAAC,GAAD;GAAqB,GAAI;GACvB,GAAI;GACJ,GAAI;EAAS,CAAA,CACpB;;AAEb;AAEA,EAAY,cAAc"}
|
package/multiselect/package.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
{
|
|
2
|
-
"main": "./index.cjs.js",
|
|
3
|
-
"module": "./index.esm.js",
|
|
4
|
-
"types": "./index.d.ts"
|
|
5
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"main": "./index.cjs.js",
|
|
3
|
+
"module": "./index.esm.js",
|
|
4
|
+
"types": "./index.d.ts"
|
|
5
|
+
}
|