@orangesix/react 2.3.1 → 2.4.0

package/modal/modal/index.esm.js

@@ -1,28 +1,25 @@
-import { jsx as s } from "react/jsx-runtime";
-import { modalCore as l } from "../core/core/index.esm.js";
+import { modalCore as e } from "../core/core/index.esm.js";
 import { useState as t } from "react";
-import { Dialog as d } from "primereact/dialog";
-function o(e) {
-  let m = e.sizes ? e.sizes === "small" ? "300px" : e.sizes === "medium" ? "500px" : e.sizes === "large" ? "800px" : "80%" : void 0;
-  const [i, a] = t(e.maximized ?? !1);
-  return /* @__PURE__ */ s(
-    d,
-    {
-      style: i ? {} : { width: m },
-      ...l(e),
-      breakpoints: {
-        "768px": "80%",
-        "576px": "90%"
-      },
-      className: e.className,
-      maximized: i,
-      onMaximize: () => a(!i),
-      children: e.children
-    }
-  );
+import { jsx as n } from "react/jsx-runtime";
+import { Dialog as r } from "primereact/dialog";
+//#region src/modal/modal.tsx
+function i(i) {
+	let a = i.sizes ? i.sizes === "small" ? "300px" : i.sizes === "medium" ? "500px" : i.sizes === "large" ? "800px" : "80%" : void 0, [o, s] = t(i.maximized ?? !1);
+	return /* @__PURE__ */ n(r, {
+		style: o ? {} : { width: a },
+		...e(i),
+		breakpoints: {
+			"768px": "80%",
+			"576px": "90%"
+		},
+		className: i.className,
+		maximized: o,
+		onMaximize: () => s(!o),
+		children: i.children
+	});
 }
-o.displayName = "Modal";
-export {
-  o as Modal
-};
-//# sourceMappingURL=index.esm.js.map
+i.displayName = "Modal";
+//#endregion
+export { i as Modal };
+
+//# sourceMappingURL=index.esm.js.map

package/modal/modal/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","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\";"],"names":["Modal","props","sizes","maximized","setMaximized","useState","jsx","Dialog","modalCore"],"mappings":";;;;AAUO,SAASA,EAAMC,GAAmB;AACrC,MAAIC,IAASD,EAAM,QACbA,EAAM,UAAU,UAAU,UACtBA,EAAM,UAAU,WAAW,UACvBA,EAAM,UAAU,UAAU,UAAU,QAHvB;AAI3B,QAAM,CAACE,GAAWC,CAAY,IAAIC,EAASJ,EAAM,aAAa,EAAK;AAOnE,SACI,gBAAAK;AAAA,IAACC;AAAA,IAAA;AAAA,MAAO,OAAQJ,IAA+B,CAAA,IAAnB,EAAE,OAAOD,EAAA;AAAA,MAC5B,GAAGM,EAAUP,CAAK;AAAA,MACnB,aAAa;AAAA,QACT,SAAS;AAAA,QACT,SAAS;AAAA,MAAA;AAAA,MAEb,WAAWA,EAAM;AAAA,MACjB,WAAAE;AAAA,MACA,YAAY,MAAMC,EAAa,CAACD,CAAS;AAAA,MAC5C,UAAAF,EAAM;AAAA,IAAA;AAAA,EAAA;AAGnB;AAEAD,EAAM,cAAc;"}
+{"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"}

package/multiselect/@types/index.d.ts

@@ -1,78 +1,80 @@
 import { SelectItem } from 'primereact/selectitem';
 import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
