@pfct/purple 1.5.0-npm-next.1 → 1.5.0-npm-next.2

package/dist/components/Title/index.styled.es.js

@@ -0,0 +1,79 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../utils/media.util.es.js";
+import "../../core/Colors/index.es.js";
+import "../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../chunks/jsx-runtime.Drh4NO5G.js";
+import { z as lr, y as nr } from "../../chunks/index.styled.BYf5H-kQ.js";
+import "../../core/TextStyles/index.es.js";
+import "../ui/typography.es.js";
+import "../Accordion/index.es.js";
+import "../Badge/IconBadge/index.styled.es.js";
+import "../Badge/TextBadge/index.styled.es.js";
+import "react";
+import "../Loading/Skeleton/index.es.js";
+import "../Loading/Spinner/index.styled.es.js";
+import "../Card/index.styled.es.js";
+import "../Comment/index.es.js";
+import "../Control/CheckBox/index.styled.es.js";
+import "../Control/CheckMark/index.styled.es.js";
+import "../Control/Switch/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../icons/src/icons/Alarm_fill.es.js";
+import "../../icons/src/icons/Cancel.es.js";
+import "../../icons/src/icons/Cancel_circle.es.js";
+import "../../icons/src/icons/Calendar.es.js";
+import "../../icons/src/icons/Check.es.js";
+import "../../icons/src/icons/Chevron_down.es.js";
+import "../../icons/src/icons/Chevron_up.es.js";
+import "../../icons/src/icons/Chevron_left.es.js";
+import "../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../icons/src/icons/Cart_fill.es.js";
+import "../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../icons/src/icons/Chevron_right.es.js";
+import "../../icons/src/icons/Filter.es.js";
+import "../../icons/src/icons/Plus.es.js";
+import "../../icons/src/icons/Question_circle.es.js";
+import "../../icons/src/icons/Re.es.js";
+import "../../icons/src/icons/Person_fill.es.js";
+import "../../icons/src/icons/Menu.es.js";
+import "../../icons/src/icons/Setting_fill.es.js";
+import "../../icons/src/icons/Information.es.js";
+import "../../icons/src/icons/Eye_fill.es.js";
+import "../../icons/src/icons/More.es.js";
+import "../../icons/src/icons/Store.es.js";
+import "../../icons/src/icons/Share.es.js";
+import "../../icons/src/icons/Search.es.js";
+import "../../library/IconWithImage/index.styled.es.js";
+import "../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../library/Lottie/index.styled.es.js";
+import "../../library/Spacing/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../types/date.es.js";
+import "../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../Divider/index.styled.es.js";
+import "../../chunks/index.styled.DmJ27_dc.js";
+import "../Input/BaseInput/index.es.js";
+import "../Input/PostfixInput/index.es.js";
+import "../Input/ResidentNumberInput/index.styled.es.js";
+import "../Navigation/index.styled.es.js";
+import "../Navigation/BaseNavigation/index.styled.es.js";
+import "../Navigation/constant.es.js";
+import "../Segment/BaseSegment/index.styled.es.js";
+import "../Segment/ExtendSegment/index.styled.es.js";
+import "../ToastMessage/Toast/index.styled.es.js";
+import "../Tooltip/TooltipBase/index.styled.es.js";
+import "../ui/bottomSheet.es.js";
+export {
+  lr as ImageWrapper,
+  nr as Wrapper
+};

package/dist/components/ToastMessage/BaseToastMessage/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("react"),c=require("../../../chunks/index.styled.CX8FCbwl.js"),m=({visible:r,children:f,onClose:e,milliSeconds:u=3e3,className:n})=>{const[x,s]=t.useState(!1),j=t.useRef(null);return t.useEffect(()=>{r?s(!0):(s(!1),e==null||e())},[r,e]),t.useEffect(()=>{const a=setTimeout(()=>{s(!1),e==null||e()},u);return()=>{a!==void 0&&clearTimeout(a)}},[u,e]),i.jsxRuntimeExports.jsx(c.Toast,{className:n,visible:x,onClick:e,ref:j,children:i.jsxRuntimeExports.jsx(c.Content,{children:f})})};exports.BaseToastMessage=m;

