@teamturing/react-native-kit 1.1.0 → 1.2.1

package/lib/module/component/Btn/InteractiveToggledIconBtn.js

@@ -0,0 +1,98 @@
+"use strict";
+
+import { palette, spacing, Touch } from '@teamturing/react-native-kit';
+import { useEffect, forwardRef, useImperativeHandle, useCallback } from 'react';
+import Animated, { useSharedValue, withTiming, useAnimatedStyle, interpolateColor, withRepeat, withSequence, interpolate, cancelAnimation, Easing, withDelay } from 'react-native-reanimated';
+import { AnimatedIcon } from "../Icon/AnimatedIcon.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const ColorByVariant = {
+  'gray-primary': {
+    idleColor: palette.gray900,
+    idleBgColor: palette.gray100,
+    blinkColor: palette.violet500,
+    blinkBgColor: palette.violet50,
+    activeColor: palette.white,
+    activeBgColor: palette.violet500
+  },
+  'lightgray-darkgray': {
+    idleColor: palette.gray900,
+    idleBgColor: palette.gray100,
+    blinkColor: palette.white,
+    blinkBgColor: palette.gray900,
+    activeColor: palette.white,
+    activeBgColor: palette.gray900
+  }
+};
+const commonStyle = {
+  width: 48,
+  height: 48,
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: 999
+};
+Animated.addWhitelistedUIProps({
+  fill: true
+});
+export const InteractiveToggledIconBtn = /*#__PURE__*/forwardRef(({
+  name,
+  value,
+  onPress,
+  variant = 'gray-primary'
+}, ref) => {
+  const anim = useSharedValue(value ? 1 : 0);
+  const {
+    blinkBgColor,
+    activeBgColor,
+    activeColor,
+    idleColor,
+    blinkColor,
+    idleBgColor
+  } = ColorByVariant[variant];
+  useEffect(() => {
+    cancelAnimation(anim);
+    anim.value = withTiming(value ? 1 : 0, {
+      duration: 200
+    });
+  }, [value, anim]);
+  const animStyle = useAnimatedStyle(() => ({
+    backgroundColor: interpolateColor(anim.value, [-1, 0, 1], [blinkBgColor, idleBgColor, activeBgColor]),
+    transform: [{
+      scale: interpolate(anim.value, [-1, 0, 0.4, 1], [1.2, 1, 0.9, 1])
+    }]
+  }), [idleBgColor, blinkBgColor, activeBgColor]);
+  const iconAnimStyle = useAnimatedStyle(() => ({
+    color: interpolateColor(anim.value, [-1, 0, 1], [blinkColor, idleColor, activeColor])
+  }), [idleColor, blinkColor, activeColor]);
+  const blink = useCallback(() => {
+    anim.value = withDelay(2000, withRepeat(withSequence(withTiming(-1, {
+      duration: 400,
+      easing: Easing.out(Easing.ease)
+    }), withTiming(0, {
+      duration: 400,
+      easing: Easing.in(Easing.ease)
+    })), 5, true));
+  }, [anim]);
+  useImperativeHandle(ref, () => ({
+    blink
+  }), [blink]);
+  return /*#__PURE__*/_jsx(Animated.View, {
+    style: [commonStyle, animStyle],
+    children: /*#__PURE__*/_jsx(Touch, {
+      activeOpacity: 1,
+      style: commonStyle,
+      hitSlop: {
+        top: spacing[1],
+        right: spacing[1],
+        bottom: spacing[1],
+        left: spacing[1]
+      },
+      onPress: onPress,
+      children: /*#__PURE__*/_jsx(AnimatedIcon, {
+        name: name,
+        size: 20,
+        animatedStyle: iconAnimStyle
+      })
+    })
+  });
+});
+//# sourceMappingURL=InteractiveToggledIconBtn.js.map

