@orangesix/react 2.4.0-beta.3 → 2.4.0

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

@@ -1,29 +1,31 @@
 import { CSSProperties } from 'react';
-/**
- * Define as tipagens `default` de todos os componentes do pacote
- */
-export 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
-}
-
-export * from './css';
+
+
+/**
+ * Define as tipagens `default` de todos os componentes do pacote
+ */
+export 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
+}
+
+export * from './css';
 export * from './field';

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"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}"],"mappings":";;;AASA,IAAa,KAAc,EAAE,gBAAa,UAAU,GAAG,QAM5C,EAAM,SACN,kBAAC,KAAD;CAAG,WAAU;WAAb;EACE,EAAM,QAAQ,kBAAC,KAAD,EAAG,WAAW,IAAa,EAAM,OAAO,SAAU,CAAA;EAChE,EAAM;EACN,EAAM,YAAY,kBAAC,QAAD;GAAM,WAAU;aAAc;GAAQ,CAAA;EACzD;IASC,KAAiB,EAAE,WAAQ,SAAM,GAAG,QAMtC,CAAC,EAAM,QAAQ,EAAM,SAAS,eAC/B,kBAAC,OAAD;CAAK,aAAW;CACd,IAAG;CAAc,CAAA,GACnB,kBAAC,OAAD;CAAK,WAAa,EAAO,KAAQ,MAAW,gCAAL;CACrC,aAAW,KAAQ;CACnB,IAAG;CACH,OAAO,EAAE,SAAS,EAAO,KAAQ,MAAM,UAAU,QAAQ;WAAI,EAAO,KAAQ,MAAW,EAAO,KAAQ,IAAI,UAAxB;CAAsC,CAAA;AAQpI,SAAgB,EAAgF,GAAU;CACtG,OAAO;EACH,KAAK,EAAM;EAEX,IAAI,EAAM;EACV,MAAM,EAAM;EACZ,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB,aAAa,EAAM;EAEnB,WAAW,EAAM;EACjB,OAAO,EAAE,OAAO,QAAQ;EAExB,WAAW,EAAM;EACpB"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/api/input.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ApiComponentProps, ApiFieldComponentProps } from \".\";\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}"],"mappings":";;;AASA,IAAa,KAAc,EAAE,gBAAa,UAAU,GAAG,QAM5C,EAAM,SACN,kBAAC,KAAD;CAAG,WAAU;WAAb;EACE,EAAM,QAAQ,kBAAC,KAAD,EAAG,WAAW,IAAa,EAAM,OAAO,QAAS,CAAA;EAC/D,EAAM;EACN,EAAM,YAAY,kBAAC,QAAD;GAAM,WAAU;aAAc;EAAO,CAAA;CACzD;IASE,KAAiB,EAAE,WAAQ,SAAM,GAAG,QAMtC,CAAC,EAAM,QAAQ,EAAM,SAAS,eAC/B,kBAAC,OAAD;CAAK,aAAW;CACd,IAAG;AAAa,CAAA,IAClB,kBAAC,OAAD;CAAK,WAAa,EAAO,KAAQ,MAAW,gCAAL;CACrC,aAAW,KAAQ;CACnB,IAAG;CACH,OAAO,EAAE,SAAS,EAAO,KAAQ,MAAM,UAAU,OAAO;WAAK,EAAO,KAAQ,MAAW,EAAO,KAAQ,IAAI,UAAxB;AAAqC,CAAA;AAQnI,SAAgB,EAAgF,GAAU;CACtG,OAAO;EACH,KAAK,EAAM;EAEX,IAAI,EAAM;EACV,MAAM,EAAM;EACZ,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB,aAAa,EAAM;EAEnB,WAAW,EAAM;EACjB,OAAO,EAAE,OAAO,OAAO;EAEvB,WAAW,EAAM;CACrB;AACJ"}

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

@@ -1,70 +1,72 @@
 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;
