@teamturing/react-native-kit 0.1.0 → 1.2.0

package/lib/module/component/TextField/BaseTextField.js

@@ -0,0 +1,125 @@
+"use strict";
+
+import { is, palette, spacing, Txt, Grid, Shake, Touch } from '@teamturing/react-native-kit';
+import React, { useEffect, useRef } from 'react';
+import { View } from 'react-native';
+import { IconBtn } from "../Btn/index.js";
+import { Icon } from "../Icon/index.js";
+import CoreTextField from "./CoreTextField.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BaseTextField = ({
+  label,
+  leadingIcon,
+  trailingIcon,
+  trailingIconFill,
+  trailingElements = [],
+  disabled = false,
+  readonly = false,
+  helpText,
+  errorText,
+  successText,
+  onPress,
+  style,
+  textFieldStyle,
+  ...props
+}, ref) => {
+  const isError = is.notEmptyString(errorText);
+  const isSuccess = is.notEmptyString(successText);
+  const shake = useRef(null);
+  useEffect(() => {
+    if (isError) {
+      shake.current?.start();
+    }
+  }, [isError]);
+  const trailingElementList = (() => {
+    const ret = [];
+    if (is.notEmptyArray(trailingElements)) {
+      ret.push(...trailingElements);
+    }
+    if (trailingIcon) {
+      ret.push( /*#__PURE__*/_jsx(Icon, {
+        name: trailingIcon,
+        size: 24,
+        fill: trailingIconFill || palette.gray300
+      }));
+    }
+    if (is.emptyArray(ret) && !disabled && !readonly && is.notEmptyString(props.value)) {
+      ret.push( /*#__PURE__*/_jsx(IconBtn, {
+        name: 'close_in_circle',
+        size: 'm',
+        variant: 'plain-gray300',
+        onPress: () => props.onChangeText?.('', ''),
+        layout: {
+          marginRight: -spacing[1]
+        }
+      }));
+    }
+    return ret;
+  })();
+  return /*#__PURE__*/_jsxs(Shake, {
+    ref: shake,
+    style: style,
+    disableFirstAnimation: true,
+    children: [label ? Txt.XS.Medium.Gray700.render(label, {
+      style: {
+        marginBottom: spacing[1]
+      }
+    }) : null, /*#__PURE__*/_jsx(View, {
+      style: {
+        height: !props.multiline ? 54 : undefined,
+        borderWidth: 1,
+        borderColor: disabled ? palette.gray200 : isError ? palette.red500 : palette.gray200,
+        borderRadius: 12,
+        justifyContent: 'center',
+        backgroundColor: disabled ? palette.gray100 : palette.white
+      },
+      children: /*#__PURE__*/_jsxs(Grid, {
+        spacing: 2,
+        layout: {
+          marginHorizontal: spacing[5]
+        },
+        children: [leadingIcon ? /*#__PURE__*/_jsx(Grid.Unit, {
+          size: 'min',
+          children: /*#__PURE__*/_jsx(Icon, {
+            name: leadingIcon,
+            size: 24,
+            fill: palette.gray300
+          })
+        }) : null, /*#__PURE__*/_jsx(Grid.Unit, {
+          size: 'max',
+          children: /*#__PURE__*/_jsx(CoreTextField, {
+            ref: ref,
+            style: [{
+              paddingTop: props.multiline ? spacing[4] : undefined,
+              paddingBottom: props.multiline ? spacing[4] : undefined
+            }, textFieldStyle],
+            readonly: readonly,
+            disabled: disabled,
+            ...props
+          })
+        }), trailingElementList.map((element, i) => /*#__PURE__*/_jsx(Grid.Unit, {
+          size: 'min',
+          children: element
+        }, i))]
+      })
+    }), isError || isSuccess || is.notEmptyString(helpText) ? Txt.XS.Medium.Color(isError ? palette.red500 : isSuccess ? palette.green500 : palette.gray400).render(errorText || helpText || successText, {
+      style: {
+        marginTop: spacing[1]
+      },
+      testID: errorText ? `${props.testID}/error` : isSuccess ? `${props.testID}/success` : `${props.testID}/helper`
+    }) : null, !disabled && onPress ? /*#__PURE__*/_jsx(Touch, {
+      testID: `${props?.testID}/button`,
+      activeOpacity: 0,
+      onPress: onPress,
+      style: {
+        position: 'absolute',
+        left: 0,
+        top: 0,
+        right: 0,
+        bottom: 0
+      }
+    }) : null]
+  });
+};
+export default /*#__PURE__*/React.forwardRef(BaseTextField);
+//# sourceMappingURL=BaseTextField.js.map

