@wishket/design-system 1.1.25 → 1.1.27

package/dist/Components/Feedbacks/DialogBox/DialogBox.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),a=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("react"),require("@wishket/yogokit"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),module.exports=function(t){var o=t.title,l=t.description,n=t.variant,u=t.onClose,c=t.onConfirm,d=t.confirm,p=t.close,p=void 0===p?"닫기":p,t=t.testId,n="caution"===(void 0===n?"primary":n);return e.jsxs(s,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 shadow-modal tablet:w-[400px]","data-testid":t||"design-system--dialog-box",children:[e.jsxs(s,{className:"flex w-full flex-col gap-6",children:[e.jsx(a,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:o}),e.jsx(a,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:l})]}),e.jsxs(s,{className:"flex w-full items-center justify-end gap-4",children:[p&&e.jsx(i,{role:"close",onClick:u,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:p}),d&&e.jsx(i,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(n&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),s=(require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/Typography/Typography.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("react"),require("@wishket/yogokit"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),module.exports=function(t){var o=t.title,l=t.description,n=t.variant,u=t.onClose,c=t.onConfirm,d=t.confirm,p=t.close,p=void 0===p?"닫기":p,t=t.testId,n="caution"===(void 0===n?"primary":n);return e.jsxs(a,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 font-normal not-italic shadow-modal tablet:w-[400px]","data-testid":t||"design-system--dialog-box",children:[e.jsxs(a,{className:"flex w-full flex-col gap-6",children:[e.jsx(s,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:o}),e.jsx(s,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:l})]}),e.jsxs(a,{className:"flex w-full items-center justify-end gap-4",children:[p&&e.jsx(i,{role:"close",onClick:u,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:p}),d&&e.jsx(i,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(n&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};

package/dist/Components/Inputs/Autocomplete/Autocomplete.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("@wishket/yogokit"),i=require("../AutoCompleteList/AutoCompleteList.js"),l=require("../TextFieldContainer/TextFieldContainer.js"),s=require("../../Layouts/Box/Box.js"),a=(require("tailwind-merge"),require("../Input/Input.js")),u=require("../InputChip/InputChip.js"),o=require("../SupportTextContainer/SupportTextContainer.js"),c=require("./Autocomplete.parts.js"),p=require("./Autocomplete.utils.js");module.exports=function(d){function m(){V(!1)}function f(t){C(t),R(e.__spreadArray(e.__spreadArray([],M,!0),[t],!1))}function x(t){A(t),R(e.__spreadArray(e.__spreadArray([],M,!0),[t],!1))}function g(){""!==k.trim()&&(q(k.trim()),j(""),R(e.__spreadArray(e.__spreadArray([],M,!0),[k],!1)))}var h=d.skillItems,v=d.legacySkillItems,y=d.selectedItems,I=d.onChipDelete,k=d.value,j=d.onValueChange,_=d.placeholder,C=d.onSkillItemClick,A=d.onLegacySkillItemClick,q=d.onInputItemClick,S=d.supportingText,w=d.hasIndexBar,w=void 0!==w&&w,D=d.isError,b=d.errorMessage,F=d.leadingIcon,d=r.useState(!1),B=d[0],V=d[1],d=r.useRef(null),E=r.useRef(null),L=r.useRef(null),T=r.useState([]),M=T[0],R=T[1],T=r.useState(-1),U=T[0],N=T[1],W=p.getSortedSkillItems(h),T=p.getSortedSkillItems(v),z=(n.useClickOutside(d,m),e.__spreadArray(e.__spreadArray(e.__spreadArray([],W.map(function(e){return{type:"static_skill",item:e}}),!0),T.map(function(e){return{type:"legacy",item:e}}),!0),k?[{type:"input",item:k}]:[],!0));return t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"relative flex w-full flex-col gap-3",ref:d,onKeyDown:function(e){if(!e.nativeEvent.isComposing&&B)switch(e.key){case"ArrowDown":e.preventDefault(),N(function(e){var e=e<z.length-1?e+1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),N(function(e){var e=0<e?e-1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"Enter":var t,r;e.preventDefault(),0<=U&&U<z.length?(t=(r=z[U]).type,r=r.item,"static_skill"===t?f(r):"legacy"===t?x(r):"input"===t&&g()):k.trim()&&g();break;case"Backspace":k||(e.preventDefault(),I(y[y.length-1]));break;case"Escape":e.preventDefault(),m()}},children:[t.jsx("label",{children:t.jsxs(l,{isError:D,isFocused:B,testId:"design-system--selectBox",isAutoComplete:!0,children:[y.map(function(e){return t.jsx(u,{onDelete:function(){return I(e)},children:e},e)}),t.jsx(a,{value:k,onChange:function(e){j(e.target.value)},placeholder:_,onFocus:function(){B||V(!B)},className:"w-fit flex-auto"})]})}),(S||b)&&t.jsx(o,{supportMessage:S,errorMessage:b}),B&&t.jsx(s,{"data-testid":"design-system-autocomplete-list",ref:E,className:"absolute top-[54px] z-40 w-full",onMouseLeave:function(){0<M.length&&(m(),R([]))},children:t.jsx(i.Root,{hasIndexBar:w,onIndexClick:function(t){var e=W.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&E.current&&(e=E.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsx("ul",{ref:L,children:t.jsxs(c.WithDivider,{children:[0<h.length&&t.jsx(t.Fragment,{children:W.map(function(e,r){return t.jsx(i.Item,{id:"item-".concat(e.value.replace(/ /g,"_")),leadingIcon:F,iconUrl:e.iconUrl,text:e.value,onClick:function(){return f(e)},isFocused:U===r,inputValue:k},e.value)})}),0<v.length&&t.jsx(t.Fragment,{children:T.map(function(e,r){return t.jsx(i.Item,{text:e.value,count:e.count,onClick:function(){return x(e)},isFocused:U===W.length+r,inputValue:k},"".concat(e.value,"-").concat(r))})}),""!==k.trim()&&t.jsx(i.Item,{text:k,isInputItem:!0,onClick:g,isFocused:U===z.length-1})]})})})})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("@wishket/yogokit"),i=require("../AutoCompleteList/AutoCompleteList.js"),l=require("../TextFieldContainer/TextFieldContainer.js"),s=require("../../Layouts/Box/Box.js"),u=(require("tailwind-merge"),require("../Input/Input.js")),a=require("../InputChip/InputChip.js"),o=require("../SupportTextContainer/SupportTextContainer.js"),c=require("./Autocomplete.parts.js"),p=require("./Autocomplete.utils.js");module.exports=function(d){function f(){B(!1)}function m(t){C(t),z(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function g(t){A(t),z(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function h(){""!==k.trim()&&(q(k.trim()),j(""),z(e.__spreadArray(e.__spreadArray([],N,!0),[k],!1)))}var v=d.skillItems,x=d.legacySkillItems,y=d.selectedItems,I=d.onChipDelete,k=d.value,j=d.onValueChange,_=d.placeholder,C=d.onSkillItemClick,A=d.onLegacySkillItemClick,q=d.onInputItemClick,S=d.supportingText,w=d.hasIndexBar,w=void 0!==w&&w,b=d.isError,D=d.errorMessage,F=d.leadingIcon,d=r.useState(!1),R=d[0],B=d[1],d=r.useRef(null),E=r.useRef(null),V=r.useRef(null),L=r.useRef(null),T=r.useState(54),M=T[0],U=T[1],T=r.useState([]),N=T[0],z=T[1],T=r.useState(-1),O=T[0],W=T[1],K=p.getSortedSkillItems(v),T=p.getSortedSkillItems(x),G=(r.useEffect(function(){var e;if(E.current)return(e=new ResizeObserver(function(e){for(var t=0,r=e;t<r.length;t++){var n=r[t];n.target===E.current&&U(n.contentRect.height+4)}})).observe(E.current),function(){e.disconnect()}},[]),n.useClickOutside(d,f),e.__spreadArray(e.__spreadArray(e.__spreadArray([],K.map(function(e){return{type:"static_skill",item:e}}),!0),T.map(function(e){return{type:"legacy",item:e}}),!0),k?[{type:"input",item:k}]:[],!0));return t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"relative flex w-full flex-col gap-3",ref:d,onKeyDown:function(e){if(!e.nativeEvent.isComposing&&R)switch(e.key){case"ArrowDown":e.preventDefault(),W(function(e){var e=e<G.length-1?e+1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),W(function(e){var e=0<e?e-1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"Enter":var t,r;e.preventDefault(),0<=O&&O<G.length?(t=(r=G[O]).type,r=r.item,"static_skill"===t?m(r):"legacy"===t?g(r):"input"===t&&h()):k.trim()&&h();break;case"Backspace":k||(e.preventDefault(),I(y[y.length-1]));break;case"Escape":e.preventDefault(),f()}},children:[t.jsx("label",{ref:E,children:t.jsxs(l,{isError:b,isFocused:R,testId:"design-system--selectBox",isAutoComplete:!0,children:[y.map(function(e){return t.jsx(a,{onDelete:function(){return I(e)},children:e},e)}),t.jsx(u,{value:k,onChange:function(e){j(e.target.value)},placeholder:_,onFocus:function(){R||B(!R)},className:"w-fit flex-auto"})]})}),(S||D)&&t.jsx(o,{supportMessage:S,errorMessage:D}),R&&t.jsx(s,{"data-testid":"design-system-autocomplete-list",ref:V,className:"absolute z-40 w-full",style:{top:M},onMouseLeave:function(){0<N.length&&(f(),z([]))},children:t.jsx(i.Root,{hasIndexBar:w,onIndexClick:function(t){var e=K.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&V.current&&(e=V.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsx("ul",{ref:L,children:t.jsxs(c.WithDivider,{children:[0<v.length&&t.jsx(t.Fragment,{children:K.map(function(e,r){return t.jsx(i.Item,{id:"item-".concat(e.value.replace(/ /g,"_")),leadingIcon:F,iconUrl:e.iconUrl,text:e.value,onClick:function(){return m(e)},isFocused:O===r,inputValue:k},e.value)})}),0<x.length&&t.jsx(t.Fragment,{children:T.map(function(e,r){return t.jsx(i.Item,{text:e.value,count:e.count,onClick:function(){return g(e)},isFocused:O===K.length+r,inputValue:k},"".concat(e.value,"-").concat(r))})}),""!==k.trim()&&t.jsx(i.Item,{text:k,isInputItem:!0,onClick:h,isFocused:O===G.length-1})]})})})})]})};

package/dist/Components/Inputs/Calendar/Calendar.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),i=require("../../DataDisplays/SystemIcon/SystemIcon.js"),d=require("./Calendar.parts.js"),o=require("./Calendar.utils.js");module.exports=function(c){function l(){p||w(function(e){return!e})}function u(e){y&&o.isSameDate(e,D)||(e="".concat(e.year,"-").concat(e.month,"-").concat(e.date),null!=x&&x(e),w(!1))}var g=c.defaultDate,y=c.selected,x=c.onChange,p=c.disabled,m=c.placeholder,c=c.isError,h=r.useState(!1),f=h[0],w=h[1],h=g?o.generateDate(g):o.today,g=r.useState(y?o.generateDate(y):h),b=g[0],j=g[1],D=y?o.generateDate(y):h,g=o.getKoreanTimeString(D),h=g.year,v=g.month,g=g.date,q=o.getMonthDate(b.year,b.month).dateList,S=Array.from({length:q[0].day},function(){return null}),S=e.__spreadArray(e.__spreadArray([],S,!0),q,!0);return r.useEffect(function(){!f&&y&&j(o.generateDate(y))},[f]),a.jsxs(s,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[a.jsxs(s,{"data-testid":"design-system-calendar--trigger",className:t.twMerge("flex h-[50px] w-[220px] cursor-pointer items-center gap-3 rounded-xl border border-w-gray-200 px-4 py-2.5 hover:border-primary",f&&"border-primary",y?"text-w-gray-600":"text-w-gray-300",c&&"border-w-red-500 hover:border-w-red-500",p&&"cursor-default bg-w-gray-10 text-w-gray-300 hover:border-w-gray-200"),onClick:l,children:[a.jsx(i,{name:"medium_calendar",className:p||!y?"text-w-gray-300":"text-w-gray-400"}),a.jsx(n,{variant:"body1","data-testid":"design-system-calendar--selected-date",children:y?"".concat(h," ").concat(v," ").concat(g):m})]}),f&&a.jsx("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:l}),f&&a.jsxs(s,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[a.jsx(d.SelectHeader,{visibleDate:b,onChange:function(e){j(e)}}),a.jsx(d.WeekHeader,{}),a.jsx(s,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:S.map(function(e,r){var t=!(!e||!y)&&o.isSameDate(e,D);return e?a.jsx(d.DateBox,{date:e,selected:t,onChange:u},"".concat(e.year,"-").concat(e.month,"-").concat(e.date)):a.jsx(d.DateBox,{disabled:!0},r)})})]})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Layouts/Box/Box.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/Typography/Typography.js")),i=require("../../DataDisplays/SystemIcon/SystemIcon.js"),c=require("../TextFieldContainer/TextFieldContainer.js"),l=require("./Calendar.parts.js"),d=require("./Calendar.utils.js");module.exports=function(o){function u(){p||f(function(e){return!e})}function x(e){y&&d.isSameDate(e,q)||(e="".concat(e.year,"-").concat(e.month,"-").concat(e.date),null!=m&&m(e),f(!1))}var g=o.defaultDate,y=o.selected,m=o.onChange,p=o.disabled,h=o.placeholder,o=o.isError,j=t.useState(!1),D=j[0],f=j[1],j=g?d.generateDate(g):d.today,g=t.useState(y?d.generateDate(y):j),w=g[0],b=g[1],q=y?d.generateDate(y):j,g=d.getKoreanTimeString(q),j=g.year,v=g.month,g=g.date,C=d.getMonthDate(w.year,w.month).dateList,S=Array.from({length:C[0].day},function(){return null}),S=e.__spreadArray(e.__spreadArray([],S,!0),C,!0);return t.useEffect(function(){!D&&y&&b(d.generateDate(y))},[D]),a.jsxs(s,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[a.jsx(s,{className:"cursor-pointer",children:a.jsxs(c,{isFocused:D,isError:o,isDisabled:p,testId:"design-system-calendar--trigger",onClick:u,children:[a.jsx(i,{name:"medium_calendar",className:p||!y?"text-w-gray-300":"text-w-gray-400"}),a.jsx(n,{variant:"body1",className:r.twMerge("min-w-[178px] text-w-gray-600",!y&&"text-w-gray-300",p&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:y?"".concat(j," ").concat(v," ").concat(g):h})]})}),D&&a.jsx("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:u}),D&&a.jsxs(s,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[a.jsx(l.SelectHeader,{visibleDate:w,onChange:function(e){b(e)}}),a.jsx(l.WeekHeader,{}),a.jsx(s,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:S.map(function(e,t){var r=!(!e||!y)&&d.isSameDate(e,q);return e?a.jsx(l.DateBox,{date:e,selected:r,onChange:x},"".concat(e.year,"-").concat(e.month,"-").concat(e.date)):a.jsx(l.DateBox,{disabled:!0},t)})})]})]})};

package/dist/Components/Inputs/TextField/parts/LableInput.js

@@ -1 +1 @@
-"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=require("../../../Layouts/Box/Box.js"),i=require("../../Input/Input.js"),l=t.forwardRef(function(t,l){var n=t.isFixed,o=t.isFocused,u=t.isError,d=t.lable,x=(t.placeholder,t.value),t=e.__rest(t,["isFixed","isFocused","isError","lable","placeholder","value"]);return r.jsxs(s,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--lable-input",children:[r.jsx("div",{className:a.twMerge("absolute tracking-default",u?"text-w-red-500":o?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",n?"text-[11px] leading-[14px]":o||x?"scale-[0.6875] -translate-y-0.5 origin-top-left transition-[transform] duration-300":"text-[16px] transition-[transform] duration-300 translate-y-2 origin-top-left"),"data-testid":"design-system--lable-text",children:d}),r.jsx(i,e.__assign({ref:l},t,{className:"pt-[14px]"}))]})});l.displayName="LableInput",module.exports=l;
+"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=require("../../../Layouts/Box/Box.js"),i=require("../../Input/Input.js"),l=t.forwardRef(function(t,l){var n=t.isFixed,u=t.isFocused,o=t.isError,d=t.lable,x=(t.placeholder,t.value),t=e.__rest(t,["isFixed","isFocused","isError","lable","placeholder","value"]);return r.jsxs(s,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--lable-input",children:[r.jsx("div",{className:a.twMerge("absolute tracking-default",o?"text-w-red-500":u?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",n?"text-[11px] leading-[14px]":u||x?"scale-[0.6875] -translate-y-0.5 origin-top-left transition-[transform] duration-300":"text-[16px] transition-[transform] duration-300 translate-y-2 origin-top-left"),"data-testid":"design-system--lable-text",children:d}),r.jsx(i,e.__assign({ref:l,value:x},t,{className:"pt-[14px]"}))]})});l.displayName="LableInput",module.exports=l;

package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.d.ts

@@ -10,9 +10,10 @@ export interface TextFieldDropdownProps {
     onItemClick: (item: Item) => void;
     selectedItem?: Item;
     disabled?: boolean;
+    supportMessage?: string;
     errorMessage?: string;
     className?: string;
     isError?: boolean;
 }
-declare const TextFieldDropdown: ({ selectedItem, items, onItemClick, placeholder, disabled, isError, errorMessage, }: TextFieldDropdownProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextFieldDropdown: ({ selectedItem, items, onItemClick, placeholder, disabled, isError, errorMessage, supportMessage, }: TextFieldDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default TextFieldDropdown;

package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@wishket/yogokit"),n=require("../../Layouts/Box/Box.js"),l=(require("tailwind-merge"),require("../List/List.js")),i=require("../SupportTextContainer/SupportTextContainer.js"),o=require("./TextFieldDropdown.parts.js");module.exports=function(s){function u(){w&&g(!1)}function a(e){p(e),u()}var c=s.selectedItem,d=s.items,p=s.onItemClick,f=s.placeholder,x=s.disabled,v=s.isError,s=s.errorMessage,k=r.useState(!1),w=k[0],g=k[1],k=r.useState(-1),j=k[0],m=k[1],q=r.useRef(null);t.useClickOutside(q,u);return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:q,className:"relative flex w-full flex-col gap-2 outline-none",onKeyDown:function(e){if(w)switch(e.key){case"ArrowDown":e.preventDefault(),m(function(e){var e=e<d.length-1?e+1:e,r=q.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),m(function(e){var e=0<e?e-1:e,r=q.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"Enter":e.preventDefault(),0<=j&&a(d[j]);break;case"Escape":e.preventDefault(),u()}},tabIndex:0,children:[e.jsx(o.SelectBox,{placeholder:f,value:null==c?void 0:c.value,leadingIcon:null==c?void 0:c.leadingIcon,disabled:x,isListOpen:w,onClick:function(){x||g(!w)},error:v}),e.jsx(i,{errorMessage:s}),w&&e.jsx(n,{className:"absolute top-[54px] z-40 w-full",children:e.jsx(l.Root,{children:d.map(function(r,t){return e.jsx(l.Item,{text:r.value,leadingIcon:r.leadingIcon,onClick:function(){return a(r)},selected:r.key===(null==c?void 0:c.key),isFocused:t===j},r.key)})})})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("@wishket/yogokit"),n=require("../../Layouts/Box/Box.js"),l=(require("tailwind-merge"),require("../List/List.js")),i=require("../SupportTextContainer/SupportTextContainer.js"),o=require("./TextFieldDropdown.parts.js");module.exports=function(s){function u(){w&&j(!1)}function a(e){p(e),u()}var c=s.selectedItem,d=s.items,p=s.onItemClick,f=s.placeholder,x=s.disabled,v=s.isError,k=s.errorMessage,s=s.supportMessage,g=r.useState(!1),w=g[0],j=g[1],g=r.useState(-1),m=g[0],q=g[1],y=r.useRef(null),g=!!s||!!k;t.useClickOutside(y,u);return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:y,className:"relative flex w-full flex-col gap-2 outline-none",onKeyDown:function(e){if(w)switch(e.key){case"ArrowDown":e.preventDefault(),q(function(e){var e=e<d.length-1?e+1:e,r=y.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),q(function(e){var e=0<e?e-1:e,r=y.current;return r&&null!=(r=r.querySelectorAll("li")[e])&&r.scrollIntoView({block:"nearest"}),e});break;case"Enter":e.preventDefault(),0<=m&&a(d[m]);break;case"Escape":e.preventDefault(),u()}},tabIndex:0,children:[e.jsx(o.SelectBox,{placeholder:f,value:null==c?void 0:c.value,leadingIcon:null==c?void 0:c.leadingIcon,disabled:x,isListOpen:w,onClick:function(){x||j(!w)},error:v}),g&&e.jsx(i,{errorMessage:k,supportMessage:s}),w&&e.jsx(n,{className:"absolute top-[54px] z-40 w-full",children:e.jsx(l.Root,{children:d.map(function(r,t){return e.jsx(l.Item,{text:r.value,leadingIcon:r.leadingIcon,onClick:function(){return a(r)},selected:r.key===(null==c?void 0:c.key),isFocused:t===m},r.key)})})})]})};

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

@@ -19,6 +19,7 @@ export { default as Switch } from './Switch';
 export { default as Textarea } from './Textarea';
 export { default as TextButton } from './TextButton';
 export { default as TextField } from './TextField';
+export { default as List } from './List';
 export { default as TextFieldDropdown } from './TextFieldDropdown';
 export { TextButtonsDropdown } from './TextButtonsDropdown';
 export type { SkillItem, LegacySkillItem } from './Autocomplete';

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"),T=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),b=require("./Components/Inputs/CheckboxList/CheckboxList.js"),L=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"),N=require("./Components/Inputs/RadioGroup/RadioGroup.js"),G=require("./Components/Inputs/SearchField/SearchField.js"),P=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/TextFieldDropdown/TextFieldDropdown.js"),U=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),z=require("./Components/Layouts/Box/Box.js"),E=require("./Components/Layouts/Divider/Divider.js"),H=require("./Components/Layouts/GridLayout/GridLayout.js"),J=require("./Components/Navigations/Drawer/Drawer.js"),K=require("./Components/Navigations/GNBList/GNBList.js"),Q=require("./Components/Navigations/Pagination/Pagination.js"),V=require("./Components/Navigations/TableOfContents/TableOfContents.js"),X=require("./Components/Navigations/TextTab/TextTab.js"),Y=require("./Components/Utils/BackDrop/BackDrop.js"),Z=require("./Components/Utils/Modal/Modal.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=T,exports.CheckboxList=b,exports.CheckboxListItem=L,exports.ChoiceChip=k,exports.IconButton=S,exports.InputChip=y,exports.RangeSlider=R,exports.Radio=F,exports.RadioCard=v,exports.RadioList=w,exports.RadioGroup=N,exports.SearchField=G,exports.SegmentedControl=P,exports.Switch=W,exports.Textarea=A,exports.TextButton=M,exports.TextField=f,exports.TextFieldDropdown=O,exports.TextButtonsDropdown=U,exports.Box=z,exports.Divider=E,exports.GridLayout=H,exports.Drawer=J,exports.GNBList=K,exports.Pagination=Q,exports.TableOfContents=V,exports.TextTab=X,exports.BackDrop=Y,exports.Modal=Z;
+"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"),N=require("./Components/Inputs/RadioGroup/RadioGroup.js"),G=require("./Components/Inputs/SearchField/SearchField.js"),P=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");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=N,exports.SearchField=G,exports.SegmentedControl=P,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=$;

package/package.json

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