@orangesix/react 2.4.0-beta.3 → 2.4.0

package/style/scss/bootstrap.scss

@@ -1,34 +1,34 @@
-$primaryLightColor: rgba(38, 143, 255, 0.5) !default;
-$primaryColor: #007bff !default;
-$primaryDarkColor: #0069d9 !default;
-$primaryDarkerColor: #0062cc !default;
-$primaryTextColor: #ffffff !default;
-
-$highlightBg: $primaryColor !default;
-$highlightTextColor: $primaryTextColor !default;
-$highlightFocusBg: darken($primaryColor, 8%) !default;
-
-@import "variables";
-@import "components/root";
-
-//Components
-@import "../../box/box";
-@import "../../editor/editor";
-@import "../../loading/loading";
-@import "../../tabview/tabview";
-@import "../../lightbox/lightbox";
-@import "../../tablepivot/tablepivot";
-@import "../../inputfilter/inputfilter";
-
-// Reboot - Boostrap 5.3.3
-ol,
-ul {
-  padding-left: 0 !important;
-}
-
-ol,
-ul,
-dl {
-  margin-top: 0;
-  margin-bottom: 0 !important;
+$primaryLightColor: rgba(38, 143, 255, 0.5) !default;
+$primaryColor: #007bff !default;
+$primaryDarkColor: #0069d9 !default;
+$primaryDarkerColor: #0062cc !default;
+$primaryTextColor: #ffffff !default;
+
+$highlightBg: $primaryColor !default;
+$highlightTextColor: $primaryTextColor !default;
+$highlightFocusBg: darken($primaryColor, 8%) !default;
+
+@import "variables";
+@import "components/root";
+
+//Components
+@import "../../box/box";
+@import "../../editor/editor";
+@import "../../loading/loading";
+@import "../../tabview/tabview";
+@import "../../lightbox/lightbox";
+@import "../../tablepivot/tablepivot";
+@import "../../inputfilter/inputfilter";
+
+// Reboot - Boostrap 5.3.3
+ol,
+ul {
+  padding-left: 0 !important;
+}
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 0 !important;
 }

package/style/scss/core/_reset.scss

