@orangesix/react 1.4.0 → 2.0.3

package/api/index.d.ts

@@ -1,310 +1,2 @@
-import React, { CSSProperties } from 'react';
-import { Control } from 'react-hook-form';
-import * as primereact_keyfilter from 'primereact/keyfilter';
-import { KeyFilterType } from 'primereact/keyfilter';
-
-/**
- * Realiza o mapeamento dos valores da propriedades css `align-items`
- */
-type AlignItemsProps =
-    | "align-items-start"
-    | "align-items-end"
-    | "align-items-center"
-    | "align-items-baseline"
-    | "align-items-stretch"
-    | "align-items-sm-start"
-    | "align-items-sm-end"
-    | "align-items-sm-center"
-    | "align-items-sm-baseline"
-    | "align-items-sm-stretch"
-    | "align-items-md-start"
-    | "align-items-md-end"
-    | "align-items-md-center"
-    | "align-items-md-baseline"
-    | "align-items-md-stretch"
-    | "align-items-lg-start"
-    | "align-items-lg-end"
-    | "align-items-lg-center"
-    | "align-items-lg-baseline"
-    | "align-items-lg-stretch"
-    | "align-items-xl-start"
-    | "align-items-xl-end"
-    | "align-items-xl-center"
-    | "align-items-xl-baseline"
-    | "align-items-xl-stretch"
-    | "align-items-xxl-start"
-    | "align-items-xxl-end"
-    | "align-items-xxl-center"
-    | "align-items-xxl-baseline"
-    | "align-items-xxl-stretch";
-
-/**
- * Realiza o mapeamento dos valores da propriedades css `justify-content`
- */
-type JustifyContentProps =
-    | "justify-content-start"
-    | "justify-content-end"
-    | "justify-content-center"
-    | "justify-content-between"
-    | "justify-content-around"
-    | "justify-content-evenly"
-    | "justify-content-sm-start"
-    | "justify-content-sm-end"
-    | "justify-content-sm-center"
-    | "justify-content-sm-between"
-    | "justify-content-sm-around"
-    | "justify-content-sm-evenly"
-    | "justify-content-md-start"
-    | "justify-content-md-end"
-    | "justify-content-md-center"
-    | "justify-content-md-between"
-    | "justify-content-md-around"
-    | "justify-content-md-evenly"
-    | "justify-content-lg-start"
-    | "justify-content-lg-end"
-    | "justify-content-lg-center"
-    | "justify-content-lg-between"
-    | "justify-content-lg-around"
-    | "justify-content-lg-evenly"
-    | "justify-content-xl-start"
-    | "justify-content-xl-end"
-    | "justify-content-xl-center"
-    | "justify-content-xl-between"
-    | "justify-content-xl-around"
-    | "justify-content-xl-evenly"
-    | "justify-content-xxl-start"
-    | "justify-content-xxl-end"
-    | "justify-content-xxl-center"
-    | "justify-content-xxl-between"
-    | "justify-content-xxl-around"
-    | "justify-content-xxl-evenly";
-
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-interface ApiComponentProps {
-
-    /**
-     * Propriedade para identificar o id do elemento
-     */
-    id?: string
-
-    /**
-     * Adiciona no atributo `class` do componente o valor atribuido nessa propriedade
-     */
-    className?: string
-
-    /**
-     * Define o tamanho da box do componente de acordo com o valores abaixo
-     */
-    size?: "5" | "10" | "12-5" | "15" | "17-5" | "20" | "22-5" | "25" | "30" | "33" | "35" | "40" | "45" | "50" | "55" | "60" | "65" | "70" | "75" | "80" | "85" | "90" | "95" | "100"
-
-    /**
-     * Define as propriedades css do component `style`
-     */
-    css?: CSSProperties
-}
-
-/**
- * Define o modo do componente de entrada de dados
- */
-type ApiFieldModeProps = "Controlled" | "HookForm";
-
-/**
- * Define os tipos `default` para componente de entrada de dados
- */
-interface ApiFieldComponentProps {
-
-    /**
-     * Define o id do campo
-     */
-    id?: string
-
-    /**
-     * Define o nome do campo
-     */
-    name?: string
-
-    /**
-     * Define o rótulo do campo
-     */
-    label?: string
-
-    /**
-     * Define o espaço reservador do campo
-     */
-    placeholder?: string
-
-    /**
-     * Define o icone do campo
-     */
-    icon?: string
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define se campo é obrigatório
-     */
-    required?: boolean
-
-    /**
-     * Desabilita a entrada de dados no campo
-     */
-    disabled?: boolean
-
-    /**
-     * Define o modo do componente de entrada de dados
-     */
-    mode?: ApiFieldModeProps
-
-    /**
-     * Define a opção de filtro de dados do componente
-     */
-    keyfilter?: KeyFilterType;
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly?: boolean
-}
-
-/**
- * Define os tipos `default` para componente de entrada de dados controlled
- * quando a propriedade `Readonly` estiver habilitada
- */
-interface ApiFieldReadonlyControlledProps {
-    /**
-     * Define o valor do componente controlado
-     */
-    value: any
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly: true
-
-    /**
-     * Define o tipo de exibição do input quando for readOnly
-     */
-    readonlyType?: "label" | "field"
-
-    /**
-     * Função para alterar o valor do componente controlado
-     */
-    onChange?: (value: any) => void
-
-    /**
-     * Função quando um usuário sai de um componente controlado
-     */
-    onBlur?: (value: any) => void
-}
-
-/**
- Define os tipos `default` para componente de entrada de dados controlled
- quando a propriedade `Readonly` estiver desabilitada
- */
-interface ApiFieldWritableControlledProps {
-    /**
-     * Define o valor do componente controlado
-     */
-    value: any
-
-    /**
-     * Determina se campo é apenas de leitura
-     */
-    readonly?: false
-
-    /**
-     * Função para alterar o valor do componente controlado
-     */
-    onChange(value: any): void
-
-    /**
-     * Função quando um usuário sai de um componente controlado
-     */
-    onBlur?: (value: any) => void
-}
-
-/**
- * Define os tipos `default` para componente de entrada de dados controlled
- */
-type ApiFieldControlledProps =
-    | ApiFieldReadonlyControlledProps
-    | ApiFieldWritableControlledProps;
-
-/**
- * Define os tipos `default` para componente de entrada de dados HookFomr
- */
-interface ApiFieldHookFormProps {
-
-    /**
-     * Define o nome do campo
-     */
-    name: string
-
-    /**
-     * Objeto de controle do HookForm
-     */
-    control: Control<any>
-
-    /**
-     * Função executada quando o valor é modificado
-     */
-    onChange?: (value: any) => void
-
-    /**
-     * Função executada quando um usuário sai de um componente
-     */
-    onBlur?: (value: any) => void
-}
-
-/**
- * API - `InputLabel`
- *
- * Um componente utilizado como label em todos os componente de entrada de dados do pacote.
- * Permite personalizar o estilo e o conteúdo através de propriedades.
- */
-declare const InputLabel: ({ iconPrefix, ...props }: ApiFieldComponentProps) => "" | React.JSX.Element | undefined;
-/**
- * API - `InputFeedback`
- *
- * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.
- * Permite personalizar o estilo e o conteúdo através de propriedades.
- */
-declare const InputFeedback: ({ errors, name, ...props }: ApiFieldComponentProps & {
-    errors?: any;
-}) => React.JSX.Element;
-/**
- * API - `InputProps`
- *
- * Retorna o objeto com as `Props` do core dos componentes de entrada de dados
- */
-declare function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & {
-    ref: any;
-}>(props: T): {
-    ref: any;
-    id: string | undefined;
-    name: string | undefined;
-    required: boolean | undefined;
-    disabled: boolean | undefined;
-    placeholder: string | undefined;
-    className: string | undefined;
-    style: {
-        width: string;
-    };
-    keyfilter: primereact_keyfilter.KeyFilterType | undefined;
-};
-
-type IAlignItemsProps = AlignItemsProps;
-type IAPIComponentProps = ApiComponentProps;
-type IJustifyContentProps = JustifyContentProps;
-type TApiFieldModeProps = ApiFieldModeProps;
-type TApiFieldHookFormProps = ApiFieldHookFormProps;
-type IApiFieldComponentProps = ApiFieldComponentProps;
-type IApiFieldControlledProps = ApiFieldControlledProps;
-
-export { InputFeedback, InputLabel, InputProps };
-export type { IAPIComponentProps, IAlignItemsProps, IApiFieldComponentProps, IApiFieldControlledProps, IJustifyContentProps, TApiFieldHookFormProps, TApiFieldModeProps };
+export * from './input';
+export * from './@types/index';

