@teamturing/react-native-kit 1.1.0 → 1.2.0

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

@@ -0,0 +1,113 @@
+"use strict";
+
+import { createCtx, useStableCallback } from '@teamturing/react-native-kit';
+import { useCallback, useMemo, useState } from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import { WindowSizeClass, decideWindowWidthSizeClass, decideWindowHeightSizeClass } from "./WindowSizeClass.js";
+import { useDynamicDimensions } from "./useDynamicDimensions.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+export const [useDynamicLayout, LayoutProvider] = createCtx(({
+  useSafeAreaInsetsHook = useSafeAreaInsets
+}, transformChildren) => {
+  const [windowWidth, setWindowWidth] = useState(Math.ceil(Dimensions.get('window').width));
+  const [windowHeight, setWindowHeight] = useState(Math.ceil(Dimensions.get('window').height));
+  const windowShortLen = Math.min(windowWidth, windowHeight);
+  const windowLongLen = Math.max(windowWidth, windowHeight);
+  const _insets = useSafeAreaInsetsHook();
+  const insets = {
+    top: Math.ceil(_insets.top),
+    bottom: Math.ceil(_insets.bottom),
+    left: Math.ceil(_insets.left),
+    right: Math.ceil(_insets.right)
+  };
+  const windowWidthSizeClass = useMemo(() => decideWindowWidthSizeClass(windowWidth), [windowWidth]);
+  const windowHeightSizeClass = useMemo(() => decideWindowHeightSizeClass(windowHeight), [windowHeight]);
+  const isWindowWidthSizeClassAtLeast = useCallback(sizeClass => windowWidthSizeClass >= sizeClass, [windowWidthSizeClass]);
+  const isWindowHeightSizeClassAtLeast = useCallback(sizeClass => windowHeightSizeClass >= sizeClass, [windowHeightSizeClass]);
+  const isWidthAtLeastMedium = isWindowWidthSizeClassAtLeast(WindowSizeClass.MEDIUM);
+  const isWidthAtLeastExpanded = isWindowWidthSizeClassAtLeast(WindowSizeClass.EXPANDED);
+  const isHeightAtLeastMedium = isWindowHeightSizeClassAtLeast(WindowSizeClass.MEDIUM);
+  const isHeightAtLeastExpanded = isWindowHeightSizeClassAtLeast(WindowSizeClass.EXPANDED);
+  const dimensions = useDynamicDimensions({
+    screenShortLen: windowShortLen,
+    safeAreaBottom: insets.bottom,
+    screenWidth: windowWidth,
+    windowWidthSizeClass,
+    windowHeightSizeClass
+  });
+  const updateScreenSizesBeforeRotation = useCallback(orientation => {
+    if (orientation === 'portrait') {
+      setWindowWidth(windowShortLen);
+      setWindowHeight(windowLongLen);
+    } else if (orientation === 'landscape') {
+      setWindowWidth(windowLongLen);
+      setWindowHeight(windowShortLen);
+    }
+  }, [windowLongLen, windowShortLen]);
+  const localImageDimensionProps = useStableCallback((imageWidth, imageHeight, {
+    containerWidth
+  } = {
+    containerWidth: 'padding-width'
+  }) => {
+    if (containerWidth === 'full-width') {
+      const w = Math.min(windowWidth, imageWidth);
+      return {
+        width: w,
+        height: w * imageHeight / imageWidth
+      };
+    } else if (containerWidth === 'padding-width') {
+      const w = Math.min(windowWidth - 2 * dimensions.sidePadding, imageWidth);
+      return {
+        width: w,
+        height: w * imageHeight / imageWidth
+      };
+    } else {
+      const w = Math.min(containerWidth, imageWidth);
+      return {
+        width: w,
+        height: w * imageHeight / imageWidth
+      };
+    }
+  });
+  transformChildren(children => /*#__PURE__*/_jsx(View, {
+    testID: 'LayoutProvider',
+    style: StyleSheet.absoluteFill,
+    onLayout: ({
+      nativeEvent: {
+        layout: {
+          width,
+          height
+        }
+      }
+    }) => {
+      setWindowWidth(Math.ceil(width));
+      setWindowHeight(Math.ceil(height));
+    },
+    children: children
+  }));
+  return {
+    ...dimensions,
+    screenHeight: windowHeight,
+    screenWidth: windowWidth,
+    screenWidthWithPadding: windowWidth - 2 * dimensions.sidePadding,
+    screenShortLen: windowShortLen,
+    screenLongLen: windowLongLen,
+    updateScreenSizesBeforeRotation,
+    safeAreaInsets: insets,
+    sfTop: insets.top,
+    sfLeft: insets.left,
+    sfRight: insets.right,
+    sfBottom: insets.bottom,
+    windowWidthSizeClass,
+    windowHeightSizeClass,
+    isWindowHeightSizeClassAtLeast,
+    isWidthAtLeastMedium,
+    isWidthAtLeastExpanded,
+    isHeightAtLeastMedium,
+    isHeightAtLeastExpanded,
+    isWindowWidthSizeClassAtLeast,
+    localImageDimensionProps
+  };
+}, 'Layout');
+//# sourceMappingURL=LayoutProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["createCtx","useStableCallback","useCallback","useMemo","useState","Dimensions","StyleSheet","View","useSafeAreaInsets","WindowSizeClass","decideWindowWidthSizeClass","decideWindowHeightSizeClass","useDynamicDimensions","jsx","_jsx","useDynamicLayout","LayoutProvider","useSafeAreaInsetsHook","transformChildren","windowWidth","setWindowWidth","Math","ceil","get","width","windowHeight","setWindowHeight","height","windowShortLen","min","windowLongLen","max","_insets","insets","top","bottom","left","right","windowWidthSizeClass","windowHeightSizeClass","isWindowWidthSizeClassAtLeast","sizeClass","isWindowHeightSizeClassAtLeast","isWidthAtLeastMedium","MEDIUM","isWidthAtLeastExpanded","EXPANDED","isHeightAtLeastMedium","isHeightAtLeastExpanded","dimensions","screenShortLen","safeAreaBottom","screenWidth","updateScreenSizesBeforeRotation","orientation","localImageDimensionProps","imageWidth","imageHeight","containerWidth","w","sidePadding","children","testID","style","absoluteFill","onLayout","nativeEvent","layout","screenHeight","screenWidthWithPadding","screenLongLen","safeAreaInsets","sfTop","sfLeft","sfRight","sfBottom"],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/LayoutProvider.tsx"],"mappings":";;AAAA,SAASA,SAAS,EAAEC,iBAAiB,QAAQ,8BAA8B;AAC3E,SAASC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,UAAU,EAAEC,UAAU,EAAEC,IAAI,QAAQ,cAAc;AAC3D,SAASC,iBAAiB,QAAQ,gCAAgC;AAElE,SAASC,eAAe,EAAEC,0BAA0B,EAAEC,2BAA2B,QAAQ,sBAAmB;AAC5G,SAASC,oBAAoB,QAAQ,2BAAwB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE9D,OAAO,MAAM,CAACC,gBAAgB,EAAEC,cAAc,CAAC,GAAGhB,SAAS,CACzD,CACE;EAAEiB,qBAAqB,GAAGT;AAAwE,CAAC,EACnGU,iBAAiB,KACd;EACH,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGhB,QAAQ,CAACiB,IAAI,CAACC,IAAI,CAACjB,UAAU,CAACkB,GAAG,CAAC,QAAQ,CAAC,CAACC,KAAK,CAAC,CAAC;EACzF,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGtB,QAAQ,CAACiB,IAAI,CAACC,IAAI,CAACjB,UAAU,CAACkB,GAAG,CAAC,QAAQ,CAAC,CAACI,MAAM,CAAC,CAAC;EAC5F,MAAMC,cAAc,GAAGP,IAAI,CAACQ,GAAG,CAACV,WAAW,EAAEM,YAAY,CAAC;EAC1D,MAAMK,aAAa,GAAGT,IAAI,CAACU,GAAG,CAACZ,WAAW,EAAEM,YAAY,CAAC;EACzD,MAAMO,OAAqE,GAAGf,qBAAqB,CAAC,CAAC;EACrG,MAAMgB,MAAM,GAAG;IACbC,GAAG,EAAEb,IAAI,CAACC,IAAI,CAACU,OAAO,CAACE,GAAG,CAAC;IAC3BC,MAAM,EAAEd,IAAI,CAACC,IAAI,CAACU,OAAO,CAACG,MAAM,CAAC;IACjCC,IAAI,EAAEf,IAAI,CAACC,IAAI,CAACU,OAAO,CAACI,IAAI,CAAC;IAC7BC,KAAK,EAAEhB,IAAI,CAACC,IAAI,CAACU,OAAO,CAACK,KAAK;EAChC,CAAU;EAEV,MAAMC,oBAAqC,GAAGnC,OAAO,CAAC,MAAMO,0BAA0B,CAACS,WAAW,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EACnH,MAAMoB,qBAAsC,GAAGpC,OAAO,CACpD,MAAMQ,2BAA2B,CAACc,YAAY,CAAC,EAC/C,CAACA,YAAY,CACf,CAAC;EACD,MAAMe,6BAA6B,GAAGtC,WAAW,CAC9CuC,SAA0B,IAAKH,oBAAoB,IAAIG,SAAS,EACjE,CAACH,oBAAoB,CACvB,CAAC;EACD,MAAMI,8BAA8B,GAAGxC,WAAW,CAC/CuC,SAA0B,IAAKF,qBAAqB,IAAIE,SAAS,EAClE,CAACF,qBAAqB,CACxB,CAAC;EAED,MAAMI,oBAAoB,GAAGH,6BAA6B,CAAC/B,eAAe,CAACmC,MAAM,CAAC;EAClF,MAAMC,sBAAsB,GAAGL,6BAA6B,CAAC/B,eAAe,CAACqC,QAAQ,CAAC;EAEtF,MAAMC,qBAAqB,GAAGL,8BAA8B,CAACjC,eAAe,CAACmC,MAAM,CAAC;EACpF,MAAMI,uBAAuB,GAAGN,8BAA8B,CAACjC,eAAe,CAACqC,QAAQ,CAAC;EAExF,MAAMG,UAAU,GAAGrC,oBAAoB,CAAC;IACtCsC,cAAc,EAAEtB,cAAc;IAC9BuB,cAAc,EAAElB,MAAM,CAACE,MAAM;IAC7BiB,WAAW,EAAEjC,WAAW;IACxBmB,oBAAoB;IACpBC;EACF,CAAC,CAAC;EAEF,MAAMc,+BAA+B,GAAGnD,WAAW,CAChDoD,WAAqC,IAAK;IACzC,IAAIA,WAAW,KAAK,UAAU,EAAE;MAC9BlC,cAAc,CAACQ,cAAc,CAAC;MAC9BF,eAAe,CAACI,aAAa,CAAC;IAChC,CAAC,MAAM,IAAIwB,WAAW,KAAK,WAAW,EAAE;MACtClC,cAAc,CAACU,aAAa,CAAC;MAC7BJ,eAAe,CAACE,cAAc,CAAC;IACjC;EACF,CAAC,EACD,CAACE,aAAa,EAAEF,cAAc,CAChC,CAAC;EAED,MAAM2B,wBAAwB,GAAGtD,iBAAiB,CAChD,CACEuD,UAAkB,EAClBC,WAAmB,EACnB;IAAEC;EAA4E,CAAC,GAAG;IAChFA,cAAc,EAAE;EAClB,CAAC,KACE;IACH,IAAIA,cAAc,KAAK,YAAY,EAAE;MACnC,MAAMC,CAAC,GAAGtC,IAAI,CAACQ,GAAG,CAACV,WAAW,EAAEqC,UAAU,CAAC;MAC3C,OAAO;QACLhC,KAAK,EAAEmC,CAAC;QACRhC,MAAM,EAAGgC,CAAC,GAAGF,WAAW,GAAID;MAC9B,CAAC;IACH,CAAC,MAAM,IAAIE,cAAc,KAAK,eAAe,EAAE;MAC7C,MAAMC,CAAC,GAAGtC,IAAI,CAACQ,GAAG,CAACV,WAAW,GAAG,CAAC,GAAG8B,UAAU,CAACW,WAAW,EAAEJ,UAAU,CAAC;MACxE,OAAO;QACLhC,KAAK,EAAEmC,CAAC;QACRhC,MAAM,EAAGgC,CAAC,GAAGF,WAAW,GAAID;MAC9B,CAAC;IACH,CAAC,MAAM;MACL,MAAMG,CAAC,GAAGtC,IAAI,CAACQ,GAAG,CAAC6B,cAAc,EAAEF,UAAU,CAAC;MAC9C,OAAO;QACLhC,KAAK,EAAEmC,CAAC;QACRhC,MAAM,EAAGgC,CAAC,GAAGF,WAAW,GAAID;MAC9B,CAAC;IACH;EACF,CACF,CAAC;EAEDtC,iBAAiB,CAAE2C,QAAQ,iBACzB/C,IAAA,CAACP,IAAI;IACHuD,MAAM,EAAE,gBAAiB;IACzBC,KAAK,EAAEzD,UAAU,CAAC0D,YAAa;IAC/BC,QAAQ,EAAEA,CAAC;MACTC,WAAW,EAAE;QACXC,MAAM,EAAE;UAAE3C,KAAK;UAAEG;QAAO;MAC1B;IACF,CAAC,KAAK;MACJP,cAAc,CAACC,IAAI,CAACC,IAAI,CAACE,KAAK,CAAC,CAAC;MAChCE,eAAe,CAACL,IAAI,CAACC,IAAI,CAACK,MAAM,CAAC,CAAC;IACpC,CAAE;IAAAkC,QAAA,EAEDA;EAAQ,CACL,CACP,CAAC;EAEF,OAAO;IACL,GAAGZ,UAAU;IACbmB,YAAY,EAAE3C,YAAY;IAC1B2B,WAAW,EAAEjC,WAAW;IACxBkD,sBAAsB,EAAElD,WAAW,GAAG,CAAC,GAAG8B,UAAU,CAACW,WAAW;IAChEV,cAAc,EAAEtB,cAAc;IAC9B0C,aAAa,EAAExC,aAAa;IAC5BuB,+BAA+B;IAC/BkB,cAAc,EAAEtC,MAAM;IACtBuC,KAAK,EAAEvC,MAAM,CAACC,GAAG;IACjBuC,MAAM,EAAExC,MAAM,CAACG,IAAI;IACnBsC,OAAO,EAAEzC,MAAM,CAACI,KAAK;IACrBsC,QAAQ,EAAE1C,MAAM,CAACE,MAAM;IACvBG,oBAAoB;IACpBC,qBAAqB;IACrBG,8BAA8B;IAC9BC,oBAAoB;IACpBE,sBAAsB;IACtBE,qBAAqB;IACrBC,uBAAuB;IACvBR,6BAA6B;IAC7Be;EACF,CAAC;AACH,CAAC,EACD,QACF,CAAC","ignoreList":[]}

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

