@tecsinapse/react-web-kit 1.22.6 → 1.22.8

package/dist/cjs/components/molecules/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n  title: string;\n  Component: ElementType;\n  props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\n      {breadcrumbs.map((item, index) => {\n        const { props, Component = 'a', title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={props}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"names":["StyledContainerBreadcrumbs","React"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,WAAA,GAAoC,CAAC,EAA6B,KAAA;AAA7B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAd7C,WAAA,EAAA,GAc2C,EAAkB,EAAA,IAAA,GAAA,SAAA,CAAlB,IAAkB,CAAhB,aAAA,CAAA,CAAA,CAAA;AAC3C,EAAA,+DACGA,iCAA+B,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EAC7B,YAAY,GAAI,CAAA,CAAC,MAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IAAA,uBACGC,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,MACnC,KAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../../../src/components/molecules/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ElementType, FC } from 'react';\nimport { StyledContainerBreadcrumbs } from './styled';\nimport { BreadcrumbItem } from './BreadcrumbItem';\n\nexport type BreadcrumbType = {\n  title: string;\n  Component: ElementType;\n  props?: any;\n};\n\nexport interface BreadcrumbsProps extends React.HTMLAttributes<HTMLDivElement> {\n  breadcrumbs: BreadcrumbType[];\n}\n\nconst Breadcrumbs: FC<BreadcrumbsProps> = ({ breadcrumbs, ...rest }) => {\n  return (\n    <StyledContainerBreadcrumbs {...rest}>\n      {breadcrumbs.map((item, index) => {\n        const { props, Component = 'a', title } = item;\n        return (\n          <BreadcrumbItem\n            key={index}\n            Component={Component}\n            props={props}\n            isLast={breadcrumbs.length - 1 === index}\n            title={title}\n          />\n        );\n      })}\n    </StyledContainerBreadcrumbs>\n  );\n};\n\nexport default Breadcrumbs;\n"],"names":["React","StyledContainerBreadcrumbs"],"mappings":";;;;;;;;;;AAcA,MAAM,WAAoC,GAAA,CAAC,EAAE,WAAA,EAAA,GAAgB,MAAW,KAAA;AACtE,EAAA,uBACGA,yBAAA,CAAA,aAAA,CAAAC,iCAAA,EAAA;AAAA,IAA4B,GAAG,IAAA;AAAA,GAAA,EAC7B,WAAY,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,KAAU,KAAA;AAChC,IAAA,MAAM,EAAE,KAAA,EAAO,SAAY,GAAA,GAAA,EAAK,OAAU,GAAA,IAAA,CAAA;AAC1C,IAAA,uBACGD,yBAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,MACC,GAAK,EAAA,KAAA;AAAA,MACL,SAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA,EAAQ,WAAY,CAAA,MAAA,GAAS,CAAM,KAAA,KAAA;AAAA,MACnC,KAAA;AAAA,KACF,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/DatePicker/DatePicker.js

@@ -12,51 +12,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 DatePicker = (_a) => {
-  var _b = _a, {
-    value,
-    type,
-    locale,
-    onChange,
-    callbackAfterValidated
-  } = _b, rest = __objRest(_b, [
-    "value",
-    "type",
-    "locale",
-    "onChange",
-    "callbackAfterValidated"
-  ]);
+const DatePicker = ({
+  value,
+  type,
+  locale,
+  onChange,
+  callbackAfterValidated,
+  ...rest
+}) => {
   const [visible, setVisible] = React.useState(false);
   const [controlledInput, setControlledInput] = React.useState();
   const show = React.useCallback(() => setVisible(true), []);
@@ -87,24 +50,24 @@ const DatePicker = (_a) => {
   const controlComponent = (onPress, displayValue) => {
     return /* @__PURE__ */ React__default["default"].createElement(InputMask, {
       onBlur: () => {
-        if ((controlledInput != null ? controlledInput : []).length < 8 && (controlledInput != null ? controlledInput : []).length > 0) {
+        if ((controlledInput ?? []).length < 8 && (controlledInput ?? []).length > 0) {
           setError(true);
-          callbackAfterValidated == null ? void 0 : callbackAfterValidated(false, "Data inv\xE1lida");
+          callbackAfterValidated?.(false, "Data inv\xE1lida");
         }
-        if ((controlledInput == null ? void 0 : controlledInput.length) === 8) {
+        if (controlledInput?.length === 8) {
           const auxData = dateFns.parse(controlledInput, "ddMMyyyy", new Date(), {
             locale
           });
           const isValidDate = dateFns.isValid(auxData);
-          callbackAfterValidated == null ? void 0 : callbackAfterValidated(isValidDate, "Data inv\xE1lida");
+          callbackAfterValidated?.(isValidDate, "Data inv\xE1lida");
           if (isValidDate && auxData !== value) {
             setError(false);
-            onChange == null ? void 0 : onChange(auxData);
+            onChange?.(auxData);
           }
         }
-        if ((controlledInput == null ? void 0 : controlledInput.length) === 0) {
+        if (controlledInput?.length === 0) {
           setError(true);
-          callbackAfterValidated == null ? void 0 : callbackAfterValidated(false, "Data inv\xE1lida");
+          callbackAfterValidated?.(false, "Data inv\xE1lida");
         }
       },
       mask: reactCore.Masks.DATE,
@@ -114,7 +77,7 @@ const DatePicker = (_a) => {
       onChange: (input) => {
         setControlledInput(input);
         if (error && input.length < 8 || dateFns.isValid(value)) {
-          callbackAfterValidated == null ? void 0 : callbackAfterValidated(true);
+          callbackAfterValidated?.(true);
           setError(false);
         }
       },
@@ -132,7 +95,8 @@ const DatePicker = (_a) => {
     });
   };
   if (type === "day") {
-    return /* @__PURE__ */ React__default["default"].createElement(reactCore.DatePicker, __spreadProps(__spreadValues({}, rest), {
+    return /* @__PURE__ */ React__default["default"].createElement(reactCore.DatePicker, {
+      ...rest,
       CalendarComponent: reactCore.Calendar,
       onChange,
       locale,
@@ -148,9 +112,10 @@ const DatePicker = (_a) => {
         setVisible
       }, calendar),
       controlComponent
-    }));
+    });
   } else {
-    return /* @__PURE__ */ React__default["default"].createElement(reactCore.DatePicker, __spreadProps(__spreadValues({}, rest), {
+    return /* @__PURE__ */ React__default["default"].createElement(reactCore.DatePicker, {
+      ...rest,
       CalendarComponent: reactCore.Calendar,
       onChange,
       locale,
@@ -165,7 +130,7 @@ const DatePicker = (_a) => {
         visible,
         setVisible
       }, calendar)
-    }));
+    });
   }
 };
 

package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Button,\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  Masks,\n  SelectionType,\n  CalendarIcon,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { InputMask } from '../../atoms/InputMask';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n> & {\n  callbackAfterValidated?: (valid: boolean, message?: string) => void;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  locale,\n  onChange,\n  callbackAfterValidated,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const [controlledInput, setControlledInput] = useState<string>();\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n  const [error, setError] = useState<boolean>(false);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const controlComponent = (onPress, displayValue) => {\n    return (\n      <InputMask\n        onBlur={() => {\n          if (\n            (controlledInput ?? []).length < 8 &&\n            (controlledInput ?? []).length > 0\n          ) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n          if (controlledInput?.length === 8) {\n            const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n              locale,\n            });\n            const isValidDate = isValid(auxData);\n            callbackAfterValidated?.(isValidDate, 'Data inválida');\n\n            if (isValidDate && auxData !== value) {\n              setError(false);\n              onChange?.(auxData as typeof value);\n            }\n          }\n          if (controlledInput?.length === 0) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n        }}\n        mask={Masks.DATE}\n        value={displayValue}\n        hint={error ? 'Data inválida' : undefined}\n        variant={error ? 'error' : 'default'}\n        onChange={input => {\n          setControlledInput(input);\n          if ((error && input.length < 8) || isValid(value)) {\n            callbackAfterValidated?.(true);\n            setError(false);\n          }\n        }}\n        placeholder={'Não informada'}\n        rightComponent={\n          <Button\n            effect={'none'}\n            variant={'text'}\n            style={{ padding: 0 }}\n            onPress={onPress}\n          >\n            <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n          </Button>\n        }\n      />\n    );\n  };\n\n  if (type === 'day') {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n        controlComponent={controlComponent}\n      />\n    );\n  } else {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n      />\n    );\n  }\n};\n"],"names":["useState","useCallback","useMemo","React","parse","isValid","Masks","Button","CalendarIcon","DatePickerCore","Calendar","Dropdown"],"mappings":"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"}
+{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n  Button,\n  Calendar,\n  DatePicker as DatePickerCore,\n  DatePickerProps,\n  DateRange,\n  Masks,\n  SelectionType,\n  CalendarIcon,\n} from '@tecsinapse/react-core';\nimport React, { useCallback, useMemo, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\nimport { InputMask } from '../../atoms/InputMask';\nimport { parse, isValid } from 'date-fns';\n\nexport type WebDatePickerProps<T extends SelectionType> = Omit<\n  DatePickerProps<T>,\n  | 'CalendarComponent'\n  | 'renderCalendar'\n  | 'requestCloseCalendar'\n  | 'requestShowCalendar'\n> & {\n  callbackAfterValidated?: (valid: boolean, message?: string) => void;\n};\n\nexport const DatePicker = <T extends SelectionType>({\n  value,\n  type,\n  locale,\n  onChange,\n  callbackAfterValidated,\n  ...rest\n}: WebDatePickerProps<T>): JSX.Element => {\n  const [visible, setVisible] = useState(false);\n  const [controlledInput, setControlledInput] = useState<string>();\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n  const [error, setError] = useState<boolean>(false);\n\n  const getYear = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getFullYear();\n      } else {\n        return new Date(value as Date).getFullYear();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const getMonth = useMemo(() => {\n    if (value) {\n      if (type === 'range') {\n        if ((value as DateRange).lowest !== undefined)\n          return new Date((value as DateRange).lowest).getMonth();\n      } else {\n        return new Date(value as Date).getMonth();\n      }\n    }\n    return undefined;\n  }, [value]);\n\n  const controlComponent = (onPress, displayValue) => {\n    return (\n      <InputMask\n        onBlur={() => {\n          if (\n            (controlledInput ?? []).length < 8 &&\n            (controlledInput ?? []).length > 0\n          ) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n          if (controlledInput?.length === 8) {\n            const auxData = parse(controlledInput, 'ddMMyyyy', new Date(), {\n              locale,\n            });\n            const isValidDate = isValid(auxData);\n            callbackAfterValidated?.(isValidDate, 'Data inválida');\n\n            if (isValidDate && auxData !== value) {\n              setError(false);\n              onChange?.(auxData as typeof value);\n            }\n          }\n          if (controlledInput?.length === 0) {\n            setError(true);\n            callbackAfterValidated?.(false, 'Data inválida');\n          }\n        }}\n        mask={Masks.DATE}\n        value={displayValue}\n        hint={error ? 'Data inválida' : undefined}\n        variant={error ? 'error' : 'default'}\n        onChange={input => {\n          setControlledInput(input);\n          if ((error && input.length < 8) || isValid(value)) {\n            callbackAfterValidated?.(true);\n            setError(false);\n          }\n        }}\n        placeholder={'Não informada'}\n        rightComponent={\n          <Button\n            effect={'none'}\n            variant={'text'}\n            style={{ padding: 0 }}\n            onPress={onPress}\n          >\n            <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n          </Button>\n        }\n      />\n    );\n  };\n\n  if (type === 'day') {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n        controlComponent={controlComponent}\n      />\n    );\n  } else {\n    return (\n      <DatePickerCore\n        {...rest}\n        CalendarComponent={Calendar}\n        onChange={onChange}\n        locale={locale}\n        value={value}\n        type={type}\n        year={getYear}\n        format={'dd/MM/yyyy'}\n        month={getMonth}\n        requestShowCalendar={show}\n        requestCloseCalendar={close}\n        renderCalendar={calendar => (\n          <Dropdown visible={visible} setVisible={setVisible}>\n            {calendar}\n          </Dropdown>\n        )}\n      />\n    );\n  }\n};\n"],"names":["useState","useCallback","useMemo","React","parse","isValid","Masks","Button","CalendarIcon","DatePickerCore","Calendar","Dropdown"],"mappings":"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"}

package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js

@@ -10,50 +10,19 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 DateTimePicker = (_a) => {
-  var rest = __objRest(_a, []);
+const DateTimePicker = ({ ...rest }) => {
   const [visible, setVisible] = React.useState(false);
   const show = React.useCallback(() => setVisible(true), []);
   const close = React.useCallback(() => setVisible(false), []);
-  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DateTimePicker, __spreadProps(__spreadValues({}, rest), {
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DateTimePicker, {
+    ...rest,
     requestShowSelector: show,
     requestCloseSelector: close,
     renderSelector: (selector) => /* @__PURE__ */ React__default["default"].createElement(index.Dropdown, {
       visible,
       setVisible
     }, selector)
-  }));
+  });
 };
 
 exports.DateTimePicker = DateTimePicker;

package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"names":["useState","useCallback","React","DateTimePickerCore","Dropdown"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYa,MAAA,cAAA,GAA6C,CAAC,EAAgB,KAAA;AAAhB,EAAA,IAAK,iBAAL,EAAK,EAAA,EAAA,CAAA,CAAA;AAC9D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAOC,iBAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQA,iBAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACbD,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useState } from 'react';\nimport { Dropdown } from '../../atoms/Dropdown';\n\nexport type WebDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  'renderSelector' | 'requestShowSelector' | 'requestCloseSelector'\n>;\n\nexport const DateTimePicker: FC<WebDateTimePickerProps> = ({ ...rest }) => {\n  const [visible, setVisible] = useState<boolean>(false);\n\n  const show = useCallback(() => setVisible(true), []);\n  const close = useCallback(() => setVisible(false), []);\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      requestShowSelector={show}\n      requestCloseSelector={close}\n      renderSelector={selector => (\n        <Dropdown visible={visible} setVisible={setVisible}>\n          {selector}\n        </Dropdown>\n      )}\n    />\n  );\n};\n"],"names":["useState","useCallback","React","DateTimePickerCore","Dropdown"],"mappings":";;;;;;;;;;;;AAYO,MAAM,cAA6C,GAAA,CAAC,EAAK,GAAA,IAAA,EAAW,KAAA;AACzE,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAIA,eAAkB,KAAK,CAAA,CAAA;AAErD,EAAA,MAAM,OAAOC,iBAAY,CAAA,MAAM,WAAW,IAAI,CAAA,EAAG,EAAE,CAAA,CAAA;AACnD,EAAA,MAAM,QAAQA,iBAAY,CAAA,MAAM,WAAW,KAAK,CAAA,EAAG,EAAE,CAAA,CAAA;AAErD,EAAA,uBACGC,yBAAA,CAAA,aAAA,CAAAC,wBAAA,EAAA;AAAA,IACE,GAAG,IAAA;AAAA,IACJ,mBAAqB,EAAA,IAAA;AAAA,IACrB,oBAAsB,EAAA,KAAA;AAAA,IACtB,cAAA,EAAgB,8BACbD,yBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,MAAS,OAAA;AAAA,MAAkB,UAAA;AAAA,KAAA,EACzB,QACH,CAAA;AAAA,GAEJ,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/Drawer/Drawer.js

@@ -10,57 +10,29 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 Drawer = (_a) => {
-  var _b = _a, {
-    open,
-    anchorPosition = "right",
-    onClose,
-    children,
-    style
-  } = _b, rest = __objRest(_b, [
-    "open",
-    "anchorPosition",
-    "onClose",
-    "children",
-    "style"
-  ]);
+const Drawer = ({
+  open,
+  anchorPosition = "right",
+  onClose,
+  children,
+  style,
+  ...rest
+}) => {
   const getStyles = (anchorPosition2, state) => {
     const stylesLeftRight = animations.defaultStylesLeftRight(anchorPosition2);
     const transitionLeftRight = animations.transitionStylesLeftRight(anchorPosition2);
     const stylesTopBottom = animations.defaultStylesTopBottom(anchorPosition2);
     const transitionTopBottom = animations.transitionStylesTopBottom(anchorPosition2);
     if (["left", "right"].includes(anchorPosition2)) {
-      return __spreadValues(__spreadValues({}, stylesLeftRight), transitionLeftRight[state]);
+      return {
+        ...stylesLeftRight,
+        ...transitionLeftRight[state]
+      };
     } else {
-      return __spreadValues(__spreadValues({}, stylesTopBottom), transitionTopBottom[state]);
+      return {
+        ...stylesTopBottom,
+        ...transitionTopBottom[state]
+      };
     }
   };
   return /* @__PURE__ */ React__default["default"].createElement(React__default["default"].Fragment, null, /* @__PURE__ */ React__default["default"].createElement(Overlay, {
@@ -71,12 +43,13 @@ const Drawer = (_a) => {
   }), /* @__PURE__ */ React__default["default"].createElement(reactTransitionGroup.Transition, {
     in: open,
     timeout: 300
-  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerDrawer, __spreadValues({
-    style: __spreadValues(__spreadValues({}, style), getStyles(anchorPosition, state)),
+  }, (state) => /* @__PURE__ */ React__default["default"].createElement(styled.StyledContainerDrawer, {
+    style: { ...style, ...getStyles(anchorPosition, state) },
     anchorPosition,
     onClose,
-    open
-  }, rest), children)));
+    open,
+    ...rest
+  }, children)));
 };
 
 module.exports = Drawer;

package/dist/cjs/components/molecules/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition","defaultStylesLeftRight","transitionStylesLeftRight","defaultStylesTopBottom","transitionStylesTopBottom","React","Transition","StyledContainerDrawer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBM,MAAA,MAAA,GAA0B,CAAC,EAO3B,KAAA;AAP2B,EAC/B,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,IAAA;AAAA,IACA,cAAiB,GAAA,OAAA;AAAA,IACjB,OAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,GAxBF,GAmBiC,EAM5B,EAAA,IAAA,GAAA,SAAA,CAN4B,EAM5B,EAAA;AAAA,IALH,MAAA;AAAA,IACA,gBAAA;AAAA,IACA,SAAA;AAAA,IACA,UAAA;AAAA,IACA,OAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkBC,kCAAuBD,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBE,qCAA0BF,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkBG,kCAAuBH,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBI,qCAA0BJ,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAEpB,MAAA;AACL,MAAO,OAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EACF,kBACA,mBAAoB,CAAA,KAAA,CAAA,CAAA,CAAA;AAAA,KAE3B;AAAA,GACF,CAAA;AAEA,EAAA,yHAEKK,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,GAAA;AAAA,IAAK,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,QAAA;AAAA,GAAS,mBACpEA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACED,yBAAA,CAAA,aAAA,CAAAE,4BAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA,cAAA,CAAA,cAAA,CAAA,EAAA,EAAK,KAAU,CAAA,EAAA,SAAA,CAAU,gBAAgB,KAAK,CAAA,CAAA;AAAA,IACrD,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,GACI,EAAA,IAAA,CAAA,EAEH,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Drawer.js","sources":["../../../../../src/components/molecules/Drawer/Drawer.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyledContainerDrawer } from './styled';\nimport { Transition, TransitionStatus } from 'react-transition-group';\nimport { Overlay } from '../../atoms/Overlay';\nimport {\n  transitionStylesTopBottom,\n  defaultStylesTopBottom,\n  defaultStylesLeftRight,\n  transitionStylesLeftRight,\n} from './animations';\n\ntype AnchorPosition = 'left' | 'right' | 'top' | 'bottom';\n\nexport interface DrawerProps extends React.HTMLAttributes<HTMLDivElement> {\n  open: boolean;\n  onClose: () => void;\n  anchorPosition: AnchorPosition;\n}\n\nconst Drawer: FC<DrawerProps> = ({\n  open,\n  anchorPosition = 'right',\n  onClose,\n  children,\n  style,\n  ...rest\n}) => {\n  const getStyles = (\n    anchorPosition: AnchorPosition,\n    state: TransitionStatus\n  ) => {\n    const stylesLeftRight = defaultStylesLeftRight(anchorPosition);\n    const transitionLeftRight = transitionStylesLeftRight(anchorPosition);\n    const stylesTopBottom = defaultStylesTopBottom(anchorPosition);\n    const transitionTopBottom = transitionStylesTopBottom(anchorPosition);\n\n    if (['left', 'right'].includes(anchorPosition)) {\n      return {\n        ...stylesLeftRight,\n        ...transitionLeftRight[state],\n      };\n    } else {\n      return {\n        ...stylesTopBottom,\n        ...transitionTopBottom[state],\n      };\n    }\n  };\n\n  return (\n    <>\n      <Overlay timeout={300} open={open} onClose={onClose} zIndex=\"drawer\" />\n      <Transition in={open} timeout={300}>\n        {state => (\n          <StyledContainerDrawer\n            style={{ ...style, ...getStyles(anchorPosition, state) }}\n            anchorPosition={anchorPosition}\n            onClose={onClose}\n            open={open}\n            {...rest}\n          >\n            {children}\n          </StyledContainerDrawer>\n        )}\n      </Transition>\n    </>\n  );\n};\n\nexport default Drawer;\n"],"names":["anchorPosition","defaultStylesLeftRight","transitionStylesLeftRight","defaultStylesTopBottom","transitionStylesTopBottom","React","Transition","StyledContainerDrawer"],"mappings":";;;;;;;;;;;;AAmBA,MAAM,SAA0B,CAAC;AAAA,EAC/B,IAAA;AAAA,EACA,cAAiB,GAAA,OAAA;AAAA,EACjB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,SAAA,GAAY,CAChBA,eAAAA,EACA,KACG,KAAA;AACH,IAAM,MAAA,eAAA,GAAkBC,kCAAuBD,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBE,qCAA0BF,eAAc,CAAA,CAAA;AACpE,IAAM,MAAA,eAAA,GAAkBG,kCAAuBH,eAAc,CAAA,CAAA;AAC7D,IAAM,MAAA,mBAAA,GAAsBI,qCAA0BJ,eAAc,CAAA,CAAA;AAEpE,IAAA,IAAI,CAAC,MAAQ,EAAA,OAAO,CAAE,CAAA,QAAA,CAASA,eAAc,CAAG,EAAA;AAC9C,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,mBAAoB,CAAA,KAAA,CAAA;AAAA,OACzB,CAAA;AAAA,KACK,MAAA;AACL,MAAO,OAAA;AAAA,QACL,GAAG,eAAA;AAAA,QACH,GAAG,mBAAoB,CAAA,KAAA,CAAA;AAAA,OACzB,CAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEA,EAAA,yHAEKK,yBAAA,CAAA,aAAA,CAAA,OAAA,EAAA;AAAA,IAAQ,OAAS,EAAA,GAAA;AAAA,IAAK,IAAA;AAAA,IAAY,OAAA;AAAA,IAAkB,MAAO,EAAA,QAAA;AAAA,GAAS,mBACpEA,yBAAA,CAAA,aAAA,CAAAC,+BAAA,EAAA;AAAA,IAAW,EAAI,EAAA,IAAA;AAAA,IAAM,OAAS,EAAA,GAAA;AAAA,GAAA,EAC5B,2BACED,yBAAA,CAAA,aAAA,CAAAE,4BAAA,EAAA;AAAA,IACC,KAAA,EAAO,EAAE,GAAG,KAAA,EAAO,GAAG,SAAU,CAAA,cAAA,EAAgB,KAAK,CAAE,EAAA;AAAA,IACvD,cAAA;AAAA,IACA,OAAA;AAAA,IACA,IAAA;AAAA,IACC,GAAG,IAAA;AAAA,GAEH,EAAA,QACH,CAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/Grid/Grid.js

@@ -7,79 +7,46 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 Grid = (_a) => {
-  var _b = _a, {
-    children,
-    columns = 12,
-    layout,
-    style,
-    spacing
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "columns",
-    "layout",
-    "style",
-    "spacing"
-  ]);
+const Grid = ({
+  children,
+  columns = 12,
+  layout,
+  style,
+  spacing,
+  ...rest
+}) => {
   if (layout) {
     const flatLayout = layout.flat();
-    return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues({
-      style: __spreadProps(__spreadValues({}, style), {
+    return /* @__PURE__ */ React__default["default"].createElement("div", {
+      style: {
+        ...style,
         display: "flex",
         flexDirection: "row",
         flexWrap: "wrap"
-      })
-    }, rest), React__default["default"].Children.map(children, (child, index) => /* @__PURE__ */ React__default["default"].createElement(Item, {
+      },
+      ...rest
+    }, React__default["default"].Children.map(children, (child, index) => /* @__PURE__ */ React__default["default"].createElement(Item, {
       key: `child-${index}`,
       columns,
       span: flatLayout[index],
       spacing
     }, child)));
   }
-  return /* @__PURE__ */ React__default["default"].createElement("div", __spreadValues({
-    style: __spreadProps(__spreadValues({}, style), {
+  return /* @__PURE__ */ React__default["default"].createElement("div", {
+    style: {
+      ...style,
       display: "flex",
       flexDirection: "row",
       flexWrap: "wrap"
-    })
-  }, rest), React__default["default"].Children.map(children, (child, index) => {
-    var _a2;
-    return React__default["default"].cloneElement(child, __spreadProps(__spreadValues({}, child == null ? void 0 : child.props), {
+    },
+    ...rest
+  }, React__default["default"].Children.map(children, (child, index) => {
+    return React__default["default"].cloneElement(child, {
+      ...child?.props,
       columns,
-      spacing: (_a2 = child == null ? void 0 : child.props.spacing) != null ? _a2 : spacing,
+      spacing: child?.props.spacing ?? spacing,
       key: `child-${index}`
-    }));
+    });
   }));
 };
 

package/dist/cjs/components/molecules/Grid/Grid.js.map

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"names":["React","GridItem","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOe,KAAA;AAPf,EACZ,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IACA,OAAU,GAAA,EAAA;AAAA,IACV,MAAA;AAAA,IACA,KAAA;AAAA,IACA,OAAA;AAAA,GAZF,GAOc,EAMT,EAAA,IAAA,GAAA,SAAA,CANS,EAMT,EAAA;AAAA,IALH,UAAA;AAAA,IACA,SAAA;AAAA,IACA,QAAA;AAAA,IACA,OAAA;AAAA,IACA,SAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,QAEL,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ,CAAA;AAAA,KACI,EAAA,IAAA,CAAA,EAEHA,0BAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,yBAAA,CAAA,aAAA,CAAAC,IAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGD,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAA,EAAO,iCACF,KADE,CAAA,EAAA;AAAA,MAEL,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ,CAAA;AAAA,GAAA,EACI,OAEHA,yBAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAnDtD,IAAAE,IAAAA,GAAAA,CAAAA;AAoDQ,IAAA,OAAOF,yBAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASE,GAAA,GAAA,KAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,KAAA,CAAO,KAAM,CAAA,OAAA,KAAb,OAAAA,GAAwB,GAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}
+{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridWeb = IGrid &\n  Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridWeb): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <div\n        style={{\n          ...style,\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        }}\n        {...rest}\n      >\n        {React.Children.map(children, (child, index) => (\n          <GridItem\n            key={`child-${index}`}\n            columns={columns}\n            span={flatLayout[index]}\n            spacing={spacing}\n          >\n            {child}\n          </GridItem>\n        ))}\n      </div>\n    );\n  }\n\n  return (\n    <div\n      style={{\n        ...style,\n        display: 'flex',\n        flexDirection: 'row',\n        flexWrap: 'wrap',\n      }}\n      {...rest}\n    >\n      {React.Children.map(children, (child, index) => {\n        return React.cloneElement(child, {\n          ...child?.props,\n          columns,\n          spacing: child?.props.spacing ?? spacing,\n          key: `child-${index}`,\n        });\n      })}\n    </div>\n  );\n};\n\nexport default Grid;\n"],"names":["React","GridItem"],"mappings":";;;;;;;;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACG,GAAA,IAAA;AACL,CAA6B,KAAA;AAC3B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IAAA,uBACGA,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,GAAG,KAAA;AAAA,QACH,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,MACC,GAAG,IAAA;AAAA,KAAA,EAEHA,0BAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,yBAAA,CAAA,aAAA,CAAAC,IAAA,EAAA;AAAA,MACC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,MACd,OAAA;AAAA,MACA,MAAM,UAAW,CAAA,KAAA,CAAA;AAAA,MACjB,OAAA;AAAA,KAEC,EAAA,KACH,CACD,CACH,CAAA,CAAA;AAAA,GAEJ;AAEA,EAAA,uBACGD,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,GAAG,KAAA;AAAA,MACH,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,QAAU,EAAA,MAAA;AAAA,KACZ;AAAA,IACC,GAAG,IAAA;AAAA,GAAA,EAEHA,0BAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,IAAO,OAAAA,yBAAA,CAAM,aAAa,KAAO,EAAA;AAAA,MAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,MACV,OAAA;AAAA,MACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,MACjC,KAAK,CAAS,MAAA,EAAA,KAAA,CAAA,CAAA;AAAA,KACf,CAAA,CAAA;AAAA,GACF,CACH,CAAA,CAAA;AAEJ;;;;"}

package/dist/cjs/components/molecules/Grid/Item/Item.js

@@ -9,75 +9,26 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 GridItem = (_a) => {
-  var _b = _a, {
-    children,
-    span: _span,
-    columns = 12,
-    loadingComponent,
-    loading = false,
-    spacing: _spacing,
-    wrapper = false,
-    alignContent,
-    alignItems,
-    alignSelf,
-    flex,
-    flexDirection,
-    flexGrow,
-    flexShrink,
-    justifyContent,
-    flexBasis,
-    style
-  } = _b, rest = __objRest(_b, [
-    "children",
-    "span",
-    "columns",
-    "loadingComponent",
-    "loading",
-    "spacing",
-    "wrapper",
-    "alignContent",
-    "alignItems",
-    "alignSelf",
-    "flex",
-    "flexDirection",
-    "flexGrow",
-    "flexShrink",
-    "justifyContent",
-    "flexBasis",
-    "style"
-  ]);
+const GridItem = ({
+  children,
+  span: _span,
+  columns = 12,
+  loadingComponent,
+  loading = false,
+  spacing: _spacing,
+  wrapper = false,
+  alignContent,
+  alignItems,
+  alignSelf,
+  flex,
+  flexDirection,
+  flexGrow,
+  flexShrink,
+  justifyContent,
+  flexBasis,
+  style,
+  ...rest
+}) => {
   const { spacing } = reactCore.useTheme();
   const { sm, md, lg } = useBreakpoints.useBreakpoints();
   if (!React__default["default"].Children.only(children)) {
@@ -87,7 +38,8 @@ const GridItem = (_a) => {
     return loadingComponent;
   }
   const span = typeof _span === "number" ? _span : functions.getSpan(_span, sm, md, lg);
-  const _style = __spreadProps(__spreadValues({}, style), {
+  const _style = {
+    ...style,
     alignContent,
     alignItems,
     alignSelf,
@@ -97,18 +49,20 @@ const GridItem = (_a) => {
     justifyContent,
     flex,
     boxSizing: "border-box",
-    flexBasis: flexBasis != null ? flexBasis : `${reactCore.getGridItemColumSpan(columns, span)}%`,
+    flexBasis: flexBasis ?? `${reactCore.getGridItemColumSpan(columns, span)}%`,
     paddingTop: reactCore.getGridItemPadding("top", _spacing, spacing),
     paddingBottom: reactCore.getGridItemPadding("bottom", _spacing, spacing),
     paddingRight: reactCore.getGridItemPadding("right", _spacing, spacing),
     paddingLeft: reactCore.getGridItemPadding("left", _spacing, spacing)
+  };
+  const clone = React__default["default"].cloneElement(children, {
+    ...children?.props,
+    style: wrapper ? children?.props.style : { ..._style, ...children?.props.style }
   });
-  const clone = React__default["default"].cloneElement(children, __spreadProps(__spreadValues({}, children == null ? void 0 : children.props), {
-    style: wrapper ? children == null ? void 0 : children.props.style : __spreadValues(__spreadValues({}, _style), children == null ? void 0 : children.props.style)
-  }));
-  return wrapper ? /* @__PURE__ */ React__default["default"].createElement("div", __spreadProps(__spreadValues({}, rest), {
+  return wrapper ? /* @__PURE__ */ React__default["default"].createElement("div", {
+    ...rest,
     style: _style
-  }), clone) : clone;
+  }, clone) : clone;
 };
 
 module.exports = GridItem;