@teamturing/react-native-kit 1.1.0 → 1.2.0

package/lib/module/component/Img/Img.js

@@ -0,0 +1,234 @@
+"use strict";
+
+import { propsToThemedStyle, StyledSystemContext } from '@react-native-styled-system/core';
+import { Platform, Image } from 'react-native';
+import FastImage from 'react-native-fast-image';
+import { flatStyle, is } from "../../util/index.js";
+import { DefaultImageConfig } from "./ImageConfig.js";
+import { createElement as _createElement } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+export class Img {
+  #config;
+  #style;
+  get config() {
+    return this.#config;
+  }
+  constructor(argConfig) {
+    this.#config = {
+      ...DefaultImageConfig,
+      ...argConfig
+    };
+    this.#style = flatStyle(argConfig?.style);
+  }
+  render(source, additionalConfig) {
+    if (additionalConfig) {
+      return this.append(additionalConfig).render(source);
+    }
+    return this.shouldUseFastImage(source) ? this.renderFastImage(source) : this.renderRNImage(source);
+  }
+  renderRNImage(source) {
+    const props = {
+      source: source || -1,
+      resizeMode: this.resizeMode,
+      testID: this.#config.testID
+    };
+    if (this.#config.sx) {
+      return /*#__PURE__*/_jsx(StyledSystemContext.Consumer, {
+        children: value => /*#__PURE__*/_createElement(Image, {
+          ...props,
+          style: [propsToThemedStyle({
+            sx: this.#config.sx,
+            theme: value?.theme
+          }), this.style],
+          key: this.#config.key
+        })
+      });
+    } else {
+      return /*#__PURE__*/_createElement(Image, {
+        ...props,
+        style: this.style,
+        key: this.#config.key
+      });
+    }
+  }
+  renderFastImage(source) {
+    const props = {
+      source: is.string(source) ? {
+        uri: source,
+        headers: this.#config.headers
+      } : source,
+      resizeMode: this.resizeMode,
+      testID: this.#config.testID,
+      tintColor: this.#config.tintColor,
+      onError: this.#config.onError,
+      onLoad: this.#config.onLoad,
+      onLoadEnd: this.#config.onLoadEnd
+    };
+    if (this.#config.sx) {
+      return /*#__PURE__*/_jsx(StyledSystemContext.Consumer, {
+        children: value => /*#__PURE__*/_createElement(FastImage, {
+          ...props,
+          style: [propsToThemedStyle({
+            sx: this.#config.sx,
+            theme: value?.theme
+          }), this.style],
+          key: this.#config.key
+        })
+      });
+    } else {
+      return /*#__PURE__*/_createElement(FastImage, {
+        ...props,
+        style: this.style,
+        key: this.#config.key
+      });
+    }
+  }
+  shouldUseFastImage(source) {
+    return is.string(source) || Platform.OS !== 'web' && !!this.#config.useFastImageInLocalImage;
+  }
+  get style() {
+    const result = {
+      ...this.#style,
+      tintColor: Platform.OS !== 'web' ? this.#config.tintColor : undefined
+    };
+    if (this.width) {
+      result.width = this.width;
+    }
+    if (this.height) {
+      result.height = this.height;
+    }
+    delete result.resizeMode;
+    return result;
+  }
+  get width() {
+    return this.#config.width || this.#style?.width || undefined;
+  }
+  get height() {
+    return this.#config.height || this.#style?.height || undefined;
+  }
+  get resizeMode() {
+    let result = this.#config.resizeMode || this.#style?.resizeMode || DefaultImageConfig.resizeMode;
+    if (result === 'contain' && is.android() && typeof this.borderRadius === 'number' && this.borderRadius > 0) {
+      result = 'cover';
+    }
+    return result;
+  }
+  get borderRadius() {
+    return this.#style?.borderRadius || 0;
+  }
+  append(config) {
+    return new Img({
+      ...this.config,
+      ...config
+    });
+  }
+  static render(source, config) {
+    return Img.create(config).render(source);
+  }
+  static create(config) {
+    return new Img(config);
+  }
+  static Sx(sx) {
+    return new Img({
+      sx
+    });
+  }
+  Sx(sx) {
+    return this.append({
+      sx
+    });
+  }
+  static S10 = Img.create({
+    width: 10,
+    height: 10
+  });
+  static S12 = Img.create({
+    width: 12,
+    height: 12
+  });
+  static S14 = Img.create({
+    width: 14,
+    height: 14
+  });
+  static S16 = Img.create({
+    width: 16,
+    height: 16
+  });
+  static S20 = Img.create({
+    width: 20,
+    height: 20
+  });
+  static S24 = Img.create({
+    width: 24,
+    height: 24
+  });
+  static S28 = Img.create({
+    width: 28,
+    height: 28
+  });
+  static S30 = Img.create({
+    width: 30,
+    height: 30
+  });
+  static S32 = Img.create({
+    width: 32,
+    height: 32
+  });
+  static S36 = Img.create({
+    width: 36,
+    height: 36
+  });
+  static S40 = Img.create({
+    width: 40,
+    height: 40
+  });
+  static S44 = Img.create({
+    width: 44,
+    height: 44
+  });
+  static S48 = Img.create({
+    width: 48,
+    height: 48
+  });
+  static S56 = Img.create({
+    width: 56,
+    height: 56
+  });
+  static S64 = Img.create({
+    width: 64,
+    height: 64
+  });
+  static S68 = Img.create({
+    width: 68,
+    height: 68
+  });
+  static S72 = Img.create({
+    width: 72,
+    height: 72
+  });
+  static S80 = Img.create({
+    width: 80,
+    height: 80
+  });
+  static S88 = Img.create({
+    width: 88,
+    height: 88
+  });
+  static S96 = Img.create({
+    width: 96,
+    height: 96
+  });
+  static S100 = Img.create({
+    width: 100,
+    height: 100
+  });
+  static S120 = Img.create({
+    width: 120,
+    height: 120
+  });
+  static S140 = Img.create({
+    width: 140,
+    height: 140
+  });
+}
+//# sourceMappingURL=Img.js.map