@@ -0,0 +1,51 @@
+"use strict";
+
+import { is } from '@teamturing/react-native-kit';
+export let WindowSizeClass = /*#__PURE__*/function (WindowSizeClass) {
+  WindowSizeClass[WindowSizeClass["COMPACT"] = 1] = "COMPACT";
+  WindowSizeClass[WindowSizeClass["MEDIUM"] = 2] = "MEDIUM";
+  WindowSizeClass[WindowSizeClass["EXPANDED"] = 3] = "EXPANDED";
+  return WindowSizeClass;
+}({});
+export function createWindowSizeClassRecord({
+  expanded,
+  medium,
+  compact
+}) {
+  return {
+    [WindowSizeClass.COMPACT]: compact,
+    [WindowSizeClass.MEDIUM]: medium,
+    [WindowSizeClass.EXPANDED]: expanded
+  };
+}
+export function createWindowSizeClassIntRecord({
+  compact,
+  medium,
+  expanded,
+  fallback = 0
+}) {
+  return createWindowSizeClassRecord({
+    compact: is.number(compact) ? compact : fallback,
+    medium: is.number(medium) ? medium : fallback,
+    expanded: is.number(expanded) ? expanded : fallback
+  });
+}
+export function decideWindowWidthSizeClass(windowWidth) {
+  if (windowWidth < 600) {
+    return WindowSizeClass.COMPACT;
+  }
+  if (windowWidth < 840) {
+    return WindowSizeClass.MEDIUM;
+  }
+  return WindowSizeClass.EXPANDED;
+}
+export function decideWindowHeightSizeClass(windowHeight) {
+  if (windowHeight < 480) {
+    return WindowSizeClass.COMPACT;
+  }
+  if (windowHeight < 900) {
+    return WindowSizeClass.MEDIUM;
+  }
+  return WindowSizeClass.EXPANDED;
+}
+//# sourceMappingURL=WindowSizeClass.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["is","WindowSizeClass","createWindowSizeClassRecord","expanded","medium","compact","COMPACT","MEDIUM","EXPANDED","createWindowSizeClassIntRecord","fallback","number","decideWindowWidthSizeClass","windowWidth","decideWindowHeightSizeClass","windowHeight"],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/WindowSizeClass.ts"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,8BAA8B;AAEjD,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAfA,eAAe,CAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAK3B,OAAO,SAASC,2BAA2BA,CAAI;EAAEC,QAAQ;EAAEC,MAAM;EAAEC;AAAgD,CAAC,EAAE;EACpH,OAAO;IACL,CAACJ,eAAe,CAACK,OAAO,GAAGD,OAAO;IAClC,CAACJ,eAAe,CAACM,MAAM,GAAGH,MAAM;IAChC,CAACH,eAAe,CAACO,QAAQ,GAAGL;EAC9B,CAAC;AACH;AAEA,OAAO,SAASM,8BAA8BA,CAAC;EAC7CJ,OAAO;EACPD,MAAM;EACND,QAAQ;EACRO,QAAQ,GAAG;AAMb,CAAC,EAAE;EACD,OAAOR,2BAA2B,CAAC;IACjCG,OAAO,EAAEL,EAAE,CAACW,MAAM,CAACN,OAAO,CAAC,GAAGA,OAAO,GAAGK,QAAQ;IAChDN,MAAM,EAAEJ,EAAE,CAACW,MAAM,CAACP,MAAM,CAAC,GAAGA,MAAM,GAAGM,QAAQ;IAC7CP,QAAQ,EAAEH,EAAE,CAACW,MAAM,CAACR,QAAQ,CAAC,GAAGA,QAAQ,GAAGO;EAC7C,CAAC,CAAC;AACJ;AAEA,OAAO,SAASE,0BAA0BA,CAACC,WAAmB,EAAmB;EAC/E,IAAIA,WAAW,GAAG,GAAG,EAAE;IACrB,OAAOZ,eAAe,CAACK,OAAO;EAChC;EACA,IAAIO,WAAW,GAAG,GAAG,EAAE;IACrB,OAAOZ,eAAe,CAACM,MAAM;EAC/B;EACA,OAAON,eAAe,CAACO,QAAQ;AACjC;AACA,OAAO,SAASM,2BAA2BA,CAACC,YAAoB,EAAmB;EACjF,IAAIA,YAAY,GAAG,GAAG,EAAE;IACtB,OAAOd,eAAe,CAACK,OAAO;EAChC;EACA,IAAIS,YAAY,GAAG,GAAG,EAAE;IACtB,OAAOd,eAAe,CAACM,MAAM;EAC/B;EACA,OAAON,eAAe,CAACO,QAAQ;AACjC","ignoreList":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+export * from "./LayoutProvider.js";
+export * from "./useDynamicDimensions.js";
+export * from "./WindowSizeClass.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/index.ts"],"mappings":";;AAAA,cAAc,qBAAkB;AAChC,cAAc,2BAAwB;AACtC,cAAc,sBAAmB","ignoreList":[]}

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