package/api/index.esm.js

@@ -1,2 +1,7 @@
-import e from"react";const a=({iconPrefix:a="bi bi-",...l})=>l.label&&e.createElement("p",{className:"form-label"},l.icon&&e.createElement("i",{className:a+l.icon+" me-1"}),l.label,l.required&&e.createElement("span",{className:"text-danger"},"*")),l=({errors:a,name:l,...r})=>r.mode&&"Controlled"!==r.mode?e.createElement("div",{className:a[l??""]?"invalid-feedback is-invalid":"","data-name":l??"",id:"j_feedback",style:{display:a[l??""]?"block":"none"}},a[l??""]?a[l??""].message:""):e.createElement("div",{"data-name":l,id:"j_feedback"});function r(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}}export{l as InputFeedback,a as InputLabel,r as InputProps};
+import { InputFeedback as t, InputLabel as n, InputProps as o } from "./input/index.esm.js";
+export {
+  t as InputFeedback,
+  n as InputLabel,
+  o as InputProps
+};
 //# sourceMappingURL=index.esm.js.map

package/api/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../src/api/input.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \"./types\";\r\n\r\n/**\r\n * API - `InputLabel`\r\n *\r\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return props.label\r\n        && <p className='form-label'>\r\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\r\n            {props.label}\r\n            {props.required && <span className=\"text-danger\">*</span>}\r\n        </p>;\r\n};\r\n\r\n/**\r\n * API - `InputFeedback`\r\n *\r\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\r\n * Permite personalizar o estilo e o conteúdo através de propriedades.\r\n */\r\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return !props.mode || props.mode === \"Controlled\"\r\n        ? <div data-name={name}\r\n               id=\"j_feedback\"/>\r\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\r\n               data-name={name ?? \"\"}\r\n               id=\"j_feedback\"\r\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\r\n};\r\n\r\n/**\r\n * API - `InputProps`\r\n *\r\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\r\n */\r\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\r\n    return {\r\n        ref: props.ref,\r\n\r\n        id: props.id,\r\n        name: props.name,\r\n        required: props.required,\r\n        disabled: props.disabled,\r\n        placeholder: props.placeholder,\r\n\r\n        className: props.className,\r\n        style: { width: \"100%\" },\r\n\r\n        keyfilter: props.keyfilter,\r\n    };\r\n}"],"names":["InputLabel","iconPrefix","props","label","React","createElement","className","icon","required","InputFeedback","errors","name","mode","id","style","display","message","InputProps","ref","disabled","placeholder","width","keyfilter"],"mappings":"qBASO,MAAMA,EAAa,EAAGC,aAAa,YAAaC,KAM5CA,EAAMC,OACNC,EAAAC,cAAA,IAAA,CAAGC,UAAU,cACXJ,EAAMK,MAAQH,EAAAC,cAAA,IAAA,CAAGC,UAAWL,EAAaC,EAAMK,KAAO,UACtDL,EAAMC,MACND,EAAMM,UAAYJ,EAAAC,cAAA,OAAA,CAAMC,UAAU,eAAa,MAU/CG,EAAgB,EAAGC,SAAQC,UAAST,KAMrCA,EAAMU,MAAuB,eAAfV,EAAMU,KAGtBR,EAAAC,cAAA,MAAA,CAAKC,UAAaI,EAAOC,GAAQ,IAAW,8BAAL,GAAmC,YAC1DA,GAAQ,GACnBE,GAAG,aACHC,MAAO,CAAEC,QAASL,EAAOC,GAAQ,IAAM,QAAU,SAAYD,EAAOC,GAAQ,IAAWD,EAAOC,GAAQ,IAAIK,QAAxB,IALvFZ,EAAAC,cAAA,MAAA,CAAA,YAAgBM,EACXE,GAAG,eAYZ,SAAUI,EAAgFf,GAC5F,MAAO,CACHgB,IAAKhB,EAAMgB,IAEXL,GAAIX,EAAMW,GACVF,KAAMT,EAAMS,KACZH,SAAUN,EAAMM,SAChBW,SAAUjB,EAAMiB,SAChBC,YAAalB,EAAMkB,YAEnBd,UAAWJ,EAAMI,UACjBQ,MAAO,CAAEO,MAAO,QAEhBC,UAAWpB,EAAMoB,UAEzB"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/api/input/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=({iconPrefix:e="bi bi-",...a})=>a.label&&l.jsxs("p",{className:"form-label",children:[a.icon&&l.jsx("i",{className:e+a.icon+" me-1"}),a.label,a.required&&l.jsx("span",{className:"text-danger",children:"*"})]}),t=({errors:e,name:a,...d})=>!d.mode||d.mode==="Controlled"?l.jsx("div",{"data-name":a,id:"j_feedback"}):l.jsx("div",{className:e[a??""]?"invalid-feedback is-invalid":"","data-name":a??"",id:"j_feedback",style:{display:e[a??""]?"block":"none"},children:e[a??""]?e[a??""].message:""});function n(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}}exports.InputFeedback=t;exports.InputLabel=i;exports.InputProps=n;
+//# sourceMappingURL=index.cjs.js.map

