@teamturing/react-native-kit 1.1.0 → 1.2.0

package/lib/module/component/Txt/Txt.js

@@ -0,0 +1,323 @@
+"use strict";
+
+import { is } from '@mj-studio/js-util';
+import SpannableBuilder from '@mj-studio/react-native-spannable-string';
+import { StyledSystemContext, propsToThemedStyle } from '@react-native-styled-system/core';
+import React, { createElement as _createElement } from 'react';
+import { StyleSheet, Text, TextInput } from 'react-native';
+import { palette } from "../../theme/index.js";
+import { Font } from "./Font.js";
+import { FontWeight } from "./FontWeight.js";
+import { DefaultTxtConfig } from "./TextConfig.js";
+
+// @ts-ignore
+import { jsx as _jsx } from "react/jsx-runtime";
+Text.defaultProps = Text.defaultProps || {};
+// @ts-ignore
+Text.defaultProps.allowFontScaling = false;
+// @ts-ignore
+TextInput.defaultProps = TextInput.defaultProps || {};
+// @ts-ignore
+TextInput.defaultProps.allowFontScaling = false;
+class Txt {
+  #config;
+  get config() {
+    return this.#config;
+  }
+  constructor(argConfig) {
+    this.#config = {
+      ...DefaultTxtConfig,
+      ...argConfig
+    };
+  }
+  render(text, additionalConfig) {
+    if (additionalConfig) {
+      return this.append(additionalConfig).render(text);
+    }
+    const {
+      size,
+      color,
+      align,
+      style,
+      testID,
+      italic,
+      underline,
+      strike,
+      lineHeight,
+      ellipsizeMode,
+      sx
+    } = this.config;
+    const mergedStyle = StyleSheet.flatten([style, {
+      fontSize: size,
+      includeFontPadding: false,
+      color,
+      fontFamily: this.fontFaimily,
+      textAlign: align,
+      fontStyle: italic ? 'italic' : 'normal',
+      textDecorationLine: underline ? 'underline' : strike ? 'line-through' : undefined,
+      lineHeight: is.number(lineHeight) ? lineHeight : size * 1.5
+    }]);
+    const textProps = {
+      onTextLayout: this.config.onTextLayout,
+      onLayout: this.config.onLayout,
+      ...this.numberOfLinesProp,
+      ...(ellipsizeMode ? {
+        ellipsizeMode
+      } : undefined),
+      allowFontScaling: false,
+      style: mergedStyle,
+      testID: testID
+    };
+    return sx ? /*#__PURE__*/_jsx(StyledSystemContext.Consumer, {
+      children: value => /*#__PURE__*/_jsx(Text, {
+        ...textProps,
+        style: [mergedStyle, propsToThemedStyle({
+          sx,
+          theme: value?.theme,
+          styleType: 'TextStyle'
+        })],
+        children: text
+      })
+    }, this.config.key) : /*#__PURE__*/_createElement(Text, {
+      ...textProps,
+      key: this.config.key
+    }, text);
+  }
+  append(config) {
+    return new Txt({
+      ...this.config,
+      ...config
+    });
+  }
+  get rawTextComponent() {
+    return props => {
+      const style = StyleSheet.flatten(props.style) ?? {};
+      return this.render(props.children, {
+        style: [this.#config.style, style],
+        numberOfLines: props.numberOfLines,
+        size: style?.fontSize || this.config.size,
+        color: style.color || this.config.color,
+        align: style?.textAlign || this.config.align,
+        italic: style?.fontStyle === 'italic' || this.config.italic,
+        underline: style?.textDecorationLine === 'underline' || this.config.underline,
+        strike: style?.textDecorationLine === 'line-through' || this.config.strike
+      });
+    };
+  }
+  spannableBuilder(config) {
+    return SpannableBuilder.getInstanceWithComponent(this.rawTextComponent, config);
+  }
+  get numberOfLinesProp() {
+    if (this.config.numberOfLines <= 1) {
+      return SingleLineProps;
+    } else {
+      return getMultiLineProps(this.config.numberOfLines);
+    }
+  }
+  get fontFaimily() {
+    if (this.config.weight === FontWeight.Bold) {
+      return Font.Bold;
+    } else if (this.config.weight === FontWeight.Medium) {
+      return Font.Medium;
+    } else {
+      return Font.Regular;
+    }
+  }
+  static render(text, config) {
+    return Txt.create(config).render(text);
+  }
+  static create(config) {
+    return new Txt(config);
+  }
+  static Regular = Txt.create({
+    weight: FontWeight.Regular
+  });
+  static Medium = Txt.create({
+    weight: FontWeight.Medium
+  });
+  get Medium() {
+    return this.append({
+      weight: FontWeight.Medium
+    });
+  }
+  static Bold = Txt.create({
+    weight: FontWeight.Bold
+  });
+  get Bold() {
+    return this.append({
+      weight: FontWeight.Bold
+    });
+  }
+  static Color = color => Txt.create({
+    color
+  });
+  Color(color) {
+    return this.append({
+      color
+    });
+  }
+  Sx(sx) {
+    return this.append({
+      sx
+    });
+  }
+  static H1 = Txt.Bold.append({
+    size: 24
+  });
+  static H2 = Txt.Bold.append({
+    size: 22
+  });
+  static H3 = Txt.Bold.append({
+    size: 20
+  });
+  static H4 = Txt.Bold.append({
+    size: 18
+  });
+  static L = Txt.Regular.append({
+    size: 18
+  });
+  static M = Txt.Regular.append({
+    size: 16
+  });
+  static S = Txt.Regular.append({
+    size: 14
+  });
+  static XS = Txt.Regular.append({
+    size: 12
+  });
+  static XXS = Txt.Regular.append({
+    size: 10
+  });
+
+  // Colors
+  get White() {
+    return this.append({
+      color: palette.white
+    });
+  }
+  get Red400() {
+    return this.append({
+      color: palette.red400
+    });
+  }
+  get Red500() {
+    return this.append({
+      color: palette.red500
+    });
+  }
+  get Gray50() {
+    return this.append({
+      color: palette.gray50
+    });
+  }
+  get Gray100() {
+    return this.append({
+      color: palette.gray100
+    });
+  }
+  get Gray200() {
+    return this.append({
+      color: palette.gray200
+    });
+  }
+  get Gray300() {
+    return this.append({
+      color: palette.gray300
+    });
+  }
+  get Gray400() {
+    return this.append({
+      color: palette.gray400
+    });
+  }
+  get Gray500() {
+    return this.append({
+      color: palette.gray500
+    });
+  }
+  get Gray600() {
+    return this.append({
+      color: palette.gray600
+    });
+  }
+  get Gray700() {
+    return this.append({
+      color: palette.gray700
+    });
+  }
+  get Gray900() {
+    return this.append({
+      color: palette.gray900
+    });
+  }
+  get Violet300() {
+    return this.append({
+      color: palette.violet300
+    });
+  }
+  get Violet400() {
+    return this.append({
+      color: palette.violet400
+    });
+  }
+  get Violet500() {
+    return this.append({
+      color: palette.violet500
+    });
+  }
+  get Green50() {
+    return this.append({
+      color: palette.green50
+    });
+  }
+  get Green400() {
+    return this.append({
+      color: palette.green400
+    });
+  }
+  get Green500() {
+    return this.append({
+      color: palette.green500
+    });
+  }
+  get Blue100() {
+    return this.append({
+      color: palette.blue100
+    });
+  }
+  get Blue200() {
+    return this.append({
+      color: palette.blue200
+    });
+  }
+  get Blue400() {
+    return this.append({
+      color: palette.blue400
+    });
+  }
+  get Blue500() {
+    return this.append({
+      color: palette.blue500
+    });
+  }
+  get Center() {
+    return this.append({
+      align: 'center'
+    });
+  }
+  get SingleLine() {
+    return this.append({
+      numberOfLines: 1
+    });
+  }
+}
+const SingleLineProps = {
+  ellipsizeMode: 'tail',
+  numberOfLines: 1
+};
+const getMultiLineProps = numberOfLines => ({
+  ellipsizeMode: 'tail',
+  numberOfLines: numberOfLines
+});
+export { Txt };
+//# sourceMappingURL=Txt.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["is","SpannableBuilder","StyledSystemContext","propsToThemedStyle","React","createElement","_createElement","StyleSheet","Text","TextInput","palette","Font","FontWeight","DefaultTxtConfig","jsx","_jsx","defaultProps","allowFontScaling","Txt","config","constructor","argConfig","render","text","additionalConfig","append","size","color","align","style","testID","italic","underline","strike","lineHeight","ellipsizeMode","sx","mergedStyle","flatten","fontSize","includeFontPadding","fontFamily","fontFaimily","textAlign","fontStyle","textDecorationLine","undefined","number","textProps","onTextLayout","onLayout","numberOfLinesProp","Consumer","children","value","theme","styleType","key","rawTextComponent","props","numberOfLines","spannableBuilder","getInstanceWithComponent","SingleLineProps","getMultiLineProps","weight","Bold","Medium","Regular","create","Color","Sx","H1","H2","H3","H4","L","M","S","XS","XXS","White","white","Red400","red400","Red500","red500","Gray50","gray50","Gray100","gray100","Gray200","gray200","Gray300","gray300","Gray400","gray400","Gray500","gray500","Gray600","gray600","Gray700","gray700","Gray900","gray900","Violet300","violet300","Violet400","violet400","Violet500","violet500","Green50","green50","Green400","green400","Green500","green500","Blue100","blue100","Blue200","blue200","Blue400","blue400","Blue500","blue500","Center","SingleLine"],"sourceRoot":"../../../../src","sources":["component/Txt/Txt.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,7 @@
+"use strict";
+
+export * from "./Font.js";
+export * from "./FontWeight.js";
+export * from "./TextConfig.js";
+export * from "./Txt.js";
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["component/Txt/index.ts"],"mappings":";;AAAA,cAAc,WAAQ;AACtB,cAAc,iBAAc;AAC5B,cAAc,iBAAc;AAC5B,cAAc,UAAO","ignoreList":[]}

