@wishket/design-system 2.0.1 → 2.0.2
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/Base/Layouts/Column/Column.js +1 -1
- package/dist/Components/Base/Layouts/FullBleed/FullBleed.js +4 -4
- package/dist/Components/Base/Layouts/GridLayout/GridLayout.js +1 -1
- package/dist/Components/DataDisplays/Accordion/Accordion.js +2 -2
- package/dist/Components/DataDisplays/Avatar/Avatar.js +2 -2
- package/dist/Components/DataDisplays/ImageLabel/ImageLabel.js +1 -1
- package/dist/Components/DataDisplays/ImageLabel/parts/NewCircle.js +1 -1
- package/dist/Components/DataDisplays/Label/Label.js +1 -1
- package/dist/Components/DataDisplays/Li/Li.js +2 -2
- package/dist/Components/DataDisplays/ProgressIndicator/ProgressIndicator.js +1 -1
- package/dist/Components/DataDisplays/SkillLabel/SkillLabel.parts.js +1 -1
- package/dist/Components/Feedbacks/DialogBox/DialogBox.js +3 -3
- package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js +1 -1
- package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js +1 -1
- package/dist/Components/Feedbacks/MessageBar/MessageBar.js +1 -1
- package/dist/Components/Feedbacks/MessageBox/MessageBox.js +2 -2
- package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js +1 -1
- package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +1 -1
- package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js +1 -1
- package/dist/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +2 -2
- package/dist/Components/Feedbacks/Tooltip/Tooltip.js +1 -1
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js +3 -3
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js +2 -2
- package/dist/Components/Inputs/Button/Button.js +1 -1
- package/dist/Components/Inputs/Calendar/Calendar.js +1 -1
- package/dist/Components/Inputs/Calendar/Calendar.parts.js +2 -2
- package/dist/Components/Inputs/Checkbox/Checkbox.parts.js +1 -1
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +2 -2
- package/dist/Components/Inputs/CheckboxListItem/CheckboxListItem.js +4 -4
- package/dist/Components/Inputs/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/Components/Inputs/CommentArea/CommentArea.js +4 -4
- package/dist/Components/Inputs/FileUploader/FileUploader.js +1 -1
- package/dist/Components/Inputs/FileUploader/FileUploader.parts.js +5 -5
- package/dist/Components/Inputs/FilterChip/FilterChip.js +2 -2
- package/dist/Components/Inputs/FilterList/FilterList.js +2 -2
- package/dist/Components/Inputs/IconButton/IconButton.js +1 -1
- package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +2 -2
- package/dist/Components/Inputs/Input/Input.js +1 -1
- package/dist/Components/Inputs/InputChip/InputChip.js +2 -2
- package/dist/Components/Inputs/List/List.js +2 -2
- package/dist/Components/Inputs/MultiColumnList/MultiColumnList.parts.js +3 -3
- package/dist/Components/Inputs/Radio/Radio.js +1 -1
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +1 -1
- package/dist/Components/Inputs/RadioListItem/RadioListItem.js +3 -3
- package/dist/Components/Inputs/RangeSlider/RangeSlider.js +3 -3
- package/dist/Components/Inputs/SearchField/SearchField.js +1 -1
- package/dist/Components/Inputs/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/Components/Inputs/SupportTextContainer/SupportTextContainer.js +3 -3
- package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.js +2 -2
- package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
- package/dist/Components/Inputs/TextField/TextField.js +1 -1
- package/dist/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +1 -1
- package/dist/Components/Inputs/Textarea/Textarea.js +1 -1
- package/dist/Components/Navigations/BoxTab/BoxTab.parts.js +1 -1
- package/dist/Components/Navigations/GNBList/GNBList.parts.js +3 -3
- package/dist/Components/Navigations/Pagination/Pagination.parts.js +1 -1
- package/dist/Components/Navigations/TableOfContents/TableOfContents.js +2 -2
- package/dist/Components/Navigations/TextTab/TextTab.parts.js +2 -2
- package/dist/Components/Utils/BackDrop/BackDrop.js +1 -1
- package/dist/Components/Utils/BottomModalContainer/BottomModalContainer.js +2 -2
- package/dist/Components/Utils/FullModalContainer/FullModalContainer.js +1 -1
- package/dist/Components/Utils/ModalContainer/ModalContainer.js +1 -1
- package/dist/Components/Wrappers/WithBadge/WithBadge.js +1 -1
- package/dist/cjs/Components/Base/Layouts/Column/Column.js +1 -1
- package/dist/cjs/Components/Base/Layouts/FullBleed/FullBleed.js +1 -1
- package/dist/cjs/Components/Base/Layouts/GridLayout/GridLayout.js +1 -1
- package/dist/cjs/Components/DataDisplays/Accordion/Accordion.js +2 -2
- package/dist/cjs/Components/DataDisplays/Avatar/Avatar.js +2 -2
- package/dist/cjs/Components/DataDisplays/ImageLabel/ImageLabel.js +1 -1
- package/dist/cjs/Components/DataDisplays/ImageLabel/parts/NewCircle.js +1 -1
- package/dist/cjs/Components/DataDisplays/Label/Label.js +1 -1
- package/dist/cjs/Components/DataDisplays/Li/Li.js +2 -2
- package/dist/cjs/Components/DataDisplays/ProgressIndicator/ProgressIndicator.js +1 -1
- package/dist/cjs/Components/DataDisplays/SkillLabel/SkillLabel.parts.js +1 -1
- package/dist/cjs/Components/Feedbacks/DialogBox/DialogBox.js +3 -3
- package/dist/cjs/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js +1 -1
- package/dist/cjs/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js +1 -1
- package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js +1 -1
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.js +2 -2
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.parts.js +1 -1
- package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +1 -1
- package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js +1 -1
- package/dist/cjs/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +2 -2
- package/dist/cjs/Components/Feedbacks/Tooltip/Tooltip.js +1 -1
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js +3 -3
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js +2 -2
- package/dist/cjs/Components/Inputs/Button/Button.js +1 -1
- package/dist/cjs/Components/Inputs/Calendar/Calendar.js +1 -1
- package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js +2 -2
- package/dist/cjs/Components/Inputs/Checkbox/Checkbox.parts.js +1 -1
- package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +2 -2
- package/dist/cjs/Components/Inputs/CheckboxListItem/CheckboxListItem.js +2 -2
- package/dist/cjs/Components/Inputs/ChoiceChip/ChoiceChip.js +1 -1
- package/dist/cjs/Components/Inputs/CommentArea/CommentArea.js +4 -4
- package/dist/cjs/Components/Inputs/FileUploader/FileUploader.js +1 -1
- package/dist/cjs/Components/Inputs/FileUploader/FileUploader.parts.js +5 -5
- package/dist/cjs/Components/Inputs/FilterChip/FilterChip.js +2 -2
- package/dist/cjs/Components/Inputs/FilterList/FilterList.js +2 -2
- package/dist/cjs/Components/Inputs/IconButton/IconButton.js +1 -1
- package/dist/cjs/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +2 -2
- package/dist/cjs/Components/Inputs/Input/Input.js +1 -1
- package/dist/cjs/Components/Inputs/InputChip/InputChip.js +2 -2
- package/dist/cjs/Components/Inputs/List/List.js +2 -2
- package/dist/cjs/Components/Inputs/MultiColumnList/MultiColumnList.parts.js +3 -3
- package/dist/cjs/Components/Inputs/Radio/Radio.js +1 -1
- package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js +1 -1
- package/dist/cjs/Components/Inputs/RadioListItem/RadioListItem.js +4 -4
- package/dist/cjs/Components/Inputs/RangeSlider/RangeSlider.js +3 -3
- package/dist/cjs/Components/Inputs/SearchField/SearchField.js +1 -1
- package/dist/cjs/Components/Inputs/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/cjs/Components/Inputs/SupportTextContainer/SupportTextContainer.js +3 -3
- package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.js +2 -2
- package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
- package/dist/cjs/Components/Inputs/TextField/TextField.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +1 -1
- package/dist/cjs/Components/Inputs/Textarea/Textarea.js +1 -1
- package/dist/cjs/Components/Navigations/BoxTab/BoxTab.parts.js +1 -1
- package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js +5 -5
- package/dist/cjs/Components/Navigations/Pagination/Pagination.parts.js +1 -1
- package/dist/cjs/Components/Navigations/TableOfContents/TableOfContents.js +2 -2
- package/dist/cjs/Components/Navigations/TextTab/TextTab.parts.js +2 -2
- package/dist/cjs/Components/Utils/BackDrop/BackDrop.js +1 -1
- package/dist/cjs/Components/Utils/BottomModalContainer/BottomModalContainer.js +2 -2
- package/dist/cjs/Components/Utils/FullModalContainer/FullModalContainer.js +1 -1
- package/dist/cjs/Components/Utils/ModalContainer/ModalContainer.js +1 -1
- package/dist/cjs/Components/Wrappers/WithBadge/WithBadge.js +1 -1
- package/package.json +2 -2
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as s}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";const a=["col-span-1","col-span-2","col-span-3","col-span-4","col-span-5","col-span-6","col-span-7","col-span-8","col-span-9","col-span-10","col-span-11"],c=({container:c=!1,size:o=1,className:l,children:e})=>{if(c)/*#__PURE__*/return s("div",{"data-testid":"design-system-column--container",className:n("
|
|
1
|
+
import{jsx as s}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";const a=["col-span-1","col-span-2","col-span-3","col-span-4","col-span-5","col-span-6","col-span-7","col-span-8","col-span-9","col-span-10","col-span-11"],c=({container:c=!1,size:o=1,className:l,children:e})=>{if(c)/*#__PURE__*/return s("div",{"data-testid":"design-system-column--container",className:n("auto-cols-1fr grid grid-flow-col",l),children:e});/*#__PURE__*/
|
|
2
2
|
return s("div",{"data-testid":"design-system-column",className:n((s=>a[s-1])(o),l),children:e})};
|
|
3
3
|
/**
|
|
4
4
|
* 그리드 시스템 기반의 컬럼 레이아웃 컴포넌트
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as r,useEffect as n}from"react";import{twMerge as i}from"tailwind-merge";import{calculateScrollbarWidth as
|
|
1
|
+
"use client";import{jsx as e}from"react/jsx-runtime";import{forwardRef as t,useState as r,useEffect as n}from"react";import{twMerge as i}from"tailwind-merge";import{calculateScrollbarWidth as l,getPaddingFromClassName as a}from"./FullBleed.utils.js";function d(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){d(e,t,r[t])}))}return e}function o(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function p(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},l=Object.keys(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
|
|
2
2
|
/**
|
|
3
3
|
* 화면 전체 너비를 활용하는 레이아웃 컴포넌트
|
|
4
4
|
* @param {Object} props
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
* @param {string} [props.className] - 외부 컨테이너 클래스
|
|
8
8
|
* @param {string} [props.insideContainerClassName] - 내부 컨테이너 클래스
|
|
9
9
|
* @param {string | number} [props.paddingAdjustment] - 패딩 보정값(단위 : px)
|
|
10
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var
|
|
10
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(n=0;n<l.length;n++)r=l[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}const s=/*#__PURE__*/t(((t,d)=>{var{className:s,insideContainerClassName:m,maxWidth:f="1200px",paddingAdjustment:b=8.5,children:u}=t,y=p(t,["className","insideContainerClassName","maxWidth","paddingAdjustment","children"]);
|
|
11
11
|
// TODO: 스크롤바 너비를 제외한 viewport width 계산을 더 나은 방식으로 할 수 있도록 개선(layout shift 방지)
|
|
12
|
-
const[g,x]=r((()=>
|
|
13
|
-
return e("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e("div",{"data-testid":"design-system-full-bleed--container",className:i("relative left-1/2
|
|
12
|
+
const[g,x]=r((()=>l())),O=a(m,"mobile"),h=a(m,"tablet"),j=a(m,"desktop");n((()=>{x(l())}),[]);const v={"--dynamic-padding-left-tablet":`max(${h.left||h.x}px, ${O.left||O.x}px)`,"--dynamic-padding-right-tablet":`max(${h.right||h.x}px, ${O.right||O.x}px)`,"--dynamic-padding-left-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.left||O.x}px + ${b}px), ${j.x}px))`,"--dynamic-padding-right-desktop":`calc(max(calc((100dvw - ${f})/2 + ${O.right||O.x}px + ${b}px), ${j.x}px))`},w={"--dynamic-bleed-width":`calc(100dvw - ${g}px)`};/*#__PURE__*/
|
|
13
|
+
return e("div",{"data-testid":"design-system-full-bleed",children:/*#__PURE__*/e("div",{"data-testid":"design-system-full-bleed--container",className:i("relative top-0 left-1/2 h-full w-(--dynamic-bleed-width) -translate-x-1/2",s),style:w,children:/*#__PURE__*/e("div",o(c({"data-testid":"design-system-full-bleed--container-inside",className:i("scrollbar-hide flex w-full overflow-x-auto px-5","tablet:pl-[var(--dynamic-padding-left-tablet)] tablet:pr-[var(--dynamic-padding-right-tablet)]","desktop:pl-[var(--dynamic-padding-left-desktop)] desktop:pr-[var(--dynamic-padding-right-desktop)]",m),style:v,ref:d},y),{children:u}))})})}));s.displayName="FullBleed";export{s as FullBleed};
|
|
@@ -16,4 +16,4 @@ import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge"
|
|
|
16
16
|
* <div>Content</div>
|
|
17
17
|
* </GridLayout>
|
|
18
18
|
*/
|
|
19
|
-
const a=({children:a,gridTemplateAreaClass:r,testId:d})=>/*#__PURE__*/e("div",{className:t("
|
|
19
|
+
const a=({children:a,gridTemplateAreaClass:r,testId:d})=>/*#__PURE__*/e("div",{className:t("max-w-container auto-cols-1fr desktop:gap-x-6 desktop:px-9 mx-auto grid w-full gap-x-5 px-5",r||"grid-areas-default-mobile tablet:grid-areas-default-tablet desktop:grid-areas-default-desktop"),"data-testid":d,children:a});export{a as GridLayout};
|
|
@@ -51,8 +51,8 @@
|
|
|
51
51
|
* </Accordion.Item>
|
|
52
52
|
* ```
|
|
53
53
|
*/c.Item=({title:c,href:m,linkText:d,linkTarget:f="_blank",children:u})=>{const[p,x]=t(!1),b=o(),h=m&&d&&f;/*#__PURE__*/
|
|
54
|
-
return r(n,{className:"flex w-full flex-col border-b
|
|
54
|
+
return r(n,{className:"border-w-gray-200 flex w-full flex-col border-b pb-6 last:border-b-0 last:pb-0",children:[
|
|
55
55
|
/*#__PURE__*/r("button",{type:"button",className:"box-border flex cursor-pointer items-center justify-between gap-6 text-left",onClick:()=>x(!p),"aria-expanded":p,"aria-controls":`accordionregion-${b}`,id:`accordionbutton-${b}`,children:[
|
|
56
|
-
/*#__PURE__*/e(i,{variant:"subTitle18",className:"w-full font-medium
|
|
56
|
+
/*#__PURE__*/e(i,{variant:"subTitle18",className:"text-w-gray-900 w-full font-medium",children:c}),
|
|
57
57
|
/*#__PURE__*/e(n,{className:a("transition-transform duration-300 ease-in-out",p?"rotate-180":"rotate-0"),children:/*#__PURE__*/e(l,{name:"medium_arrow_down"})})]}),
|
|
58
58
|
/*#__PURE__*/e(n,{role:"region",id:`accordionregion-${b}`,"aria-labelledby":`accordionbutton-${b}`,className:a("w-full overflow-hidden transition-all duration-300 ease-in-out",p?"max-h-screen":"max-h-0"),children:/*#__PURE__*/r(n,{className:"mt-4 flex flex-col gap-4",children:[u,h&&/*#__PURE__*/e(s,{href:m,text:d,target:f,trailingIcon:"medium_arrow_right"})]})})]})};export{c as Accordion};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as r}from"tailwind-merge";import{memo as s,useState as i}from"react";import{SystemIcon as o}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import{Typography as l}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:s,isMonogram:n,avatarStyle:m,defaultAvatarColor:d})=>{const[c,u]=i(!1),g=null==a?void 0:a.slice(0,1);return s&&!c?/*#__PURE__*/t("img",{src:s,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:()=>u(!0)}):n?/*#__PURE__*/t(l,{variant:m[e].char,className:"cursor-default select-none
|
|
1
|
+
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as r}from"tailwind-merge";import{memo as s,useState as i}from"react";import{SystemIcon as o}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import{Typography as l}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:s,isMonogram:n,avatarStyle:m,defaultAvatarColor:d})=>{const[c,u]=i(!1),g=null==a?void 0:a.slice(0,1);return s&&!c?/*#__PURE__*/t("img",{src:s,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:()=>u(!0)}):n?/*#__PURE__*/t(l,{variant:m[e].char,className:"text-w-white cursor-default select-none",children:g}):/*#__PURE__*/t(o,{name:"large_user_image_avatar",className:r("h-full w-full",d),testId:"design-system-avatar--default-image"})},d=/*#__PURE__*/s((({size:s="md",name:i,imgUrl:l,isEditable:d=!1,onClick:c,hasBorder:u=!0,defaultAvatarColor:g="text-w-gray-200"})=>{const y=!l&&!!i,f={sm:{container:"size-[22px]",char:"caption12",editButton:"hidden"},md:{container:"size-8",char:"body16",editButton:"size-4"},lg:{container:"size-12",char:"title28",editButton:"size-5"},xl:{container:"size-20",char:"title32",editButton:"size-6"}};/*#__PURE__*/
|
|
2
2
|
return e(n,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:c,children:[
|
|
3
|
-
/*#__PURE__*/t(n,{"data-testid":"design-system-avatar--container",className:a(f[s].container,"flex items-center justify-center overflow-hidden rounded-full",y&&"bg-primary",u&&"border
|
|
3
|
+
/*#__PURE__*/t(n,{"data-testid":"design-system-avatar--container",className:a(f[s].container,"flex items-center justify-center overflow-hidden rounded-full",y&&"bg-primary",u&&"border-w-gray-200 border"),children:/*#__PURE__*/t(m,{size:s,name:i,imgUrl:l,isMonogram:y,avatarStyle:f,defaultAvatarColor:g})}),!y&&d&&/*#__PURE__*/t(n,{className:a("bg-w-white shadow-graysmall absolute right-0 bottom-0 z-10 flex items-center justify-center rounded-full",f[s].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/t(o,{name:"small_camera",solid:!0,className:r("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})}));
|
|
4
4
|
/**
|
|
5
5
|
* Avatar 컴포넌트는 사용자의 프로필 이미지, 모노그램, 또는 기본 아이콘을 표시합니다.
|
|
6
6
|
* @component
|
|
@@ -21,4 +21,4 @@ return r(s,{});case"new":/*#__PURE__*/
|
|
|
21
21
|
return r(a,{});case"beta":/*#__PURE__*/
|
|
22
22
|
return r(i,{});case"ai":/*#__PURE__*/
|
|
23
23
|
return r(o,{});default:return null}};/*#__PURE__*/
|
|
24
|
-
return r(t,{"data-testid":"design-system-imageLabel",className:e("h-fit w-fit
|
|
24
|
+
return r(t,{"data-testid":"design-system-imageLabel",className:e("text-primary h-fit w-fit","new_circle"!==m&&"pb-1.5"),children:/*#__PURE__*/r(p,{})})};export{m as ImageLabel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import"react";import{Box as t}from"../../../Base/Layouts/Box/Box.js";import"tailwind-merge";import"../../../Base/Layouts/FullBleed/FullBleed.js";const i=()=>/*#__PURE__*/e(t,{className:"size-3.5 rounded-full
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import"react";import{Box as t}from"../../../Base/Layouts/Box/Box.js";import"tailwind-merge";import"../../../Base/Layouts/FullBleed/FullBleed.js";const i=()=>/*#__PURE__*/e(t,{className:"bg-gradient-primary-90 size-3.5 rounded-full","data-testid":"imageLabel-newCircle",children:/*#__PURE__*/e("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:/*#__PURE__*/e("path",{d:"M9.6499 10H8.50732L5.7124 5.95703H5.66406V10H4.3457V3.63672H5.50586L8.27881 7.67529H8.33594V3.63672H9.6499V10Z",fill:"white"})})});export{i as NewCircle};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{useContext as t,createContext as n,Children as o,isValidElement as a}from"react";import{twMerge as i}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as c}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{SystemIcon as y}from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function b(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const g=/*#__PURE__*/n({type:"",variant:"",size:""}),u={Root:e=>{var{children:t,className:n,size:s="md",type:y="text",variant:p="primary",ref:u,canHover:d=!1}=e,f=b(e,["children","className","size","type","variant","ref","canHover"]);const O=o.toArray(t),j=O.length-1,w=e=>/*#__PURE__*/a(e)&&"function"==typeof e.type&&e.type.toString().includes("icon"),v=w(O[0]),x=w(O[j]);/*#__PURE__*/
|
|
2
2
|
return r(g.Provider,{value:{type:y,variant:p,size:s},children:/*#__PURE__*/r(c,m(l({"data-testid":"design-system-label",className:i("flex w-fit items-center","sm"===s&&"gap-1","md"===s&&"gap-1.5",(()=>{const e="sm"===s,r="rounded-lg px-2";if("text"!==y)return i(r,"outlined"===y?e?"border py-px":"border py-0":e?"py-0.5":"py-px",v&&"pl-1.5",x&&"pr-1.5")})(),d&&"cursor-pointer",(()=>{const e="outlined"===y;if("text"!==y)return"gray"===p?e?d?"bg-w-gray-10 border-w-gray-200 hover:border-w-gray-400":"bg-w-gray-10 border-w-gray-200":d?"bg-w-gray-10 hover:bg-w-gray-200":"bg-w-gray-10":e?d?"bg-primary-50 border-primary-200 hover:border-primary":"bg-primary-50 border-primary-200":d?"bg-primary-50 hover:bg-primary-100":"bg-primary-50"})(),n)},f),{children:t}))})},Text:({children:e,className:n})=>{const{type:o,variant:a,size:c}=t(g);/*#__PURE__*/
|
|
3
|
-
return r(s,{variant:"md"===c?"body14":"caption12","data-testid":"design-system-label--text",className:i("
|
|
3
|
+
return r(s,{variant:"md"===c?"body14":"caption12","data-testid":"design-system-label--text",className:i("text-w-gray-600 select-none",!("text"===o)&&"primary"===a&&"text-primary",n),children:e})},Icon:({children:n,className:o,icon:a})=>{const{type:s,variant:p}=t(g);/*#__PURE__*/
|
|
4
4
|
return e(c,{"data-testid":"design-system-label--icon",className:i("aspect-w-[14px] size-[14px] shrink-0 object-contain",!a&&o),children:[a&&/*#__PURE__*/r(y,{name:a,className:i("text-w-gray-400","primary"===p&&"text-primary","text"===s&&"text-w-gray-400",o)}),n]})}};
|
|
5
5
|
/**
|
|
6
6
|
* @component Root
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function c(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const l=()=>/*#__PURE__*/r("svg",{xmlns:"http://www.w3.org/2000/svg",width:"3",height:"3",viewBox:"0 0 3 3",fill:"none",className:"shrink-0",children:/*#__PURE__*/r("circle",{cx:"1.5",cy:"1.5",r:"1.5",fill:"currentColor"})}),i=i=>{var{children:s,className:a}=i,u=c(i,["children","className"]);const f=`${(null==a?void 0:a.includes("typo-"))?"":"typo-body14"} ${a||""}`.trim();/*#__PURE__*/
|
|
2
|
-
return e("li",o(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({className:t("
|
|
3
|
-
/*#__PURE__*/r("span",{className:"inline-flex h-
|
|
2
|
+
return e("li",o(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}({className:t("text-w-gray-500 flex gap-2",f)},u),{children:[
|
|
3
|
+
/*#__PURE__*/r("span",{className:"inline-flex h-lh shrink-0 items-center",children:/*#__PURE__*/r(l,{})}),
|
|
4
4
|
/*#__PURE__*/r("span",{children:s})]}))};
|
|
5
5
|
/**
|
|
6
6
|
* 리스트 아이템 컴포넌트입니다.
|
|
@@ -13,4 +13,4 @@
|
|
|
13
13
|
*/const i=({className:i,progressClassName:a,value:d})=>{const l=r(null);
|
|
14
14
|
// 커스텀 훅을 사용하여 애니메이션 처리
|
|
15
15
|
t(d,l);/*#__PURE__*/
|
|
16
|
-
return e("div",{"data-testid":"design-system-progress-indicator",className:s("h-1 w-full overflow-hidden rounded-full",i),children:/*#__PURE__*/e("div",{className:"
|
|
16
|
+
return e("div",{"data-testid":"design-system-progress-indicator",className:s("h-1 w-full overflow-hidden rounded-full",i),children:/*#__PURE__*/e("div",{className:"bg-w-gray-100 h-full","data-testid":"design-system-progress-indicator--background",style:{WebkitTransformStyle:"preserve-3d",transformStyle:"preserve-3d"},children:/*#__PURE__*/e("div",{ref:l,"data-testid":"design-system-progress-indicator--progress",className:s("h-full",d>0?"bg-primary":"hidden",a),style:{transform:"translate3d(-100%, 0, 0)",WebkitTransform:"translate3d(-100%, 0, 0)",willChange:"transform",WebkitBackfaceVisibility:"hidden",backfaceVisibility:"hidden"}})})})};export{i as ProgressIndicator};
|
|
@@ -5,7 +5,7 @@ import{jsx as e}from"react/jsx-runtime";import{twMerge as s}from"tailwind-merge"
|
|
|
5
5
|
* @param {Object} props - 컴포넌트 프로퍼티
|
|
6
6
|
* @param {ReactNode} props.children - 자식 요소
|
|
7
7
|
* @param {string} [props.className] - 추가적인 CSS 클래스
|
|
8
|
-
*/const a=({children:r,className:a})=>/*#__PURE__*/e(i,{"data-testid":"design-system-skill-chip",className:s("flex h-9 w-fit shrink-0
|
|
8
|
+
*/const a=({children:r,className:a})=>/*#__PURE__*/e(i,{"data-testid":"design-system-skill-chip",className:s("border-w-gray-200 flex h-9 w-fit shrink-0 items-center gap-2 rounded-xl border py-[5px] pr-[15px] pl-[7px] select-none",a),children:r}),t=({className:r,iconUrl:i})=>/*#__PURE__*/e("img",{"data-testid":"design-system-skill-chip--icon",src:i,alt:"icon",width:24,height:24,className:s("size-6 shrink-0 rounded-full object-cover",r)}),l=({children:i,className:a})=>/*#__PURE__*/e(r,{variant:"body14",className:s("text-w-gray-900",a),children:i});
|
|
9
9
|
/**
|
|
10
10
|
* 스킬 라벨에 표시되는 아이콘 컴포넌트입니다.
|
|
11
11
|
* @param {Object} props - 컴포넌트 프로퍼티
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twJoin as o}from"tailwind-merge";import{Typography as a}from"../../Base/Typography/Typography.js";import{Box as t}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Button as l}from"../../Inputs/Button/Button.js";const i=({title:i,description:s,variant:n="primary",onClose:c,onConfirm:m,confirm:d,close:g="닫기",testId:p})=>{const u="caution"===n;/*#__PURE__*/
|
|
2
|
-
return e(t,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl
|
|
2
|
+
return e(t,{className:"bg-w-white shadow-modal tablet:w-[400px] flex h-fit flex-col items-center gap-8 rounded-3xl p-8 font-normal not-italic","data-testid":p||"design-system--dialog-box",children:[
|
|
3
3
|
/*#__PURE__*/e(t,{className:"flex w-full flex-col gap-6",children:[
|
|
4
|
-
/*#__PURE__*/r(a,{variant:"subTitle18",className:"
|
|
5
|
-
/*#__PURE__*/r(a,{variant:"body16",className:"
|
|
4
|
+
/*#__PURE__*/r(a,{variant:"subTitle18",className:"text-w-gray-900 font-medium",children:i}),
|
|
5
|
+
/*#__PURE__*/r(a,{variant:"body16",className:"text-w-gray-800 whitespace-break-spaces",children:s})]}),
|
|
6
6
|
/*#__PURE__*/e(t,{className:"flex w-full items-center justify-end gap-4",children:[g&&/*#__PURE__*/r(l,{role:"close",onClick:c,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:g}),d&&/*#__PURE__*/r(l,{role:"confirm",onClick:m,variant:"solid",className:o(u&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};export{i as DialogBox};
|
|
@@ -33,4 +33,4 @@
|
|
|
33
33
|
* - aria-busy="true": 콘텐츠가 로딩 중임을 명시
|
|
34
34
|
* - SVG는 aria-hidden으로 장식용 요소로 표시
|
|
35
35
|
*/
|
|
36
|
-
const d=i=>{const d=l.getInstance(),c=t(),[u,g]=r([]);n((()=>(d.register(c),g(d.loaderIds),()=>{d.unregister(c),g(d.loaderIds)})),[c]);return u.indexOf(c)===u.length-1?/*#__PURE__*/e(s,{children:/*#__PURE__*/e("div",{"data-testid":"design-system-globalLoadingIndicator",className:"fixed
|
|
36
|
+
const d=i=>{const d=l.getInstance(),c=t(),[u,g]=r([]);n((()=>(d.register(c),g(d.loaderIds),()=>{d.unregister(c),g(d.loaderIds)})),[c]);return u.indexOf(c)===u.length-1?/*#__PURE__*/e(s,{children:/*#__PURE__*/e("div",{"data-testid":"design-system-globalLoadingIndicator",className:"fixed top-1/2 left-1/2 z-30 aspect-square -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/e(o,a({},i))})}):null};export{d as GlobalLoadingIndicator,l as LoadingManager};
|
|
@@ -21,7 +21,7 @@ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{twMerge as i}from"tailw
|
|
|
21
21
|
* <LoadingIndicator className="text-blue-500" />
|
|
22
22
|
*
|
|
23
23
|
*/const n={primary:"text-primary",white:"text-w-white",gray:"text-w-gray-400"},o=({variant:o="primary",isFixed:s=!1,size:c="md",ariaLabel:d="로딩 중",className:m})=>{const{width:u,height:p,viewBox:x,circle:h,r:g}=a[c],y=n[o];/*#__PURE__*/
|
|
24
|
-
return e(r,{role:"status","aria-live":"polite","aria-label":d,"aria-busy":"true",className:i("
|
|
24
|
+
return e(r,{role:"status","aria-live":"polite","aria-label":d,"aria-busy":"true",className:i("top-1/2 left-1/2 aspect-square -translate-x-1/2 -translate-y-1/2",s?"fixed":"absolute",l(c)),children:/*#__PURE__*/t("svg",{xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true","data-testid":"loading-indicator-svg",width:u,height:p,viewBox:x,fill:"none",className:i(y,m),children:[
|
|
25
25
|
/*#__PURE__*/e("circle",{cx:h[0],cy:h[1],r:g,fill:"currentColor",children:/*#__PURE__*/e("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0s"})}),
|
|
26
26
|
/*#__PURE__*/e("circle",{cx:h[1],cy:h[1],r:g,fill:"currentColor",children:/*#__PURE__*/e("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.3s"})}),
|
|
27
27
|
/*#__PURE__*/e("circle",{cx:h[2],cy:h[1],r:g,fill:"currentColor",children:/*#__PURE__*/e("animate",{attributeName:"opacity",values:"1; 1; 0.5; 0.25; 0.25;",dur:"0.9s",repeatCount:"indefinite",begin:"0.6s"})})]})})};export{o as LoadingIndicator};
|
|
@@ -42,5 +42,5 @@ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{twMerge as e}from"tailw
|
|
|
42
42
|
* />
|
|
43
43
|
*/const m=({variant:m="primary",icon:n,title:l,text:d,buttonName:c,onClick:p})=>/*#__PURE__*/t(r,{"data-testid":"design-system-message-bar",className:e("flex w-full items-center gap-5 rounded-2xl border px-8 py-5","primary"===m&&"border-primary-100 bg-primary-10","white"===m&&"border-w-gray-200 bg-white"),children:[
|
|
44
44
|
/*#__PURE__*/a(r,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/a(i,{name:n,size:"medium"})}),
|
|
45
|
-
/*#__PURE__*/t(r,{className:"flex w-full flex-col gap-1",children:[l&&/*#__PURE__*/a(s,{variant:"subTitle18",className:"
|
|
45
|
+
/*#__PURE__*/t(r,{className:"flex w-full flex-col gap-1",children:[l&&/*#__PURE__*/a(s,{variant:"subTitle18",className:"text-w-gray-900 font-medium","data-testid":"design-system-message-bar--title",children:l}),
|
|
46
46
|
/*#__PURE__*/a(s,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:d})]}),c&&p&&/*#__PURE__*/a(o,{variant:"outlined",size:"36",className:"shrink-0",onClick:p,"data-testid":"design-system-message-bar--button",children:c})]});export{m as MessageBar};
|
|
@@ -33,9 +33,9 @@ import{jsxs as e,jsx as s,Fragment as a}from"react/jsx-runtime";import"../../Dat
|
|
|
33
33
|
* >
|
|
34
34
|
* <CustomContent />
|
|
35
35
|
* </MessageBox>
|
|
36
|
-
*/const m=({icon:m,title:n,description:c,children:d,links:p})=>/*#__PURE__*/e(i,{className:"box-border flex h-auto flex-col rounded-3xl border
|
|
36
|
+
*/const m=({icon:m,title:n,description:c,children:d,links:p})=>/*#__PURE__*/e(i,{className:"border-w-gray-200 box-border flex h-auto flex-col rounded-3xl border","data-testid":"design-system-message-box--container",children:[
|
|
37
37
|
/*#__PURE__*/e(i,{className:"flex h-auto flex-col gap-4 p-6",children:[m&&/*#__PURE__*/s(i,{className:"size-10 shrink-0",children:/*#__PURE__*/s(r,{name:m,size:"medium"})}),
|
|
38
38
|
/*#__PURE__*/e(i,{className:"flex h-auto flex-col gap-1.5",children:[
|
|
39
|
-
/*#__PURE__*/s(t,{variant:"subTitle18",className:"
|
|
39
|
+
/*#__PURE__*/s(t,{variant:"subTitle18",className:"text-w-gray-900 font-medium whitespace-pre-line","data-testid":"design-system-message-box--title",children:n}),c&&/*#__PURE__*/s(t,{variant:"body16",className:"text-w-gray-600 font-normal whitespace-pre-line","data-testid":"design-system-message-box--description",children:c}),d]})]}),p&&p.length>0&&/*#__PURE__*/e(a,{children:[
|
|
40
40
|
/*#__PURE__*/s(o,{}),
|
|
41
41
|
/*#__PURE__*/s(l,{links:p})]})]});export{m as MessageBox};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import"../../DataDisplays/Avatar/Avatar.js";import"tailwind-merge";import{Typography as a}from"../../Base/Typography/Typography.js";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as r}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";const o=({links:o})=>/*#__PURE__*/e(s,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==o?void 0:o.map(((s,o)=>/*#__PURE__*/t("a",{target:s.target||"_blank",href:s.url,className:"flex items-center justify-between
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import"../../DataDisplays/Avatar/Avatar.js";import"tailwind-merge";import{Typography as a}from"../../Base/Typography/Typography.js";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as r}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";const o=({links:o})=>/*#__PURE__*/e(s,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==o?void 0:o.map(((s,o)=>/*#__PURE__*/t("a",{target:s.target||"_blank",href:s.url,className:"text-w-gray-600 flex items-center justify-between no-underline","data-testid":`design-system-message-box--external-links-item-${o}`,children:[
|
|
2
2
|
/*#__PURE__*/e(a,{variant:"body16",className:"hover:underline hover:underline-offset-2",children:s.title}),
|
|
3
3
|
/*#__PURE__*/e(r,{name:"small_arrow_right"})]},`${s.title}-${s.url}`)))});export{o as ExternalLinks};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import{jsxs as t,jsx as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as a}from"../../../Base/Typography/Typography.js";import{Box as r}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";import{Arrow as i}from"./PlainTooltip.parts.js";const s={up:{position:"bottom-full left-1/2 -translate-x-1/2 -translate-y-1",hover:"group-hover:-translate-y-3",focus:"max-tablet:group-focus-within:-translate-y-3"},down:{position:"left-1/2 top-full -translate-x-1/2 translate-y-1",hover:"group-hover:translate-y-3",focus:"max-tablet:group-focus-within:translate-y-3"},left:{position:"right-full top-1/2 -translate-y-1/2 -translate-x-1",hover:"group-hover:-translate-x-3",focus:"max-tablet:group-focus-within:-translate-x-3"},right:{position:"left-full top-1/2 -translate-y-1/2 translate-x-1",hover:"group-hover:translate-x-3",focus:"max-tablet:group-focus-within:translate-x-3"}},l=({id:l,text:n,variant:p="up",className:u})=>{const c=s[p];/*#__PURE__*/
|
|
2
2
|
return t(r,{className:o("pointer-events-none absolute z-10 w-max select-none","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",c.position,c.hover,c.focus,u),role:"tooltip",id:l,"data-testid":"design-system-plain-toolTip--container",children:[
|
|
3
3
|
/*#__PURE__*/e(i,{testId:"design-system-plain-toolTip--arrow",variant:p}),
|
|
4
|
-
/*#__PURE__*/e(r,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg
|
|
4
|
+
/*#__PURE__*/e(r,{className:"bg-w-black z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg px-3 py-1 text-center",children:/*#__PURE__*/e(a,{variant:"body13",className:"text-w-white font-medium text-wrap break-all whitespace-pre opacity-100",children:n})})]})};
|
|
5
5
|
/**
|
|
6
6
|
* 간단한 텍스트 툴팁을 표시하는 컴포넌트입니다.
|
|
7
7
|
*
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as t}from"react/jsx-runtime";import"react";import{twJoin as e}from"tailwind-merge";const a=({testId:a,variant:l})=>/*#__PURE__*/t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":a,className:e("absolute z-10","up"===l&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===l&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===l&&"-right-[5px]
|
|
1
|
+
import{jsx as t}from"react/jsx-runtime";import"react";import{twJoin as e}from"tailwind-merge";const a=({testId:a,variant:l})=>/*#__PURE__*/t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"5",height:"10",viewBox:"0 0 5 10",fill:"none","data-testid":a,className:e("absolute z-10","up"===l&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===l&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===l&&"top-1/2 -right-[5px] -translate-y-1/2 rotate-180","right"===l&&"top-1/2 -left-[5px] -translate-y-1/2 rotate-0"),children:/*#__PURE__*/t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.96244e-08 5L5 -1.10263e-07L5 10L5.96244e-08 5Z",fill:"black"})});export{a as Arrow};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as i}from"../../../Base/Typography/Typography.js";import{Box as a}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";const s={right:{position:"top-0 left-[calc(100
|
|
2
|
-
return t(a,{className:o("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",m.position,m.hover,m.focus),role:"tooltip",id:r,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e(a,{className:o("flex min-w-80 flex-col gap-1 rounded-xl bg-white px-6 py-5
|
|
1
|
+
import{jsx as t,jsxs as e}from"react/jsx-runtime";import{twMerge as o}from"tailwind-merge";import{Typography as i}from"../../../Base/Typography/Typography.js";import{Box as a}from"../../../Base/Layouts/Box/Box.js";import"../../../Base/Layouts/FullBleed/FullBleed.js";const s={right:{position:"top-0 left-[calc(100%+4px)]",hover:"group-hover:left-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:left-[calc(100%_+_12px)]"},down:{position:"left-0 top-[calc(100%+4px)]",hover:"group-hover:top-[calc(100%+12px)]",focus:"max-tablet:group-focus-within:top-[calc(100%_+_12px)]"}},r=({id:r,title:l,description:c,variant:p="right",className:n,children:d})=>{const m=s[p];/*#__PURE__*/
|
|
2
|
+
return t(a,{className:o("absolute z-10","invisible scale-95 opacity-0","transition-all duration-200 ease-in-out","group-hover:visible group-hover:scale-100 group-hover:opacity-100","max-tablet:group-focus-within:visible max-tablet:group-focus-within:scale-100 max-tablet:group-focus-within:opacity-100",m.position,m.hover,m.focus),role:"tooltip",id:r,"data-testid":"design-system-rich-tooltip--container",children:/*#__PURE__*/e(a,{className:o("shadow-graymedium flex min-w-80 flex-col gap-1 rounded-xl bg-white px-6 py-5",n),"data-testid":"design-system-rich-tooltip",children:[l&&/*#__PURE__*/t(a,{className:"flex w-full items-start justify-between gap-4","data-testid":"design-system-rich-tooltip--title",children:/*#__PURE__*/t(i,{variant:"body14",className:"text-w-gray-900 font-medium",children:l})}),c&&/*#__PURE__*/t(i,{variant:"body13",className:"text-w-gray-400","data-testid":"design-system-rich-tooltip--description",children:c}),d]})})};
|
|
3
3
|
/**
|
|
4
4
|
* 제목과 설명을 포함할 수 있는 리치 툴팁 컴포넌트입니다.
|
|
5
5
|
*
|
|
@@ -22,4 +22,4 @@
|
|
|
22
22
|
* <Tooltip.Trigger>
|
|
23
23
|
* <SystemIcon name="medium_information" />
|
|
24
24
|
* </Tooltip.Trigger>
|
|
25
|
-
*/s.Trigger=({children:t})=>/*#__PURE__*/i(e,{"data-testid":"design-system-tooltip--trigger",className:"
|
|
25
|
+
*/s.Trigger=({children:t})=>/*#__PURE__*/i(e,{"data-testid":"design-system-tooltip--trigger",className:"h-fit w-fit focus:outline-hidden",tabIndex:0,children:t}),s.Plain=o,s.Rich=l;export{s as Tooltip};
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
* />
|
|
22
22
|
* </AutoCompleteList.Root>
|
|
23
23
|
* ```
|
|
24
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b={Root:s=>{var{children:l,className:c,hasIndexBar:u=!1,onIndexClick:m}=s,p=f(s,["children","className","hasIndexBar","onIndexClick"]);const b=n(null),[g,O]=o(!1);return i((()=>{const e=b.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;O(t>r)}),[l]),/*#__PURE__*/t("div",y(d({className:r("flex max-h-[436px] w-full rounded-xl
|
|
25
|
-
/*#__PURE__*/e("ul",{ref:b,"data-testid":"design-system-autoCompleteList",className:r("flex w-full flex-col
|
|
26
|
-
return t("li",y(d({className:r("visible ml-2 flex cursor-pointer
|
|
24
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b={Root:s=>{var{children:l,className:c,hasIndexBar:u=!1,onIndexClick:m}=s,p=f(s,["children","className","hasIndexBar","onIndexClick"]);const b=n(null),[g,O]=o(!1);return i((()=>{const e=b.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;O(t>r)}),[l]),/*#__PURE__*/t("div",y(d({className:r("shadow-graymedium flex max-h-[436px] w-full rounded-xl",c)},p),{children:[u&&/*#__PURE__*/e(a,{onIndexClick:m}),
|
|
25
|
+
/*#__PURE__*/e("ul",{ref:b,"data-testid":"design-system-autoCompleteList",className:r("bg-w-white flex w-full flex-col py-2 pr-2","scrollbar-list overflow-y-auto",u?"rounded-r-xl":"rounded-xl",g&&"pr-0"),children:l})]}))},Item:n=>{var{text:o,count:i,leadingIcon:l,iconUrl:a,isInputItem:p=!1,isFocused:b=!1,inputValue:g,className:O}=n,j=f(n,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
|
|
26
|
+
return t("li",y(d({className:r("bg-w-white hover:bg-primary-10 visible ml-2 flex cursor-pointer items-center gap-2 rounded-xl px-4 py-3 select-none",b&&"bg-primary-10",O)},j),{"data-testid":"design-system-list-item",children:[l&&/*#__PURE__*/e(s,{name:l,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),a&&/*#__PURE__*/e(c,{iconUrl:a}),
|
|
27
27
|
/*#__PURE__*/e(u,{text:o,isInputItem:p,inputValue:g}),
|
|
28
28
|
/*#__PURE__*/e(m,{count:i})]}))},Divider:()=>/*#__PURE__*/e(l,{className:"my-2"})};
|
|
29
29
|
/**
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import{jsx as e,Fragment as t,jsxs as a}from"react/jsx-runtime";import{Typography as r}from"../../Base/Typography/Typography.js";import"../../Base/Layouts/Box/Box.js";import"tailwind-merge";import"../../Base/Layouts/FullBleed/FullBleed.js";
|
|
2
2
|
// return A ~ Z
|
|
3
|
-
const i=Array.from({length:26},((e,t)=>String.fromCharCode(65+t))),l=({onIndexClick:t})=>/*#__PURE__*/e("ul",{className:"flex flex-col gap-0.5 rounded-l-xl
|
|
3
|
+
const i=Array.from({length:26},((e,t)=>String.fromCharCode(65+t))),l=({onIndexClick:t})=>/*#__PURE__*/e("ul",{className:"bg-w-gray-10 flex flex-col gap-0.5 rounded-l-xl p-[3px] text-center",children:i.map((a=>/*#__PURE__*/e("li",{className:"size-3.5 cursor-pointer",onClick:()=>null==t?void 0:t(a),children:/*#__PURE__*/e(r,{variant:"caption11",className:"text-gray-400",children:a})},a)))}),n=({iconUrl:t})=>/*#__PURE__*/e("img",{src:t,alt:"icon",width:24,height:24,className:"rounded-full border"}),s=({text:i,isInputItem:l,inputValue:n})=>{const s=i.slice(0,null==n?void 0:n.length),o=i.slice(null==n?void 0:n.length);/*#__PURE__*/
|
|
4
4
|
return e(t,{children:l?/*#__PURE__*/a(t,{children:[
|
|
5
|
-
/*#__PURE__*/a(r,{variant:"body16",className:"
|
|
5
|
+
/*#__PURE__*/a(r,{variant:"body16",className:"text-primary-500 font-medium","data-testid":"design-system-list-item-text",children:["‘",i,"’"]}),
|
|
6
6
|
/*#__PURE__*/e(r,{variant:"body16",className:"text-w-gray-600",children:"입력"})]}):/*#__PURE__*/e(r,{variant:"body16",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:n?/*#__PURE__*/a(t,{children:[
|
|
7
7
|
/*#__PURE__*/e(r,{variant:"body16",className:"text-primary",children:s}),o]}):i})})},o=({count:t})=>/*#__PURE__*/e(r,{variant:"body16",className:"text-w-gray-400",children:t});export{o as CountSection,i as INDEXES,n as Icon,l as IndexBar,s as TextSection};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as o,useEffect as i}from"react";import{twMerge as n}from"tailwind-merge";import{LoadingIndicator as a}from"../../Feedbacks/LoadingIndicator/LoadingIndicator.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function b(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const p={36:"h-[36px] typo-body14 px-[11px] gap-1",42:"h-[42px] typo-body14 px-[11px] gap-1",50:"h-[50px] typo-body16 px-[15px] gap-1.5",60:"h-[60px] typo-subTitle20 px-[23px] gap-2"},s={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},c=/*#__PURE__*/t(((t,c)=>{var{type:y="button",disabled:u=!1,children:m,className:f,onClick:g,size:h="50",variant:v="outlined",rounded:x=!1,needThrottle:O=!1,isLoading:w=!1}=t,j=b(t,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const P=o(void 0),k=e=>{e.preventDefault(),P.current||(null==g||g(e),P.current=setTimeout((()=>{P.current=void 0}),300))};return i((()=>()=>{P&&clearTimeout(P.current)}),[P]),/*#__PURE__*/e("button",l(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}({ref:c,type:y,className:n("relative box-border flex w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===v&&x?"rounded-full":"rounded-xl",s[v],w&&"pointer-events-none",f),onClick:(()=>{if(!w)return O?k:g})(),disabled:u,"aria-busy":w,"aria-live":w?"polite":void 0},j),{children:[w&&/*#__PURE__*/r("div",{className:"absolute
|
|
1
|
+
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useRef as o,useEffect as i}from"react";import{twMerge as n}from"tailwind-merge";import{LoadingIndicator as a}from"../../Feedbacks/LoadingIndicator/LoadingIndicator.js";function d(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function b(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const p={36:"h-[36px] typo-body14 px-[11px] gap-1",42:"h-[42px] typo-body14 px-[11px] gap-1",50:"h-[50px] typo-body16 px-[15px] gap-1.5",60:"h-[60px] typo-subTitle20 px-[23px] gap-2"},s={solid:"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700 text-w-white disabled:bg-primary-100 disabled:border-primary-100 disabled:hover:bg-primary-100 disabled:hover:border-primary-100",outline_filled:"bg-primary-10 border-primary-200 hover:border-primary-500 text-primary-500 disabled:border-primary-200 disabled:hover:border-primary-200 disabled:text-primary-100",outlined:"bg-w-white border-w-gray-200 hover:border-primary-500 text-primary-500 disabled:hover:border-w-gray-200 disabled:text-primary-100",outline_gray:"bg-w-white border-w-gray-200 hover:border-w-gray-400 text-w-gray-600 disabled:hover:border-w-gray-200 disabled:text-w-gray-300"},c=/*#__PURE__*/t(((t,c)=>{var{type:y="button",disabled:u=!1,children:m,className:f,onClick:g,size:h="50",variant:v="outlined",rounded:x=!1,needThrottle:O=!1,isLoading:w=!1}=t,j=b(t,["type","disabled","children","className","onClick","size","variant","rounded","needThrottle","isLoading"]);const P=o(void 0),k=e=>{e.preventDefault(),P.current||(null==g||g(e),P.current=setTimeout((()=>{P.current=void 0}),300))};return i((()=>()=>{P&&clearTimeout(P.current)}),[P]),/*#__PURE__*/e("button",l(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){d(e,r,t[r])}))}return e}({ref:c,type:y,className:n("relative box-border flex w-fit items-center justify-center border","cursor-pointer disabled:cursor-not-allowed","outlined"===v&&x?"rounded-full":"rounded-xl",s[v],w&&"pointer-events-none",f),onClick:(()=>{if(!w)return O?k:g})(),disabled:u,"aria-busy":w,"aria-live":w?"polite":void 0},j),{children:[w&&/*#__PURE__*/r("div",{className:"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",children:/*#__PURE__*/r(a,{size:"36"===h||"42"===h?"sm":"md",className:"text-current"})}),
|
|
2
2
|
/*#__PURE__*/r("div",{className:n("flex items-center justify-center text-current",p[h],w&&"invisible"),"aria-hidden":w,"data-testid":"design-system-button--content",children:m})]}))}));c.displayName="Button";export{c as Button};
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
}),[C]),/*#__PURE__*/e(n,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
|
|
40
40
|
/*#__PURE__*/t(n,{className:"cursor-pointer",children:/*#__PURE__*/e(l,{isFocused:C,isError:b,isDisabled:j,testId:"design-system-calendar--trigger",onClick:B,children:[
|
|
41
41
|
/*#__PURE__*/t(i,{name:"medium_calendar",className:j||!f?"text-w-gray-300":"text-w-gray-400"}),
|
|
42
|
-
/*#__PURE__*/t(o,{variant:"body16",className:s("min-w-[178px]
|
|
42
|
+
/*#__PURE__*/t(o,{variant:"body16",className:s("text-w-gray-600 min-w-[178px]",!f&&"text-w-gray-300",j&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${I} ${S} ${T}`:D})]})}),C&&/*#__PURE__*/t("div",{className:"fixed top-0 left-0 z-10 h-screen w-screen bg-transparent",onClick:B}),C&&/*#__PURE__*/e(n,{"data-testid":"design-system-calendar--content",className:"border-w-gray-200 bg-w-white shadow-graymedium absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border px-[15px] py-[23px]",children:[
|
|
43
43
|
/*#__PURE__*/t(d,{visibleDate:v,onChange:e=>{A(e)}}),
|
|
44
44
|
/*#__PURE__*/t(c,{}),
|
|
45
45
|
/*#__PURE__*/t(n,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:k.map(((e,a)=>{const r=!(!e||!f)&&x(e,F);return e?/*#__PURE__*/t(m,{date:e,selected:r,onChange:z},`${e.year}-${e.month}-${e.date}`):/*#__PURE__*/t(m,{disabled:!0},a)}))})]})]})};export{u as Calendar};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Typography as r}from"../../Base/Typography/Typography.js";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import{SystemIcon as n}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{getKoreanTimeString as s}from"./Calendar.utils.js";import{dayMap as o}from"./Calendar.constants.js";const i=()=>{const e=Array.from(o.values());/*#__PURE__*/
|
|
2
|
-
return t(l,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:e.map((e=>/*#__PURE__*/t(l,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/t(r,{variant:"body13",className:"
|
|
2
|
+
return t(l,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:e.map((e=>/*#__PURE__*/t(l,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/t(r,{variant:"body13",className:"text-w-gray-500 leading-normal",children:e})},e)))})},m=({visibleDate:a,onChange:o})=>{const i=1===(null==a?void 0:a.month),m=12===(null==a?void 0:a.month),{year:c,month:d}=a&&s(a);/*#__PURE__*/
|
|
3
3
|
return e(l,{className:"flex h-[50px] w-full gap-4",children:[
|
|
4
4
|
/*#__PURE__*/t(l,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==o||o({year:a.year-1,month:12,date:1}):null==o||o({year:a.year,month:a.month-1,date:1})},children:/*#__PURE__*/t(n,{name:"large_arrow_left",className:"text-gray-600"})}),
|
|
5
5
|
/*#__PURE__*/e(r,{variant:"subTitle18",className:"h-fit w-full text-center leading-normal text-gray-900",children:[c," ",d]}),
|
|
6
6
|
/*#__PURE__*/t(l,{"data-testid":"design-system-calendar--to-next-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{m?null==o||o({year:a.year+1,month:1,date:1}):null==o||o({year:a.year,month:a.month+1,date:1})},children:/*#__PURE__*/t(n,{name:"large_arrow_right",className:"text-gray-600"})})]})},c=({selected:e,date:n,disabled:s=!1,onChange:o})=>{const i=1===String(null==n?void 0:n.date).length?`0${null==n?void 0:n.date}`:null==n?void 0:n.date;/*#__PURE__*/
|
|
7
|
-
return t(l,{className:a("flex size-[42px] cursor-pointer items-center justify-center rounded-full
|
|
7
|
+
return t(l,{className:a("bg-w-white flex size-[42px] cursor-pointer items-center justify-center rounded-full p-2 text-center",!s&&!e&&"hover:bg-primary-10",e&&"bg-primary",s&&"cursor-default"),onClick:()=>{s||null==o||o(n)},children:/*#__PURE__*/t(r,{variant:"body16",className:a("text-w-gray-900",e&&"text-w-white",s&&"text-w-gray-300"),children:i})})};export{c as DateBox,m as SelectHeader,i as WeekHeader};
|
|
@@ -4,5 +4,5 @@ s?a?i?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":"bg-primary-100 border
|
|
|
4
4
|
// 에러 상태
|
|
5
5
|
i?a?"border-w-red-500 bg-w-red-500":"border-w-red-500 bg-w-white":
|
|
6
6
|
// 정상 상태
|
|
7
|
-
a?"bg-primary-500 border-primary-500":"group-hover:border-primary-500 border-w-gray-200 bg-white",n),role:"checkbox-button",children:["box"===o&&/*#__PURE__*/r(d,{checked:a,isError:i,disabled:s}),"circle"===o&&/*#__PURE__*/r(c,{checked:a,isError:i,disabled:s})]})},d=({checked:e,isError:i,disabled:d})=>/*#__PURE__*/r("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("absolute
|
|
7
|
+
a?"bg-primary-500 border-primary-500":"group-hover:border-primary-500 border-w-gray-200 bg-white",n),role:"checkbox-button",children:["box"===o&&/*#__PURE__*/r(d,{checked:a,isError:i,disabled:s}),"circle"===o&&/*#__PURE__*/r(c,{checked:a,isError:i,disabled:s})]})},d=({checked:e,isError:i,disabled:d})=>/*#__PURE__*/r("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",e&&o,i&&d&&s,!e&&"text-transparent",d&&(!i&&e?o:"text-transparent")),style:{strokeDasharray:e?"16":"0",strokeDashoffset:e?"16":"0"},children:/*#__PURE__*/r("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:e?a:""})}),c=({checked:e,isError:i,disabled:d})=>/*#__PURE__*/r("svg",{width:"10",height:"8",viewBox:"0 0 10 8",fill:"none",xmlns:"http://www.w3.org/2000/svg",className:t("absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2",e&&o,i&&d&&s,!e&&"text-w-gray-200 group-hover:text-w-primary",i&&!e&&"text-w-red-500 group-hover:text-w-red-500",d&&(!i&&e?o:s)),style:{strokeDasharray:e?"16":"0",strokeDashoffset:e?"16":"0"},children:/*#__PURE__*/r("path",{d:"M1 3.8L4 7L9 1",stroke:"currentColor",strokeWidth:"1.6",strokeLinecap:"round",strokeLinejoin:"round",className:e?a:""})}),l=({role:e,className:o,checked:s,disabled:a,isError:i})=>{const d="text-w-gray-100";/*#__PURE__*/
|
|
8
8
|
return r("svg",{width:"18",height:"18",viewBox:"0 0 18 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",role:e,className:t("cursor-pointer",a&&"cursor-not-allowed",i?a?d:"text-w-red-500":a?s?"text-primary-100":d:s?"text-primary":"text-w-gray-200",o),"data-testid":"design-system--sub-checkbox",children:/*#__PURE__*/r("path",{d:"M4 8.76667L7.75004 12.5L14.0001 5.5",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round",strokeLinejoin:"round"})})};export{i as CheckboxButton};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import{jsx as e}from"react/jsx-runtime";import{twMerge as r,twJoin as t}from"tailwind-merge";import"../../DataDisplays/Avatar/Avatar.js";import{Box as o}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{ProductIcon as i}from"../../DataDisplays/ProductIcon/ProductIcon.js";import"../../DataDisplays/Accordion/Accordion.js";import{Checkbox as n}from"../Checkbox/Checkbox.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){c(e,r,t[r])}))}return e}function a(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function l(e,r){if(null==e)return{};var t,o,i=function(e,r){if(null==e)return{};var t,o,i={},n=Object.keys(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(o=0;o<n.length;o++)t=n[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}const p=t=>{var{children:o,isWide:i,checked:n,isError:c,disabled:p,className:d}=t,b=l(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
|
|
2
|
-
return e("div",a(s({className:r("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",i?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6
|
|
3
|
-
return e(o,{className:t(d&&"absolute
|
|
2
|
+
return e("div",a(s({className:r("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",i?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pt-4 pb-6",!p&&!c&&"group-focus-within:border-primary-500",p?r("cursor-not-allowed",n&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":n?"border-primary-500":"border-w-gray-200 group-hover:border-primary",p?n&&!c?"bg-primary-10":"bg-w-gray-10":n?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},b),{children:o}))},d=({isWide:t,children:o})=>/*#__PURE__*/e("div",{className:r("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:o}),b=i=>{var{isWide:c,className:a}=i,p=l(i,["isWide","className"]);const d=!c;/*#__PURE__*/
|
|
3
|
+
return e(o,{className:t(d&&"absolute top-[17px] left-[17px]"),children:/*#__PURE__*/e(n,s({className:r(d&&"group-hover:border-primary-500",a)},p))})},m=({iconName:t,disabled:o,checked:n,isError:c})=>{const s=c||!n;/*#__PURE__*/
|
|
4
4
|
return e("div",{className:r("flex size-[60px] shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:/*#__PURE__*/e(i,{name:t,disabled:s})})};export{p as CheckboxCardContainer,m as CheckboxCardIcon,b as StyledCheckbox,d as TitleContainer};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t,twJoin as i}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Checkbox as
|
|
2
|
-
return r("label",l(
|
|
1
|
+
"use client";import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as t,twJoin as i}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as n}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Checkbox as a}from"../Checkbox/Checkbox.js";function c(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){c(e,r,t[r])}))}return e}function l(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function d(e,r){if(null==e)return{};var t,i,s=function(e,r){if(null==e)return{};var t,i,s={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(s[t]=e[t]);return s}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(s[t]=e[t])}return s}const b=e=>{var{children:i,disabled:s,hasDescription:n,className:a}=e,c=d(e,["children","disabled","hasDescription","className"]);/*#__PURE__*/
|
|
2
|
+
return r("label",l(o({className:t("grid-areas-checkbox-list-item-container grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container grid h-min gap-x-3",n?"gap-y-0.5":"gap-y-0",s?"cursor-not-allowed":"cursor-pointer",a)},c),{children:i}))},m=c=>{var{label:l,description:m,type:p="box",checked:y,disabled:h=!1,isError:g=!1,errorMessage:u,className:f,CheckboxClassName:O,onChange:x,children:w}=c,j=d(c,["label","description","type","checked","disabled","isError","errorMessage","className","CheckboxClassName","onChange","children"]);/*#__PURE__*/
|
|
3
3
|
return e(b,{"data-testid":"design-system-checkboxList--item",disabled:h,hasDescription:!!m,className:t("group",f),children:[
|
|
4
|
-
/*#__PURE__*/r(n,{className:"grid-in-checkbox cursor-pointer pt-1",children:/*#__PURE__*/r(
|
|
5
|
-
/*#__PURE__*/e(n,{className:"grid-in-label flex w-full items-center","data-testid":"design-system-checkboxList--item-label-root",children:[l&&/*#__PURE__*/r(s,{variant:"body16",className:i("w-full whitespace-normal
|
|
4
|
+
/*#__PURE__*/r(n,{className:"grid-in-checkbox cursor-pointer pt-1",children:/*#__PURE__*/r(a,o({checked:y,isError:g,disabled:h,onChange:x,className:O,type:p},j))}),
|
|
5
|
+
/*#__PURE__*/e(n,{className:"grid-in-label flex w-full items-center","data-testid":"design-system-checkboxList--item-label-root",children:[l&&/*#__PURE__*/r(s,{variant:"body16",className:i("w-full wrap-break-word whitespace-normal",h?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:l}),w]}),g&&u&&/*#__PURE__*/r(n,{className:"grid-in-error flex items-center",children:/*#__PURE__*/r(s,{variant:"body14",className:"text-w-red-500","data-testid":"design-system-checkboxList--item-error",children:u})}),m&&/*#__PURE__*/r(n,{className:"grid-in-description flex items-center",children:/*#__PURE__*/r(s,{variant:"body14",className:h?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:m})})]})};
|
|
6
6
|
/**
|
|
7
7
|
* 체크박스와 라벨, 설명을 포함하는 리스트 아이템 컴포넌트입니다.
|
|
8
8
|
*
|
|
@@ -39,6 +39,6 @@
|
|
|
39
39
|
*/(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const g=/*#__PURE__*/n(((n,f)=>{var{label:g,checked:O=!1,error:j=!1,leadingIcon:w,trailingIcon:v,onChange:P}=n,D=h(n,["label","checked","error","leadingIcon","trailingIcon","onChange"]);const[x,C]=o(O);c((()=>{C(O)}),[O]);/*#__PURE__*/
|
|
40
40
|
return e("label",{children:[
|
|
41
41
|
/*#__PURE__*/t("input",b(d({type:"checkbox",checked:x,className:"absolute h-0 w-0 opacity-0",onChange:e=>{P&&(P(e),C(e.target.checked))}},D),{ref:f})),
|
|
42
|
-
/*#__PURE__*/e("div",{"data-testid":"design-system-choiceChip",className:r("flex w-fit cursor-pointer
|
|
42
|
+
/*#__PURE__*/e("div",{"data-testid":"design-system-choiceChip",className:r("flex w-fit cursor-pointer items-center gap-2 rounded-full select-none",y(x,j),u(!!w)),children:[w&&/*#__PURE__*/t(a,{className:"bg-w-white flex size-8 items-center justify-center rounded-full p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/t(s,{name:w,className:l(x,j)})}),
|
|
43
43
|
/*#__PURE__*/e(a,{className:"flex items-center gap-1.5",children:[
|
|
44
44
|
/*#__PURE__*/t(i,{"data-testid":"design-system-choiceChip-label",variant:"body16",className:p(x,j),children:g}),v&&/*#__PURE__*/t(s,{name:v,className:m(x,j)})]})]})]})}));g.displayName="ChoiceChip";export{g as ChoiceChip};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as a}from"react";import{twMerge as l}from"tailwind-merge";import{Typography as n}from"../../Base/Typography/Typography.js";import{Box as s}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{Avatar as i}from"../../DataDisplays/Avatar/Avatar.js";import{SystemIcon as o}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import{Divider as c}from"../../DataDisplays/Divider/Divider.js";import"../../DataDisplays/Accordion/Accordion.js";import{Button as m}from"../Button/Button.js";import{CheckboxListItem as d}from"../CheckboxListItem/CheckboxListItem.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){u(e,t,r[t])}))}return e}function p(e,t){if(null==e)return{};var r,a,l=function(e,t){if(null==e)return{};var r,a,l={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(l[r]=e[r]);return l}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(l[r]=e[r])}return l}const y=({userId:r,imgUrl:a=""})=>/*#__PURE__*/e(s,{className:"flex items-center gap-2",children:[
|
|
2
2
|
/*#__PURE__*/t(i,{imgUrl:a,size:"sm"}),
|
|
3
|
-
/*#__PURE__*/t(n,{variant:"body16",className:"w-full font-medium
|
|
4
|
-
return e(s,{"data-testid":"design-system-commentArea--full-container",className:l("flex w-full items-start gap-4",S),children:[g&&/*#__PURE__*/t(o,{name:"medium_reply",className:"
|
|
5
|
-
/*#__PURE__*/e(s,{"data-testid":"design-system-commentArea--container",className:"
|
|
3
|
+
/*#__PURE__*/t(n,{variant:"body16",className:"text-w-gray-600 w-full font-medium",children:r})]}),b=({guideText:e})=>/*#__PURE__*/t(s,{className:"bg-w-gray-10 text-w-gray-500 w-full",children:/*#__PURE__*/t("ul",{className:"typo-body14 flex flex-col gap-0.5",children:"string"==typeof e?/*#__PURE__*/t("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e}):/*#__PURE__*/t(r,{children:null==e?void 0:e.map((e=>/*#__PURE__*/t("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e},e)))})})}),g=/*#__PURE__*/a(((a,n)=>{var{imgUrl:i,userId:u,isReply:g,guideText:h,buttonName:x,isSelected:w,optionMessage:j,cancelButtonName:N="취소",onClose:v,onSubmit:O,onCheck:k}=a,C=p(a,["imgUrl","userId","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]);const{value:D,className:S,disabled:A,spellCheck:B=!1,children:I}=C,P=p(C,["value","className","disabled","spellCheck","children"]),T=""===D.trim(),U=!u||T||A,z=u&&j;/*#__PURE__*/
|
|
4
|
+
return e(s,{"data-testid":"design-system-commentArea--full-container",className:l("flex w-full items-start gap-4",S),children:[g&&/*#__PURE__*/t(o,{name:"medium_reply",className:"text-w-gray-400 shrink-0"}),
|
|
5
|
+
/*#__PURE__*/e(s,{"data-testid":"design-system-commentArea--container",className:"border-w-gray-200 bg-w-white w-full rounded-xl border",children:[
|
|
6
6
|
/*#__PURE__*/t(s,{className:"flex w-full flex-col gap-2 px-4 py-3",children:I?/*#__PURE__*/t(s,{className:"h-[98px]",children:I}):/*#__PURE__*/e(r,{children:[u&&/*#__PURE__*/t(y,{imgUrl:i,userId:u}),
|
|
7
|
-
/*#__PURE__*/t("textarea",f({"data-testid":"design-system-commentArea",ref:n,value:D,spellCheck:B,disabled:A||!u,className:"
|
|
7
|
+
/*#__PURE__*/t("textarea",f({"data-testid":"design-system-commentArea",ref:n,value:D,spellCheck:B,disabled:A||!u,className:"placeholder:typo-body16 tracking-default text-w-gray-900 placeholder:text-w-gray-300 h-[63px] w-full resize-none border-none bg-transparent outline-hidden placeholder:font-normal"},P))]})}),h&&/*#__PURE__*/t(s,{"data-testid":"design-system-commentArea--guide-message",className:"bg-w-gray-10 text-w-gray-500 w-full px-4 py-2",children:/*#__PURE__*/t(b,{guideText:h})}),
|
|
8
8
|
/*#__PURE__*/t(c,{}),
|
|
9
9
|
/*#__PURE__*/e(s,{"data-testid":"design-system-commentArea--buttons",className:l("flex w-full items-center justify-end px-4 py-3",z&&"justify-between"),children:[z&&/*#__PURE__*/t(d,{label:j,checked:w,onChange:k,disabled:A||!u}),
|
|
10
10
|
/*#__PURE__*/e(s,{className:"flex w-fit shrink-0 items-center gap-3",children:[g&&/*#__PURE__*/t(m,{size:"36",onClick:v,variant:"outline_gray",children:N}),
|
|
@@ -44,5 +44,5 @@ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{twMerge as l}from"tailw
|
|
|
44
44
|
return e(o,{className:"flex w-full flex-col gap-6",children:[
|
|
45
45
|
/*#__PURE__*/r("input",{ref:S,type:"file",className:"hidden",accept:c,multiple:u,onChange:v,disabled:g,"data-testid":"file-uploader-input"}),p.length>0&&/*#__PURE__*/r(o,{className:"flex flex-col gap-2",children:p.map(((e,l)=>/*#__PURE__*/r(t,{file:e,onRemove:()=>D(l),disabled:g},`${e.name}-${l}`)))}),
|
|
46
46
|
/*#__PURE__*/e(o,{className:"flex flex-col gap-2",children:[
|
|
47
|
-
/*#__PURE__*/r("button",{type:"button",className:l("flex w-full items-center justify-center gap-3 rounded-xl border border-dashed
|
|
47
|
+
/*#__PURE__*/r("button",{type:"button",className:l("border-w-gray-200 bg-w-gray-10 text-w-gray-600 flex w-full items-center justify-center gap-3 rounded-xl border border-dashed px-6 py-8",w?"flex-row":"flex-col",g&&"cursor-not-allowed",x&&"border-w-red-500",!g&&!x&&"hover:border-w-gray-400",j&&!g&&!x&&"border-w-gray-400"),disabled:g,onClick:C,onDragOver:z,onDragLeave:B,onDrop:N,children:/*#__PURE__*/r(s,{disabled:g,isSmall:w,text:F,acceptDescription:M})}),
|
|
48
48
|
/*#__PURE__*/r(i,{errorMessage:h,supportMessage:b,currentFileSize:L,maxFileSize:f})]})]})};export{p as FileUploader};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import{jsx as e,jsxs as a,Fragment as t}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import{Typography as s}from"../../Base/Typography/Typography.js";import{Box as l}from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"../../DataDisplays/Avatar/Avatar.js";import"react";import{SystemIcon as i}from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../DataDisplays/Accordion/Accordion.js";import{getFileNameWithoutExtension as m,getFileExtension as n,formatFileSize as o}from"./FileUploader.utils.js";const c=({file:t,onRemove:c,disabled:d=!1})=>{const y=m(t.name),p=n(t.name),x=o(t.size);/*#__PURE__*/
|
|
2
|
-
return e(l,{className:"w-0 min-w-full rounded-xl border
|
|
3
|
-
/*#__PURE__*/e(i,{name:"medium_clip",className:"
|
|
2
|
+
return e(l,{className:"border-w-gray-200 w-0 min-w-full rounded-xl border px-3 py-2",children:/*#__PURE__*/a(l,{className:"flex items-center gap-2",children:[
|
|
3
|
+
/*#__PURE__*/e(i,{name:"medium_clip",className:"text-primary-500 shrink-0"}),
|
|
4
4
|
/*#__PURE__*/a(l,{className:"flex min-w-0 flex-1 items-center",children:[
|
|
5
|
-
/*#__PURE__*/e(s,{variant:"body16",className:"min-w-0 truncate
|
|
6
|
-
/*#__PURE__*/e(s,{variant:"body16",className:"
|
|
7
|
-
/*#__PURE__*/e(s,{variant:"body14",className:"ml-4 shrink-0
|
|
5
|
+
/*#__PURE__*/e(s,{variant:"body16",className:"text-w-gray-600 min-w-0 truncate",children:y}),
|
|
6
|
+
/*#__PURE__*/e(s,{variant:"body16",className:"text-w-gray-600 shrink-0",children:p})]}),
|
|
7
|
+
/*#__PURE__*/e(s,{variant:"body14",className:"text-w-gray-400 ml-4 shrink-0",children:x}),
|
|
8
8
|
/*#__PURE__*/e("button",{type:"button",onClick:c,disabled:d,"aria-label":"파일 삭제",className:d?"cursor-not-allowed":"",children:/*#__PURE__*/e(i,{name:"small_delete",className:r("ml-2 shrink-0",d?"text-w-gray-300":"text-w-gray-400")})})]})})},d=({disabled:r,isSmall:m,text:n,acceptDescription:o})=>{const c=r?"text-w-gray-300":"text-w-gray-600",d=r?"text-w-gray-300":"text-w-gray-400";/*#__PURE__*/
|
|
9
9
|
return a(t,{children:[
|
|
10
10
|
/*#__PURE__*/e(i,{name:"medium_upload",className:c}),m?/*#__PURE__*/e(s,{variant:"body16",className:c,children:n||"파일 업로드"}):/*#__PURE__*/a(l,{className:"flex flex-col items-center justify-center gap-0.5",children:[
|
|
@@ -44,5 +44,5 @@ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as r}from"re
|
|
|
44
44
|
* </FilterChip>
|
|
45
45
|
*/const m=/*#__PURE__*/r((({leadingIcon:r,trailingIcon:m,text:n,children:p,onClick:c,isOpen:d=!1,badgeCount:y,className:g},f)=>{const x=y&&Number(y)>0,u=d||x;/*#__PURE__*/
|
|
46
46
|
return t(i,{ref:f,"data-testid":"design-system-filter-chip--outer-container",className:a("relative w-fit",g),children:[
|
|
47
|
-
/*#__PURE__*/t(i,{"data-testid":"design-system-filter-chip",className:a("relative flex w-full cursor-pointer
|
|
48
|
-
/*#__PURE__*/e(s,{variant:"body16",className:a("text-w-gray-900",u&&"text-primary"),children:n}),m&&/*#__PURE__*/e(l,{testId:"design-system-filter-chip--trailing-icon",name:m,className:a("text-w-gray-400",u&&"text-primary")}),x&&/*#__PURE__*/e(o,{text:y,className:"-
|
|
47
|
+
/*#__PURE__*/t(i,{"data-testid":"design-system-filter-chip",className:a("border-w-gray-200 bg-w-white hover:border-primary relative flex w-full cursor-pointer items-center gap-1 rounded-full border px-[15px] py-1.5 select-none",d&&"border-primary",x&&"border-primary bg-primary-10 border-2 px-[14px] py-[5px]"),onClick:c,children:[r&&/*#__PURE__*/e(l,{testId:"design-system-filter-chip--leading-icon",name:r,className:a("text-w-gray-900",u&&"text-primary")}),
|
|
48
|
+
/*#__PURE__*/e(s,{variant:"body16",className:a("text-w-gray-900",u&&"text-primary"),children:n}),m&&/*#__PURE__*/e(l,{testId:"design-system-filter-chip--trailing-icon",name:m,className:a("text-w-gray-400",u&&"text-primary")}),x&&/*#__PURE__*/e(o,{text:y,className:"-top-1 -right-1"})]}),d&&p&&/*#__PURE__*/e(i,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:p})]})}));m.displayName="FilterChip";export{m as FilterChip};
|
|
@@ -40,10 +40,10 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as s}from"tailw
|
|
|
40
40
|
* />
|
|
41
41
|
* ```
|
|
42
42
|
*/const m=({title:m,buttonName:d="적용하기",name:p,onSelectAll:u,isAllSelected:y,isViewOnly:f=!1,data:h,className:x,selectedValues:g,onReset:b,onViewOnly:D,onSubmit:j})=>{console.log("selectedValues: ",g);/*#__PURE__*/
|
|
43
|
-
return e(l,{"data-testid":"design-system-filter-list",className:s("
|
|
43
|
+
return e(l,{"data-testid":"design-system-filter-list",className:s("bg-w-white shadow-graymedium desktop:w-[360px] w-full rounded-xl",x),children:[
|
|
44
44
|
/*#__PURE__*/e(l,{className:"flex flex-col gap-5 px-8 py-6",children:[
|
|
45
45
|
/*#__PURE__*/e(l,{className:"flex items-center justify-between",children:[
|
|
46
|
-
/*#__PURE__*/t(a,{variant:"subTitle18",className:"
|
|
46
|
+
/*#__PURE__*/t(a,{variant:"subTitle18",className:"text-w-gray-900 font-medium",children:m}),u&&/*#__PURE__*/e("button",{"data-testid":"design-system-filter--select-all",className:"group flex w-fit items-center gap-1",onClick:e=>{e.preventDefault(),null==u||u()},children:[
|
|
47
47
|
/*#__PURE__*/t(o,{type:"sub",checked:y}),
|
|
48
48
|
/*#__PURE__*/t(a,{variant:"body14",className:"text-w-gray-600",children:y?"선택 해제":"전체 선택"})]})]}),
|
|
49
49
|
/*#__PURE__*/e(l,{className:"flex flex-col gap-4",children:[h.map((e=>{const{value:s,label:a,onChange:l}=e;/*#__PURE__*/
|
|
@@ -31,5 +31,5 @@
|
|
|
31
31
|
* <IconButton outline>
|
|
32
32
|
* <Icon name="menu" />
|
|
33
33
|
* </IconButton>
|
|
34
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b=b=>{var{size:p="md",outline:d=!1,children:m,onClick:f,className:y,disabled:g,hasNew:O=!1}=b,j=u(b,["size","outline","children","onClick","className","disabled","hasNew"]);const[w,h]=r(!1),P=n(null);return o((()=>()=>{P.current&&clearTimeout(P.current)}),[]),/*#__PURE__*/e("button",a(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:l("relative flex items-center justify-center rounded-xl border bg-transparent",g?"cursor-not-allowed":"cursor-pointer","sm"===p?"size-6 rounded-lg":"md"===p?"size-9":"lg"===p?"size-[50px]":void 0,d?"border-w-gray-200 overflow-hidden":"border-transparent",y),onClick:e=>{null==f||f(e),h(!0),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{h(!1)}),300)},disabled:g},j),{children:[O&&"sm"!==p&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--new",className:i("absolute size-1 rounded-full
|
|
34
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b=b=>{var{size:p="md",outline:d=!1,children:m,onClick:f,className:y,disabled:g,hasNew:O=!1}=b,j=u(b,["size","outline","children","onClick","className","disabled","hasNew"]);const[w,h]=r(!1),P=n(null);return o((()=>()=>{P.current&&clearTimeout(P.current)}),[]),/*#__PURE__*/e("button",a(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){c(e,t,r[t])}))}return e}({"data-testid":"design-system-icon-button",type:"button",className:l("relative flex items-center justify-center rounded-xl border bg-transparent",g?"cursor-not-allowed":"cursor-pointer","sm"===p?"size-6 rounded-lg":"md"===p?"size-9":"lg"===p?"size-[50px]":void 0,d?"border-w-gray-200 overflow-hidden":"border-transparent",y),onClick:e=>{null==f||f(e),h(!0),P.current&&clearTimeout(P.current),P.current=setTimeout((()=>{h(!1)}),300)},disabled:g},j),{children:[O&&"sm"!==p&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--new",className:i("bg-w-orange-500 absolute size-1 rounded-full","md"===p&&"top-2 right-1","lg"===p&&"top-[13px] right-[9px]")}),w&&/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--ripple",className:l("bg-w-gray-500/10 absolute h-full w-full",d&&"sm"===p?"animate-ripple-outline-small":d?"animate-ripple-outline":"animate-ripple")}),
|
|
35
35
|
/*#__PURE__*/t(s,{"data-testid":"design-system-icon-button--icon",className:"absolute flex h-full w-full items-center justify-center",children:m})]}))};export{b as IconButton};
|