-interface MultiSelectBaseProps extends ApiComponentProps, Omit<ApiFieldComponentProps, "readonly"> {
-    /**
-     * Define as opções do multiselect
-     */
-    options: SelectItem[]
-
-    /**
-     * Define as opções de label do component
-     */
-    optionLabel?: string
-
-    /**
-     * Define as opções de value do component
-     */
-    optionValue?: string
-
-    /**
-     * Define se está estado de carregamento
-     */
-    loading?: boolean
-
-    /**
-     * Define o display de exibição dos dados
-     */
-    display?: "comma" | "chip"
-
-    /**
-     * Define o número máximo de seleção
-     */
-    selectionLimit?: number
-
-    /**
-     * Define o local de renderização na DOM
-     */
-    appendTo?: null | "self" | HTMLElement | Function
-
-    /**
-     * Define o tamanho do scroll de dados
-     */
-    scrollHeight?: string
-
-    /**
-     * Define os propriedades de template
-     */
-    template?: {
-        item?: (option: any) => React.ReactNode
-        header?: (option: any) => React.ReactNode
-        footer?: (option: any) => React.ReactNode
-    }
-
-    /**
-     * Define as propriedades do filtro
-     */
-    filter?: {
-        placeholder?: string
-        autoFocus?: boolean,
-        modeFilter?: "endsWith" | "startsWith" | "contains" | "equals" | "notEquals"
-        delay?: number
-        reset?: boolean
-        onFilter?: (search: string) => void
-    }
-
-    /**
-     * Define evento quando fecha o dropdown de opções
-     */
-    onHide?: () => void
-
-    /**
-     * Define evento quando abre o dropdown de opções
-     */
-    onShow?: () => void
-}
-
-export type MultiSelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
-    ? MultiSelectBaseProps & ApiFieldControlledProps
+
+
+interface MultiSelectBaseProps extends ApiComponentProps, Omit<ApiFieldComponentProps, "readonly"> {
+    /**
+     * Define as opções do multiselect
+     */
+    options: SelectItem[]
+
+    /**
+     * Define as opções de label do component
+     */
+    optionLabel?: string
+
+    /**
+     * Define as opções de value do component
+     */
+    optionValue?: string
+
+    /**
+     * Define se está estado de carregamento
+     */
+    loading?: boolean
+
+    /**
+     * Define o display de exibição dos dados
+     */
+    display?: "comma" | "chip"
+
+    /**
+     * Define o número máximo de seleção
+     */
+    selectionLimit?: number
+
+    /**
+     * Define o local de renderização na DOM
+     */
+    appendTo?: null | "self" | HTMLElement | Function
+
+    /**
+     * Define o tamanho do scroll de dados
+     */
+    scrollHeight?: string
+
+    /**
+     * Define os propriedades de template
+     */
+    template?: {
+        item?: (option: any) => React.ReactNode
+        header?: (option: any) => React.ReactNode
+        footer?: (option: any) => React.ReactNode
+    }
+
+    /**
+     * Define as propriedades do filtro
+     */
+    filter?: {
+        placeholder?: string
+        autoFocus?: boolean,
+        modeFilter?: "endsWith" | "startsWith" | "contains" | "equals" | "notEquals"
+        delay?: number
+        reset?: boolean
+        onFilter?: (search: string) => void
+    }
+
+    /**
+     * Define evento quando fecha o dropdown de opções
+     */
+    onHide?: () => void
+
+    /**
+     * Define evento quando abre o dropdown de opções
+     */
+    onShow?: () => void
+}
+
+export type MultiSelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? MultiSelectBaseProps & ApiFieldControlledProps
     : MultiSelectBaseProps & ApiFieldHookFormProps;

package/multiselect/core/controlled/index.esm.js

@@ -1,25 +1,22 @@
-import { jsxs as a, Fragment as m, jsx as t } from "react/jsx-runtime";
-import { InputFeedback as o } from "../../../api/input/index.esm.js";
+import { InputFeedback as e } from "../../../api/input/index.esm.js";
+import "../../../api/index.esm.js";
+import "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import * as i from "primereact/multiselect";
-function u({ ...e }) {
-  let l = e;
-  return /* @__PURE__ */ a(m, { children: [
-    /* @__PURE__ */ t(
-      i.MultiSelect,
-      {
-        ...l,
-        className: "w-100 multiselect-field",
-        emptyMessage: "Nenhum dado encontrado.",
-        panelClassName: "multiselect-panel",
-        onChange: (n) => {
-          e.onChange && e.onChange(n.value);
-        }
-      }
-    ),
-    /* @__PURE__ */ t(o, { ...e })
-  ] });
+//#region src/multiselect/core/controlled.tsx
+function a({ ...a }) {
+	let o = a;
+	return /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(i.MultiSelect, {
+		...o,
+		className: "w-100 multiselect-field",
+		emptyMessage: "Nenhum dado encontrado.",
+		panelClassName: "multiselect-panel",
+		onChange: (e) => {
+			a.onChange && a.onChange(e.value);
+		}
+	}), /* @__PURE__ */ n(e, { ...a })] });
 }
