npm - @tecsinapse/react-web-kit - Versions diffs - 1.22.7 → 1.22.8 - Mend

@tecsinapse/react-web-kit 1.22.7 → 1.22.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (221) hide show

package/dist/esm/components/molecules/Select/Select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.js","sources":["../../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n PressableInputContainer,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { useEffect, useState } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { useClickAwayListener } from '../../../hooks';\nimport { defaultStyles, transition } from './animations';\nimport { Dropdown } from './Dropdown';\nimport { getDisplayValue } from './functions';\nimport {\n RightComponent,\n StyledContainer,\n StyledInputContainer,\n} from './styled';\n\nexport interface SelectProps<Data, Type extends 'single' \| 'multi'>\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n options: ((searchInput?: string) => Promise<Data[]>) \| Data[];\n onSelect: (\n option: Type extends 'single' ? Data \| undefined : Data[]\n ) => never \| void;\n value: Type extends 'single' ? Data \| undefined : Data[];\n type: Type;\n keyExtractor: (t: Data, index?: number) => string;\n labelExtractor: (t: Data) => string;\n placeholder?: string;\n onSearch?:\n \| ((searchArg: string) => void)\n \| ((searchInput?: string) => Promise<Data[]>)\n \| never;\n searchBarPlaceholder?: string;\n hideSearchBar?: boolean;\n selectAllLabel?: string;\n disabled?: boolean;\n label?: string;\n anchor?: 'top' \| 'bottom';\n displayTextProps?: TextProps;\n}\n\n/** NOTE: For better performance, you should memoize options and handlers */\nconst Select = <Data, Type extends 'single' \| 'multi'>({\n value,\n options,\n keyExtractor,\n onSelect,\n type,\n labelExtractor,\n placeholder,\n onSearch,\n searchBarPlaceholder = 'Busque a opção desejada',\n hideSearchBar = true,\n label,\n disabled = false,\n anchor = 'bottom',\n displayTextProps,\n selectAllLabel = 'Selecionar todos',\n ...rest\n}: SelectProps<Data, Type>): JSX.Element => {\n const [dropDownVisible, setDropDownVisible] = React.useState<boolean>(false);\n const [selectOptions, setSelectOptions] = useState<Data[]>([]);\n const refDropDown = React.useRef(null);\n useClickAwayListener(refDropDown, setDropDownVisible);\n\n useEffect(() => {\n if (typeof options !== 'function') {\n setSelectOptions(options);\n }\n }, [options]);\n\n // TODO: Add Skeleton to modal height when loading is true\n\n const onlyLabel = label && !placeholder;\n const hasValue =\n type === 'single' ? !!value : ((value \|\| []) as []).length > 0;\n const _placeholder = onlyLabel ? label : placeholder;\n const _label = hasValue ? label : undefined;\n\n const displayValue = getDisplayValue<Data>(\n type,\n value,\n selectOptions,\n _placeholder,\n keyExtractor,\n labelExtractor\n );\n\n const handleLazyFocus = React.useCallback(async () => {\n if (!dropDownVisible && typeof options === 'function') {\n try {\n const result = await options();\n if (result) {\n setSelectOptions(result ?? []);\n }\n } catch (e) {\n // TODO: Catch error\n }\n }\n }, [options, setSelectOptions, dropDownVisible]);\n\n const handleOnSearch = React.useCallback(\n async (searchInput: string \| undefined) => {\n if (searchInput !== undefined && onSearch && dropDownVisible) {\n try {\n //TODO: Remove code duplicated below (Select in react-native-kit)\n const result = await onSearch(searchInput);\n if (result) {\n if (type === 'single') {\n if (\n value &&\n !result.find(\n v => keyExtractor(value as Data) === keyExtractor(v)\n )\n ) {\n setSelectOptions([value as Data, ...result]);\n } else setSelectOptions(result);\n } else {\n if ((value as Data[]).length > 0) {\n const selectedValues =\n (value as Data[]).filter(\n v =>\n !result.find(\n current =>\n keyExtractor(v as Data) === keyExtractor(current)\n )\n ) \|\| [];\n setSelectOptions([...selectedValues, ...result]);\n } else {\n setSelectOptions(result);\n }\n }\n }\n } catch (e) {\n // TODO: Catch error\n }\n }\n },\n [onSearch, value, keyExtractor, dropDownVisible, setSelectOptions]\n );\n\n const handlePressInput = async () => {\n await handleLazyFocus();\n };\n\n const onPress = React.useCallback(\n () => setDropDownVisible(prev => !prev),\n [setDropDownVisible]\n );\n\n return (\n <StyledContainer ref={refDropDown} {...rest}>\n <StyledInputContainer onFocus={handlePressInput}>\n <PressableInputContainer\n label={_label}\n onPress={onPress}\n disabled={disabled}\n rightComponent={RightComponent}\n >\n <Text\n {...displayTextProps}\n ellipsizeMode=\"tail\"\n numberOfLines={1}\n fontWeight={'bold'}\n >\n {displayValue}\n </Text>\n </PressableInputContainer>\n </StyledInputContainer>\n <Transition in={dropDownVisible} timeout={300}>\n {state => (\n <Dropdown\n options={selectOptions ?? []}\n onSelect={onSelect}\n value={value}\n type={type}\n keyExtractor={keyExtractor}\n labelExtractor={labelExtractor}\n hideSearchBar={hideSearchBar}\n searchBarPlaceholder={searchBarPlaceholder}\n onSearch={handleOnSearch}\n style={{ ...defaultStyles, ...transition[anchor][state] }}\n setDropDownVisible={setDropDownVisible}\n anchor={anchor}\n selectAllLabel={selectAllLabel}\n />\n )}\n </Transition>\n </StyledContainer>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"Select.js","sources":["../../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n PressableInputContainer,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { useEffect, useState } from 'react';\nimport { Transition } from 'react-transition-group';\nimport { useClickAwayListener } from '../../../hooks';\nimport { defaultStyles, transition } from './animations';\nimport { Dropdown } from './Dropdown';\nimport { getDisplayValue } from './functions';\nimport {\n RightComponent,\n StyledContainer,\n StyledInputContainer,\n} from './styled';\n\nexport interface SelectProps<Data, Type extends 'single' \| 'multi'>\n extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onSelect'> {\n options: ((searchInput?: string) => Promise<Data[]>) \| Data[];\n onSelect: (\n option: Type extends 'single' ? Data \| undefined : Data[]\n ) => never \| void;\n value: Type extends 'single' ? Data \| undefined : Data[];\n type: Type;\n keyExtractor: (t: Data, index?: number) => string;\n labelExtractor: (t: Data) => string;\n placeholder?: string;\n onSearch?:\n \| ((searchArg: string) => void)\n \| ((searchInput?: string) => Promise<Data[]>)\n \| never;\n searchBarPlaceholder?: string;\n hideSearchBar?: boolean;\n selectAllLabel?: string;\n disabled?: boolean;\n label?: string;\n anchor?: 'top' \| 'bottom';\n displayTextProps?: TextProps;\n}\n\n/** NOTE: For better performance, you should memoize options and handlers */\nconst Select = <Data, Type extends 'single' \| 'multi'>({\n value,\n options,\n keyExtractor,\n onSelect,\n type,\n labelExtractor,\n placeholder,\n onSearch,\n searchBarPlaceholder = 'Busque a opção desejada',\n hideSearchBar = true,\n label,\n disabled = false,\n anchor = 'bottom',\n displayTextProps,\n selectAllLabel = 'Selecionar todos',\n ...rest\n}: SelectProps<Data, Type>): JSX.Element => {\n const [dropDownVisible, setDropDownVisible] = React.useState<boolean>(false);\n const [selectOptions, setSelectOptions] = useState<Data[]>([]);\n const refDropDown = React.useRef(null);\n useClickAwayListener(refDropDown, setDropDownVisible);\n\n useEffect(() => {\n if (typeof options !== 'function') {\n setSelectOptions(options);\n }\n }, [options]);\n\n // TODO: Add Skeleton to modal height when loading is true\n\n const onlyLabel = label && !placeholder;\n const hasValue =\n type === 'single' ? !!value : ((value \|\| []) as []).length > 0;\n const _placeholder = onlyLabel ? label : placeholder;\n const _label = hasValue ? label : undefined;\n\n const displayValue = getDisplayValue<Data>(\n type,\n value,\n selectOptions,\n _placeholder,\n keyExtractor,\n labelExtractor\n );\n\n const handleLazyFocus = React.useCallback(async () => {\n if (!dropDownVisible && typeof options === 'function') {\n try {\n const result = await options();\n if (result) {\n setSelectOptions(result ?? []);\n }\n } catch (e) {\n // TODO: Catch error\n }\n }\n }, [options, setSelectOptions, dropDownVisible]);\n\n const handleOnSearch = React.useCallback(\n async (searchInput: string \| undefined) => {\n if (searchInput !== undefined && onSearch && dropDownVisible) {\n try {\n //TODO: Remove code duplicated below (Select in react-native-kit)\n const result = await onSearch(searchInput);\n if (result) {\n if (type === 'single') {\n if (\n value &&\n !result.find(\n v => keyExtractor(value as Data) === keyExtractor(v)\n )\n ) {\n setSelectOptions([value as Data, ...result]);\n } else setSelectOptions(result);\n } else {\n if ((value as Data[]).length > 0) {\n const selectedValues =\n (value as Data[]).filter(\n v =>\n !result.find(\n current =>\n keyExtractor(v as Data) === keyExtractor(current)\n )\n ) \|\| [];\n setSelectOptions([...selectedValues, ...result]);\n } else {\n setSelectOptions(result);\n }\n }\n }\n } catch (e) {\n // TODO: Catch error\n }\n }\n },\n [onSearch, value, keyExtractor, dropDownVisible, setSelectOptions]\n );\n\n const handlePressInput = async () => {\n await handleLazyFocus();\n };\n\n const onPress = React.useCallback(\n () => setDropDownVisible(prev => !prev),\n [setDropDownVisible]\n );\n\n return (\n <StyledContainer ref={refDropDown} {...rest}>\n <StyledInputContainer onFocus={handlePressInput}>\n <PressableInputContainer\n label={_label}\n onPress={onPress}\n disabled={disabled}\n rightComponent={RightComponent}\n >\n <Text\n {...displayTextProps}\n ellipsizeMode=\"tail\"\n numberOfLines={1}\n fontWeight={'bold'}\n >\n {displayValue}\n </Text>\n </PressableInputContainer>\n </StyledInputContainer>\n <Transition in={dropDownVisible} timeout={300}>\n {state => (\n <Dropdown\n options={selectOptions ?? []}\n onSelect={onSelect}\n value={value}\n type={type}\n keyExtractor={keyExtractor}\n labelExtractor={labelExtractor}\n hideSearchBar={hideSearchBar}\n searchBarPlaceholder={searchBarPlaceholder}\n onSearch={handleOnSearch}\n style={{ ...defaultStyles, ...transition[anchor][state] }}\n setDropDownVisible={setDropDownVisible}\n anchor={anchor}\n selectAllLabel={selectAllLabel}\n />\n )}\n </Transition>\n </StyledContainer>\n );\n};\n\nexport default Select;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/molecules/Snackbar/Snackbar.js CHANGED Viewed

@@ -2,49 +2,18 @@ import React from 'react';
 import { Text } from '@tecsinapse/react-core';
 import { SnackbarStyled } from './styled.js';
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const Snackbar = (_a) => {
-  var _b = _a, {
-    value,
-    textProps = { colorVariant: "primary", colorTone: "medium" }
-  } = _b, rest = __objRest(_b, [
-    "value",
-    "textProps"
-  ]);
-  return /* @__PURE__ */ React.createElement(SnackbarStyled, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(Text, __spreadProps(__spreadValues({}, textProps), {
+const Snackbar = ({
+  value,
+  textProps = { colorVariant: "primary", colorTone: "medium" },
+  ...rest
+}) => {
+  return /* @__PURE__ */ React.createElement(SnackbarStyled, {
+    ...rest
+  }, /* @__PURE__ */ React.createElement(Text, {
+    ...textProps,
     fontWeight: "bold",
     typography: "base"
-  }), value));
+  }, value));
 };
 export { Snackbar as default };

package/dist/esm/components/molecules/Snackbar/Snackbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Snackbar.js","sources":["../../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n SnackbarProps as SnackPropsCore,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextProps;\n}\n\nconst Snackbar: React.FC<SnackbarWebProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"names":[],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAaM~~,~~MAAA~~,~~QAAA~~,~~GAAuC,~~CAAC~~,EAIxC,KAAA~~;~~AAJwC~~,EAC5C,~~IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,~~KAAA;AAAA,~~IACA~~,SAAY,GAAA,EAAE,YAAc,EAAA,SAAA,EAAW,WAAW,QAAS,EAAA;AAAA,~~GAf7D~~,~~GAa8C~~,~~EAGzC,EAAA,~~IAAA~~,GAAA,SAAA,CAHyC,EAGzC,EAAA~~;~~AAAA~~,~~IAFH~~,~~OAAA~~;~~AAAA~~,~~IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,~~EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,~~cAAA~~,~~CAAA~~,~~EAAA~~,~~EAAmB~~,~~IAClB~~,~~CAAA,kBAAA,~~KAAA,CAAA,aAAA,~~CAAC~~,~~uCAAS~~,~~SAAT~~,~~CAAA~~,~~EAAA~~;AAAA,~~IAAoB~~,UAAW,EAAA,MAAA;AAAA,IAAO,UAAW,EAAA,MAAA;AAAA,GAAA,~~CAAA,~~EAC/C,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"Snackbar.js","sources":["../../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport {\n SnackbarProps as SnackPropsCore,\n Text,\n TextProps,\n} from '@tecsinapse/react-core';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarWebProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextProps;\n}\n\nconst Snackbar: React.FC<SnackbarWebProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"names":[],"mappings":";;;;AAaA,MAAM,WAAuC,CAAC;AAAA,EAC5C,KAAA;AAAA,EACA,SAAY,GAAA,EAAE,YAAc,EAAA,SAAA,EAAW,WAAW,QAAS,EAAA;AAAA,EACxD,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAgB,GAAG,IAAA;AAAA,GAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,SAAA;AAAA,IAAW,UAAW,EAAA,MAAA;AAAA,IAAO,UAAW,EAAA,MAAA;AAAA,GAAA,EAC/C,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/molecules/TextArea/TextArea.js CHANGED Viewed

@@ -2,87 +2,32 @@ import React from 'react';
 import { useInputFocus, TextArea as TextArea$1, Text } from '@tecsinapse/react-core';
 import { StyledWebInput } from './styled.js';
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const TextArea = (_a) => {
-  var _b = _a, {
-    label,
-    labelColor,
-    labelColorVariant,
-    labelColorTone,
-    labelTypography,
-    labelStack,
-    labelWeight,
-    leftComponent,
-    rightComponent,
-    disabled,
-    style,
-    borderColor,
-    borderColorGradation,
-    inputFontStack = "default",
-    inputFontWeight = "bold",
-    inputContainerStyle,
-    variant = "default",
-    hintComponent,
-    hint,
-    onFocus,
-    onBlur,
-    value,
-    maxLength
-  } = _b, rest = __objRest(_b, [
-    "label",
-    "labelColor",
-    "labelColorVariant",
-    "labelColorTone",
-    "labelTypography",
-    "labelStack",
-    "labelWeight",
-    "leftComponent",
-    "rightComponent",
-    "disabled",
-    "style",
-    "borderColor",
-    "borderColorGradation",
-    "inputFontStack",
-    "inputFontWeight",
-    "inputContainerStyle",
-    "variant",
-    "hintComponent",
-    "hint",
-    "onFocus",
-    "onBlur",
-    "value",
-    "maxLength"
-  ]);
+const TextArea = ({
+  label,
+  labelColor,
+  labelColorVariant,
+  labelColorTone,
+  labelTypography,
+  labelStack,
+  labelWeight,
+  leftComponent,
+  rightComponent,
+  disabled,
+  style,
+  borderColor,
+  borderColorGradation,
+  inputFontStack = "default",
+  inputFontWeight = "bold",
+  inputContainerStyle,
+  variant = "default",
+  hintComponent,
+  hint,
+  onFocus,
+  onBlur,
+  value,
+  maxLength,
+  ...rest
+}) => {
   const { focused, handleBlur, handleFocus } = useInputFocus(
     onFocus,
     onBlur,
@@ -111,7 +56,8 @@ const TextArea = (_a) => {
     style,
     TextComponent: Text,
     maxLength
-  }, /* @__PURE__ */ React.createElement(StyledWebInput, __spreadProps(__spreadValues({}, rest), {
+  }, /* @__PURE__ */ React.createElement(StyledWebInput, {
+    ...rest,
     fontStack: inputFontStack,
     fontWeight: inputFontWeight,
     disabled,
@@ -121,7 +67,7 @@ const TextArea = (_a) => {
     multiline: true,
     value,
     maxLength
-  })));
+  }));
 };
 export { TextArea as default };

package/dist/esm/components/molecules/TextArea/TextArea.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.js","sources":["../../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n useInputFocus,\n TextAreaProps as ITACore,\n TextArea as TACore,\n Text,\n} from '@tecsinapse/react-core';\nimport { StyledWebInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' \| 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n maxLength,\n ...rest\n}) => {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n return (\n <TACore\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n value={value}\n hintComponent={hintComponent}\n hint={hint}\n style={style}\n TextComponent={Text}\n maxLength={maxLength}\n >\n <StyledWebInput\n {...rest}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n textAlignVertical={'top'}\n multiline\n value={value}\n maxLength={maxLength}\n />\n </TACore>\n );\n};\n\nexport default TextArea;\n"],"names":["TACore"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM~~,~~MAAA~~,~~QAAA~~,~~GAA8B,~~CAAC~~,EAyB/B,KAAA~~;~~AAzB+B~~,EACnC,~~IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,~~KAAA;AAAA,~~IACA~~,UAAA;AAAA,~~IACA~~,iBAAA;AAAA,~~IACA~~,cAAA;AAAA,~~IACA~~,eAAA;AAAA,~~IACA~~,UAAA;AAAA,~~IACA~~,WAAA;AAAA,~~IACA~~,aAAA;AAAA,~~IACA~~,cAAA;AAAA,~~IACA~~,QAAA;AAAA,~~IACA~~,KAAA;AAAA,~~IACA~~,WAAA;AAAA,~~IACA~~,oBAAA;AAAA,~~IACA~~,cAAiB,GAAA,SAAA;AAAA,~~IACjB~~,eAAkB,GAAA,MAAA;AAAA,~~IAClB~~,mBAAA;AAAA,~~IACA~~,OAAU,GAAA,SAAA;AAAA,~~IACV~~,aAAA;AAAA,~~IACA~~,IAAA;AAAA,~~IACA~~,OAAA;AAAA,~~IACA~~,MAAA;AAAA,~~IACA~~,KAAA;AAAA,~~IACA~~,SAAA;AAAA,~~GAlCF~~,~~GAWqC~~,~~EAwBhC,EAAA,~~IAAA~~,GAAA,SAAA,CAxBgC,EAwBhC,EAAA~~;~~AAAA~~,~~IAvBH~~,~~OAAA~~;~~AAAA~~,IACA,YAAA;AAAA,IACA,mBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,YAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,gBAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,IACA,aAAA;AAAA,IACA,sBAAA;AAAA,IACA,gBAAA;AAAA,IACA,iBAAA;AAAA,IACA,qBAAA;AAAA,IACA,SAAA;AAAA,IACA,eAAA;AAAA,IACA,MAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,WAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,UAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,IAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,IAAA;AAAA,IACf,SAAA;AAAA,~~GAEA~~,~~kBAAA~~,KAAA,CAAA,aAAA,~~CAAC~~,~~iDACK~~,~~IADL~~,~~CAAA~~,~~EAAA~~;AAAA,~~IAEC~~,SAAW,EAAA,cAAA;AAAA,IACX,UAAY,EAAA,eAAA;AAAA,IACZ,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAmB,EAAA,KAAA;AAAA,IACnB,SAAS,EAAA,IAAA;AAAA,IACT,KAAA;AAAA,IACA,SAAA;AAAA,~~GAAA~~,CACF,~~CACF,~~CAAA,CAAA;AAEJ;;;;"}
1	+ {"version":3,"file":"TextArea.js","sources":["../../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n useInputFocus,\n TextAreaProps as ITACore,\n TextArea as TACore,\n Text,\n} from '@tecsinapse/react-core';\nimport { StyledWebInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' \| 'focused'>;\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n maxLength,\n ...rest\n}) => {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n return (\n <TACore\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n value={value}\n hintComponent={hintComponent}\n hint={hint}\n style={style}\n TextComponent={Text}\n maxLength={maxLength}\n >\n <StyledWebInput\n {...rest}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n textAlignVertical={'top'}\n multiline\n value={value}\n maxLength={maxLength}\n />\n </TACore>\n );\n};\n\nexport default TextArea;\n"],"names":["TACore"],"mappings":";;;;AAWA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,cAAiB,GAAA,SAAA;AAAA,EACjB,eAAkB,GAAA,MAAA;AAAA,EAClB,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,UAAA,EAAA;AAAA,IACC,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,cAAgB,EAAA,IAAA;AAAA,IAChB,aAAA;AAAA,IACA,cAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,mBAAA;AAAA,IACA,OAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,IACA,aAAe,EAAA,IAAA;AAAA,IACf,SAAA;AAAA,GAAA,kBAEC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,SAAW,EAAA,cAAA;AAAA,IACX,UAAY,EAAA,eAAA;AAAA,IACZ,QAAA;AAAA,IACA,OAAS,EAAA,WAAA;AAAA,IACT,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAmB,EAAA,KAAA;AAAA,IACnB,SAAS,EAAA,IAAA;AAAA,IACT,KAAA;AAAA,IACA,SAAA;AAAA,GACF,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/esm/components/organisms/DataGrid/DataGrid.js CHANGED Viewed

@@ -13,84 +13,32 @@ import Footer from './Footer/Footer.js';
 import Skeleton from '../../atoms/Skeleton/Skeleton.js';
 import { removeElement, getData } from './utils.js';
-var __defProp = Object.defineProperty;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-const DataGrid = (_a) => {
-  var _b = _a, {
-    headers,
-    data,
-    rowKeyExtractor,
-    toolbarTitle,
-    toolbarFooter,
-    toolbarRightIcons,
-    selectable = false,
-    selectedRows = [],
-    onSelectedRows,
-    pagination = false,
-    rowsPerPage = 10,
-    onRowsPerPageChange,
-    rowsPerPageOptions: _rowsPerPageOptions,
-    rowsPerPageLabel: _rowsPerPageLabel,
-    exportLabel = "Exportar",
-    exportFunction,
-    rowsCount,
-    page = 0,
-    onPageChange,
-    loading = false,
-    skeletonComponent,
-    emptyPlaceholder,
-    exportComponent
-  } = _b, rest = __objRest(_b, [
-    "headers",
-    "data",
-    "rowKeyExtractor",
-    "toolbarTitle",
-    "toolbarFooter",
-    "toolbarRightIcons",
-    "selectable",
-    "selectedRows",
-    "onSelectedRows",
-    "pagination",
-    "rowsPerPage",
-    "onRowsPerPageChange",
-    "rowsPerPageOptions",
-    "rowsPerPageLabel",
-    "exportLabel",
-    "exportFunction",
-    "rowsCount",
-    "page",
-    "onPageChange",
-    "loading",
-    "skeletonComponent",
-    "emptyPlaceholder",
-    "exportComponent"
-  ]);
+const DataGrid = ({
+  headers,
+  data,
+  rowKeyExtractor,
+  toolbarTitle,
+  toolbarFooter,
+  toolbarRightIcons,
+  selectable = false,
+  selectedRows = [],
+  onSelectedRows,
+  pagination = false,
+  rowsPerPage = 10,
+  onRowsPerPageChange,
+  rowsPerPageOptions: _rowsPerPageOptions,
+  rowsPerPageLabel: _rowsPerPageLabel,
+  exportLabel = "Exportar",
+  exportFunction,
+  rowsCount,
+  page = 0,
+  onPageChange,
+  loading = false,
+  skeletonComponent,
+  emptyPlaceholder,
+  exportComponent,
+  ...rest
+}) => {
   if (selectable && (!selectedRows || !onSelectedRows)) {
     throw new Error(
       "[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)"
@@ -101,16 +49,16 @@ const DataGrid = (_a) => {
     [_rowsPerPageLabel]
   );
   const rowsPerPageOptions = React.useMemo(
-    () => _rowsPerPageOptions != null ? _rowsPerPageOptions : [10, 25, 50],
+    () => _rowsPerPageOptions ?? [10, 25, 50],
     [_rowsPerPageOptions]
   );
   const handleSelect = React.useCallback(
     (current, checked) => {
       if (checked) {
-        onSelectedRows == null ? void 0 : onSelectedRows((prevState) => [...prevState, current]);
+        onSelectedRows?.((prevState) => [...prevState, current]);
         return;
       }
-      onSelectedRows == null ? void 0 : onSelectedRows((prevState) => {
+      onSelectedRows?.((prevState) => {
         const idx = prevState.findIndex(
           (el) => rowKeyExtractor(el) === rowKeyExtractor(current)
         );
@@ -119,7 +67,9 @@ const DataGrid = (_a) => {
     },
     [onSelectedRows, rowKeyExtractor]
   );
-  return /* @__PURE__ */ React.createElement(TableContainer, __spreadValues({}, rest), /* @__PURE__ */ React.createElement(TableToolbar, {
+  return /* @__PURE__ */ React.createElement(TableContainer, {
+    ...rest
+  }, /* @__PURE__ */ React.createElement(TableToolbar, {
     title: toolbarTitle,
     rightIcons: toolbarRightIcons,
     footer: toolbarFooter
@@ -127,7 +77,7 @@ const DataGrid = (_a) => {
     selectable,
     headers,
     data,
-    rowsCount: rowsCount != null ? rowsCount : data.length,
+    rowsCount: rowsCount ?? data.length,
     rowKeyExtractor,
     selectedRows,
     onSelected: onSelectedRows
@@ -139,7 +89,7 @@ const DataGrid = (_a) => {
       selectable,
       headers,
       data: item,
-      checked: selectedRows == null ? void 0 : selectedRows.some(
+      checked: selectedRows?.some(
         (sel) => rowKeyExtractor(sel) === rowKeyExtractor(item)
       )
     })
@@ -150,7 +100,7 @@ const DataGrid = (_a) => {
   }, /* @__PURE__ */ React.createElement(Td, {
     colSpan: 99,
     style: { padding: 0 }
-  }, skeletonComponent != null ? skeletonComponent : /* @__PURE__ */ React.createElement(Skeleton, {
+  }, skeletonComponent ?? /* @__PURE__ */ React.createElement(Skeleton, {
     height: 55,
     radius: "mili",
     animation: "wave"
@@ -163,7 +113,7 @@ const DataGrid = (_a) => {
     rowsPerPage,
     onRowsPerPageChange,
     rowsPerPageOptions,
-    rowsCount: rowsCount != null ? rowsCount : data.length,
+    rowsCount: rowsCount ?? data.length,
     page,
     onPageChange,
     pagination,

package/dist/esm/components/organisms/DataGrid/DataGrid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DataGrid.js","sources":["../../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Table,\n TableToolbar,\n TableContainer,\n Tr,\n Td,\n TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n extends React.HTMLAttributes<HTMLDivElement> {\n headers: HeadersType<Data>[];\n data: Data[];\n /** Unique identifier for row data /\n rowKeyExtractor: (data: Data) => string;\n toolbarRightIcons?: React.ReactNode;\n toolbarFooter?: React.ReactNode;\n toolbarTitle: string;\n /* Enable rows selection /\n selectable?: boolean;\n /* Selected items /\n selectedRows?: Data[];\n /* Selection handler /\n onSelectedRows?: (data: Data[] \| ((prevState: Data[]) => Data[])) => void;\n /* Shows pagination controls /\n pagination?: boolean;\n /* Results per page /\n rowsPerPage?: number;\n /* Results per page handler /\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions?: number[];\n rowsPerPageLabel?: (value: number) => string;\n /* Export button label /\n exportLabel?: string;\n exportFunction?: () => void;\n /* Total data elements. Only specify this property if your data is server-side /\n rowsCount?: number;\n /* Current page. Always start in 0 /\n page?: number;\n /* Current page handler /\n onPageChange?: (page: number) => void;\n /* Loading state. The amount of skeleton rows is based on current rowsPerPage /\n loading?: boolean;\n /* Custom skeleton component for better visual /\n skeletonComponent?: React.ReactNode;\n /* Empty state placeholder /\n emptyPlaceholder?: React.ReactNode;\n /* Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" /\n exportComponent?: React.ReactNode;\n}\n\n/* Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data,>({\n headers,\n data,\n rowKeyExtractor,\n toolbarTitle,\n toolbarFooter,\n toolbarRightIcons,\n selectable = false,\n selectedRows = [],\n onSelectedRows,\n pagination = false,\n rowsPerPage = 10,\n onRowsPerPageChange,\n rowsPerPageOptions: _rowsPerPageOptions,\n rowsPerPageLabel: _rowsPerPageLabel,\n exportLabel = 'Exportar',\n exportFunction,\n rowsCount,\n page = 0,\n onPageChange,\n loading = false,\n skeletonComponent,\n emptyPlaceholder,\n exportComponent,\n ...rest\n}: DataGridProps<Data>): JSX.Element => {\n if (selectable && (!selectedRows \|\| !onSelectedRows)) {\n throw new Error(\n '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n );\n }\n\n const rowsPerPageLabel = React.useCallback(\n value =>\n _rowsPerPageLabel\n ? _rowsPerPageLabel(value)\n : `Exibir por página: ${value} itens`,\n [_rowsPerPageLabel]\n );\n const rowsPerPageOptions = React.useMemo(\n () => _rowsPerPageOptions ?? [10, 25, 50],\n [_rowsPerPageOptions]\n );\n\n const handleSelect = React.useCallback(\n (current, checked) => {\n if (checked) {\n onSelectedRows?.(prevState => [...prevState, current]);\n return;\n }\n\n onSelectedRows?.(prevState => {\n const idx = prevState.findIndex(\n el => rowKeyExtractor(el) === rowKeyExtractor(current)\n );\n return [...removeElement(prevState, idx)];\n });\n },\n [onSelectedRows, rowKeyExtractor]\n );\n\n return (\n <TableContainer {...rest}>\n <TableToolbar\n title={toolbarTitle}\n rightIcons={toolbarRightIcons}\n footer={toolbarFooter}\n />\n <Table>\n <Header\n selectable={selectable}\n headers={headers}\n data={data}\n rowsCount={rowsCount ?? data.length}\n rowKeyExtractor={rowKeyExtractor}\n selectedRows={selectedRows}\n onSelected={onSelectedRows}\n />\n\n {!loading ? (\n <TBody>\n {data.length > 0 ? (\n getData(data, rowsCount, page, rowsPerPage, pagination).map(\n item => (\n <Row\n key={rowKeyExtractor(item)}\n rowKeyExtractor={rowKeyExtractor}\n handleSelect={handleSelect}\n selectable={selectable}\n headers={headers}\n data={item}\n checked={selectedRows?.some(\n sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n )}\n />\n )\n )\n ) : (\n <tr>\n <td colSpan={99}>{emptyPlaceholder}</td>\n </tr>\n )}\n </TBody>\n ) : (\n <TBody>\n {[...Array(rowsPerPage).keys()].map(idx => (\n <Tr key={`skeleton-${idx}`}>\n <Td colSpan={99} style={{ padding: 0 }}>\n {skeletonComponent ?? (\n <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n <div style={{ width: '100%' }} />\n </Skeleton>\n )}\n </Td>\n </Tr>\n ))}\n </TBody>\n )}\n\n {(Number(rowsCount) > 0 \|\| data.length > 0) && (\n <Footer\n exportFunction={exportFunction}\n exportLabel={exportLabel}\n rowsPerPageLabel={rowsPerPageLabel}\n rowsPerPage={rowsPerPage}\n onRowsPerPageChange={onRowsPerPageChange}\n rowsPerPageOptions={rowsPerPageOptions}\n rowsCount={rowsCount ?? data.length}\n page={page}\n onPageChange={onPageChange}\n pagination={pagination}\n exportComponent={exportComponent}\n />\n )}\n </Table>\n </TableContainer>\n );\n};\n\nexport default DataGrid;\n"],"names":[],"mappings":"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"}
1	+ {"version":3,"file":"DataGrid.js","sources":["../../../../../src/components/organisms/DataGrid/DataGrid.tsx"],"sourcesContent":["import React from 'react';\nimport {\n Table,\n TableToolbar,\n TableContainer,\n Tr,\n Td,\n TBody,\n} from '../../atoms/Table';\nimport { Header } from './Header';\nimport { Row } from './Row';\nimport { HeadersType } from './types';\nimport { Footer } from './Footer';\nimport { Skeleton } from '../../atoms/Skeleton';\nimport { getData, removeElement } from './utils';\n\nexport interface DataGridProps<Data>\n extends React.HTMLAttributes<HTMLDivElement> {\n headers: HeadersType<Data>[];\n data: Data[];\n /** Unique identifier for row data /\n rowKeyExtractor: (data: Data) => string;\n toolbarRightIcons?: React.ReactNode;\n toolbarFooter?: React.ReactNode;\n toolbarTitle: string;\n /* Enable rows selection /\n selectable?: boolean;\n /* Selected items /\n selectedRows?: Data[];\n /* Selection handler /\n onSelectedRows?: (data: Data[] \| ((prevState: Data[]) => Data[])) => void;\n /* Shows pagination controls /\n pagination?: boolean;\n /* Results per page /\n rowsPerPage?: number;\n /* Results per page handler /\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions?: number[];\n rowsPerPageLabel?: (value: number) => string;\n /* Export button label /\n exportLabel?: string;\n exportFunction?: () => void;\n /* Total data elements. Only specify this property if your data is server-side /\n rowsCount?: number;\n /* Current page. Always start in 0 /\n page?: number;\n /* Current page handler /\n onPageChange?: (page: number) => void;\n /* Loading state. The amount of skeleton rows is based on current rowsPerPage /\n loading?: boolean;\n /* Custom skeleton component for better visual /\n skeletonComponent?: React.ReactNode;\n /* Empty state placeholder /\n emptyPlaceholder?: React.ReactNode;\n /* Export component, use if default button with label is not ideal. This prop, not receive \"exportLabel\" and \"exportFunction\" /\n exportComponent?: React.ReactNode;\n}\n\n/* Note: Consider memoizing functions for a better performance */\nconst DataGrid = <Data,>({\n headers,\n data,\n rowKeyExtractor,\n toolbarTitle,\n toolbarFooter,\n toolbarRightIcons,\n selectable = false,\n selectedRows = [],\n onSelectedRows,\n pagination = false,\n rowsPerPage = 10,\n onRowsPerPageChange,\n rowsPerPageOptions: _rowsPerPageOptions,\n rowsPerPageLabel: _rowsPerPageLabel,\n exportLabel = 'Exportar',\n exportFunction,\n rowsCount,\n page = 0,\n onPageChange,\n loading = false,\n skeletonComponent,\n emptyPlaceholder,\n exportComponent,\n ...rest\n}: DataGridProps<Data>): JSX.Element => {\n if (selectable && (!selectedRows \|\| !onSelectedRows)) {\n throw new Error(\n '[DataGrid] You should specify selection handlers (selectedRows, onSelectedRows)'\n );\n }\n\n const rowsPerPageLabel = React.useCallback(\n value =>\n _rowsPerPageLabel\n ? _rowsPerPageLabel(value)\n : `Exibir por página: ${value} itens`,\n [_rowsPerPageLabel]\n );\n const rowsPerPageOptions = React.useMemo(\n () => _rowsPerPageOptions ?? [10, 25, 50],\n [_rowsPerPageOptions]\n );\n\n const handleSelect = React.useCallback(\n (current, checked) => {\n if (checked) {\n onSelectedRows?.(prevState => [...prevState, current]);\n return;\n }\n\n onSelectedRows?.(prevState => {\n const idx = prevState.findIndex(\n el => rowKeyExtractor(el) === rowKeyExtractor(current)\n );\n return [...removeElement(prevState, idx)];\n });\n },\n [onSelectedRows, rowKeyExtractor]\n );\n\n return (\n <TableContainer {...rest}>\n <TableToolbar\n title={toolbarTitle}\n rightIcons={toolbarRightIcons}\n footer={toolbarFooter}\n />\n <Table>\n <Header\n selectable={selectable}\n headers={headers}\n data={data}\n rowsCount={rowsCount ?? data.length}\n rowKeyExtractor={rowKeyExtractor}\n selectedRows={selectedRows}\n onSelected={onSelectedRows}\n />\n\n {!loading ? (\n <TBody>\n {data.length > 0 ? (\n getData(data, rowsCount, page, rowsPerPage, pagination).map(\n item => (\n <Row\n key={rowKeyExtractor(item)}\n rowKeyExtractor={rowKeyExtractor}\n handleSelect={handleSelect}\n selectable={selectable}\n headers={headers}\n data={item}\n checked={selectedRows?.some(\n sel => rowKeyExtractor(sel) === rowKeyExtractor(item)\n )}\n />\n )\n )\n ) : (\n <tr>\n <td colSpan={99}>{emptyPlaceholder}</td>\n </tr>\n )}\n </TBody>\n ) : (\n <TBody>\n {[...Array(rowsPerPage).keys()].map(idx => (\n <Tr key={`skeleton-${idx}`}>\n <Td colSpan={99} style={{ padding: 0 }}>\n {skeletonComponent ?? (\n <Skeleton height={55} radius=\"mili\" animation=\"wave\">\n <div style={{ width: '100%' }} />\n </Skeleton>\n )}\n </Td>\n </Tr>\n ))}\n </TBody>\n )}\n\n {(Number(rowsCount) > 0 \|\| data.length > 0) && (\n <Footer\n exportFunction={exportFunction}\n exportLabel={exportLabel}\n rowsPerPageLabel={rowsPerPageLabel}\n rowsPerPage={rowsPerPage}\n onRowsPerPageChange={onRowsPerPageChange}\n rowsPerPageOptions={rowsPerPageOptions}\n rowsCount={rowsCount ?? data.length}\n page={page}\n onPageChange={onPageChange}\n pagination={pagination}\n exportComponent={exportComponent}\n />\n )}\n </Table>\n </TableContainer>\n );\n};\n\nexport default DataGrid;\n"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/DataGrid/Footer/Footer.js CHANGED Viewed

@@ -44,8 +44,8 @@ const Footer = ({
   };
   const handleRowsPerPage = React.useCallback(
     (value) => {
-      onRowsPerPageChange == null ? void 0 : onRowsPerPageChange(value);
-      onPageChange == null ? void 0 : onPageChange(0);
+      onRowsPerPageChange?.(value);
+      onPageChange?.(0);
     },
     [onPageChange, onRowsPerPageChange]
   );
@@ -71,7 +71,7 @@ const Footer = ({
     fontWeight: "bold",
     fontColor: "medium"
   }, `Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`), /* @__PURE__ */ React.createElement(FooterContainerEnd, null, /* @__PURE__ */ React.createElement(NavigationButton, {
-    onPress: () => onPageChange == null ? void 0 : onPageChange(page - 1),
+    onPress: () => onPageChange?.(page - 1),
     disabled: page === 0
   }, /* @__PURE__ */ React.createElement(Icon, {
     name: "chevron-left",
@@ -84,12 +84,12 @@ const Footer = ({
     key: `page-${value}`
   }, /* @__PURE__ */ React.createElement(PageButton, {
     variant: page === value ? "outlined" : "text",
-    onPress: () => onPageChange == null ? void 0 : onPageChange(value)
+    onPress: () => onPageChange?.(value)
   }, /* @__PURE__ */ React.createElement(Text, {
     fontColor: "medium",
     fontWeight: "bold"
   }, value + 1))))), /* @__PURE__ */ React.createElement(NavigationButton, {
-    onPress: () => onPageChange == null ? void 0 : onPageChange(page + 1),
+    onPress: () => onPageChange?.(page + 1),
     disabled: page === Math.ceil(rowsCount / rowsPerPage) - 1
   }, /* @__PURE__ */ React.createElement(Icon, {
     name: "chevron-right",

package/dist/esm/components/organisms/DataGrid/Footer/Footer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Footer.js","sources":["../../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../atoms/Button';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { Select } from '../../../molecules/Select';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n FooterContainer,\n FooterContainerEnd,\n FooterContainerStart,\n HoveredText,\n NavigationButton,\n PageButton,\n PagesContainer,\n SelectContainer,\n TdFooterStyled,\n TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n rowsPerPage: number;\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions: number[];\n rowsPerPageLabel: (value: number) => string;\n exportLabel?: string;\n exportFunction?: () => void;\n /** Total data elements /\n rowsCount: number;\n page: number;\n onPageChange?: (page: number) => void;\n pagination: boolean;\n exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n rowsPerPage,\n onRowsPerPageChange,\n rowsPerPageOptions,\n rowsPerPageLabel,\n exportFunction,\n exportLabel,\n rowsCount,\n page,\n onPageChange,\n pagination,\n exportComponent,\n}) => {\n if (pagination && (!onPageChange \|\| !onRowsPerPageChange)) {\n throw new Error(\n '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n );\n }\n\n const getPaginationSlice = (): { start: number; end: number } => {\n const totalPages = Math.ceil(rowsCount / rowsPerPage);\n if (totalPages < 4) {\n return { start: 0, end: totalPages };\n }\n if (page === 0) {\n return { start: page, end: page + 3 };\n }\n if (page === totalPages - 1) {\n return { start: page - 2, end: page + 1 };\n }\n return { start: page - 1, end: page + 2 };\n };\n\n const handleRowsPerPage = React.useCallback(\n value => {\n onRowsPerPageChange?.(value as number);\n onPageChange?.(0);\n },\n [onPageChange, onRowsPerPageChange]\n );\n const currentInitItem = page rowsPerPage + 1;\n const currentFinalItem =\n (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n return (\n <TFoot>\n <Tr>\n <TdFooterStyled colSpan={99}>\n <FooterContainer>\n <FooterContainerStart>\n {pagination && (\n <SelectContainer>\n <Select\n options={rowsPerPageOptions}\n onSelect={handleRowsPerPage}\n value={rowsPerPage}\n type={'single'}\n keyExtractor={value => String(value)}\n labelExtractor={rowsPerPageLabel}\n anchor=\"top\"\n />\n </SelectContainer>\n )}\n {exportComponent && !exportFunction && <>{exportComponent}</>}\n {exportFunction && (\n <HoveredText>\n <Button variant=\"outlined\" onPress={() => exportFunction()}>\n <Text fontColor=\"orange\" fontWeight=\"bold\">\n {exportLabel}\n </Text>\n </Button>\n </HoveredText>\n )}\n </FooterContainerStart>\n {pagination && (\n <>\n <TextPagination\n fontWeight={'bold'}\n fontColor={'medium'}\n >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n <FooterContainerEnd>\n <NavigationButton\n onPress={() => onPageChange?.(page - 1)}\n disabled={page === 0}\n >\n <Icon\n name={'chevron-left'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n <PagesContainer>\n {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n .slice(\n getPaginationSlice().start,\n getPaginationSlice().end\n )\n .map(value => (\n <HoveredText key={`page-${value}`}>\n <PageButton\n variant={page === value ? 'outlined' : 'text'}\n onPress={() => onPageChange?.(value)}\n >\n <Text fontColor=\"medium\" fontWeight=\"bold\">\n {value + 1}\n </Text>\n </PageButton>\n </HoveredText>\n ))}\n </PagesContainer>\n <NavigationButton\n onPress={() => onPageChange?.(page + 1)}\n disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n >\n <Icon\n name={'chevron-right'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n </FooterContainerEnd>\n </>\n )}\n </FooterContainer>\n </TdFooterStyled>\n </Tr>\n </TFoot>\n );\n};\n\nexport default React.memo(Footer);\n"],"names":[],"mappings":";;;;;;;;;;;;;AAiCA,MAAM,SAAwC,CAAC;AAAA,EAC7C,WAAA;AAAA,EACA,mBAAA;AAAA,EACA,kBAAA;AAAA,EACA,gBAAA;AAAA,EACA,cAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,YAAA;AAAA,EACA,UAAA;AAAA,EACA,eAAA;AACF,CAAM,KAAA;AACJ,EAAA,IAAI,UAAe,KAAA,CAAC,YAAgB,IAAA,CAAC,mBAAsB,CAAA,EAAA;AACzD,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,uFAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAA,MAAM,qBAAqB,MAAsC;AAC/D,IAAA,MAAM,UAAa,GAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,WAAW,CAAA,CAAA;AACpD,IAAA,IAAI,aAAa,CAAG,EAAA;AAClB,MAAA,OAAO,EAAE,KAAA,EAAO,CAAG,EAAA,GAAA,EAAK,UAAW,EAAA,CAAA;AAAA,KACrC;AACA,IAAA,IAAI,SAAS,CAAG,EAAA;AACd,MAAA,OAAO,EAAE,KAAA,EAAO,IAAM,EAAA,GAAA,EAAK,OAAO,CAAE,EAAA,CAAA;AAAA,KACtC;AACA,IAAI,IAAA,IAAA,KAAS,aAAa,CAAG,EAAA;AAC3B,MAAA,OAAO,EAAE,KAAO,EAAA,IAAA,GAAO,CAAG,EAAA,GAAA,EAAK,OAAO,CAAE,EAAA,CAAA;AAAA,KAC1C;AACA,IAAA,OAAO,EAAE,KAAO,EAAA,IAAA,GAAO,CAAG,EAAA,GAAA,EAAK,OAAO,CAAE,EAAA,CAAA;AAAA,GAC1C,CAAA;AAEA,EAAA,MAAM,oBAAoB,KAAM,CAAA,WAAA;AAAA,IAC9B,CAAS,KAAA,KAAA;AACP,~~MAAsB~~,mBAAA,~~IAAA~~,~~IAAA~~,~~GAAA,KAAA,~~CAAA,~~GAAA,mBAAA,~~CAAA~~,KAAA,CAAA,CAAA~~;~~AACtB~~,~~MAAe~~,YAAA,~~IAAA~~,~~IAAA~~,~~GAAA,KAAA,~~CAAA,~~GAAA,YAAA,~~CAAA~~,CAAA,CAAA,CAAA~~;AAAA,~~KACjB~~;AAAA,IACA,CAAC,cAAc,mBAAmB,CAAA;AAAA,GACpC,CAAA;AACA,EAAM,MAAA,eAAA,GAAkB,OAAO,WAAc,GAAA,CAAA,CAAA;AAC7C,EAAA,MAAM,oBACH,IAAO,GAAA,CAAA,IAAK,cAAc,SAAY,GAAA,SAAA,GAAA,CAAa,OAAO,CAAK,IAAA,WAAA,CAAA;AAElE,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,EAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IAAe,OAAS,EAAA,EAAA;AAAA,GAAA,sCACtB,eACC,EAAA,IAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,4BACE,UACC,oBAAA,KAAA,CAAA,aAAA,CAAC,uCACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IACC,OAAS,EAAA,kBAAA;AAAA,IACT,QAAU,EAAA,iBAAA;AAAA,IACV,KAAO,EAAA,WAAA;AAAA,IACP,IAAM,EAAA,QAAA;AAAA,IACN,YAAA,EAAc,CAAS,KAAA,KAAA,MAAA,CAAO,KAAK,CAAA;AAAA,IACnC,cAAgB,EAAA,gBAAA;AAAA,IAChB,MAAO,EAAA,KAAA;AAAA,GACT,CACF,CAED,EAAA,eAAA,IAAmB,CAAC,cAAA,oBAAqB,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,eAAgB,CACzD,EAAA,cAAA,oBACE,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA,IAAA,kBACE,KAAA,CAAA,aAAA,CAAA,MAAA,EAAA;AAAA,IAAO,OAAQ,EAAA,UAAA;AAAA,IAAW,OAAA,EAAS,MAAM,cAAe,EAAA;AAAA,GAAA,kBACtD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,SAAU,EAAA,QAAA;AAAA,IAAS,UAAW,EAAA,MAAA;AAAA,GAAA,EACjC,WACH,CACF,CACF,CAEJ,CACC,EAAA,UAAA,8EAEI,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACC,UAAY,EAAA,MAAA;AAAA,IACZ,SAAW,EAAA,QAAA;AAAA,GAAA,EACX,YAAY,eAAqB,CAAA,GAAA,EAAA,gBAAA,CAAA,IAAA,EAAuB,qBAAsB,CAChF,kBAAA,KAAA,CAAA,aAAA,CAAC,0CACE,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IACC,~~OAAA~~,~~EAAS~~,MAAM,~~YAAA~~,~~IAAA~~,IAAA,~~GAAA~~,~~KAAA~~,CAAA~~,GAAA,YAAA,CAAe,IAAO,GAAA,CAAA,CAAA~~;AAAA,~~IACrC~~,UAAU,IAAS,KAAA,CAAA;AAAA,GAAA,kBAElB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAM,EAAA,cAAA;AAAA,IACN,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA,OAAA;AAAA,GACb,CACF,CAAA,kBACC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,IAAA,EACE,CAAC,GAAG,KAAA,CAAM,IAAK,CAAA,IAAA,CAAK,YAAY,WAAW,CAAC,CAAE,CAAA,IAAA,EAAM,CAClD,CAAA,KAAA;AAAA,IACC,oBAAqB,CAAA,KAAA;AAAA,IACrB,oBAAqB,CAAA,GAAA;AAAA,GACvB,CACC,GAAI,CAAA,CAAA,KAAA,qBACF,KAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,IAAY,KAAK,CAAQ,KAAA,EAAA,KAAA,CAAA,CAAA;AAAA,GAAA,kBACvB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IACC,OAAA,EAAS,IAAS,KAAA,KAAA,GAAQ,UAAa,GAAA,MAAA;AAAA,IACvC,OAAA,EAAS,MAAM,~~YAAe,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,~~YAAA,~~CAAA~~,~~KAAA~~,CAAA;AAAA,GAAA,~~kBAE7B~~,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAK,SAAU,EAAA,QAAA;AAAA,IAAS,UAAW,EAAA,MAAA;AAAA,GAAA,EACjC,QAAQ,CACX,CACF,CACF,CACD,CACL,mBACC,KAAA,CAAA,aAAA,CAAA,gBAAA,EAAA;AAAA,IACC,~~OAAA~~,~~EAAS~~,MAAM,~~YAAA~~,~~IAAA~~,IAAA,~~GAAA~~,~~KAAA~~,CAAA~~,GAAA,YAAA,CAAe,IAAO,GAAA,CAAA,CAAA~~;AAAA,~~IACrC~~,UAAU,IAAS,KAAA,IAAA,CAAK,IAAK,CAAA,SAAA,GAAY,WAAW,CAAI,GAAA,CAAA;AAAA,GAAA,kBAEvD,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IACC,IAAM,EAAA,eAAA;AAAA,IACN,IAAM,EAAA,oBAAA;AAAA,IACN,SAAW,EAAA,OAAA;AAAA,GACb,CACF,CACF,CACF,CAEJ,CACF,CACF,CACF,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,eAAe,KAAA,CAAM,KAAK,MAAM,CAAA;;;;"}
1	+ {"version":3,"file":"Footer.js","sources":["../../../../../../src/components/organisms/DataGrid/Footer/Footer.tsx"],"sourcesContent":["import React from 'react';\nimport { Button } from '../../../atoms/Button';\nimport { Icon, Text } from '@tecsinapse/react-core';\nimport { Select } from '../../../molecules/Select';\nimport { TFoot, Tr } from '../../../atoms/Table';\nimport {\n FooterContainer,\n FooterContainerEnd,\n FooterContainerStart,\n HoveredText,\n NavigationButton,\n PageButton,\n PagesContainer,\n SelectContainer,\n TdFooterStyled,\n TextPagination,\n} from './styled';\n\ninterface DataGridFooterProps {\n rowsPerPage: number;\n onRowsPerPageChange?: (value: number) => void;\n rowsPerPageOptions: number[];\n rowsPerPageLabel: (value: number) => string;\n exportLabel?: string;\n exportFunction?: () => void;\n /** Total data elements /\n rowsCount: number;\n page: number;\n onPageChange?: (page: number) => void;\n pagination: boolean;\n exportComponent?: React.ReactNode;\n}\n\nconst Footer: React.FC<DataGridFooterProps> = ({\n rowsPerPage,\n onRowsPerPageChange,\n rowsPerPageOptions,\n rowsPerPageLabel,\n exportFunction,\n exportLabel,\n rowsCount,\n page,\n onPageChange,\n pagination,\n exportComponent,\n}) => {\n if (pagination && (!onPageChange \|\| !onRowsPerPageChange)) {\n throw new Error(\n '[DataGrid] You should specify pagination handlers (onPageChange, onRowsPerPageChange)'\n );\n }\n\n const getPaginationSlice = (): { start: number; end: number } => {\n const totalPages = Math.ceil(rowsCount / rowsPerPage);\n if (totalPages < 4) {\n return { start: 0, end: totalPages };\n }\n if (page === 0) {\n return { start: page, end: page + 3 };\n }\n if (page === totalPages - 1) {\n return { start: page - 2, end: page + 1 };\n }\n return { start: page - 1, end: page + 2 };\n };\n\n const handleRowsPerPage = React.useCallback(\n value => {\n onRowsPerPageChange?.(value as number);\n onPageChange?.(0);\n },\n [onPageChange, onRowsPerPageChange]\n );\n const currentInitItem = page rowsPerPage + 1;\n const currentFinalItem =\n (page + 1) * rowsPerPage > rowsCount ? rowsCount : (page + 1) * rowsPerPage;\n\n return (\n <TFoot>\n <Tr>\n <TdFooterStyled colSpan={99}>\n <FooterContainer>\n <FooterContainerStart>\n {pagination && (\n <SelectContainer>\n <Select\n options={rowsPerPageOptions}\n onSelect={handleRowsPerPage}\n value={rowsPerPage}\n type={'single'}\n keyExtractor={value => String(value)}\n labelExtractor={rowsPerPageLabel}\n anchor=\"top\"\n />\n </SelectContainer>\n )}\n {exportComponent && !exportFunction && <>{exportComponent}</>}\n {exportFunction && (\n <HoveredText>\n <Button variant=\"outlined\" onPress={() => exportFunction()}>\n <Text fontColor=\"orange\" fontWeight=\"bold\">\n {exportLabel}\n </Text>\n </Button>\n </HoveredText>\n )}\n </FooterContainerStart>\n {pagination && (\n <>\n <TextPagination\n fontWeight={'bold'}\n fontColor={'medium'}\n >{`Exibindo ${currentInitItem} a ${currentFinalItem} de ${rowsCount} registros`}</TextPagination>\n <FooterContainerEnd>\n <NavigationButton\n onPress={() => onPageChange?.(page - 1)}\n disabled={page === 0}\n >\n <Icon\n name={'chevron-left'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n <PagesContainer>\n {[...Array(Math.ceil(rowsCount / rowsPerPage)).keys()]\n .slice(\n getPaginationSlice().start,\n getPaginationSlice().end\n )\n .map(value => (\n <HoveredText key={`page-${value}`}>\n <PageButton\n variant={page === value ? 'outlined' : 'text'}\n onPress={() => onPageChange?.(value)}\n >\n <Text fontColor=\"medium\" fontWeight=\"bold\">\n {value + 1}\n </Text>\n </PageButton>\n </HoveredText>\n ))}\n </PagesContainer>\n <NavigationButton\n onPress={() => onPageChange?.(page + 1)}\n disabled={page === Math.ceil(rowsCount / rowsPerPage) - 1}\n >\n <Icon\n name={'chevron-right'}\n type={'material-community'}\n fontColor={'light'}\n />\n </NavigationButton>\n </FooterContainerEnd>\n </>\n )}\n </FooterContainer>\n </TdFooterStyled>\n </Tr>\n </TFoot>\n );\n};\n\nexport default React.memo(Footer);\n"],"names":[],"mappings":"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"}

package/dist/esm/components/organisms/DataGrid/Header/Header.js CHANGED Viewed

@@ -29,7 +29,7 @@ const Header = ({
   };
   const handleSelectAll = (checked) => {
     if (!checked) {
-      onSelected == null ? void 0 : onSelected([]);
+      onSelected?.([]);
       return;
     }
     const currentItemsOnData = findCurrentItemsOnData(
@@ -43,17 +43,17 @@ const Header = ({
       rowKeyExtractor
     );
     if (checked && selectedRows.length < 1) {
-      onSelected == null ? void 0 : onSelected(data);
+      onSelected?.(data);
       return;
     }
     if (checked && currentItemsOnData.length < 1) {
-      onSelected == null ? void 0 : onSelected(unselectedItemsOnData.concat(selectedRows));
+      onSelected?.(unselectedItemsOnData.concat(selectedRows));
       return;
     }
-    onSelected == null ? void 0 : onSelected(selectedRows.concat(unselectedItemsOnData));
+    onSelected?.(selectedRows.concat(unselectedItemsOnData));
   };
   return /* @__PURE__ */ React.createElement(THead, null, /* @__PURE__ */ React.createElement(Tr, null, selectable && /* @__PURE__ */ React.createElement(CheckboxHeader, null, /* @__PURE__ */ React.createElement(Checkbox, {
-    checked: rowsCount === (selectedRows == null ? void 0 : selectedRows.length),
+    checked: rowsCount === selectedRows?.length,
     onChange: handleSelectAll
   })), headers.map(({ label, sort, justifyContent = "flex-start" }) => /* @__PURE__ */ React.createElement(Th, {
     key: label