@wishket/design-system 1.1.10 → 1.1.11

package/dist/Components/Atoms/Textarea/Textarea.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("../Box/Box.js"),s=require("../Typography/Typography.js"),i=require("../SystemIcon/SystemIcon.js");module.exports=function(o){var n=o.isError,n=void 0!==n&&n,d=o.size,d=void 0===d?"md":d,l=o.resize,l=void 0!==l&&l,x=o.isLengthVisible,x=void 0!==x&&x,g=o.supportText,c=o.maxLength,h=o.value,m=o.disabled,y=o.name,u=o.onChange,o=e.__rest(o,["isError","size","resize","isLengthVisible","supportText","maxLength","value","disabled","name","onChange"]);return r.jsxs(a,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-1",children:[r.jsxs(a,{className:"relative h-fit w-full",children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:t.twMerge("box-border h-auto w-full content-stretch rounded-lg border border-w-gray-200 px-4 py-2.5 font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300",l?"resize-y":"resize-none","sm"===d?"min-h-[120px]":"md"===d?"min-h-[240px]":"lg"===d?"min-h-[360px]":void 0,m?"bg-w-gray-10 text-gray-300 border-w-gray-200 placeholder:text-w-gray-300 hover:border-w-gray-200 focus:border-w-gray-200 active:border-w-gray-200 resize-none placeholder:text-w-gray-200":n?"border-w-red-500 hover:border-w-red-500 focus:border-w-red-500 active:border-w-red-500":"hover:border-primary-500 focus:border-primary-500 active:border-primary-500"),name:y,value:h,disabled:m,onChange:u},o)),l&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-2.5 right-1 text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),(g||x)&&r.jsxs(a,{className:t.twMerge("flex w-full select-none justify-between px-4 text-w-gray-400",n&&"text-w-red-500",m&&"text-w-gray-400"),"data-testid":"design-system-textarea--support-container",children:[r.jsx(s,{variant:"body2",className:t.twMerge(g?"visible":"invisible"),"data-testid":"design-system-textarea--support-text",children:g}),x&&r.jsx(s,{variant:"body2","data-testid":"design-system-textarea--length-count",children:"".concat((null==h?void 0:h.toString().length)||0,"/").concat(c)})]})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("../Box/Box.js"),s=require("../Typography/Typography.js"),i=require("../SystemIcon/SystemIcon.js");module.exports=function(o){var n=o.isError,n=void 0!==n&&n,d=o.size,d=void 0===d?"md":d,l=o.resize,l=void 0!==l&&l,x=o.isLengthVisible,x=void 0!==x&&x,g=o.supportText,c=o.maxLength,h=o.value,m=o.disabled,y=o.name,u=o.onChange,o=e.__rest(o,["isError","size","resize","isLengthVisible","supportText","maxLength","value","disabled","name","onChange"]);return r.jsxs(a,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-1",children:[r.jsxs(a,{className:"relative h-fit w-full",children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:t.twMerge("box-border h-auto w-full content-stretch rounded-lg border border-w-gray-200 px-4 py-2.5 font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300",l?"resize-y":"resize-none","sm"===d?"min-h-[120px]":"md"===d?"min-h-[240px]":"lg"===d?"min-h-[360px]":void 0,m?"bg-w-gray-10 text-gray-300 border-w-gray-200 placeholder:text-w-gray-300 hover:border-w-gray-200 focus:border-w-gray-200 active:border-w-gray-200 resize-none placeholder:text-w-gray-200":n?"border-w-red-500 hover:border-w-red-500 focus:border-w-red-500 active:border-w-red-500":"hover:border-primary-500 focus:border-primary-500 active:border-primary-500"),name:y,value:h,disabled:m,onChange:u,maxLength:c},o)),l&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-2.5 right-1 text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),(g||x)&&r.jsxs(a,{className:t.twMerge("flex w-full select-none justify-between px-4 text-w-gray-400",n&&"text-w-red-500",m&&"text-w-gray-400"),"data-testid":"design-system-textarea--support-container",children:[r.jsx(s,{variant:"body2",className:t.twMerge(g?"visible":"invisible"),"data-testid":"design-system-textarea--support-text",children:g}),x&&r.jsx(s,{variant:"body2","data-testid":"design-system-textarea--length-count",children:"".concat((null==h?void 0:h.toString().length)||0,"/").concat(c)})]})]})};