package/lib/module/component/Btn/InteractiveToggledIconBtn.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","spacing","Touch","useEffect","forwardRef","useImperativeHandle","useCallback","Animated","useSharedValue","withTiming","useAnimatedStyle","interpolateColor","withRepeat","withSequence","interpolate","cancelAnimation","Easing","withDelay","AnimatedIcon","jsx","_jsx","ColorByVariant","idleColor","gray900","idleBgColor","gray100","blinkColor","violet500","blinkBgColor","violet50","activeColor","white","activeBgColor","commonStyle","width","height","alignItems","justifyContent","borderRadius","addWhitelistedUIProps","fill","InteractiveToggledIconBtn","name","value","onPress","variant","ref","anim","duration","animStyle","backgroundColor","transform","scale","iconAnimStyle","color","blink","easing","out","ease","in","View","style","children","activeOpacity","hitSlop","top","right","bottom","left","size","animatedStyle"],"sourceRoot":"../../../../src","sources":["component/Btn/InteractiveToggledIconBtn.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,8 @@
+"use strict";
+
+import { BaseBtn as Btn } from "./BaseBtn.js";
+import { IconBtn } from "./IconBtn.js";
+export { IconBtn, Btn };
+export * from "./FixedBottomCTABtn.js";
+export * from "./InteractiveToggledIconBtn.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["BaseBtn","Btn","IconBtn"],"sourceRoot":"../../../../src","sources":["component/Btn/index.ts"],"mappings":";;AAAA,SACEA,OAAO,IAAIC,GAAG,QAIT,cAAW;AAClB,SAASC,OAAO,QAA2B,cAAW;AAEtD,SAASA,OAAO,EAAED,GAAG;AACrB,cAAc,wBAAqB;AACnC,cAAc,gCAA6B","ignoreList":[]}

package/lib/module/component/Card.js

@@ -0,0 +1,28 @@
+"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 Card = ({
+  children,
+  ...props
+}) => {
+  const {
+    getStyle
+  } = useSx(props, {
+    fallback: {
+      bg: 'gray50',
+      borderWidth: 0,
+      borderColor: 'transparent',
+      radius: 20,
+      overflow: 'hidden'
+    }
+  });
+  return /*#__PURE__*/_jsx(View, {
+    style: getStyle(),
+    children: children
+  });
+};
+export { Card };
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","React","View","jsx","_jsx","Card","children","props","getStyle","fallback","bg","borderWidth","borderColor","radius","overflow","style"],"sourceRoot":"../../../src","sources":["component/Card.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,OAAOC,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAIpC,MAAMC,IAAI,GAAGA,CAAC;EAAEC,QAAQ;EAAE,GAAGC;AAAsC,CAAC,KAAK;EACvE,MAAM;IAAEC;EAAS,CAAC,GAAGR,KAAK,CAACO,KAAK,EAAE;IAChCE,QAAQ,EAAE;MACRC,EAAE,EAAE,QAAQ;MACZC,WAAW,EAAE,CAAC;MACdC,WAAW,EAAE,aAAa;MAC1BC,MAAM,EAAE,EAAE;MACVC,QAAQ,EAAE;IACZ;EACF,CAAC,CAAC;EACF,oBAAOV,IAAA,CAACF,IAAI;IAACa,KAAK,EAAEP,QAAQ,CAAC,CAAE;IAAAF,QAAA,EAAEA;EAAQ,CAAO,CAAC;AACnD,CAAC;AAED,SAASD,IAAI","ignoreList":[]}

package/lib/module/component/Carousel.js

