@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.
Files changed (150) hide show
  1. package/accordion/@types/index.d.ts +55 -55
  2. package/accordion/accordion/index.esm.js.map +1 -1
  3. package/api/@types/css.d.ts +91 -91
  4. package/api/@types/field.d.ts +161 -159
  5. package/api/@types/index.d.ts +29 -27
  6. package/api/input/index.esm.js.map +1 -1
  7. package/autocomplete/@types/index.d.ts +69 -67
  8. package/autocomplete/autocomplete/index.esm.js.map +1 -1
  9. package/autocomplete/core/core/index.esm.js.map +1 -1
  10. package/autocomplete/core/event/index.esm.js.map +1 -1
  11. package/box/@types/index.d.ts +28 -26
  12. package/box/_box.scss +56 -56
  13. package/box/box/index.esm.js.map +1 -1
  14. package/button/@types/index.d.ts +72 -70
  15. package/button/button/index.esm.js.map +1 -1
  16. package/button/package.json +5 -5
  17. package/calendar/@types/index.d.ts +27 -25
  18. package/calendar/calendar/index.esm.js.map +1 -1
  19. package/calendar/core/controlled/index.esm.js.map +1 -1
  20. package/calendar/core/handle/index.esm.js.map +1 -1
  21. package/calendar/core/hookForm/index.esm.js.map +1 -1
  22. package/calendar/core/locale/index.esm.js.map +1 -1
  23. package/calendar/package.json +5 -5
  24. package/editor/@types/index.d.ts +45 -43
  25. package/editor/_editor.scss +106 -106
  26. package/editor/const/index.esm.js.map +1 -1
  27. package/editor/core/bold/index.esm.js.map +1 -1
  28. package/editor/core/bulletlist/index.esm.js.map +1 -1
  29. package/editor/core/code/index.esm.js.map +1 -1
  30. package/editor/core/color/index.esm.js.map +1 -1
  31. package/editor/core/highlight/index.esm.js.map +1 -1
  32. package/editor/core/image/index.esm.js.map +1 -1
  33. package/editor/core/index/index.esm.js.map +1 -1
  34. package/editor/core/italic/index.esm.js.map +1 -1
  35. package/editor/core/link/index.esm.js.map +1 -1
  36. package/editor/core/orderlist/index.esm.js.map +1 -1
  37. package/editor/core/strike/index.esm.js.map +1 -1
  38. package/editor/core/text/index.esm.js.map +1 -1
  39. package/editor/core/underline/index.esm.js.map +1 -1
  40. package/editor/editor/index.esm.js.map +1 -1
  41. package/input/@types/index.d.ts +109 -107
  42. package/input/core/controlled/index.esm.js.map +1 -1
  43. package/input/core/hookForm/index.esm.js.map +1 -1
  44. package/input/input/index.esm.js.map +1 -1
  45. package/inputfilter/@types/autocomplete.d.ts +20 -20
  46. package/inputfilter/@types/index.d.ts +42 -40
  47. package/inputfilter/_inputfilter.scss +58 -58
  48. package/inputfilter/const/index.esm.js.map +1 -1
  49. package/inputfilter/core/autocomplete/index.esm.js.map +1 -1
  50. package/inputfilter/core/date/index.esm.js.map +1 -1
  51. package/inputfilter/core/number/index.esm.js.map +1 -1
  52. package/inputfilter/core/text/index.esm.js.map +1 -1
  53. package/inputfilter/function/handle/index.esm.js.map +1 -1
  54. package/inputfilter/function/validate/index.esm.js.map +1 -1
  55. package/inputfilter/inputfilter/index.esm.js.map +1 -1
  56. package/inputfilter/legend/index.esm.js.map +1 -1
  57. package/lightbox/@types/index.d.ts +12 -10
  58. package/lightbox/_lightbox.scss +6 -6
  59. package/lightbox/core/handle/index.esm.js.map +1 -1
  60. package/lightbox/lightbox/index.esm.js.map +1 -1
  61. package/lightbox/package.json +5 -5
  62. package/loading/@types/index.d.ts +44 -42
  63. package/loading/_loading.scss +10 -10
  64. package/loading/loading/index.esm.js.map +1 -1
  65. package/loading/package.json +5 -5
  66. package/message/@types/index.d.ts +102 -102
  67. package/message/core/modal/index.esm.js.map +1 -1
  68. package/message/message/index.esm.js.map +1 -1
  69. package/message/package.json +5 -5
  70. package/modal/@types/index.d.ts +63 -61
  71. package/modal/core/core/index.esm.js.map +1 -1
  72. package/modal/modal/index.esm.js.map +1 -1
  73. package/multiselect/@types/index.d.ts +77 -75
  74. package/multiselect/core/controlled/index.esm.js.map +1 -1
  75. package/multiselect/core/hookForm/index.esm.js.map +1 -1
  76. package/multiselect/multiselect/index.esm.js.map +1 -1
  77. package/multiselect/package.json +5 -5
  78. package/package.json +15 -15
  79. package/pdf/@types/index.d.ts +12 -10
  80. package/pdf/package.json +5 -5
  81. package/pdf/pdf/index.esm.js.map +1 -1
  82. package/pdf/style/pdf.css +53 -53
  83. package/picklist/@types/index.d.ts +41 -40
  84. package/picklist/core/core/index.esm.js.map +1 -1
  85. package/picklist/picklist/index.esm.js.map +1 -1
  86. package/picklist/types.d.ts +35 -33
  87. package/radio/@types/index.d.ts +41 -39
  88. package/radio/core/controlled/index.esm.js.map +1 -1
  89. package/radio/core/hookForm/index.esm.js.map +1 -1
  90. package/radio/radio/index.esm.js.map +1 -1
  91. package/select/@types/index.d.ts +46 -44
  92. package/select/core/controlled/index.esm.js.map +1 -1
  93. package/select/core/hookForm/index.esm.js.map +1 -1
  94. package/select/select/index.esm.js.map +1 -1
  95. package/style/scss/_variables.scss +929 -929
  96. package/style/scss/bootstrap.scss +33 -33
  97. package/style/scss/core/_reset.scss +75 -75
  98. package/switch/@types/index.d.ts +22 -20
  99. package/switch/core/controlled/index.esm.js.map +1 -1
  100. package/switch/core/hookForm/index.esm.js.map +1 -1
  101. package/switch/switch/index.esm.js.map +1 -1
  102. package/table/@types/click.d.ts +7 -5
  103. package/table/@types/column.d.ts +58 -56
  104. package/table/@types/edit.d.ts +5 -5
  105. package/table/@types/expand.d.ts +32 -32
  106. package/table/@types/group.d.ts +20 -20
  107. package/table/@types/index.d.ts +63 -61
  108. package/table/@types/pagination.d.ts +26 -26
  109. package/table/@types/reorder.d.ts +16 -16
  110. package/table/@types/selection.d.ts +15 -15
  111. package/table/@types/sort.d.ts +8 -6
  112. package/table/@types/style.d.ts +20 -20
  113. package/table/@types/template.d.ts +22 -20
  114. package/table/core/click/index.esm.js.map +1 -1
  115. package/table/core/core/index.esm.js.map +1 -1
  116. package/table/core/expand/index.esm.js.map +1 -1
  117. package/table/core/group/index.esm.js.map +1 -1
  118. package/table/core/pagination/index.esm.js.map +1 -1
  119. package/table/core/reorder/index.esm.js.map +1 -1
  120. package/table/core/selection/index.esm.js.map +1 -1
  121. package/table/core/sort/index.esm.js.map +1 -1
  122. package/table/styled/index.esm.js.map +1 -1
  123. package/table/table/index.esm.js.map +1 -1
  124. package/tablepivot/@types/index.d.ts +50 -50
  125. package/tablepivot/@types/webdatarocks.d.ts +166 -166
  126. package/tablepivot/_tablepivot.scss +84 -84
  127. package/tablepivot/function/handle/index.esm.js.map +1 -1
  128. package/tablepivot/lang/pt-br/index.esm.js.map +1 -1
  129. package/tablepivot/tablepivot/index.esm.js.map +1 -1
  130. package/tabview/@types/index.d.ts +61 -59
  131. package/tabview/_tabview.scss +25 -25
  132. package/tabview/tabview/index.esm.js.map +1 -1
  133. package/textarea/@types/index.d.ts +18 -16
  134. package/textarea/core/controlled/index.esm.js.map +1 -1
  135. package/textarea/core/hookForm/index.esm.js.map +1 -1
  136. package/textarea/textarea/index.esm.js.map +1 -1
  137. package/tooltip/@types/index.d.ts +59 -57
  138. package/tooltip/core/handle/index.esm.js.map +1 -1
  139. package/tooltip/package.json +5 -5
  140. package/tooltip/tooltip/index.esm.js.map +1 -1
  141. package/utils/@types/index.d.ts +2 -2
  142. package/utils/@types/message.d.ts +18 -16
  143. package/utils/@types/request.d.ts +22 -22
  144. package/utils/@types/response.d.ts +55 -55
  145. package/utils/const/index.esm.js.map +1 -1
  146. package/utils/handle/index.esm.js.map +1 -1
  147. package/utils/helper/index.esm.js.map +1 -1
  148. package/utils/message/index.esm.js.map +1 -1
  149. package/utils/request/index.esm.js.map +1 -1
  150. 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,IAAI,EAAG,CAAA,EAChE,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,WAAW;;KAErB,CAAA,EACP,KAAU,kBAAC,GAAD;KAAQ,OAAM;KACrB,MAAK;KACL,OAAO,EAAM,iBAAiB;KAC9B,eAAe;MACX,AAAI,EAAM,WACN,EAAM,UAAU,GAEhB,EAAM,UAAU,GAAM;;KAE1B,CAAA,CACN;MACJ;;EACF,CAAA"}
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,GAAQ,CAAA,GAC1B,MACP,CAAA;;AAIX,EAAQ,cAAc"}
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"}
@@ -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
+ }
@@ -1,63 +1,65 @@
1
1
  import { default as React } from 'react';