package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.d.ts

@@ -7,10 +7,11 @@ export interface ItemProps extends ComponentProps<'li'> {
     leadingIcon?: SystemIconName;
     iconUrl?: string;
     isInputItem?: boolean;
+    isFocused?: boolean;
 }
 declare const AutoCompleteList: {
     Root: ({ children, className, hasIndexBar, onIndexClick, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ text, count, leadingIcon, iconUrl, isInputItem, className, ...rest }: ItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ text, count, leadingIcon, iconUrl, isInputItem, isFocused, className, ...rest }: ItemProps) => import("react/jsx-runtime").JSX.Element;
     Divider: () => import("react/jsx-runtime").JSX.Element;
 };
 export default AutoCompleteList;

package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("react"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),require("./AutoCompleteList.parts.js")),a={Root:function(i){var o=i.children,l=i.className,a=i.hasIndexBar,a=void 0!==a&&a,c=i.onIndexClick,i=e.__rest(i,["children","className","hasIndexBar","onIndexClick"]),u=s.useRef(null),d=s.useState(!1),m=d[0],x=d[1];return s.useLayoutEffect(function(){var e,t=u.current;t&&(e=t.scrollHeight,t=t.clientHeight,x(t<e))},[]),t.jsxs("div",e.__assign({className:r.twMerge("flex max-h-[436px] w-full rounded-xl border shadow-graymedium",l)},i,{children:[a&&t.jsx(n.IndexBar,{onIndexClick:c}),t.jsx("ul",{ref:u,"data-testid":"design-system-autoCompleteList",className:r.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",a?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:o})]}))},Item:function(s){var o=s.text,l=s.count,a=s.leadingIcon,c=s.iconUrl,u=s.isInputItem,u=void 0!==u&&u,d=s.className,s=e.__rest(s,["text","count","leadingIcon","iconUrl","isInputItem","className"]);return t.jsxs("li",e.__assign({className:r.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",d)},s,{"data-testid":"design-system-list-item",children:[a&&t.jsx(i,{name:a,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),c&&t.jsx(n.Icon,{iconUrl:c}),t.jsx(n.TextSection,{text:o,isInputItem:u}),l&&t.jsx(n.CountSection,{count:l})]}))},Divider:function(){return t.jsx(o,{className:"my-2"})}};module.exports=a;
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("react"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),require("./AutoCompleteList.parts.js")),a={Root:function(i){var o=i.children,l=i.className,a=i.hasIndexBar,a=void 0!==a&&a,c=i.onIndexClick,i=e.__rest(i,["children","className","hasIndexBar","onIndexClick"]),u=r.useRef(null),d=r.useState(!1),m=d[0],x=d[1];return r.useLayoutEffect(function(){var e,t=u.current;t&&(e=t.scrollHeight,t=t.clientHeight,x(t<e))},[]),t.jsxs("div",e.__assign({className:s.twMerge("flex max-h-[436px] w-full rounded-xl border shadow-graymedium",l)},i,{children:[a&&t.jsx(n.IndexBar,{onIndexClick:c}),t.jsx("ul",{ref:u,"data-testid":"design-system-autoCompleteList",className:s.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",a?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:o})]}))},Item:function(r){var o=r.text,l=r.count,a=r.leadingIcon,c=r.iconUrl,u=r.isInputItem,u=void 0!==u&&u,d=r.isFocused,d=void 0!==d&&d,m=r.className,r=e.__rest(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","className"]);return t.jsxs("li",e.__assign({className:s.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",d&&"bg-primary-10",m)},r,{"data-testid":"design-system-list-item",children:[a&&t.jsx(i,{name:a,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),c&&t.jsx(n.Icon,{iconUrl:c}),t.jsx(n.TextSection,{text:o,isInputItem:u}),l&&t.jsx(n.CountSection,{count:l})]}))},Divider:function(){return t.jsx(o,{className:"my-2"})}};module.exports=a;

package/dist/Components/Molecules/List/List.d.ts

@@ -9,9 +9,10 @@ export interface ItemProps extends ComponentProps<'li'> {
     selected?: boolean;
     disabled?: boolean;
     canceled?: boolean;
+    isFocused?: boolean;
 }
 declare const List: {
     Root: ({ children, className, disableScroll, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ leadingIcon, text, selected, disabled, canceled, children, className, ...rest }: PropsWithChildren<ItemProps>) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ leadingIcon, text, selected, disabled, canceled, children, className, isFocused, ...rest }: PropsWithChildren<ItemProps>) => import("react/jsx-runtime").JSX.Element;
 };
 export default List;

package/dist/Components/Molecules/List/List.js

@@ -1,2 +1,2 @@
 'use client';
-"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),l=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),a=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),{Root:function(i){var l=i.children,a=i.className,o=i.disableScroll,o=void 0!==o&&o,i=e.__rest(i,["children","className","disableScroll"]),d=r.useRef(null),n=r.useState(!1),c=n[0],m=n[1];return r.useLayoutEffect(function(){var e,t=d.current;t&&(e=t.scrollHeight,t=t.clientHeight,m(t<e))},[]),t.jsx("ul",e.__assign({ref:d,"data-testid":"design-system-list",className:s.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl border border-w-gray-200 bg-w-white p-2 shadow-graymedium",o?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",c&&!o&&"pr-0",a)},i,{children:l}))},Item:function(r){var a=r.leadingIcon,o=r.text,d=r.selected,d=void 0!==d&&d,n=r.disabled,c=void 0!==n&&n,n=r.canceled,n=void 0!==n&&n,m=r.children,u=r.className,x=e.__rest(r,["leadingIcon","text","selected","disabled","canceled","children","className"]),r=s.twMerge(d?"text-primary-500":"text-w-gray-600",n&&"text-w-red-500",c&&"text-w-gray-300");return t.jsxs("li",e.__assign({className:s.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!c&&"hover:bg-primary-10",u)},x,{onClick:function(e){var t;c||null==(t=x.onClick)||t.call(x,e)},"data-testid":"design-system-list-item",children:[a&&t.jsx(l,{name:a,className:r,testId:"design-system-list-item-leading-icon"}),o&&t.jsx(i,{variant:"body1",className:r,"data-testid":"design-system-list-item-text",children:o}),m]}))}});module.exports=a;
+"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),l=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),a=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),{Root:function(i){var l=i.children,a=i.className,o=i.disableScroll,o=void 0!==o&&o,i=e.__rest(i,["children","className","disableScroll"]),d=t.useRef(null),c=t.useState(!1),n=c[0],u=c[1];return t.useLayoutEffect(function(){var e,s=d.current;s&&(e=s.scrollHeight,s=s.clientHeight,u(s<e))},[]),s.jsx("ul",e.__assign({ref:d,"data-testid":"design-system-list",className:r.twMerge("flex max-h-60 w-full min-w-[220px] flex-col rounded-xl border border-w-gray-200 bg-w-white p-2 shadow-graymedium",o?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",n&&!o&&"pr-0",a)},i,{children:l}))},Item:function(t){var a=t.leadingIcon,o=t.text,d=t.selected,d=void 0!==d&&d,c=t.disabled,n=void 0!==c&&c,c=t.canceled,c=void 0!==c&&c,u=t.children,m=t.className,x=t.isFocused,x=void 0!==x&&x,g=e.__rest(t,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]),t=r.twMerge(d?"text-primary-500":"text-w-gray-600",c&&"text-w-red-500",n&&"text-w-gray-300");return s.jsxs("li",e.__assign({className:r.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!n&&x&&"bg-primary-10",!n&&"hover:bg-primary-10",m)},g,{onClick:function(e){var s;n||null==(s=g.onClick)||s.call(g,e)},"data-testid":"design-system-list-item",children:[a&&s.jsx(l,{name:a,className:t,testId:"design-system-list-item-leading-icon"}),o&&s.jsx(i,{variant:"body1",className:t,"data-testid":"design-system-list-item-text",children:o}),u]}))}});module.exports=a;

