npm - @orangesix/react - Versions diffs - 1.3.4 → 1.3.8 - Mend

@orangesix/react 1.3.4 → 1.3.8

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 (47) hide show

package/README.md +42 -0
package/autocomplete/index.cjs.js.map +1 -1
package/autocomplete/index.esm.js.map +1 -1
package/box/index.cjs.js.map +1 -1
package/box/index.esm.js.map +1 -1
package/editor/index.cjs.js.map +1 -1
package/editor/index.esm.js.map +1 -1
package/input/index.cjs.js +1 -1
package/input/index.cjs.js.map +1 -1
package/input/index.esm.js +1 -1
package/input/index.esm.js.map +1 -1
package/inputfilter/index.cjs.js.map +1 -1
package/inputfilter/index.esm.js.map +1 -1
package/loading/index.cjs.js.map +1 -1
package/loading/index.esm.js.map +1 -1
package/message/index.cjs.js.map +1 -1
package/message/index.esm.js.map +1 -1
package/package.json +5 -5
package/picklist/index.cjs.js.map +1 -1
package/picklist/index.esm.js.map +1 -1
package/radio/index.cjs.js +1 -1
package/radio/index.cjs.js.map +1 -1
package/radio/index.esm.js +1 -1
package/radio/index.esm.js.map +1 -1
package/select/index.cjs.js +1 -1
package/select/index.cjs.js.map +1 -1
package/select/index.esm.js +1 -1
package/select/index.esm.js.map +1 -1
package/switch/index.cjs.js +1 -1
package/switch/index.cjs.js.map +1 -1
package/switch/index.esm.js +1 -1
package/switch/index.esm.js.map +1 -1
package/table/index.cjs.js +1 -1
package/table/index.cjs.js.map +1 -1
package/table/index.d.ts +10 -0
package/table/index.esm.js +1 -1
package/table/index.esm.js.map +1 -1
package/tablepivot/index.cjs.js.map +1 -1
package/tablepivot/index.esm.js.map +1 -1
package/tabview/index.cjs.js.map +1 -1
package/tabview/index.esm.js.map +1 -1
package/textarea/index.cjs.js +1 -1
package/textarea/index.cjs.js.map +1 -1
package/textarea/index.esm.js +1 -1
package/textarea/index.esm.js.map +1 -1
package/utils/index.cjs.js.map +1 -1
package/utils/index.esm.js.map +1 -1

package/message/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/modal/core/core.tsx","../../src/modal/modal.tsx","../../src/button/button.tsx","../../src/message/core/modal.tsx","../../src/message/message.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { ModalProps } from \"../types\";\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}","import React, { useState } from \"react\";\r\nimport { ModalProps } from \"./types\";\r\nimport { modalCore } from \"./core/core\";\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}","import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/\r\n Componente - `Button`\r\n \r\n Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n /\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n /\r\n return (\r\n <ButtonPrimeReact badge={props.badge}\r\n badgeClassName={props.badgeClassName}\r\n className={props.className}\r\n disabled={props.disabled}\r\n icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n iconPos={props.iconPos}\r\n id={props.id}\r\n label={props.label}\r\n link={props.isLink}\r\n loading={props.isLoading}\r\n pt={{ loadingIcon: { className: \"me-1\" } }}\r\n ref={props.ref}\r\n severity={props.color}\r\n size={props.size}\r\n style={props.css}\r\n type={props.type}\r\n onClick={props.onClick}/>\r\n );\r\n};","import React from \"react\";\r\nimport { Box } from \"../../box\";\r\nimport { Modal } from \"../../modal\";\r\nimport { Button } from \"../../button\";\r\nimport { MessageProps } from \"../types\";\r\nimport { JustifyContentProps } from \"../../api/types\";\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 className=\"message\"\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 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}","import React from \"react\";\r\nimport { ModalMessage } from \"./core/modal\";\r\nimport { MessageModeProps, MessageProps } from \"./types\";\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\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","modalCore","title","icon","iconPrefix","header","appendTo","visible","onHide","onVisible","modal","background","dismissableMask","backdrop","maximizable","draggable","closable","baseZIndex","zIndex","position","footer","showHeader","Modal","sizes","maximized","setMaximized","useState","Dialog","width","breakpoints","onMaximize","Button","ButtonPrimeReact","badge","badgeClassName","disabled","label","iconPos","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","type","onClick","ModalMessage","confirm","cancel","modalIcon","modalIconPrefix","dangerouslySetInnerHTML","__html","message","modalOptionsPosition","confirmLabel","onConfirm","cancelarLabel","onCancel","Message","Fragment","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/modal/core/core.tsx","../../src/modal/modal.tsx","../../src/button/button.tsx","../../src/message/core/modal.tsx","../../src/message/message.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { ModalProps } from \"../types\";\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}","import React, { useState } from \"react\";\r\nimport { ModalProps } from \"./types\";\r\nimport { modalCore } from \"./core/core\";\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}","import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/\r\n Componente - `Button`\r\n \r\n Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n /\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n /\r\n return (\r\n <ButtonPrimeReact badge={props.badge}\r\n badgeClassName={props.badgeClassName}\r\n className={props.className}\r\n disabled={props.disabled}\r\n icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n iconPos={props.iconPos}\r\n id={props.id}\r\n label={props.label}\r\n link={props.isLink}\r\n loading={props.isLoading}\r\n pt={{ loadingIcon: { className: \"me-1\" } }}\r\n ref={props.ref}\r\n severity={props.color}\r\n size={props.size}\r\n style={props.css}\r\n type={props.type}\r\n onClick={props.onClick}/>\r\n );\r\n};","import React from \"react\";\r\nimport { Box } from \"../../box\";\r\nimport { Modal } from \"../../modal\";\r\nimport { Button } from \"../../button\";\r\nimport { MessageProps } from \"../types\";\r\nimport { JustifyContentProps } from \"../../api/types\";\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 className=\"message\"\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 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}","import React from \"react\";\r\nimport { ModalMessage } from \"./core/modal\";\r\nimport { MessageModeProps, MessageProps } from \"./types\";\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\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","modalCore","title","icon","iconPrefix","header","appendTo","visible","onHide","onVisible","modal","background","dismissableMask","backdrop","maximizable","draggable","closable","baseZIndex","zIndex","position","footer","showHeader","Modal","sizes","maximized","setMaximized","useState","Dialog","width","breakpoints","onMaximize","Button","ButtonPrimeReact","badge","badgeClassName","disabled","label","iconPos","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","type","onClick","ModalMessage","confirm","cancel","modalIcon","modalIconPrefix","dangerouslySetInnerHTML","__html","message","modalOptionsPosition","confirmLabel","onConfirm","cancelarLabel","onCancel","Message","Fragment","displayName"],"mappings":"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"}