package/lib/module/component/Img/Img.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["propsToThemedStyle","StyledSystemContext","Platform","Image","FastImage","flatStyle","is","DefaultImageConfig","createElement","_createElement","jsx","_jsx","Img","config","style","constructor","argConfig","render","source","additionalConfig","append","shouldUseFastImage","renderFastImage","renderRNImage","props","resizeMode","testID","sx","Consumer","children","value","theme","key","string","uri","headers","tintColor","onError","onLoad","onLoadEnd","OS","useFastImageInLocalImage","result","undefined","width","height","android","borderRadius","create","Sx","S10","S12","S14","S16","S20","S24","S28","S30","S32","S36","S40","S44","S48","S56","S64","S68","S72","S80","S88","S96","S100","S120","S140"],"sourceRoot":"../../../../src","sources":["component/Img/Img.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/Img/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+export * from "./ImageConfig.js";
+export * from "./Img.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/Img/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Img/index.ts"],"mappings":";;AAAA,cAAc,kBAAe;AAC7B,cAAc,UAAO","ignoreList":[]}

package/lib/module/component/Layout/AdaptiveHeightConstraintView.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React, { useState, useMemo } from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const UNDETERMINED = 'UNDETERMINED';
+const TRUE = 'TRUE';
+const FALSE = 'FALSE';
+const AdaptiveHeightConstraintView = ({
+  elseElement,
+  ifElement,
+  minHeight = -99999,
+  maxHeight = 99999,
+  style
+}) => {
+  const [layoutHeight, setLayoutHeight] = useState(-1);
+  const renderState = useMemo(() => {
+    if (layoutHeight === -1) {
+      return UNDETERMINED;
+    }
+    if (layoutHeight >= minHeight && layoutHeight <= maxHeight) {
+      return TRUE;
+    } else {
+      return FALSE;
+    }
+  }, [layoutHeight, minHeight, maxHeight]);
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    onLayout: ({
+      nativeEvent: {
+        layout: {
+          height
+        }
+      }
+    }) => {
+      setLayoutHeight(height);
+    },
+    children: renderState === UNDETERMINED ? null : renderState === TRUE ? ifElement : elseElement
+  });
+};
+export { AdaptiveHeightConstraintView };
+//# sourceMappingURL=AdaptiveHeightConstraintView.js.map

package/lib/module/component/Layout/AdaptiveHeightConstraintView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","View","jsx","_jsx","UNDETERMINED","TRUE","FALSE","AdaptiveHeightConstraintView","elseElement","ifElement","minHeight","maxHeight","style","layoutHeight","setLayoutHeight","renderState","onLayout","nativeEvent","layout","height","children"],"sourceRoot":"../../../../src","sources":["component/Layout/AdaptiveHeightConstraintView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAEhD,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,MAAMC,YAAY,GAAG,cAAc;AACnC,MAAMC,IAAI,GAAG,MAAM;AACnB,MAAMC,KAAK,GAAG,OAAO;AAUrB,MAAMC,4BAA4B,GAAGA,CAAC;EACpCC,WAAW;EACXC,SAAS;EACTC,SAAS,GAAG,CAAC,KAAK;EAClBC,SAAS,GAAG,KAAK;EACjBC;AACiC,CAAC,KAAK;EACvC,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGf,QAAQ,CAAC,CAAC,CAAC,CAAC;EAEpD,MAAMgB,WAA8B,GAAGf,OAAO,CAAC,MAAM;IACnD,IAAIa,YAAY,KAAK,CAAC,CAAC,EAAE;MACvB,OAAOT,YAAY;IACrB;IACA,IAAIS,YAAY,IAAIH,SAAS,IAAIG,YAAY,IAAIF,SAAS,EAAE;MAC1D,OAAON,IAAI;IACb,CAAC,MAAM;MACL,OAAOC,KAAK;IACd;EACF,CAAC,EAAE,CAACO,YAAY,EAAEH,SAAS,EAAEC,SAAS,CAAC,CAAC;EAExC,oBACER,IAAA,CAACF,IAAI;IACHW,KAAK,EAAEA,KAAM;IACbI,QAAQ,EAAEA,CAAC;MACTC,WAAW,EAAE;QACXC,MAAM,EAAE;UAAEC;QAAO;MACnB;IACF,CAAC,KAAK;MACJL,eAAe,CAACK,MAAM,CAAC;IACzB,CAAE;IAAAC,QAAA,EAEDL,WAAW,KAAKX,YAAY,GAAG,IAAI,GAAGW,WAAW,KAAKV,IAAI,GAAGI,SAAS,GAAGD;EAAW,CACjF,CAAC;AAEX,CAAC;AAED,SAASD,4BAA4B","ignoreList":[]}