-export {
-  u as MultiSelectControlled
-};
-//# sourceMappingURL=index.esm.js.map
+//#endregion
+export { a as MultiSelectControlled };
+
+//# sourceMappingURL=index.esm.js.map

package/multiselect/core/controlled/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","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}"],"names":["MultiSelectControlled","props","core","jsxs","Fragment","jsx","MultiSelectPrimeReact","event","InputFeedback"],"mappings":";;;AAaO,SAASA,EAAsB,EAAE,GAAGC,KAAiD;AACxF,MAAIC,IAAOD;AAMX,SACI,gBAAAE,EAAAC,GAAA,EACI,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAACC,EAAsB;AAAA,MAAtB;AAAA,QAAmC,GAAGJ;AAAA,QACJ,WAAU;AAAA,QACV,cAAa;AAAA,QACb,gBAAe;AAAA,QACf,UAAU,CAAAK,MAAS;AACf,UAAIN,EAAM,YACNA,EAAM,SAASM,EAAM,KAAK;AAAA,QAElC;AAAA,MAAA;AAAA,IAAA;AAAA,IACnC,gBAAAF,EAACG,GAAA,EAAe,GAAGP,EAAA,CAAM;AAAA,EAAA,GAC7B;AAER;"}
+{"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"}

package/multiselect/core/hookForm/index.esm.js

@@ -1,41 +1,32 @@
-import { jsx as t, jsxs as o, Fragment as m } from "react/jsx-runtime";
-import { InputFeedback as i } from "../../../api/input/index.esm.js";
-import { Controller as u } from "react-hook-form";
-import * as c from "primereact/multiselect";
-function C({ ...e }) {
-  let l = e;
-  return /* @__PURE__ */ t(
-    u,
-    {
-      render: ({ field: a, formState: { errors: n } }) => /* @__PURE__ */ o(m, { children: [
-        /* @__PURE__ */ t(
-          c.MultiSelect,
-          {
-            ...l,
-            className: "w-100 multiselect-field",
-            emptyMessage: "Nenhum dado encontrado.",
-            invalid: !!n[e.name],
-            panelClassName: "multiselect-panel",
-            required: e.required,
-            value: a.value ?? "",
-            onChange: (r) => e.onChange !== void 0 ? e.onChange(r.target.value) : a.onChange(r)
-          }
-        ),
-        /* @__PURE__ */ t(
-          i,
-          {
-            ...e,
-            errors: n
-          }
-        )
-      ] }),
-      control: e.control,
-      name: e.name,
-      rules: { required: e.required ? "Campo obrigatório" : !1 }
-    }
-  );
+import { InputFeedback as e } from "../../../api/input/index.esm.js";
+import "../../../api/index.esm.js";
+import "react";
+import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
+import { Controller as i } from "react-hook-form";
+import * as a from "primereact/multiselect";
+//#region src/multiselect/core/hookForm.tsx
+function o({ ...o }) {
+	let s = o;
+	return /* @__PURE__ */ n(i, {
+		render: ({ field: i, formState: { errors: c } }) => /* @__PURE__ */ r(t, { children: [/* @__PURE__ */ n(a.MultiSelect, {
+			...s,
+			className: "w-100 multiselect-field",
+			emptyMessage: "Nenhum dado encontrado.",
+			invalid: !!c[o.name],
+			panelClassName: "multiselect-panel",
+			required: o.required,
+			value: i.value ?? "",
+			onChange: (e) => o.onChange === void 0 ? i.onChange(e) : o.onChange(e.target.value)
+		}), /* @__PURE__ */ n(e, {
+			...o,
+			errors: c
+		})] }),
+		control: o.control,
+		name: o.name,
+		rules: { required: o.required ? "Campo obrigatório" : !1 }
+	});
 }
-export {
-  C as MultiSelectHookForm
-};
-//# sourceMappingURL=index.esm.js.map
+//#endregion
+export { o as MultiSelectHookForm };
+
+//# sourceMappingURL=index.esm.js.map

package/multiselect/core/hookForm/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","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}"],"names":["MultiSelectHookForm","props","core","jsx","Controller","field","errors","jsxs","Fragment","MultiSelectPrimeReact","e","InputFeedback"],"mappings":";;;;AAcO,SAASA,EAAoB,EAAE,GAAGC,KAA+C;AACpF,MAAIC,IAAOD;AAMX,SACI,gBAAAE;AAAA,IAACC;AAAA,IAAA;AAAA,MAAW,QAAQ,CAAC,EAAE,OAAAC,GAAO,WAAW,EAAE,QAAAC,EAAA,QAEnC,gBAAAC,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAL;AAAA,UAACM,EAAsB;AAAA,UAAtB;AAAA,YAAmC,GAAGP;AAAA,YACJ,WAAU;AAAA,YACV,cAAa;AAAA,YACb,SAAS,CAAC,CAACI,EAAOL,EAAM,IAAI;AAAA,YAC5B,gBAAe;AAAA,YACf,UAAUA,EAAM;AAAA,YAChB,OAAOI,EAAM,SAAS;AAAA,YACtB,UAAU,CAAAK,MAAKT,EAAM,aAAa,SAAYA,EAAM,SAASS,EAAE,OAAO,KAAK,IAAIL,EAAM,SAASK,CAAC;AAAA,UAAA;AAAA,QAAA;AAAA,QAClI,gBAAAP;AAAA,UAACQ;AAAA,UAAA;AAAA,YAAe,GAAGV;AAAA,YACJ,QAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MAAe,GAClC;AAAA,MAGI,SAASL,EAAM;AAAA,MACf,MAAMA,EAAM;AAAA,MACZ,OAAO,EAAE,UAAWA,EAAM,WAAmB,sBAAR,GAAQ;AAAA,IAAoB;AAAA,EAAA;AAErF;"}
+{"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"}