@@ -0,0 +1,22 @@
+"use strict";
+
+import { spacing } from '@teamturing/react-native-kit';
+import { useMemo } from 'react';
+import { createWindowSizeClassIntRecord } from "./WindowSizeClass.js";
+export function useDynamicDimensions({
+  windowWidthSizeClass,
+  screenWidth
+}) {
+  return useMemo(() => {
+    const sidePadding = createWindowSizeClassIntRecord({
+      compact: spacing[5],
+      medium: spacing[20],
+      expanded: spacing[32]
+    })[windowWidthSizeClass];
+    return {
+      sidePadding,
+      dialogWidth: Math.min(screenWidth * 0.85, 320)
+    };
+  }, [windowWidthSizeClass, screenWidth]);
+}
+//# sourceMappingURL=useDynamicDimensions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["spacing","useMemo","createWindowSizeClassIntRecord","useDynamicDimensions","windowWidthSizeClass","screenWidth","sidePadding","compact","medium","expanded","dialogWidth","Math","min"],"sourceRoot":"../../../../../src","sources":["component/Layout/Layout/useDynamicDimensions.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,8BAA8B;AACtD,SAASC,OAAO,QAAQ,OAAO;AAG/B,SAASC,8BAA8B,QAAQ,sBAAmB;AAElE,OAAO,SAASC,oBAAoBA,CAAC;EACnCC,oBAAoB;EACpBC;AAOF,CAAC,EAAE;EACD,OAAOJ,OAAO,CAAC,MAAM;IACnB,MAAMK,WAAW,GAAGJ,8BAA8B,CAAC;MACjDK,OAAO,EAAEP,OAAO,CAAC,CAAC,CAAC;MACnBQ,MAAM,EAAER,OAAO,CAAC,EAAE,CAAC;MACnBS,QAAQ,EAAET,OAAO,CAAC,EAAE;IACtB,CAAC,CAAC,CAACI,oBAAoB,CAAC;IACxB,OAAO;MACLE,WAAW;MACXI,WAAW,EAAEC,IAAI,CAACC,GAAG,CAACP,WAAW,GAAG,IAAI,EAAE,GAAG;IAC/C,CAAC;EACH,CAAC,EAAE,CAACD,oBAAoB,EAAEC,WAAW,CAAC,CAAC;AACzC","ignoreList":[]}

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

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=LayoutStyle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Layout/LayoutStyle.ts"],"mappings":"","ignoreList":[]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["Box","jsx","_jsx","Row","props","flexDirection","reverse","RowCenter","alignItems"],"sourceRoot":"../../../../src","sources":["component/Layout/Row.tsx"],"mappings":";;AAIA,SAASA,GAAG,QAAQ,iBAAQ;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAG7B,MAAMC,GAAG,GAAIC,KAAY,IAAK;EAC5B,oBAAOF,IAAA,CAACF,GAAG;IAACK,aAAa,EAAED,KAAK,CAACE,OAAO,GAAG,aAAa,GAAG,KAAM;IAAA,GAAKF;EAAK,CAAG,CAAC;AACjF,CAAC;AACD,OAAO,MAAMG,SAAS,GAAIH,KAAY,IAAK;EACzC,oBAAOF,IAAA,CAACC,GAAG;IAACK,UAAU,EAAE,QAAS;IAAA,GAAKJ;EAAK,CAAG,CAAC;AACjD,CAAC;AAED,SAASD,GAAG","ignoreList":[]}