package/message/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/modal/core/core.tsx","../../src/modal/modal.tsx","../../src/button/button.tsx","../../src/message/core/modal.tsx","../../src/message/message.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { ModalProps } from \"../types\";\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}","import React, { useState } from \"react\";\r\nimport { ModalProps } from \"./types\";\r\nimport { modalCore } from \"./core/core\";\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}","import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/\r\n Componente - `Button`\r\n \r\n Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n /\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n /\r\n return (\r\n <ButtonPrimeReact badge={props.badge}\r\n badgeClassName={props.badgeClassName}\r\n className={props.className}\r\n disabled={props.disabled}\r\n icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n iconPos={props.iconPos}\r\n id={props.id}\r\n label={props.label}\r\n link={props.isLink}\r\n loading={props.isLoading}\r\n pt={{ loadingIcon: { className: \"me-1\" } }}\r\n ref={props.ref}\r\n severity={props.color}\r\n size={props.size}\r\n style={props.css}\r\n type={props.type}\r\n onClick={props.onClick}/>\r\n );\r\n};","import React from \"react\";\r\nimport { Box } from \"../../box\";\r\nimport { Modal } from \"../../modal\";\r\nimport { Button } from \"../../button\";\r\nimport { MessageProps } from \"../types\";\r\nimport { JustifyContentProps } from \"../../api/types\";\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 className=\"message\"\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 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}","import React from \"react\";\r\nimport { ModalMessage } from \"./core/modal\";\r\nimport { MessageModeProps, MessageProps } from \"./types\";\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\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","modalCore","title","icon","iconPrefix","header","appendTo","visible","onHide","onVisible","modal","background","dismissableMask","backdrop","maximizable","draggable","closable","baseZIndex","zIndex","position","footer","showHeader","Modal","sizes","maximized","setMaximized","useState","Dialog","width","breakpoints","onMaximize","Button","ButtonPrimeReact","badge","badgeClassName","disabled","label","iconPos","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","type","onClick","ModalMessage","confirm","cancel","modalIcon","modalIconPrefix","dangerouslySetInnerHTML","__html","message","modalOptionsPosition","confirmLabel","onConfirm","cancelarLabel","onCancel","Message","Fragment","displayName"],"mappings":"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"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/modal/core/core.tsx","../../src/modal/modal.tsx","../../src/button/button.tsx","../../src/message/core/modal.tsx","../../src/message/message.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { ModalProps } from \"../types\";\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}","import React, { useState } from \"react\";\r\nimport { ModalProps } from \"./types\";\r\nimport { modalCore } from \"./core/core\";\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}","import React from \"react\";\r\nimport { ButtonProps } from \"./types\";\r\nimport { Button as ButtonPrimeReact } from \"primereact/button\";\r\n\r\n/\r\n Componente - `Button`\r\n \r\n Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n /\r\nexport const Button = ({ ...props }: ButtonProps) => {\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n /\r\n return (\r\n <ButtonPrimeReact badge={props.badge}\r\n badgeClassName={props.badgeClassName}\r\n className={props.className}\r\n disabled={props.disabled}\r\n icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\r\n iconPos={props.iconPos}\r\n id={props.id}\r\n label={props.label}\r\n link={props.isLink}\r\n loading={props.isLoading}\r\n pt={{ loadingIcon: { className: \"me-1\" } }}\r\n ref={props.ref}\r\n severity={props.color}\r\n size={props.size}\r\n style={props.css}\r\n type={props.type}\r\n onClick={props.onClick}/>\r\n );\r\n};","import React from \"react\";\r\nimport { Box } from \"../../box\";\r\nimport { Modal } from \"../../modal\";\r\nimport { Button } from \"../../button\";\r\nimport { MessageProps } from \"../types\";\r\nimport { JustifyContentProps } from \"../../api/types\";\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 className=\"message\"\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 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}","import React from \"react\";\r\nimport { ModalMessage } from \"./core/modal\";\r\nimport { MessageModeProps, MessageProps } from \"./types\";\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\";"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","modalCore","title","icon","iconPrefix","header","appendTo","visible","onHide","onVisible","modal","background","dismissableMask","backdrop","maximizable","draggable","closable","baseZIndex","zIndex","position","footer","showHeader","Modal","sizes","maximized","setMaximized","useState","Dialog","width","breakpoints","onMaximize","Button","ButtonPrimeReact","badge","badgeClassName","disabled","label","iconPos","link","isLink","loading","isLoading","pt","loadingIcon","ref","severity","color","type","onClick","ModalMessage","confirm","cancel","modalIcon","modalIconPrefix","dangerouslySetInnerHTML","__html","message","modalOptionsPosition","confirmLabel","onConfirm","cancelarLabel","onCancel","Message","Fragment","displayName"],"mappings":"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"}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
         "name": "@orangesix/react",
-        "version": "1.3.4",
+        "version": "1.3.8",
         "private": false,
         "author": "Luiz Fernando Bernardes de Paula",
         "description": "Biblioteca de components React UI.",
@@ -13,7 +13,7 @@
             "url": "https://github.com/Nandovga/orangesix-react/issues"
         },
         "dependencies": {
-          "@tippyjs/react": "^4.2.6",
+  "@tippyjs/react": "^4.2.6",
   "@tiptap/extension-color": "^2.12.0",
   "@tiptap/extension-highlight": "^2.12.0",
   "@tiptap/extension-image": "^2.12.0",
@@ -31,14 +31,14 @@
   "jquery": "^3.7.1",
   "node-snackbar": "^0.1.16",
   "primeicons": "^7.0.0",
-  "primereact": "^10.9.5",
+  "primereact": "^10.9.6",
   "react": "^19.1.0",
   "react-dom": "^19.1.0",
-  "sweetalert2": "^11.21.2",
+  "sweetalert2": "^11.22.0",
   "sweetalert2-react-content": "^5.1.0",
   "tippy.js": "^6.3.7"
 },
         "peerDependencies": {
-  "react-hook-form": "^7.56.4"
+  "react-hook-form": "^7.57.0"
 }
     }