@@ -1,76 +1,76 @@
-* {
-  box-sizing: border-box;
-}
-
-.p-component {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: $fontSize;
-  font-weight: $fontWeight;
-}
-
-.p-component-overlay {
-  background-color: $maskBg;
-  transition-duration: $transitionDuration;
-}
-
-.p-disabled, .p-component:disabled {
-  opacity: $disabledOpacity;
-  background-color: $disabledBackground !important;
-}
-
-.p-error {
-  color: $errorColor;
-}
-
-.p-text-secondary {
-  color: $textSecondaryColor;
-}
-
-.pi {
-  font-size: $primeIconFontSize;
-}
-
-.p-icon {
-  width: $primeIconFontSize;
-  height: $primeIconFontSize;
-}
-
-.p-link {
-  font-family: var(--font-family);
-  font-feature-settings: var(--font-feature-settings, normal);
-  font-size: $fontSize;
-  border-radius: $borderRadius;
-
-  &:focus-visible {
-    @include focused();
-  }
-}
-
-.p-component-overlay-enter {
-  animation: p-component-overlay-enter-animation 150ms forwards;
-}
-
-.p-component-overlay-leave {
-  animation: p-component-overlay-leave-animation 150ms forwards;
-}
-
-.p-component-overlay {
-  @keyframes p-component-overlay-enter-animation {
-    from {
-      background-color: transparent;
-    }
-    to {
-      background-color: var(--maskbg);
-    }
-  }
-
-  @keyframes p-component-overlay-leave-animation {
-    from {
-      background-color: var(--maskbg);
-    }
-    to {
-      background-color: transparent;
-    }
-  }
+* {
+  box-sizing: border-box;
+}
+
+.p-component {
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: $fontSize;
+  font-weight: $fontWeight;
+}
+
+.p-component-overlay {
+  background-color: $maskBg;
+  transition-duration: $transitionDuration;
+}
+
+.p-disabled, .p-component:disabled {
+  opacity: $disabledOpacity;
+  background-color: $disabledBackground !important;
+}
+
+.p-error {
+  color: $errorColor;
+}
+
+.p-text-secondary {
+  color: $textSecondaryColor;
+}
+
+.pi {
+  font-size: $primeIconFontSize;
+}
+
+.p-icon {
+  width: $primeIconFontSize;
+  height: $primeIconFontSize;
+}
+
+.p-link {
+  font-family: var(--font-family);
+  font-feature-settings: var(--font-feature-settings, normal);
+  font-size: $fontSize;
+  border-radius: $borderRadius;
+
+  &:focus-visible {
+    @include focused();
+  }
+}
+
+.p-component-overlay-enter {
+  animation: p-component-overlay-enter-animation 150ms forwards;
+}
+
+.p-component-overlay-leave {
+  animation: p-component-overlay-leave-animation 150ms forwards;
+}
+
+.p-component-overlay {
+  @keyframes p-component-overlay-enter-animation {
+    from {
+      background-color: transparent;
+    }
+    to {
+      background-color: var(--maskbg);
+    }
+  }
+
+  @keyframes p-component-overlay-leave-animation {
+    from {
+      background-color: var(--maskbg);
+    }
+    to {
+      background-color: transparent;
+    }
+  }
 }

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

@@ -1,21 +1,23 @@
 import { ApiComponentProps, ApiFieldModeProps, ApiFieldHookFormProps, ApiFieldComponentProps, ApiFieldControlledProps } from '../../api';
-interface SwitchBaseProps extends ApiComponentProps, ApiFieldComponentProps {
-    /**
-     * Define a legenda do campo
-     */
-    legend?: string
-
-    /**
-     * Define o valor quando switch for true
-     */
-    valueTrue?: string
-
-    /**
-     * Define o valor quando switch for False
-     */
-    valueFalse?: string
-}
-
-export type SwitchProps<T extends ApiFieldModeProps> = T extends "Controlled"
-    ? SwitchBaseProps & ApiFieldControlledProps
-    : SwitchBaseProps & ApiFieldHookFormProps;
+
+
+interface SwitchBaseProps extends ApiComponentProps, ApiFieldComponentProps {
+    /**
+     * Define a legenda do campo
+     */
+    legend?: string
+
+    /**
+     * Define o valor quando switch for true
+     */
+    valueTrue?: string
+
+    /**
+     * Define o valor quando switch for False
+     */
+    valueFalse?: string
+}
+
+export type SwitchProps<T extends ApiFieldModeProps> = T extends "Controlled"
+    ? SwitchBaseProps & ApiFieldControlledProps
+    : SwitchBaseProps & ApiFieldHookFormProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/switch/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\nimport { SwitchProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { InputSwitch } from \"primereact/inputswitch\";\n\n/**\n * Core - `SwitchControlled`\n * Define o componente controlled\n */\nexport function SwitchControlled({ ...props }: SwitchProps<\"Controlled\">) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return <>\n        <div className=\"w-100 d-flex\">\n            <InputSwitch checked={props.value}\n                disabled={props.disabled}\n                falseValue={props.valueFalse ?? false}\n                id={props.id}\n                name={props.name}\n                trueValue={props.valueTrue ?? true}\n                onChange={event => {\n                    if (props.onChange) {\n                        props.onChange(event.target.value);\n                    }\n                }}/>\n            {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\n        </div>\n        <InputFeedback {...props}/>\n    </>;\n}"],"mappings":";;;;;;AASA,SAAgB,EAAiB,EAAE,GAAG,KAAoC;CAMtE,OAAO,kBAAA,GAAA,EAAA,UAAA,CACH,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,GAAD;GAAa,SAAS,EAAM;GACxB,UAAU,EAAM;GAChB,YAAY,EAAM,cAAc;GAChC,IAAI,EAAM;GACV,MAAM,EAAM;GACZ,WAAW,EAAM,aAAa;GAC9B,WAAU,MAAS;IACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,MAAM;;GAEtC,CAAA,EACP,EAAM,UAAU,kBAAC,KAAD;GAAG,WAAU;aAA6B,EAAM;GAAW,CAAA,CAC1E;KACN,kBAAC,GAAD,EAAe,GAAI,GAAQ,CAAA,CAC5B,EAAA,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/switch/core/controlled.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SwitchProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { InputSwitch } from \"primereact/inputswitch\";\r\n\r\n/**\r\n * Core - `SwitchControlled`\r\n * Define o componente controlled\r\n */\r\nexport function SwitchControlled({ ...props }: SwitchProps<\"Controlled\">) {\r\n    /*\r\n    |------------------------------------------\r\n    | render() - Renderização do componente\r\n    |------------------------------------------\r\n    */\r\n    return <>\r\n        <div className=\"w-100 d-flex\">\r\n            <InputSwitch checked={props.value}\r\n                disabled={props.disabled}\r\n                falseValue={props.valueFalse ?? false}\r\n                id={props.id}\r\n                name={props.name}\r\n                trueValue={props.valueTrue ?? true}\r\n                onChange={event => {\r\n                    if (props.onChange) {\r\n                        props.onChange(event.target.value);\r\n                    }\r\n                }}/>\r\n            {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\r\n        </div>\r\n        <InputFeedback {...props}/>\r\n    </>;\r\n}"],"mappings":";;;;;;AASA,SAAgB,EAAiB,EAAE,GAAG,KAAoC;CAMtE,OAAO,kBAAA,GAAA,EAAA,UAAA,CACH,kBAAC,OAAD;EAAK,WAAU;YAAf,CACI,kBAAC,GAAD;GAAa,SAAS,EAAM;GACxB,UAAU,EAAM;GAChB,YAAY,EAAM,cAAc;GAChC,IAAI,EAAM;GACV,MAAM,EAAM;GACZ,WAAW,EAAM,aAAa;GAC9B,WAAU,MAAS;IACf,AAAI,EAAM,YACN,EAAM,SAAS,EAAM,OAAO,KAAK;GAEzC;EAAG,CAAA,GACN,EAAM,UAAU,kBAAC,KAAD;GAAG,WAAU;aAA6B,EAAM;EAAU,CAAA,CAC1E;KACL,kBAAC,GAAD,EAAe,GAAI,EAAO,CAAA,CAC5B,EAAA,CAAA;AACN"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/switch/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\nimport { SwitchProps } from \"..\";\nimport { InputFeedback } from \"../../api\";\nimport { Controller } from \"react-hook-form\";\nimport { InputSwitch } from \"primereact/inputswitch\";\n\n/**\n * Core - `SwitchHookForm`\n * Define o componente utilizando o HookForm\n */\nexport function SwitchHookForm({ ...props }: SwitchProps<\"HookForm\">) {\n    /*\n    |------------------------------------------\n    | render() - Renderização do componente\n    |------------------------------------------\n    */\n    return (\n        <Controller render={({ field, formState: { errors } }) => {\n            return <>\n                <div className=\"w-100 d-flex\">\n                    <InputSwitch checked={field.value}\n                        disabled={props.disabled}\n                        falseValue={props.valueFalse ?? false}\n                        id={props.id}\n                        name={field.name}\n                        trueValue={props.valueTrue ?? true}\n                        onChange={event => field.onChange(event)}/>\n                    {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\n                </div>\n                <InputFeedback {...props}\n                    errors={errors}/>\n            </>;\n        }}\n        control={props.control}\n        name={props.name}/>\n    );\n}"],"mappings":";;;;;;;AAUA,SAAgB,EAAe,EAAE,GAAG,KAAkC;CAMlE,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAChC,kBAAA,GAAA,EAAA,UAAA,CACH,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IAAa,SAAS,EAAM;IACxB,UAAU,EAAM;IAChB,YAAY,EAAM,cAAc;IAChC,IAAI,EAAM;IACV,MAAM,EAAM;IACZ,WAAW,EAAM,aAAa;IAC9B,WAAU,MAAS,EAAM,SAAS,EAAM;IAAG,CAAA,EAC9C,EAAM,UAAU,kBAAC,KAAD;IAAG,WAAU;cAA6B,EAAM;IAAW,CAAA,CAC1E;MACN,kBAAC,GAAD;GAAe,GAAI;GACP;GAAS,CAAA,CACtB,EAAA,CAAA;EAEP,SAAS,EAAM;EACf,MAAM,EAAM;EAAO,CAAA"}
+{"version":3,"file":"index.esm.js","names":[],"sources":["../../../../src/switch/core/hookForm.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { SwitchProps } from \"..\";\r\nimport { InputFeedback } from \"../../api\";\r\nimport { Controller } from \"react-hook-form\";\r\nimport { InputSwitch } from \"primereact/inputswitch\";\r\n\r\n/**\r\n * Core - `SwitchHookForm`\r\n * Define o componente utilizando o HookForm\r\n */\r\nexport function SwitchHookForm({ ...props }: SwitchProps<\"HookForm\">) {\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                <div className=\"w-100 d-flex\">\r\n                    <InputSwitch checked={field.value}\r\n                        disabled={props.disabled}\r\n                        falseValue={props.valueFalse ?? false}\r\n                        id={props.id}\r\n                        name={field.name}\r\n                        trueValue={props.valueTrue ?? true}\r\n                        onChange={event => field.onChange(event)}/>\r\n                    {props.legend && <p className=\"ms-2 p-inputswitch-legend\">{props.legend}</p>}\r\n                </div>\r\n                <InputFeedback {...props}\r\n                    errors={errors}/>\r\n            </>;\r\n        }}\r\n        control={props.control}\r\n        name={props.name}/>\r\n    );\r\n}"],"mappings":";;;;;;;AAUA,SAAgB,EAAe,EAAE,GAAG,KAAkC;CAMlE,OACI,kBAAC,GAAD;EAAY,SAAS,EAAE,UAAO,WAAW,EAAE,kBAChC,kBAAA,GAAA,EAAA,UAAA,CACH,kBAAC,OAAD;GAAK,WAAU;aAAf,CACI,kBAAC,GAAD;IAAa,SAAS,EAAM;IACxB,UAAU,EAAM;IAChB,YAAY,EAAM,cAAc;IAChC,IAAI,EAAM;IACV,MAAM,EAAM;IACZ,WAAW,EAAM,aAAa;IAC9B,WAAU,MAAS,EAAM,SAAS,CAAK;GAAG,CAAA,GAC7C,EAAM,UAAU,kBAAC,KAAD;IAAG,WAAU;cAA6B,EAAM;GAAU,CAAA,CAC1E;MACL,kBAAC,GAAD;GAAe,GAAI;GACP;EAAQ,CAAA,CACtB,EAAA,CAAA;EAEN,SAAS,EAAM;EACf,MAAM,EAAM;CAAM,CAAA;AAE1B"}