package/api/input/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/api/input.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApiComponentProps, ApiFieldComponentProps } from \".\";\n\n/**\n * API - `InputLabel`\n *\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return props.label\n        && <p className='form-label'>\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\n            {props.label}\n            {props.required && <span className=\"text-danger\">*</span>}\n        </p>;\n};\n\n/**\n * API - `InputFeedback`\n *\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return !props.mode || props.mode === \"Controlled\"\n        ? <div data-name={name}\n               id=\"j_feedback\"/>\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\n               data-name={name ?? \"\"}\n               id=\"j_feedback\"\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\n};\n\n/**\n * API - `InputProps`\n *\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\n */\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\n    return {\n        ref: props.ref,\n\n        id: props.id,\n        name: props.name,\n        required: props.required,\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n\n        className: props.className,\n        style: { width: \"100%\" },\n\n        keyfilter: props.keyfilter,\n    };\n}"],"names":["InputLabel","iconPrefix","props","jsxs","jsx","InputFeedback","errors","name","InputProps"],"mappings":"qHASaA,EAAa,CAAC,CAAE,WAAAC,EAAa,SAAU,GAAGC,KAM5CA,EAAM,OACNC,EAAAA,KAAC,IAAA,CAAE,UAAU,aACX,SAAA,CAAAD,EAAM,MAAQE,EAAAA,IAAC,IAAA,CAAE,UAAWH,EAAaC,EAAM,KAAO,QAAQ,EAC9DA,EAAM,MACNA,EAAM,UAAYE,EAAAA,IAAC,OAAA,CAAK,UAAU,cAAc,SAAA,GAAA,CAAC,CAAA,EACtD,EASKC,EAAgB,CAAC,CAAE,OAAAC,EAAQ,KAAAC,EAAM,GAAGL,KAMtC,CAACA,EAAM,MAAQA,EAAM,OAAS,aAC/BE,EAAAA,IAAC,MAAA,CAAI,YAAWG,EACX,GAAG,YAAA,CAAA,EACRH,EAAAA,IAAC,MAAA,CAAI,UAAaE,EAAOC,GAAQ,EAAE,EAAS,8BAAL,GAClC,YAAWA,GAAQ,GACnB,GAAG,aACH,MAAO,CAAE,QAASD,EAAOC,GAAQ,EAAE,EAAI,QAAU,MAAA,EAAW,SAACD,EAAOC,GAAQ,EAAE,EAASD,EAAOC,GAAQ,EAAE,EAAE,QAAxB,EAAwB,CAAA,EAQlH,SAASC,EAAgFN,EAAU,CACtG,MAAO,CACH,IAAKA,EAAM,IAEX,GAAIA,EAAM,GACV,KAAMA,EAAM,KACZ,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,YAAaA,EAAM,YAEnB,UAAWA,EAAM,UACjB,MAAO,CAAE,MAAO,MAAA,EAEhB,UAAWA,EAAM,SAAA,CAEzB"}