package/picklist/index.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/picklist/core/core.tsx","../../src/picklist/picklist.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { Checkbox } from \"primereact/checkbox\";\r\nimport { PickListDataProps, PickListProps } from \"../types\";\r\nimport { PickListProps as PickListPrimeProps } from \"primereact/picklist\";\r\n\r\n/\r\n `Template`\r\n * Define o template padrão dos item do PickList\r\n /\r\nfunction pickListItemTemplate(\r\n item: PickListDataProps & { selected?: boolean }\r\n) {\r\n return (\r\n <div className=\"w-100 d-flex px-2 align-items-center\">\r\n <Checkbox checked={item.selected ?? false}\r\n className=\"me-2\"\r\n defaultChecked={item.selected}/>\r\n <p className=\"m-0\">{item.label}</p>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n `Core`\r\n * Define as propriedades base para funcionamento do picklist\r\n /\r\nexport function pickListCore(\r\n props: PickListProps\r\n): PickListPrimeProps {\r\n return {\r\n dataKey: props.dataKey ?? \"id\",\r\n showSourceControls: false,\r\n showTargetControls: false,\r\n sourceHeader: props.sourceHeader,\r\n targetHeader: props.targetHeader,\r\n itemTemplate: pickListItemTemplate,\r\n\r\n filter: props.filter ?? undefined,\r\n filterBy: props.filter ? (props.filterBy ?? \"label\") : undefined,\r\n sourceFilterPlaceholder: \"Pesquisa pelo nome\",\r\n targetFilterPlaceholder: \"Pesquisa pelo nome\",\r\n };\r\n}","import { Box } from \"../box\";\r\nimport { PickListProps } from \"./types\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { PickList as PickListPrime } from \"primereact/picklist\";\r\n\r\n/\r\n Componente - `PickList`\r\n \r\n Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\r\n /\r\nexport function PickList(props: PickListProps) {\r\n const [source, setSource] = useState<any>([]);\r\n const [target, setTarget] = useState<any>([]);\r\n\r\n useEffect(() => {\r\n setSource(props.data.filter(item => item.active === undefined \|\| !item.active));\r\n setTarget(props.data.filter(item => item.active));\r\n }, [props.data]);\r\n\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n */\r\n return (\r\n <Box className={props.className}\r\n css={props.css}\r\n size={props.size ?? \"100\"}>\r\n <PickListPrime className=\"w-100\"\r\n source={source}\r\n target={target}\r\n onChange={event => {\r\n let target = event.target.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: true };\r\n });\r\n let source = event.source.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: false };\r\n });\r\n setTarget(target);\r\n setSource(source);\r\n props.onChange([...source, ...target]);\r\n }}\r\n onSourceSelectionChange={event => setSource(source.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n {...pickListCore(props)}/>\r\n </Box>\r\n );\r\n}"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","pickListItemTemplate","item","Checkbox","checked","selected","defaultChecked","label","pickListCore","dataKey","showSourceControls","showTargetControls","sourceHeader","targetHeader","itemTemplate","filter","filterBy","sourceFilterPlaceholder","targetFilterPlaceholder","source","setSource","useState","target","setTarget","useEffect","data","active","PickListPrime","onChange","event","map","onSourceSelectionChange","value","some","obj","onTargetSelectionChange"],"mappings":"oIAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAAA,WAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAASC,cAAA,MAAA,IAAAN,GAAcX,~~EAAe~~,~~EChC9C,~~SAASkB,EACLC,GAEA,OACIH,EAAAC,cAAA,MAAA,CAAKL,UAAU,wCACXI,EAAAC,cAACG,EAAAA,SAAS,CAAAC,QAASF,EAAKG,WAAY,EAC1BV,UAAU,OACVW,eAAgBJ,EAAKG,WAC/BN,EAAGC,cAAA,IAAA,CAAAL,UAAU,OAAOO,EAAKK,OAGrC,CAMM,SAAUC,EACZxB,GAEA,MAAO,CACHyB,QAASzB,EAAMyB,SAAW,KAC1BC,oBAAoB,EACpBC,oBAAoB,EACpBC,aAAc5B,EAAM4B,aACpBC,aAAc7B,EAAM6B,aACpBC,aAAcb,EAEdc,OAAQ/B,EAAM+B,aAAU1B,EACxB2B,SAAUhC,EAAM+B,OAAU/B,EAAMgC,UAAY,aAAW3B,EACvD4B,wBAAyB,qBACzBC,wBAAyB,qBAEjC,kBC/BM,SAAmBlC,GACrB,MAAOmC,EAAQC,GAAaC,EAAAA,SAAc,KACnCC,EAAQC,GAAaF,EAAAA,SAAc,IAY1C,OAVAG,EAAAA,WAAU,KACNJ,EAAUpC,EAAMyC,KAAKV,QAAOb,QAAwBb,IAAhBa,EAAKwB,SAAyBxB,EAAKwB,UACvEH,EAAUvC,EAAMyC,KAAKV,QAAOb,GAAQA,EAAKwB,~~SAAQ~~,~~GAClD,~~CAAC1C,EAAMyC,OAQN1B,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAAC2B,WAAc,CAAAhC,UAAU,QACVwB,OAAQA,EACRG,OAAQA,EACRM,SAAUC,IACN,IAAIP,EAASO,EAAMP,OAAOQ,KAAK5B,WACpBA,EAAKG,SACL,IAAKH,EAAMwB,QAAQ,MAE1BP,EAASU,EAAMV,OAAOW,KAAK5B,WACpBA,EAAKG,SACL,IAAKH,EAAMwB,QAAQ,MAE9BH,EAAUD,GACVF,EAAUD,GACVnC,EAAM4C,SAAS,IAAIT,KAAWG,~~GAAQ~~,~~EAE1CS,~~wBAAyBF,GAAST,EAAUD,EAAOW,KAAK5B,IAC7C,IAAKA,EAAMG,SAAUwB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIpC,KAAOI,EAAKJ,UAEhFqC,wBAAyBN,GAASN,EAAUD,EAAOQ,KAAK5B,IAC7C,IAAKA,EAAMG,SAAUwB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIpC,KAAOI,EAAKJ,aAE5EU,EAAaxB,KAG5C"}
1	+ {"version":3,"file":"index.cjs.js","sources":["../../src/box/box.tsx","../../src/picklist/core/core.tsx","../../src/picklist/picklist.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { Checkbox } from \"primereact/checkbox\";\r\nimport { PickListDataProps, PickListProps } from \"../types\";\r\nimport { PickListProps as PickListPrimeProps } from \"primereact/picklist\";\r\n\r\n/\r\n `Template`\r\n * Define o template padrão dos item do PickList\r\n /\r\nfunction pickListItemTemplate(\r\n item: PickListDataProps & { selected?: boolean }\r\n) {\r\n return (\r\n <div className=\"w-100 d-flex px-2 align-items-center\">\r\n <Checkbox checked={item.selected ?? false}\r\n className=\"me-2\"\r\n defaultChecked={item.selected}/>\r\n <p className=\"m-0\">{item.label}</p>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n `Core`\r\n * Define as propriedades base para funcionamento do picklist\r\n /\r\nexport function pickListCore(\r\n props: PickListProps\r\n): PickListPrimeProps {\r\n return {\r\n dataKey: props.dataKey ?? \"id\",\r\n showSourceControls: false,\r\n showTargetControls: false,\r\n sourceHeader: props.sourceHeader,\r\n targetHeader: props.targetHeader,\r\n itemTemplate: pickListItemTemplate,\r\n\r\n filter: props.filter ?? undefined,\r\n filterBy: props.filter ? (props.filterBy ?? \"label\") : undefined,\r\n sourceFilterPlaceholder: \"Pesquisa pelo nome\",\r\n targetFilterPlaceholder: \"Pesquisa pelo nome\",\r\n };\r\n}","import { Box } from \"../box\";\r\nimport { PickListProps } from \"./types\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { PickList as PickListPrime } from \"primereact/picklist\";\r\n\r\n/\r\n Componente - `PickList`\r\n \r\n Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\r\n /\r\nexport function PickList(props: PickListProps) {\r\n const [source, setSource] = useState<any>([]);\r\n const [target, setTarget] = useState<any>([]);\r\n\r\n useEffect(() => {\r\n setSource(props.data.filter(item => item.active === undefined \|\| !item.active));\r\n setTarget(props.data.filter(item => item.active));\r\n }, [props.data]);\r\n\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n */\r\n return (\r\n <Box className={props.className}\r\n css={props.css}\r\n size={props.size ?? \"100\"}>\r\n <PickListPrime className=\"w-100\"\r\n source={source}\r\n target={target}\r\n onChange={event => {\r\n let target = event.target.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: true };\r\n });\r\n let source = event.source.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: false };\r\n });\r\n setTarget(target);\r\n setSource(source);\r\n props.onChange([...source, ...target]);\r\n }}\r\n onSourceSelectionChange={event => setSource(source.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n {...pickListCore(props)}/>\r\n </Box>\r\n );\r\n}"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","pickListItemTemplate","item","Checkbox","checked","selected","defaultChecked","label","pickListCore","dataKey","showSourceControls","showTargetControls","sourceHeader","targetHeader","itemTemplate","filter","filterBy","sourceFilterPlaceholder","targetFilterPlaceholder","source","setSource","useState","target","setTarget","useEffect","data","active","PickListPrime","onChange","event","map","onSourceSelectionChange","value","some","obj","onTargetSelectionChange"],"mappings":"oIAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAAA,WAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAASC,cAAA,MAAA,IAAAN,GAAcX,IChC/B,SAASkB,EACLC,GAEA,OACIH,EAAAC,cAAA,MAAA,CAAKL,UAAU,wCACXI,EAAAC,cAACG,EAAAA,SAAS,CAAAC,QAASF,EAAKG,WAAY,EAC1BV,UAAU,OACVW,eAAgBJ,EAAKG,WAC/BN,EAAGC,cAAA,IAAA,CAAAL,UAAU,OAAOO,EAAKK,OAGrC,CAMM,SAAUC,EACZxB,GAEA,MAAO,CACHyB,QAASzB,EAAMyB,SAAW,KAC1BC,oBAAoB,EACpBC,oBAAoB,EACpBC,aAAc5B,EAAM4B,aACpBC,aAAc7B,EAAM6B,aACpBC,aAAcb,EAEdc,OAAQ/B,EAAM+B,aAAU1B,EACxB2B,SAAUhC,EAAM+B,OAAU/B,EAAMgC,UAAY,aAAW3B,EACvD4B,wBAAyB,qBACzBC,wBAAyB,qBAEjC,kBC/BM,SAAmBlC,GACrB,MAAOmC,EAAQC,GAAaC,EAAAA,SAAc,KACnCC,EAAQC,GAAaF,EAAAA,SAAc,IAY1C,OAVAG,EAAAA,WAAU,KACNJ,EAAUpC,EAAMyC,KAAKV,QAAOb,QAAwBb,IAAhBa,EAAKwB,SAAyBxB,EAAKwB,UACvEH,EAAUvC,EAAMyC,KAAKV,QAAOb,GAAQA,EAAKwB,YAC1C,CAAC1C,EAAMyC,OAQN1B,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAAC2B,WAAc,CAAAhC,UAAU,QACVwB,OAAQA,EACRG,OAAQA,EACRM,SAAUC,IACN,IAAIP,EAASO,EAAMP,OAAOQ,KAAK5B,WACpBA,EAAKG,SACL,IAAKH,EAAMwB,QAAQ,MAE1BP,EAASU,EAAMV,OAAOW,KAAK5B,WACpBA,EAAKG,SACL,IAAKH,EAAMwB,QAAQ,MAE9BH,EAAUD,GACVF,EAAUD,GACVnC,EAAM4C,SAAS,IAAIT,KAAWG,KAElCS,wBAAyBF,GAAST,EAAUD,EAAOW,KAAK5B,IAC7C,IAAKA,EAAMG,SAAUwB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIpC,KAAOI,EAAKJ,UAEhFqC,wBAAyBN,GAASN,EAAUD,EAAOQ,KAAK5B,IAC7C,IAAKA,EAAMG,SAAUwB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIpC,KAAOI,EAAKJ,aAE5EU,EAAaxB,KAG5C"}

package/picklist/index.esm.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/picklist/core/core.tsx","../../src/picklist/picklist.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { Checkbox } from \"primereact/checkbox\";\r\nimport { PickListDataProps, PickListProps } from \"../types\";\r\nimport { PickListProps as PickListPrimeProps } from \"primereact/picklist\";\r\n\r\n/\r\n `Template`\r\n * Define o template padrão dos item do PickList\r\n /\r\nfunction pickListItemTemplate(\r\n item: PickListDataProps & { selected?: boolean }\r\n) {\r\n return (\r\n <div className=\"w-100 d-flex px-2 align-items-center\">\r\n <Checkbox checked={item.selected ?? false}\r\n className=\"me-2\"\r\n defaultChecked={item.selected}/>\r\n <p className=\"m-0\">{item.label}</p>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n `Core`\r\n * Define as propriedades base para funcionamento do picklist\r\n /\r\nexport function pickListCore(\r\n props: PickListProps\r\n): PickListPrimeProps {\r\n return {\r\n dataKey: props.dataKey ?? \"id\",\r\n showSourceControls: false,\r\n showTargetControls: false,\r\n sourceHeader: props.sourceHeader,\r\n targetHeader: props.targetHeader,\r\n itemTemplate: pickListItemTemplate,\r\n\r\n filter: props.filter ?? undefined,\r\n filterBy: props.filter ? (props.filterBy ?? \"label\") : undefined,\r\n sourceFilterPlaceholder: \"Pesquisa pelo nome\",\r\n targetFilterPlaceholder: \"Pesquisa pelo nome\",\r\n };\r\n}","import { Box } from \"../box\";\r\nimport { PickListProps } from \"./types\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { PickList as PickListPrime } from \"primereact/picklist\";\r\n\r\n/\r\n Componente - `PickList`\r\n \r\n Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\r\n /\r\nexport function PickList(props: PickListProps) {\r\n const [source, setSource] = useState<any>([]);\r\n const [target, setTarget] = useState<any>([]);\r\n\r\n useEffect(() => {\r\n setSource(props.data.filter(item => item.active === undefined \|\| !item.active));\r\n setTarget(props.data.filter(item => item.active));\r\n }, [props.data]);\r\n\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n */\r\n return (\r\n <Box className={props.className}\r\n css={props.css}\r\n size={props.size ?? \"100\"}>\r\n <PickListPrime className=\"w-100\"\r\n source={source}\r\n target={target}\r\n onChange={event => {\r\n let target = event.target.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: true };\r\n });\r\n let source = event.source.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: false };\r\n });\r\n setTarget(target);\r\n setSource(source);\r\n props.onChange([...source, ...target]);\r\n }}\r\n onSourceSelectionChange={event => setSource(source.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n {...pickListCore(props)}/>\r\n </Box>\r\n );\r\n}"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","pickListItemTemplate","item","Checkbox","checked","selected","defaultChecked","label","pickListCore","dataKey","showSourceControls","showTargetControls","sourceHeader","targetHeader","itemTemplate","filter","filterBy","sourceFilterPlaceholder","targetFilterPlaceholder","PickList","source","setSource","useState","target","setTarget","useEffect","data","active","PickListPrime","onChange","event","map","onSourceSelectionChange","value","some","obj","onTargetSelectionChange"],"mappings":"+LAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAASC,cAAA,MAAA,IAAAN,GAAcX,~~EAAe~~,~~EChC9C,~~SAASkB,EACLC,GAEA,OACIH,EAAAC,cAAA,MAAA,CAAKL,UAAU,wCACXI,EAAAC,cAACG,EAAS,CAAAC,QAASF,EAAKG,WAAY,EAC1BV,UAAU,OACVW,eAAgBJ,EAAKG,WAC/BN,EAAGC,cAAA,IAAA,CAAAL,UAAU,OAAOO,EAAKK,OAGrC,CAMM,SAAUC,EACZxB,GAEA,MAAO,CACHyB,QAASzB,EAAMyB,SAAW,KAC1BC,oBAAoB,EACpBC,oBAAoB,EACpBC,aAAc5B,EAAM4B,aACpBC,aAAc7B,EAAM6B,aACpBC,aAAcb,EAEdc,OAAQ/B,EAAM+B,aAAU1B,EACxB2B,SAAUhC,EAAM+B,OAAU/B,EAAMgC,UAAY,aAAW3B,EACvD4B,wBAAyB,qBACzBC,wBAAyB,qBAEjC,CC/BM,SAAUC,EAASnC,GACrB,MAAOoC,EAAQC,GAAaC,EAAc,KACnCC,EAAQC,GAAaF,EAAc,IAY1C,OAVAG,GAAU,KACNJ,EAAUrC,EAAM0C,KAAKX,QAAOb,QAAwBb,IAAhBa,EAAKyB,SAAyBzB,EAAKyB,UACvEH,EAAUxC,EAAM0C,KAAKX,QAAOb,GAAQA,EAAKyB,~~SAAQ~~,~~GAClD,~~CAAC3C,EAAM0C,OAQN3B,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAAC4B,EAAc,CAAAjC,UAAU,QACVyB,OAAQA,EACRG,OAAQA,EACRM,SAAUC,IACN,IAAIP,EAASO,EAAMP,OAAOQ,KAAK7B,WACpBA,EAAKG,SACL,IAAKH,EAAMyB,QAAQ,MAE1BP,EAASU,EAAMV,OAAOW,KAAK7B,WACpBA,EAAKG,SACL,IAAKH,EAAMyB,QAAQ,MAE9BH,EAAUD,GACVF,EAAUD,GACVpC,EAAM6C,SAAS,IAAIT,KAAWG,~~GAAQ~~,~~EAE1CS,~~wBAAyBF,GAAST,EAAUD,EAAOW,KAAK7B,IAC7C,IAAKA,EAAMG,SAAUyB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIrC,KAAOI,EAAKJ,UAEhFsC,wBAAyBN,GAASN,EAAUD,EAAOQ,KAAK7B,IAC7C,IAAKA,EAAMG,SAAUyB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIrC,KAAOI,EAAKJ,aAE5EU,EAAaxB,KAG5C"}
1	+ {"version":3,"file":"index.esm.js","sources":["../../src/box/box.tsx","../../src/picklist/core/core.tsx","../../src/picklist/picklist.tsx"],"sourcesContent":["import { BoxProps } from \"./types\";\r\nimport React, { HTMLAttributes } from \"react\";\r\nimport { classNames } from \"primereact/utils\";\r\n\r\n/*\r\n Componente - `Box`\r\n \r\n Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n \r\n Exemplo de uso:\r\n * ```tsx\r\n * <Box align=\"align-items-center\"\r\n * justify=\"justify-content-end\"\r\n * size=\"25\">\r\n * ...conteúdo HTML\r\n * </Box>\r\n * ```\r\n /\r\nexport const Box = ({ children, ...props }: BoxProps) => {\r\n const css = {\r\n size: `box-size-${(props.size ?? \"100\")}`,\r\n direction: `box-direction-${props.direction ?? \"row\"}`,\r\n justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\r\n align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\r\n };\r\n\r\n const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\r\n className: classNames([\r\n \"box\",\r\n props.className ?? \"\",\r\n css.size,\r\n css.direction,\r\n css.justify,\r\n css.align\r\n ]),\r\n style: props.css,\r\n id: props.id\r\n };\r\n\r\n return (\r\n <div {...attr as any}>{children}</div>\r\n );\r\n};","import React from \"react\";\r\nimport { Checkbox } from \"primereact/checkbox\";\r\nimport { PickListDataProps, PickListProps } from \"../types\";\r\nimport { PickListProps as PickListPrimeProps } from \"primereact/picklist\";\r\n\r\n/\r\n `Template`\r\n * Define o template padrão dos item do PickList\r\n /\r\nfunction pickListItemTemplate(\r\n item: PickListDataProps & { selected?: boolean }\r\n) {\r\n return (\r\n <div className=\"w-100 d-flex px-2 align-items-center\">\r\n <Checkbox checked={item.selected ?? false}\r\n className=\"me-2\"\r\n defaultChecked={item.selected}/>\r\n <p className=\"m-0\">{item.label}</p>\r\n </div>\r\n );\r\n}\r\n\r\n/\r\n `Core`\r\n * Define as propriedades base para funcionamento do picklist\r\n /\r\nexport function pickListCore(\r\n props: PickListProps\r\n): PickListPrimeProps {\r\n return {\r\n dataKey: props.dataKey ?? \"id\",\r\n showSourceControls: false,\r\n showTargetControls: false,\r\n sourceHeader: props.sourceHeader,\r\n targetHeader: props.targetHeader,\r\n itemTemplate: pickListItemTemplate,\r\n\r\n filter: props.filter ?? undefined,\r\n filterBy: props.filter ? (props.filterBy ?? \"label\") : undefined,\r\n sourceFilterPlaceholder: \"Pesquisa pelo nome\",\r\n targetFilterPlaceholder: \"Pesquisa pelo nome\",\r\n };\r\n}","import { Box } from \"../box\";\r\nimport { PickListProps } from \"./types\";\r\nimport { pickListCore } from \"./core/core\";\r\nimport React, { useState, useEffect } from \"react\";\r\nimport { PickList as PickListPrime } from \"primereact/picklist\";\r\n\r\n/\r\n Componente - `PickList`\r\n \r\n Um componente versátil que é utilizado para reordenar itens entre listas diferentes.\r\n /\r\nexport function PickList(props: PickListProps) {\r\n const [source, setSource] = useState<any>([]);\r\n const [target, setTarget] = useState<any>([]);\r\n\r\n useEffect(() => {\r\n setSource(props.data.filter(item => item.active === undefined \|\| !item.active));\r\n setTarget(props.data.filter(item => item.active));\r\n }, [props.data]);\r\n\r\n /\r\n \|------------------------------------------\r\n \| render() - Renderização do componente\r\n \|------------------------------------------\r\n */\r\n return (\r\n <Box className={props.className}\r\n css={props.css}\r\n size={props.size ?? \"100\"}>\r\n <PickListPrime className=\"w-100\"\r\n source={source}\r\n target={target}\r\n onChange={event => {\r\n let target = event.target.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: true };\r\n });\r\n let source = event.source.map((item: any) => {\r\n delete item.selected;\r\n return { ...item, active: false };\r\n });\r\n setTarget(target);\r\n setSource(source);\r\n props.onChange([...source, ...target]);\r\n }}\r\n onSourceSelectionChange={event => setSource(source.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n onTargetSelectionChange={event => setTarget(target.map((item: any) => {\r\n return { ...item, selected: event.value?.some((obj: any) => obj.id === item.id) };\r\n }))}\r\n {...pickListCore(props)}/>\r\n </Box>\r\n );\r\n}"],"names":["Box","children","props","css","size","direction","justify","undefined","Array","isArray","join","align","attr","className","classNames","style","id","React","createElement","pickListItemTemplate","item","Checkbox","checked","selected","defaultChecked","label","pickListCore","dataKey","showSourceControls","showTargetControls","sourceHeader","targetHeader","itemTemplate","filter","filterBy","sourceFilterPlaceholder","targetFilterPlaceholder","PickList","source","setSource","useState","target","setTarget","useEffect","data","active","PickListPrime","onChange","event","map","onSourceSelectionChange","value","some","obj","onTargetSelectionChange"],"mappings":"+LAmBO,MAAMA,EAAM,EAAGC,cAAaC,MAC/B,MAAMC,EAAM,CACRC,KAAM,YAAaF,EAAME,MAAQ,QACjCC,UAAW,iBAAiBH,EAAMG,WAAa,QAC/CC,aAA2BC,IAAlBL,EAAMI,QAAwB,GAAKE,MAAMC,QAAQP,EAAMI,SAAWJ,EAAMI,SAASI,KAAK,KAAOR,EAAMI,QAC5GK,WAAuBJ,IAAhBL,EAAMS,MAAsB,GAAKH,MAAMC,QAAQP,EAAMS,OAAST,EAAMS,OAAOD,KAAK,KAAOR,EAAMS,OAGlGC,EAA2D,CAC7DC,UAAWC,EAAW,CAClB,MACAZ,EAAMW,WAAa,GACnBV,EAAIC,KACJD,EAAIE,UACJF,EAAIG,QACJH,EAAIQ,QAERI,MAAOb,EAAMC,IACba,GAAId,EAAMc,IAGd,OACIC,EAASC,cAAA,MAAA,IAAAN,GAAcX,IChC/B,SAASkB,EACLC,GAEA,OACIH,EAAAC,cAAA,MAAA,CAAKL,UAAU,wCACXI,EAAAC,cAACG,EAAS,CAAAC,QAASF,EAAKG,WAAY,EAC1BV,UAAU,OACVW,eAAgBJ,EAAKG,WAC/BN,EAAGC,cAAA,IAAA,CAAAL,UAAU,OAAOO,EAAKK,OAGrC,CAMM,SAAUC,EACZxB,GAEA,MAAO,CACHyB,QAASzB,EAAMyB,SAAW,KAC1BC,oBAAoB,EACpBC,oBAAoB,EACpBC,aAAc5B,EAAM4B,aACpBC,aAAc7B,EAAM6B,aACpBC,aAAcb,EAEdc,OAAQ/B,EAAM+B,aAAU1B,EACxB2B,SAAUhC,EAAM+B,OAAU/B,EAAMgC,UAAY,aAAW3B,EACvD4B,wBAAyB,qBACzBC,wBAAyB,qBAEjC,CC/BM,SAAUC,EAASnC,GACrB,MAAOoC,EAAQC,GAAaC,EAAc,KACnCC,EAAQC,GAAaF,EAAc,IAY1C,OAVAG,GAAU,KACNJ,EAAUrC,EAAM0C,KAAKX,QAAOb,QAAwBb,IAAhBa,EAAKyB,SAAyBzB,EAAKyB,UACvEH,EAAUxC,EAAM0C,KAAKX,QAAOb,GAAQA,EAAKyB,YAC1C,CAAC3C,EAAM0C,OAQN3B,gBAACjB,EAAG,CAACa,UAAWX,EAAMW,UACjBV,IAAKD,EAAMC,IACXC,KAAMF,EAAME,MAAQ,OACrBa,EAAAC,cAAC4B,EAAc,CAAAjC,UAAU,QACVyB,OAAQA,EACRG,OAAQA,EACRM,SAAUC,IACN,IAAIP,EAASO,EAAMP,OAAOQ,KAAK7B,WACpBA,EAAKG,SACL,IAAKH,EAAMyB,QAAQ,MAE1BP,EAASU,EAAMV,OAAOW,KAAK7B,WACpBA,EAAKG,SACL,IAAKH,EAAMyB,QAAQ,MAE9BH,EAAUD,GACVF,EAAUD,GACVpC,EAAM6C,SAAS,IAAIT,KAAWG,KAElCS,wBAAyBF,GAAST,EAAUD,EAAOW,KAAK7B,IAC7C,IAAKA,EAAMG,SAAUyB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIrC,KAAOI,EAAKJ,UAEhFsC,wBAAyBN,GAASN,EAAUD,EAAOQ,KAAK7B,IAC7C,IAAKA,EAAMG,SAAUyB,EAAMG,OAAOC,MAAMC,GAAaA,EAAIrC,KAAOI,EAAKJ,aAE5EU,EAAaxB,KAG5C"}

package/radio/index.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react"),t=require("primereact/utils");function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var r=a(e);const l=({children:a,...r})=>{const l={size:`box-size-${r.size??"100"}`,direction:`box-direction-${r.direction??"row"}`,justify:void 0===r.justify?"":Array.isArray(r.justify)?r.justify?.join(" "):r.justify,align:void 0===r.align?"":Array.isArray(r.align)?r.align?.join(" "):r.align},n={className:t.classNames(["box",r.className??"",l.size,l.direction,l.justify,l.align]),style:r.css,id:r.id};return e.createElement("div",{...n},a)},n=({iconPrefix:t="bi bi-",...a})=>a.label&&e.createElement("p",{className:"form-label"},a.icon&&e.createElement("i",{className:t+a.icon+" me-1"}),a.label,a.required&&e.createElement("span",{className:"text-danger"},"*")),s=({errors:t,name:a,...r})=>r.mode&&"Controlled"!==r.mode?e.createElement("div",{className:t[a??""]?"invalid-feedback is-invalid":"","data-name":a??"",id:"j_feedback",style:{display:t[a??""]?"block":"none"}},t[a??""]?t[a??""].message:""):e.createElement("div",{"data-name":a,id:"j_feedback"});function i(e){return{ref:e.ref,id:e.id,name:e.name,required:e.required,disabled:e.disabled,placeholder:e.placeholder,className:e.className,style:{width:"100%"},keyfilter:e.keyfilter}}var o=e=>null==e;var c=e=>!o(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),d=e=>c(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,u="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function m(e){let t;const a=Array.isArray(e),r="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(u&&(e instanceof Blob||r)||!a&&!c(e))return e;if(t=a?[]:{},a||(e=>{const t=e.constructor&&e.constructor.prototype;return c(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const a in e)e.hasOwnProperty(a)&&(t[a]=m(e[a]));else t=e}return t}var f=e=>Array.isArray(e)?e.filter(Boolean):[],b=e=>void 0===e,y=(e,t,a)=>{if(!t||!c(e))return a;const r=f(t.split(/[,[\].]+?/)).reduce(((e,t)=>o(e)?e:e[t]),e);return b(r)||r===e?b(e[t])?a:e[t]:r},g=e=>"boolean"==typeof e,p=(e,t,a)=>{let r=-1;const l=(e=>/^\w*$/.test(e))(t)?[t]:f(t.replace(/["|']|\]/g,"").split(/\.|\[/));const n=l.length,s=n-1;for(;++r<n;){const t=l[r];let n=a;if(r!==s){const a=e[t];n=c(a)||Array.isArray(a)?a:isNaN(+l[r+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=n,e=e[t]}};const v="blur",_="change",h="all",E=e.createContext(null),x=()=>e.useContext(E);const k="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function N(t){const a=x(),{control:r=a.control,disabled:l,name:n,exact:s}=t||{},[i,o]=e.useState(r._formState),c=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return k((()=>r._subscribe({name:n,formState:c.current,exact:s,callback:e=>{!l&&o({...r._formState,...e})}})),[n,l,s]),e.useEffect((()=>{c.current.isValid&&r._setValid(!0)}),[r]),e.useMemo((()=>((e,t,a,r=!0)=>{const l={defaultValues:t._defaultValues};for(const n in e)Object.defineProperty(l,n,{get:()=>{const l=n;return t._proxyFormState[l]!==h&&(t._proxyFormState[l]=!r||h),a&&(a[l]=!0),e[l]}});return l})(i,r,c.current,!1)),[i,r])}function V(t){const a=x(),{control:r=a.control,name:l,defaultValue:n,disabled:s,exact:i}=t||{},o=e.useRef(n),[c,d]=e.useState(r._getWatch(l,o.current));return k((()=>r._subscribe({name:l,formState:{values:!0},exact:i,callback:e=>!s&&d(((e,t,a,r,l)=>"string"==typeof e?y(a,e,l):Array.isArray(e)?e.map((e=>y(a,e))):a)(l,r._names,e.values||r._formValues,0,o.current))})),[l,r,s,i]),e.useEffect((()=>r._removeUnmounted())),c}const w=t=>t.render(function(t){const a=x(),{name:r,disabled:l,control:n=a.control,shouldUnregister:s}=t,i=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(n._names.array,r),o=V({control:n,name:r,defaultValue:y(n._formValues,r,y(n._defaultValues,r,t.defaultValue)),exact:!0}),c=N({control:n,name:r,exact:!0}),u=e.useRef(t),f=e.useRef(n.register(r,{...t.rules,value:o,...g(t.disabled)?{disabled:t.disabled}:{}})),h=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!y(c.errors,r)},isDirty:{enumerable:!0,get:()=>!!y(c.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!y(c.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!y(c.validatingFields,r)},error:{enumerable:!0,get:()=>y(c.errors,r)}})),[c,r]),E=e.useCallback((e=>f.current.onChange({target:{value:d(e),name:r},type:_})),[r]),k=e.useCallback((()=>f.current.onBlur({target:{value:y(n._formValues,r),name:r},type:v})),[r,n._formValues]),w=e.useCallback((e=>{const t=y(n._fields,r);t&&e&&(t._f.ref={focus:()=>e.focus(),select:()=>e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[n._fields,r]),j=e.useMemo((()=>({name:r,value:o,...g(l)||c.disabled?{disabled:c.disabled||l}:{},onChange:E,onBlur:k,ref:w})),[r,l,c.disabled,E,k,w,o]);return e.useEffect((()=>{const e=n._options.shouldUnregister||s;n.register(r,{...u.current.rules,...g(u.current.disabled)?{disabled:u.current.disabled}:{}});const t=(e,t)=>{const a=y(n._fields,e);a&&a._f&&(a._f.mount=t)};if(t(r,!0),e){const e=m(y(n._options.defaultValues,r));p(n._defaultValues,r,e),b(y(n._formValues,r))&&p(n._formValues,r,e)}return!i&&n.register(r),()=>{(i?e&&!n._state.action:e)?n.unregister(r):t(r,!1)}}),[r,n,i,s]),e.useEffect((()=>{n._setDisabledField({disabled:l,name:r})}),[l,r,n]),e.useMemo((()=>({field:j,formState:c,fieldState:h})),[j,c,h])}(t));function j({core:t,...a}){let r=a.align&&"row"!==a.align?"flex-column":"flex-row";return e.createElement(w,{render:({field:t,formState:{errors:l}})=>e.createElement("div",{className:"w-100 d-flex flex-column"},e.createElement("div",{className:`w-100 d-flex gap-3 ${r}`},a.options.map((r=>e.createElement("div",{className:"d-flex align-items-center form-check",key:r.value},e.createElement("input",{checked:r.value===t.value,className:"form-check-input "+(l[a.name]?"is-invalid":""),disabled:a.disabled||r.disabled,id:a.name+"-"+r.value,type:"radio",value:r.value,onChange:t.onChange}),e.createElement("label",{className:"ms-2 form-check-label",htmlFor:a.name+"-"+r.value},r.label))))),e.createElement(s,{...a,errors:l})),control:a.control,name:a.name,rules:{required:!!a.required&&"Campo obrigatório"}})}function C({core:t,...a}){let r=a.align&&"row"!==a.align?"flex-column":"flex-row";return e.createElement("div",{className:"w-100 d-flex flex-column"},e.createElement("div",{className:`w-100 d-flex gap-3 ${r}`},a.options.map((t=>e.createElement(e.Fragment,{key:t.value},e.createElement("div",{className:"d-flex align-items-center form-check"},e.createElement("input",{checked:t.value===a.value,className:"form-check-input",disabled:a.disabled||t.disabled,id:a.name+"-"+t.value,name:a.name,required:a.required,type:"radio",value:t.value,onChange:e=>{a.onChange&&a.onChange(e.target.value)}}),e.createElement("label",{className:"ms-2",htmlFor:a.name+"-"+t.value},t.label)))))),e.createElement(s,{...a}))}exports.Radio=function(t){let a=t,r={...i(a)};return e.createElement(l,{className:t.className,css:t.css,size:t.size??"100"},e.createElement(n,{...t}),t.mode&&"Controlled"!==t.mode?e.createElement(j,{core:r,...a}):e.createElement(C,{core:r,...a}))};
+"use strict";var e=require("react"),t=require("primereact/utils");function a(e){var t=Object.create(null);return e&&Object.keys(e).forEach((function(a){if("default"!==a){var r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:function(){return e[a]}})}})),t.default=e,Object.freeze(t)}var r=a(e);const l=({children:a,...r})=>{const l={size:`box-size-${r.size??"100"}`,direction:`box-direction-${r.direction??"row"}`,justify:void 0===r.justify?"":Array.isArray(r.justify)?r.justify?.join(" "):r.justify,align:void 0===r.align?"":Array.isArray(r.align)?r.align?.join(" "):r.align},n={className:t.classNames(["box",r.className??"",l.size,l.direction,l.justify,l.align]),style:r.css,id:r.id};return e.createElement("div",{...n},a)},n=({iconPrefix:t="bi bi-",...a})=>a.label&&e.createElement("p",{className:"form-label"},a.icon&&e.createElement("i",{className:t+a.icon+" me-1"}),a.label,a.required&&e.createElement("span",{className:"text-danger"},"*")),s=({errors:t,name:a,...r})=>r.mode&&"Controlled"!==r.mode?e.createElement("div",{className:t[a??""]?"invalid-feedback is-invalid":"","data-name":a??"",id:"j_feedback",style:{display:t[a??""]?"block":"none"}},t[a??""]?t[a??""].message:""):e.createElement("div",{"data-name":a,id:"j_feedback"});function i(e){return{ref:e.ref,id:e.id,name:e.name,required:e.required,disabled:e.disabled,placeholder:e.placeholder,className:e.className,style:{width:"100%"},keyfilter:e.keyfilter}}var o=e=>null==e;var c=e=>!o(e)&&!Array.isArray(e)&&(e=>"object"==typeof e)(e)&&!(e=>e instanceof Date)(e),d=e=>c(e)&&e.target?"checkbox"===e.target.type?e.target.checked:e.target.value:e,u="undefined"!=typeof window&&void 0!==window.HTMLElement&&"undefined"!=typeof document;function m(e){let t;const a=Array.isArray(e),r="undefined"!=typeof FileList&&e instanceof FileList;if(e instanceof Date)t=new Date(e);else if(e instanceof Set)t=new Set(e);else{if(u&&(e instanceof Blob||r)||!a&&!c(e))return e;if(t=a?[]:{},a||(e=>{const t=e.constructor&&e.constructor.prototype;return c(t)&&t.hasOwnProperty("isPrototypeOf")})(e))for(const a in e)e.hasOwnProperty(a)&&(t[a]=m(e[a]));else t=e}return t}var f=e=>Array.isArray(e)?e.filter(Boolean):[],b=e=>void 0===e,y=(e,t,a)=>{if(!t||!c(e))return a;const r=f(t.split(/[,[\].]+?/)).reduce(((e,t)=>o(e)?e:e[t]),e);return b(r)||r===e?b(e[t])?a:e[t]:r},g=e=>"boolean"==typeof e,p=(e,t,a)=>{let r=-1;const l=(e=>/^\w*$/.test(e))(t)?[t]:f(t.replace(/["|']|\]/g,"").split(/\.|\[/));const n=l.length,s=n-1;for(;++r<n;){const t=l[r];let n=a;if(r!==s){const a=e[t];n=c(a)||Array.isArray(a)?a:isNaN(+l[r+1])?{}:[]}if("__proto__"===t||"constructor"===t||"prototype"===t)return;e[t]=n,e=e[t]}};const v="blur",_="change",h="all",E=e.createContext(null),x=()=>e.useContext(E);const k="undefined"!=typeof window?r.useLayoutEffect:r.useEffect;function N(t){const a=x(),{control:r=a.control,disabled:l,name:n,exact:s}=t||{},[i,o]=e.useState(r._formState),c=e.useRef({isDirty:!1,isLoading:!1,dirtyFields:!1,touchedFields:!1,validatingFields:!1,isValidating:!1,isValid:!1,errors:!1});return k((()=>r._subscribe({name:n,formState:c.current,exact:s,callback:e=>{!l&&o({...r._formState,...e})}})),[n,l,s]),e.useEffect((()=>{c.current.isValid&&r._setValid(!0)}),[r]),e.useMemo((()=>((e,t,a,r=!0)=>{const l={defaultValues:t._defaultValues};for(const n in e)Object.defineProperty(l,n,{get:()=>{const l=n;return t._proxyFormState[l]!==h&&(t._proxyFormState[l]=!r||h),a&&(a[l]=!0),e[l]}});return l})(i,r,c.current,!1)),[i,r])}function V(t){const a=x(),{control:r=a.control,name:l,defaultValue:n,disabled:s,exact:i}=t||{},o=e.useRef(n),[c,d]=e.useState(r._getWatch(l,o.current));return k((()=>r._subscribe({name:l,formState:{values:!0},exact:i,callback:e=>!s&&d(((e,t,a,r,l)=>"string"==typeof e?y(a,e,l):Array.isArray(e)?e.map((e=>y(a,e))):a)(l,r._names,e.values||r._formValues,0,o.current))})),[l,r,s,i]),e.useEffect((()=>r._removeUnmounted())),c}const w=t=>t.render(function(t){const a=x(),{name:r,disabled:l,control:n=a.control,shouldUnregister:s}=t,i=((e,t)=>e.has((e=>e.substring(0,e.search(/\.\d+(\.|$)/))||e)(t)))(n._names.array,r),o=V({control:n,name:r,defaultValue:y(n._formValues,r,y(n._defaultValues,r,t.defaultValue)),exact:!0}),c=N({control:n,name:r,exact:!0}),u=e.useRef(t),f=e.useRef(n.register(r,{...t.rules,value:o,...g(t.disabled)?{disabled:t.disabled}:{}})),h=e.useMemo((()=>Object.defineProperties({},{invalid:{enumerable:!0,get:()=>!!y(c.errors,r)},isDirty:{enumerable:!0,get:()=>!!y(c.dirtyFields,r)},isTouched:{enumerable:!0,get:()=>!!y(c.touchedFields,r)},isValidating:{enumerable:!0,get:()=>!!y(c.validatingFields,r)},error:{enumerable:!0,get:()=>y(c.errors,r)}})),[c,r]),E=e.useCallback((e=>f.current.onChange({target:{value:d(e),name:r},type:_})),[r]),k=e.useCallback((()=>f.current.onBlur({target:{value:y(n._formValues,r),name:r},type:v})),[r,n._formValues]),w=e.useCallback((e=>{const t=y(n._fields,r);t&&e&&(t._f.ref={focus:()=>e.focus&&e.focus(),select:()=>e.select&&e.select(),setCustomValidity:t=>e.setCustomValidity(t),reportValidity:()=>e.reportValidity()})}),[n._fields,r]),j=e.useMemo((()=>({name:r,value:o,...g(l)||c.disabled?{disabled:c.disabled||l}:{},onChange:E,onBlur:k,ref:w})),[r,l,c.disabled,E,k,w,o]);return e.useEffect((()=>{const e=n._options.shouldUnregister||s;n.register(r,{...u.current.rules,...g(u.current.disabled)?{disabled:u.current.disabled}:{}});const t=(e,t)=>{const a=y(n._fields,e);a&&a._f&&(a._f.mount=t)};if(t(r,!0),e){const e=m(y(n._options.defaultValues,r));p(n._defaultValues,r,e),b(y(n._formValues,r))&&p(n._formValues,r,e)}return!i&&n.register(r),()=>{(i?e&&!n._state.action:e)?n.unregister(r):t(r,!1)}}),[r,n,i,s]),e.useEffect((()=>{n._setDisabledField({disabled:l,name:r})}),[l,r,n]),e.useMemo((()=>({field:j,formState:c,fieldState:h})),[j,c,h])}(t));function j({core:t,...a}){let r=a.align&&"row"!==a.align?"flex-column":"flex-row";return e.createElement(w,{render:({field:t,formState:{errors:l}})=>e.createElement("div",{className:"w-100 d-flex flex-column"},e.createElement("div",{className:`w-100 d-flex gap-3 ${r}`},a.options.map((r=>e.createElement("div",{className:"d-flex align-items-center form-check",key:r.value},e.createElement("input",{checked:r.value===t.value,className:"form-check-input "+(l[a.name]?"is-invalid":""),disabled:a.disabled||r.disabled,id:a.name+"-"+r.value,type:"radio",value:r.value,onChange:t.onChange}),e.createElement("label",{className:"ms-2 form-check-label",htmlFor:a.name+"-"+r.value},r.label))))),e.createElement(s,{...a,errors:l})),control:a.control,name:a.name,rules:{required:!!a.required&&"Campo obrigatório"}})}function C({core:t,...a}){let r=a.align&&"row"!==a.align?"flex-column":"flex-row";return e.createElement("div",{className:"w-100 d-flex flex-column"},e.createElement("div",{className:`w-100 d-flex gap-3 ${r}`},a.options.map((t=>e.createElement(e.Fragment,{key:t.value},e.createElement("div",{className:"d-flex align-items-center form-check"},e.createElement("input",{checked:t.value===a.value,className:"form-check-input",disabled:a.disabled||t.disabled,id:a.name+"-"+t.value,name:a.name,required:a.required,type:"radio",value:t.value,onChange:e=>{a.onChange&&a.onChange(e.target.value)}}),e.createElement("label",{className:"ms-2",htmlFor:a.name+"-"+t.value},t.label)))))),e.createElement(s,{...a}))}exports.Radio=function(t){let a=t,r={...i(a)};return e.createElement(l,{className:t.className,css:t.css,size:t.size??"100"},e.createElement(n,{...t}),t.mode&&"Controlled"!==t.mode?e.createElement(j,{core:r,...a}):e.createElement(C,{core:r,...a}))};
 //# sourceMappingURL=index.cjs.js.map