package/lib/module/component/Layout/AdaptiveWidthConstraintView.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import React, { useState, useMemo } from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const UNDETERMINED = 'UNDETERMINED';
+const TRUE = 'TRUE';
+const FALSE = 'FALSE';
+const AdaptiveWidthConstraintView = ({
+  elseElement,
+  ifElement,
+  minWidth = -99999,
+  maxWidth = 99999,
+  style
+}) => {
+  const [layoutWidth, setLayoutWidth] = useState(-1);
+  const renderState = useMemo(() => {
+    if (layoutWidth === -1) {
+      return UNDETERMINED;
+    }
+    if (layoutWidth >= minWidth && layoutWidth <= maxWidth) {
+      return TRUE;
+    } else {
+      return FALSE;
+    }
+  }, [layoutWidth, minWidth, maxWidth]);
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    onLayout: ({
+      nativeEvent: {
+        layout: {
+          width
+        }
+      }
+    }) => {
+      setLayoutWidth(width);
+    },
+    children: renderState === UNDETERMINED ? null : renderState === TRUE ? ifElement : elseElement
+  });
+};
+export { AdaptiveWidthConstraintView };
+//# sourceMappingURL=AdaptiveWidthConstraintView.js.map

package/lib/module/component/Layout/AdaptiveWidthConstraintView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","useMemo","View","jsx","_jsx","UNDETERMINED","TRUE","FALSE","AdaptiveWidthConstraintView","elseElement","ifElement","minWidth","maxWidth","style","layoutWidth","setLayoutWidth","renderState","onLayout","nativeEvent","layout","width","children"],"sourceRoot":"../../../../src","sources":["component/Layout/AdaptiveWidthConstraintView.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,EAAEC,OAAO,QAAQ,OAAO;AAEhD,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpC,MAAMC,YAAY,GAAG,cAAc;AACnC,MAAMC,IAAI,GAAG,MAAM;AACnB,MAAMC,KAAK,GAAG,OAAO;AAUrB,MAAMC,2BAA2B,GAAGA,CAAC;EACnCC,WAAW;EACXC,SAAS;EACTC,QAAQ,GAAG,CAAC,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC;AACgC,CAAC,KAAK;EACtC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGf,QAAQ,CAAC,CAAC,CAAC,CAAC;EAElD,MAAMgB,WAA8B,GAAGf,OAAO,CAAC,MAAM;IACnD,IAAIa,WAAW,KAAK,CAAC,CAAC,EAAE;MACtB,OAAOT,YAAY;IACrB;IACA,IAAIS,WAAW,IAAIH,QAAQ,IAAIG,WAAW,IAAIF,QAAQ,EAAE;MACtD,OAAON,IAAI;IACb,CAAC,MAAM;MACL,OAAOC,KAAK;IACd;EACF,CAAC,EAAE,CAACO,WAAW,EAAEH,QAAQ,EAAEC,QAAQ,CAAC,CAAC;EAErC,oBACER,IAAA,CAACF,IAAI;IACHW,KAAK,EAAEA,KAAM;IACbI,QAAQ,EAAEA,CAAC;MACTC,WAAW,EAAE;QACXC,MAAM,EAAE;UAAEC;QAAM;MAClB;IACF,CAAC,KAAK;MACJL,cAAc,CAACK,KAAK,CAAC;IACvB,CAAE;IAAAC,QAAA,EAEDL,WAAW,KAAKX,YAAY,GAAG,IAAI,GAAGW,WAAW,KAAKV,IAAI,GAAGI,SAAS,GAAGD;EAAW,CACjF,CAAC;AAEX,CAAC;AAED,SAASD,2BAA2B","ignoreList":[]}

