@orangesix/react 2.4.0-beta.3 → 2.4.0

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

@@ -1,57 +1,57 @@
 import { ApiComponentProps } from '../../api';
-import * as React from "react";
-import * as AccordionPrimeReact from "primereact/accordion";
-
-export interface AccordionTabProps {
-    /**
-     * Define o cabeçalho de cada accordion
-     */
-    header: React.ReactNode | ((props: AccordionPrimeReact.AccordionTabPrimeReactProps) => React.ReactNode) | string
-
-    /**
-     * Define o conteudo do accordion
-     */
-    content: React.ReactNode
-
-    /**
-     * Define se accordion está desabilitado
-     */
-    disabled?: boolean
-
-    /**
-     * Define o className dos accordion tab
-     */
-    className?: string
-}
-
-export interface AccordionProps extends ApiComponentProps {
-    /**
-     * Array de objeto utilizado na construção da accordion
-     */
-    tabs: Array<AccordionTabProps>
-
-    /**
-     * Indica qual accordionn vai estar ativo pelo indice
-     */
-    activeIndex?: number | number[] | null
-
-    /**
-     * Permite ativar vários accordions ao mesmo tempo
-     */
-    multiple?: boolean
-
-    /**
-     * Define o icon para expandir accordion
-     */
-    iconExpand?: React.ReactNode
-
-    /**
-     * Define o icon para recolher accordion
-     */
-    iconCollapse?: React.ReactNode
-
-    /**
-     * Função retorna o evento quando o accordion é modificado
-     */
-    onChange?: (event: AccordionPrimeReact.AccordionTabChangeEvent) => void
+import * as React from "react";
+import * as AccordionPrimeReact from "primereact/accordion";
+
+export interface AccordionTabProps {
+    /**
+     * Define o cabeçalho de cada accordion
+     */
+    header: React.ReactNode | ((props: AccordionPrimeReact.AccordionTabPrimeReactProps) => React.ReactNode) | string
+
+    /**
+     * Define o conteudo do accordion
+     */
+    content: React.ReactNode
+
+    /**
+     * Define se accordion está desabilitado
+     */
+    disabled?: boolean
+
+    /**
+     * Define o className dos accordion tab
+     */
+    className?: string
+}
+
+export interface AccordionProps extends ApiComponentProps {
+    /**
+     * Array de objeto utilizado na construção da accordion
+     */
+    tabs: Array<AccordionTabProps>
+
+    /**
+     * Indica qual accordionn vai estar ativo pelo indice
+     */
+    activeIndex?: number | number[] | null
+
+    /**
+     * Permite ativar vários accordions ao mesmo tempo
+     */
+    multiple?: boolean
+
+    /**
+     * Define o icon para expandir accordion
+     */
+    iconExpand?: React.ReactNode
+
+    /**
+     * Define o icon para recolher accordion
+     */
+    iconCollapse?: React.ReactNode
+
+    /**
+     * Função retorna o evento quando o accordion é modificado
+     */
+    onChange?: (event: AccordionPrimeReact.AccordionTabChangeEvent) => void
 }

package/accordion/accordion/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/accordion/accordion.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { AccordionProps } from \".\";\nimport * as AccordionPrimeReact from \"primereact/accordion\";\n\n/**\n * Componente - `Accordion`\n *\n * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.\n */\nexport const Accordion = ({ ...props }: AccordionProps) => {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Box className={props.className}\n            css={props.css}\n            size={props.size ?? \"100\"}>\n            <AccordionPrimeReact.Accordion activeIndex={props.activeIndex}\n                className=\"w-100\"\n                collapseIcon={props.iconExpand}\n                expandIcon={props.iconCollapse}\n                id={props.id}\n                multiple={props.multiple}\n                onTabChange={props.onChange}>\n                {props.tabs.map((item, index) => (\n                    <AccordionPrimeReact.AccordionTab className={item.className}\n                        disabled={item.disabled}\n                        header={item.header}\n                        key={index}>\n                        {item.content}\n                    </AccordionPrimeReact.AccordionTab>\n                ))}\n            </AccordionPrimeReact.Accordion>\n        </Box>\n    );\n};\nAccordion.displayName = \"Accordion\";"],"mappings":";;;;;;AAUA,IAAa,KAAa,EAAE,GAAG,QAOvB,kBAAC,GAAD;CAAK,WAAW,EAAM;CAClB,KAAK,EAAM;CACX,MAAM,EAAM,QAAQ;WACpB,kBAAC,EAAoB,WAArB;EAA+B,aAAa,EAAM;EAC9C,WAAU;EACV,cAAc,EAAM;EACpB,YAAY,EAAM;EAClB,IAAI,EAAM;EACV,UAAU,EAAM;EAChB,aAAa,EAAM;YAClB,EAAM,KAAK,KAAK,GAAM,MACnB,kBAAC,EAAoB,cAArB;GAAkC,WAAW,EAAK;GAC9C,UAAU,EAAK;GACf,QAAQ,EAAK;aAEZ,EAAK;GACyB,EAF1B,EAE0B,CACrC;EAC0B,CAAA;CAC9B,CAAA;AAGd,EAAU,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/accordion/accordion.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { AccordionProps } from \".\";\r\nimport * as AccordionPrimeReact from \"primereact/accordion\";\r\n\r\n/**\r\n * Componente - `Accordion`\r\n *\r\n * Um componente versátil que pode ser utilizado para agrupar conteúdo em lista.\r\n */\r\nexport const Accordion = ({ ...props }: AccordionProps) => {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={props.className}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <AccordionPrimeReact.Accordion activeIndex={props.activeIndex}\r\n                className=\"w-100\"\r\n                collapseIcon={props.iconExpand}\r\n                expandIcon={props.iconCollapse}\r\n                id={props.id}\r\n                multiple={props.multiple}\r\n                onTabChange={props.onChange}>\r\n                {props.tabs.map((item, index) => (\r\n                    <AccordionPrimeReact.AccordionTab className={item.className}\r\n                        disabled={item.disabled}\r\n                        header={item.header}\r\n                        key={index}>\r\n                        {item.content}\r\n                    </AccordionPrimeReact.AccordionTab>\r\n                ))}\r\n            </AccordionPrimeReact.Accordion>\r\n        </Box>\r\n    );\r\n};\r\nAccordion.displayName = \"Accordion\";"],"mappings":";;;;;;AAUA,IAAa,KAAa,EAAE,GAAG,QAOvB,kBAAC,GAAD;CAAK,WAAW,EAAM;CAClB,KAAK,EAAM;CACX,MAAM,EAAM,QAAQ;WACpB,kBAAC,EAAoB,WAArB;EAA+B,aAAa,EAAM;EAC9C,WAAU;EACV,cAAc,EAAM;EACpB,YAAY,EAAM;EAClB,IAAI,EAAM;EACV,UAAU,EAAM;EAChB,aAAa,EAAM;YAClB,EAAM,KAAK,KAAK,GAAM,MACnB,kBAAC,EAAoB,cAArB;GAAkC,WAAW,EAAK;GAC9C,UAAU,EAAK;GACf,QAAQ,EAAK;aAEZ,EAAK;EACwB,GAFzB,CAEyB,CACrC;CAC0B,CAAA;AAC9B,CAAA;AAGb,EAAU,cAAc"}

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