package/dist/Components/Organisms/Autocomplete/Autocomplete.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),i=require("tailwind-merge"),o=require("@wishket/yogokit"),l=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),n=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/InputChip/InputChip.js")),s=require("../../Molecules/AutoCompleteList/AutoCompleteList.js"),u=require("./Autocomplete.utils.js"),c=require("./Autocomplete.parts.js");module.exports=function(d){function m(){w(!1)}var p=d.skillItems,x=d.legacySkillItems,h=d.selectedItems,g=d.onChipDelete,f=d.value,j=d.onValueChange,y=d.placeholder,v=d.onSkillItemClick,C=d.onLegacySkillItemClick,I=d.onInputItemClick,k=d.supportingText,q=d.hasIndexBar,q=void 0!==q&&q,A=d.error,d=d.leadingIcon,_=void 0===d?"medium_plus":d,d=r.useState(!1),b=d[0],w=d[1],d=r.useRef(null),S=r.useRef(null),M=r.useState([]),L=M[0],N=M[1],B=u.getSortedSkillItems(p),M=u.getSortedSkillItems(x);return o.useClickOutside(d,m),t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"flex w-full flex-col gap-3",ref:d,children:[t.jsxs(a,{className:"relative",children:[t.jsxs(a,{"data-testid":"design-system-autocomplete-chip-input-box",className:i.twMerge("flex w-full flex-wrap gap-3 rounded-xl border border-gray-200 px-4 py-2.5 transition-all duration-300 hover:border-primary-500",b&&"border-primary-500",A&&"border-w-red-500"),children:[h.map(function(e){return t.jsx(n,{onDelete:function(){return g(e)},children:e},e)}),t.jsx("input",{"data-testid":"design-system-autocomplete-input",className:"flex-auto text-w-gray-600 outline-none placeholder:text-w-gray-300",value:f,onChange:function(e){j(e.target.value)},placeholder:y,onClick:function(e){b||w(!b)}})]}),b&&t.jsx(a,{"data-testid":"design-system-autocomplete-list",ref:S,className:"absolute -bottom-1 z-40 w-full translate-y-full transform transition-all",onMouseLeave:function(){0<L.length&&(m(),N([]))},children:t.jsx(s.Root,{hasIndexBar:q,onIndexClick:function(t){var e=B.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&S.current&&(e=S.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsxs(c.WithDivider,{children:[0<p.length&&t.jsx(a,{children:B.map(function(r,i){var l=r.iconUrl,o=r.value;return t.jsx(s.Item,{id:"item-".concat(o.replace(/ /g,"_"),"-").concat(i),leadingIcon:_,iconUrl:l,text:o,onClick:function(t){var r;v(r={iconUrl:l,value:o}),N(e.__spreadArray(e.__spreadArray([],L,!0),[r],!1))}},o)})}),0<x.length&&t.jsx(a,{children:M.map(function(r,i){var l=r.value,o=r.count;return t.jsx(s.Item,{text:l,count:o,onClick:function(t){var r;C(r={value:l,count:o}),N(e.__spreadArray(e.__spreadArray([],L,!0),[r],!1))}},"".concat(l,"-").concat(i))})}),f&&t.jsx(s.Item,{text:f,isInputItem:!0,onClick:function(t){I(f),j(""),N(e.__spreadArray(e.__spreadArray([],L,!0),[f],!1))}})]})})})]}),k&&t.jsx(l,{variant:"body2",className:i.twMerge("ml-4 text-w-gray-400",A&&"text-w-red-500"),children:k})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("tailwind-merge"),l=require("@wishket/yogokit"),i=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/InputChip/InputChip.js")),s=require("../../Molecules/AutoCompleteList/AutoCompleteList.js"),u=require("./Autocomplete.utils.js"),c=require("./Autocomplete.parts.js");module.exports=function(d){function p(){M(!1)}function m(t){I(t),B(e.__spreadArray(e.__spreadArray([],R,!0),[t],!1))}function x(t){C(t),B(e.__spreadArray(e.__spreadArray([],R,!0),[t],!1))}function f(){_(v),k(""),B(e.__spreadArray(e.__spreadArray([],R,!0),[v],!1))}var h=d.skillItems,y=d.legacySkillItems,g=d.selectedItems,j=d.onChipDelete,v=d.value,k=d.onValueChange,A=d.placeholder,I=d.onSkillItemClick,C=d.onLegacySkillItemClick,_=d.onInputItemClick,q=d.supportingText,w=d.hasIndexBar,w=void 0!==w&&w,b=d.error,d=d.leadingIcon,S=void 0===d?"medium_plus":d,d=r.useState(!1),D=d[0],M=d[1],d=r.useRef(null),F=r.useRef(null),L=r.useRef(null),N=r.useState([]),R=N[0],B=N[1],N=r.useState(-1),T=N[0],U=N[1],V=u.getSortedSkillItems(h),N=u.getSortedSkillItems(y),E=(l.useClickOutside(d,p),e.__spreadArray(e.__spreadArray(e.__spreadArray([],V.map(function(e){return{type:"static_skill",item:e}}),!0),N.map(function(e){return{type:"legacy",item:e}}),!0),v?[{type:"input",item:v}]:[],!0));return t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"flex w-full flex-col gap-3",ref:d,onKeyDown:function(e){if(D)switch(e.key){case"ArrowDown":e.preventDefault(),U(function(e){var e=e<E.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(),U(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<=T&&T<E.length&&(t=(r=E[T]).type,r=r.item,"static_skill"===t?m(r):"legacy"===t?x(r):"input"===t&&f());break;case"Escape":e.preventDefault(),p()}},children:[t.jsxs(a,{className:"relative",children:[t.jsxs(a,{"data-testid":"design-system-autocomplete-chip-input-box",className:n.twMerge("flex w-full flex-wrap gap-3 rounded-xl border border-gray-200 px-4 py-2.5 transition-all duration-300 hover:border-primary-500",D&&"border-primary-500",b&&"border-w-red-500"),children:[g.map(function(e){return t.jsx(o,{onDelete:function(){return j(e)},children:e},e)}),t.jsx("input",{"data-testid":"design-system-autocomplete-input",className:"flex-auto text-w-gray-600 outline-none placeholder:text-w-gray-300",value:v,onChange:function(e){k(e.target.value)},placeholder:A,onClick:function(e){D||M(!D)}})]}),D&&t.jsx(a,{"data-testid":"design-system-autocomplete-list",ref:F,className:"absolute -bottom-1 z-40 w-full translate-y-full transform transition-all",onMouseLeave:function(){0<R.length&&(p(),B([]))},children:t.jsx(s.Root,{hasIndexBar:w,onIndexClick:function(t){var e=V.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&F.current&&(e=F.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:V.map(function(e,r){return t.jsx(s.Item,{id:"item-".concat(e.value.replace(/ /g,"_"),"-").concat(r),leadingIcon:S,iconUrl:e.iconUrl,text:e.value,onClick:function(){return m(e)},isFocused:T===r},e.value)})}),0<y.length&&t.jsx(t.Fragment,{children:N.map(function(e,r){return t.jsx(s.Item,{text:e.value,count:e.count,onClick:function(){return x(e)},isFocused:T===V.length+r},"".concat(e.value,"-").concat(r))})}),v&&t.jsx(s.Item,{text:v,isInputItem:!0,onClick:f,isFocused:T===E.length-1})]})})})})]}),q&&t.jsx(i,{variant:"body2",className:n.twMerge("ml-4 text-w-gray-400",b&&"text-w-red-500"),children:q})]})};

package/dist/Components/Organisms/TextFieldDropdown/TextFieldDropdown.js

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

package/package.json

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