package/lib/module/component/Layout/AdaptiveWindowLayout.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import is from "../../util/is.js";
+import { useDynamicLayout } from "./Layout/LayoutProvider.js";
+/**
+ * All properties indicate inclusive.
+ * for example, if windowWidthSizeClassMin is MEDIUM then MEDIUM, EXAPDNED devices will pass condition
+ * */
+const AdaptiveWindowLayout = props => {
+  assertProperties(props);
+  const {
+    windowWidthSizeClassMin,
+    windowWidthMin,
+    windowHeightMin,
+    ifElement,
+    elseElement,
+    windowHeightSizeClassMin
+  } = props;
+  const {
+    isWindowHeightSizeClassAtLeast,
+    isWindowWidthSizeClassAtLeast,
+    screenWidth,
+    screenHeight
+  } = useDynamicLayout();
+  const shouldRender = (windowWidthSizeClassMin ? isWindowWidthSizeClassAtLeast(windowWidthSizeClassMin) : true) && (windowHeightSizeClassMin ? isWindowHeightSizeClassAtLeast(windowHeightSizeClassMin) : true) && (is.number(windowWidthMin) ? screenWidth >= windowWidthMin : true) && (is.number(windowHeightMin) ? screenHeight >= windowHeightMin : true);
+  if (shouldRender) {
+    return ifElement || null;
+  } else {
+    return elseElement || null;
+  }
+};
+function assertProperties({
+  windowHeightSizeClassMin,
+  windowWidthSizeClassMin,
+  windowHeightMin,
+  windowWidthMin
+}) {
+  if (is.number(windowWidthMin) && windowWidthSizeClassMin) {
+    throw new Error('windowWidthMin not able to be set with windowWidthSizeClassMin');
+  }
+  if (is.number(windowHeightMin) && windowHeightSizeClassMin) {
+    throw new Error('windowHeightMin not able to be set with windowHeightSizeClassMin');
+  }
+}
+export { AdaptiveWindowLayout };
+//# sourceMappingURL=AdaptiveWindowLayout.js.map

package/lib/module/component/Layout/AdaptiveWindowLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["is","useDynamicLayout","AdaptiveWindowLayout","props","assertProperties","windowWidthSizeClassMin","windowWidthMin","windowHeightMin","ifElement","elseElement","windowHeightSizeClassMin","isWindowHeightSizeClassAtLeast","isWindowWidthSizeClassAtLeast","screenWidth","screenHeight","shouldRender","number","Error"],"sourceRoot":"../../../../src","sources":["component/Layout/AdaptiveWindowLayout.tsx"],"mappings":";;AAEA,OAAOA,EAAE,MAAM,kBAAe;AAE9B,SAASC,gBAAgB,QAAQ,4BAAyB;AAW1D;AACA;AACA;AACA;AACA,MAAMC,oBAAoB,GAAIC,KAA0B,IAAK;EAC3DC,gBAAgB,CAACD,KAAK,CAAC;EACvB,MAAM;IAAEE,uBAAuB;IAAEC,cAAc;IAAEC,eAAe;IAAEC,SAAS;IAAEC,WAAW;IAAEC;EAAyB,CAAC,GAClHP,KAAK;EACP,MAAM;IAAEQ,8BAA8B;IAAEC,6BAA6B;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAChGb,gBAAgB,CAAC,CAAC;EAEpB,MAAMc,YAAY,GAChB,CAACV,uBAAuB,GAAGO,6BAA6B,CAACP,uBAAuB,CAAC,GAAG,IAAI,MACvFK,wBAAwB,GAAGC,8BAA8B,CAACD,wBAAwB,CAAC,GAAG,IAAI,CAAC,KAC3FV,EAAE,CAACgB,MAAM,CAACV,cAAc,CAAC,GAAGO,WAAW,IAAIP,cAAc,GAAG,IAAI,CAAC,KACjEN,EAAE,CAACgB,MAAM,CAACT,eAAe,CAAC,GAAGO,YAAY,IAAIP,eAAe,GAAG,IAAI,CAAC;EAEvE,IAAIQ,YAAY,EAAE;IAChB,OAAOP,SAAS,IAAI,IAAI;EAC1B,CAAC,MAAM;IACL,OAAOC,WAAW,IAAI,IAAI;EAC5B;AACF,CAAC;AAED,SAASL,gBAAgBA,CAAC;EACxBM,wBAAwB;EACxBL,uBAAuB;EACvBE,eAAe;EACfD;AACmB,CAAC,EAAE;EACtB,IAAIN,EAAE,CAACgB,MAAM,CAACV,cAAc,CAAC,IAAID,uBAAuB,EAAE;IACxD,MAAM,IAAIY,KAAK,CAAC,gEAAgE,CAAC;EACnF;EAEA,IAAIjB,EAAE,CAACgB,MAAM,CAACT,eAAe,CAAC,IAAIG,wBAAwB,EAAE;IAC1D,MAAM,IAAIO,KAAK,CAAC,kEAAkE,CAAC;EACrF;AACF;AAEA,SAASf,oBAAoB","ignoreList":[]}