package/dist/components/ToastMessage/BaseToastMessage/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { PropsWithChildren } from '../../../types/react';
+type ToastPosition = 'TOP' | 'TOP_RIGHT' | 'TOP_LEFT' | 'BOTTOM' | 'BOTTOM_LEFT' | 'BOTTOM_RIGHT';
+type BaseToastMessageProps = PropsWithChildren<{
+    visible: boolean;
+    onClose?: () => void;
+    milliSeconds?: number;
+    className?: string;
+    position?: ToastPosition;
+}>;
+declare const BaseToastMessage: React.FC<BaseToastMessageProps>;
+export type { BaseToastMessageProps };
+export { BaseToastMessage };

package/dist/components/ToastMessage/BaseToastMessage/index.es.js

@@ -0,0 +1,25 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as x, useRef as j, useEffect as u } from "react";
+import { a1 as T, a2 as R } from "../../../chunks/index.styled.BYf5H-kQ.js";
+const h = ({
+  visible: r,
+  children: i,
+  onClose: t,
+  milliSeconds: a = 3e3,
+  className: m
+}) => {
+  const [c, e] = x(!1), p = j(null);
+  return u(() => {
+    r ? e(!0) : (e(!1), t == null || t());
+  }, [r, t]), u(() => {
+    const f = setTimeout(() => {
+      e(!1), t == null || t();
+    }, a);
+    return () => {
+      f !== void 0 && clearTimeout(f);
+    };
+  }, [a, t]), /* @__PURE__ */ s.jsx(T, { className: m, visible: c, onClick: t, ref: p, children: /* @__PURE__ */ s.jsx(R, { children: i }) });
+};
+export {
+  h as BaseToastMessage
+};

package/dist/components/ToastMessage/BaseToastMessage/index.styled.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("@emotion/react");require("@emotion/styled");require("../../../constants/style.constants.cjs.js");require("../../../core/Colors/index.cjs.js");require("../../../core/TextStyles/index.cjs.js");require("../../../utils/media.util.cjs.js");require("../../../utils/GenerateColorStyle/mini-button.cjs.js");require("../../../utils/GenerateColorStyle/datepicker.cjs.js");require("../../../chunks/jsx-runtime.713F0z8w.js");const e=require("../../../chunks/index.styled.CX8FCbwl.js");require("../../ui/typography.cjs.js");require("../../Accordion/index.cjs.js");require("../../Badge/IconBadge/index.styled.cjs.js");require("../../Badge/TextBadge/index.styled.cjs.js");require("react");require("../../Loading/Skeleton/index.cjs.js");require("../../Loading/Spinner/index.styled.cjs.js");require("../../Card/index.styled.cjs.js");require("../../Comment/index.cjs.js");require("../../Control/CheckBox/index.styled.cjs.js");require("../../Control/CheckMark/index.styled.cjs.js");require("../../Control/Switch/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/YearMonthController/index.styed.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Search.cjs.js");require("../../../library/IconWithImage/index.styled.cjs.js");require("../../../library/List/BottomSheetItemList/index.styled.cjs.js");require("lottie-web");require("../../../library/Lottie/index.styled.cjs.js");require("../../../library/Spacing/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Month/index.styled.cjs.js");require("../../DatePicker/BaseDatePicker/Week/index.styled.cjs.js");require("../../../types/date.cjs.js");require("../../DatePicker/BaseDatePicker/hooks/index.util.cjs.js");require("../../DatePicker/SingleDatePickerModal/index.styled.cjs.js");require("../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.cjs.js");require("../../DatePicker/RangeDatePickerModal/index.styled.cjs.js");require("../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.cjs.js");require("../../Divider/index.styled.cjs.js");require("../../../chunks/index.styled.CMpDdHBq.js");require("../../Input/BaseInput/index.cjs.js");require("../../Input/PostfixInput/index.cjs.js");require("../../Input/ResidentNumberInput/index.styled.cjs.js");require("../../Navigation/index.styled.cjs.js");require("../../Navigation/BaseNavigation/index.styled.cjs.js");require("../../Navigation/constant.cjs.js");require("../../Segment/BaseSegment/index.styled.cjs.js");require("../../Segment/ExtendSegment/index.styled.cjs.js");require("../Toast/index.styled.cjs.js");require("../../Tooltip/TooltipBase/index.styled.cjs.js");require("../../ui/bottomSheet.cjs.js");exports.Content=e.Content;exports.Toast=e.Toast;