package/api/input/index.esm.js

@@ -0,0 +1,40 @@
+import { jsxs as i, jsx as d } from "react/jsx-runtime";
+const n = ({ iconPrefix: e = "bi bi-", ...a }) => a.label && /* @__PURE__ */ i("p", { className: "form-label", children: [
+  a.icon && /* @__PURE__ */ d("i", { className: e + a.icon + " me-1" }),
+  a.label,
+  a.required && /* @__PURE__ */ d("span", { className: "text-danger", children: "*" })
+] }), t = ({ errors: e, name: a, ...l }) => !l.mode || l.mode === "Controlled" ? /* @__PURE__ */ d(
+  "div",
+  {
+    "data-name": a,
+    id: "j_feedback"
+  }
+) : /* @__PURE__ */ d(
+  "div",
+  {
+    className: e[a ?? ""] ? "invalid-feedback is-invalid" : "",
+    "data-name": a ?? "",
+    id: "j_feedback",
+    style: { display: e[a ?? ""] ? "block" : "none" },
+    children: e[a ?? ""] ? e[a ?? ""].message : ""
+  }
+);
+function b(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
+  };
+}
+export {
+  t as InputFeedback,
+  n as InputLabel,
+  b as InputProps
+};
+//# sourceMappingURL=index.esm.js.map

package/api/input/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/api/input.tsx"],"sourcesContent":["import React from \"react\";\nimport { ApiComponentProps, ApiFieldComponentProps } from \".\";\n\n/**\n * API - `InputLabel`\n *\n * Um componente utilizado como label em todos os componente de entrada de dados do pacote.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const InputLabel = ({ iconPrefix = \"bi bi-\", ...props }: ApiFieldComponentProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return props.label\n        && <p className='form-label'>\n            {props.icon && <i className={iconPrefix + props.icon + \" me-1\"}/>}\n            {props.label}\n            {props.required && <span className=\"text-danger\">*</span>}\n        </p>;\n};\n\n/**\n * API - `InputFeedback`\n *\n * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const InputFeedback = ({ errors, name, ...props }: ApiFieldComponentProps & { errors?: any }) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return !props.mode || props.mode === \"Controlled\"\n        ? <div data-name={name}\n               id=\"j_feedback\"/>\n        : <div className={(!errors[name ?? \"\"] ? \"\" : \"invalid-feedback is-invalid\")}\n               data-name={name ?? \"\"}\n               id=\"j_feedback\"\n               style={{ display: errors[name ?? \"\"] ? \"block\" : \"none\" }}>{!errors[name ?? \"\"] ? \"\" : errors[name ?? \"\"].message}</div>;\n};\n\n/**\n * API - `InputProps`\n *\n * Retorna o objeto com as `Props` do core dos componentes de entrada de dados\n */\nexport function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & { ref: any }>(props: T) {\n    return {\n        ref: props.ref,\n\n        id: props.id,\n        name: props.name,\n        required: props.required,\n        disabled: props.disabled,\n        placeholder: props.placeholder,\n\n        className: props.className,\n        style: { width: \"100%\" },\n\n        keyfilter: props.keyfilter,\n    };\n}"],"names":["InputLabel","iconPrefix","props","jsxs","jsx","InputFeedback","errors","name","InputProps"],"mappings":";AASO,MAAMA,IAAa,CAAC,EAAE,YAAAC,IAAa,UAAU,GAAGC,QAM5CA,EAAM,SACN,gBAAAC,EAAC,KAAA,EAAE,WAAU,cACX,UAAA;AAAA,EAAAD,EAAM,QAAQ,gBAAAE,EAAC,KAAA,EAAE,WAAWH,IAAaC,EAAM,OAAO,SAAQ;AAAA,EAC9DA,EAAM;AAAA,EACNA,EAAM,YAAY,gBAAAE,EAAC,QAAA,EAAK,WAAU,eAAc,UAAA,IAAA,CAAC;AAAA,GACtD,GASKC,IAAgB,CAAC,EAAE,QAAAC,GAAQ,MAAAC,GAAM,GAAGL,QAMtC,CAACA,EAAM,QAAQA,EAAM,SAAS,eAC/B,gBAAAE;AAAA,EAAC;AAAA,EAAA;AAAA,IAAI,aAAWG;AAAA,IACX,IAAG;AAAA,EAAA;AAAA,IACR,gBAAAH;AAAA,EAAC;AAAA,EAAA;AAAA,IAAI,WAAaE,EAAOC,KAAQ,EAAE,IAAS,gCAAL;AAAA,IAClC,aAAWA,KAAQ;AAAA,IACnB,IAAG;AAAA,IACH,OAAO,EAAE,SAASD,EAAOC,KAAQ,EAAE,IAAI,UAAU,OAAA;AAAA,IAAW,UAACD,EAAOC,KAAQ,EAAE,IAASD,EAAOC,KAAQ,EAAE,EAAE,UAAxB;AAAA,EAAwB;AAAA;AAQlH,SAASC,EAAgFN,GAAU;AACtG,SAAO;AAAA,IACH,KAAKA,EAAM;AAAA,IAEX,IAAIA,EAAM;AAAA,IACV,MAAMA,EAAM;AAAA,IACZ,UAAUA,EAAM;AAAA,IAChB,UAAUA,EAAM;AAAA,IAChB,aAAaA,EAAM;AAAA,IAEnB,WAAWA,EAAM;AAAA,IACjB,OAAO,EAAE,OAAO,OAAA;AAAA,IAEhB,WAAWA,EAAM;AAAA,EAAA;AAEzB;"}