package/lib/module/component/Layout/Column.js

@@ -0,0 +1,18 @@
+"use strict";
+
+import { Box } from "../Box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Column = props => {
+  return /*#__PURE__*/_jsx(Box, {
+    flexDirection: props.reverse ? 'column-reverse' : 'column',
+    ...props
+  });
+};
+export const ColumnCenter = props => {
+  return /*#__PURE__*/_jsx(Column, {
+    alignItems: 'center',
+    ...props
+  });
+};
+export { Column };
+//# sourceMappingURL=Column.js.map

package/lib/module/component/Layout/Column.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Box","jsx","_jsx","Column","props","flexDirection","reverse","ColumnCenter","alignItems"],"sourceRoot":"../../../../src","sources":["component/Layout/Column.tsx"],"mappings":";;AAIA,SAASA,GAAG,QAAQ,iBAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7B,MAAMC,MAAM,GAAIC,KAAY,IAAK;EAC/B,oBAAOF,IAAA,CAACF,GAAG;IAACK,aAAa,EAAED,KAAK,CAACE,OAAO,GAAG,gBAAgB,GAAG,QAAS;IAAA,GAAKF;EAAK,CAAG,CAAC;AACvF,CAAC;AACD,OAAO,MAAMG,YAAY,GAAIH,KAAY,IAAK;EAC5C,oBAAOF,IAAA,CAACC,MAAM;IAACK,UAAU,EAAE,QAAS;IAAA,GAAKJ;EAAK,CAAG,CAAC;AACpD,CAAC;AAED,SAASD,MAAM","ignoreList":[]}

package/lib/module/component/Layout/FixedBottomLayout.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { is, spacing } from '@teamturing/react-native-kit';
+import React, { useState, useEffect } from 'react';
+import { Keyboard } from 'react-native';
+import { Box } from "../Box/index.js";
+import { useDynamicLayout } from "./Layout/LayoutProvider.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const FixedBottomLayout = ({
+  excludeSafeAreaBottom = false,
+  children
+}) => {
+  const {
+    sfBottom,
+    screenWidth,
+    screenHeight
+  } = useDynamicLayout();
+  const [iosKeyboardPaddingBottom, setIosKeyboardPaddingBottom] = useState(0);
+
+  /* iOS Handling */
+  useEffect(() => {
+    if (!is.iOS()) {
+      return;
+    }
+    const subscription = Keyboard.addListener('keyboardWillChangeFrame', ({
+      endCoordinates: {
+        screenY,
+        width
+      },
+      isEventFromThisApp
+    }) => {
+      if (isEventFromThisApp) {
+        const isFloatingKeyboard = width < screenWidth;
+        const keyboardHeight = screenHeight - screenY;
+        if (isFloatingKeyboard) {
+          const isOpen = keyboardHeight > 0 && !(screenY === 0);
+          if (isOpen) {
+            setIosKeyboardPaddingBottom(40);
+          } else {
+            setIosKeyboardPaddingBottom(0);
+          }
+        } else {
+          const isOpen = keyboardHeight > 0;
+          setIosKeyboardPaddingBottom(!isOpen ? 0 : keyboardHeight - sfBottom);
+        }
+      }
+    });
+    return subscription.remove;
+  }, [screenHeight, screenWidth, sfBottom, iosKeyboardPaddingBottom]);
+  const paddingBottom = (excludeSafeAreaBottom ? 0 : sfBottom) + spacing[4] + iosKeyboardPaddingBottom;
+  return /*#__PURE__*/_jsx(Box, {
+    pos: 'absolute',
+    right: 0,
+    left: 0,
+    bottom: 0,
+    pt: 12,
+    pb: `${paddingBottom}px`,
+    pointerEvents: 'box-none',
+    children: children
+  });
+};
+export { FixedBottomLayout };
+//# sourceMappingURL=FixedBottomLayout.js.map

