@tecsinapse/react-native-kit 1.20.0 → 1.22.0-beta.13

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

@@ -1,18 +1,17 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.CalendarBoxContent = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _native = _interopRequireDefault(require("@emotion/native"));
+var styled = require('@emotion/native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _reactCore = require("@tecsinapse/react-core");
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-const CalendarBoxContent = (0, _native.default)(_reactCore.BoxContent)`
-  background-color: ${({
-  theme
-}) => theme.color.secondary.xlight};
+const CalendarBoxContent = styled__default["default"](reactCore.BoxContent)`
+  background-color: ${({ theme }) => theme.color.secondary.xlight};
 `;
+
 exports.CalendarBoxContent = CalendarBoxContent;
-//# sourceMappingURL=styled.js.map
+//# sourceMappingURL=styled.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"styled.js","names":["CalendarBoxContent","styled","BoxContent","theme","color","secondary","xlight"],"sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { BoxContent, StyleProps } from '@tecsinapse/react-core';\n\nexport const CalendarBoxContent = styled(BoxContent)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"mappings":";;;;;AAAA;;AACA;;;;AAEO,MAAMA,kBAAkB,GAAG,IAAAC,eAAA,EAAOC,qBAAP,CAAwC;AAC1E,sBAAsB,CAAC;EAAEC;AAAF,CAAD,KAAeA,KAAK,CAACC,KAAN,CAAYC,SAAZ,CAAsBC,MAAO;AAClE,CAFO"}
+{"version":3,"file":"styled.js","sources":["../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { BoxContent, StyleProps } from '@tecsinapse/react-core';\n\nexport const CalendarBoxContent = styled(BoxContent)<Partial<StyleProps>>`\n  background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"names":["styled","BoxContent"],"mappings":";;;;;;;;;;;AAGa,MAAA,kBAAA,GAAqBA,2BAAOC,oBAAU,CAAA,CAAA;AAAA,oBAAA,EAC7B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,SAAU,CAAA,MAAA,CAAA;AAAA;;;;"}

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

@@ -1,47 +1,74 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.DateTimePicker = void 0;
+Object.defineProperty(exports, '__esModule', { value: true });
 