package/api/input.d.ts

@@ -0,0 +1,38 @@
+import { default as React } from 'react';
+import { ApiComponentProps, ApiFieldComponentProps } from '.';
+/**
+ * API - `InputLabel`
+ *
+ * Um componente utilizado como label em todos os componente de entrada de dados do pacote.
+ * Permite personalizar o estilo e o conteúdo através de propriedades.
+ */
+export declare const InputLabel: ({ iconPrefix, ...props }: ApiFieldComponentProps) => "" | React.JSX.Element | undefined;
+/**
+ * API - `InputFeedback`
+ *
+ * Um componente utilizado como container de feedback em todos os componente de entrada de dados do pacote.
+ * Permite personalizar o estilo e o conteúdo através de propriedades.
+ */
+export declare const InputFeedback: ({ errors, name, ...props }: ApiFieldComponentProps & {
+    errors?: any;
+}) => React.JSX.Element;
+/**
+ * API - `InputProps`
+ *
+ * Retorna o objeto com as `Props` do core dos componentes de entrada de dados
+ */
+export declare function InputProps<T extends ApiComponentProps & ApiFieldComponentProps & {
+    ref: any;
+}>(props: T): {
+    ref: any;
+    id: string | undefined;
+    name: string | undefined;
+    required: boolean | undefined;
+    disabled: boolean | undefined;
+    placeholder: string | undefined;
+    className: string | undefined;
+    style: {
+        width: string;
+    };
+    keyfilter: import('primereact/keyfilter').KeyFilterType | undefined;
+};

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

@@ -0,0 +1,70 @@
+import { default as React } from 'react';
+import { ApiComponentProps, ApiFieldComponentProps } from '../../api';
+export interface AutocompleteDataProps {
+    /**
+     * Define o identificador do objeto
+     */
+    code: any;
+
+    /**
+     * Define o label do objeto
+     */
+    name: string;
+}
+
+export interface AutocompleteProps extends ApiComponentProps, ApiFieldComponentProps {
+    /**
+     * Valor padrão
+     */
+    value: any;
+
+    /**
+     * Dados a ser sugerido
+     */
+    data: AutocompleteDataProps[]
+
+    /**
+     * Define o template para cada item do autocomplete
+     */
+    dataTemplate?: (value: AutocompleteDataProps) => React.ReactNode;
+
+    /**
+     * A propriedade `appendTo` determina onde a instância do painel de sobreposição deve ser montado.
+     */
+    appendTo?: "self" | HTMLElement;
+
+    /**
+     * Determina se é obrigatório a seleção do elemento
+     */
+    forceSelect?: boolean
+
+    /**
+     * Define o tempo para realizar a pesquisa da sugestão de dados.
+     */
+    searchDelay?: number
+
+    /**
+     * Define a quantidade minima de caracter para realizar a pesquisa da sugestão de dados.
+     */
+    searchMin?: number
+
+    /**
+     * Define a quantidade máxima de caracter para realizar a pesquisa da sugestão de dados.
+     */
+    searchMax?: number
+
+    /**
+     * Executa após a seleção do objeto do autocomplete.
+     */
+    onSelect?: (value: any) => void;
+
+    /**
+     * Retorno de chamada a ser invocado quando o valor de preenchimento automático for alterado.
+     */
+    onChange(value: any): void;
+
+    /**
+     * Retorno de chamada para invocar a busca por sugestões.
+     */
+    onSearch(query: string): void;
+}