package/lib/module/component/Layout/FixedBottomLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["is","spacing","React","useState","useEffect","Keyboard","Box","useDynamicLayout","jsx","_jsx","FixedBottomLayout","excludeSafeAreaBottom","children","sfBottom","screenWidth","screenHeight","iosKeyboardPaddingBottom","setIosKeyboardPaddingBottom","iOS","subscription","addListener","endCoordinates","screenY","width","isEventFromThisApp","isFloatingKeyboard","keyboardHeight","isOpen","remove","paddingBottom","pos","right","left","bottom","pt","pb","pointerEvents"],"sourceRoot":"../../../../src","sources":["component/Layout/FixedBottomLayout.tsx"],"mappings":";;AAAA,SAASA,EAAE,EAAEC,OAAO,QAAQ,8BAA8B;AAC1D,OAAOC,KAAK,IAAIC,QAAQ,EAAEC,SAAS,QAAQ,OAAO;AAClD,SAASC,QAAQ,QAAQ,cAAc;AAEvC,SAASC,GAAG,QAAQ,iBAAQ;AAE5B,SAASC,gBAAgB,QAAQ,4BAAyB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAI3D,MAAMC,iBAAiB,GAAGA,CAAC;EAAEC,qBAAqB,GAAG,KAAK;EAAEC;AAAyC,CAAC,KAAK;EACzG,MAAM;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAa,CAAC,GAAGR,gBAAgB,CAAC,CAAC;EAElE,MAAM,CAACS,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGd,QAAQ,CAAC,CAAC,CAAC;;EAE3E;EACAC,SAAS,CAAC,MAAM;IACd,IAAI,CAACJ,EAAE,CAACkB,GAAG,CAAC,CAAC,EAAE;MACb;IACF;IACA,MAAMC,YAAY,GAAGd,QAAQ,CAACe,WAAW,CACvC,yBAAyB,EACzB,CAAC;MAAEC,cAAc,EAAE;QAAEC,OAAO;QAAEC;MAAM,CAAC;MAAEC;IAAmB,CAAC,KAAK;MAC9D,IAAIA,kBAAkB,EAAE;QACtB,MAAMC,kBAAkB,GAAGF,KAAK,GAAGT,WAAW;QAC9C,MAAMY,cAAc,GAAGX,YAAY,GAAGO,OAAO;QAC7C,IAAIG,kBAAkB,EAAE;UACtB,MAAME,MAAM,GAAGD,cAAc,GAAG,CAAC,IAAI,EAAEJ,OAAO,KAAK,CAAC,CAAC;UACrD,IAAIK,MAAM,EAAE;YACVV,2BAA2B,CAAC,EAAE,CAAC;UACjC,CAAC,MAAM;YACLA,2BAA2B,CAAC,CAAC,CAAC;UAChC;QACF,CAAC,MAAM;UACL,MAAMU,MAAM,GAAGD,cAAc,GAAG,CAAC;UACjCT,2BAA2B,CAAC,CAACU,MAAM,GAAG,CAAC,GAAGD,cAAc,GAAGb,QAAQ,CAAC;QACtE;MACF;IACF,CACF,CAAC;IACD,OAAOM,YAAY,CAACS,MAAM;EAC5B,CAAC,EAAE,CAACb,YAAY,EAAED,WAAW,EAAED,QAAQ,EAAEG,wBAAwB,CAAC,CAAC;EAEnE,MAAMa,aAAa,GAAG,CAAClB,qBAAqB,GAAG,CAAC,GAAGE,QAAQ,IAAIZ,OAAO,CAAC,CAAC,CAAC,GAAGe,wBAAwB;EAEpG,oBACEP,IAAA,CAACH,GAAG;IAACwB,GAAG,EAAE,UAAW;IAACC,KAAK,EAAE,CAAE;IAACC,IAAI,EAAE,CAAE;IAACC,MAAM,EAAE,CAAE;IAACC,EAAE,EAAE,EAAG;IAACC,EAAE,EAAE,GAAGN,aAAa,IAAK;IAACO,aAAa,EAAE,UAAW;IAAAxB,QAAA,EAC7GA;EAAQ,CACN,CAAC;AAEV,CAAC;AAED,SAASF,iBAAiB","ignoreList":[]}

package/lib/module/component/Layout/Gap.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { View } from 'react-native';
+import { spacing } from "../../theme/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const GapW = ({
+  unit
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      marginLeft: spacing[unit]
+    },
+    "aria-hidden": true
+  });
+};
+export const GapH = ({
+  unit
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      marginTop: spacing[unit]
+    },
+    "aria-hidden": true
+  });
+};
+export const GapFlex = ({
+  flex = 1
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      flex
+    },
+    "aria-hidden": true
+  });
+};
+//# sourceMappingURL=Gap.js.map

package/lib/module/component/Layout/Gap.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","spacing","jsx","_jsx","GapW","unit","style","marginLeft","GapH","marginTop","GapFlex","flex"],"sourceRoot":"../../../../src","sources":["component/Layout/Gap.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAQ,cAAc;AAEnC,SAAuBC,OAAO,QAAQ,sBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKpD,OAAO,MAAMC,IAAI,GAAGA,CAAC;EAAEC;AAAY,CAAC,KAAK;EACvC,oBAAOF,IAAA,CAACH,IAAI;IAACM,KAAK,EAAE;MAAEC,UAAU,EAAEN,OAAO,CAACI,IAAI;IAAE,CAAE;IAAC;EAAW,CAAE,CAAC;AACnE,CAAC;AACD,OAAO,MAAMG,IAAI,GAAGA,CAAC;EAAEH;AAAY,CAAC,KAAK;EACvC,oBAAOF,IAAA,CAACH,IAAI;IAACM,KAAK,EAAE;MAAEG,SAAS,EAAER,OAAO,CAACI,IAAI;IAAE,CAAE;IAAC;EAAW,CAAE,CAAC;AAClE,CAAC;AACD,OAAO,MAAMK,OAAO,GAAGA,CAAC;EAAEC,IAAI,GAAG;AAAqB,CAAC,KAAK;EAC1D,oBAAOR,IAAA,CAACH,IAAI;IAACM,KAAK,EAAE;MAAEK;IAAK,CAAE;IAAC;EAAW,CAAE,CAAC;AAC9C,CAAC","ignoreList":[]}

