@orangesix/react 2.4.0-beta.3 → 2.4.0

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

@@ -1,46 +1,48 @@
 import { default as React } from 'react';
 import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
-export type SelectOptionsProps = {
-
-    /**
-     * Define o ID da opção
-     */
-    id: any
-
-    /**
-     * Define a label da opção
-     */
-    name: string;
-
-    /**
-     * Define se seleção do elemento está desabilitada
-     */
-    disabled?: boolean;
-};
-
-interface SelectBaseProps extends ApiComponentProps, ApiFieldComponentProps {
-
-    /**
-     * Define a referência do campo select
-     */
-    ref?: React.Ref<HTMLSelectElement>
-
-    /**
-     * Array de objeto para definir as opções de escolha
-     */
-    options: Array<SelectOptionsProps>
-
-    /**
-     * Define o primeiro elemento do select como legenda
-     */
-    init?: boolean | string
-
-    /**
-     * Define o tamanho do componente
-     */
-    sizes?: "small" | "large"
-}
-
-export type SelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
-    ? SelectBaseProps & ApiFieldControlledProps
-    : SelectBaseProps & ApiFieldHookFormProps;
+
+
+export type SelectOptionsProps = {
+
+    /**
+     * Define o ID da opção
+     */
+    id: any
+
+    /**
+     * Define a label da opção
+     */
+    name: string;
+
+    /**
+     * Define se seleção do elemento está desabilitada
+     */
+    disabled?: boolean;
+};
+
+interface SelectBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+
+    /**
+     * Define a referência do campo select
+     */
+    ref?: React.Ref<HTMLSelectElement>
+
+    /**
+     * Array de objeto para definir as opções de escolha
+     */
+    options: Array<SelectOptionsProps>
+
+    /**
+     * Define o primeiro elemento do select como legenda
+     */
+    init?: boolean | string
+
+    /**
+     * Define o tamanho do componente
+     */
+    sizes?: "small" | "large"
+}
+
+export type SelectProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? SelectBaseProps & ApiFieldControlledProps
+    : SelectBaseProps & ApiFieldHookFormProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/select/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { SelectProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\n\n/**\n * Core - `SelectControlled`\n * Define o componente controlled\n */\nexport function SelectControlled(props: SelectProps<\"Controlled\"> & { mode?: any }) {\n    let init = !props.init\n        ? null\n        : (typeof props.init === \"boolean\"\n            ? <option value=''>Selecione {props.label?.toLowerCase() ?? \"\"}</option>\n            : <option value=''>{props.init}</option>);\n    let sizes = props.sizes === \"small\" ? \"form-select-sm\" : props.sizes === \"large\" ? \"form-select-lg\" : \"\";\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <>\n            <select className={`form-select ${sizes}`}\n                disabled={props.disabled}\n                id={props.id}\n                name={props.name}\n                ref={props.ref}\n                required={props.required}\n                value={props.value}\n                onChange={event => {\n                    if (props.onChange) {\n                        props.onChange(event.target.value);\n                    }\n                }}>\n                {init}\n                {props.options.map((item) => (\n                    <option disabled={item.disabled}\n                        key={item.id}\n                        value={item.id}>{item.name}</option>\n                ))}\n            </select>\n            <InputFeedback {...props}/>\n        </>\n    );\n}"],"mappings":";;;;;AAQA,SAAgB,EAAiB,GAAmD;CAChF,IAAI,IAAQ,EAAM,OAEX,OAAO,EAAM,QAAS,YACnB,kBAAC,UAAD;EAAQ,OAAM;YAAd,CAAiB,cAAW,EAAM,OAAO,aAAa,IAAI,GAAY;MACtE,kBAAC,UAAD;EAAQ,OAAM;YAAI,EAAM;EAAc,CAAA,GAH1C;CAWN,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;EAAQ,WAAW,eATf,EAAM,UAAU,UAAU,mBAAmB,EAAM,UAAU,UAAU,mBAAmB;EAU1F,UAAU,EAAM;EAChB,IAAI,EAAM;EACV,MAAM,EAAM;EACZ,KAAK,EAAM;EACX,UAAU,EAAM;EAChB,OAAO,EAAM;EACb,WAAU,MAAS;GACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,MAAM;;YAT9C,CAYK,GACA,EAAM,QAAQ,KAAK,MAChB,kBAAC,UAAD;GAAQ,UAAU,EAAK;GAEnB,OAAO,EAAK;aAAK,EAAK;GAAc,EAD/B,EAAK,GAC0B,CAC1C,CACG;KACT,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA,CAC5B,EAAA,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/select/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SelectProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\n\r\n/**\r\n * Core - `SelectControlled`\r\n * Define o componente controlled\r\n */\r\nexport function SelectControlled(props: SelectProps<\"Controlled\"> & { mode?: any }) {\r\n    let init = !props.init\r\n        ? null\r\n        : (typeof props.init === \"boolean\"\r\n            ? <option value=''>Selecione {props.label?.toLowerCase() ?? \"\"}</option>\r\n            : <option value=''>{props.init}</option>);\r\n    let sizes = props.sizes === \"small\" ? \"form-select-sm\" : props.sizes === \"large\" ? \"form-select-lg\" : \"\";\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <>\r\n            <select className={`form-select ${sizes}`}\r\n                disabled={props.disabled}\r\n                id={props.id}\r\n                name={props.name}\r\n                ref={props.ref}\r\n                required={props.required}\r\n                value={props.value}\r\n                onChange={event => {\r\n                    if (props.onChange) {\r\n                        props.onChange(event.target.value);\r\n                    }\r\n                }}>\r\n                {init}\r\n                {props.options.map((item) => (\r\n                    <option disabled={item.disabled}\r\n                        key={item.id}\r\n                        value={item.id}>{item.name}</option>\r\n                ))}\r\n            </select>\r\n            <InputFeedback {...props}/>\r\n        </>\r\n    );\r\n}"],"mappings":";;;;;AAQA,SAAgB,EAAiB,GAAmD;CAChF,IAAI,IAAQ,EAAM,OAEX,OAAO,EAAM,QAAS,YACnB,kBAAC,UAAD;EAAQ,OAAM;YAAd,CAAiB,cAAW,EAAM,OAAO,YAAY,KAAK,EAAW;MACrE,kBAAC,UAAD;EAAQ,OAAM;YAAI,EAAM;CAAa,CAAA,IAHzC;CAWN,OACI,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;EAAQ,WAAW,eATf,EAAM,UAAU,UAAU,mBAAmB,EAAM,UAAU,UAAU,mBAAmB;EAU1F,UAAU,EAAM;EAChB,IAAI,EAAM;EACV,MAAM,EAAM;EACZ,KAAK,EAAM;EACX,UAAU,EAAM;EAChB,OAAO,EAAM;EACb,WAAU,MAAS;GACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,KAAK;EAEzC;YAXJ,CAYK,GACA,EAAM,QAAQ,KAAK,MAChB,kBAAC,UAAD;GAAQ,UAAU,EAAK;GAEnB,OAAO,EAAK;aAAK,EAAK;EAAa,GAD9B,EAAK,EACyB,CAC1C,CACG;KACR,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA,CAC5B,EAAA,CAAA;AAEV"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/select/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { SelectProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\n\n/**\n * Core - `SelectHookForm`\n * Define o componente controlled\n */\nexport function SelectHookForm(props: SelectProps<\"HookForm\"> & { mode?: any }) {\n    let init = !props.init\n        ? null\n        : (typeof props.init === \"boolean\"\n            ? <option value=''>Selecione {props.label?.toLowerCase() ?? \"\"}</option>\n            : <option value=''>{props.init}</option>);\n    let sizes = props.sizes === \"small\" ? \"form-select-sm\" : props.sizes === \"large\" ? \"form-select-lg\" : \"\";\n\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return (\n                <>\n                    <select {...field}\n                        className={`form-select ${sizes}`}\n                        disabled={props.disabled}\n                        id={props.id}\n                        ref={props.ref}\n                        onChange={event => props.onChange ? props.onChange(event.target.value) : field.onChange(event)}>\n                        {init}\n                        {props.options.map((item) => (\n                            <option disabled={item.disabled}\n                                key={item.id}\n                                value={item.id}>{item.name}</option>\n                        ))}\n                    </select>\n                    <InputFeedback {...props}\n                        errors={errors}/>\n                </>\n            );\n        }}\n        control={props.control}\n        name={props.name}\n        rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\n    );\n}"],"mappings":";;;;;;AASA,SAAgB,EAAe,GAAiD;CAC5E,IAAI,IAAQ,EAAM,OAEX,OAAO,EAAM,QAAS,YACnB,kBAAC,UAAD;EAAQ,OAAM;YAAd,CAAiB,cAAW,EAAM,OAAO,aAAa,IAAI,GAAY;MACtE,kBAAC,UAAD;EAAQ,OAAM;YAAI,EAAM;EAAc,CAAA,GAH1C,MAIF,IAAQ,EAAM,UAAU,UAAU,mBAAmB,EAAM,UAAU,UAAU,mBAAmB;CAOtG,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAEnC,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;GAAQ,GAAI;GACR,WAAW,eAAe;GAC1B,UAAU,EAAM;GAChB,IAAI,EAAM;GACV,KAAK,EAAM;GACX,WAAU,MAAS,EAAM,WAAW,EAAM,SAAS,EAAM,OAAO,MAAM,GAAG,EAAM,SAAS,EAAM;aALlG,CAMK,GACA,EAAM,QAAQ,KAAK,MAChB,kBAAC,UAAD;IAAQ,UAAU,EAAK;IAEnB,OAAO,EAAK;cAAK,EAAK;IAAc,EAD/B,EAAK,GAC0B,CAC1C,CACG;MACT,kBAAC,GAAD;GAAe,GAAI;GACP;GAAS,CAAA,CACtB,EAAA,CAAA;EAGX,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,IAA6B;EAAG,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/select/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SelectProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { Controller } from \"react-hook-form\";\r\n\r\n/**\r\n * Core - `SelectHookForm`\r\n * Define o componente controlled\r\n */\r\nexport function SelectHookForm(props: SelectProps<\"HookForm\"> & { mode?: any }) {\r\n    let init = !props.init\r\n        ? null\r\n        : (typeof props.init === \"boolean\"\r\n            ? <option value=''>Selecione {props.label?.toLowerCase() ?? \"\"}</option>\r\n            : <option value=''>{props.init}</option>);\r\n    let sizes = props.sizes === \"small\" ? \"form-select-sm\" : props.sizes === \"large\" ? \"form-select-lg\" : \"\";\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Controller render={({ field, formState: { errors } }) => {\r\n            return (\r\n                <>\r\n                    <select {...field}\r\n                        className={`form-select ${sizes}`}\r\n                        disabled={props.disabled}\r\n                        id={props.id}\r\n                        ref={props.ref}\r\n                        onChange={event => props.onChange ? props.onChange(event.target.value) : field.onChange(event)}>\r\n                        {init}\r\n                        {props.options.map((item) => (\r\n                            <option disabled={item.disabled}\r\n                                key={item.id}\r\n                                value={item.id}>{item.name}</option>\r\n                        ))}\r\n                    </select>\r\n                    <InputFeedback {...props}\r\n                        errors={errors}/>\r\n                </>\r\n            );\r\n        }}\r\n        control={props.control}\r\n        name={props.name}\r\n        rules={{ required: !props.required ? false : \"Campo obrigatório\" }}/>\r\n    );\r\n}"],"mappings":";;;;;;AASA,SAAgB,EAAe,GAAiD;CAC5E,IAAI,IAAQ,EAAM,OAEX,OAAO,EAAM,QAAS,YACnB,kBAAC,UAAD;EAAQ,OAAM;YAAd,CAAiB,cAAW,EAAM,OAAO,YAAY,KAAK,EAAW;MACrE,kBAAC,UAAD;EAAQ,OAAM;YAAI,EAAM;CAAa,CAAA,IAHzC,MAIF,IAAQ,EAAM,UAAU,UAAU,mBAAmB,EAAM,UAAU,UAAU,mBAAmB;CAOtG,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAEnC,kBAAA,GAAA,EAAA,UAAA,CACI,kBAAC,UAAD;GAAQ,GAAI;GACR,WAAW,eAAe;GAC1B,UAAU,EAAM;GAChB,IAAI,EAAM;GACV,KAAK,EAAM;GACX,WAAU,MAAS,EAAM,WAAW,EAAM,SAAS,EAAM,OAAO,KAAK,IAAI,EAAM,SAAS,CAAK;aALjG,CAMK,GACA,EAAM,QAAQ,KAAK,MAChB,kBAAC,UAAD;IAAQ,UAAU,EAAK;IAEnB,OAAO,EAAK;cAAK,EAAK;GAAa,GAD9B,EAAK,EACyB,CAC1C,CACG;MACR,kBAAC,GAAD;GAAe,GAAI;GACP;EAAQ,CAAA,CACtB,EAAA,CAAA;EAGV,SAAS,EAAM;EACf,MAAM,EAAM;EACZ,OAAO,EAAE,UAAW,EAAM,WAAmB,sBAAR,GAA4B;CAAG,CAAA;AAE5E"}