+
+
+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.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"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\n            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\";"],"mappings":";;;;;;;;;;AAaA,IAAa,KAAgB,EAAE,GAAG,QAE1B,kBAAC,GAAD;CACI,WAAW,kBAAkB,EAAM,aAAa;CAChD,KAAK,EAAM;CACX,MAAM,EAAM,QAAQ;WAHxB;EAII,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA;EACxB,kBAAC,EAAuB,cAAxB;GACI,OAAO,EAAM,eAAe;GAC5B,WAAW,EAAM;GACjB,WAAW,EAAM,aAAa;GAC9B,aAAa,EAAM,QAAQ,EAAE;GAC7B,OAAO,EAAM;GACb,GAAI,EAAe,EAAM;GACzB,GAAI,EAAkB,EAAM;GAAG,CAAA;EACnC,kBAAC,OAAD;GAAK,aAAW,EAAM;GAClB,IAAG;GAAc,CAAA;EACnB;;AAGd,EAAa,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/autocomplete/autocomplete.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { InputLabel } from \"../api\";\r\nimport { AutocompleteProps } from \".\";\r\nimport { autocompleCore } from \"./core/core\";\r\nimport { autocompleteEvent } from \"./core/event\";\r\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * AutoComplete é um componente de entrada que fornece sugestões em tempo real enquanto é digitado\r\n */\r\nexport const Autocomplete = ({ ...props }: AutocompleteProps) => {\r\n    return (\r\n        <Box\r\n            className={\"autocomplete\" + (props.className ?? \"\")}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            <AutoCompletePrimeReact.AutoComplete\r\n                delay={props.searchDelay ?? 500}\r\n                maxLength={props.searchMax}\r\n                minLength={props.searchMin ?? 1}\r\n                suggestions={props.data ?? []}\r\n                value={props.value}\r\n                {...autocompleCore(props)}\r\n                {...autocompleteEvent(props)}/>\r\n            <div data-name={props.name}\r\n                id=\"j_feedback\"/>\r\n        </Box>\r\n    );\r\n};\r\nAutocomplete.displayName = \"Autocomplete\";"],"mappings":";;;;;;;;;;AAaA,IAAa,KAAgB,EAAE,GAAG,QAE1B,kBAAC,GAAD;CACI,WAAW,kBAAkB,EAAM,aAAa;CAChD,KAAK,EAAM;CACX,MAAM,EAAM,QAAQ;WAHxB;EAII,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA;EACvB,kBAAC,EAAuB,cAAxB;GACI,OAAO,EAAM,eAAe;GAC5B,WAAW,EAAM;GACjB,WAAW,EAAM,aAAa;GAC9B,aAAa,EAAM,QAAQ,CAAC;GAC5B,OAAO,EAAM;GACb,GAAI,EAAe,CAAK;GACxB,GAAI,EAAkB,CAAK;EAAG,CAAA;EAClC,kBAAC,OAAD;GAAK,aAAW,EAAM;GAClB,IAAG;EAAa,CAAA;CACnB;;AAGb,EAAa,cAAc"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"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}"],"mappings":";AAQA,SAAgB,EACZ,GACiD;CAEjD,IAAM,IAAkE,EAAM,eACxE,EAAE,cAAc,EAAM,cAAc,GAAG,EAAE;CAE/C,OAAO;EACH,IAAI,EAAM;EACV,OAAO;EACP,MAAM,EAAM;EACZ,gBAAgB,EAAM,eAAe;EACrC,OAAO,EAAM,OAAO,EAAE;EACtB,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB,aAAa,EAAM;EACnB,gBAAgB;EAChB,UAAU,EAAM,YAAY;EAC5B,WAAW;EACX,GAAG;EACN"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/autocomplete/core/core.tsx"],"sourcesContent":["import { AutocompleteProps } from \"..\";\r\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * Define as configurações do modo principal do autocomplete.\r\n */\r\nexport function autocompleCore(\r\n    props: AutocompleteProps\r\n): Partial<AutoCompletePrimeReact.AutoCompleteProps> {\r\n\r\n    const itemTemplate: Partial<AutoCompletePrimeReact.AutoCompleteProps> = props.dataTemplate\r\n        ? { itemTemplate: props.dataTemplate } : {};\r\n\r\n    return {\r\n        id: props.id,\r\n        field: \"name\",\r\n        name: props.name,\r\n        forceSelection: props.forceSelect ?? true,\r\n        style: props.css ?? {},\r\n        disabled: props.disabled,\r\n        required: props.required,\r\n        placeholder: props.placeholder,\r\n        inputClassName: \"form-control\",\r\n        appendTo: props.appendTo ?? \"self\",\r\n        className: \"autocomplete-primereact w-100\",\r\n        ...itemTemplate\r\n    };\r\n}"],"mappings":";AAQA,SAAgB,EACZ,GACiD;CAEjD,IAAM,IAAkE,EAAM,eACxE,EAAE,cAAc,EAAM,aAAa,IAAI,CAAC;CAE9C,OAAO;EACH,IAAI,EAAM;EACV,OAAO;EACP,MAAM,EAAM;EACZ,gBAAgB,EAAM,eAAe;EACrC,OAAO,EAAM,OAAO,CAAC;EACrB,UAAU,EAAM;EAChB,UAAU,EAAM;EAChB,aAAa,EAAM;EACnB,gBAAgB;EAChB,UAAU,EAAM,YAAY;EAC5B,WAAW;EACX,GAAG;CACP;AACJ"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"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}"],"mappings":";AAQA,SAAgB,EAAkB,GAA6E;CAC3G,OAAO;EACH,SAAS,GAAuD;GAC5D,EAAM,SAAS,EAAM,MAAM;;EAE/B,SAAS,GAAuD;GAC5D,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,MAAM;;EAGnC,eAAe,GAAyD;GACpE,EAAM,SAAS,EAAM,MAAM;;EAElC"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/autocomplete/core/event.tsx"],"sourcesContent":["import { AutocompleteProps } from \"..\";\r\nimport * as AutoCompletePrimeReact from \"primereact/autocomplete\";\r\n\r\n/**\r\n * Componente - `Autocomplete`\r\n *\r\n * Define as configuração de evento do componente\r\n */\r\nexport function autocompleteEvent(props: AutocompleteProps): Partial<AutoCompletePrimeReact.AutoCompleteProps> {\r\n    return {\r\n        onChange(event: AutoCompletePrimeReact.AutoCompleteChangeEvent) {\r\n            props.onChange(event.value);\r\n        },\r\n        onSelect(event: AutoCompletePrimeReact.AutoCompleteSelectEvent) {\r\n            if (props.onSelect) {\r\n                props.onSelect(event.value);\r\n            }\r\n        },\r\n        completeMethod(event: AutoCompletePrimeReact.AutoCompleteCompleteEvent) {\r\n            props.onSearch(event.query);\r\n        },\r\n    };\r\n}"],"mappings":";AAQA,SAAgB,EAAkB,GAA6E;CAC3G,OAAO;EACH,SAAS,GAAuD;GAC5D,EAAM,SAAS,EAAM,KAAK;EAC9B;EACA,SAAS,GAAuD;GAC5D,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,KAAK;EAElC;EACA,eAAe,GAAyD;GACpE,EAAM,SAAS,EAAM,KAAK;EAC9B;CACJ;AACJ"}

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