package/dist/components/ToastMessage/BaseToastMessage/index.styled.d.ts

@@ -0,0 +1,10 @@
+export declare const Toast: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+} & {
+    visible: boolean;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ToastMessage/BaseToastMessage/index.styled.es.js

@@ -0,0 +1,80 @@
+import "@emotion/react";
+import "@emotion/styled";
+import "../../../constants/style.constants.es.js";
+import "../../../core/Colors/index.es.js";
+import "../../../core/TextStyles/index.es.js";
+import "../../../utils/media.util.es.js";
+import "../../../utils/GenerateColorStyle/mini-button.es.js";
+import "../../../utils/GenerateColorStyle/datepicker.es.js";
+import "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { a2 as vo, a1 as wo } from "../../../chunks/index.styled.BYf5H-kQ.js";
+import "../../ui/typography.es.js";
+import "../../Accordion/index.es.js";
+import "../../Badge/IconBadge/index.styled.es.js";
+import "../../Badge/TextBadge/index.styled.es.js";
+import "react";
+import "../../Loading/Skeleton/index.es.js";
+import "../../Loading/Spinner/index.styled.es.js";
+import "../../Card/index.styled.es.js";
+import "../../Comment/index.es.js";
+import "../../Control/CheckBox/index.styled.es.js";
+import "../../Control/CheckMark/index.styled.es.js";
+import "../../Control/Switch/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/YearMonthController/index.styed.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
+import "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Question_circle.es.js";
+import "../../../icons/src/icons/Re.es.js";
+import "../../../icons/src/icons/Person_fill.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Share.es.js";
+import "../../../icons/src/icons/Search.es.js";
+import "../../../library/IconWithImage/index.styled.es.js";
+import "../../../library/List/BottomSheetItemList/index.styled.es.js";
+import "lottie-web";
+import "../../../library/Lottie/index.styled.es.js";
+import "../../../library/Spacing/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Month/index.styled.es.js";
+import "../../DatePicker/BaseDatePicker/Week/index.styled.es.js";
+import "../../../types/date.es.js";
+import "../../DatePicker/BaseDatePicker/hooks/index.util.es.js";
+import "../../DatePicker/SingleDatePickerModal/index.styled.es.js";
+import "../../DatePicker/SingleDatePickerModal/useSingleDatePickerModal.es.js";
+import "../../DatePicker/RangeDatePickerModal/index.styled.es.js";
+import "../../DatePicker/RangeDatePickerModal/useRangeDatePickerModal.es.js";
+import "../../Divider/index.styled.es.js";
+import "../../../chunks/index.styled.DmJ27_dc.js";
+import "../../Input/BaseInput/index.es.js";
+import "../../Input/PostfixInput/index.es.js";
+import "../../Input/ResidentNumberInput/index.styled.es.js";
+import "../../Navigation/index.styled.es.js";
+import "../../Navigation/BaseNavigation/index.styled.es.js";
+import "../../Navigation/constant.es.js";
+import "../../Segment/BaseSegment/index.styled.es.js";
+import "../../Segment/ExtendSegment/index.styled.es.js";
+import "../Toast/index.styled.es.js";
+import "../../Tooltip/TooltipBase/index.styled.es.js";
+import "../../ui/bottomSheet.es.js";
+export {
+  vo as Content,
+  wo as Toast
+};

package/dist/components/ToastMessage/Toast/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../chunks/jsx-runtime.713F0z8w.js"),d=require("react"),j=require("../../MiniButton/BoxMiniButton/index.cjs.js"),l=require("../BaseToastMessage/index.cjs.js"),i=require("./index.styled.cjs.js"),m=({milliSeconds:a=2e3,children:t,icon:o,onClick:s,hasButton:n,buttonText:x,...u})=>{const p=n?5e3:a,c=d.useCallback(r=>{r.preventDefault(),r.stopPropagation(),s==null||s()},[s]);return e.jsxRuntimeExports.jsx(l.BaseToastMessage,{milliSeconds:p,...u,children:e.jsxRuntimeExports.jsxs(i.ContentWrapper,{children:[o?e.jsxRuntimeExports.jsxs(i.IconWrapper,{children:[o," ",e.jsxRuntimeExports.jsx("div",{children:t})]}):e.jsxRuntimeExports.jsx("div",{children:t}),n&&e.jsxRuntimeExports.jsx(j.BoxMiniButton,{colorType:"gray",onClick:c,children:x})]})})};exports.Toast=m;

package/dist/components/ToastMessage/Toast/index.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { BaseToastMessageProps } from '../BaseToastMessage';
+import { PropsWithChildren } from '../../../types/react';
+type IconToastProps = {
+    icon?: React.ReactNode;
+    hasButton?: boolean;
+    onClick?: () => void;
+    buttonText?: string;
+};
+type ToastMessageProps = PropsWithChildren<BaseToastMessageProps & IconToastProps>;
+declare const Toast: React.FC<ToastMessageProps>;
+export type { ToastMessageProps };
+export { Toast };

package/dist/components/ToastMessage/Toast/index.es.js

@@ -0,0 +1,32 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useCallback as d } from "react";
+import { BoxMiniButton as j } from "../../MiniButton/BoxMiniButton/index.es.js";
+import { BaseToastMessage as l } from "../BaseToastMessage/index.es.js";
+import { ContentWrapper as c, IconWrapper as f } from "./index.styled.es.js";
+const v = ({
+  milliSeconds: p = 2e3,
+  children: r,
+  icon: t,
+  onClick: o,
+  hasButton: e,
+  buttonText: i,
+  ...n
+}) => {
+  const m = e ? 5e3 : p, x = d(
+    (a) => {
+      a.preventDefault(), a.stopPropagation(), o == null || o();
+    },
+    [o]
+  );
+  return /* @__PURE__ */ s.jsx(l, { milliSeconds: m, ...n, children: /* @__PURE__ */ s.jsxs(c, { children: [
+    t ? /* @__PURE__ */ s.jsxs(f, { children: [
+      t,
+      " ",
+      /* @__PURE__ */ s.jsx("div", { children: r })
+    ] }) : /* @__PURE__ */ s.jsx("div", { children: r }),
+    e && /* @__PURE__ */ s.jsx(j, { colorType: "gray", onClick: x, children: i })
+  ] }) });
+};
+export {
+  v as Toast
+};

