@wishket/design-system 1.1.10 → 1.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/Atoms/Avatar/Avatar.js +1 -1
- package/dist/Components/Atoms/Checkbox/Checkbox.js +1 -1
- package/dist/Components/Atoms/ProductIcon/Icons/Write.d.ts +3 -0
- package/dist/Components/Atoms/ProductIcon/Icons/Write.js +1 -0
- package/dist/Components/Atoms/ProductIcon/Icons/index.d.ts +1 -0
- package/dist/Components/Atoms/ProductIcon/ProductIcon.constants.js +1 -1
- package/dist/Components/Atoms/TextField/TextField.js +1 -1
- package/dist/Components/Atoms/TextField/parts/SupportContainer.js +1 -1
- package/dist/Components/Atoms/Textarea/Textarea.js +1 -1
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.d.ts +2 -1
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.js +1 -1
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.parts.js +1 -1
- package/dist/Components/Molecules/List/List.d.ts +2 -1
- package/dist/Components/Molecules/List/List.js +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.d.ts +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.js +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.types.d.ts +4 -2
- package/dist/Components/Organisms/Autocomplete/Autocomplete.js +1 -1
- package/dist/Components/Organisms/TextFieldDropdown/TextFieldDropdown.js +1 -1
- package/package.json +1 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react"),i=require("../Box/Box.js"),a=require("../SystemIcon/SystemIcon.js"),s=require("../Typography/Typography.js");module.exports=function(n){function l(e,t){return{sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}}[e][t]}function o(){return f(!0)}var d=n.size,c=void 0===d?"md":d,d=n.name,u=n.imgUrl,m=n.isEditable,m=void 0!==m&&m,n=n.onClick,g=r.useState(!1),h=g[0],f=g[1],x=null==d?void 0:d.slice(0,1),y=!u&&d;return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",m&&"cursor-pointer"),onClick:n,children:[e.jsx(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(l(c,"container"),"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",y&&"bg-primary"),children:e.jsx(function(){return u&&!h?e.jsx("img",{src:u,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:o}):y?e.jsx(s,{variant:l(c,"char"),className:"cursor-default select-none text-w-white",children:x}):e.jsx(a,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})},{})}),!y&&m&&e.jsx(i,{className:t.twMerge("absolute
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react"),i=require("../Box/Box.js"),a=require("../SystemIcon/SystemIcon.js"),s=require("../Typography/Typography.js");module.exports=function(n){function l(e,t){return{sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}}[e][t]}function o(){return f(!0)}var d=n.size,c=void 0===d?"md":d,d=n.name,u=n.imgUrl,m=n.isEditable,m=void 0!==m&&m,n=n.onClick,g=r.useState(!1),h=g[0],f=g[1],x=null==d?void 0:d.slice(0,1),y=!u&&d;return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",m&&"cursor-pointer"),onClick:n,children:[e.jsx(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(l(c,"container"),"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",y&&"bg-primary"),children:e.jsx(function(){return u&&!h?e.jsx("img",{src:u,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:o}):y?e.jsx(s,{variant:l(c,"char"),className:"cursor-default select-none text-w-white",children:x}):e.jsx(a,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})},{})}),!y&&m&&e.jsx(i,{className:t.twMerge("absolute -right-0.5 bottom-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",l(c,"editButton")),"data-testid":"design-system-avatar--edit-button",children:e.jsx(a,{name:"small_camera",solid:!0,className:t.twJoin("md"===c&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),o=require("tailwind-merge"),i=function(e){e=e.checked;return r.jsxs("div",{className:"relative
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),o=require("tailwind-merge"),i=function(e){e=e.checked;return r.jsxs("div",{className:"relative h-full w-full cursor-pointer bg-transparent",children:[r.jsx("div",{className:o.twMerge("absolute left-[3.2px] top-[5.45px] h-[2px] origin-top-left rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[5.65px]":"w-0")}),r.jsx("div",{className:o.twMerge("absolute left-[4.5px] top-[8.95px] h-[2px] origin-top-left -rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[8.3px] delay-100":"w-0 delay-0")})]})},t=function(e){var a=e.type,s=e.disabled,t=e.checked,t=void 0!==t&&t,d=e.isError,c=e.isHover,l=e.isFocused,e=e.className;return r.jsx("div",{className:o.twMerge("relative m-px box-border size-4 cursor-pointer border","circle"===a?"rounded-full":"rounded",s&&!t?"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":s&&t&&!d?"bg-primary-100 border-primary-100 cursor-not-allowed":s&&t&&d?"bg-w-gray-200 border-w-gray-200 cursor-not-allowed":t&&l&&!d?"bg-primary-500 border-primary-500":t||!l||d?!t||s||d?t||s||!d?t&&!s&&d?"border-w-red-500 bg-w-red-500":!c||s||t||d?"hover:border-primary-500 border-w-gray-200 bg-white":"border-primary-500":"border-w-red-500 bg-w-white":"bg-primary-500 border-primary-500":"border-primary-500",e),role:"checkbox-button",children:r.jsx(i,{checked:t})})},s=a.forwardRef(function(o,i){var s=o.checked,d=void 0!==s&&s,c=o.onChange,s=o.disabled,l=void 0!==s&&s,s=o.isError,s=void 0!==s&&s,n=o.isHover,n=void 0!==n&&n,u=o.type,u=void 0===u?"box":u,b=o.className,o=e.__rest(o,["checked","onChange","disabled","isError","isHover","type","className"]),p=a.useState(d),h=p[0],g=p[1],p=a.useState(!1),w=p[0],x=p[1],p=(a.useEffect(function(){g(d)},[d]),a.useCallback(function(e){l||c&&(c(e),g(e.target.checked),e.target.checked||x(!1))},[c,l]));return r.jsxs("label",{"data-testid":"design-system-checkbox",className:"flex size-fit",children:[r.jsx("input",e.__assign({ref:i,className:"absolute h-0 w-0 opacity-0",type:"checkbox",checked:h,onChange:p,onFocus:function(){x(!0)},onBlur:function(){x(!1)},disabled:l},o)),r.jsx(t,{checked:h,disabled:l,isError:s,isHover:n,isFocused:w,type:u,className:b})]})});s.displayName="Checkbox",module.exports=s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(){return e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"40",height:"40",viewBox:"0 0 40 40",fill:"none",className:"text-primary",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.1349 27.4924H9.32031C7.48632 27.4924 6 25.995 6 24.1477V5.34573C6 3.49737 7.48632 2 9.32031 2H24.4869C26.3197 2 27.806 3.49737 27.806 5.34573V14.7462",fill:"white"}),e.jsx("path",{d:"M15.1349 27.4924H9.32031C7.48632 27.4924 6 25.995 6 24.1477V5.34573C6 3.49737 7.48632 2 9.32031 2H24.4869C26.3197 2 27.806 3.49737 27.806 5.34573V14.7462",stroke:"#212121",strokeWidth:"1.4",strokeLinecap:"square",strokeLinejoin:"round"}),e.jsx("path",{d:"M21.8847 8.78766H11.9214",stroke:"#212121",strokeWidth:"1.4"}),e.jsx("path",{d:"M21.8847 14.2053H11.9214",stroke:"#212121",strokeWidth:"1.4"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M33.1356 17.305C26.4297 18.0509 21.7023 21.6711 19.0855 28.0656C18.5255 29.4302 18.0729 30.9197 17.7392 32.4913L17.5957 33.1663H18.3109L23.4593 33.1652C28.3476 32.8513 29.7756 28.7867 30.163 27.0542L30.3613 26.1677L29.449 26.3894C28.9858 26.503 28.5728 26.5626 28.1726 26.5772L25.4508 26.5784C25.333 26.5784 25.2373 26.4704 25.2373 26.3376C25.2373 26.2049 25.333 26.0969 25.4508 26.0969H28.1656C33.7073 25.8955 33.7854 19.3368 33.7854 19.0578V17.233L33.1356 17.305Z",fill:"currentColor"}),e.jsx("path",{d:"M16.9038 38C16.9038 38 16.5037 18.2462 34.0001 16.9851V19.0573C34.0001 19.0573 34.0001 26.1257 28.1446 26.3372H25.4508",stroke:"#212121",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"}),e.jsx("path",{d:"M30.5582 25.9433C30.5582 25.9433 30.0752 32.9813 23.4205 33.4054H20.7279H17.3411",stroke:"#212121",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})]})};
|
|
@@ -62,3 +62,4 @@ export { default as PaperClipClock } from './PaperClipClock';
|
|
|
62
62
|
export { default as PaperPen } from './PaperPen';
|
|
63
63
|
export { default as Public } from './Public';
|
|
64
64
|
export { default as BubblePerson } from './BubblePerson';
|
|
65
|
+
export { default as Write } from './Write';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("./Icons/WebDevelopment.js"),s=require("./Icons/WebDomain.js"),i=require("./Icons/WebSecurity.js"),o=require("./Icons/WebPayment.js"),c=require("./Icons/WidePaperStructure.js"),u=require("./Icons/WidePaperPlan.js"),t=require("./Icons/WidePaperPayment.js"),a=require("./Icons/WidePaperConfirm.js"),_=require("./Icons/PaperProject.js"),p=require("./Icons/PaperContract.js"),j=require("./Icons/PaperCertify.js"),f=require("./Icons/PaperSecurity.js"),g=require("./Icons/PaperClock.js"),l=require("./Icons/PaperConfirm.js"),m=require("./Icons/PaperClip.js"),d=require("./Icons/PaperOverlap.js"),x=require("./Icons/PaperHold.js"),I=require("./Icons/MemoWrite.js"),q=require("./Icons/Receipt.js"),b=require("./Icons/DocumentSuccess.js"),h=require("./Icons/DocumentCloud.js"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),n=require("./Icons/WebDevelopment.js"),s=require("./Icons/WebDomain.js"),i=require("./Icons/WebSecurity.js"),o=require("./Icons/WebPayment.js"),c=require("./Icons/WidePaperStructure.js"),u=require("./Icons/WidePaperPlan.js"),t=require("./Icons/WidePaperPayment.js"),a=require("./Icons/WidePaperConfirm.js"),_=require("./Icons/PaperProject.js"),p=require("./Icons/PaperContract.js"),j=require("./Icons/PaperCertify.js"),f=require("./Icons/PaperSecurity.js"),g=require("./Icons/PaperClock.js"),l=require("./Icons/PaperConfirm.js"),m=require("./Icons/PaperClip.js"),d=require("./Icons/PaperOverlap.js"),x=require("./Icons/PaperHold.js"),I=require("./Icons/MemoWrite.js"),q=require("./Icons/Receipt.js"),b=require("./Icons/DocumentSuccess.js"),h=require("./Icons/DocumentCloud.js"),w=require("./Icons/PersonFreelancer.js"),P=require("./Icons/PersonOffice.js"),k=require("./Icons/PersonSmile.js"),C=require("./Icons/Building.js"),y=require("./Icons/HandShake.js"),S=require("./Icons/HandThumb.js"),v=require("./Icons/Search.js"),W=require("./Icons/SearchConfirm.js"),D=require("./Icons/Design.js"),B=require("./Icons/Repair.js"),M=require("./Icons/CardConfirm.js"),H=require("./Icons/CardWrite.js"),L=require("./Icons/Bookmark.js"),N=require("./Icons/Idea.js"),O=require("./Icons/MobileConfirm.js"),R=require("./Icons/Database.js"),A=require("./Icons/Email.js"),E=require("./Icons/Credit.js"),F=require("./Icons/ShieldConfirm.js"),T=require("./Icons/ShieldWon.js"),z=require("./Icons/Shopping.js"),G=require("./Icons/BubbleStar.js"),J=require("./Icons/BubbleStars.js"),K=require("./Icons/Calendar.js"),Q=require("./Icons/Lock.js"),U=require("./Icons/Logout.js"),V=require("./Icons/Congrats.js"),X=require("./Icons/Discount.js"),Y=require("./Icons/PersonOfficeConfirm.js"),Z=require("./Icons/PaperPaymentConfirm.js"),$=require("./Icons/Won.js"),ee=require("./Icons/Connect.js"),re=require("./Icons/Security.js"),ne=require("./Icons/Service.js"),se=require("./Icons/Download.js"),ie=require("./Icons/Waiting.js"),oe=require("./Icons/Achieve.js"),ce=require("./Icons/ContractPen.js"),ue=require("./Icons/Package.js"),te=require("./Icons/PaperClipClock.js"),ae=require("./Icons/PaperPen.js"),_e=require("./Icons/Public.js"),pe=require("./Icons/BubblePerson.js"),je=require("./Icons/Write.js"),fe=new Map([["web_development",function(s){return r.jsx(n,e.__assign({},s))}],["web_domain",function(n){return r.jsx(s,e.__assign({},n))}],["web_security",function(n){return r.jsx(i,e.__assign({},n))}],["web_payment",function(n){return r.jsx(o,e.__assign({},n))}],["wide_paper_structure",function(n){return r.jsx(c,e.__assign({},n))}],["wide_paper_plan",function(n){return r.jsx(u,e.__assign({},n))}],["wide_paper_payment",function(n){return r.jsx(t,e.__assign({},n))}],["wide_paper_confirm",function(n){return r.jsx(a,e.__assign({},n))}],["paper_project",function(n){return r.jsx(_,e.__assign({},n))}],["paper_contract",function(n){return r.jsx(p,e.__assign({},n))}],["paper_certify",function(n){return r.jsx(j,e.__assign({},n))}],["paper_security",function(n){return r.jsx(f,e.__assign({},n))}],["paper_clock",function(n){return r.jsx(g,e.__assign({},n))}],["paper_confirm",function(n){return r.jsx(l,e.__assign({},n))}],["paper_clip",function(n){return r.jsx(m,e.__assign({},n))}],["paper_overlap",function(n){return r.jsx(d,e.__assign({},n))}],["paper_hold",function(n){return r.jsx(x,e.__assign({},n))}],["memo_write",function(n){return r.jsx(I,e.__assign({},n))}],["receipt",function(n){return r.jsx(q,e.__assign({},n))}],["document_success",function(n){return r.jsx(b,e.__assign({},n))}],["document_cloud",function(n){return r.jsx(h,e.__assign({},n))}],["person_freelancer",function(n){return r.jsx(w,e.__assign({},n))}],["person_office",function(n){return r.jsx(P,e.__assign({},n))}],["person_smile",function(n){return r.jsx(k,e.__assign({},n))}],["building",function(n){return r.jsx(C,e.__assign({},n))}],["hand_shake",function(n){return r.jsx(y,e.__assign({},n))}],["hand_thumb",function(n){return r.jsx(S,e.__assign({},n))}],["search",function(n){return r.jsx(v,e.__assign({},n))}],["search_confirm",function(n){return r.jsx(W,e.__assign({},n))}],["design",function(n){return r.jsx(D,e.__assign({},n))}],["repair",function(n){return r.jsx(B,e.__assign({},n))}],["card_confirm",function(n){return r.jsx(M,e.__assign({},n))}],["card_write",function(n){return r.jsx(H,e.__assign({},n))}],["bookmark",function(n){return r.jsx(L,e.__assign({},n))}],["idea",function(n){return r.jsx(N,e.__assign({},n))}],["mobile_confirm",function(n){return r.jsx(O,e.__assign({},n))}],["database",function(n){return r.jsx(R,e.__assign({},n))}],["email",function(n){return r.jsx(A,e.__assign({},n))}],["credit",function(n){return r.jsx(E,e.__assign({},n))}],["shield_confirm",function(n){return r.jsx(F,e.__assign({},n))}],["shield_won",function(n){return r.jsx(T,e.__assign({},n))}],["shopping",function(n){return r.jsx(z,e.__assign({},n))}],["bubble_star",function(n){return r.jsx(G,e.__assign({},n))}],["bubble_stars",function(n){return r.jsx(J,e.__assign({},n))}],["calendar",function(n){return r.jsx(K,e.__assign({},n))}],["lock",function(n){return r.jsx(Q,e.__assign({},n))}],["logout",function(n){return r.jsx(U,e.__assign({},n))}],["congrats",function(n){return r.jsx(V,e.__assign({},n))}],["discount",function(n){return r.jsx(X,e.__assign({},n))}],["person_office_confirm",function(){return r.jsx(Y,{})}],["paper_payment_confirm",function(){return r.jsx(Z,{})}],["won",function(n){return r.jsx($,e.__assign({},n))}],["connect",function(){return r.jsx(ee,{})}],["security",function(){return r.jsx(re,{})}],["service",function(){return r.jsx(ne,{})}],["download",function(){return r.jsx(se,{})}],["waiting",function(){return r.jsx(ie,{})}],["achieve",function(n){return r.jsx(oe,e.__assign({},n))}],["contract_pen",function(n){return r.jsx(ce,e.__assign({},n))}],["package",function(n){return r.jsx(ue,e.__assign({},n))}],["paper_clip_clock",function(n){return r.jsx(te,e.__assign({},n))}],["paper_pen",function(n){return r.jsx(ae,e.__assign({},n))}],["public",function(n){return r.jsx(_e,e.__assign({},n))}],["bubble_person",function(){return r.jsx(pe,{})}],["write",function(){return r.jsx(je,{})}]]);exports.LargeProductIconNames=["web_development","web_domain","web_security","web_payment","wide_paper_structure","wide_paper_plan","wide_paper_payment","wide_paper_confirm","paper_project","paper_contract","paper_certify","paper_security","paper_clock","paper_confirm","paper_clip","paper_clip_clock","paper_overlap","paper_hold","memo_write","receipt","document_success","document_cloud","person_freelancer","person_office","person_smile","building","hand_shake","hand_thumb","search","search_confirm","design","repair","card_confirm","card_write","bookmark","idea","mobile_confirm","database","email","credit","shield_confirm","shield_won","shopping","bubble_star","bubble_stars","calendar","public","lock","logout","congrats","discount","achieve"],exports.MediumProductIconNames=["person_smile","lock","logout","contract_pen","paper_pen","paper_hold","person_office_confirm","paper_payment_confirm","search","search_confirm","won","connect","security","service","package","bubble_person","write"],exports.SmallProductIconNames=["bookmark","download","waiting","search","contract_pen","paper_pen","paper_confirm","won","package"],exports.productIcons=fe;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),s=require("tailwind-merge"),t=require("./parts/LabelContainer.js"),n=require("./parts/PasswordContainer.js"),i=require("./parts/SupportContainer.js"),o=a.forwardRef(function(o,l){var d=o.type,u=o.name,g=o.value,p=o.onChange,c=o.maxLength,x=o.disabled,x=void 0!==x&&x,b=o.placeholder,h=o.lable,m=o.testId,f=o.measure,w=o.isError,v=o.endIcon,y=o.startIcon,_=o.errorMessage,j=o.supportMessage,L=o.variant,L=void 0===L?"default":L,M=o.isMaxLengthVisible,M=void 0!==M&&M,o=e.__rest(o,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible"]),I=a.useState(!1),q=I[0],C=I[1],I=a.useState(0),E=I[0],S=I[1],I=a.useState(!1),F=I[0],N=I[1],I=e.__assign({variant:L,type:d,name:u,value:g,placeholder:b,lable:h,maxLength:c,onChange:p,isFocused:q,isError:w,onFocus:function(){C(!0)},onBlur:function(){C(!1)},disabled:x},o),u=w||j||M;return a.useEffect(function(){"string"==typeof g&&c&&S(g.length)},[g,d,c]),a.useEffect(function(){var e=window.navigator.userAgent.toLowerCase().includes("mobile");N(e)},[]),r.jsxs("div",{className:"flex min-w-fit select-none flex-col gap-3","data-testid":m,children:[r.jsx("label",{role:"input-box",className:s.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl border px-4 py-
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),s=require("tailwind-merge"),t=require("./parts/LabelContainer.js"),n=require("./parts/PasswordContainer.js"),i=require("./parts/SupportContainer.js"),o=a.forwardRef(function(o,l){var d=o.type,u=o.name,g=o.value,p=o.onChange,c=o.maxLength,x=o.disabled,x=void 0!==x&&x,b=o.placeholder,h=o.lable,m=o.testId,f=o.measure,w=o.isError,v=o.endIcon,y=o.startIcon,_=o.errorMessage,j=o.supportMessage,L=o.variant,L=void 0===L?"default":L,M=o.isMaxLengthVisible,M=void 0!==M&&M,o=e.__rest(o,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible"]),I=a.useState(!1),q=I[0],C=I[1],I=a.useState(0),E=I[0],S=I[1],I=a.useState(!1),F=I[0],N=I[1],I=e.__assign({variant:L,type:d,name:u,value:g,placeholder:b,lable:h,maxLength:c,onChange:p,isFocused:q,isError:w,onFocus:function(){C(!0)},onBlur:function(){C(!1)},disabled:x},o),u=w||j||M;return a.useEffect(function(){"string"==typeof g&&c&&S(g.length)},[g,d,c]),a.useEffect(function(){var e=window.navigator.userAgent.toLowerCase().includes("mobile");N(e)},[]),r.jsxs("div",{className:"flex min-w-fit select-none flex-col gap-3","data-testid":m,children:[r.jsx("label",{role:"input-box",className:s.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl border px-4 py-[11px] text-[16px] leading-[26px] text-w-gray-600",("lable"===L||"lable_fixed"===L)&&"h-[66px] py-[11px]",x?"border-w-gray-200 hover:border-w-gray-200":w?"border-w-red-500":q?"border-primary":F?"border-w-gray-200":"border-w-gray-200 hover:border-primary",x?"bg-w-gray-10":"bg-w-white"),children:"password"===d?r.jsx(n,e.__assign({ref:l},I)):r.jsx(t,e.__assign({ref:l,measure:f,startIcon:y,endIcon:v},I))}),u&&r.jsx(i,{disabled:x,isError:w,errorMessage:_,supportMessage:j,currentLength:E,maxLength:c,isMaxLengthVisible:M})]})});o.displayName="TextField",module.exports=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var s=t.disabled,i=t.isError,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var s=t.disabled,i=t.isError,a=t.errorMessage,n=t.supportMessage,x=t.currentLength,d=t.maxLength,t=t.isMaxLengthVisible,t=d&&(void 0===t||t);return e.jsxs("div",{role:"support-container",className:r.twMerge("flex justify-between whitespace-pre-wrap px-4 text-start text-sm leading-5",i?"text-w-red-500":"text-w-gray-400",s&&"text-w-gray-400"),children:[e.jsx("div",{children:i?a:n}),t&&e.jsxs("div",{children:[x,"/",d]})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"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)})]})]})};
|
|
2
|
+
"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)})]})]})};
|
|
@@ -7,10 +7,11 @@ export interface ItemProps extends ComponentProps<'li'> {
|
|
|
7
7
|
leadingIcon?: SystemIconName;
|
|
8
8
|
iconUrl?: string;
|
|
9
9
|
isInputItem?: boolean;
|
|
10
|
+
isFocused?: boolean;
|
|
10
11
|
}
|
|
11
12
|
declare const AutoCompleteList: {
|
|
12
13
|
Root: ({ children, className, hasIndexBar, onIndexClick, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
Item: ({ text, count, leadingIcon, iconUrl, isInputItem, className, ...rest }: ItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
Item: ({ text, count, leadingIcon, iconUrl, isInputItem, isFocused, className, ...rest }: ItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
Divider: () => import("react/jsx-runtime").JSX.Element;
|
|
15
16
|
};
|
|
16
17
|
export default AutoCompleteList;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),
|
|
2
|
+
"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;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),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("@wishket/yogokit"),Array.from({length:26},function(e,r){return String.fromCharCode(65+r)}));exports.CountSection=function(t){t=t.count;return e.jsx(r,{variant:"body1",className:"text-w-gray-400",children:t})},exports.INDEXES=t,exports.Icon=function(r){r=r.iconUrl;return e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"})},exports.IndexBar=function(i){var s=i.onIndexClick;return e.jsx("ul",{className:"flex flex-col gap-0.5 rounded-l-xl bg-w-gray-10 p-[3px] text-center",children:t.map(function(t){return e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:function(){return null==s?void 0:s(t)},children:e.jsx(r,{variant:"caption2",className:"text-gray-400",children:t})},t)})})},exports.TextSection=function(t){var i=t.text,t=t.isInputItem;return e.jsx(e.Fragment,{children:t?e.jsxs(e.Fragment,{children:[e.jsxs(r,{variant:"body1",className:"text-primary-500","data-testid":"design-system-list-item-text",children:["‘",i,"’"]}),e.jsx(r,{variant:"body1",className:"text-w-gray-600",children:"입력"})]}):e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:i})})};
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),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("@wishket/yogokit"),Array.from({length:26},function(e,r){return String.fromCharCode(65+r)}));exports.CountSection=function(t){t=t.count;return e.jsx(r,{variant:"body1",className:"text-w-gray-400",children:t})},exports.INDEXES=t,exports.Icon=function(r){r=r.iconUrl;return e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"})},exports.IndexBar=function(i){var s=i.onIndexClick;return e.jsx("ul",{className:"flex flex-col gap-0.5 rounded-l-xl bg-w-gray-10 p-[3px] text-center",children:t.map(function(t){return e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:function(){return null==s?void 0:s(t)},children:e.jsx(r,{variant:"caption2",className:"text-gray-400",children:t})},t)})})},exports.TextSection=function(t){var i=t.text,t=t.isInputItem;return e.jsx(e.Fragment,{children:t?e.jsxs(e.Fragment,{children:[e.jsxs(r,{variant:"body1",className:"font-medium text-primary-500","data-testid":"design-system-list-item-text",children:["‘",i,"’"]}),e.jsx(r,{variant:"body1",className:"text-w-gray-600",children:"입력"})]}):e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:i})})};
|
|
@@ -9,9 +9,10 @@ export interface ItemProps extends ComponentProps<'li'> {
|
|
|
9
9
|
selected?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
11
11
|
canceled?: boolean;
|
|
12
|
+
isFocused?: boolean;
|
|
12
13
|
}
|
|
13
14
|
declare const List: {
|
|
14
15
|
Root: ({ children, className, disableScroll, ...rest }: RootProps) => import("react/jsx-runtime").JSX.Element;
|
|
15
|
-
Item: ({ leadingIcon, text, selected, disabled, canceled, children, className, ...rest }: PropsWithChildren<ItemProps>) => import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
Item: ({ leadingIcon, text, selected, disabled, canceled, children, className, isFocused, ...rest }: PropsWithChildren<ItemProps>) => import("react/jsx-runtime").JSX.Element;
|
|
16
17
|
};
|
|
17
18
|
export default List;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),
|
|
2
|
+
"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;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { TextButtonProps } from './TextButton.types';
|
|
2
|
-
declare const TextButton: ({ text,
|
|
2
|
+
declare const TextButton: ({ text, isTextSmall, leadingIcon, trailingIcon, ...rest }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default TextButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),module.exports=function(o){var n=o.text,
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),module.exports=function(o){var n=o.text,l=o.isTextSmall,l=void 0!==l&&l,m=o.leadingIcon,x=o.trailingIcon,o=e.__rest(o,["text","isTextSmall","leadingIcon","trailingIcon"]);return t.jsxs("button",e.__assign({"data-testid":"design-system-text-button--container",className:s.twMerge("flex min-h-6 w-fit items-center justify-center",l?"gap-x-0.5":"gap-x-1")},o,{children:[m&&t.jsx(r,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:t.jsx(a,{name:m,className:"text-primary-500"})}),t.jsx(r,{"data-testid":"design-system-text-button--text",className:"w-fit",children:t.jsx(i,{variant:l?"body2":"body1",className:"align-baseline text-primary-500",children:n})}),x&&t.jsx(r,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:t.jsx(a,{name:x,className:"text-primary-500"})})]}))};
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { ComponentProps } from 'react';
|
|
2
|
+
import { SystemIconName } from '../../Atoms';
|
|
2
3
|
export interface TextButtonProps extends ComponentProps<'button'> {
|
|
3
4
|
text: string;
|
|
4
|
-
|
|
5
|
-
|
|
5
|
+
isTextSmall?: boolean;
|
|
6
|
+
leadingIcon?: SystemIconName;
|
|
7
|
+
trailingIcon?: SystemIconName;
|
|
6
8
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"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})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
2
|
+
"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)})})})]})};
|