@@ -1,92 +1,92 @@
-/**
- * Realiza o mapeamento dos valores da propriedades css `align-items`
- */
-export 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`
- */
-export 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 cores padrão as UI de componentes
- */
-export type ColorProps =
-    "primary" |
-    "secondary" |
-    "success" |
-    "danger" |
-    "light" |
-    "warning" |
-    "gray" |
-    "info" |
-    "dark" |
-    "help" |
-    "contrast" |
+/**
+ * Realiza o mapeamento dos valores da propriedades css `align-items`
+ */
+export 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`
+ */
+export 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 cores padrão as UI de componentes
+ */
+export type ColorProps =
+    "primary" |
+    "secondary" |
+    "success" |
+    "danger" |
+    "light" |
+    "warning" |
+    "gray" |
+    "info" |
+    "dark" |
+    "help" |
+    "contrast" |
     "white";

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

@@ -1,162 +1,164 @@
 import { Control } from 'react-hook-form';
 import { KeyFilterType } from 'primereact/keyfilter';
-/**
- * Define o modo do componente de entrada de dados
- */
-export type ApiFieldModeProps = "Controlled" | "HookForm";
-
-/**
- * Define os tipos `default` para componente de entrada de dados
- */
-export 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"
-
-    /**
-     * Define a classe utilizada quando o campo for readOnly
-     */
-    readonlyClassName?: string
-
-    /**
-     * 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
- */
-export type ApiFieldControlledProps =
-    | ApiFieldReadonlyControlledProps
-    | ApiFieldWritableControlledProps;
-
-/**
- * Define os tipos `default` para componente de entrada de dados HookFomr
- */
-export 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
+
+
+/**
+ * Define o modo do componente de entrada de dados
+ */
+export type ApiFieldModeProps = "Controlled" | "HookForm";
+
+/**
+ * Define os tipos `default` para componente de entrada de dados
+ */
+export 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"
+
+    /**
+     * Define a classe utilizada quando o campo for readOnly
+     */
+    readonlyClassName?: string
+
+    /**
+     * 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
+ */
+export type ApiFieldControlledProps =
+    | ApiFieldReadonlyControlledProps
+    | ApiFieldWritableControlledProps;
+
+/**
+ * Define os tipos `default` para componente de entrada de dados HookFomr
+ */
+export 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
 }