package/multiselect/index.esm.js

@@ -1,5 +1,2 @@
-import { MultiSelect as l } from "./multiselect/index.esm.js";
-export {
-  l as MultiSelect
-};
-//# sourceMappingURL=index.esm.js.map
+import { MultiSelect as e } from "./multiselect/index.esm.js";
+export { e as MultiSelect };

package/multiselect/multiselect/index.esm.js

@@ -1,58 +1,50 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
-import { Box as r } from "../../box/box/index.esm.js";
-import { InputLabel as f } from "../../api/input/index.esm.js";
+import { Box as e } from "../../box/box/index.esm.js";
+import "../../box/index.esm.js";
+import { InputLabel as t } from "../../api/input/index.esm.js";
+import "../../api/index.esm.js";
 import { MultiSelectHookForm as n } from "../core/hookForm/index.esm.js";
-import { MultiSelectControlled as c } from "../core/controlled/index.esm.js";
-function d(e) {
-  let l = e, i = {
-    display: e.display ?? "chip",
-    optionLabel: e.optionLabel ?? "label",
-    optionValue: e.optionValue ?? "value",
-    maxSelectedLabels: 3,
-    itemTemplate: e.template?.item,
-    panelHeaderTemplate: e.template?.header,
-    panelFooterTemplate: e.template?.footer
-  }, a = {
-    filter: e.filter !== void 0,
-    emptyFilterMessage: "Nenhum resultado encontrado.",
-    filterPlaceholder: e.filter?.placeholder,
-    filterInputAutoFocus: e.filter?.autoFocus ?? !1,
-    filterMatchMode: e.filter?.modeFilter ?? "contains",
-    filterDelay: e.filter?.delay,
-    resetFilterOnHide: e.filter?.reset,
-    onFilter(o) {
-      e.filter?.onFilter && e.filter.onFilter(o.filter);
-    }
-  };
-  return /* @__PURE__ */ m(
-    r,
-    {
-      className: `multiselect ${e.className ?? ""}`,
-      css: e.css,
-      size: e.size ?? "100",
-      children: [
-        /* @__PURE__ */ t(f, { ...e }),
-        !e.mode || e.mode === "Controlled" ? /* @__PURE__ */ t(
-          c,
-          {
-            ...l,
-            ...a,
-            ...i
-          }
-        ) : /* @__PURE__ */ t(
-          n,
-          {
-            ...l,
-            ...a,
-            ...i
-          }
-        )
-      ]
-    }
-  );
+import { MultiSelectControlled as r } from "../core/controlled/index.esm.js";
+import "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/multiselect/multiselect.tsx
+function o(o) {
+	let s = o, c = {
+		display: o.display ?? "chip",
+		optionLabel: o.optionLabel ?? "label",
+		optionValue: o.optionValue ?? "value",
+		maxSelectedLabels: 3,
+		itemTemplate: o.template?.item,
+		panelHeaderTemplate: o.template?.header,
+		panelFooterTemplate: o.template?.footer
+	}, l = {
+		filter: o.filter !== void 0,
+		emptyFilterMessage: "Nenhum resultado encontrado.",
+		filterPlaceholder: o.filter?.placeholder,
+		filterInputAutoFocus: o.filter?.autoFocus ?? !1,
+		filterMatchMode: o.filter?.modeFilter ?? "contains",
+		filterDelay: o.filter?.delay,
+		resetFilterOnHide: o.filter?.reset,
+		onFilter(e) {
+			o.filter?.onFilter && o.filter.onFilter(e.filter);
+		}
+	};
+	return /* @__PURE__ */ a(e, {
+		className: `multiselect ${o.className ?? ""}`,
+		css: o.css,
+		size: o.size ?? "100",
+		children: [/* @__PURE__ */ i(t, { ...o }), !o.mode || o.mode === "Controlled" ? /* @__PURE__ */ i(r, {
+			...s,
+			...l,
+			...c
+		}) : /* @__PURE__ */ i(n, {
+			...s,
+			...l,
+			...c
+		})]
+	});
 }
-d.displayName = "MultiSelect";
-export {
-  d as MultiSelect
-};
-//# sourceMappingURL=index.esm.js.map
+o.displayName = "MultiSelect";
+//#endregion
+export { o as MultiSelect };
+
+//# sourceMappingURL=index.esm.js.map

package/multiselect/multiselect/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","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\";"],"names":["MultiSelect","props","core","options","filter","event","jsxs","Box","jsx","InputLabel","MultiSelectControlled","MultiSelectHookForm"],"mappings":";;;;;AAeO,SAASA,EAAwDC,GAA2C;AAC/G,MAAIC,IAAOD,GACPE,IAAkD;AAAA,IAClD,SAASF,EAAM,WAAW;AAAA,IAC1B,aAAaA,EAAM,eAAe;AAAA,IAClC,aAAaA,EAAM,eAAe;AAAA,IAClC,mBAAmB;AAAA,IACnB,cAAcA,EAAM,UAAU;AAAA,IAC9B,qBAAqBA,EAAM,UAAU;AAAA,IACrC,qBAAqBA,EAAM,UAAU;AAAA,EAAA,GAErCG,IAAiD;AAAA,IACjD,QAAQH,EAAM,WAAW;AAAA,IACzB,oBAAoB;AAAA,IACpB,mBAAmBA,EAAM,QAAQ;AAAA,IACjC,sBAAsBA,EAAM,QAAQ,aAAa;AAAA,IACjD,iBAAiBA,EAAM,QAAQ,cAAc;AAAA,IAC7C,aAAaA,EAAM,QAAQ;AAAA,IAC3B,mBAAmBA,EAAM,QAAQ;AAAA,IACjC,SAASI,GAA+B;AACpC,MAAIJ,EAAM,QAAQ,YACdA,EAAM,OAAO,SAASI,EAAM,MAAM;AAAA,IAE1C;AAAA,EAAA;AAQJ,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MAAI,WAAW,eAAeN,EAAM,aAAa,EAAE;AAAA,MAC/C,KAAKA,EAAM;AAAA,MACX,MAAMA,EAAM,QAAQ;AAAA,MACrB,UAAA;AAAA,QAAA,gBAAAO,EAACC,GAAA,EAAY,GAAGR,GAAM;AAAA,QACrB,CAACA,EAAM,QAAQA,EAAM,SAAS,eACzB,gBAAAO;AAAA,UAACE;AAAA,UAAA;AAAA,YAAuB,GAAGR;AAAA,YACH,GAAGE;AAAA,YACH,GAAGD;AAAA,UAAA;AAAA,QAAA,IAC3B,gBAAAK;AAAA,UAACG;AAAA,UAAA;AAAA,YAAqB,GAAGT;AAAA,YACH,GAAGE;AAAA,YACH,GAAGD;AAAA,UAAA;AAAA,QAAA;AAAA,MAAQ;AAAA,IAAA;AAAA,EAAA;AAGnD;AAEAH,EAAY,cAAc;"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/multiselect/multiselect.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { InputLabel } from \"../api\";\r\nimport { MultiSelectProps } from \".\";\r\nimport { ApiFieldModeProps } from \"../api\";\r\nimport { MultiSelectHookForm } from \"./core/hookForm\";\r\nimport { MultiSelectControlled } from \"./core/controlled\";\r\nimport * as MultiSelectPrimeReact from \"primereact/multiselect\";\r\nimport { MultiSelectFilterEvent } from \"primereact/multiselect\";\r\n\r\n/**\r\n * Componente - `MultiSelect`\r\n *\r\n * Um componente versátil utilizado seleção de vários dados.\r\n */\r\nexport function MultiSelect<T extends ApiFieldModeProps = \"Controlled\">(props: MultiSelectProps<T> & { mode?: T }) {\r\n    let core = props as any;\r\n    let options: MultiSelectPrimeReact.MultiSelectProps = {\r\n        display: props.display ?? \"chip\",\r\n        optionLabel: props.optionLabel ?? \"label\",\r\n        optionValue: props.optionValue ?? \"value\",\r\n        maxSelectedLabels: 3,\r\n        itemTemplate: props.template?.item,\r\n        panelHeaderTemplate: props.template?.header,\r\n        panelFooterTemplate: props.template?.footer,\r\n    };\r\n    let filter: MultiSelectPrimeReact.MultiSelectProps = {\r\n        filter: props.filter !== undefined,\r\n        emptyFilterMessage: \"Nenhum resultado encontrado.\",\r\n        filterPlaceholder: props.filter?.placeholder,\r\n        filterInputAutoFocus: props.filter?.autoFocus ?? false,\r\n        filterMatchMode: props.filter?.modeFilter ?? \"contains\",\r\n        filterDelay: props.filter?.delay,\r\n        resetFilterOnHide: props.filter?.reset,\r\n        onFilter(event: MultiSelectFilterEvent) {\r\n            if (props.filter?.onFilter) {\r\n                props.filter.onFilter(event.filter);\r\n            }\r\n        }\r\n    };\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={`multiselect ${props.className ?? \"\"}`}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            {!props.mode || props.mode === \"Controlled\"\r\n                ? <MultiSelectControlled {...core}\r\n                    {...filter}\r\n                    {...options}/>\r\n                : <MultiSelectHookForm {...core}\r\n                    {...filter}\r\n                    {...options}/>}\r\n        </Box>\r\n    );\r\n}\r\n\r\nMultiSelect.displayName = \"MultiSelect\";"],"mappings":";;;;;;;;;AAeA,SAAgB,EAAwD,GAA2C;CAC/G,IAAI,IAAO,GACP,IAAkD;EAClD,SAAS,EAAM,WAAW;EAC1B,aAAa,EAAM,eAAe;EAClC,aAAa,EAAM,eAAe;EAClC,mBAAmB;EACnB,cAAc,EAAM,UAAU;EAC9B,qBAAqB,EAAM,UAAU;EACrC,qBAAqB,EAAM,UAAU;CACzC,GACI,IAAiD;EACjD,QAAQ,EAAM,WAAW,KAAA;EACzB,oBAAoB;EACpB,mBAAmB,EAAM,QAAQ;EACjC,sBAAsB,EAAM,QAAQ,aAAa;EACjD,iBAAiB,EAAM,QAAQ,cAAc;EAC7C,aAAa,EAAM,QAAQ;EAC3B,mBAAmB,EAAM,QAAQ;EACjC,SAAS,GAA+B;GACpC,AAAI,EAAM,QAAQ,YACd,EAAM,OAAO,SAAS,EAAM,MAAM;EAE1C;CACJ;CAOA,OACI,kBAAC,GAAD;EAAK,WAAW,eAAe,EAAM,aAAa;EAC9C,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GACtB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD;GAAuB,GAAI;GACzB,GAAI;GACJ,GAAI;EAAS,CAAA,IACf,kBAAC,GAAD;GAAqB,GAAI;GACvB,GAAI;GACJ,GAAI;EAAS,CAAA,CACpB;;AAEb;AAEA,EAAY,cAAc"}