package/lib/module/component/dialog/CommonBottomSheetDialog.js

@@ -0,0 +1,162 @@
+"use strict";
+
+import { useBackHandler } from '@react-native-community/hooks';
+import { Box, Img, Icon, Txt, Btn, runAfterFlushMacroQueue } from '@teamturing/react-native-kit';
+import { forwardRef, useCallback, useImperativeHandle, useRef, useState } from 'react';
+import is from "../../util/is.js";
+import { useDialogContext } from "./DialogProvider.js";
+import { BottomSheetDialog } from "./base/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const COMMON_BOTTOM_SHEET_DIALOG_ANIMATION_DURATION = 300;
+const CommonBottomSheetDialog = /*#__PURE__*/forwardRef((props, ref) => {
+  const dialog = useRef(null);
+  const isOpen = useRef(false);
+  const clearStateHandler = useRef(-1);
+  const [image, setImage] = useState();
+  const [imageSize, setImageSize] = useState(160);
+  const [icon, setIconName] = useState();
+  const [iconFill, setIconFill] = useState();
+  const [title, setTitle] = useState();
+  const [body, setBody] = useState();
+  const [buttons, setButtons] = useState([]);
+  const [dismissDisable, setDismissDisable] = useState(false);
+  const [onDismiss, setOnDismiss] = useState();
+  const [openId, setOpenId] = useState('');
+  const setUIStates = useCallback(params => {
+    setImage(params?.image || undefined);
+    setImageSize(params?.imageSize || 160);
+    setIconName(params?.icon);
+    setIconFill(params?.iconFill);
+    setTitle(params?.title || undefined);
+    setBody(params?.body || undefined);
+    setDismissDisable(params?.dismissDisable || false);
+    setOnDismiss(is.function(params?.onDismiss) ? () => params?.onDismiss : undefined);
+    setOpenId(params?.openId || '');
+    const buttons = params?.buttons || [];
+    setButtons(buttons.filter(b => is.plainObject(b)));
+  }, []);
+  const close = useCallback(id => {
+    if (idMatchNeeded()) {
+      closeModalById();
+    } else {
+      close();
+    }
+    function idMatchNeeded() {
+      return is.notEmptyString(id);
+    }
+    function closeModalById() {
+      if (openId === id) {
+        close();
+      }
+    }
+    function close() {
+      dialog.current?.close();
+    }
+  }, [openId]);
+  const open = useCallback(params => {
+    isOpen.current = true;
+    clearTimeout(clearStateHandler.current);
+    setUIStates(params);
+    dialog.current?.open();
+  }, [setUIStates]);
+  useImperativeHandle(ref, () => ({
+    open,
+    close
+  }), [open, close]);
+  useBackHandler(() => {
+    if (isOpen.current) {
+      if (!dismissDisable) {
+        close();
+      }
+      return true;
+    }
+    return false;
+  });
+  const renderBaseElement = () => {
+    return /*#__PURE__*/_jsxs(Box, {
+      children: [image ? Img.Sx({
+        alignSelf: 'center',
+        mb: 4
+      }).render(image, {
+        width: imageSize,
+        height: imageSize
+      }) : icon ? /*#__PURE__*/_jsx(Icon, {
+        name: icon,
+        fill: iconFill,
+        size: imageSize,
+        mb: 4,
+        alignSelf: 'center'
+      }) : null, title ? Txt.H3.Bold.Center.Sx({
+        mb: body ? 2 : 0
+      }).render(title, {
+        testID: 'commonBottomSheetDialog/title'
+      }) : null, body ? Txt.M.Medium.Gray500.Center.render(body, {
+        testID: 'commonBottomSheetDialog/body'
+      }) : null]
+    });
+  };
+  const renderButtons = () => {
+    if (buttons.length === 0) {
+      return undefined;
+    }
+    const [button1, button2] = buttons;
+    const renderButton = (button, props) => !button ? null : /*#__PURE__*/_jsx(Btn, {
+      text: button.title,
+      onPress: () => {
+        if (!button.dontClose) {
+          close();
+        }
+        runAfterFlushMacroQueue(() => button.onPress?.(close));
+      },
+      loading: button.loading,
+      testID: `commonBottomSheetDialog/button/${button.testID ?? button.title}`,
+      fullWidth: true,
+      size: 'l',
+      ...props
+    });
+    return /*#__PURE__*/_jsxs(Box, {
+      mt: 5,
+      children: [renderButton(button1, {
+        size: 'l',
+        variant: 'primary'
+      }), renderButton(button2, {
+        size: 'l',
+        variant: 'text-gray700',
+        mt: 3
+      })]
+    });
+  };
+  return /*#__PURE__*/_jsxs(BottomSheetDialog, {
+    testID: 'CommonBottomSheetDialog',
+    ref: dialog,
+    pt: 8,
+    px: 'sidePadding',
+    pb: 5,
+    onOpened: () => {
+      isOpen.current = true;
+      props.onOpened?.();
+    },
+    onClosedStarted: () => {
+      props.onClosed?.();
+      onDismiss?.();
+      clearStateHandler.current = setTimeout(() => {
+        isOpen.current = false;
+        setUIStates();
+      }, COMMON_BOTTOM_SHEET_DIALOG_ANIMATION_DURATION);
+    },
+    animationDuration: COMMON_BOTTOM_SHEET_DIALOG_ANIMATION_DURATION,
+    backdropPressToClose: !dismissDisable,
+    backButtonClose: false,
+    children: [renderBaseElement(), renderButtons()]
+  });
+});
+export const CommonBottomSheetDialogComposer = () => {
+  const {
+    commonBottomSheetDialog
+  } = useDialogContext();
+  return /*#__PURE__*/_jsx(CommonBottomSheetDialog, {
+    ref: commonBottomSheetDialog
+  });
+};
+export { CommonBottomSheetDialog };
+//# sourceMappingURL=CommonBottomSheetDialog.js.map