package/lib/module/component/Layout/SectionLayout/Section.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import React from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const Section = props => {
+  const {
+    children,
+    onLayout
+  } = props;
+  const {
+    getStyle
+  } = useSx(props, {
+    fallback: {
+      bg: 'white'
+    }
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: getStyle(),
+    onLayout,
+    children: children
+  });
+};
+export default Section;
+//# sourceMappingURL=Section.js.map

package/lib/module/component/Layout/SectionLayout/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","React","View","jsx","_jsx","Section","props","children","onLayout","getStyle","fallback","bg","style"],"sourceRoot":"../../../../../src","sources":["component/Layout/SectionLayout/Section.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOpC,MAAMC,OAAO,GAAIC,KAAqC,IAAK;EACzD,MAAM;IAAEC,QAAQ;IAAEC;EAAS,CAAC,GAAGF,KAAK;EACpC,MAAM;IAAEG;EAAS,CAAC,GAAGT,KAAK,CAACM,KAAK,EAAE;IAAEI,QAAQ,EAAE;MAAEC,EAAE,EAAE;IAAQ;EAAE,CAAC,CAAC;EAChE,oBACEP,IAAA,CAACF,IAAI;IAACU,KAAK,EAAEH,QAAQ,CAAC,CAAE;IAAOD,QAAQ;IAAAD,QAAA,EACpCA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,eAAeF,OAAO","ignoreList":[]}

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