package/lib/module/component/TextField/BaseTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["is","palette","spacing","Txt","Grid","Shake","Touch","React","useEffect","useRef","View","IconBtn","Icon","CoreTextField","jsx","_jsx","jsxs","_jsxs","BaseTextField","label","leadingIcon","trailingIcon","trailingIconFill","trailingElements","disabled","readonly","helpText","errorText","successText","onPress","style","textFieldStyle","props","ref","isError","notEmptyString","isSuccess","shake","current","start","trailingElementList","ret","notEmptyArray","push","name","size","fill","gray300","emptyArray","value","variant","onChangeText","layout","marginRight","disableFirstAnimation","children","XS","Medium","Gray700","render","marginBottom","height","multiline","undefined","borderWidth","borderColor","gray200","red500","borderRadius","justifyContent","backgroundColor","gray100","white","marginHorizontal","Unit","paddingTop","paddingBottom","map","element","i","Color","green500","gray400","marginTop","testID","activeOpacity","position","left","top","right","bottom","forwardRef"],"sourceRoot":"../../../../src","sources":["component/TextField/BaseTextField.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/TextField/CoreTextField.js

@@ -0,0 +1,70 @@
+"use strict";
+
+import { FontWeight, is, palette, spacing } from '@teamturing/react-native-kit';
+import React, { useState, useEffect } from 'react';
+import { TextInput } from 'react-native';
+import { TextFieldNumericFormatUtil } from "./textFieldNumericFormatUtils.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const CoreTextField = ({
+  disabled,
+  readonly,
+  style,
+  value,
+  onChangeText,
+  numericFormatType,
+  keyboardType,
+  maxLength,
+  textContentType,
+  ...props
+}, ref) => {
+  const isFormattingEnabled = is.notEmptyString(numericFormatType);
+  const [formattedValue, setFormattedValue] = useState(value || '');
+  const editable = !(disabled || readonly);
+  useEffect(() => {
+    if (isFormattingEnabled) {
+      const formatted = TextFieldNumericFormatUtil.formatWithType(numericFormatType, value || '', '');
+      setFormattedValue(formatted);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [value, isFormattingEnabled, numericFormatType]);
+  return /*#__PURE__*/_jsx(TextInput, {
+    allowFontScaling: false,
+    ref: ref,
+    style: [{
+      fontWeight: FontWeight.Medium,
+      fontSize: 16,
+      color: disabled ? palette.gray400 : palette.gray900,
+      lineHeight: props.multiline && formattedValue?.includes('\n') ? 16 * 1.5 : undefined,
+      includeFontPadding: false
+    }, style],
+    placeholderTextColor: palette.gray400,
+    autoCapitalize: 'none',
+    autoCorrect: false,
+    editable: editable,
+    focusable: editable,
+    hitSlop: {
+      left: spacing[5],
+      top: spacing[3],
+      bottom: spacing[3]
+    },
+    returnKeyType: 'done',
+    value: isFormattingEnabled ? formattedValue : value,
+    onChangeText: value => {
+      if (!isFormattingEnabled) {
+        onChangeText?.(value, value);
+      } else {
+        const formatted = TextFieldNumericFormatUtil.formatWithType(numericFormatType, value, formattedValue);
+        setFormattedValue(formatted);
+        onChangeText?.(formatted, TextFieldNumericFormatUtil.parseOnlyEscapeCharacters(formatted));
+      }
+    },
+    ...props,
+    keyboardType: isFormattingEnabled ? 'number-pad' : keyboardType,
+    maxLength: isFormattingEnabled ? numericFormatType.length : maxLength
+    // Only iOS prop for auto complete id/password, sms code
+    ,
+    textContentType: is.iOS() ? textContentType : undefined
+  });
+};
+export default /*#__PURE__*/React.forwardRef(CoreTextField);
+//# sourceMappingURL=CoreTextField.js.map

package/lib/module/component/TextField/CoreTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["FontWeight","is","palette","spacing","React","useState","useEffect","TextInput","TextFieldNumericFormatUtil","jsx","_jsx","CoreTextField","disabled","readonly","style","value","onChangeText","numericFormatType","keyboardType","maxLength","textContentType","props","ref","isFormattingEnabled","notEmptyString","formattedValue","setFormattedValue","editable","formatted","formatWithType","allowFontScaling","fontWeight","Medium","fontSize","color","gray400","gray900","lineHeight","multiline","includes","undefined","includeFontPadding","placeholderTextColor","autoCapitalize","autoCorrect","focusable","hitSlop","left","top","bottom","returnKeyType","parseOnlyEscapeCharacters","length","iOS","forwardRef"],"sourceRoot":"../../../../src","sources":["component/TextField/CoreTextField.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,5 @@
+"use strict";
+
+import TextField from "./BaseTextField.js";
+export { TextField };
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TextField"],"sourceRoot":"../../../../src","sources":["component/TextField/index.ts"],"mappings":";;AAAA,OAAOA,SAAS,MAAM,oBAAiB;AAEvC,SAASA,SAAS","ignoreList":[]}

package/lib/module/component/TextField/textFieldNumericFormatUtils.js

@@ -0,0 +1,69 @@
+"use strict";
+
+import { is } from '@teamturing/react-native-kit';
+function isEscapeChar(char) {
+  return char.length === 1 && is.integerString(char);
+}
+function parseOnlyEscapeCharacters(value) {
+  let ret = '';
+  for (let i = 0; i < value.length; i++) {
+    if (isEscapeChar(value[i])) {
+      ret += value[i];
+    }
+  }
+  return ret;
+}
+function isPrefixOf(check, source) {
+  if (check.length > source.length) {
+    return false;
+  }
+  for (let i = 0; i < check.length; i++) {
+    if (check[i] !== source[i]) {
+      return false;
+    }
+  }
+  return true;
+}
+function formatWithType(type, value, previousValue) {
+  const isDeleteNotNumericCharacter = previousValue.length === value.length + 1 && isPrefixOf(value, previousValue) && !isEscapeChar(previousValue[previousValue.length - 1]);
+  value = parseOnlyEscapeCharacters(value).slice(0, countEscapeCharacters(type));
+  let ret = '';
+  let i = 0,
+    j = 0;
+  while (i < value.length && j < type.length) {
+    while (j < type.length && !isEscapeChar(type[j])) {
+      ret += type[j++];
+    }
+    if (j >= type.length) {
+      break;
+    }
+    ret += value[i++];
+    j += 1;
+  }
+  while (j < type.length && !isEscapeChar(type[j])) {
+    ret += type[j++];
+  }
+  if (isDeleteNotNumericCharacter) {
+    while (ret.length >= 1 && !isEscapeChar(ret[ret.length - 1])) {
+      ret = ret.slice(0, ret.length - 1);
+    }
+    if (ret.length >= 1) {
+      ret = ret.slice(0, ret.length - 1);
+    }
+  }
+  return ret;
+  function countEscapeCharacters(value) {
+    let ret = 0;
+    for (let i = 0; i < value.length; i++) {
+      if (isEscapeChar(value[i])) {
+        ret++;
+      }
+    }
+    return ret;
+  }
+}
+export const TextFieldNumericFormatUtil = {
+  formatWithType,
+  parseOnlyEscapeCharacters
+};
+//# sourceMappingURL=textFieldNumericFormatUtils.js.map

package/lib/module/component/TextField/textFieldNumericFormatUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["is","isEscapeChar","char","length","integerString","parseOnlyEscapeCharacters","value","ret","i","isPrefixOf","check","source","formatWithType","type","previousValue","isDeleteNotNumericCharacter","slice","countEscapeCharacters","j","TextFieldNumericFormatUtil"],"sourceRoot":"../../../../src","sources":["component/TextField/textFieldNumericFormatUtils.ts"],"mappings":";;AAAA,SAASA,EAAE,QAAQ,8BAA8B;AAGjD,SAASC,YAAYA,CAACC,IAAY,EAAW;EAC3C,OAAOA,IAAI,CAACC,MAAM,KAAK,CAAC,IAAIH,EAAE,CAACI,aAAa,CAACF,IAAI,CAAC;AACpD;AAEA,SAASG,yBAAyBA,CAACC,KAAa,EAAE;EAChD,IAAIC,GAAG,GAAG,EAAE;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,CAACH,MAAM,EAAEK,CAAC,EAAE,EAAE;IACrC,IAAIP,YAAY,CAACK,KAAK,CAACE,CAAC,CAAC,CAAC,EAAE;MAC1BD,GAAG,IAAID,KAAK,CAACE,CAAC,CAAC;IACjB;EACF;EACA,OAAOD,GAAG;AACZ;AACA,SAASE,UAAUA,CAACC,KAAa,EAAEC,MAAc,EAAW;EAC1D,IAAID,KAAK,CAACP,MAAM,GAAGQ,MAAM,CAACR,MAAM,EAAE;IAChC,OAAO,KAAK;EACd;EACA,KAAK,IAAIK,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGE,KAAK,CAACP,MAAM,EAAEK,CAAC,EAAE,EAAE;IACrC,IAAIE,KAAK,CAACF,CAAC,CAAC,KAAKG,MAAM,CAACH,CAAC,CAAC,EAAE;MAC1B,OAAO,KAAK;IACd;EACF;EACA,OAAO,IAAI;AACb;AACA,SAASI,cAAcA,CAACC,IAAuB,EAAEP,KAAa,EAAEQ,aAAqB,EAAU;EAC7F,MAAMC,2BAA2B,GAC/BD,aAAa,CAACX,MAAM,KAAKG,KAAK,CAACH,MAAM,GAAG,CAAC,IACzCM,UAAU,CAACH,KAAK,EAAEQ,aAAa,CAAC,IAChC,CAACb,YAAY,CAACa,aAAa,CAACA,aAAa,CAACX,MAAM,GAAG,CAAC,CAAC,CAAC;EACxDG,KAAK,GAAGD,yBAAyB,CAACC,KAAK,CAAC,CAACU,KAAK,CAAC,CAAC,EAAEC,qBAAqB,CAACJ,IAAI,CAAC,CAAC;EAC9E,IAAIN,GAAG,GAAG,EAAE;EACZ,IAAIC,CAAC,GAAG,CAAC;IACPU,CAAC,GAAG,CAAC;EACP,OAAOV,CAAC,GAAGF,KAAK,CAACH,MAAM,IAAIe,CAAC,GAAGL,IAAI,CAACV,MAAM,EAAE;IAC1C,OAAOe,CAAC,GAAGL,IAAI,CAACV,MAAM,IAAI,CAACF,YAAY,CAACY,IAAI,CAACK,CAAC,CAAC,CAAC,EAAE;MAChDX,GAAG,IAAIM,IAAI,CAACK,CAAC,EAAE,CAAC;IAClB;IACA,IAAIA,CAAC,IAAIL,IAAI,CAACV,MAAM,EAAE;MACpB;IACF;IACAI,GAAG,IAAID,KAAK,CAACE,CAAC,EAAE,CAAC;IACjBU,CAAC,IAAI,CAAC;EACR;EACA,OAAOA,CAAC,GAAGL,IAAI,CAACV,MAAM,IAAI,CAACF,YAAY,CAACY,IAAI,CAACK,CAAC,CAAC,CAAC,EAAE;IAChDX,GAAG,IAAIM,IAAI,CAACK,CAAC,EAAE,CAAC;EAClB;EACA,IAAIH,2BAA2B,EAAE;IAC/B,OAAOR,GAAG,CAACJ,MAAM,IAAI,CAAC,IAAI,CAACF,YAAY,CAACM,GAAG,CAACA,GAAG,CAACJ,MAAM,GAAG,CAAC,CAAC,CAAC,EAAE;MAC5DI,GAAG,GAAGA,GAAG,CAACS,KAAK,CAAC,CAAC,EAAET,GAAG,CAACJ,MAAM,GAAG,CAAC,CAAC;IACpC;IACA,IAAII,GAAG,CAACJ,MAAM,IAAI,CAAC,EAAE;MACnBI,GAAG,GAAGA,GAAG,CAACS,KAAK,CAAC,CAAC,EAAET,GAAG,CAACJ,MAAM,GAAG,CAAC,CAAC;IACpC;EACF;EACA,OAAOI,GAAG;EAEV,SAASU,qBAAqBA,CAACX,KAAa,EAAE;IAC5C,IAAIC,GAAG,GAAG,CAAC;IACX,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,KAAK,CAACH,MAAM,EAAEK,CAAC,EAAE,EAAE;MACrC,IAAIP,YAAY,CAACK,KAAK,CAACE,CAAC,CAAC,CAAC,EAAE;QAC1BD,GAAG,EAAE;MACP;IACF;IACA,OAAOA,GAAG;EACZ;AACF;AAEA,OAAO,MAAMY,0BAA0B,GAAG;EACxCP,cAAc;EACdP;AACF,CAAC","ignoreList":[]}

package/lib/module/component/TextField/textFieldNumericFormatUtils.test.js

@@ -0,0 +1,16 @@
+"use strict";
+
+import { TextFieldNumericFormatUtil } from "./textFieldNumericFormatUtils.js";
+it('parse only escape characters', () => {
+  expect(TextFieldNumericFormatUtil.parseOnlyEscapeCharacters('00 / 00')).toBe('0000');
+});
+it('format appended', () => {
+  expect(TextFieldNumericFormatUtil.formatWithType('00 / 00', '1234', '123')).toBe('12 / 34');
+});
+it('format popped', () => {
+  expect(TextFieldNumericFormatUtil.formatWithType('00 / 00', '123', '1234')).toBe('12 / 3');
+});
+it('paste', () => {
+  expect(TextFieldNumericFormatUtil.formatWithType('00 / 00', '1234', '1231241')).toBe('12 / 34');
+});
+//# sourceMappingURL=textFieldNumericFormatUtils.test.js.map

package/lib/module/component/TextField/textFieldNumericFormatUtils.test.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextFieldNumericFormatUtil","it","expect","parseOnlyEscapeCharacters","toBe","formatWithType"],"sourceRoot":"../../../../src","sources":["component/TextField/textFieldNumericFormatUtils.test.ts"],"mappings":";;AAAA,SAASA,0BAA0B,QAAQ,kCAA+B;AAE1EC,EAAE,CAAC,8BAA8B,EAAE,MAAM;EACvCC,MAAM,CAACF,0BAA0B,CAACG,yBAAyB,CAAC,SAAS,CAAC,CAAC,CAACC,IAAI,CAAC,MAAM,CAAC;AACtF,CAAC,CAAC;AAEFH,EAAE,CAAC,iBAAiB,EAAE,MAAM;EAC1BC,MAAM,CAACF,0BAA0B,CAACK,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,KAAK,CAAC,CAAC,CAACD,IAAI,CAAC,SAAS,CAAC;AAC7F,CAAC,CAAC;AAEFH,EAAE,CAAC,eAAe,EAAE,MAAM;EACxBC,MAAM,CAACF,0BAA0B,CAACK,cAAc,CAAC,SAAS,EAAE,KAAK,EAAE,MAAM,CAAC,CAAC,CAACD,IAAI,CAAC,QAAQ,CAAC;AAC5F,CAAC,CAAC;AAEFH,EAAE,CAAC,OAAO,EAAE,MAAM;EAChBC,MAAM,CAACF,0BAA0B,CAACK,cAAc,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,CAAC,CAAC,CAACD,IAAI,CAAC,SAAS,CAAC;AACjG,CAAC,CAAC","ignoreList":[]}

package/lib/module/component/ToolTip/BaseToolTip.js

@@ -0,0 +1,131 @@
+"use strict";
+
+import { useSx } from '@react-native-styled-system/core';
+import { spacing, palette, is, RowCenter, Column } from '@teamturing/react-native-kit';
+import { View } from 'react-native';
+import Svg, { Path } from 'react-native-svg';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BaseToolTip = ({
+  triangleDirection = 'top-left',
+  style,
+  backgroundColor = palette.white,
+  renderContent: _renderContnetProp,
+  contentOuterContainerStyle,
+  triangleSize = 10,
+  pointerEvents,
+  borderColor = palette.gray200,
+  borderWidth = 0,
+  sx,
+  contentContainerSx
+}) => {
+  const showBorder = is.number(borderWidth) && borderWidth > 0 && is.notEmptyString(borderColor);
+  const isTop = triangleDirection?.startsWith('top');
+  const isHorizontal = triangleDirection === 'left' || triangleDirection === 'right';
+  const isLeft = triangleDirection === 'left';
+  const {
+    getStyle
+  } = useSx(sx);
+  const {
+    getStyle: contentContainerStyle
+  } = useSx(contentContainerSx);
+  const renderVerticalTriangle = () => /*#__PURE__*/_jsxs(Svg, {
+    width: triangleSize,
+    height: triangleSize * 0.6,
+    viewBox: `0 0 ${triangleSize} ${triangleSize * 0.6}`,
+    fill: backgroundColor,
+    style: {
+      transform: [{
+        rotate: isTop ? '180deg' : '0deg'
+      }]
+    },
+    children: [/*#__PURE__*/_jsx(Path, {
+      d: `M 0,0 L ${triangleSize},0 L ${triangleSize / 2},${triangleSize * 0.6} z`
+    }), /*#__PURE__*/_jsx(Path, {
+      d: `M 0,0 L ${triangleSize / 2},${triangleSize * 0.6} L ${triangleSize},${0}`,
+      ...(showBorder ? {
+        stroke: borderColor,
+        strokeWidth: borderWidth
+      } : {})
+    })]
+  });
+  const renderHorizontalTriangle = () => {
+    const w = triangleSize * 0.7;
+    const h = triangleSize;
+    return /*#__PURE__*/_jsx(Svg, {
+      width: w,
+      height: h,
+      viewBox: `0 0 ${w} ${h}`,
+      fill: backgroundColor,
+      style: {
+        transform: [{
+          rotate: isLeft ? '180deg' : '0deg'
+        }]
+      },
+      children: /*#__PURE__*/_jsx(Path, {
+        d: `M 0,0 L ${w},${h / 2} L 0,${h} z`
+      })
+    });
+  };
+  const renderContent = () => {
+    return /*#__PURE__*/_jsx(View, {
+      style: [{
+        backgroundColor
+      }, showBorder ? {
+        borderWidth,
+        borderColor
+      } : {}, contentContainerStyle()],
+      children: _renderContnetProp?.()
+    });
+  };
+  if (isHorizontal) {
+    return /*#__PURE__*/_jsxs(RowCenter, {
+      pointerEvents: pointerEvents,
+      style: [style, getStyle()],
+      children: [!isLeft ? null : /*#__PURE__*/_jsx(View, {
+        style: {
+          transform: [{
+            translateX: 1
+          }]
+        },
+        children: renderHorizontalTriangle()
+      }), /*#__PURE__*/_jsx(View, {
+        style: contentOuterContainerStyle,
+        children: renderContent()
+      }), isLeft ? null : /*#__PURE__*/_jsx(View, {
+        style: {
+          transform: [{
+            translateX: -1
+          }]
+        },
+        children: renderHorizontalTriangle()
+      })]
+    });
+  } else {
+    return /*#__PURE__*/_jsxs(Column, {
+      pointerEvents: pointerEvents,
+      style: [style, getStyle()],
+      children: [!isTop ? null : /*#__PURE__*/_jsx(View, {
+        style: {
+          alignSelf: triangleDirection === 'top-center' ? 'center' : triangleDirection === 'top-right' ? 'flex-end' : 'flex-start',
+          left: triangleDirection === 'top-left' ? spacing[3] : undefined,
+          right: triangleDirection === 'top-right' ? spacing[3] : undefined,
+          bottom: -1
+        },
+        children: renderVerticalTriangle()
+      }), /*#__PURE__*/_jsx(View, {
+        style: contentOuterContainerStyle,
+        children: renderContent()
+      }), isTop ? null : /*#__PURE__*/_jsx(View, {
+        style: {
+          alignSelf: triangleDirection === 'bottom-center' ? 'center' : triangleDirection === 'bottom-right' ? 'flex-end' : 'flex-start',
+          left: triangleDirection === 'bottom-left' ? spacing[3] : undefined,
+          right: triangleDirection === 'bottom-right' ? spacing[3] : undefined,
+          top: -0.2 - borderWidth
+        },
+        children: renderVerticalTriangle()
+      })]
+    });
+  }
+};
+export { BaseToolTip };
+//# sourceMappingURL=BaseToolTip.js.map

package/lib/module/component/ToolTip/BaseToolTip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useSx","spacing","palette","is","RowCenter","Column","View","Svg","Path","jsx","_jsx","jsxs","_jsxs","BaseToolTip","triangleDirection","style","backgroundColor","white","renderContent","_renderContnetProp","contentOuterContainerStyle","triangleSize","pointerEvents","borderColor","gray200","borderWidth","sx","contentContainerSx","showBorder","number","notEmptyString","isTop","startsWith","isHorizontal","isLeft","getStyle","contentContainerStyle","renderVerticalTriangle","width","height","viewBox","fill","transform","rotate","children","d","stroke","strokeWidth","renderHorizontalTriangle","w","h","translateX","alignSelf","left","undefined","right","bottom","top"],"sourceRoot":"../../../../src","sources":["component/ToolTip/BaseToolTip.tsx"],"mappings":";;AACA,SAASA,KAAK,QAAQ,kCAAkC;AACxD,SAASC,OAAO,EAAEC,OAAO,EAAEC,EAAE,EAAEC,SAAS,EAAEC,MAAM,QAAQ,8BAA8B;AAGtF,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,GAAG,IAAIC,IAAI,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAuB7C,MAAMC,WAAW,GAAGA,CAAC;EACnBC,iBAAiB,GAAG,UAAU;EAC9BC,KAAK;EACLC,eAAe,GAAGd,OAAO,CAACe,KAAK;EAC/BC,aAAa,EAAEC,kBAAkB;EACjCC,0BAA0B;EAC1BC,YAAY,GAAG,EAAE;EACjBC,aAAa;EACbC,WAAW,GAAGrB,OAAO,CAACsB,OAAO;EAC7BC,WAAW,GAAG,CAAC;EACfC,EAAE;EACFC;AACK,CAAC,KAAK;EACX,MAAMC,UAAU,GAAGzB,EAAE,CAAC0B,MAAM,CAACJ,WAAW,CAAC,IAAIA,WAAW,GAAG,CAAC,IAAItB,EAAE,CAAC2B,cAAc,CAACP,WAAW,CAAC;EAC9F,MAAMQ,KAAK,GAAGjB,iBAAiB,EAAEkB,UAAU,CAAC,KAAK,CAAC;EAClD,MAAMC,YAAY,GAAGnB,iBAAiB,KAAK,MAAM,IAAIA,iBAAiB,KAAK,OAAO;EAClF,MAAMoB,MAAM,GAAGpB,iBAAiB,KAAK,MAAM;EAE3C,MAAM;IAAEqB;EAAS,CAAC,GAAGnC,KAAK,CAAC0B,EAAE,CAAC;EAC9B,MAAM;IAAES,QAAQ,EAAEC;EAAsB,CAAC,GAAGpC,KAAK,CAAC2B,kBAAkB,CAAC;EAErE,MAAMU,sBAAsB,GAAGA,CAAA,kBAC7BzB,KAAA,CAACL,GAAG;IACF+B,KAAK,EAAEjB,YAAa;IACpBkB,MAAM,EAAElB,YAAY,GAAG,GAAI;IAC3BmB,OAAO,EAAE,OAAOnB,YAAY,IAAIA,YAAY,GAAG,GAAG,EAAG;IACrDoB,IAAI,EAAEzB,eAAgB;IACtBD,KAAK,EAAE;MAAE2B,SAAS,EAAE,CAAC;QAAEC,MAAM,EAAEZ,KAAK,GAAG,QAAQ,GAAG;MAAO,CAAC;IAAE,CAAE;IAAAa,QAAA,gBAE9DlC,IAAA,CAACF,IAAI;MAACqC,CAAC,EAAE,WAAWxB,YAAY,QAAQA,YAAY,GAAG,CAAC,IAAIA,YAAY,GAAG,GAAG;IAAK,CAAE,CAAC,eACtFX,IAAA,CAACF,IAAI;MACHqC,CAAC,EAAE,WAAWxB,YAAY,GAAG,CAAC,IAAIA,YAAY,GAAG,GAAG,MAAMA,YAAY,IAAI,CAAC,EAAG;MAAA,IACzEO,UAAU,GACX;QACEkB,MAAM,EAAEvB,WAAW;QACnBwB,WAAW,EAAEtB;MACf,CAAC,GACD,CAAC,CAAC;IAAA,CACP,CAAC;EAAA,CACC,CACN;EACD,MAAMuB,wBAAwB,GAAGA,CAAA,KAAM;IACrC,MAAMC,CAAC,GAAG5B,YAAY,GAAG,GAAG;IAC5B,MAAM6B,CAAC,GAAG7B,YAAY;IACtB,oBACEX,IAAA,CAACH,GAAG;MACF+B,KAAK,EAAEW,CAAE;MACTV,MAAM,EAAEW,CAAE;MACVV,OAAO,EAAE,OAAOS,CAAC,IAAIC,CAAC,EAAG;MACzBT,IAAI,EAAEzB,eAAgB;MACtBD,KAAK,EAAE;QAAE2B,SAAS,EAAE,CAAC;UAAEC,MAAM,EAAET,MAAM,GAAG,QAAQ,GAAG;QAAO,CAAC;MAAE,CAAE;MAAAU,QAAA,eAE/DlC,IAAA,CAACF,IAAI;QAACqC,CAAC,EAAE,WAAWI,CAAC,IAAIC,CAAC,GAAG,CAAC,QAAQA,CAAC;MAAK,CAAE;IAAC,CAC5C,CAAC;EAEV,CAAC;EAED,MAAMhC,aAAa,GAAGA,CAAA,KAAM;IAC1B,oBACER,IAAA,CAACJ,IAAI;MACHS,KAAK,EAAE,CACL;QACEC;MACF,CAAC,EACDY,UAAU,GACN;QACEH,WAAW;QACXF;MACF,CAAC,GACD,CAAC,CAAC,EACNa,qBAAqB,CAAC,CAAC,CACvB;MAAAQ,QAAA,EAEDzB,kBAAkB,GAAG;IAAC,CACnB,CAAC;EAEX,CAAC;EAED,IAAIc,YAAY,EAAE;IAChB,oBACErB,KAAA,CAACR,SAAS;MAACkB,aAAa,EAAEA,aAAc;MAACP,KAAK,EAAE,CAACA,KAAK,EAAEoB,QAAQ,CAAC,CAAC,CAAE;MAAAS,QAAA,GACjE,CAACV,MAAM,GAAG,IAAI,gBACbxB,IAAA,CAACJ,IAAI;QACHS,KAAK,EAAE;UACL2B,SAAS,EAAE,CAAC;YAAES,UAAU,EAAE;UAAE,CAAC;QAC/B,CAAE;QAAAP,QAAA,EAEDI,wBAAwB,CAAC;MAAC,CACvB,CACP,eACDtC,IAAA,CAACJ,IAAI;QAACS,KAAK,EAAEK,0BAA2B;QAAAwB,QAAA,EAAE1B,aAAa,CAAC;MAAC,CAAO,CAAC,EAChEgB,MAAM,GAAG,IAAI,gBACZxB,IAAA,CAACJ,IAAI;QACHS,KAAK,EAAE;UACL2B,SAAS,EAAE,CAAC;YAAES,UAAU,EAAE,CAAC;UAAE,CAAC;QAChC,CAAE;QAAAP,QAAA,EAEDI,wBAAwB,CAAC;MAAC,CACvB,CACP;IAAA,CACQ,CAAC;EAEhB,CAAC,MAAM;IACL,oBACEpC,KAAA,CAACP,MAAM;MAACiB,aAAa,EAAEA,aAAc;MAACP,KAAK,EAAE,CAACA,KAAK,EAAEoB,QAAQ,CAAC,CAAC,CAAE;MAAAS,QAAA,GAC9D,CAACb,KAAK,GAAG,IAAI,gBACZrB,IAAA,CAACJ,IAAI;QACHS,KAAK,EAAE;UACLqC,SAAS,EACPtC,iBAAiB,KAAK,YAAY,GAC9B,QAAQ,GACRA,iBAAiB,KAAK,WAAW,GACjC,UAAU,GACV,YAAY;UAClBuC,IAAI,EAAEvC,iBAAiB,KAAK,UAAU,GAAGb,OAAO,CAAC,CAAC,CAAC,GAAGqD,SAAS;UAC/DC,KAAK,EAAEzC,iBAAiB,KAAK,WAAW,GAAGb,OAAO,CAAC,CAAC,CAAC,GAAGqD,SAAS;UACjEE,MAAM,EAAE,CAAC;QACX,CAAE;QAAAZ,QAAA,EAEDP,sBAAsB,CAAC;MAAC,CACrB,CACP,eACD3B,IAAA,CAACJ,IAAI;QAACS,KAAK,EAAEK,0BAA2B;QAAAwB,QAAA,EAAE1B,aAAa,CAAC;MAAC,CAAO,CAAC,EAChEa,KAAK,GAAG,IAAI,gBACXrB,IAAA,CAACJ,IAAI;QACHS,KAAK,EAAE;UACLqC,SAAS,EACPtC,iBAAiB,KAAK,eAAe,GACjC,QAAQ,GACRA,iBAAiB,KAAK,cAAc,GACpC,UAAU,GACV,YAAY;UAClBuC,IAAI,EAAEvC,iBAAiB,KAAK,aAAa,GAAGb,OAAO,CAAC,CAAC,CAAC,GAAGqD,SAAS;UAClEC,KAAK,EAAEzC,iBAAiB,KAAK,cAAc,GAAGb,OAAO,CAAC,CAAC,CAAC,GAAGqD,SAAS;UACpEG,GAAG,EAAE,CAAC,GAAG,GAAGhC;QACd,CAAE;QAAAmB,QAAA,EAEDP,sBAAsB,CAAC;MAAC,CACrB,CACP;IAAA,CACK,CAAC;EAEb;AACF,CAAC;AAED,SAASxB,WAAW","ignoreList":[]}

package/lib/module/component/ToolTip/TextToolTip.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import { palette } from "../../theme/index.js";
+import { Icon } from "../Icon/index.js";
+import { RowCenter } from "../Layout/index.js";
+import { Txt } from "../Txt/index.js";
+import { BaseToolTip } from "./BaseToolTip.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const TextToolTip = ({
+  showsCloseButton,
+  text,
+  textColor = palette.white,
+  renderText = text => Txt.XS.Medium.Color(textColor).render(text),
+  contentContainerSx,
+  contentSx,
+  ...props
+}) => {
+  const renderContent = () => {
+    const textElement = renderText(text);
+    const iconElement = showsCloseButton ? /*#__PURE__*/_jsx(Icon, {
+      name: 'close',
+      fill: palette.white,
+      size: 16,
+      ml: 2
+    }) : null;
+    return /*#__PURE__*/_jsxs(RowCenter, {
+      px: 3,
+      py: 2,
+      justifyContent: 'center',
+      sx: contentSx,
+      children: [textElement, iconElement]
+    });
+  };
+  return /*#__PURE__*/_jsx(BaseToolTip, {
+    backgroundColor: palette.gray700,
+    ...props,
+    contentContainerSx: {
+      radius: 8,
+      ...contentContainerSx
+    },
+    renderContent: renderContent,
+    pointerEvents: 'none'
+  });
+};
+export { TextToolTip };
+//# sourceMappingURL=TextToolTip.js.map