package/switch/switch/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","names":[],"sources":["../../../src/switch/switch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Box } from \"../box\";\nimport { SwitchProps } from \".\";\nimport { InputLabel } from \"../api\";\nimport { ApiFieldModeProps } from \"../api\";\nimport { SwitchHookForm } from \"./core/hookForm\";\nimport { SwitchControlled } from \"./core/controlled\";\n\n/**\n * Componente - `Switch`\n *\n * Um componente versátil que é utilizado para entrada de dados do tipo booleano.\n */\nexport function Switch<T extends ApiFieldModeProps = \"Controlled\">(props: SwitchProps<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                ? <SwitchControlled {...propsCore}/>\n                : <SwitchHookForm {...propsCore}/>}\n        </Box>\n    );\n}\n\nSwitch.displayName = \"Switch\";"],"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/switch/switch.tsx"],"sourcesContent":["import React from \"react\";\r\nimport { Box } from \"../box\";\r\nimport { SwitchProps } from \".\";\r\nimport { InputLabel } from \"../api\";\r\nimport { ApiFieldModeProps } from \"../api\";\r\nimport { SwitchHookForm } from \"./core/hookForm\";\r\nimport { SwitchControlled } from \"./core/controlled\";\r\n\r\n/**\r\n * Componente - `Switch`\r\n *\r\n * Um componente versátil que é utilizado para entrada de dados do tipo booleano.\r\n */\r\nexport function Switch<T extends ApiFieldModeProps = \"Controlled\">(props: SwitchProps<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                ? <SwitchControlled {...propsCore}/>\r\n                : <SwitchHookForm {...propsCore}/>}\r\n        </Box>\r\n    );\r\n}\r\n\r\nSwitch.displayName = \"Switch\";"],"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"}