package/lib/module/component/Layout/Grid.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { spacing as tokenSpacing } from "../../theme/token/spacing.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Grid = ({
+  children,
+  spacing = 0,
+  reverse = false,
+  alignItems = 'center',
+  wrap = true,
+  layout
+}) => {
+  const childStyle = {
+    paddingTop: tokenSpacing[spacing],
+    paddingHorizontal: tokenSpacing[spacing] / 2
+  };
+  const childrenWithProps = React.Children.map(children, child => {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      const childProps = {
+        ...(child.props || {}),
+        style: StyleSheet.flatten([childStyle, child.props.style])
+      };
+      return /*#__PURE__*/React.cloneElement(child, childProps);
+    }
+    return child;
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: layout,
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        flexDirection: reverse ? 'row-reverse' : 'row',
+        flexWrap: wrap && reverse ? 'wrap-reverse' : wrap ? 'wrap' : 'nowrap',
+        alignItems,
+        marginHorizontal: -tokenSpacing[spacing] / 2,
+        marginTop: -tokenSpacing[spacing]
+      },
+      children: childrenWithProps
+    })
+  });
+};
+const Unit = ({
+  style,
+  children,
+  size
+}) => {
+  const percetage = Math.round(size * 100 * 10000) / 10000;
+  return /*#__PURE__*/_jsx(View, {
+    style: [size === 'min' ? {
+      flexGrow: 0,
+      flexBasis: 'auto',
+      width: 'auto'
+    } : size === 'max' ? {
+      flexGrow: 1,
+      flex: 1,
+      flexBasis: 'auto',
+      width: 'auto',
+      maxWidth: '100%'
+    } : {
+      flexGrow: 1,
+      flexBasis: `${percetage}%`,
+      maxWidth: `${percetage}%`
+    }, style],
+    children: children
+  });
+};
+Grid.Unit = Unit;
+export { Grid };
+//# sourceMappingURL=Grid.js.map