package/multiselect/package.json

@@ -1,5 +1,5 @@
-{
-  "main": "./index.cjs.js",
-  "module": "./index.esm.js",
-  "types": "./index.d.ts"
-}
+{
+  "main": "./index.cjs.js",
+  "module": "./index.esm.js",
+  "types": "./index.d.ts"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@orangesix/react",
-  "version": "2.3.1",
+  "version": "2.4.0",
   "private": false,
   "author": "Luiz Fernando Bernardes de Paula",
   "description": "Biblioteca de components React UI.",
@@ -14,34 +14,34 @@
   },
   "dependencies": {
     "@tippyjs/react": "^4.2.6",
-    "@tiptap/extension-color": "^3.20.0",
-    "@tiptap/extension-highlight": "^3.20.0",
-    "@tiptap/extension-image": "^3.20.0",
-    "@tiptap/extension-link": "^3.20.0",
-    "@tiptap/extension-text-style": "^3.20.0",
-    "@tiptap/extension-underline": "^3.20.0",
-    "@tiptap/pm": "^3.20.0",
-    "@tiptap/react": "^3.20.0",
-    "@tiptap/starter-kit": "^3.20.0",
-    "@webdatarocks/react-webdatarocks": "^1.4.22",
+    "@tiptap/extension-color": "^3.23.6",
+    "@tiptap/extension-highlight": "^3.23.6",
+    "@tiptap/extension-image": "^3.23.6",
+    "@tiptap/extension-link": "^3.23.6",
+    "@tiptap/extension-text-style": "^3.23.6",
+    "@tiptap/extension-underline": "^3.23.6",
+    "@tiptap/pm": "^3.23.6",
+    "@tiptap/react": "^3.23.6",
+    "@tiptap/starter-kit": "^3.23.6",
+    "@webdatarocks/react-webdatarocks": "^1.4.23",
     "animate.css": "^4.1.1",
-    "axios": "^1.13.5",
+    "axios": "^1.16.1",
     "bootstrap": "^5.3.8",
     "bootstrap-icons": "^1.13.1",
-    "date-fns": "^4.1.0",
+    "date-fns": "^4.3.0",
     "jquery": "^4.0.0",
-    "lightbox2": "^2.11.5",
+    "lightbox2": "^2.12.0",
     "node-snackbar": "^0.1.16",
     "primeicons": "^7.0.0",
-    "primereact": "^10.9.7",
-    "react-pdf": "^10.4.0",
-    "sweetalert2": "^11.26.20",
-    "sweetalert2-react-content": "^5.1.1",
+    "primereact": "^10.9.8",
+    "react-pdf": "^10.4.1",
+    "sweetalert2": "^11.26.25",
+    "sweetalert2-react-content": "^5.1.2",
     "tippy.js": "^6.3.7"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
     "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
-    "react-hook-form": "^7.71.2"
+    "react-hook-form": "^7.76.1"
   }
 }

package/pdf/@types/index.d.ts

@@ -1,12 +1,14 @@
 import { ApiComponentProps } from '../../api';
-export interface PDFProps extends ApiComponentProps {
-    /**
-     * Dados de entrado do arquivo pdf a ser exibido
-     */
-    file: string
-
-    /**
-     * Exibe as informações do pdf de forma total ou em paginação
-     */
-    mode?: "total" | "pagination"
+
+
+export interface PDFProps extends ApiComponentProps {
+    /**
+     * Dados de entrado do arquivo pdf a ser exibido
+     */
+    file: string
+
+    /**
+     * Exibe as informações do pdf de forma total ou em paginação
+     */
+    mode?: "total" | "pagination"
 }