package/lib/module/component/dialog/CommonBottomSheetDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useBackHandler","Box","Img","Icon","Txt","Btn","runAfterFlushMacroQueue","forwardRef","useCallback","useImperativeHandle","useRef","useState","is","useDialogContext","BottomSheetDialog","jsx","_jsx","jsxs","_jsxs","COMMON_BOTTOM_SHEET_DIALOG_ANIMATION_DURATION","CommonBottomSheetDialog","props","ref","dialog","isOpen","clearStateHandler","image","setImage","imageSize","setImageSize","icon","setIconName","iconFill","setIconFill","title","setTitle","body","setBody","buttons","setButtons","dismissDisable","setDismissDisable","onDismiss","setOnDismiss","openId","setOpenId","setUIStates","params","undefined","function","filter","b","plainObject","close","id","idMatchNeeded","closeModalById","notEmptyString","current","open","clearTimeout","renderBaseElement","children","Sx","alignSelf","mb","render","width","height","name","fill","size","H3","Bold","Center","testID","M","Medium","Gray500","renderButtons","length","button1","button2","renderButton","button","text","onPress","dontClose","loading","fullWidth","mt","variant","pt","px","pb","onOpened","onClosedStarted","onClosed","setTimeout","animationDuration","backdropPressToClose","backButtonClose","CommonBottomSheetDialogComposer","commonBottomSheetDialog"],"sourceRoot":"../../../../src","sources":["component/dialog/CommonBottomSheetDialog.tsx"],"mappings":"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","ignoreList":[]}