package/autocomplete/autocomplete/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("../../box/box/index.cjs.js"),i=require("../../api/input/index.cjs.js"),l=require("../core/core/index.cjs.js"),r=require("../core/event/index.cjs.js"),s=require("primereact/autocomplete");function m(e){const c=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(c,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return c.default=e,Object.freeze(c)}const d=m(s),o=({...e})=>a.jsxs(u.Box,{className:"autocomplete"+(e.className??""),css:e.css,size:e.size??"100",children:[a.jsx(i.InputLabel,{...e}),a.jsx(d.AutoComplete,{delay:e.searchDelay??500,maxLength:e.searchMax,minLength:e.searchMin??1,suggestions:e.data??[],value:e.value,...l.autocompleCore(e),...r.autocompleteEvent(e)}),a.jsx("div",{"data-name":e.name,id:"j_feedback"})]});o.displayName="Autocomplete";exports.Autocomplete=o;
+//# sourceMappingURL=index.cjs.js.map

package/autocomplete/autocomplete/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { InputLabel } from \"../api\";\nimport { AutocompleteProps } from \".\";\nimport { autocompleCore } from \"./core/core\";\nimport { autocompleteEvent } from \"./core/event\";\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\n\n/**\n * Componente - `Autocomplete`\n *\n * AutoComplete é um componente de entrada que fornece sugestões em tempo real enquanto é digitado\n */\nexport const Autocomplete = ({ ...props }: AutocompleteProps) => {\n    return (\n        <Box className={\"autocomplete\" + (props.className ?? \"\")}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <InputLabel {...props}/>\n            <AutoCompletePrimeReact.AutoComplete\n                delay={props.searchDelay ?? 500}\n                maxLength={props.searchMax}\n                minLength={props.searchMin ?? 1}\n                suggestions={props.data ?? []}\n                value={props.value}\n                {...autocompleCore(props)}\n                {...autocompleteEvent(props)}/>\n            <div data-name={props.name}\n                 id=\"j_feedback\"/>\n        </Box>\n    );\n};\nAutocomplete.displayName = \"Autocomplete\";"],"names":["Autocomplete","props","jsxs","Box","jsx","InputLabel","AutoCompletePrimeReact","autocompleCore","autocompleteEvent"],"mappings":"qlBAaaA,EAAe,CAAC,CAAE,GAAGC,KAE1BC,EAAAA,KAACC,EAAAA,IAAA,CAAI,UAAW,gBAAkBF,EAAM,WAAa,IAChD,IAAKA,EAAM,IACX,KAAMA,EAAM,MAAQ,MACrB,SAAA,CAAAG,EAAAA,IAACC,EAAAA,WAAA,CAAY,GAAGJ,EAAM,EACtBG,EAAAA,IAACE,EAAuB,aAAvB,CACG,MAAOL,EAAM,aAAe,IAC5B,UAAWA,EAAM,UACjB,UAAWA,EAAM,WAAa,EAC9B,YAAaA,EAAM,MAAQ,CAAA,EAC3B,MAAOA,EAAM,MACZ,GAAGM,EAAAA,eAAeN,CAAK,EACvB,GAAGO,EAAAA,kBAAkBP,CAAK,CAAA,CAAA,EAC/BG,EAAAA,IAAC,MAAA,CAAI,YAAWH,EAAM,KACjB,GAAG,YAAA,CAAA,CAAY,CAAA,CAAA,EAIhCD,EAAa,YAAc"}

package/autocomplete/autocomplete/index.esm.js

@@ -0,0 +1,41 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { Box as m } from "../../box/box/index.esm.js";
+import { InputLabel as o } from "../../api/input/index.esm.js";
+import { autocompleCore as c } from "../core/core/index.esm.js";
+import { autocompleteEvent as i } from "../core/event/index.esm.js";
+import * as l from "primereact/autocomplete";
+const n = ({ ...e }) => /* @__PURE__ */ a(
+  m,
+  {
+    className: "autocomplete" + (e.className ?? ""),
+    css: e.css,
+    size: e.size ?? "100",
+    children: [
+      /* @__PURE__ */ t(o, { ...e }),
+      /* @__PURE__ */ t(
+        l.AutoComplete,
+        {
+          delay: e.searchDelay ?? 500,
+          maxLength: e.searchMax,
+          minLength: e.searchMin ?? 1,
+          suggestions: e.data ?? [],
+          value: e.value,
+          ...c(e),
+          ...i(e)
+        }
+      ),
+      /* @__PURE__ */ t(
+        "div",
+        {
+          "data-name": e.name,
+          id: "j_feedback"
+        }
+      )
+    ]
+  }
+);
+n.displayName = "Autocomplete";
+export {
+  n as Autocomplete
+};
+//# sourceMappingURL=index.esm.js.map