@@ -0,0 +1,53 @@
+"use strict";
+
+import { useStableCallback, Chip } from '@teamturing/react-native-kit';
+import { useState } from 'react';
+import BaseCarousel from 'react-native-reanimated-carousel';
+import { Box } from "./Box/index.js";
+import { Paginator } from "./Paginator.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Carousel = ({
+  enablePaginator = false,
+  showPageIndexPerMaxPageIndex = false,
+  data,
+  sx,
+  onProgressChange,
+  paginator,
+  innerRef,
+  ...props
+}) => {
+  const [pageIndex, setPageIndex] = useState(0);
+  const handleProgressChange = useStableCallback((_, indexFloat) => {
+    let result = Math.round(indexFloat);
+    if (result >= data.length) {
+      result = 0;
+    }
+    if (pageIndex !== result) {
+      setPageIndex(result);
+      onProgressChange?.(result);
+    }
+  });
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: sx,
+    children: [/*#__PURE__*/_jsx(BaseCarousel, {
+      ref: innerRef,
+      data: data,
+      onProgressChange: handleProgressChange,
+      ...props
+    }), enablePaginator ? /*#__PURE__*/_jsx(Paginator, {
+      value: pageIndex,
+      maxValue: data.length,
+      dotSize: 10,
+      dotColor: 'white',
+      mt: 4,
+      ...paginator
+    }) : null, showPageIndexPerMaxPageIndex ? /*#__PURE__*/_jsx(Chip, {
+      variant: 'dim',
+      size: 'l',
+      text: `${pageIndex + 1}/${data.length}`,
+      mt: 4
+    }) : null]
+  });
+};
+export { Carousel };
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useStableCallback","Chip","useState","BaseCarousel","Box","Paginator","jsx","_jsx","jsxs","_jsxs","Carousel","enablePaginator","showPageIndexPerMaxPageIndex","data","sx","onProgressChange","paginator","innerRef","props","pageIndex","setPageIndex","handleProgressChange","_","indexFloat","result","Math","round","length","children","ref","value","maxValue","dotSize","dotColor","mt","variant","size","text"],"sourceRoot":"../../../src","sources":["component/Carousel.tsx"],"mappings":";;AACA,SAASA,iBAAiB,EAAEC,IAAI,QAAQ,8BAA8B;AAEtE,SAASC,QAAQ,QAAQ,OAAO;AAEhC,OAAOC,YAAY,MAAM,kCAAkC;AAE3D,SAASC,GAAG,QAAQ,gBAAO;AAC3B,SAA8BC,SAAS,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAW7D,MAAMC,QAAQ,GAAGA,CAAK;EACpBC,eAAe,GAAG,KAAK;EACvBC,4BAA4B,GAAG,KAAK;EACpCC,IAAI;EACJC,EAAE;EACFC,gBAAgB;EAChBC,SAAS;EACTC,QAAQ;EACR,GAAGC;AACK,CAAC,KAAK;EACd,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGlB,QAAQ,CAAS,CAAC,CAAC;EAErD,MAAMmB,oBAAoB,GAAGrB,iBAAiB,CAAC,CAACsB,CAAC,EAAEC,UAAkB,KAAK;IACxE,IAAIC,MAAM,GAAGC,IAAI,CAACC,KAAK,CAACH,UAAU,CAAC;IACnC,IAAIC,MAAM,IAAIX,IAAI,CAACc,MAAM,EAAE;MACzBH,MAAM,GAAG,CAAC;IACZ;IACA,IAAIL,SAAS,KAAKK,MAAM,EAAE;MACxBJ,YAAY,CAACI,MAAM,CAAC;MACpBT,gBAAgB,GAAGS,MAAM,CAAC;IAC5B;EACF,CAAC,CAAC;EAEF,oBACEf,KAAA,CAACL,GAAG;IAACU,EAAE,EAAEA,EAAG;IAAAc,QAAA,gBACVrB,IAAA,CAACJ,YAAY;MAAI0B,GAAG,EAAEZ,QAAS;MAACJ,IAAI,EAAEA,IAAK;MAACE,gBAAgB,EAAEM,oBAAqB;MAAA,GAAMH;IAAK,CAAW,CAAC,EACzGP,eAAe,gBACdJ,IAAA,CAACF,SAAS;MAACyB,KAAK,EAAEX,SAAU;MAACY,QAAQ,EAAElB,IAAI,CAACc,MAAO;MAACK,OAAO,EAAE,EAAG;MAACC,QAAQ,EAAE,OAAQ;MAACC,EAAE,EAAE,CAAE;MAAA,GAAKlB;IAAS,CAAG,CAAC,GAC1G,IAAI,EACPJ,4BAA4B,gBAC3BL,IAAA,CAACN,IAAI;MAACkC,OAAO,EAAE,KAAM;MAACC,IAAI,EAAE,GAAI;MAACC,IAAI,EAAE,GAAGlB,SAAS,GAAG,CAAC,IAAIN,IAAI,CAACc,MAAM,EAAG;MAACO,EAAE,EAAE;IAAE,CAAE,CAAC,GACjF,IAAI;EAAA,CACL,CAAC;AAEV,CAAC;AAED,SAASxB,QAAQ","ignoreList":[]}

package/lib/module/component/Chip.js