package/lib/module/component/ToolTip/TextToolTip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["palette","Icon","RowCenter","Txt","BaseToolTip","jsx","_jsx","jsxs","_jsxs","TextToolTip","showsCloseButton","text","textColor","white","renderText","XS","Medium","Color","render","contentContainerSx","contentSx","props","renderContent","textElement","iconElement","name","fill","size","ml","px","py","justifyContent","sx","children","backgroundColor","gray700","radius","pointerEvents"],"sourceRoot":"../../../../src","sources":["component/ToolTip/TextToolTip.tsx"],"mappings":";;AAIA,SAASA,OAAO,QAAQ,sBAAa;AACrC,SAASC,IAAI,QAAQ,kBAAS;AAC9B,SAASC,SAAS,QAAQ,oBAAW;AACrC,SAASC,GAAG,QAAQ,iBAAQ;AAE5B,SAAgCC,WAAW,QAAQ,kBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAWnE,MAAMC,WAAW,GAAGA,CAAC;EACnBC,gBAAgB;EAChBC,IAAI;EACJC,SAAS,GAAGZ,OAAO,CAACa,KAAK;EACzBC,UAAU,GAAIH,IAAI,IAAKR,GAAG,CAACY,EAAE,CAACC,MAAM,CAACC,KAAK,CAACL,SAAS,CAAC,CAACM,MAAM,CAACP,IAAI,CAAC;EAClEQ,kBAAkB;EAClBC,SAAS;EACT,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,aAAa,GAAGA,CAAA,KAAM;IAC1B,MAAMC,WAAW,GAAGT,UAAU,CAACH,IAAI,CAAC;IACpC,MAAMa,WAAW,GAAGd,gBAAgB,gBAAGJ,IAAA,CAACL,IAAI;MAACwB,IAAI,EAAE,OAAQ;MAACC,IAAI,EAAE1B,OAAO,CAACa,KAAM;MAACc,IAAI,EAAE,EAAG;MAACC,EAAE,EAAE;IAAE,CAAE,CAAC,GAAG,IAAI;IAE3G,oBACEpB,KAAA,CAACN,SAAS;MAAC2B,EAAE,EAAE,CAAE;MAACC,EAAE,EAAE,CAAE;MAACC,cAAc,EAAE,QAAS;MAACC,EAAE,EAAEZ,SAAU;MAAAa,QAAA,GAC9DV,WAAW,EACXC,WAAW;IAAA,CACH,CAAC;EAEhB,CAAC;EAED,oBACElB,IAAA,CAACF,WAAW;IACV8B,eAAe,EAAElC,OAAO,CAACmC,OAAQ;IAAA,GAC7Bd,KAAK;IACTF,kBAAkB,EAAE;MAAEiB,MAAM,EAAE,CAAC;MAAE,GAAGjB;IAAmB,CAAE;IACzDG,aAAa,EAAEA,aAAc;IAC7Be,aAAa,EAAE;EAAO,CACvB,CAAC;AAEN,CAAC;AAED,SAAS5B,WAAW","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,9 @@
+"use strict";
+
+const Font = {
+  Bold: 'Pretendard-Bold',
+  Medium: 'Pretendard-Medium',
+  Regular: 'Pretendard-Regular'
+};
+export { Font };
+//# sourceMappingURL=Font.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Font","Bold","Medium","Regular"],"sourceRoot":"../../../../src","sources":["component/Txt/Font.ts"],"mappings":";;AAAA,MAAMA,IAAI,GAAG;EACXC,IAAI,EAAE,iBAAiB;EACvBC,MAAM,EAAE,mBAAmB;EAC3BC,OAAO,EAAE;AACX,CAAC;AAED,SAASH,IAAI","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+var FontWeight = /*#__PURE__*/function (FontWeight) {
+  FontWeight["Regular"] = "normal";
+  FontWeight["Medium"] = "500";
+  FontWeight["Bold"] = "bold";
+  return FontWeight;
+}(FontWeight || {});
+export { FontWeight };
+//# sourceMappingURL=FontWeight.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["FontWeight"],"sourceRoot":"../../../../src","sources":["component/Txt/FontWeight.ts"],"mappings":";;IAAKA,UAAU,0BAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA,EAAVA,UAAU;AAKf,SAASA,UAAU","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+import { palette } from "../../theme/index.js";
+import { FontWeight } from "./FontWeight.js";
+export const DefaultTxtConfig = {
+  color: palette.gray900,
+  numberOfLines: 999,
+  weight: FontWeight.Regular,
+  size: 14,
+  align: 'auto'
+};
+Object.freeze(DefaultTxtConfig);
+//# sourceMappingURL=TextConfig.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["palette","FontWeight","DefaultTxtConfig","color","gray900","numberOfLines","weight","Regular","size","align","Object","freeze"],"sourceRoot":"../../../../src","sources":["component/Txt/TextConfig.ts"],"mappings":";;AAIA,SAASA,OAAO,QAAQ,sBAAa;AAErC,SAASC,UAAU,QAAQ,iBAAc;AA4BzC,OAAO,MAAMC,gBAA4B,GAAG;EAC1CC,KAAK,EAAEH,OAAO,CAACI,OAAO;EACtBC,aAAa,EAAE,GAAG;EAClBC,MAAM,EAAEL,UAAU,CAACM,OAAO;EAC1BC,IAAI,EAAE,EAAE;EACRC,KAAK,EAAE;AACT,CAAC;AACDC,MAAM,CAACC,MAAM,CAACT,gBAAgB,CAAC","ignoreList":[]}