package/table/@types/click.d.ts

@@ -1,7 +1,9 @@
 import { DataTableRowClickEvent } from 'primereact/datatable';
-export interface TableClickProps {
-    /**
-     * Aplica o evento de double click
-     */
-    onDoubleClick?(event: DataTableRowClickEvent): void
+
+
+export interface TableClickProps {
+    /**
+     * Aplica o evento de double click
+     */
+    onDoubleClick?(event: DataTableRowClickEvent): void
 }

package/table/@types/column.d.ts

@@ -1,59 +1,61 @@
 import { default as React, CSSProperties } from 'react';
 import { ColumnBodyOptions, ColumnEditorOptions, ColumnEvent, ColumnHeaderOptions } from 'primereact/column';
-export interface TableColumnProps {
-
-    /**
-     * Propriedade de dados de uma linha.
-     */
-    id: string
-
-    /**
-     * Conteúdo do cabeçalho da tabela.
-     */
-    header: React.ReactNode | ((options: ColumnHeaderOptions) => React.ReactNode)
-
-    /**
-     * Alinha o conteúdo da coluna, os valores válidos são à esquerda, à direita e ao centro.
-     */
-    align?: null | "center" | "left" | "right"
-
-    /**
-     * Alinha o header da coluna, os valores válidos são à esquerda, à direita e ao centro.
-     */
-    alignHeader?: null | "center" | "left" | "right"
-
-    /**
-     * Classe de estilo do componente.
-     */
-    className?: string
-
-    /**
-     * Define se o campo vai ser ordernado
-     */
-    sort?: boolean
-
-    /**
-     * Conteúdo do corpo da coluna.
-     */
-    body?: (data: any, options: ColumnBodyOptions) => React.ReactNode
-
-    /**
-     * Define as propriedades `css` para cada coluna
-     */
-    style?: CSSProperties
-
-    /**
-     * Define se coluna vai ser congelada e qual posição
-     */
-    frozen?: boolean
-
-    /**
-     * Define o elemento de edição dentro de cada coluna
-     */
-    editor?: (options: ColumnEditorOptions) => React.ReactNode
-
-    /**
-     * Retorno de chamada a ser executado quando o editor for enviado.
-     */
-    onEditorComplete?: (event: ColumnEvent) => void
+
+
+export interface TableColumnProps {
+
+    /**
+     * Propriedade de dados de uma linha.
+     */
+    id: string
+
+    /**
+     * Conteúdo do cabeçalho da tabela.
+     */
+    header: React.ReactNode | ((options: ColumnHeaderOptions) => React.ReactNode)
+
+    /**
+     * Alinha o conteúdo da coluna, os valores válidos são à esquerda, à direita e ao centro.
+     */
+    align?: null | "center" | "left" | "right"
+
+    /**
+     * Alinha o header da coluna, os valores válidos são à esquerda, à direita e ao centro.
+     */
+    alignHeader?: null | "center" | "left" | "right"
+
+    /**
+     * Classe de estilo do componente.
+     */
+    className?: string
+
+    /**
+     * Define se o campo vai ser ordernado
+     */
+    sort?: boolean
+
+    /**
+     * Conteúdo do corpo da coluna.
+     */
+    body?: (data: any, options: ColumnBodyOptions) => React.ReactNode
+
+    /**
+     * Define as propriedades `css` para cada coluna
+     */
+    style?: CSSProperties
+
+    /**
+     * Define se coluna vai ser congelada e qual posição
+     */
+    frozen?: boolean
+
+    /**
+     * Define o elemento de edição dentro de cada coluna
+     */
+    editor?: (options: ColumnEditorOptions) => React.ReactNode
+
+    /**
+     * Retorno de chamada a ser executado quando o editor for enviado.
+     */
+    onEditorComplete?: (event: ColumnEvent) => void
 }

package/table/@types/edit.d.ts

@@ -1,6 +1,6 @@
-export interface TableEditProps {
-    /**
-     * Define se tabela vai ser do tipo editável
-     */
-    edit?: boolean
+export interface TableEditProps {
+    /**
+     * Define se tabela vai ser do tipo editável
+     */
+    edit?: boolean
 }

package/table/@types/expand.d.ts

@@ -1,34 +1,34 @@
 import { DataTableRowData, DataTableRowEvent, DataTableValueArray, DataTableExpandedRows, DataTableRowToggleEvent, DataTableRowExpansionTemplate } from 'primereact/datatable';
-import * as React from "react";
-
-export interface TableExpandProps {
-    /**
-     * Define o state de expansão da tabela
-     */
-    rowExpandable?: DataTableValueArray | DataTableExpandedRows
-
-    /**
-     * Define qual indice do objeto Data que sera expandido
-     */
-    rowExpandableAttr?: string
-
-    /**
-     * Função que define o template de expansão
-     */
-    rowExpansionTemplate?(data: DataTableRowData<any>, options: DataTableRowExpansionTemplate): React.ReactNode
-
-    /**
-     * Função para atualizar o state de expansão
-     */
-    onRowExpandable?: (data: DataTableRowToggleEvent<any>) => void
-
-    /**
-     * Função é executada com quando a linha e expandida
-     */
-    onRowExpand?(event: DataTableRowEvent): void
-
-    /**
-     * Função é executada quando a linha e recolhida
-     */
-    onRowCollapse?(event: DataTableRowEvent): void;
+import * as React from "react";
+
+export interface TableExpandProps {
+    /**
+     * Define o state de expansão da tabela
+     */
+    rowExpandable?: DataTableValueArray | DataTableExpandedRows
+
+    /**
+     * Define qual indice do objeto Data que sera expandido
+     */
+    rowExpandableAttr?: string
+
+    /**
+     * Função que define o template de expansão
+     */
+    rowExpansionTemplate?(data: DataTableRowData<any>, options: DataTableRowExpansionTemplate): React.ReactNode
+
+    /**
+     * Função para atualizar o state de expansão
+     */
+    onRowExpandable?: (data: DataTableRowToggleEvent<any>) => void
+
+    /**
+     * Função é executada com quando a linha e expandida
+     */
+    onRowExpand?(event: DataTableRowEvent): void
+
+    /**
+     * Função é executada quando a linha e recolhida
+     */
+    onRowCollapse?(event: DataTableRowEvent): void;
 }

package/table/@types/group.d.ts

@@ -1,21 +1,21 @@
-export interface TableGroupProps {
-    /**
-     * Define a representação do objeto de agrupamento
-     */
-    rowGroup?: string
-
-    /**
-     * Define o tipo de agrupamento da tabela
-     */
-    rowGroupMode?: "subheader" | "rowgroup"
-
-    /**
-     * Define o template do agrupamento - Header
-     */
-    rowGroupHeaderTemplate?: any
-
-    /**
-     * Define o template do agrupamento - Footer
-     */
-    rowGroupFooterTemplate?: any
+export interface TableGroupProps {
+    /**
+     * Define a representação do objeto de agrupamento
+     */
+    rowGroup?: string
+
+    /**
+     * Define o tipo de agrupamento da tabela
+     */
+    rowGroupMode?: "subheader" | "rowgroup"
+
+    /**
+     * Define o template do agrupamento - Header
+     */
+    rowGroupHeaderTemplate?: any
+
+    /**
+     * Define o template do agrupamento - Footer
+     */
+    rowGroupFooterTemplate?: any
 }