@@ -0,0 +1,176 @@
+"use strict";
+
+import { px, palette, Txt, gradient, GradientCollection } from '@teamturing/react-native-kit';
+import { transparentize } from 'polished';
+import React from 'react';
+import { StyleSheet } from 'react-native';
+import { Box } from "./Box/index.js";
+import { Icon } from "./Icon/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const commonStyle = {
+  alignSelf: 'center',
+  flexDirection: 'row',
+  alignItems: 'center',
+  justifyContent: 'center',
+  borderRadius: 9999,
+  overflow: 'hidden'
+};
+const styleBySize = {
+  l: {
+    px: 2,
+    h: px(29)
+  },
+  m: {
+    px: 2,
+    h: px(26)
+  },
+  s: {
+    px: 2,
+    h: px(19)
+  }
+};
+const styleByVariant = {
+  'primary': {
+    backgroundColor: 'violet500'
+  },
+  'secondary': {
+    backgroundColor: 'violet50'
+  },
+  'outlined': {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: 'violet500'
+  },
+  'gray': {
+    backgroundColor: 'gray100'
+  },
+  'red': {
+    backgroundColor: 'red50'
+  },
+  'yellow': {
+    backgroundColor: 'yellow50'
+  },
+  'green': {
+    backgroundColor: 'green50'
+  },
+  'gradient1': {},
+  'dim': {
+    backgroundColor: transparentize(0.4, palette.black)
+  },
+  'outlined-gray300': {
+    backgroundColor: 'transparent',
+    borderWidth: 1,
+    borderColor: 'gray300'
+  },
+  'blue': {
+    backgroundColor: 'blue500'
+  },
+  'blue50': {
+    backgroundColor: 'blue50'
+  }
+};
+const gradientCollectionPropsByVarient = {
+  'primary': undefined,
+  'secondary': undefined,
+  'outlined': undefined,
+  'gray': undefined,
+  'red': undefined,
+  'yellow': undefined,
+  'green': undefined,
+  'gradient1': {
+    style: [StyleSheet.absoluteFill],
+    ...gradient.gradient1
+  },
+  'dim': undefined,
+  'outlined-gray300': undefined,
+  'blue': undefined,
+  'blue50': undefined
+};
+const txtBySize = {
+  l: Txt.S.Medium,
+  m: Txt.XS.Medium,
+  s: Txt.XXS.Medium
+};
+const txtConfigByVariant = {
+  'primary': {
+    color: palette.white
+  },
+  'secondary': {
+    color: palette.violet500
+  },
+  'outlined': {
+    color: palette.violet500
+  },
+  'gray': {
+    color: palette.gray700
+  },
+  'red': {
+    color: palette.red500
+  },
+  'yellow': {
+    color: palette.yellow500
+  },
+  'green': {
+    color: palette.green500
+  },
+  'gradient1': {
+    color: palette.white
+  },
+  'dim': {
+    color: palette.white
+  },
+  'outlined-gray300': {
+    color: palette.gray700
+  },
+  'blue': {
+    color: palette.white
+  },
+  'blue50': {
+    color: palette.blue500
+  }
+};
+const iconSpacingBySize = {
+  l: 1,
+  m: 0.5,
+  s: 0
+};
+const Chip = ({
+  size = 'm',
+  variant = 'primary',
+  text,
+  leadingIcon,
+  renderLeadingIcon = iconProps => /*#__PURE__*/_jsx(Icon, {
+    ...iconProps
+  }),
+  trailingIcon,
+  renderTrailingIcon = iconProps => /*#__PURE__*/_jsx(Icon, {
+    ...iconProps
+  }),
+  pointerEvents,
+  ...sxProps
+}) => {
+  return /*#__PURE__*/_jsxs(Box, {
+    sx: {
+      ...commonStyle,
+      ...sxProps,
+      ...styleBySize[size],
+      ...styleByVariant[variant]
+    },
+    pointerEvents: pointerEvents,
+    children: [variant === 'gradient1' ? /*#__PURE__*/_jsx(GradientCollection, {
+      ...gradientCollectionPropsByVarient[variant]
+    }) : null, leadingIcon ? renderLeadingIcon({
+      name: leadingIcon,
+      size: 16,
+      mr: text ? iconSpacingBySize[size] : 0,
+      fill: txtConfigByVariant[variant].color
+    }) : null, txtBySize[size].render(text, txtConfigByVariant[variant]), trailingIcon ? renderTrailingIcon({
+      name: trailingIcon,
+      size: 16,
+      ml: text ? iconSpacingBySize[size] : 0,
+      fill: txtConfigByVariant[variant].color
+    }) : null]
+  });
+};
+export { Chip };
+//# sourceMappingURL=Chip.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["px","palette","Txt","gradient","GradientCollection","transparentize","React","StyleSheet","Box","Icon","jsx","_jsx","jsxs","_jsxs","commonStyle","alignSelf","flexDirection","alignItems","justifyContent","borderRadius","overflow","styleBySize","l","h","m","s","styleByVariant","backgroundColor","borderWidth","borderColor","black","gradientCollectionPropsByVarient","undefined","style","absoluteFill","gradient1","txtBySize","S","Medium","XS","XXS","txtConfigByVariant","color","white","violet500","gray700","red500","yellow500","green500","blue500","iconSpacingBySize","Chip","size","variant","text","leadingIcon","renderLeadingIcon","iconProps","trailingIcon","renderTrailingIcon","pointerEvents","sxProps","sx","children","name","mr","fill","render","ml"],"sourceRoot":"../../../src","sources":["component/Chip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/CloneWithGlobalPositionView.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { useTimeoutHandler, is } from '@teamturing/react-native-kit';
+import React, { useRef } from 'react';
+import { View } from 'react-native';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+const CloneWithGlobalPositionView = ({
+  onLayoutGlobal,
+  onLayoutGlobalWithClonedChildren,
+  measureDelay = 500,
+  children,
+  cloneChildren,
+  ...rest
+}) => {
+  const ref = useRef(null);
+  const timeoutHandler = useTimeoutHandler();
+  return /*#__PURE__*/_jsx(View, {
+    ...rest,
+    collapsable: false,
+    ref: ref,
+    onLayout: !is.function(onLayoutGlobal) && !is.function(onLayoutGlobalWithClonedChildren) ? undefined : () => {
+      timeoutHandler.current = setTimeout(() => {
+        ref.current?.measure((_, __, width, height, pageX, pageY) => {
+          onLayoutGlobal?.({
+            height,
+            width,
+            x: pageX,
+            y: pageY
+          });
+          if (is.function(onLayoutGlobalWithClonedChildren)) {
+            const cloned = cloneChildren || /*#__PURE__*/React.cloneElement( /*#__PURE__*/_jsx(_Fragment, {
+              children: children
+            }));
+            onLayoutGlobalWithClonedChildren?.({
+              height,
+              width,
+              x: pageX,
+              y: pageY,
+              element: cloned
+            });
+          }
+        });
+      }, measureDelay);
+    },
+    children: children
+  });
+};
+export { CloneWithGlobalPositionView };
+//# sourceMappingURL=CloneWithGlobalPositionView.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useTimeoutHandler","is","React","useRef","View","Fragment","_Fragment","jsx","_jsx","CloneWithGlobalPositionView","onLayoutGlobal","onLayoutGlobalWithClonedChildren","measureDelay","children","cloneChildren","rest","ref","timeoutHandler","collapsable","onLayout","function","undefined","current","setTimeout","measure","_","__","width","height","pageX","pageY","x","y","cloned","cloneElement","element"],"sourceRoot":"../../../src","sources":["component/CloneWithGlobalPositionView.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,EAAE,QAAQ,8BAA8B;AACpE,OAAOC,KAAK,IAAIC,MAAM,QAAQ,OAAO;AAErC,SAASC,IAAI,QAAQ,cAAc;AAAC,SAAAC,QAAA,IAAAC,SAAA,EAAAC,GAAA,IAAAC,IAAA;AASpC,MAAMC,2BAA2B,GAAGA,CAAC;EACnCC,cAAc;EACdC,gCAAgC;EAChCC,YAAY,GAAG,GAAG;EAClBC,QAAQ;EACRC,aAAa;EACb,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,GAAG,GAAGb,MAAM,CAAO,IAAI,CAAC;EAC9B,MAAMc,cAAc,GAAGjB,iBAAiB,CAAC,CAAC;EAC1C,oBACEQ,IAAA,CAACJ,IAAI;IAAA,GACCW,IAAI;IACRG,WAAW,EAAE,KAAM;IACnBF,GAAG,EAAEA,GAAI;IACTG,QAAQ,EACN,CAAClB,EAAE,CAACmB,QAAQ,CAACV,cAAc,CAAC,IAAI,CAACT,EAAE,CAACmB,QAAQ,CAACT,gCAAgC,CAAC,GAC1EU,SAAS,GACT,MAAM;MACJJ,cAAc,CAACK,OAAO,GAAGC,UAAU,CAAC,MAAM;QACxCP,GAAG,CAACM,OAAO,EAAEE,OAAO,CAAC,CAACC,CAAC,EAAEC,EAAE,EAAEC,KAAK,EAAEC,MAAM,EAAEC,KAAK,EAAEC,KAAK,KAAK;UAC3DpB,cAAc,GAAG;YAAEkB,MAAM;YAAED,KAAK;YAAEI,CAAC,EAAEF,KAAK;YAAEG,CAAC,EAAEF;UAAM,CAAC,CAAC;UACvD,IAAI7B,EAAE,CAACmB,QAAQ,CAACT,gCAAgC,CAAC,EAAE;YACjD,MAAMsB,MAAM,GAAGnB,aAAa,iBAAIZ,KAAK,CAACgC,YAAY,eAAC1B,IAAA,CAAAF,SAAA;cAAAO,QAAA,EAAGA;YAAQ,CAAG,CAAC,CAAC;YACnEF,gCAAgC,GAAG;cAAEiB,MAAM;cAAED,KAAK;cAAEI,CAAC,EAAEF,KAAK;cAAEG,CAAC,EAAEF,KAAK;cAAEK,OAAO,EAAEF;YAAO,CAAC,CAAC;UAC5F;QACF,CAAC,CAAC;MACJ,CAAC,EAAErB,YAAY,CAAC;IAClB,CACL;IAAAC,QAAA,EAEAA;EAAQ,CACL,CAAC;AAEX,CAAC;AAED,SAASJ,2BAA2B","ignoreList":[]}