@@ -0,0 +1,48 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { palette, spacing } from '@teamturing/react-native-kit';
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { Column } from "../Column.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const SectionLayout = props => {
+  const {
+    getStyle
+  } = useSx(props, {
+    fallback: {
+      bg: 'gray100'
+    }
+  });
+  const {
+    children
+  } = props;
+  const childSectionStyle = {
+    marginTop: spacing[4]
+  };
+  let childSectionStyleCanBeInjected = false;
+  const childrenWithProps = React.Children.map(children, (child, i) => {
+    if ( /*#__PURE__*/React.isValidElement(child)) {
+      const childProps = {
+        ...(child.props || {}),
+        style: StyleSheet.flatten([i !== 0 && childSectionStyleCanBeInjected ? childSectionStyle : {}, child.props.style])
+      };
+      childSectionStyleCanBeInjected = true;
+      return /*#__PURE__*/React.cloneElement(child, childProps);
+    }
+    return child;
+  });
+  return /*#__PURE__*/_jsx(Column, {
+    style: getStyle(),
+    children: childrenWithProps
+  });
+};
+export const SectionDivider = props => /*#__PURE__*/_jsx(Column, {
+  ...props,
+  style: [props?.style, {
+    height: spacing[4],
+    backgroundColor: palette.gray100
+  }]
+});
+export default SectionLayout;
+//# sourceMappingURL=SectionLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","palette","spacing","React","StyleSheet","Column","jsx","_jsx","SectionLayout","props","getStyle","fallback","bg","children","childSectionStyle","marginTop","childSectionStyleCanBeInjected","childrenWithProps","Children","map","child","i","isValidElement","childProps","style","flatten","cloneElement","SectionDivider","height","backgroundColor","gray100"],"sourceRoot":"../../../../../src","sources":["component/Layout/SectionLayout/SectionLayout.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,SAASC,OAAO,EAAEC,OAAO,QAAQ,8BAA8B;AAC/D,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,UAAU,QAAQ,cAAc;AAEzC,SAA2BC,MAAM,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQrD,MAAMC,aAAa,GAAIC,KAAqC,IAAK;EAC/D,MAAM;IAAEC;EAAS,CAAC,GAAGV,KAAK,CAACS,KAAK,EAAE;IAAEE,QAAQ,EAAE;MAAEC,EAAE,EAAE;IAAU;EAAE,CAAC,CAAC;EAClE,MAAM;IAAEC;EAAS,CAAC,GAAGJ,KAAK;EAE1B,MAAMK,iBAA4B,GAAG;IAAEC,SAAS,EAAEb,OAAO,CAAC,CAAC;EAAE,CAAC;EAC9D,IAAIc,8BAA8B,GAAG,KAAK;EAE1C,MAAMC,iBAAiB,GAAGd,KAAK,CAACe,QAAQ,CAACC,GAAG,CAACN,QAAQ,EAAE,CAACO,KAAK,EAAEC,CAAC,KAAK;IACnE,kBAAIlB,KAAK,CAACmB,cAAc,CAACF,KAAK,CAAC,EAAE;MAC/B,MAAMG,UAAU,GAAG;QACjB,IAAKH,KAAK,CAAsCX,KAAK,IAAI,CAAC,CAAC,CAAC;QAC5De,KAAK,EAAEpB,UAAU,CAACqB,OAAO,CAAC,CACxBJ,CAAC,KAAK,CAAC,IAAIL,8BAA8B,GAAGF,iBAAiB,GAAG,CAAC,CAAC,EACjEM,KAAK,CAAsCX,KAAK,CAACe,KAAK,CACxD;MACH,CAAC;MAEDR,8BAA8B,GAAG,IAAI;MACrC,oBAAOb,KAAK,CAACuB,YAAY,CAACN,KAAK,EAAEG,UAAU,CAAC;IAC9C;IACA,OAAOH,KAAK;EACd,CAAC,CAAC;EAEF,oBAAOb,IAAA,CAACF,MAAM;IAACmB,KAAK,EAAEd,QAAQ,CAAC,CAAE;IAAAG,QAAA,EAAEI;EAAiB,CAAS,CAAC;AAChE,CAAC;AAED,OAAO,MAAMU,cAAc,GAAIlB,KAAkB,iBAC/CF,IAAA,CAACF,MAAM;EAAA,GAAKI,KAAK;EAAEe,KAAK,EAAE,CAACf,KAAK,EAAEe,KAAK,EAAE;IAAEI,MAAM,EAAE1B,OAAO,CAAC,CAAC,CAAC;IAAE2B,eAAe,EAAE5B,OAAO,CAAC6B;EAAQ,CAAC;AAAE,CAAE,CACtG;AAED,eAAetB,aAAa","ignoreList":[]}

package/lib/module/component/Layout/SectionLayout/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import Section from "./Section.js";
+import SectionLayout from "./SectionLayout.js";
+export { Section, SectionLayout };
+//# sourceMappingURL=index.js.map

package/lib/module/component/Layout/SectionLayout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Section","SectionLayout"],"sourceRoot":"../../../../../src","sources":["component/Layout/SectionLayout/index.ts"],"mappings":";;AAAA,OAAOA,OAAO,MAAM,cAAW;AAC/B,OAAOC,aAAa,MAAM,oBAAiB;AAE3C,SAASD,OAAO,EAAEC,aAAa","ignoreList":[]}

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