package/autocomplete/autocomplete/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { InputLabel } from \"../api\";\nimport { AutocompleteProps } from \".\";\nimport { autocompleCore } from \"./core/core\";\nimport { autocompleteEvent } from \"./core/event\";\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\n\n/**\n * Componente - `Autocomplete`\n *\n * AutoComplete é um componente de entrada que fornece sugestões em tempo real enquanto é digitado\n */\nexport const Autocomplete = ({ ...props }: AutocompleteProps) => {\n    return (\n        <Box className={\"autocomplete\" + (props.className ?? \"\")}\n             css={props.css}\n             size={props.size ?? \"100\"}>\n            <InputLabel {...props}/>\n            <AutoCompletePrimeReact.AutoComplete\n                delay={props.searchDelay ?? 500}\n                maxLength={props.searchMax}\n                minLength={props.searchMin ?? 1}\n                suggestions={props.data ?? []}\n                value={props.value}\n                {...autocompleCore(props)}\n                {...autocompleteEvent(props)}/>\n            <div data-name={props.name}\n                 id=\"j_feedback\"/>\n        </Box>\n    );\n};\nAutocomplete.displayName = \"Autocomplete\";"],"names":["Autocomplete","props","jsxs","Box","jsx","InputLabel","AutoCompletePrimeReact","autocompleCore","autocompleteEvent"],"mappings":";;;;;;AAaO,MAAMA,IAAe,CAAC,EAAE,GAAGC,QAE1B,gBAAAC;AAAA,EAACC;AAAA,EAAA;AAAA,IAAI,WAAW,kBAAkBF,EAAM,aAAa;AAAA,IAChD,KAAKA,EAAM;AAAA,IACX,MAAMA,EAAM,QAAQ;AAAA,IACrB,UAAA;AAAA,MAAA,gBAAAG,EAACC,GAAA,EAAY,GAAGJ,GAAM;AAAA,MACtB,gBAAAG;AAAA,QAACE,EAAuB;AAAA,QAAvB;AAAA,UACG,OAAOL,EAAM,eAAe;AAAA,UAC5B,WAAWA,EAAM;AAAA,UACjB,WAAWA,EAAM,aAAa;AAAA,UAC9B,aAAaA,EAAM,QAAQ,CAAA;AAAA,UAC3B,OAAOA,EAAM;AAAA,UACZ,GAAGM,EAAeN,CAAK;AAAA,UACvB,GAAGO,EAAkBP,CAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAC/B,gBAAAG;AAAA,QAAC;AAAA,QAAA;AAAA,UAAI,aAAWH,EAAM;AAAA,UACjB,IAAG;AAAA,QAAA;AAAA,MAAA;AAAA,IAAY;AAAA,EAAA;AAAA;AAIhCD,EAAa,cAAc;"}

package/autocomplete/autocomplete.d.ts

@@ -0,0 +1,11 @@
+import { default as React } from 'react';
+import { AutocompleteProps } from '.';
+/**
+ * Componente - `Autocomplete`
+ *
+ * AutoComplete é um componente de entrada que fornece sugestões em tempo real enquanto é digitado
+ */
+export declare const Autocomplete: {
+    ({ ...props }: AutocompleteProps): React.JSX.Element;
+    displayName: string;
+};

package/autocomplete/core/core/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function a(e){const t=e.dataTemplate?{itemTemplate:e.dataTemplate}:{};return{id:e.id,field:"name",name:e.name,forceSelection:e.forceSelect??!0,style:e.css??{},disabled:e.disabled,required:e.required,placeholder:e.placeholder,inputClassName:"form-control",appendTo:e.appendTo??"self",className:"autocomplete-primereact w-100",...t}}exports.autocompleCore=a;
+//# sourceMappingURL=index.cjs.js.map

package/autocomplete/core/core/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/autocomplete/core/core.tsx"],"sourcesContent":["import { AutocompleteProps } from \"..\";\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\n\n/**\n * Componente - `Autocomplete`\n *\n * Define as configurações do modo principal do autocomplete.\n */\nexport function autocompleCore(\n    props: AutocompleteProps\n): Partial<AutoCompletePrimeReact.AutoCompleteProps> {\n\n    const itemTemplate: Partial<AutoCompletePrimeReact.AutoCompleteProps> = props.dataTemplate\n        ? { itemTemplate: props.dataTemplate } : {};\n\n    return {\n        id: props.id,\n        field: \"name\",\n        name: props.name,\n        forceSelection: props.forceSelect ?? true,\n        style: props.css ?? {},\n        disabled: props.disabled,\n        required: props.required,\n        placeholder: props.placeholder,\n        inputClassName: \"form-control\",\n        appendTo: props.appendTo ?? \"self\",\n        className: \"autocomplete-primereact w-100\",\n        ...itemTemplate\n    };\n}"],"names":["autocompleCore","props","itemTemplate"],"mappings":"gFAQO,SAASA,EACZC,EACiD,CAEjD,MAAMC,EAAkED,EAAM,aACxE,CAAE,aAAcA,EAAM,YAAA,EAAiB,CAAA,EAE7C,MAAO,CACH,GAAIA,EAAM,GACV,MAAO,OACP,KAAMA,EAAM,KACZ,eAAgBA,EAAM,aAAe,GACrC,MAAOA,EAAM,KAAO,CAAA,EACpB,SAAUA,EAAM,SAChB,SAAUA,EAAM,SAChB,YAAaA,EAAM,YACnB,eAAgB,eAChB,SAAUA,EAAM,UAAY,OAC5B,UAAW,gCACX,GAAGC,CAAA,CAEX"}

package/autocomplete/core/core/index.esm.js