2
2
  import { DialogProps } from 'primereact/dialog';
3
- export interface ModalProps extends Pick<DialogProps, "maximizable" | "maximized" | "draggable" | "closable" | "position"> {
4
- /**
5
- * Conteúdo que será exibido dentro da modal
6
- */
7
- children: React.ReactNode;
8
-
9
- /**
10
- * Define a classe de personalização da modal
11
- */
12
- className?: string
13
-
14
- /**
15
- * Define o state da modal aberta ou fechada
16
- */
17
- visible: boolean;
18
-
19
- /**
20
- * Define se vai ser exibido o fundo da modal
21
- */
22
- background?: boolean;
23
-
24
- /**
25
- * Define se a modal vai ser fechada clicando no fundo
26
- */
27
- backdrop?: boolean
28
-
29
- /**
30
- * Define o cabeçalho da modal
31
- */
32
- header?: React.ReactNode | string | false;
33
-
34
- /**
35
- * Define o rodapé da modal
36
- */
37
- footer?: React.ReactNode | string;
38
-
39
- /**
40
- * Define o tamanho da modal
41
- */
42
- sizes?: "small" | "medium" | "large" | "extra-large";
43
-
44
- /**
45
- * Define o icone do campo
46
- */
47
- icon?: string
48
-
49
- /**
50
- * Define o prefixo dos icones do pacote
51
- */
52
- iconPrefix?: "bi bi-" | "pi pi-"
53
-
54
- /**
55
- * Define a propriedade css `zindex` da modal
56
- */
57
- zIndex?: number;
58
-
59
- /**
60
- * Metodo responsável por atualizar state do modal
61
- */
62
- onVisible(value: boolean): void;
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,MAAO,CAAA,EAAC,EAAM,OAAY;;CAGjG,OAAO;EACH,UAAU;EACV,SAAS,EAAM;EACf,SAAS;GACL,EAAM,UAAU,CAAC,EAAM,QAAQ;;EAEnC,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;EAClC"}
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,GAAM;CAOpE,OACI,kBAAC,GAAD;EAAQ,OAAQ,IAA+B,EAAE,GAArB,EAAE,OAAO,GAAO;EACxC,GAAI,EAAU,EAAM;EACpB,aAAa;GACT,SAAS;GACT,SAAS;GACZ;EACD,WAAW,EAAM;EACN;EACX,kBAAkB,EAAa,CAAC,EAAU;YACzC,EAAM;EACF,CAAA;;AAIjB,EAAM,cAAc"}
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
- interface MultiSelectBaseProps extends ApiComponentProps, Omit<ApiFieldComponentProps, "readonly"> {
4
- /**
5
- * Define as opções do multiselect
6
- */
7
- options: SelectItem[]
8
-
9
- /**
10
- * Define as opções de label do component
11
- */
12
- optionLabel?: string
13
-
14
- /**
15
- * Define as opções de value do component
16
- */
17
- optionValue?: string
18
-
19
- /**
20
- * Define se está estado de carregamento
21
- */
22
- loading?: boolean
23
-
24
- /**
25
- * Define o display de exibição dos dados
26
- */
27
- display?: "comma" | "chip"
28
-
29
- /**
30
- * Define o número máximo de seleção
31
- */
32
- selectionLimit?: number
33
-
34
- /**
35
- * Define o local de renderização na DOM
36
- */
37
- appendTo?: null | "self" | HTMLElement | Function
38
-
39
- /**
40
- * Define o tamanho do scroll de dados
41
- */
42
- scrollHeight?: string
43
-
44
- /**
45
- * Define os propriedades de template
46
- */
47
- template?: {
48
- item?: (option: any) => React.ReactNode
49
- header?: (option: any) => React.ReactNode
50
- footer?: (option: any) => React.ReactNode
51
- }
52
-
53
- /**
54
- * Define as propriedades do filtro
55
- */
56
- filter?: {
57
- placeholder?: string
58
- autoFocus?: boolean,
59
- modeFilter?: "endsWith" | "startsWith" | "contains" | "equals" | "notEquals"
60
- delay?: number
61
- reset?: boolean
62
- onFilter?: (search: string) => void
63
- }
64
-
65
- /**
66
- * Define evento quando fecha o dropdown de opções
67
- */
68
- onHide?: () => void
69
-
70
- /**
71
- * Define evento quando abre o dropdown de opções
72
- */
73
- onShow?: () => void
74
- }
75
-
76
- export type MultiSelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
77
- ? MultiSelectBaseProps & ApiFieldControlledProps
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,MAAM;;EAE/B,CAAA,EACR,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA,CAC5B,EAAA,CAAA"}
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,EAAE,GAAlD,EAAM,SAAS,EAAE,OAAO,MAAM;GAAuB,CAAA,EACvG,kBAAC,GAAD;GAAe,GAAI;GACP;GAAS,CAAA,CACtB,EAAA,CAAA;EAGX,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,IAA6B;EAAG,CAAA"}
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;EACxC,EACG,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,OAAO;;EAG9C;CAOD,OACI,kBAAC,GAAD;EAAK,WAAW,eAAe,EAAM,aAAa;EAC9C,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EACvB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD;GAAuB,GAAI;GACzB,GAAI;GACJ,GAAI;GAAU,CAAA,GAChB,kBAAC,GAAD;GAAqB,GAAI;GACvB,GAAI;GACJ,GAAI;GAAU,CAAA,CACpB;;;AAId,EAAY,cAAc"}
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"}
@@ -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
+ }