@@ -0,0 +1,33 @@
+"use strict";
+
+import React from 'react';
+import { View } from 'react-native';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+const SingleOrTwoColumnCellLayout = ({
+  columnCount,
+  horizontalGap = 0,
+  children,
+  itemIndex,
+  marginHorizontal = 0,
+  isLastItem,
+  addDummyViewIfLastProblemRightEmpty = true
+}) => {
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1,
+        marginRight: columnCount === 2 && itemIndex % 2 === 0 ? horizontalGap : marginHorizontal,
+        justifyContent: 'flex-end',
+        marginLeft: columnCount === 1 || itemIndex % 2 === 0 ? marginHorizontal : 0
+      },
+      children: children
+    }), isLastItem && addDummyViewIfLastProblemRightEmpty && itemIndex % 2 === 0 && /*#__PURE__*/_jsx(View, {
+      style: {
+        flex: 1,
+        marginRight: marginHorizontal
+      }
+    })]
+  });
+};
+export { SingleOrTwoColumnCellLayout };
+//# sourceMappingURL=SingleOrTwoColumnCellLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","SingleOrTwoColumnCellLayout","columnCount","horizontalGap","children","itemIndex","marginHorizontal","isLastItem","addDummyViewIfLastProblemRightEmpty","style","flex","marginRight","justifyContent","marginLeft"],"sourceRoot":"../../../../src","sources":["component/Layout/SingleOrTwoColumnCellLayout.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AAUpC,MAAMC,2BAA2B,GAAGA,CAAC;EACnCC,WAAW;EACXC,aAAa,GAAG,CAAC;EACjBC,QAAQ;EACRC,SAAS;EACTC,gBAAgB,GAAG,CAAC;EACpBC,UAAU;EACVC,mCAAmC,GAAG;AACjC,CAAC,KAAK;EACX,oBACER,KAAA,CAAAF,SAAA;IAAAM,QAAA,gBACER,IAAA,CAACF,IAAI;MACHe,KAAK,EAAE;QACLC,IAAI,EAAE,CAAC;QACPC,WAAW,EAAET,WAAW,KAAK,CAAC,IAAIG,SAAS,GAAG,CAAC,KAAK,CAAC,GAAGF,aAAa,GAAGG,gBAAgB;QACxFM,cAAc,EAAE,UAAU;QAC1BC,UAAU,EAAEX,WAAW,KAAK,CAAC,IAAIG,SAAS,GAAG,CAAC,KAAK,CAAC,GAAGC,gBAAgB,GAAG;MAC5E,CAAE;MAAAF,QAAA,EAEDA;IAAQ,CACL,CAAC,EACNG,UAAU,IAAIC,mCAAmC,IAAIH,SAAS,GAAG,CAAC,KAAK,CAAC,iBACvET,IAAA,CAACF,IAAI;MAACe,KAAK,EAAE;QAAEC,IAAI,EAAE,CAAC;QAAEC,WAAW,EAAEL;MAAiB;IAAE,CAAE,CAC3D;EAAA,CACD,CAAC;AAEP,CAAC;AAED,SAASL,2BAA2B","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+"use strict";
+
+import { useKeyboard, is, GradientCollection, palette } from '@teamturing/react-native-kit';
+import { StyleSheet } from 'react-native';
+import { FixedBottomLayout } from "./FixedBottomLayout.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const WhiteGradientFixedBottomLayout = ({
+  children,
+  ...props
+}) => {
+  const {
+    keyboardShown
+  } = useKeyboard();
+  return /*#__PURE__*/_jsxs(FixedBottomLayout, {
+    ...props,
+    children: [is.android() && keyboardShown ? null : /*#__PURE__*/_jsx(GradientCollection, {
+      colors: [palette.transparent, palette.white],
+      locations: [0, 0.3],
+      style: StyleSheet.absoluteFill,
+      pointerEvents: 'none'
+    }), children]
+  });
+};
+export { WhiteGradientFixedBottomLayout };
+//# sourceMappingURL=WhiteGradientFixedBottomLayout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useKeyboard","is","GradientCollection","palette","StyleSheet","FixedBottomLayout","jsx","_jsx","jsxs","_jsxs","WhiteGradientFixedBottomLayout","children","props","keyboardShown","android","colors","transparent","white","locations","style","absoluteFill","pointerEvents"],"sourceRoot":"../../../../src","sources":["component/Layout/WhiteGradientFixedBottomLayout.tsx"],"mappings":";;AAAA,SAASA,WAAW,EAAEC,EAAE,EAAEC,kBAAkB,EAAEC,OAAO,QAAQ,8BAA8B;AAE3F,SAASC,UAAU,QAAQ,cAAc;AAGzC,SAASC,iBAAiB,QAAQ,wBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGxD,MAAMC,8BAA8B,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAgC,CAAC,KAAK;EAC3F,MAAM;IAAEC;EAAc,CAAC,GAAGb,WAAW,CAAC,CAAC;EACvC,oBACES,KAAA,CAACJ,iBAAiB;IAAA,GAAKO,KAAK;IAAAD,QAAA,GACzBV,EAAE,CAACa,OAAO,CAAC,CAAC,IAAID,aAAa,GAAG,IAAI,gBACnCN,IAAA,CAACL,kBAAkB;MACjBa,MAAM,EAAE,CAACZ,OAAO,CAACa,WAAW,EAAEb,OAAO,CAACc,KAAK,CAAE;MAC7CC,SAAS,EAAE,CAAC,CAAC,EAAE,GAAG,CAAE;MACpBC,KAAK,EAAEf,UAAU,CAACgB,YAAa;MAC/BC,aAAa,EAAE;IAAO,CACvB,CACF,EACAV,QAAQ;EAAA,CACQ,CAAC;AAExB,CAAC;AAGD,SAASD,8BAA8B","ignoreList":[]}

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