@@ -0,0 +1,21 @@
+function t(e) {
+  const a = e.dataTemplate ? { itemTemplate: e.dataTemplate } : {};
+  return {
+    id: e.id,
+    field: "name",
+    name: e.name,
+    forceSelection: e.forceSelect ?? !0,
+    style: e.css ?? {},
+    disabled: e.disabled,
+    required: e.required,
+    placeholder: e.placeholder,
+    inputClassName: "form-control",
+    appendTo: e.appendTo ?? "self",
+    className: "autocomplete-primereact w-100",
+    ...a
+  };
+}
+export {
+  t as autocompleCore
+};
+//# sourceMappingURL=index.esm.js.map

package/autocomplete/core/core/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.esm.js","sources":["../../../../src/autocomplete/core/core.tsx"],"sourcesContent":["import { AutocompleteProps } from \"..\";\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\n\n/**\n * Componente - `Autocomplete`\n *\n * Define as configurações do modo principal do autocomplete.\n */\nexport function autocompleCore(\n    props: AutocompleteProps\n): Partial<AutoCompletePrimeReact.AutoCompleteProps> {\n\n    const itemTemplate: Partial<AutoCompletePrimeReact.AutoCompleteProps> = props.dataTemplate\n        ? { itemTemplate: props.dataTemplate } : {};\n\n    return {\n        id: props.id,\n        field: \"name\",\n        name: props.name,\n        forceSelection: props.forceSelect ?? true,\n        style: props.css ?? {},\n        disabled: props.disabled,\n        required: props.required,\n        placeholder: props.placeholder,\n        inputClassName: \"form-control\",\n        appendTo: props.appendTo ?? \"self\",\n        className: \"autocomplete-primereact w-100\",\n        ...itemTemplate\n    };\n}"],"names":["autocompleCore","props","itemTemplate"],"mappings":"AAQO,SAASA,EACZC,GACiD;AAEjD,QAAMC,IAAkED,EAAM,eACxE,EAAE,cAAcA,EAAM,aAAA,IAAiB,CAAA;AAE7C,SAAO;AAAA,IACH,IAAIA,EAAM;AAAA,IACV,OAAO;AAAA,IACP,MAAMA,EAAM;AAAA,IACZ,gBAAgBA,EAAM,eAAe;AAAA,IACrC,OAAOA,EAAM,OAAO,CAAA;AAAA,IACpB,UAAUA,EAAM;AAAA,IAChB,UAAUA,EAAM;AAAA,IAChB,aAAaA,EAAM;AAAA,IACnB,gBAAgB;AAAA,IAChB,UAAUA,EAAM,YAAY;AAAA,IAC5B,WAAW;AAAA,IACX,GAAGC;AAAA,EAAA;AAEX;"}

package/autocomplete/core/core.d.ts

@@ -0,0 +1,8 @@
+import { AutocompleteProps } from '..';
+import * as AutoCompletePrimeReact from "primereact/autocomplete";
+/**
+ * Componente - `Autocomplete`
+ *
+ * Define as configurações do modo principal do autocomplete.
+ */
+export declare function autocompleCore(props: AutocompleteProps): Partial<AutoCompletePrimeReact.AutoCompleteProps>;

package/autocomplete/core/event/index.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function n(t){return{onChange(e){t.onChange(e.value)},onSelect(e){t.onSelect&&t.onSelect(e.value)},completeMethod(e){t.onSearch(e.query)}}}exports.autocompleteEvent=n;
+//# sourceMappingURL=index.cjs.js.map

package/autocomplete/core/event/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../src/autocomplete/core/event.tsx"],"sourcesContent":["import { AutocompleteProps } from \"..\";\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\n\n/**\n * Componente - `Autocomplete`\n *\n * Define as configuração de evento do componente\n */\nexport function autocompleteEvent(props: AutocompleteProps): Partial<AutoCompletePrimeReact.AutoCompleteProps> {\n    return {\n        onChange(event: AutoCompletePrimeReact.AutoCompleteChangeEvent) {\n            props.onChange(event.value);\n        },\n        onSelect(event: AutoCompletePrimeReact.AutoCompleteSelectEvent) {\n            if (props.onSelect) {\n                props.onSelect(event.value);\n            }\n        },\n        completeMethod(event: AutoCompletePrimeReact.AutoCompleteCompleteEvent) {\n            props.onSearch(event.query);\n        },\n    };\n}"],"names":["autocompleteEvent","props","event"],"mappings":"gFAQO,SAASA,EAAkBC,EAA6E,CAC3G,MAAO,CACH,SAASC,EAAuD,CAC5DD,EAAM,SAASC,EAAM,KAAK,CAC9B,EACA,SAASA,EAAuD,CACxDD,EAAM,UACNA,EAAM,SAASC,EAAM,KAAK,CAElC,EACA,eAAeA,EAAyD,CACpED,EAAM,SAASC,EAAM,KAAK,CAC9B,CAAA,CAER"}

package/autocomplete/core/event/index.esm.js

@@ -0,0 +1,17 @@
+function t(n) {
+  return {
+    onChange(e) {
+      n.onChange(e.value);
+    },
+    onSelect(e) {
+      n.onSelect && n.onSelect(e.value);
+    },
+    completeMethod(e) {
+      n.onSearch(e.query);
+    }
+  };
+}
+export {
+  t as autocompleteEvent
+};
+//# sourceMappingURL=index.esm.js.map