package/lib/module/component/DialogHandler.js

@@ -0,0 +1,32 @@
+"use strict";
+
+import { useDialogHandler, useDialogWithParamsHandler } from '@teamturing/react-native-kit';
+export const DialogHandler = ({
+  children
+}) => {
+  const {
+    dialogRef,
+    open,
+    close
+  } = useDialogHandler();
+  return children({
+    dialogRef,
+    open,
+    close
+  });
+};
+export const DialogWithParamsHandler = ({
+  children
+}) => {
+  const {
+    dialogRef,
+    open,
+    close
+  } = useDialogWithParamsHandler();
+  return children({
+    dialogRef,
+    open,
+    close
+  });
+};
+//# sourceMappingURL=DialogHandler.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useDialogHandler","useDialogWithParamsHandler","DialogHandler","children","dialogRef","open","close","DialogWithParamsHandler"],"sourceRoot":"../../../src","sources":["component/DialogHandler.tsx"],"mappings":";;AAAA,SACEA,gBAAgB,EAEhBC,0BAA0B,QACrB,8BAA8B;AAGrC,OAAO,MAAMC,aAAa,GAAGA,CAAC;EAC5BC;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGN,gBAAgB,CAAC,CAAC;EAErD,OAAOG,QAAQ,CAAC;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,CAAC;AAC7C,CAAC;AAED,OAAO,MAAMC,uBAAuB,GAAGA,CAAU;EAC/CJ;AAGF,CAAC,KAAK;EACJ,MAAM;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGL,0BAA0B,CAAS,CAAC;EAEvE,OAAOE,QAAQ,CAAC;IAAEC,SAAS;IAAEC,IAAI;IAAEC;EAAM,CAAC,CAAC;AAC7C,CAAC","ignoreList":[]}