package/select/select/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/select/select.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { InputLabel } from \"../api\";\nimport { SelectProps } from \".\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { SelectHookForm } from \"./core/hookForm\";\nimport { SelectControlled } from \"./core/controlled\";\n\n/**\n * Componente - `Select`\n *\n * Um componente versátil que é utilizado para entrada de dados do tipo lista de seleção.\n */\nexport function Select<T extends ApiFieldModeProps = \"Controlled\">(props: SelectProps<T> & { mode?: T }) {\n    let propsCore = props as any;\n\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            <InputLabel {...props}/>\n            {!props.mode || props.mode === \"Controlled\"\n                ? <SelectControlled {...propsCore}/>\n                : <SelectHookForm {...propsCore}/>}\n        </Box>\n    );\n}\n\nSelect.displayName = \"Select\";"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAmD,GAAsC;CACrG,IAAI,IAAY;CAOhB,OACI,kBAAC,GAAD;EAAK,WAAW,EAAM;EAClB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,GAAQ,CAAA,EACvB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD,EAAkB,GAAI,GAAY,CAAA,GAClC,kBAAC,GAAD,EAAgB,GAAI,GAAY,CAAA,CACpC;;;AAId,EAAO,cAAc"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/select/select.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { InputLabel } from \"../api\";\r\nimport { SelectProps } from \".\";\r\nimport { ApiFieldModeProps } from \"../api\";\r\nimport { SelectHookForm } from \"./core/hookForm\";\r\nimport { SelectControlled } from \"./core/controlled\";\r\n\r\n/**\r\n * Componente - `Select`\r\n *\r\n * Um componente versátil que é utilizado para entrada de dados do tipo lista de seleção.\r\n */\r\nexport function Select<T extends ApiFieldModeProps = \"Controlled\">(props: SelectProps<T> & { mode?: T }) {\r\n    let propsCore = props as any;\r\n\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return (\r\n        <Box className={props.className}\r\n            css={props.css}\r\n            size={props.size ?? \"100\"}>\r\n            <InputLabel {...props}/>\r\n            {!props.mode || props.mode === \"Controlled\"\r\n                ? <SelectControlled {...propsCore}/>\r\n                : <SelectHookForm {...propsCore}/>}\r\n        </Box>\r\n    );\r\n}\r\n\r\nSelect.displayName = \"Select\";"],"mappings":";;;;;;;;;AAaA,SAAgB,EAAmD,GAAsC;CACrG,IAAI,IAAY;CAOhB,OACI,kBAAC,GAAD;EAAK,WAAW,EAAM;EAClB,KAAK,EAAM;EACX,MAAM,EAAM,QAAQ;YAFxB,CAGI,kBAAC,GAAD,EAAY,GAAI,EAAO,CAAA,GACtB,CAAC,EAAM,QAAQ,EAAM,SAAS,eACzB,kBAAC,GAAD,EAAkB,GAAI,EAAW,CAAA,IACjC,kBAAC,GAAD,EAAgB,GAAI,EAAW,CAAA,CACpC;;AAEb;AAEA,EAAO,cAAc"}