package/dist/components/ToastMessage/Toast/index.styled.cjs.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@emotion/styled"),a=t=>t&&typeof t=="object"&&"default"in t?t:{default:t},e=a(n),l=e.default.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
+`,o=e.default.div`
+	display: flex;
+	align-items: center;
+
+	& > * + * {
+		margin-left: 10px;
+	}
+`;exports.ContentWrapper=l;exports.IconWrapper=o;

package/dist/components/ToastMessage/Toast/index.styled.d.ts

@@ -0,0 +1,8 @@
+export declare const ContentWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconWrapper: import('@emotion/styled').StyledComponent<{
+    theme?: import('@emotion/react').Theme;
+    as?: React.ElementType;
+}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ToastMessage/Toast/index.styled.es.js

@@ -0,0 +1,18 @@
+import e from "@emotion/styled";
+const n = e.div`
+	display: flex;
+	justify-content: space-between;
+	align-items: center;
+	width: 100%;
+`, i = e.div`
+	display: flex;
+	align-items: center;
+
+	& > * + * {
+		margin-left: 10px;
+	}
+`;
+export {
+  n as ContentWrapper,
+  i as IconWrapper
+};

package/dist/components/ToastMessage/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Toast/index.cjs.js");exports.Toast=e.Toast;

package/dist/components/ToastMessage/index.d.ts

@@ -0,0 +1 @@
+export * from './Toast';

package/dist/components/ToastMessage/index.es.js

@@ -0,0 +1,4 @@
+import { Toast as t } from "./Toast/index.es.js";
+export {
+  t as Toast
+};

package/dist/components/Tooltip/BasicTooltip/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../chunks/jsx-runtime.713F0z8w.js"),s=require("../TooltipBase/index.cjs.js"),t=e=>o.jsxRuntimeExports.jsx(s.default,{...e,colorType:"white",alwaysShow:!1,hasCloseButton:!1});module.exports=t;

package/dist/components/Tooltip/BasicTooltip/index.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { TooltipBaseProps } from '../TooltipBase';
+export type BasicTooltipProps = Omit<TooltipBaseProps, 'colorType' | 'alwaysShow' | 'hasCloseButton'>;
+declare const BasicTooltip: React.FC<BasicTooltipProps>;
+export default BasicTooltip;

package/dist/components/Tooltip/BasicTooltip/index.es.js

@@ -0,0 +1,6 @@
+import { j as s } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import t from "../TooltipBase/index.es.js";
+const r = (o) => /* @__PURE__ */ s.jsx(t, { ...o, colorType: "white", alwaysShow: !1, hasCloseButton: !1 });
+export {
+  r as default
+};

package/dist/components/Tooltip/ImpactTooltip/index.cjs.js

@@ -0,0 +1 @@
+"use strict";const o=require("../../../chunks/jsx-runtime.713F0z8w.js"),t=require("../TooltipBase/index.cjs.js"),s=e=>o.jsxRuntimeExports.jsx(t.default,{...e,alwaysShow:!0,popperOptions:{modifiers:[{name:"flip",enabled:!1},{name:"preventOverflow",options:{mainAxis:!1}}]}});module.exports=s;

package/dist/components/Tooltip/ImpactTooltip/index.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+import { TooltipBaseProps, TooltipPlacementType } from '../TooltipBase';
+export type ImpactTooltipProps = Omit<TooltipBaseProps, 'alwaysShow' | 'placement'> & {
+    placement: TooltipPlacementType;
+};
+declare const ImpactTooltip: React.FC<ImpactTooltipProps>;
+export default ImpactTooltip;

package/dist/components/Tooltip/ImpactTooltip/index.es.js

@@ -0,0 +1,23 @@
+import { j as e } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import t from "../TooltipBase/index.es.js";
+const a = (o) => /* @__PURE__ */ e.jsx(
+  t,
+  {
+    ...o,
+    alwaysShow: !0,
+    popperOptions: {
+      modifiers: [
+        { name: "flip", enabled: !1 },
+        {
+          name: "preventOverflow",
+          options: {
+            mainAxis: !1
+          }
+        }
+      ]
+    }
+  }
+);
+export {
+  a as default
+};

package/dist/components/Tooltip/TooltipBase/index.cjs.js

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../chunks/jsx-runtime.713F0z8w.js"),i=require("react"),n=require("./index.styled.cjs.js"),e=require("../../../core/Colors/index.cjs.js");require("../../../icons/src/icons/Alarm_fill.cjs.js");const y=require("../../../icons/src/icons/Cancel.cjs.js");require("../../../icons/src/icons/Cancel_circle.cjs.js");require("../../../icons/src/icons/Calendar.cjs.js");require("../../../icons/src/icons/Check.cjs.js");require("../../../icons/src/icons/Chevron_down.cjs.js");require("../../../icons/src/icons/Chevron_up.cjs.js");require("../../../icons/src/icons/Chevron_left.cjs.js");require("../../../icons/src/icons/Double_Chevron_right.cjs.js");require("../../../icons/src/icons/Cart_fill.cjs.js");require("../../../icons/src/icons/Double_Chevron_left.cjs.js");require("../../../icons/src/icons/Eye_slash_fill.cjs.js");require("../../../icons/src/icons/Chevron_right.cjs.js");require("../../../icons/src/icons/Filter.cjs.js");require("../../../icons/src/icons/Plus.cjs.js");require("../../../icons/src/icons/Question_circle.cjs.js");require("../../../icons/src/icons/Re.cjs.js");require("../../../icons/src/icons/Person_fill.cjs.js");require("../../../icons/src/icons/Menu.cjs.js");require("../../../icons/src/icons/Setting_fill.cjs.js");require("../../../icons/src/icons/Information.cjs.js");require("../../../icons/src/icons/Eye_fill.cjs.js");require("../../../icons/src/icons/More.cjs.js");require("../../../icons/src/icons/Store.cjs.js");require("../../../icons/src/icons/Share.cjs.js");require("../../../icons/src/icons/Search.cjs.js");const j=["white","pink","blue","gray","lime"],M=["top-left","top-center","top-right","bottom-left","bottom-center","bottom-right","left-center","right-center"],_=5.8,E=2,R=({backgroundColor:t})=>t===e.basicColors.white?`<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M4.67395 2.01734L5.08584e-07 8L1.31297 8L5.46343 2.67569C5.86314 2.16294 6.63816 2.16193 7.03919 2.67364L11.2136 8L12.5 8L7.82605 2.01734C7.02531 0.992394 5.4747 0.992392 4.67395 2.01734Z" fill="${e.basicColors.gray100}" />
+        <path d="M11.201 8L1.30078 8L5.45142 2.66295C5.85118 2.14892 6.62777 2.14801 7.02874 2.6611L11.201 8Z" fill="${e.basicColors.white}"/>
+    </svg>`:`
+    <svg id="hello" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M4.67395 0.768711L0 6.75137L1.30078 6.75137L11.201 6.75137H12.5L7.82605 0.768713C7.02531 -0.256236 5.4747 -0.256238 4.67395 0.768711Z" fill="${t}"/>
+    </svg>
+`,T=({placement:t,colorType:o,content:p,children:d,className:C,alwaysShow:s=!1,hasCloseButton:b=!1,zIndex:g,popperOptions:h,isChildrenFullWidth:f=!1})=>{const[l,c]=i.useState(!1),q=i.useMemo(()=>{switch(t){case"top-left":return"bottom-start";case"top-center":return"bottom";case"top-right":return"bottom-end";case"bottom-left":return"top-start";case"bottom-center":return"top";case"bottom-right":return"top-end";case"left-center":return"right";case"right-center":return"left";default:return"top"}},[t]),u=i.useMemo(()=>{switch(o){case"gray":return{backgroundColor:e.basicColors.gray700,borderColor:e.basicColors.gray700,contentColor:e.basicColors.gray25};case"white":return{backgroundColor:e.basicColors.white,borderColor:e.basicColors.gray100,contentColor:e.basicColors.gray400};default:return{backgroundColor:e.basicColors[`${o}400`],borderColor:e.basicColors[`${o}400`],contentColor:e.basicColors.gray25}}},[o]),m={visible:l,arrow:R({backgroundColor:u.backgroundColor})},x=()=>{c(!0)},a=()=>{c(!1)},w=r.jsxRuntimeExports.jsxs(n.TippyContentAndCloseButtonWrapper,{onClick:a,children:[r.jsxRuntimeExports.jsx("div",{children:p}),b&&r.jsxRuntimeExports.jsx(n.CloseButtonWrapper,{children:r.jsxRuntimeExports.jsx(y.default,{className:"text-white",size:20})})]}),v=()=>{l&&s||x()},L=()=>{l&&s||a()};return i.useEffect(()=>{s&&c(!0)},[s]),r.jsxRuntimeExports.jsx(n.TippyWrapper,{...u,...m,placement:q,className:C,content:w,offset:[0,_+E],interactive:!0,zIndex:g,popperOptions:h,children:r.jsxRuntimeExports.jsx(n.Children,{isChildrenFullWidth:f,onMouseEnter:v,onMouseLeave:L,children:d})})};exports.ColorTypeArray=j;exports.PlacementArray=M;exports.default=T;

package/dist/components/Tooltip/TooltipBase/index.d.ts

@@ -0,0 +1,18 @@
+import { default as React } from 'react';
+import { TippyProps } from '@tippyjs/react';
+import { ColorType } from '../../../utils';
+type ExtendColorType = ColorType | 'white';
+export declare const ColorTypeArray: ExtendColorType[];
+export declare const PlacementArray: readonly ["top-left", "top-center", "top-right", "bottom-left", "bottom-center", "bottom-right", "left-center", "right-center"];
+export type TooltipPlacementType = (typeof PlacementArray)[number];
+export type TooltipBaseProps = Pick<TippyProps, 'children' | 'zIndex' | 'popperOptions'> & {
+    colorType: ExtendColorType;
+    isChildrenFullWidth?: boolean;
+    placement?: TooltipPlacementType;
+    content: React.ReactNode | string;
+    className?: string;
+    alwaysShow?: boolean;
+    hasCloseButton?: boolean;
+};
+declare const TooltipBase: React.FC<TooltipBaseProps>;
+export default TooltipBase;

package/dist/components/Tooltip/TooltipBase/index.es.js

@@ -0,0 +1,146 @@
+import { j as r } from "../../../chunks/jsx-runtime.Drh4NO5G.js";
+import { useState as y, useMemo as c, useEffect as j } from "react";
+import { TippyWrapper as M, Children as k, TippyContentAndCloseButtonWrapper as A, CloseButtonWrapper as B } from "./index.styled.es.js";
+import { basicColors as t } from "../../../core/Colors/index.es.js";
+import "../../../icons/src/icons/Alarm_fill.es.js";
+import $ from "../../../icons/src/icons/Cancel.es.js";
+import "../../../icons/src/icons/Cancel_circle.es.js";
+import "../../../icons/src/icons/Calendar.es.js";
+import "../../../icons/src/icons/Check.es.js";
+import "../../../icons/src/icons/Chevron_down.es.js";
+import "../../../icons/src/icons/Chevron_up.es.js";
+import "../../../icons/src/icons/Chevron_left.es.js";
+import "../../../icons/src/icons/Double_Chevron_right.es.js";
+import "../../../icons/src/icons/Cart_fill.es.js";
+import "../../../icons/src/icons/Double_Chevron_left.es.js";
+import "../../../icons/src/icons/Eye_slash_fill.es.js";
+import "../../../icons/src/icons/Chevron_right.es.js";
+import "../../../icons/src/icons/Filter.es.js";
+import "../../../icons/src/icons/Plus.es.js";
+import "../../../icons/src/icons/Question_circle.es.js";
+import "../../../icons/src/icons/Re.es.js";
+import "../../../icons/src/icons/Person_fill.es.js";
+import "../../../icons/src/icons/Menu.es.js";
+import "../../../icons/src/icons/Setting_fill.es.js";
+import "../../../icons/src/icons/Information.es.js";
+import "../../../icons/src/icons/Eye_fill.es.js";
+import "../../../icons/src/icons/More.es.js";
+import "../../../icons/src/icons/Store.es.js";
+import "../../../icons/src/icons/Share.es.js";
+import "../../../icons/src/icons/Search.es.js";
+const ct = ["white", "pink", "blue", "gray", "lime"], at = [
+  "top-left",
+  "top-center",
+  "top-right",
+  "bottom-left",
+  "bottom-center",
+  "bottom-right",
+  "left-center",
+  "right-center"
+], E = 5.8, P = 2, T = ({ backgroundColor: e }) => e === t.white ? `<svg width="13" height="8" viewBox="0 0 13 8" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M4.67395 2.01734L5.08584e-07 8L1.31297 8L5.46343 2.67569C5.86314 2.16294 6.63816 2.16193 7.03919 2.67364L11.2136 8L12.5 8L7.82605 2.01734C7.02531 0.992394 5.4747 0.992392 4.67395 2.01734Z" fill="${t.gray100}" />
+        <path d="M11.201 8L1.30078 8L5.45142 2.66295C5.85118 2.14892 6.62777 2.14801 7.02874 2.6611L11.201 8Z" fill="${t.white}"/>
+    </svg>` : `
+    <svg id="hello" width="13" height="7" viewBox="0 0 13 7" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <path d="M4.67395 0.768711L0 6.75137L1.30078 6.75137L11.201 6.75137H12.5L7.82605 0.768713C7.02531 -0.256236 5.4747 -0.256238 4.67395 0.768711Z" fill="${e}"/>
+    </svg>
+`, mt = ({
+  placement: e,
+  colorType: o,
+  content: a,
+  children: m,
+  className: u,
+  alwaysShow: n = !1,
+  hasCloseButton: f = !1,
+  zIndex: h,
+  popperOptions: g,
+  isChildrenFullWidth: d = !1
+}) => {
+  const [i, s] = y(!1), C = c(() => {
+    switch (e) {
+      case "top-left":
+        return "bottom-start";
+      case "top-center":
+        return "bottom";
+      case "top-right":
+        return "bottom-end";
+      case "bottom-left":
+        return "top-start";
+      case "bottom-center":
+        return "top";
+      case "bottom-right":
+        return "top-end";
+      case "left-center":
+        return "right";
+      case "right-center":
+        return "left";
+      default:
+        return "top";
+    }
+  }, [e]), p = c(() => {
+    switch (o) {
+      case "gray":
+        return {
+          backgroundColor: t.gray700,
+          borderColor: t.gray700,
+          contentColor: t.gray25
+        };
+      case "white":
+        return {
+          backgroundColor: t.white,
+          borderColor: t.gray100,
+          contentColor: t.gray400
+        };
+      default:
+        return {
+          backgroundColor: t[`${o}400`],
+          borderColor: t[`${o}400`],
+          contentColor: t.gray25
+        };
+    }
+  }, [o]), b = {
+    visible: i,
+    arrow: T({ backgroundColor: p.backgroundColor })
+  }, w = () => {
+    s(!0);
+  }, l = () => {
+    s(!1);
+  }, x = /* @__PURE__ */ r.jsxs(A, { onClick: l, children: [
+    /* @__PURE__ */ r.jsx("div", { children: a }),
+    f && /* @__PURE__ */ r.jsx(B, { children: /* @__PURE__ */ r.jsx($, { className: "text-white", size: 20 }) })
+  ] }), L = () => {
+    i && n || w();
+  }, v = () => {
+    i && n || l();
+  };
+  return j(() => {
+    n && s(!0);
+  }, [n]), /* @__PURE__ */ r.jsx(
+    M,
+    {
+      ...p,
+      ...b,
+      placement: C,
+      className: u,
+      content: x,
+      offset: [0, E + P],
+      interactive: !0,
+      zIndex: h,
+      popperOptions: g,
+      children: /* @__PURE__ */ r.jsx(
+        k,
+        {
+          isChildrenFullWidth: d,
+          onMouseEnter: L,
+          onMouseLeave: v,
+          children: m
+        }
+      )
+    }
+  );
+};
+export {
+  ct as ColorTypeArray,
+  at as PlacementArray,
+  mt as default
+};