@@ -0,0 +1,17 @@
+"use strict";
+
+export * from "./WhiteGradientFixedBottomLayout.js";
+export * from "./SingleOrTwoColumnCellLayout.js";
+export * from "./Row.js";
+export * from "./Column.js";
+export * from "./LayoutStyle.js";
+export * from "./ItemList.js";
+export * from "./Grid.js";
+export * from "./Gap.js";
+export * from "./FixedBottomLayout.js";
+export * from "./AdaptiveWindowLayout.js";
+export * from "./AdaptiveWidthConstraintView.js";
+export * from "./AdaptiveHeightConstraintView.js";
+export * from "./SectionLayout/index.js";
+export * from "./Layout/index.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Layout/index.ts"],"mappings":";;AAAA,cAAc,qCAAkC;AAChD,cAAc,kCAA+B;AAC7C,cAAc,UAAO;AACrB,cAAc,aAAU;AACxB,cAAc,kBAAe;AAC7B,cAAc,eAAY;AAC1B,cAAc,WAAQ;AACtB,cAAc,UAAO;AACrB,cAAc,wBAAqB;AACnC,cAAc,2BAAwB;AACtC,cAAc,kCAA+B;AAC7C,cAAc,mCAAgC;AAC9C,cAAc,0BAAiB;AAC/B,cAAc,mBAAU","ignoreList":[]}

package/lib/module/component/LiText.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { Txt } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const LiText = ({
+  text,
+  textConfig,
+  style,
+  TxtComponent = Txt.Regular
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      flexDirection: 'row'
+    }, style],
+    children: [TxtComponent.render('\u2022', textConfig), TxtComponent.render(text, {
+      ...textConfig,
+      style: [{
+        flex: 1,
+        marginLeft: 8
+      }, textConfig?.style]
+    })]
+  });
+};
+export { LiText };
+//# sourceMappingURL=LiText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Txt","View","jsxs","_jsxs","LiText","text","textConfig","style","TxtComponent","Regular","flexDirection","children","render","flex","marginLeft"],"sourceRoot":"../../../src","sources":["component/LiText.tsx"],"mappings":";;AAAA,SAA8BA,GAAG,QAAQ,8BAA8B;AAEvE,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAQpC,MAAMC,MAAM,GAAGA,CAAC;EAAEC,IAAI;EAAEC,UAAU;EAAEC,KAAK;EAAEC,YAAY,GAAGR,GAAG,CAACS;AAAe,CAAC,KAAK;EACjF,oBACEN,KAAA,CAACF,IAAI;IAACM,KAAK,EAAE,CAAC;MAAEG,aAAa,EAAE;IAAM,CAAC,EAAEH,KAAK,CAAE;IAAAI,QAAA,GAC5CH,YAAY,CAACI,MAAM,CAAC,QAAQ,EAAEN,UAAU,CAAC,EACzCE,YAAY,CAACI,MAAM,CAACP,IAAI,EAAE;MAAE,GAAGC,UAAU;MAAEC,KAAK,EAAE,CAAC;QAAEM,IAAI,EAAE,CAAC;QAAEC,UAAU,EAAE;MAAE,CAAC,EAAER,UAAU,EAAEC,KAAK;IAAE,CAAC,CAAC;EAAA,CACjG,CAAC;AAEX,CAAC;AAED,SAASH,MAAM","ignoreList":[]}

package/lib/module/component/LineDivider.js

@@ -0,0 +1,29 @@
+"use strict";
+
+import { palette, flatStyle } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LineDivider = ({
+  color = palette.gray200,
+  style,
+  marginBottom: _marginBottom,
+  marginTop: _marginTop,
+  marginVertical,
+  height: _height
+}) => {
+  const flatten = flatStyle(style);
+  const backgroundColor = flatten?.backgroundColor || color;
+  const marginTop = flatten?.marginTop || flatten?.marginVertical || _marginTop || marginVertical;
+  const marginBottom = flatten?.marginBottom || flatten?.marginVertical || _marginBottom || marginVertical;
+  const height = _height || flatten?.height || 1;
+  return /*#__PURE__*/_jsx(View, {
+    style: [style, {
+      height,
+      backgroundColor,
+      marginTop,
+      marginBottom
+    }]
+  });
+};
+export { LineDivider };
+//# sourceMappingURL=LineDivider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["palette","flatStyle","View","jsx","_jsx","LineDivider","color","gray200","style","marginBottom","_marginBottom","marginTop","_marginTop","marginVertical","height","_height","flatten","backgroundColor"],"sourceRoot":"../../../src","sources":["component/LineDivider.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,SAAS,QAAQ,8BAA8B;AAEjE,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUpC,MAAMC,WAAW,GAAGA,CAAC;EACnBC,KAAK,GAAGN,OAAO,CAACO,OAAO;EACvBC,KAAK;EACLC,YAAY,EAAEC,aAAa;EAC3BC,SAAS,EAAEC,UAAU;EACrBC,cAAc;EACdC,MAAM,EAAEC;AACH,CAAC,KAAK;EACX,MAAMC,OAAO,GAAGf,SAAS,CAACO,KAAK,CAAC;EAChC,MAAMS,eAAe,GAAGD,OAAO,EAAEC,eAAe,IAAIX,KAAK;EACzD,MAAMK,SAAS,GAAGK,OAAO,EAAEL,SAAS,IAAIK,OAAO,EAAEH,cAAc,IAAID,UAAU,IAAIC,cAAc;EAC/F,MAAMJ,YAAY,GAAGO,OAAO,EAAEP,YAAY,IAAIO,OAAO,EAAEH,cAAc,IAAIH,aAAa,IAAIG,cAAc;EACxG,MAAMC,MAAM,GAAGC,OAAO,IAAIC,OAAO,EAAEF,MAAM,IAAI,CAAC;EAC9C,oBAAOV,IAAA,CAACF,IAAI;IAACM,KAAK,EAAE,CAACA,KAAK,EAAE;MAAEM,MAAM;MAAEG,eAAe;MAAEN,SAAS;MAAEF;IAAa,CAAC;EAAE,CAAE,CAAC;AACvF,CAAC;AAED,SAASJ,WAAW","ignoreList":[]}