package/lib/module/component/Dot.js

@@ -0,0 +1,42 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { palette } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import { Box } from "./Box/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Dot = ({
+  color = 'green500',
+  borderColor = 'white',
+  size = 12,
+  borderWidth = 0,
+  testID,
+  sx
+}) => {
+  const {
+    getStyle
+  } = useSx(sx);
+  return /*#__PURE__*/_jsx(Box, {
+    testID: testID,
+    style: [{
+      backgroundColor: palette[borderColor],
+      padding: borderWidth,
+      width: size,
+      height: size,
+      borderRadius: 999,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }, getStyle()],
+    pointerEvents: 'none',
+    children: /*#__PURE__*/_jsx(View, {
+      style: {
+        backgroundColor: palette[color],
+        width: '100%',
+        height: '100%',
+        borderRadius: 999
+      }
+    })
+  });
+};
+export { Dot };
+//# sourceMappingURL=Dot.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","palette","View","Box","jsx","_jsx","Dot","color","borderColor","size","borderWidth","testID","sx","getStyle","style","backgroundColor","padding","width","height","borderRadius","justifyContent","alignItems","pointerEvents","children"],"sourceRoot":"../../../src","sources":["component/Dot.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,SAA4BC,OAAO,QAAQ,8BAA8B;AACzE,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,GAAG,QAAQ,gBAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU5B,MAAMC,GAAG,GAAGA,CAAC;EAAEC,KAAK,GAAG,UAAU;EAAEC,WAAW,GAAG,OAAO;EAAEC,IAAI,GAAG,EAAE;EAAEC,WAAW,GAAG,CAAC;EAAEC,MAAM;EAAEC;AAAU,CAAC,KAAK;EAC5G,MAAM;IAAEC;EAAS,CAAC,GAAGb,KAAK,CAACY,EAAE,CAAC;EAC9B,oBACEP,IAAA,CAACF,GAAG;IACFQ,MAAM,EAAEA,MAAO;IACfG,KAAK,EAAE,CACL;MACEC,eAAe,EAAEd,OAAO,CAACO,WAAW,CAAC;MACrCQ,OAAO,EAAEN,WAAW;MACpBO,KAAK,EAAER,IAAI;MACXS,MAAM,EAAET,IAAI;MACZU,YAAY,EAAE,GAAG;MACjBC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE;IACd,CAAC,EACDR,QAAQ,CAAC,CAAC,CACV;IACFS,aAAa,EAAE,MAAO;IAAAC,QAAA,eAEtBlB,IAAA,CAACH,IAAI;MAACY,KAAK,EAAE;QAAEC,eAAe,EAAEd,OAAO,CAACM,KAAK,CAAC;QAAEU,KAAK,EAAE,MAAM;QAAEC,MAAM,EAAE,MAAM;QAAEC,YAAY,EAAE;MAAI;IAAE,CAAE;EAAC,CACnG,CAAC;AAEV,CAAC;AAED,SAASb,GAAG","ignoreList":[]}