@@ -1,29 +1,31 @@
 import { default as React } from 'react';
 import { AlignItemsProps, ApiComponentProps, JustifyContentProps } from '../../api';
-export interface BoxProps extends ApiComponentProps {
-
-    /**
-     * A propriedade `direction` determina o valor do estilo CSS `flex-direction`,
-     * definindo a direção em que os itens flexíveis são dispostos dentro de um contêiner flexível.
-     */
-    direction?: "row" | "column"
-
-    /**
-     * A propriedade `align` determina o alinhamento do conteúdo base na propriedade `direction`.
-     * Essa propriedade ajusta os estilos CSS `align-items`, permitindo um controle preciso do layout.
-     */
-    align?: AlignItemsProps | AlignItemsProps[]
-
-    /**
-     * A propriedade `justify` determina o alinhamento do conteúdo base na propriedade `direction`.
-     * Essa propriedade ajusta os estilos CSS `justify-content`, permitindo um controle preciso do layout.
-     */
-    justify?: JustifyContentProps | JustifyContentProps[]
-
-    /**
-     *  A propriedade `children` representa o conteúdo ou elementos filho que serão
-     *  renderizados dentro deste componente. Pode incluir texto, elementos React,
-     *  ou até mesmo outros componentes.
-     */
-    children: React.ReactNode
+
+
+export interface BoxProps extends ApiComponentProps {
+
+    /**
+     * A propriedade `direction` determina o valor do estilo CSS `flex-direction`,
+     * definindo a direção em que os itens flexíveis são dispostos dentro de um contêiner flexível.
+     */
+    direction?: "row" | "column"
+
+    /**
+     * A propriedade `align` determina o alinhamento do conteúdo base na propriedade `direction`.
+     * Essa propriedade ajusta os estilos CSS `align-items`, permitindo um controle preciso do layout.
+     */
+    align?: AlignItemsProps | AlignItemsProps[]
+
+    /**
+     * A propriedade `justify` determina o alinhamento do conteúdo base na propriedade `direction`.
+     * Essa propriedade ajusta os estilos CSS `justify-content`, permitindo um controle preciso do layout.
+     */
+    justify?: JustifyContentProps | JustifyContentProps[]
+
+    /**
+     *  A propriedade `children` representa o conteúdo ou elementos filho que serão
+     *  renderizados dentro deste componente. Pode incluir texto, elementos React,
+     *  ou até mesmo outros componentes.
+     */
+    children: React.ReactNode
 }

package/box/_box.scss

@@ -1,56 +1,56 @@
-$box-sizes: (
-        '5': 5%,
-        '10': 10%,
-        '12-5':12.5%,
-        '15': 15%,
-        '17-5':17.5%,
-        '20': 20%,
-        '22-5':25.5%,
-        '25': 25%,
-        '30': 30%,
-        '33': 33%,
-        '35': 35%,
-        '40': 40%,
-        '45': 45%,
-        '50': 50%,
-        '55': 55%,
-        '60': 60%,
-        '65': 65%,
-        '70': 70%,
-        '75': 75%,
-        '80': 80%,
-        '85': 85%,
-        '90': 90%,
-        '95': 95%,
-        '100': 100%
-) !default;
-
-$box-space-margin: .5rem !default;
-$box-space-padding: .5rem !default;
-
-.box {
-  display: flex;
-  flex-wrap: wrap;
-  position: relative;
-
-  @each $key, $value in $box-sizes {
-    &.box-size-#{$key} {
-      width: calc(var(--box-size-#{$key}, #{$value}) - #{$box-space-margin});
-      margin: calc(#{$box-space-margin} / 2) calc(#{$box-space-margin} / 2);
-      padding: #{$box-space-padding};
-
-      @media (max-width: 576px) {
-        width: calc(100% - #{$box-space-margin});
-      }
-    }
-  }
-
-  &.box-direction-row {
-    flex-direction: row;
-  }
-
-  &.box-direction-column {
-    flex-direction: column;
-  }
-}
-
+$box-sizes: (
+        '5': 5%,
+        '10': 10%,
+        '12-5':12.5%,
+        '15': 15%,
+        '17-5':17.5%,
+        '20': 20%,
+        '22-5':25.5%,
+        '25': 25%,
+        '30': 30%,
+        '33': 33%,
+        '35': 35%,
+        '40': 40%,
+        '45': 45%,
+        '50': 50%,
+        '55': 55%,
+        '60': 60%,
+        '65': 65%,
+        '70': 70%,
+        '75': 75%,
+        '80': 80%,
+        '85': 85%,
+        '90': 90%,
+        '95': 95%,
+        '100': 100%
+) !default;
+
+$box-space-margin: .5rem !default;
+$box-space-padding: .5rem !default;
+
+.box {
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+
+  @each $key, $value in $box-sizes {
+    &.box-size-#{$key} {
+      width: calc(var(--box-size-#{$key}, #{$value}) - #{$box-space-margin});
+      margin: calc(#{$box-space-margin} / 2) calc(#{$box-space-margin} / 2);
+      padding: #{$box-space-padding};
+
+      @media (max-width: 576px) {
+        width: calc(100% - #{$box-space-margin});
+      }
+    }
+  }
+
+  &.box-direction-row {
+    flex-direction: row;
+  }
+
+  &.box-direction-column {
+    flex-direction: column;
+  }
+}
+

package/box/box/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/box/box.tsx"],"sourcesContent":["import { BoxProps } from \".\";\nimport React, { HTMLAttributes } from \"react\";\nimport { classNames } from \"primereact/utils\";\n\n/**\n * Componente - `Box`\n *\n * Um componente versátil que pode ser utilizado para criar seções ou caixas em uma página.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Box = ({ children, ...props }: BoxProps) => {\n    const css = {\n        size: `box-size-${(props.size ?? \"100\")}`,\n        direction: `box-direction-${props.direction ?? \"row\"}`,\n        justify: props.justify === undefined ? \"\" : Array.isArray(props.justify) ? props.justify?.join(\" \") : props.justify,\n        align: props.align === undefined ? \"\" : Array.isArray(props.align) ? props.align?.join(\" \") : props.align\n    };\n\n    const attr: HTMLAttributes<\"div\"> & Omit<BoxProps, \"children\"> = {\n        className: classNames([\n            \"box\",\n            props.className ?? \"\",\n            css.size,\n            css.direction,\n            css.justify,\n            css.align\n        ]),\n        style: props.css,\n        id: props.id\n    };\n\n    return (\n        <div {...attr as any}>{children}</div>\n    );\n};\n\nBox.displayName = \"Box\";"],"mappings":";;;;AAUA,IAAa,KAAO,EAAE,aAAU,GAAG,QAAsB;CACrD,IAAM,IAAM;EACR,MAAM,YAAa,EAAM,QAAQ;EACjC,WAAW,iBAAiB,EAAM,aAAa;EAC/C,SAAS,EAAM,YAAY,KAAA,IAAY,KAAK,MAAM,QAAQ,EAAM,QAAQ,GAAG,EAAM,SAAS,KAAK,IAAI,GAAG,EAAM;EAC5G,OAAO,EAAM,UAAU,KAAA,IAAY,KAAK,MAAM,QAAQ,EAAM,MAAM,GAAG,EAAM,OAAO,KAAK,IAAI,GAAG,EAAM;EACvG;CAeD,OACI,kBAAC,OAAD;EAbA,WAAW,EAAW;GAClB;GACA,EAAM,aAAa;GACnB,EAAI;GACJ,EAAI;GACJ,EAAI;GACJ,EAAI;GACP,CAAC;EACF,OAAO,EAAM;EACb,IAAI,EAAM;EAIa;EAAe,CAAA;;AAI9C,EAAI,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/box/box.tsx"],"sourcesContent":["import { BoxProps } from \".\";\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\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};\r\n\r\nBox.displayName = \"Box\";"],"mappings":";;;;AAUA,IAAa,KAAO,EAAE,aAAU,GAAG,QAAsB;CACrD,IAAM,IAAM;EACR,MAAM,YAAa,EAAM,QAAQ;EACjC,WAAW,iBAAiB,EAAM,aAAa;EAC/C,SAAS,EAAM,YAAY,KAAA,IAAY,KAAK,MAAM,QAAQ,EAAM,OAAO,IAAI,EAAM,SAAS,KAAK,GAAG,IAAI,EAAM;EAC5G,OAAO,EAAM,UAAU,KAAA,IAAY,KAAK,MAAM,QAAQ,EAAM,KAAK,IAAI,EAAM,OAAO,KAAK,GAAG,IAAI,EAAM;CACxG;CAeA,OACI,kBAAC,OAAD;EAbA,WAAW,EAAW;GAClB;GACA,EAAM,aAAa;GACnB,EAAI;GACJ,EAAI;GACJ,EAAI;GACJ,EAAI;EACR,CAAC;EACD,OAAO,EAAM;EACb,IAAI,EAAM;EAIa;CAAc,CAAA;AAE7C;AAEA,EAAI,cAAc"}

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

@@ -1,73 +1,75 @@
 import { Ref } from 'react';
 import { ApiComponentProps, ColorProps } from '../../api';
-export interface ButtonProps extends Omit<ApiComponentProps, "size"> {
-    /**
-     * Define o objeto de referência do botão
-     */
-    ref?: Ref<any>
-
-    /**
-     * Define o tipo do botão
-     */
-    type?: "submit" | "reset" | "button";
-
-    /**
-     * Define o legenda do botão
-     */
-    label?: string
-
-    /**
-     * Desabilita a ação no botão
-     */
-    disabled?: boolean
-
-    /**
-     * Define o tamanho do botão
-     */
-    size?: "small" | "large";
-
-    /**
-     * Define o conteúdo do badge dentro do botão
-     */
-    badge?: string
-
-    /**
-     * Define a classe de estilização do badge de do botão
-     */
-    badgeClassName?: string
-
-    /**
-     * Define se o botão vai ser do tipo link
-     */
-    isLink?: boolean
-
-    /**
-     * Define se botão está estado de loading
-     */
-    isLoading?: boolean
-
-    /**
-     * Define o prefixo dos icones do pacote
-     */
-    iconPrefix?: "bi bi-" | "pi pi-"
-
-    /**
-     * Define o icone que vai ser utilizando no botão
-     */
-    icon?: string
-
-    /**
-     * Define a posição do icone dentro do botão
-     */
-    iconPos?: "top" | "bottom" | "left" | "right";
-
-    /**
-     * Define a cor do botão
-     */
-    color?: ColorProps
-
-    /**
-     * Evento de click dentro do botão
-     */
-    onClick?: () => void
+
+
+export interface ButtonProps extends Omit<ApiComponentProps, "size"> {
+    /**
+     * Define o objeto de referência do botão
+     */
+    ref?: Ref<any>
+
+    /**
+     * Define o tipo do botão
+     */
+    type?: "submit" | "reset" | "button";
+
+    /**
+     * Define o legenda do botão
+     */
+    label?: string
+
+    /**
+     * Desabilita a ação no botão
+     */
+    disabled?: boolean
+
+    /**
+     * Define o tamanho do botão
+     */
+    size?: "small" | "large";
+
+    /**
+     * Define o conteúdo do badge dentro do botão
+     */
+    badge?: string
+
+    /**
+     * Define a classe de estilização do badge de do botão
+     */
+    badgeClassName?: string
+
+    /**
+     * Define se o botão vai ser do tipo link
+     */
+    isLink?: boolean
+
+    /**
+     * Define se botão está estado de loading
+     */
+    isLoading?: boolean
+
+    /**
+     * Define o prefixo dos icones do pacote
+     */
+    iconPrefix?: "bi bi-" | "pi pi-"
+
+    /**
+     * Define o icone que vai ser utilizando no botão
+     */
+    icon?: string
+
+    /**
+     * Define a posição do icone dentro do botão
+     */
+    iconPos?: "top" | "bottom" | "left" | "right";
+
+    /**
+     * Define a cor do botão
+     */
+    color?: ColorProps
+
+    /**
+     * Evento de click dentro do botão
+     */
+    onClick?: () => void
 }

package/button/button/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/button/button.tsx"],"sourcesContent":["import React from \"react\";\nimport { ButtonProps } from \".\";\nimport * as ButtonPrimeReact from \"primereact/button\";\n\n/**\n * Componente - `Button`\n *\n * Um componente versátil que pode ser utilizado para realizar ações por exemplo em formulários de dados.\n * Permite personalizar o estilo e o conteúdo através de propriedades.\n */\nexport const Button = ({ ...props }: ButtonProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <ButtonPrimeReact.Button\n            badge={props.badge}\n            badgeClassName={props.badgeClassName}\n            className={props.className}\n            disabled={props.disabled}\n            icon={props.icon !== undefined ? `${props.iconPrefix ?? \"bi bi-\"}${props.icon ?? \"\"} ${props.label ? \"me-1\" : \"\"}` : undefined}\n            iconPos={props.iconPos}\n            id={props.id}\n            label={props.label}\n            link={props.isLink}\n            loading={props.isLoading}\n            pt={{ loadingIcon: { className: \"me-1\" } }}\n            ref={props.ref}\n            severity={props.color as any}\n            size={props.size}\n            style={props.css}\n            type={props.type}\n            onClick={props.onClick}/>\n    );\n};\nButton.displayName = \"Button\";"],"mappings":";;;;AAUA,IAAa,KAAU,EAAE,GAAG,QAOpB,kBAAC,EAAiB,QAAlB;CACI,OAAO,EAAM;CACb,gBAAgB,EAAM;CACtB,WAAW,EAAM;CACjB,UAAU,EAAM;CAChB,MAAM,EAAM,SAAS,KAAA,IAAgG,KAAA,IAApF,GAAG,EAAM,cAAc,WAAW,EAAM,QAAQ,GAAG,GAAG,EAAM,QAAQ,SAAS;CAC9G,SAAS,EAAM;CACf,IAAI,EAAM;CACV,OAAO,EAAM;CACb,MAAM,EAAM;CACZ,SAAS,EAAM;CACf,IAAI,EAAE,aAAa,EAAE,WAAW,QAAQ,EAAE;CAC1C,KAAK,EAAM;CACX,UAAU,EAAM;CAChB,MAAM,EAAM;CACZ,OAAO,EAAM;CACb,MAAM,EAAM;CACZ,SAAS,EAAM;CAAU,CAAA;AAGrC,EAAO,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/button/button.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { ButtonProps } from \".\";\r\nimport * 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.Button\r\n            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 as any}\r\n            size={props.size}\r\n            style={props.css}\r\n            type={props.type}\r\n            onClick={props.onClick}/>\r\n    );\r\n};\r\nButton.displayName = \"Button\";"],"mappings":";;;;AAUA,IAAa,KAAU,EAAE,GAAG,QAOpB,kBAAC,EAAiB,QAAlB;CACI,OAAO,EAAM;CACb,gBAAgB,EAAM;CACtB,WAAW,EAAM;CACjB,UAAU,EAAM;CAChB,MAAM,EAAM,SAAS,KAAA,IAAgG,KAAA,IAApF,GAAG,EAAM,cAAc,WAAW,EAAM,QAAQ,GAAG,GAAG,EAAM,QAAQ,SAAS;CAC9G,SAAS,EAAM;CACf,IAAI,EAAM;CACV,OAAO,EAAM;CACb,MAAM,EAAM;CACZ,SAAS,EAAM;CACf,IAAI,EAAE,aAAa,EAAE,WAAW,OAAO,EAAE;CACzC,KAAK,EAAM;CACX,UAAU,EAAM;CAChB,MAAM,EAAM;CACZ,OAAO,EAAM;CACb,MAAM,EAAM;CACZ,SAAS,EAAM;AAAS,CAAA;AAGpC,EAAO,cAAc"}

package/button/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"
+}