package/lib/module/component/Layout/Grid.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","spacing","tokenSpacing","jsx","_jsx","Grid","children","reverse","alignItems","wrap","layout","childStyle","paddingTop","paddingHorizontal","childrenWithProps","Children","map","child","isValidElement","childProps","props","style","flatten","cloneElement","flexDirection","flexWrap","marginHorizontal","marginTop","Unit","size","percetage","Math","round","flexGrow","flexBasis","width","flex","maxWidth"],"sourceRoot":"../../../../src","sources":["component/Layout/Grid.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAE/C,SAASC,OAAO,IAAIC,YAAY,QAAsB,8BAA2B;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYlF,MAAMC,IAAI,GAAGA,CAAC;EACZC,QAAQ;EACRL,OAAO,GAAG,CAAC;EACXM,OAAO,GAAG,KAAK;EACfC,UAAU,GAAG,QAAQ;EACrBC,IAAI,GAAG,IAAI;EACXC;AAC8B,CAAC,KAAK;EACpC,MAAMC,UAAgC,GAAG;IACvCC,UAAU,EAAEV,YAAY,CAACD,OAAO,CAAC;IACjCY,iBAAiB,EAAEX,YAAY,CAACD,OAAO,CAAC,GAAG;EAC7C,CAAC;EAED,MAAMa,iBAAiB,GAAGhB,KAAK,CAACiB,QAAQ,CAACC,GAAG,CAACV,QAAQ,EAAGW,KAAK,IAAK;IAChE,kBAAInB,KAAK,CAACoB,cAAc,CAACD,KAAK,CAAC,EAAE;MAC/B,MAAME,UAAU,GAAG;QACjB,IAAKF,KAAK,CAAmCG,KAAK,IAAI,CAAC,CAAC,CAAC;QACzDC,KAAK,EAAEtB,UAAU,CAACuB,OAAO,CAAC,CAACX,UAAU,EAAGM,KAAK,CAAmCG,KAAK,CAACC,KAAK,CAAC;MAC9F,CAAC;MACD,oBAAOvB,KAAK,CAACyB,YAAY,CAACN,KAAK,EAAEE,UAAU,CAAC;IAC9C;IACA,OAAOF,KAAK;EACd,CAAC,CAAC;EAEF,oBACEb,IAAA,CAACJ,IAAI;IAACqB,KAAK,EAAEX,MAAO;IAAAJ,QAAA,eAClBF,IAAA,CAACJ,IAAI;MACHqB,KAAK,EAAE;QACLG,aAAa,EAAEjB,OAAO,GAAG,aAAa,GAAG,KAAK;QAC9CkB,QAAQ,EAAEhB,IAAI,IAAIF,OAAO,GAAG,cAAc,GAAGE,IAAI,GAAG,MAAM,GAAG,QAAQ;QACrED,UAAU;QACVkB,gBAAgB,EAAE,CAACxB,YAAY,CAACD,OAAO,CAAC,GAAG,CAAC;QAC5C0B,SAAS,EAAE,CAACzB,YAAY,CAACD,OAAO;MAClC,CAAE;MAAAK,QAAA,EAEDQ;IAAiB,CACd;EAAC,CACH,CAAC;AAEX,CAAC;AAOD,MAAMc,IAAI,GAAGA,CAAC;EAAEP,KAAK;EAAEf,QAAQ;EAAEuB;AAAyC,CAAC,KAAK;EAC9E,MAAMC,SAAS,GAAGC,IAAI,CAACC,KAAK,CAAEH,IAAI,GAAc,GAAG,GAAG,KAAK,CAAC,GAAG,KAAK;EACpE,oBACEzB,IAAA,CAACJ,IAAI;IACHqB,KAAK,EAAE,CACLQ,IAAI,KAAK,KAAK,GACV;MACEI,QAAQ,EAAE,CAAC;MACXC,SAAS,EAAE,MAAM;MACjBC,KAAK,EAAE;IACT,CAAC,GACDN,IAAI,KAAK,KAAK,GACd;MACEI,QAAQ,EAAE,CAAC;MACXG,IAAI,EAAE,CAAC;MACPF,SAAS,EAAE,MAAM;MACjBC,KAAK,EAAE,MAAM;MACbE,QAAQ,EAAE;IACZ,CAAC,GACD;MACEJ,QAAQ,EAAE,CAAC;MACXC,SAAS,EAAE,GAAGJ,SAAS,GAAG;MAC1BO,QAAQ,EAAE,GAAGP,SAAS;IACxB,CAAC,EACLT,KAAK,CACL;IAAAf,QAAA,EAEDA;EAAQ,CACL,CAAC;AAEX,CAAC;AAEDD,IAAI,CAACuB,IAAI,GAAGA,IAAI;AAEhB,SAASvB,IAAI","ignoreList":[]}

package/lib/module/component/Layout/ItemList.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { is, spacing } from '@teamturing/react-native-kit';
+import React from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const ItemList = ({
+  items,
+  renderItem,
+  renderItemWrapper = children => children,
+  emptyState = null,
+  gap = 0,
+  style
+}) => {
+  if (is.emptyArray(items)) {
+    return emptyState;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: [{
+      gap: spacing[gap]
+    }, style],
+    children: items.map((item, i) => renderItemWrapper(renderItem(item, i), item, i))
+  });
+};
+export { ItemList };
+//# sourceMappingURL=ItemList.js.map

package/lib/module/component/Layout/ItemList.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["is","spacing","React","View","jsx","_jsx","ItemList","items","renderItem","renderItemWrapper","children","emptyState","gap","style","emptyArray","map","item","i"],"sourceRoot":"../../../../src","sources":["component/Layout/ItemList.tsx"],"mappings":";;AAAA,SAAuBA,EAAE,EAAEC,OAAO,QAAQ,8BAA8B;AACxE,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWpC,MAAMC,QAAQ,GAAGA,CAAK;EACpBC,KAAK;EACLC,UAAU;EACVC,iBAAiB,GAAIC,QAAQ,IAAKA,QAAQ;EAC1CC,UAAU,GAAG,IAAI;EACjBC,GAAG,GAAG,CAAC;EACPC;AACQ,CAAC,KAAK;EACd,IAAIb,EAAE,CAACc,UAAU,CAACP,KAAK,CAAC,EAAE;IACxB,OAAOI,UAAU;EACnB;EACA,oBACEN,IAAA,CAACF,IAAI;IAACU,KAAK,EAAE,CAAC;MAAED,GAAG,EAAEX,OAAO,CAACW,GAAG;IAAE,CAAC,EAAEC,KAAK,CAAE;IAAAH,QAAA,EACzCH,KAAK,CAACQ,GAAG,CAAC,CAACC,IAAI,EAAEC,CAAC,KAAKR,iBAAiB,CAACD,UAAU,CAACQ,IAAI,EAAEC,CAAC,CAAC,EAAED,IAAI,EAAEC,CAAC,CAAC;EAAC,CACpE,CAAC;AAEX,CAAC;AAED,SAASX,QAAQ","ignoreList":[]}