package/lib/module/component/DotLoadingIndicator.js

@@ -0,0 +1,49 @@
+"use strict";
+
+import { generateArray } from '@mj-studio/js-util';
+import { palette, useMount } from '@teamturing/react-native-kit';
+import { useRef } from 'react';
+import { Animated, Easing } from 'react-native';
+import { RowCenter } from "./Layout/Row.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const DotLoadingIndicator = ({
+  size = 4,
+  color = palette.black,
+  gap = 2,
+  dotCount = 3,
+  duration = 1000,
+  /// 0 ~ 1
+  cycleDurationRatio = 0.5
+}) => {
+  const anim = useRef(new Animated.Value(0)).current;
+  const styles = generateArray(dotCount).map(i => {
+    const pivot = i * (1 / dotCount * cycleDurationRatio);
+    return {
+      opacity: Animated.add(Animated.modulo(Animated.add(anim, pivot), 1), 0.3)
+    };
+  });
+  useMount(() => {
+    Animated.loop(Animated.timing(anim, {
+      toValue: 1,
+      easing: Easing.linear,
+      useNativeDriver: true,
+      duration
+    }), {
+      iterations: -1,
+      resetBeforeIteration: false
+    }).start();
+  });
+  return /*#__PURE__*/_jsx(RowCenter, {
+    gapX: gap,
+    children: generateArray(dotCount).map(i => /*#__PURE__*/_jsx(Animated.View, {
+      style: [{
+        width: size,
+        height: size,
+        borderRadius: 999,
+        backgroundColor: color
+      }, styles[dotCount - 1 - i]]
+    }, i))
+  });
+};
+export { DotLoadingIndicator };
+//# sourceMappingURL=DotLoadingIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["generateArray","palette","useMount","useRef","Animated","Easing","RowCenter","jsx","_jsx","DotLoadingIndicator","size","color","black","gap","dotCount","duration","cycleDurationRatio","anim","Value","current","styles","map","i","pivot","opacity","add","modulo","loop","timing","toValue","easing","linear","useNativeDriver","iterations","resetBeforeIteration","start","gapX","children","View","style","width","height","borderRadius","backgroundColor"],"sourceRoot":"../../../src","sources":["component/DotLoadingIndicator.tsx"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,oBAAoB;AAClD,SAAuBC,OAAO,EAAEC,QAAQ,QAAQ,8BAA8B;AAC9E,SAASC,MAAM,QAAQ,OAAO;AAE9B,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAE/C,SAASC,SAAS,QAAQ,iBAAc;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAWzC,MAAMC,mBAAmB,GAAGA,CAAC;EAC3BC,IAAI,GAAG,CAAC;EACRC,KAAK,GAAGV,OAAO,CAACW,KAAK;EACrBC,GAAG,GAAG,CAAC;EACPC,QAAQ,GAAG,CAAC;EACZC,QAAQ,GAAG,IAAI;EACf;EACAC,kBAAkB,GAAG;AAChB,CAAC,KAAK;EACX,MAAMC,IAAI,GAAGd,MAAM,CAAC,IAAIC,QAAQ,CAACc,KAAK,CAAC,CAAC,CAAC,CAAC,CAACC,OAAO;EAClD,MAAMC,MAAM,GAAGpB,aAAa,CAACc,QAAQ,CAAC,CAACO,GAAG,CAAEC,CAAC,IAAK;IAChD,MAAMC,KAAK,GAAGD,CAAC,IAAK,CAAC,GAAGR,QAAQ,GAAIE,kBAAkB,CAAC;IACvD,OAAO;MACLQ,OAAO,EAAEpB,QAAQ,CAACqB,GAAG,CAACrB,QAAQ,CAACsB,MAAM,CAACtB,QAAQ,CAACqB,GAAG,CAACR,IAAI,EAAEM,KAAK,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG;IAC1E,CAAC;EACH,CAAC,CAAC;EAEFrB,QAAQ,CAAC,MAAM;IACbE,QAAQ,CAACuB,IAAI,CAACvB,QAAQ,CAACwB,MAAM,CAACX,IAAI,EAAE;MAAEY,OAAO,EAAE,CAAC;MAAEC,MAAM,EAAEzB,MAAM,CAAC0B,MAAM;MAAEC,eAAe,EAAE,IAAI;MAAEjB;IAAS,CAAC,CAAC,EAAE;MAC3GkB,UAAU,EAAE,CAAC,CAAC;MACdC,oBAAoB,EAAE;IACxB,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;EACZ,CAAC,CAAC;EAEF,oBACE3B,IAAA,CAACF,SAAS;IAAC8B,IAAI,EAAEvB,GAAI;IAAAwB,QAAA,EAClBrC,aAAa,CAACc,QAAQ,CAAC,CAACO,GAAG,CAAEC,CAAC,iBAC7Bd,IAAA,CAACJ,QAAQ,CAACkC,IAAI;MAEZC,KAAK,EAAE,CAAC;QAAEC,KAAK,EAAE9B,IAAI;QAAE+B,MAAM,EAAE/B,IAAI;QAAEgC,YAAY,EAAE,GAAG;QAAEC,eAAe,EAAEhC;MAAM,CAAC,EAAES,MAAM,CAACN,QAAQ,GAAG,CAAC,GAAGQ,CAAC,CAAC;IAAE,GADvGA,CAEN,CACF;EAAC,CACO,CAAC;AAEhB,CAAC;AAED,SAASb,mBAAmB","ignoreList":[]}