package/lib/module/component/LoadingFallbackView.js

@@ -0,0 +1,20 @@
+"use strict";
+
+import { palette } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LoadingFallbackView = ({
+  height
+}) => {
+  if (height === 0) {
+    return null;
+  }
+  return /*#__PURE__*/_jsx(View, {
+    style: {
+      backgroundColor: palette.transparent,
+      minHeight: height
+    }
+  });
+};
+export { LoadingFallbackView };
+//# sourceMappingURL=LoadingFallbackView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["palette","View","jsx","_jsx","LoadingFallbackView","height","style","backgroundColor","transparent","minHeight"],"sourceRoot":"../../../src","sources":["component/LoadingFallbackView.tsx"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,8BAA8B;AACtD,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMpC,MAAMC,mBAAmB,GAAGA,CAAC;EAAEC;AAAc,CAAC,KAAK;EACjD,IAAIA,MAAM,KAAK,CAAC,EAAE;IAChB,OAAO,IAAI;EACb;EACA,oBAAOF,IAAA,CAACF,IAAI;IAACK,KAAK,EAAE;MAAEC,eAAe,EAAEP,OAAO,CAACQ,WAAW;MAAEC,SAAS,EAAEJ;IAAO;EAAE,CAAE,CAAC;AACrF,CAAC;AAED,SAASD,mBAAmB","ignoreList":[]}

package/lib/module/component/LoadingIndicator.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { palette, is } from '@teamturing/react-native-kit';
+import { ActivityIndicator } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+const LoadingIndicator = props => {
+  const {
+    getStyle,
+    filteredProps
+  } = useSx(props);
+  const {
+    testID,
+    size,
+    color = palette.gray400
+  } = filteredProps;
+  return /*#__PURE__*/_jsx(ActivityIndicator, {
+    testID,
+    color,
+    style: getStyle(),
+    size: is.number(size) && size > 24 ? 'large' : 'small',
+    pointerEvents: 'none'
+  });
+};
+export { LoadingIndicator };
+//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","palette","is","ActivityIndicator","jsx","_jsx","LoadingIndicator","props","getStyle","filteredProps","testID","size","color","gray400","style","number","pointerEvents"],"sourceRoot":"../../../src","sources":["component/LoadingIndicator.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,SAASC,OAAO,EAAEC,EAAE,QAAQ,8BAA8B;AAE1D,SAASC,iBAAiB,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQjD,MAAMC,gBAAgB,GAAIC,KAA6B,IAAK;EAC1D,MAAM;IAAEC,QAAQ;IAAEC;EAAc,CAAC,GAAGT,KAAK,CAACO,KAAK,CAAC;EAChD,MAAM;IAAEG,MAAM;IAAEC,IAAI;IAAEC,KAAK,GAAGX,OAAO,CAACY;EAAQ,CAAC,GAAGJ,aAAa;EAC/D,oBACEJ,IAAA,CAACF,iBAAiB;IACVO,MAAM;IAAEE,KAAK;IACnBE,KAAK,EAAEN,QAAQ,CAAC,CAAE;IAClBG,IAAI,EAAET,EAAE,CAACa,MAAM,CAACJ,IAAI,CAAC,IAAIA,IAAI,GAAG,EAAE,GAAG,OAAO,GAAG,OAAQ;IACvDK,aAAa,EAAE;EAAO,CACvB,CAAC;AAEN,CAAC;AAED,SAASV,gBAAgB","ignoreList":[]}

package/lib/module/component/LoadingIndicatorView.js

@@ -0,0 +1,26 @@
+"use strict";
+
+import { palette, applyOpacity, Box } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { LoadingIndicator } from "./LoadingIndicator.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const LoadingIndicatorView = ({
+  isLoading,
+  children,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsxs(View, {
+    ...rest,
+    children: [children, isLoading ? /*#__PURE__*/_jsx(Box, {
+      absoluteFill: true,
+      style: {
+        justifyContent: 'center',
+        alignItems: 'center',
+        backgroundColor: applyOpacity(palette.white, 30)
+      },
+      pointerEvents: isLoading ? 'auto' : 'none',
+      children: /*#__PURE__*/_jsx(LoadingIndicator, {})
+    }) : null]
+  });
+};
+//# sourceMappingURL=LoadingIndicatorView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["palette","applyOpacity","Box","View","LoadingIndicator","jsx","_jsx","jsxs","_jsxs","LoadingIndicatorView","isLoading","children","rest","absoluteFill","style","justifyContent","alignItems","backgroundColor","white","pointerEvents"],"sourceRoot":"../../../src","sources":["component/LoadingIndicatorView.tsx"],"mappings":";;AAAA,SAASA,OAAO,EAAEC,YAAY,EAAEC,GAAG,QAAQ,8BAA8B;AAEzE,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,gBAAgB,QAAQ,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEtD,OAAO,MAAMC,oBAAoB,GAAGA,CAAC;EAAEC,SAAS;EAAEC,QAAQ;EAAE,GAAGC;AAAyC,CAAC,KAAK;EAC5G,oBACEJ,KAAA,CAACL,IAAI;IAAA,GAAKS,IAAI;IAAAD,QAAA,GACXA,QAAQ,EACRD,SAAS,gBACRJ,IAAA,CAACJ,GAAG;MACFW,YAAY;MACZC,KAAK,EAAE;QAAEC,cAAc,EAAE,QAAQ;QAAEC,UAAU,EAAE,QAAQ;QAAEC,eAAe,EAAEhB,YAAY,CAACD,OAAO,CAACkB,KAAK,EAAE,EAAE;MAAE,CAAE;MAC5GC,aAAa,EAAET,SAAS,GAAG,MAAM,GAAG,MAAO;MAAAC,QAAA,eAE3CL,IAAA,CAACF,gBAAgB,IAAE;IAAC,CACjB,CAAC,GACJ,IAAI;EAAA,CACJ,CAAC;AAEX,CAAC","ignoreList":[]}