@wishket/design-system 1.1.30 → 1.1.31

package/dist/Components/Feedbacks/Dialog/Dialog.d.ts

@@ -6,8 +6,9 @@ export interface DialogProps {
     variant?: 'primary' | 'caution';
     onConfirm?: () => void;
     onClose?: () => void;
+    needCleanup?: boolean;
     confirm?: string;
     close?: string;
 }
-declare const Dialog: ({ isOpen, rootId, title, description, variant, onClose, onConfirm, confirm, close, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+declare const Dialog: ({ isOpen, rootId, title, description, variant, onClose, onConfirm, confirm, close, needCleanup, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export default Dialog;

package/dist/Components/Feedbacks/Dialog/Dialog.js

@@ -1 +1 @@
-"use strict";var i=require("react/jsx-runtime"),o=require("../../Utils/BackDropLiftContainer/BackDropLiftContainer.js"),r=require("../../Utils/Portal/Portal.js"),e=require("../DialogBox/DialogBox.js");module.exports=function(t){var n=t.isOpen,s=t.rootId,a=t.title,l=t.description,c=t.variant,d=t.onClose,u=t.onConfirm,m=t.confirm,t=t.close;return i.jsx(r,{rootId:s,children:i.jsx(o,{isOpen:n,onClose:d,testId:"design-system--dialog",children:i.jsx(e,{title:a,description:l,variant:void 0===c?"primary":c,onConfirm:u,onClose:d,confirm:m,close:void 0===t?"닫기":t})})})};
+"use strict";var e=require("react/jsx-runtime"),i=require("../../Utils/BackDropLiftContainer/BackDropLiftContainer.js"),o=require("../../Utils/Portal/Portal.js"),r=require("../DialogBox/DialogBox.js");module.exports=function(n){var t=n.isOpen,s=n.rootId,a=n.title,l=n.description,d=n.variant,c=n.onClose,u=n.onConfirm,p=n.confirm,C=n.close,n=n.needCleanup;return e.jsx(o,{rootId:s,needCleanup:(void 0===n||n)&&!s,children:e.jsx(i,{isOpen:t,onClose:c,testId:"design-system--dialog",children:e.jsx(r,{title:a,description:l,variant:void 0===d?"primary":d,onConfirm:u,onClose:c,confirm:p,close:void 0===C?"닫기":C})})})};

package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.d.ts

@@ -0,0 +1,14 @@
+import { LoadingIndicatorProps } from '../LoadingIndicator/LoadingIndicator.types';
+export interface GlobalLoadingIndicatorProps extends LoadingIndicatorProps {
+}
+export declare class LoadingManager {
+    private static instance;
+    loaderIds: string[];
+    private constructor();
+    static getInstance(): LoadingManager;
+    register(id: string): void;
+    unregister(id: string): void;
+    getIsLastIndex(id: string): boolean;
+}
+declare const GlobalLoadingIndicator: (props: GlobalLoadingIndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
+export default GlobalLoadingIndicator;

package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=(require("tailwind-merge"),require("@wishket/yogokit"),require("../../Layouts/Box/Box.js"),require("../../Utils/Portal/Portal.js")),s=require("../LoadingIndicator/LoadingIndicator.js"),i=function(){function e(){this.loaderIds=[]}return e.getInstance=function(){return e.instance=e.instance?e.instance:new e},e.prototype.register=function(e){this.loaderIds.includes(e)||this.loaderIds.push(e)},e.prototype.unregister=function(t){this.loaderIds=this.loaderIds.filter(function(e){return e!==t})},e.prototype.getIsLastIndex=function(e){return this.loaderIds[this.loaderIds.length-1]===e},e}();exports.LoadingManager=i,exports.default=function(a){var o=i.getInstance(),d=r.useId(),u=r.useState([]),l=u[0],c=u[1];return r.useEffect(function(){return o.register(d),c(o.loaderIds),function(){o.unregister(d),c(o.loaderIds)}},[d]),l.indexOf(d)===l.length-1?t.jsx(n,{children:t.jsx("div",{"data-testid":"design-system-globalLoadingIndicator",className:"fixed left-1/2 top-1/2 z-30 aspect-square -translate-x-1/2 -translate-y-1/2",children:t.jsx(s,e.__assign({},a))})}):null};

package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import GlobalLoadingIndicator from './GlobalLoadingIndicator';
+declare const meta: Meta<typeof GlobalLoadingIndicator>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/Components/Feedbacks/GlobalLoadingIndicator/index.d.ts

@@ -0,0 +1,2 @@
+import GlobalLoadingIndicator from './GlobalLoadingIndicator';
+export default GlobalLoadingIndicator;

package/dist/Components/Feedbacks/GlobalLoadingIndicator/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./GlobalLoadingIndicator.js");module.exports=e.default;

package/dist/Components/Feedbacks/index.d.ts

@@ -7,3 +7,4 @@ export { default as WithRichTooltip } from './WithRichTooltip';
 export { default as SnackBar } from './SnackBar';
 export type { SnackBarProps } from './SnackBar';
 export { default as WithSnackBar } from './WithSnackBar';
+export { default as GlobalLoadingIndicator } from './GlobalLoadingIndicator';

package/dist/Components/Layouts/Column/Column.d.ts

@@ -0,0 +1,9 @@
+import { PropsWithChildren } from 'react';
+export type ColumnSize = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11;
+export interface ColumnProps extends PropsWithChildren {
+    container?: boolean;
+    size?: ColumnSize;
+    className?: string;
+}
+declare const Column: ({ container, size, className, children, }: ColumnProps) => import("react/jsx-runtime").JSX.Element;
+export default Column;

package/dist/Components/Layouts/Column/Column.js

@@ -0,0 +1 @@
+"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),n=["col-span-1","col-span-2","col-span-3","col-span-4","col-span-5","col-span-6","col-span-7","col-span-8","col-span-9","col-span-10","col-span-11"];module.exports=function(a){var c=a.container,l=a.size,l=void 0===l?1:l,o=a.className,a=a.children;return void 0!==c&&c?e.jsx("div",{"data-testid":"design-system-column--container",className:s.twMerge("grid auto-cols-1fr grid-flow-col",o),children:a}):e.jsx("div",{"data-testid":"design-system-column",className:s.twMerge(n[l-1],o),children:a})};

package/dist/Components/Layouts/Column/Column.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { ColumnProps, ColumnSize } from './Column';
+interface ColumnsStoryArgs extends ColumnProps {
+    leftColumnSize: ColumnSize;
+    centerColumnSize?: ColumnSize;
+    rightColumnSize: ColumnSize;
+}
+declare const meta: Meta<ColumnsStoryArgs>;
+export default meta;
+type Story = StoryObj<ColumnsStoryArgs>;
+export declare const TwoColumns: Story;
+export declare const ThreeColumns: Story;

package/dist/Components/Layouts/Column/index.d.ts

@@ -0,0 +1,2 @@
+import Column from './Column';
+export default Column;

package/dist/Components/Layouts/Column/index.js

@@ -0,0 +1 @@
+"use strict";var e=require("./Column.js");module.exports=e;

package/dist/Components/Layouts/index.d.ts

@@ -1,3 +1,4 @@
 export { default as Box } from './Box';
 export { default as Divider } from './Divider';
 export { default as GridLayout } from './GridLayout';
+export { default as Column } from './Column';

package/dist/Components/Utils/Modal/Modal.d.ts

@@ -8,7 +8,8 @@ export interface ModalProps extends PropsWithChildren {
     isBackgroundBlack?: boolean;
     isFixedHeight?: boolean;
     isPreventScroll?: boolean;
+    needCleanup?: boolean;
     onClose?: () => void;
 }
-declare const Modal: ({ isOpen, rootId, variant, size, overflow, isBackgroundBlack, isFixedHeight, isPreventScroll, onClose, children, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const Modal: ({ isOpen, rootId, variant, size, overflow, isBackgroundBlack, isFixedHeight, isPreventScroll, onClose, needCleanup, children, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/dist/Components/Utils/Modal/Modal.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),o=require("../BackDropLiftContainer/BackDropLiftContainer.js"),r=require("../BottomModalContainer/BottomModalContainer.js"),i=require("../FullModalContainer/FullModalContainer.js"),t=require("../ModalContainer/ModalContainer.js"),n=require("../Portal/Portal.js");module.exports=function(l){var s=l.isOpen,a=l.rootId,d=l.variant,d=void 0===d?"default":d,u=l.size,c=l.overflow,v=l.isBackgroundBlack,j=l.isFixedHeight,C=l.isPreventScroll,h=l.onClose,l=l.children,m="bottom"===d,x="full"===d;return e.jsx(n,{rootId:a,children:e.jsxs(o,{isOpen:s,onClose:h,testId:"design-system--modal",isBackgroundBlack:void 0===v||v,isPreventScroll:void 0===C||C,isBottomSheet:m,children:["default"===d&&e.jsx(t,{size:void 0===u?"md":u,overflow:void 0===c?"auto":c,children:l}),x&&e.jsx(i,{children:l}),m&&h&&e.jsx(r,{onClose:h,isFixedHeight:j,children:l})]})})};
+"use strict";var e=require("react/jsx-runtime"),o=require("../BackDropLiftContainer/BackDropLiftContainer.js"),r=require("../BottomModalContainer/BottomModalContainer.js"),i=require("../FullModalContainer/FullModalContainer.js"),n=require("../ModalContainer/ModalContainer.js"),t=require("../Portal/Portal.js");module.exports=function(l){var a=l.isOpen,d=l.rootId,s=l.variant,s=void 0===s?"default":s,u=l.size,c=l.overflow,v=l.isBackgroundBlack,C=l.isFixedHeight,j=l.isPreventScroll,h=l.onClose,m=l.needCleanup,l=l.children,x="bottom"===s,B="full"===s;return e.jsx(t,{rootId:d,needCleanup:(void 0===m||m)&&!d,children:e.jsxs(o,{isOpen:a,onClose:h,testId:"design-system--modal",isBackgroundBlack:void 0===v||v,isPreventScroll:void 0===j||j,isBottomSheet:x,children:["default"===s&&e.jsx(n,{size:void 0===u?"md":u,overflow:void 0===c?"auto":c,children:l}),B&&e.jsx(i,{children:l}),x&&h&&e.jsx(r,{onClose:h,isFixedHeight:C,children:l})]})})};

package/dist/Components/Utils/Portal/Portal.d.ts

@@ -1,6 +1,7 @@
 import { PropsWithChildren } from 'react';
 export interface PortalProps extends PropsWithChildren {
     rootId?: string;
+    needCleanup?: boolean;
 }
-declare const Portal: ({ children, rootId }: PortalProps) => import("react").ReactPortal | null;
+declare const Portal: ({ children, rootId, needCleanup }: PortalProps) => import("react").ReactPortal | null;
 export default Portal;

package/dist/Components/Utils/Portal/Portal.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react"),t=require("react-dom");module.exports=function(r){var d=r.children,r=r.rootId,n=e.useState(null),o=n[0],u=n[1],c=r||"wds-portal-root";return e.useEffect(function(){var e=document.getElementById(c);return e||((e=document.createElement("div")).id=c,document.body.appendChild(e)),e.setAttribute("data-testid",c),u(e),function(){e&&!e.childNodes.length&&e.remove()}},[c,r]),o?t.createPortal(d,o):null};
+"use strict";var e=require("react"),t=require("react-dom");module.exports=function(r){var d=r.children,n=r.rootId,r=r.needCleanup,o=void 0===r||r,r=e.useState(null),u=r[0],a=r[1],c=n||"wds-portal-root";return e.useEffect(function(){var e=document.getElementById(c);return e||((e=document.createElement("div")).id=c,document.body.appendChild(e)),e.setAttribute("data-testid",c),a(e),function(){o&&e&&!e.childNodes.length&&e.remove()}},[c,n,o]),u?t.createPortal(d,u):null};

package/dist/index.js

@@ -1 +1 @@
-"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),p=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),a=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Typography/Typography.js"),C=require("./Components/DataDisplays/WithBadge/WithBadge.js"),x=require("./Components/Feedbacks/Dialog/Dialog.js"),d=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),m=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),c=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),j=require("./Components/Feedbacks/WithRichTooltip/WithRichTooltip.js"),q=require("./Components/Feedbacks/SnackBar/SnackBar.js"),h=require("./Components/Feedbacks/WithSnackBar/WithSnackBar.js"),I=require("./Components/Inputs/Autocomplete/Autocomplete.js"),g=require("./Components/Inputs/Button/Button.js"),D=require("./Components/Inputs/Calendar/Calendar.js"),B=require("./Components/Inputs/Checkbox/Checkbox.js"),L=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),T=require("./Components/Inputs/CheckboxList/CheckboxList.js"),b=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),k=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),S=require("./Components/Inputs/IconButton/IconButton.js"),y=require("./Components/Inputs/InputChip/InputChip.js"),R=require("./Components/Inputs/RangeSlider/RangeSlider.js"),F=require("./Components/Inputs/Radio/Radio.js"),v=require("./Components/Inputs/RadioCard/RadioCard.js"),w=require("./Components/Inputs/RadioList/RadioList.js"),P=require("./Components/Inputs/RadioGroup/RadioGroup.js"),N=require("./Components/Inputs/SearchField/SearchField.js"),G=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),W=require("./Components/Inputs/Switch/Switch.js"),A=require("./Components/Inputs/Textarea/Textarea.js"),M=require("./Components/Inputs/TextButton/TextButton.js"),f=require("./Components/Inputs/TextField/TextField.js"),O=require("./Components/Inputs/List/List.js"),U=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),z=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),E=require("./Components/Layouts/Box/Box.js"),H=require("./Components/Layouts/Divider/Divider.js"),J=require("./Components/Layouts/GridLayout/GridLayout.js"),K=require("./Components/Navigations/Drawer/Drawer.js"),Q=require("./Components/Navigations/GNBList/GNBList.js"),V=require("./Components/Navigations/Pagination/Pagination.js"),X=require("./Components/Navigations/TableOfContents/TableOfContents.js"),Y=require("./Components/Navigations/TextTab/TextTab.js"),Z=require("./Components/Utils/BackDrop/BackDrop.js"),$=require("./Components/Utils/Modal/Modal.js"),_=require("./Components/Utils/Portal/Portal.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=i,exports.SkillLabel=p,exports.SystemIcon=a,exports.Typography=u,exports.WithBadge=C,exports.Dialog=x,exports.LoadingIndicator=d,exports.MessageBox=l,exports.PlainTooltip=m,exports.RichTooltip=c,exports.WithRichTooltip=j,exports.SnackBar=q,exports.WithSnackBar=h,exports.Autocomplete=I,exports.Button=g,exports.Calendar=D,exports.Checkbox=B,exports.CheckboxCard=L,exports.CheckboxList=T,exports.CheckboxListItem=b,exports.ChoiceChip=k,exports.IconButton=S,exports.InputChip=y,exports.RangeSlider=R,exports.Radio=F,exports.RadioCard=v,exports.RadioList=w,exports.RadioGroup=P,exports.SearchField=N,exports.SegmentedControl=G,exports.Switch=W,exports.Textarea=A,exports.TextButton=M,exports.TextField=f,exports.List=O,exports.TextFieldDropdown=U,exports.TextButtonsDropdown=z,exports.Box=E,exports.Divider=H,exports.GridLayout=J,exports.Drawer=K,exports.GNBList=Q,exports.Pagination=V,exports.TableOfContents=X,exports.TextTab=Y,exports.BackDrop=Z,exports.Modal=$,exports.Portal=_;
+"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),a=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Typography/Typography.js"),C=require("./Components/DataDisplays/WithBadge/WithBadge.js"),x=require("./Components/Feedbacks/Dialog/Dialog.js"),d=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),m=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),c=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),j=require("./Components/Feedbacks/WithRichTooltip/WithRichTooltip.js"),q=require("./Components/Feedbacks/SnackBar/SnackBar.js"),I=require("./Components/Feedbacks/WithSnackBar/WithSnackBar.js"),h=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),g=require("./Components/Inputs/Autocomplete/Autocomplete.js"),D=require("./Components/Inputs/Button/Button.js"),L=require("./Components/Inputs/Calendar/Calendar.js"),b=require("./Components/Inputs/Checkbox/Checkbox.js"),B=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),T=require("./Components/Inputs/CheckboxList/CheckboxList.js"),k=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),y=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),S=require("./Components/Inputs/IconButton/IconButton.js"),R=require("./Components/Inputs/InputChip/InputChip.js"),F=require("./Components/Inputs/RangeSlider/RangeSlider.js"),v=require("./Components/Inputs/Radio/Radio.js"),w=require("./Components/Inputs/RadioCard/RadioCard.js"),G=require("./Components/Inputs/RadioList/RadioList.js"),P=require("./Components/Inputs/RadioGroup/RadioGroup.js"),N=require("./Components/Inputs/SearchField/SearchField.js"),W=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),A=require("./Components/Inputs/Switch/Switch.js"),M=require("./Components/Inputs/Textarea/Textarea.js"),f=require("./Components/Inputs/TextButton/TextButton.js"),O=require("./Components/Inputs/TextField/TextField.js"),U=require("./Components/Inputs/List/List.js"),z=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),E=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),H=require("./Components/Layouts/Box/Box.js"),J=require("./Components/Layouts/Divider/Divider.js"),K=require("./Components/Layouts/GridLayout/GridLayout.js"),Q=require("./Components/Layouts/Column/Column.js"),V=require("./Components/Navigations/Drawer/Drawer.js"),X=require("./Components/Navigations/GNBList/GNBList.js"),Y=require("./Components/Navigations/Pagination/Pagination.js"),Z=require("./Components/Navigations/TableOfContents/TableOfContents.js"),$=require("./Components/Navigations/TextTab/TextTab.js"),_=require("./Components/Utils/BackDrop/BackDrop.js"),ee=require("./Components/Utils/Modal/Modal.js"),oe=require("./Components/Utils/Portal/Portal.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=i,exports.SkillLabel=a,exports.SystemIcon=p,exports.Typography=u,exports.WithBadge=C,exports.Dialog=x,exports.LoadingIndicator=d,exports.MessageBox=l,exports.PlainTooltip=m,exports.RichTooltip=c,exports.WithRichTooltip=j,exports.SnackBar=q,exports.WithSnackBar=I,exports.GlobalLoadingIndicator=h.default,exports.Autocomplete=g,exports.Button=D,exports.Calendar=L,exports.Checkbox=b,exports.CheckboxCard=B,exports.CheckboxList=T,exports.CheckboxListItem=k,exports.ChoiceChip=y,exports.IconButton=S,exports.InputChip=R,exports.RangeSlider=F,exports.Radio=v,exports.RadioCard=w,exports.RadioList=G,exports.RadioGroup=P,exports.SearchField=N,exports.SegmentedControl=W,exports.Switch=A,exports.Textarea=M,exports.TextButton=f,exports.TextField=O,exports.List=U,exports.TextFieldDropdown=z,exports.TextButtonsDropdown=E,exports.Box=H,exports.Divider=J,exports.GridLayout=K,exports.Column=Q,exports.Drawer=V,exports.GNBList=X,exports.Pagination=Y,exports.TableOfContents=Z,exports.TextTab=$,exports.BackDrop=_,exports.Modal=ee,exports.Portal=oe;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.1.30",
+  "version": "1.1.31",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",