package/lib/module/component/EmptyState.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { spacing, Txt, palette, is, Btn } from '@teamturing/react-native-kit';
+import React from 'react';
+import { View } from 'react-native';
+import { Icon } from "./Icon/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const EmptyState = props => {
+  const {
+    iconName = 'exclamation_point_in_circle',
+    iconFill,
+    title,
+    renderTitle = title => Txt.L.Bold.render(title, {
+      align: 'center'
+    }),
+    description,
+    renderDescription = description => Txt.S.Medium.Gray500.render(description, {
+      align: 'center'
+    }),
+    action,
+    testID = 'EmptyState'
+  } = props;
+  const {
+    getStyle
+  } = useSx(props);
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    style: [{
+      alignItems: 'center',
+      justifyContent: 'center'
+    }, getStyle()],
+    pointerEvents: 'box-none',
+    children: [/*#__PURE__*/_jsx(Icon, {
+      name: iconName,
+      fill: iconFill || palette.gray300,
+      size: 48
+    }), /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: spacing[2]
+      },
+      pointerEvents: 'none',
+      children: renderTitle(title)
+    }), is.string(description) ? /*#__PURE__*/_jsx(View, {
+      style: {
+        marginTop: spacing[2]
+      },
+      pointerEvents: 'none',
+      children: renderDescription(description)
+    }) : null, action ? /*#__PURE__*/_jsx(Btn, {
+      testID: `${testID}/action`,
+      layout: {
+        marginTop: spacing[6]
+      },
+      ...action,
+      size: 'm',
+      variant: 'primary'
+    }) : null]
+  });
+};
+export { EmptyState };
+//# sourceMappingURL=EmptyState.js.map