-var _reactCore = require("@tecsinapse/react-core");
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var date = require('../../../utils/date.js');
+require('../../atoms/Modal/ModalGroupManager.js');
+var BaseModalView = require('../../atoms/Modal/ui/BaseModalView.js');
+require('uuid');
+var useLazyModalManager = require('../../atoms/Modal/useLazyModalManager.js');
+var Text = require('../../atoms/Text/Text.js');
+var DateTimeSelector = require('../DateTimeSelector/DateTimeSelector.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _date = require("../../../utils/date");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _Modal = require("../../atoms/Modal");
-
-var _Text = require("../../atoms/Text");
-
-var _DateTimeSelector = require("../DateTimeSelector");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const DateTimePicker = ({
-  locale,
-  ...rest
-}) => {
-  const modal = (0, _Modal.useLazyModalManager)();
-  return _react.default.createElement(_reactCore.DateTimePicker, _extends({}, rest, {
-    TextComponent: _Text.Text,
-    DateTimeSelectorComponent: _DateTimeSelector.DateTimeSelector,
-    locale: locale ?? (0, _date.getLocale)(),
+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 _b = _a, {
+    locale
+  } = _b, rest = __objRest(_b, [
+    "locale"
+  ]);
+  const modal = useLazyModalManager.useLazyModalManager();
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DateTimePicker, __spreadProps(__spreadValues({}, rest), {
+    TextComponent: Text,
+    DateTimeSelectorComponent: DateTimeSelector.DateTimeSelector,
+    locale: locale != null ? locale : date.getLocale(),
     requestShowSelector: () => modal.show(),
     requestCloseSelector: () => modal.close(),
-    renderSelector: (selector, blur) => modal.sync(_react.default.createElement(NativeModal, {
+    renderSelector: (selector, blur) => modal.sync(/* @__PURE__ */ React__default["default"].createElement(NativeModal, {
       onClose: blur
     }, selector))
   }));
 };
+const NativeModal = (_c) => {
+  var _d = _c, { children } = _d, others = __objRest(_d, ["children"]);
+  return /* @__PURE__ */ React__default["default"].createElement(BaseModalView.ModalView, __spreadValues({}, others), children);
+};
 
 exports.DateTimePicker = DateTimePicker;
-
-const NativeModal = ({
-  children,
-  ...others
-}) => {
-  return _react.default.createElement(_Modal.ModalView, others, children);
-};
-//# sourceMappingURL=DateTimePicker.js.map
+//# sourceMappingURL=DateTimePicker.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"DateTimePicker.js","names":["DateTimePicker","locale","rest","modal","useLazyModalManager","Text","DateTimeSelector","getLocale","show","close","selector","blur","sync","NativeModal","children","others"],"sources":["../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n  DateTimePicker as DateTimePickerCore,\n  DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  | 'DateTimeSelectorComponent'\n  | 'renderSelector'\n  | 'requestCloseSelector'\n  | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n  locale,\n  ...rest\n}) => {\n  const modal = useLazyModalManager();\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      TextComponent={Text}\n      DateTimeSelectorComponent={DateTimeSelector}\n      locale={locale ?? getLocale()}\n      requestShowSelector={() => modal.show()}\n      requestCloseSelector={() => modal.close()}\n      renderSelector={(selector, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return <ModalView {...others}>{children}</ModalView>;\n};\n"],"mappings":";;;;;AAAA;;AAIA;;AACA;;AACA;;AACA;;AACA;;;;;;AAUO,MAAMA,cAA6C,GAAG,CAAC;EAC5DC,MAD4D;EAE5D,GAAGC;AAFyD,CAAD,KAGvD;EACJ,MAAMC,KAAK,GAAG,IAAAC,0BAAA,GAAd;EAEA,OACE,6BAAC,yBAAD,eACMF,IADN;IAEE,aAAa,EAAEG,UAFjB;IAGE,yBAAyB,EAAEC,kCAH7B;IAIE,MAAM,EAAEL,MAAM,IAAI,IAAAM,eAAA,GAJpB;IAKE,mBAAmB,EAAE,MAAMJ,KAAK,CAACK,IAAN,EAL7B;IAME,oBAAoB,EAAE,MAAML,KAAK,CAACM,KAAN,EAN9B;IAOE,cAAc,EAAE,CAACC,QAAD,EAAWC,IAAX,KACdR,KAAK,CAACS,IAAN,CAAW,6BAAC,WAAD;MAAa,OAAO,EAAED;IAAtB,GAA6BD,QAA7B,CAAX;EARJ,GADF;AAaD,CAnBM;;;;AAqBP,MAAMG,WAA2B,GAAG,CAAC;EAAEC,QAAF;EAAY,GAAGC;AAAf,CAAD,KAA6B;EAC/D,OAAO,6BAAC,gBAAD,EAAeA,MAAf,EAAwBD,QAAxB,CAAP;AACD,CAFD"}
+{"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 } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n  DateTimePickerProps,\n  | 'DateTimeSelectorComponent'\n  | 'renderSelector'\n  | 'requestCloseSelector'\n  | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n  locale,\n  ...rest\n}) => {\n  const modal = useLazyModalManager();\n\n  return (\n    <DateTimePickerCore\n      {...rest}\n      TextComponent={Text}\n      DateTimeSelectorComponent={DateTimeSelector}\n      locale={locale ?? getLocale()}\n      requestShowSelector={() => modal.show()}\n      requestCloseSelector={() => modal.close()}\n      renderSelector={(selector, blur) =>\n        modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n      }\n    />\n  );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n  return <ModalView {...others}>{children}</ModalView>;\n};\n"],"names":["useLazyModalManager","React","DateTimePickerCore","DateTimeSelector","getLocale","ModalView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkBa,MAAA,cAAA,GAAgD,CAAC,EAGxD,KAAA;AAHwD,EAC5D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,GAnBF,GAkB8D,EAEzD,EAAA,IAAA,GAAA,SAAA,CAFyD,EAEzD,EAAA;AAAA,IADH,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,QAAQA,uCAAoB,EAAA,CAAA;AAElC,EACE,uBAAAC,yBAAA,CAAA,aAAA,CAACC,2DACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,yBAA2B,EAAAC,iCAAA;AAAA,IAC3B,MAAA,EAAQ,0BAAUC,cAAU,EAAA;AAAA,IAC5B,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,IACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,IACxC,gBAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,qBAAMH,yBAAA,CAAA,aAAA,CAAA,WAAA,EAAA;AAAA,MAAY,OAAS,EAAA,IAAA;AAAA,KAAA,EAAO,QAAS,CAAc,CAAA;AAAA,GAEnE,CAAA,CAAA,CAAA;AAEJ,EAAA;AAEA,MAAM,WAAA,GAA8B,CAAC,EAA4B,KAAA;AAA5B,EAAA,IAAA,EAAA,GAAA,EAAA,EAAE,EAvCvC,QAAA,EAAA,GAuCqC,EAAe,EAAA,MAAA,GAAA,SAAA,CAAf,IAAe,CAAb,UAAA,CAAA,CAAA,CAAA;AACrC,EAAO,uBAAAA,yBAAA,CAAA,aAAA,CAACI,uBAAc,EAAA,cAAA,CAAA,EAAA,EAAA,MAAA,CAAA,EAAS,QAAS,CAAA,CAAA;AAC1C,CAAA;;;;"}

package/dist/components/molecules/DateTimePicker/index.d.ts

@@ -1 +1,2 @@
-export { DateTimePicker, NativeDateTimePickerProps } from './DateTimePicker';
+export { DateTimePicker } from './DateTimePicker';
+export type { NativeDateTimePickerProps } from './DateTimePicker';

package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js

@@ -1,29 +1,58 @@
-"use strict";
-
-exports.__esModule = true;
-exports.DateTimeSelector = void 0;
-
-var _reactCore = require("@tecsinapse/react-core");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Text = require("../../atoms/Text");
-
-var _date = require("../../../utils/date");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const DateTimeSelector = ({
-  locale,
-  ...rest
-}) => {
-  return _react.default.createElement(_reactCore.DateTimeSelector, _extends({}, rest, {
-    TextComponent: _Text.Text,
-    locale: locale ?? (0, _date.getLocale)()
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactCore = require('@tecsinapse/react-core');
+var React = require('react');
+var Text = require('../../atoms/Text/Text.js');
+var date = require('../../../utils/date.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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 DateTimeSelector = (_a) => {
+  var _b = _a, {
+    locale
+  } = _b, rest = __objRest(_b, [
+    "locale"
+  ]);
+  return /* @__PURE__ */ React__default["default"].createElement(reactCore.DateTimeSelector, __spreadProps(__spreadValues({}, rest), {
+    TextComponent: Text,
+    locale: locale != null ? locale : date.getLocale()
   }));
 };
 
 exports.DateTimeSelector = DateTimeSelector;
-//# sourceMappingURL=DateTimeSelector.js.map
+//# sourceMappingURL=DateTimeSelector.js.map

package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map

@@ -1 +1 @@
-{"version":3,"file":"DateTimeSelector.js","names":["DateTimeSelector","locale","rest","Text","getLocale"],"sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  DateTimeSelector as DateTimeSelectorCore,\n  DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n  locale,\n  ...rest\n}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"mappings":";;;;;AAAA;;AAIA;;AACA;;AACA;;;;;;AAEO,MAAMA,gBAA2C,GAAG,CAAC;EAC1DC,MAD0D;EAE1D,GAAGC;AAFuD,CAAD,KAGrD;EACJ,OACE,6BAAC,2BAAD,eACMA,IADN;IAEE,aAAa,EAAEC,UAFjB;IAGE,MAAM,EAAEF,MAAM,IAAI,IAAAG,eAAA;EAHpB,GADF;AAOD,CAXM"}
+{"version":3,"file":"DateTimeSelector.js","sources":["../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n  DateTimeSelector as DateTimeSelectorCore,\n  DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n  locale,\n  ...rest\n}) => {\n  return (\n    <DateTimeSelectorCore\n      {...rest}\n      TextComponent={Text}\n      locale={locale ?? getLocale()}\n    />\n  );\n};\n"],"names":["React","DateTimeSelectorCore","getLocale"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAQa,MAAA,gBAAA,GAA8C,CAAC,EAGtD,KAAA;AAHsD,EAC1D,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,MAAA;AAAA,GATF,GAQ4D,EAEvD,EAAA,IAAA,GAAA,SAAA,CAFuD,EAEvD,EAAA;AAAA,IADH,QAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EACE,uBAAAA,yBAAA,CAAA,aAAA,CAACC,6DACK,IADL,CAAA,EAAA;AAAA,IAEC,aAAe,EAAA,IAAA;AAAA,IACf,MAAA,EAAQ,0BAAUC,cAAU,EAAA;AAAA,GAC9B,CAAA,CAAA,CAAA;AAEJ;;;;"}

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

@@ -1,57 +1,94 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
+var Item = require('./Item/Item.js');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _Item = require("./Item");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const Grid = ({
-  children,
-  columns = 12,
-  layout,
-  style,
-  spacing,
-  ...rest
-}) => {
+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"
+  ]);
   if (layout) {
     const flatLayout = layout.flat();
-    return _react.default.createElement(_reactNative.View, _extends({
-      style: [style, {
-        display: 'flex',
-        flexDirection: 'row',
-        flexWrap: 'wrap'
-      }]
-    }, rest), _react.default.Children.map(children, (child, index) => _react.default.createElement(_Item.GridItem, {
+    return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, __spreadValues({
+      style: [
+        style,
+        {
+          display: "flex",
+          flexDirection: "row",
+          flexWrap: "wrap"
+        }
+      ]
+    }, rest), React__default["default"].Children.map(children, (child, index) => /* @__PURE__ */ React__default["default"].createElement(Item, {
       key: `child-${index}`,
-      columns: columns,
+      columns,
       span: flatLayout[index],
-      spacing: spacing
+      spacing
     }, child)));
   }
-
-  return _react.default.createElement(_reactNative.View, _extends({
-    style: [style, {
-      display: 'flex',
-      flexDirection: 'row',
-      flexWrap: 'wrap'
-    }]
-  }, rest), _react.default.Children.map(children, (child, index) => {
-    return _react.default.cloneElement(child, { ...(child == null ? void 0 : child.props),
+  return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, __spreadValues({
+    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), {
       columns,
-      spacing: (child == null ? void 0 : child.props.spacing) ?? spacing,
+      spacing: (_a2 = child == null ? void 0 : child.props.spacing) != null ? _a2 : spacing,
       key: `child-${index}`
-    });
+    }));
   }));
 };
 
-var _default = Grid;
-exports.default = _default;
-//# sourceMappingURL=Grid.js.map
+module.exports = Grid;
+//# sourceMappingURL=Grid.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Grid.js","names":["Grid","children","columns","layout","style","spacing","rest","flatLayout","flat","display","flexDirection","flexWrap","React","Children","map","child","index","cloneElement","props","key"],"sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\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      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\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    </View>\n  );\n};\n\nexport default Grid;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAKA,MAAMA,IAAI,GAAG,CAAC;EACZC,QADY;EAEZC,OAAO,GAAG,EAFE;EAGZC,MAHY;EAIZC,KAJY;EAKZC,OALY;EAMZ,GAAGC;AANS,CAAD,KAOmB;EAC9B,IAAIH,MAAJ,EAAY;IACV,MAAMI,UAAU,GAAGJ,MAAM,CAACK,IAAP,EAAnB;IACA,OACE,6BAAC,iBAAD;MACE,KAAK,EAAE,CACLJ,KADK,EAEL;QACEK,OAAO,EAAE,MADX;QAEEC,aAAa,EAAE,KAFjB;QAGEC,QAAQ,EAAE;MAHZ,CAFK;IADT,GASML,IATN,GAWGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAC5B,6BAAC,cAAD;MACE,GAAG,EAAG,SAAQA,KAAM,EADtB;MAEE,OAAO,EAAEd,OAFX;MAGE,IAAI,EAAEK,UAAU,CAACS,KAAD,CAHlB;MAIE,OAAO,EAAEX;IAJX,GAMGU,KANH,CADD,CAXH,CADF;EAwBD;;EAED,OACE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLX,KADK,EAEL;MACEK,OAAO,EAAE,MADX;MAEEC,aAAa,EAAE,KAFjB;MAGEC,QAAQ,EAAE;IAHZ,CAFK;EADT,GASML,IATN,GAWGM,cAAA,CAAMC,QAAN,CAAeC,GAAf,CAAmBb,QAAnB,EAA6B,CAACc,KAAD,EAAQC,KAAR,KAAkB;IAC9C,OAAOJ,cAAA,CAAMK,YAAN,CAAmBF,KAAnB,EAA0B,EAC/B,IAAGA,KAAH,oBAAGA,KAAK,CAAEG,KAAV,CAD+B;MAE/BhB,OAF+B;MAG/BG,OAAO,EAAE,CAAAU,KAAK,QAAL,YAAAA,KAAK,CAAEG,KAAP,CAAab,OAAb,KAAwBA,OAHF;MAI/Bc,GAAG,EAAG,SAAQH,KAAM;IAJW,CAA1B,CAAP;EAMD,CAPA,CAXH,CADF;AAsBD,CA1DD;;eA4DehB,I"}
+{"version":3,"file":"Grid.js","sources":["../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n  children,\n  columns = 12,\n  layout,\n  style,\n  spacing,\n  ...rest\n}: IGridNative): JSX.Element => {\n  if (layout) {\n    const flatLayout = layout.flat();\n    return (\n      <View\n        style={[\n          style,\n          {\n            display: 'flex',\n            flexDirection: 'row',\n            flexWrap: 'wrap',\n          },\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      </View>\n    );\n  }\n\n  return (\n    <View\n      style={[\n        style,\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          flexWrap: 'wrap',\n        },\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    </View>\n  );\n};\n\nexport default Grid;\n"],"names":["React","View","GridItem","_a"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOM,MAAA,IAAA,GAAO,CAAC,EAOkB,KAAA;AAPlB,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,CAAAC,gBAAA,EAAA,cAAA,CAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,OACF;AAAA,KACI,EAAA,IAAA,CAAA,EAEHD,0BAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAC,KAAA,EAAO,0BACnCA,yBAAA,CAAA,aAAA,CAAAE,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,uBACGF,yBAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,cAAA,CAAA;AAAA,IACC,KAAO,EAAA;AAAA,MACL,KAAA;AAAA,MACA;AAAA,QACE,OAAS,EAAA,MAAA;AAAA,QACT,aAAe,EAAA,KAAA;AAAA,QACf,QAAU,EAAA,MAAA;AAAA,OACZ;AAAA,KACF;AAAA,GAAA,EACI,OAEHD,yBAAM,CAAA,QAAA,CAAS,IAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAvDtD,IAAAG,IAAAA,GAAAA,CAAAA;AAwDQ,IAAA,OAAOH,yBAAM,CAAA,YAAA,CAAa,KAAO,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAC5B,+BAAO,KADqB,CAAA,EAAA;AAAA,MAE/B,OAAA;AAAA,MACA,UAASG,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;;;;"}

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

@@ -1,50 +1,89 @@
-"use strict";
+'use strict';
 
-exports.__esModule = true;
-exports.default = void 0;
+var React = require('react');
+var reactNative = require('react-native');
+var reactCore = require('@tecsinapse/react-core');
 
-var _react = _interopRequireDefault(require("react"));
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _reactNative = require("react-native");
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _reactCore = require("@tecsinapse/react-core");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-const GridItem = ({
-  children,
-  span,
-  columns = 12,
-  loadingComponent,
-  loading = false,
-  spacing: _spacing,
-  wrapper = false,
-  alignContent,
-  alignItems,
-  alignSelf,
-  flex,
-  flexDirection,
-  flexGrow,
-  flexShrink,
-  justifyContent,
-  flexBasis,
-  style,
-  ...rest
-}) => {
-  const {
-    spacing
-  } = (0, _reactCore.useTheme)();
-
-  if (!_react.default.Children.only(children)) {
-    throw new Error('The number of children in GridItem should be one');
+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,
+    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 { spacing } = reactCore.useTheme();
+  if (!React__default["default"].Children.only(children)) {
+    throw new Error("The number of children in GridItem should be one");
   }
-
   if (loadingComponent && loading) {
     return loadingComponent;
   }
-
   const _style = {
     alignContent,
     alignItems,
@@ -54,25 +93,20 @@ const GridItem = ({
     flexGrow,
     flexShrink,
     justifyContent,
-    boxSizing: 'border-box',
-    flexBasis: flexBasis ?? `${(0, _reactCore.getGridItemColumSpan)(columns, span)}%`,
-    paddingTop: (0, _reactCore.getGridItemPadding)('top', _spacing, spacing),
-    paddingBottom: (0, _reactCore.getGridItemPadding)('bottom', _spacing, spacing),
-    paddingRight: (0, _reactCore.getGridItemPadding)('right', _spacing, spacing),
-    paddingLeft: (0, _reactCore.getGridItemPadding)('left', _spacing, spacing)
+    boxSizing: "border-box",
+    flexBasis: flexBasis != null ? 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.cloneElement(children, { ...(children == null ? void 0 : children.props),
-    style: wrapper ? children == null ? void 0 : children.props.style : { ..._style,
-      ...(children == null ? void 0 : children.props.style)
-    }
-  });
-
-  return wrapper ? _react.default.createElement(_reactNative.View, _extends({}, rest, {
+  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(reactNative.View, __spreadProps(__spreadValues({}, rest), {
     style: [style, _style]
   }), clone) : clone;
 };
 
-var _default = GridItem;
-exports.default = _default;
-//# sourceMappingURL=Item.js.map
+module.exports = GridItem;
+//# sourceMappingURL=Item.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Item.js","names":["GridItem","children","span","columns","loadingComponent","loading","spacing","_spacing","wrapper","alignContent","alignItems","alignSelf","flex","flexDirection","flexGrow","flexShrink","justifyContent","flexBasis","style","rest","useTheme","React","Children","only","Error","_style","boxSizing","getGridItemColumSpan","paddingTop","getGridItemPadding","paddingBottom","paddingRight","paddingLeft","clone","cloneElement","props"],"sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n  IGridItem,\n  useTheme,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n  ViewProps & {\n    /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n    flexBasis?: string | 'auto';\n  };\n\nconst GridItem = ({\n  children,\n  span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemNative): JSX.Element => {\n  const { spacing } = useTheme();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const _style = {\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <View {...rest} style={[style, _style]}>\n      {clone}\n    </View>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"mappings":";;;;;AAAA;;AACA;;AACA;;;;;;AAaA,MAAMA,QAAQ,GAAG,CAAC;EAChBC,QADgB;EAEhBC,IAFgB;EAGhBC,OAAO,GAAG,EAHM;EAIhBC,gBAJgB;EAKhBC,OAAO,GAAG,KALM;EAMhBC,OAAO,EAAEC,QANO;EAOhBC,OAAO,GAAG,KAPM;EAQhBC,YARgB;EAShBC,UATgB;EAUhBC,SAVgB;EAWhBC,IAXgB;EAYhBC,aAZgB;EAahBC,QAbgB;EAchBC,UAdgB;EAehBC,cAfgB;EAgBhBC,SAhBgB;EAiBhBC,KAjBgB;EAkBhB,GAAGC;AAlBa,CAAD,KAmBmB;EAClC,MAAM;IAAEb;EAAF,IAAc,IAAAc,mBAAA,GAApB;;EACA,IAAI,CAACC,cAAA,CAAMC,QAAN,CAAeC,IAAf,CAAoBtB,QAApB,CAAL,EAAoC;IAClC,MAAM,IAAIuB,KAAJ,CAAU,kDAAV,CAAN;EACD;;EACD,IAAIpB,gBAAgB,IAAIC,OAAxB,EAAiC;IAC/B,OAAOD,gBAAP;EACD;;EAED,MAAMqB,MAAM,GAAG;IACbhB,YADa;IAEbC,UAFa;IAGbC,SAHa;IAIbC,IAJa;IAKbC,aALa;IAMbC,QANa;IAObC,UAPa;IAQbC,cARa;IASbU,SAAS,EAAE,YATE;IAUbT,SAAS,EAAEA,SAAS,IAAK,GAAE,IAAAU,+BAAA,EAAqBxB,OAArB,EAA8BD,IAA9B,CAAoC,GAVlD;IAWb0B,UAAU,EAAE,IAAAC,6BAAA,EAAmB,KAAnB,EAA0BtB,QAA1B,EAAoCD,OAApC,CAXC;IAYbwB,aAAa,EAAE,IAAAD,6BAAA,EAAmB,QAAnB,EAA6BtB,QAA7B,EAAuCD,OAAvC,CAZF;IAabyB,YAAY,EAAE,IAAAF,6BAAA,EAAmB,OAAnB,EAA4BtB,QAA5B,EAAsCD,OAAtC,CAbD;IAcb0B,WAAW,EAAE,IAAAH,6BAAA,EAAmB,MAAnB,EAA2BtB,QAA3B,EAAqCD,OAArC;EAdA,CAAf;;EAiBA,MAAM2B,KAAK,GAAGZ,cAAA,CAAMa,YAAN,CAAmBjC,QAAnB,EAA6B,EACzC,IAAGA,QAAH,oBAAGA,QAAQ,CAAEkC,KAAb,CADyC;IAEzCjB,KAAK,EAAEV,OAAO,GACVP,QADU,oBACVA,QAAQ,CAAEkC,KAAV,CAAgBjB,KADN,GAEV,EAAE,GAAGO,MAAL;MAAa,IAAGxB,QAAH,oBAAGA,QAAQ,CAAEkC,KAAV,CAAgBjB,KAAnB;IAAb;EAJqC,CAA7B,CAAd;;EAOA,OAAOV,OAAO,GACZ,6BAAC,iBAAD,eAAUW,IAAV;IAAgB,KAAK,EAAE,CAACD,KAAD,EAAQO,MAAR;EAAvB,IACGQ,KADH,CADY,GAKZA,KALF;AAOD,CA3DD;;eA6DejC,Q"}
+{"version":3,"file":"Item.js","sources":["../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n  IGridItem,\n  useTheme,\n  getGridItemColumSpan,\n  getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n  ViewProps & {\n    /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n    flexBasis?: string | 'auto';\n  };\n\nconst GridItem = ({\n  children,\n  span,\n  columns = 12,\n  loadingComponent,\n  loading = false,\n  spacing: _spacing,\n  wrapper = false,\n  alignContent,\n  alignItems,\n  alignSelf,\n  flex,\n  flexDirection,\n  flexGrow,\n  flexShrink,\n  justifyContent,\n  flexBasis,\n  style,\n  ...rest\n}: IGridItemNative): JSX.Element => {\n  const { spacing } = useTheme();\n  if (!React.Children.only(children)) {\n    throw new Error('The number of children in GridItem should be one');\n  }\n  if (loadingComponent && loading) {\n    return loadingComponent;\n  }\n\n  const _style = {\n    alignContent,\n    alignItems,\n    alignSelf,\n    flex,\n    flexDirection,\n    flexGrow,\n    flexShrink,\n    justifyContent,\n    boxSizing: 'border-box',\n    flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n    paddingTop: getGridItemPadding('top', _spacing, spacing),\n    paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n    paddingRight: getGridItemPadding('right', _spacing, spacing),\n    paddingLeft: getGridItemPadding('left', _spacing, spacing),\n  };\n\n  const clone = React.cloneElement(children, {\n    ...children?.props,\n    style: wrapper\n      ? children?.props.style\n      : { ..._style, ...children?.props.style },\n  });\n\n  return wrapper ? (\n    <View {...rest} style={[style, _style]}>\n      {clone}\n    </View>\n  ) : (\n    clone\n  );\n};\n\nexport default GridItem;\n"],"names":["useTheme","React","getGridItemColumSpan","getGridItemPadding","View"],"mappings":"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"}