@wishket/design-system 1.1.13 → 1.1.14
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/TextField/parts/LabelContainer.js +1 -1
- package/dist/Components/Atoms/Textarea/Textarea.js +1 -1
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.js +1 -1
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.parts.d.ts +1 -1
- package/dist/Components/Molecules/CheckboxList/CheckboxList.js +1 -1
- package/dist/Components/Molecules/{CheckboxList → CheckboxListItem}/CheckboxListItem.d.ts +4 -4
- package/dist/Components/Molecules/CheckboxListItem/CheckboxListItem.js +2 -0
- package/dist/Components/Molecules/CheckboxListItem/index.d.ts +2 -0
- package/dist/Components/Molecules/CheckboxListItem/index.js +1 -0
- package/dist/Components/Molecules/RadioList/RadioList.js +1 -1
- package/dist/Components/Molecules/RadioList/RadioListItem.js +1 -1
- package/dist/Components/Molecules/index.d.ts +1 -0
- package/dist/Components/Organisms/Autocomplete/Autocomplete.js +1 -1
- package/dist/Components/Organisms/GNBList/GNBList.parts.js +1 -1
- package/dist/config/tailwind.config.js +4 -4
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/Components/Molecules/CheckboxList/CheckboxListItem.js +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../../_virtual/_tslib.js"),
|
|
1
|
+
"use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),n=require("tailwind-merge"),s=require("../../SystemIcon/SystemIcon.js"),t=require("./InputContainer.js"),i=a.forwardRef(function(a,i){var l=a.type,o=a.name,u=a.value,d=a.onBlur,c=a.onChange,x=a.onFocus,m=a.maxLength,g=a.placeholder,h=a.disabled,h=void 0!==h&&h,w=a.lable,v=a.measure,y=a.isError,p=a.endIcon,f=a.startIcon,j=a.isFocused,b=a.variant,b=void 0===b?"default":b,a=e.__rest(a,["type","name","value","onBlur","onChange","onFocus","maxLength","placeholder","disabled","lable","measure","isError","endIcon","startIcon","isFocused","variant"]);return r.jsxs(r.Fragment,{children:[f&&r.jsx(s,{name:f,className:n.twMerge("flex w-[16px] shrink-0 text-w-gray-600",h&&"text-w-gray-300")}),r.jsx(t,e.__assign({ref:i,variant:b,type:l,value:u,name:o,placeholder:g,lable:w,maxLength:m,onChange:c,isFocused:j,isError:y,onFocus:x,onBlur:d,disabled:h},a)),v&&r.jsx("div",{className:n.twMerge("flex w-fit shrink-0 leading-6 text-w-gray-400",h&&"text-w-gray-300"),children:v}),p&&r.jsx(s,{name:p,className:n.twMerge("flex w-[16px] shrink-0 text-w-gray-600",h&&"text-w-gray-300")})]})});i.displayName="LabelContainer",module.exports=i;
|
|
@@ -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,
|
|
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,m=o.value,h=o.disabled,p=o.name,y=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 content-stretch gap-3",children:[r.jsxs(a,{"data-testid":"design-system-textarea--container",className:t.twMerge("relative w-full overflow-hidden rounded-xl border border-w-gray-200",h?"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 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"),children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:t.twMerge("-mb-[9px] box-border h-full w-full content-stretch py-2.5 pl-4 font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none scrollbar-list placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300","sm"===d?"min-h-[120px]":"md"===d?"min-h-[240px]":"lg"===d?"min-h-[360px]":void 0,l?"resize-y":"resize-none",h&&"resize-none"),name:p,value:m,disabled:h,onChange:y,maxLength:c},o)),l&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] 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",h&&"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==m?void 0:m.toString().length)||0,"/").concat(c)})]})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
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
|
|
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))},[o]),t.jsxs("div",e.__assign({className:s.twMerge("flex max-h-[436px] w-full rounded-xl 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}),t.jsx(n.CountSection,{count:l})]}))},Divider:function(){return t.jsx(o,{className:"my-2"})}};module.exports=a;
|
|
@@ -14,7 +14,7 @@ interface TextSectionProps {
|
|
|
14
14
|
}
|
|
15
15
|
export declare const TextSection: ({ text, isInputItem }: TextSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
16
16
|
interface CountSectionProps {
|
|
17
|
-
count
|
|
17
|
+
count?: number;
|
|
18
18
|
}
|
|
19
19
|
export declare const CountSection: ({ count }: CountSectionProps) => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../CheckboxListItem/CheckboxListItem.js"),a=function(e){var s=e.children,a=e.className,e=e.testId;return t.jsx("div",{className:r.twMerge("flex w-full flex-col gap-3",a),"data-testid":e,children:s})};module.exports=function(r){var i=r.data,l=r.className,r=r.testId;return t.jsx(a,{className:l,testId:r,children:i.map(function(r,a){return t.jsx(s,e.__assign({},r),a)})})};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { ChangeEvent } from 'react';
|
|
1
|
+
import { ChangeEvent, PropsWithChildren } from 'react';
|
|
2
2
|
import { CheckboxStatus } from '../../../types';
|
|
3
|
-
interface
|
|
4
|
-
label
|
|
3
|
+
interface CheckboxListItemProps extends CheckboxStatus, PropsWithChildren {
|
|
4
|
+
label?: string;
|
|
5
5
|
description?: string;
|
|
6
6
|
onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
|
|
7
7
|
className?: string;
|
|
8
8
|
CheckboxClassName?: string;
|
|
9
9
|
}
|
|
10
|
-
declare const CheckboxListItem: ({ label, description, checked, disabled, isError, className, CheckboxClassName, onChange, }:
|
|
10
|
+
declare const CheckboxListItem: ({ label, description, checked, disabled, isError, className, CheckboxClassName, onChange, children, }: CheckboxListItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
11
|
export default CheckboxListItem;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),o=require("../../Atoms/Box/Box.js"),c=(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("@wishket/yogokit"),function(i){var t=i.children,a=i.disabled,o=i.hasDescription,c=i.className,i=e.__rest(i,["children","disabled","hasDescription","className"]);return s.jsx("label",e.__assign({className:r.twMerge("grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3 grid-areas-checkbox-list-item-container",o?"gap-y-0.5":"gap-y-0",a?"cursor-not-allowed":"cursor-pointer",c)},i,{children:t}))});module.exports=function(e){var l=e.label,n=e.description,d=e.checked,m=e.disabled,m=void 0!==m&&m,h=e.isError,h=void 0!==h&&h,u=e.className,x=e.CheckboxClassName,b=e.onChange,e=e.children,g=i.useState(!1),p=g[0],j=g[1];return s.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:m,hasDescription:!!n,className:u,onMouseOver:function(){j(!0)},onMouseOut:function(){j(!1)},children:[s.jsx(o,{className:"cursor-pointer pt-1 grid-in-checkbox",children:s.jsx(a,{checked:d,isHover:p,isError:h,disabled:m,onChange:b,className:x})}),s.jsxs(o,{className:"flex w-full items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:[l&&s.jsx(t,{variant:"body1",className:r.twJoin("w-full whitespace-normal break-words",m?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:l}),e]}),n&&s.jsx(o,{className:"flex items-center grid-in-description",children:s.jsx(t,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:n})})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./CheckboxListItem.js");module.exports=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../RadioGroup/RadioGroup.js"),i=require("./RadioListItem.js"),t=function(e){var a=e.children,i=e.className,e=e.testId;return r.jsx("div",{className:s.twMerge("flex w-
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../RadioGroup/RadioGroup.js"),i=require("./RadioListItem.js"),t=function(e){var a=e.children,i=e.className,e=e.testId;return r.jsx("div",{className:s.twMerge("flex w-full flex-col gap-3",i),"data-testid":e,children:a})};module.exports=function(s){var l=s.data,n=s.name,d=s.className,u=s.selectedValue,c=s.testId,o=s.onChange,m=s.isDisabled,s=s.isError;return r.jsx(t,{className:d,testId:c,children:r.jsx(a,{name:n,data:l,selectedValue:u,onChange:o,isDisabled:m,isError:s,children:function(s){return r.jsx(i,e.__assign({name:n},s))}})})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=require("../../Atoms/Radio/Radio.js"),l=(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"),function(s){var t=s.children,a=s.disabled,o=s.className,l=s.hasDescription,s=e.__rest(s,["children","disabled","className","hasDescription"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",a?"cursor-not-allowed":"cursor-pointer",l?"gap-y-0.5":"gap-y-0",o)},s,{children:t}))});module.exports=function(e){var d=e.name,n=e.value,c=e.label,m=e.description,u=e.isSelected,g=e.isDisabled,g=void 0!==g&&g,x=e.isError,x=void 0!==x&&x,h=e.className,p=e.RadioClassName,e=e.onChange,j=s.useState(!1),b=j[0],y=j[1];return i.jsxs(l,{"data-testid":"design-system-radioList--item",disabled:g,hasDescription:!!m,className:h,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[i.jsx(t,{className:"flex cursor-pointer pt-1 grid-in-radio",children:i.jsx(o,{name:d,value:n,isSelected:u,isHover:b,isError:x,isDisabled:g,onChange:e,className:p})}),i.jsx(t,{className:"flex w-full items-center grid-in-label",children:i.jsx(a,{variant:"body1",className:r.twMerge("w-full whitespace-normal break-words",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:c})}),m&&i.jsx(t,{className:"flex items-center grid-in-description",children:i.jsx(a,{variant:"body2",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:m})})]})};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
export { default as WithBadge } from './WithBadge';
|
|
2
2
|
export { default as GridLayout } from './GridLayout';
|
|
3
3
|
export { default as CheckboxList } from './CheckboxList';
|
|
4
|
+
export { default as CheckboxListItem } from './CheckboxListItem';
|
|
4
5
|
export { default as CheckboxCard } from './CheckboxCard';
|
|
5
6
|
export { default as RadioList } from './RadioList';
|
|
6
7
|
export { default as MessageBox } from './MessageBox';
|
|
@@ -1 +1 @@
|
|
|
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"),
|
|
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"),a=require("../../Atoms/Typography/Typography.js"),i=(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/InputChip/InputChip.js")),o=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),R(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function x(t){C(t),R(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function f(){_(k),v(""),R(e.__spreadArray(e.__spreadArray([],N,!0),[k],!1))}var h=d.skillItems,y=d.legacySkillItems,g=d.selectedItems,j=d.onChipDelete,k=d.value,v=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,S=d.leadingIcon,d=r.useState(!1),D=d[0],M=d[1],d=r.useRef(null),F=r.useRef(null),B=r.useRef(null),L=r.useState([]),N=L[0],R=L[1],L=r.useState(-1),T=L[0],U=L[1],V=u.getSortedSkillItems(h),L=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),L.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:"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=B.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=B.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()):f();break;case"Backspace":k||(e.preventDefault(),j(g[g.length-1]));break;case"Escape":e.preventDefault(),p()}},children:[t.jsxs(i,{className:"relative",children:[t.jsxs(i,{"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(s,{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:k,onChange:function(e){v(e.target.value)},placeholder:A,onClick:function(e){D||M(!D)}})]}),D&&t.jsx(i,{"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<N.length&&(p(),R([]))},children:t.jsx(o.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:B,children:t.jsxs(c.WithDivider,{children:[0<h.length&&t.jsx(t.Fragment,{children:V.map(function(e,r){return t.jsx(o.Item,{id:"item-".concat(e.value.replace(/ /g,"_")),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:L.map(function(e,r){return t.jsx(o.Item,{text:e.value,count:e.count,onClick:function(){return x(e)},isFocused:T===V.length+r},"".concat(e.value,"-").concat(r))})}),k&&t.jsx(o.Item,{text:k,isInputItem:!0,onClick:f,isFocused:T===E.length-1})]})})})})]}),q&&t.jsx(a,{variant:"body2",className:n.twMerge("ml-4 text-w-gray-400",b&&"text-w-red-500"),children:q})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),l=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),o=require("../../Atoms/Avatar/Avatar.js"),d=require("../../Atoms/NewBadge/NewBadge.js"),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),r.createContext({type:""}));exports.Item=function(l){var o=l.hasNew,o=void 0!==o&&o,c=l.children,m=l.className,l=e.__rest(l,["hasNew","children","className"]),u=r.useContext(n).type;return s.jsxs(i,e.__assign({className:t.twMerge("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===u&&"px-6",m),"data-testid":"design-system-gnb-list--".concat(u,"-item-").concat(c)},l,{children:[s.jsx(a,{variant:"body1",children:c}),o&&s.jsx(d,{className:"mt-1"})]}))},exports.List=function(e){e=e.children;return s.jsx(i,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e})},exports.Root=function(e){var a=e.type,a=void 0===a?"main":a,o=e.children,e=e.className,o=r.Children.map(o,function(e,t){return 0===t?e:s.jsxs(r.Fragment,{children:[s.jsx(l,{className:"my-2"}),e]})});return s.jsxs(n.Provider,{value:{type:a},children:["main"===a&&s.jsxs(i,{className:t.twMerge("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-main",children:[s.jsx(i,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),s.jsx(i,{className:"w-full py-[13px]",children:o})]}),"sub"===a&&s.jsx(i,{className:t.twMerge("absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-[13px] shadow-graymedium ",e),"data-testid":"design-system-gnb-list--root-sub",children:o}),"user"===a&&s.jsx(i,{className:t.twMerge("absolute flex w-full flex-col bg-w-white pb-[14px] pt-[22px] desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-user",children:o})]})},exports.SubList=function(e){e=e.children;return s.jsx(i,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e})},exports.UserInfo=function(e){var t=e.imgUrl,r=e.userId,l=e.email,n=e.children,e=e.onClick;return s.jsxs(i,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[s.jsxs(i,{className:"flex w-full items-center gap-4",children:[s.jsx(o,{size:"lg",isEditable:!0,imgUrl:t,onClick:e}),s.jsxs(i,{className:"flex w-full flex-col gap-0.5",children:[s.jsx(a,{variant:"body1",className:"font-medium text-w-gray-900",children:r}),s.jsx(a,{variant:"body2",className:"line-clamp-2 break-all text-w-gray-600",children:l})]})]}),n&&s.jsx(i,{className:"flex w-full flex-col gap-2",children:n})]})};
|
|
@@ -228,16 +228,16 @@ module.exports = {
|
|
|
228
228
|
'default-desktop': [
|
|
229
229
|
'content content content content content content content content content content content content',
|
|
230
230
|
],
|
|
231
|
-
'checkbox-list-item-container': ['checkbox label', '
|
|
232
|
-
'radio-list-item-container': ['radio label', '
|
|
231
|
+
'checkbox-list-item-container': ['checkbox label', '. description'],
|
|
232
|
+
'radio-list-item-container': ['radio label', '. description'],
|
|
233
233
|
},
|
|
234
234
|
gridTemplateRows: {
|
|
235
235
|
'checkbox-list-item-container': 'min-content min-content',
|
|
236
236
|
'radio-list-item-container': 'min-content min-content',
|
|
237
237
|
},
|
|
238
238
|
gridTemplateColumns: {
|
|
239
|
-
'checkbox-list-item-container': '18px
|
|
240
|
-
'radio-list-item-container': '18px
|
|
239
|
+
'checkbox-list-item-container': '18px minmax(0, 1fr)',
|
|
240
|
+
'radio-list-item-container': '18px minmax(0, 1fr)',
|
|
241
241
|
},
|
|
242
242
|
keyframes: {
|
|
243
243
|
rippleOutlineSmall: {
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),
|
|
1
|
+
"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),m=require("./Components/Atoms/Divider/Divider.js"),u=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),l=require("./Components/Atoms/Avatar/Avatar.js"),C=require("./Components/Atoms/Switch/Switch.js"),x=require("./Components/Atoms/SystemIcon/SystemIcon.js"),d=require("./Components/Atoms/NewBadge/NewBadge.js"),c=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),g=require("./Components/Atoms/SkillLabel/SkillLabel.js"),h=require("./Components/Atoms/ImageLabel/ImageLabel.js"),B=require("./Components/Atoms/Label/Label.js"),M=require("./Components/Atoms/ModalContext/ModalContext.js"),T=require("./Components/Atoms/BackDrop/BackDrop.js"),A=require("./Components/Atoms/ModalContainer/ModalContainer.js"),L=require("./Components/Atoms/FullModalContainer/FullModalContainer.js"),b=require("./Components/Atoms/BottomModalContainer/BottomModalContainer.js"),k=require("./Components/Atoms/SegmentedControl/SegmentedControl.js"),S=require("./Components/Molecules/WithBadge/WithBadge.js"),I=require("./Components/Molecules/GridLayout/GridLayout.js"),R=require("./Components/Molecules/CheckboxList/CheckboxList.js"),D=require("./Components/Molecules/CheckboxListItem/CheckboxListItem.js"),w=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),y=require("./Components/Molecules/RadioList/RadioList.js"),O=require("./Components/Molecules/MessageBox/MessageBox.js"),v=require("./Components/Molecules/TextButton/TextButton.js"),F=require("./Components/Molecules/InputChip/InputChip.js"),G=require("./Components/Molecules/List/List.js"),P=require("./Components/Molecules/Pagination/Pagination.js"),W=require("./Components/Molecules/Drawer/Drawer.js"),N=require("./Components/Molecules/SnackBar/SnackBar.js"),f=require("./Components/Molecules/PlainTooltip/PlainTooltip.js"),z=require("./Components/Molecules/RichTooltip/RichTooltip.js"),E=require("./Components/Molecules/RangeSlider/RangeSlider.js"),H=require("./Components/Molecules/RadioGroup/RadioGroup.js"),J=require("./Components/Molecules/Modal/Modal.js"),K=require("./Components/Molecules/RadioCard/RadioCard.js"),Q=require("./Components/Organisms/TextTab/TextTab.js"),U=require("./Components/Organisms/GNBList/GNBList.js"),V=require("./Components/Organisms/TextFieldDropdown/TextFieldDropdown.js"),X=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),Y=require("./Components/Organisms/WithSnackBar/WithSnackBar.js"),Z=require("./Components/Organisms/Autocomplete/Autocomplete.js"),$=require("./Components/Organisms/TableOfContents/TableOfContents.js"),_=require("./Components/Organisms/Dialog/Dialog.js"),ee=require("./Components/Organisms/WithRichTooltip/WithRichTooltip.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=t,exports.Box=s,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=m,exports.ServiceLogo=u,exports.Avatar=l,exports.Switch=C,exports.SystemIcon=x,exports.NewBadge=d,exports.ChoiceChip=c,exports.Textarea=j,exports.IconButton=q,exports.SkillLabel=g,exports.ImageLabel=h,exports.Label=B,exports.ModalContext=M,exports.BackDrop=T,exports.ModalContainer=A,exports.FullModalContainer=L,exports.BottomModalContainer=b,exports.SegmentedControl=k,exports.WithBadge=S,exports.GridLayout=I,exports.CheckboxList=R,exports.CheckboxListItem=D,exports.CheckboxCard=w,exports.RadioList=y,exports.MessageBox=O,exports.TextButton=v,exports.InputChip=F,exports.List=G,exports.Pagination=P,exports.Drawer=W,exports.SnackBar=N,exports.PlainTooltip=f,exports.RichTooltip=z,exports.RangeSlider=E,exports.RadioGroup=H,exports.Modal=J,exports.RadioCard=K,exports.TextTab=Q,exports.GNBList=U,exports.TextFieldDropdown=V,exports.TextButtonsDropdown=X,exports.WithSnackBar=Y,exports.Autocomplete=Z,exports.TableOfContents=$,exports.Dialog=_,exports.WithRichTooltip=ee;
|
package/package.json
CHANGED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),o=(require("../../Atoms/Box/Box.js"),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("@wishket/yogokit"),function(i){var t=i.children,a=i.disabled,o=i.className,i=e.__rest(i,["children","disabled","className"]);return s.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container items-center gap-x-3 gap-y-0.5 grid-areas-checkbox-list-item-container",a?"cursor-not-allowed":"cursor-pointer",o)},i,{children:t}))});module.exports=function(e){var r=e.label,c=e.description,d=e.checked,n=e.disabled,n=void 0!==n&&n,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,u=i.useState(!1),h=u[0],b=u[1];return s.jsxs(o,{"data-testid":"design-system-checkboxList--item",disabled:n,className:m,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[s.jsx("div",{className:"flex cursor-pointer items-center justify-center p-px grid-in-checkbox",children:s.jsx(a,{checked:d,isHover:h,isError:l,disabled:n,onChange:e,className:x})}),s.jsx("div",{className:"flex items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:s.jsx(t,{variant:"body1",className:n?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),c&&s.jsx("div",{className:"flex items-center grid-in-description",children:s.jsx(t,{variant:"body2",className:n?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:c})})]})};
|