@youngduck/yd-ui 0.16.1 → 0.18.1
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/HorizonDragScroll.cjs.js +1 -1
- package/dist/HorizonDragScroll.cjs.js.map +1 -1
- package/dist/HorizonDragScroll.d.ts +5 -2
- package/dist/HorizonDragScroll.esm.js +1 -1
- package/dist/HorizonDragScroll.esm.js.map +1 -1
- package/dist/Overlays.cjs.js +3 -1
- package/dist/Overlays.cjs.js.map +1 -1
- package/dist/Overlays.esm.js +3 -1
- package/dist/Overlays.esm.js.map +1 -1
- package/dist/index.cjs.js +5 -5
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.css +1 -1
- package/dist/index.d.ts +136 -4
- package/dist/index.esm.js +5 -5
- package/dist/index.esm.js.map +1 -1
- package/dist/types/components/Calendars/DatePicker/DatePicker.d.ts +24 -0
- package/dist/types/components/Calendars/DatePicker/DatePicker.stories.d.ts +11 -0
- package/dist/types/components/Calendars/MonthPicker/MonthPicker.d.ts +24 -0
- package/dist/types/components/Calendars/MonthPicker/MonthPicker.stories.d.ts +10 -0
- package/dist/types/components/Calendars/YearPicker/YearPicker.d.ts +24 -0
- package/dist/types/components/Calendars/YearPicker/YearPicker.stories.d.ts +10 -0
- package/dist/types/components/Calendars/hooks/usePickerDropdown.d.ts +15 -0
- package/dist/types/components/Calendars/index.d.ts +6 -0
- package/dist/types/components/Calendars/utils/calendarDate.d.ts +46 -0
- package/dist/types/components/HorizonDragScroll/HorizonDragScroll.d.ts +5 -2
- package/dist/types/components/HorizonDragScroll/HorizonDragScroll.stories.d.ts +1 -0
- package/dist/types/components/Input/Input.d.ts +3 -4
- package/dist/types/components/Inputs/Input/Input.d.ts +21 -0
- package/dist/types/components/Inputs/Input/Input.stories.d.ts +11 -0
- package/dist/types/components/Inputs/NumberInput/NumberInput.d.ts +38 -0
- package/dist/types/components/Inputs/NumberInput/NumberInput.stories.d.ts +11 -0
- package/dist/types/components/Inputs/index.d.ts +4 -0
- package/dist/types/components/NumberInput/NumberInput.d.ts +38 -0
- package/dist/types/components/NumberInput/NumberInput.stories.d.ts +11 -0
- package/dist/types/components/Overlays/hooks/useFocusTrap.d.ts +1 -0
- package/dist/types/components/SelectBox/SelectBox.d.ts +2 -1
- package/dist/types/components/SelectBox/hooks/useSelectBox.d.ts +5 -0
- package/dist/types/components/Tabs/Tabs.d.ts +26 -0
- package/dist/types/components/Tabs/Tabs.stories.d.ts +17 -0
- package/dist/types/components/index.d.ts +6 -1
- package/dist/types/hooks/useFocusTrap.d.ts +1 -0
- package/package.json +5 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react");const
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react");const t="horizon-drag-scroll";function n({as:n,children:o,className:s,...c}){const l=n||"div",u=s?`${t} ${s}`:t,i=r.useRef(null),a=r.useRef(!1),f=r.useRef(!1),v=r.useRef(0),d=r.useRef(0);return r.useEffect(()=>{const e=i.current;if(!e)return;const r=r=>{if(!a.current)return;const t=r.clientX-v.current;if(!f.current){if(Math.abs(t)<5)return;f.current=!0}e.scrollLeft=d.current-t},t=()=>{a.current=!1},n=e=>{f.current&&(e.stopPropagation(),f.current=!1)};return window.addEventListener("mousemove",r),window.addEventListener("mouseup",t),e.addEventListener("click",n,!0),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",t),e.removeEventListener("click",n,!0)}},[]),e.jsx(l,{...c,ref:i,onMouseDown:e=>{e.preventDefault(),a.current=!0,v.current=e.clientX,d.current=i.current.scrollLeft},onKeyDown:e=>{const r=i.current;if(r)switch(e.key){case"ArrowLeft":e.preventDefault(),r.scrollBy({left:-150,behavior:"smooth"});break;case"ArrowRight":e.preventDefault(),r.scrollBy({left:150,behavior:"smooth"});break;case"Home":e.preventDefault(),r.scrollTo({left:0,behavior:"smooth"});break;case"End":e.preventDefault(),r.scrollTo({left:r.scrollWidth,behavior:"smooth"})}},className:u,tabIndex:0,role:"region","aria-label":"횡스크롤 영역",children:o})}n.displayName="HorizonDragScroll",exports.HorizonDragScroll=n;
|
|
2
2
|
//# sourceMappingURL=HorizonDragScroll.cjs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizonDragScroll.cjs.js","sources":["../src/components/HorizonDragScroll/HorizonDragScroll.tsx"],"sourcesContent":[null],"names":["BASE_CLASS","HorizonDragScroll","children","className","props","containerClassName","containerRef","useRef","pressedRef","isDraggingRef","startXRef","startScrollLeftRef","useEffect","container","current","handleMouseMove","e","deltaX","clientX","Math","abs","scrollLeft","handleMouseUp","handleClick","stopPropagation","window","addEventListener","removeEventListener","_jsx","ref","onMouseDown","preventDefault","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"HorizonDragScroll.cjs.js","sources":["../src/components/HorizonDragScroll/HorizonDragScroll.tsx"],"sourcesContent":[null],"names":["BASE_CLASS","HorizonDragScroll","as","children","className","props","Tag","containerClassName","containerRef","useRef","pressedRef","isDraggingRef","startXRef","startScrollLeftRef","useEffect","container","current","handleMouseMove","e","deltaX","clientX","Math","abs","scrollLeft","handleMouseUp","handleClick","stopPropagation","window","addEventListener","removeEventListener","_jsx","ref","onMouseDown","preventDefault","onKeyDown","key","scrollBy","left","behavior","scrollTo","scrollWidth","tabIndex","role","displayName"],"mappings":"mEAcA,MAAMA,EAAa,sBAIb,SAAUC,GAA2CC,GACzDA,EAAEC,SACFA,EAAQC,UACRA,KACGC,IAEH,MAAMC,EAAOJ,GAAM,MACbK,EAAqBH,EAAY,GAAGJ,KAAcI,IAAcJ,EAGhEQ,EAAeC,EAAAA,OAAoB,MACnCC,EAAaD,EAAAA,QAAO,GACpBE,EAAgBF,EAAAA,QAAO,GACvBG,EAAYH,EAAAA,OAAO,GACnBI,EAAqBJ,EAAAA,OAAO,GAyElC,OAvCAK,EAAAA,UAAU,KACR,MAAMC,EAAYP,EAAaQ,QAC/B,IAAKD,EAAW,OAEhB,MAAME,EAAmBC,IACvB,IAAKR,EAAWM,QAAS,OACzB,MAAMG,EAASD,EAAEE,QAAUR,EAAUI,QAErC,IAAKL,EAAcK,QAAS,CAC1B,GAAIK,KAAKC,IAAIH,GA5DO,EA4DwB,OAC5CR,EAAcK,SAAU,CAC1B,CAEAD,EAAUQ,WAAaV,EAAmBG,QAAUG,GAGhDK,EAAgB,KACpBd,EAAWM,SAAU,GAIjBS,EAAeP,IACfP,EAAcK,UAChBE,EAAEQ,kBACFf,EAAcK,SAAU,IAQ5B,OAJAW,OAAOC,iBAAiB,YAAaX,GACrCU,OAAOC,iBAAiB,UAAWJ,GACnCT,EAAUa,iBAAiB,QAASH,GAAa,GAE1C,KACLE,OAAOE,oBAAoB,YAAaZ,GACxCU,OAAOE,oBAAoB,UAAWL,GACtCT,EAAUc,oBAAoB,QAASJ,GAAa,KAErD,IAGDK,EAAAA,IAACxB,EAAG,IACED,EACJ0B,IAAKvB,EACLwB,YA1EqBd,IACvBA,EAAEe,iBACFvB,EAAWM,SAAU,EACrBJ,EAAUI,QAAUE,EAAEE,QACtBP,EAAmBG,QAAUR,EAAaQ,QAASO,YAuEjDW,UApEmBhB,IACrB,MAAMH,EAAYP,EAAaQ,QAC/B,GAAKD,EAEL,OAAQG,EAAEiB,KACR,IAAK,YACHjB,EAAEe,iBACFlB,EAAUqB,SAAS,CAAEC,MAjCE,IAiC6BC,SAAU,WAC9D,MACF,IAAK,aACHpB,EAAEe,iBACFlB,EAAUqB,SAAS,CAAEC,KArCE,IAqC4BC,SAAU,WAC7D,MACF,IAAK,OACHpB,EAAEe,iBACFlB,EAAUwB,SAAS,CAAEF,KAAM,EAAGC,SAAU,WACxC,MACF,IAAK,MACHpB,EAAEe,iBACFlB,EAAUwB,SAAS,CAAEF,KAAMtB,EAAUyB,YAAaF,SAAU,aAkD9DlC,UAAWG,EACXkC,SAAU,EACVC,KAAK,sBACM,UAASvC,SAEnBA,GAGP,CAEAF,EAAkB0C,YAAc"}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
|
|
3
|
-
type
|
|
4
|
-
|
|
3
|
+
type AsTag = 'div' | 'ul' | 'ol' | 'nav' | 'section';
|
|
4
|
+
type HorizonDragScrollProps<T extends AsTag = 'div'> = {
|
|
5
|
+
as?: T;
|
|
6
|
+
} & React.PropsWithChildren<React.HTMLAttributes<HTMLElement>>;
|
|
7
|
+
declare function HorizonDragScroll<T extends AsTag = 'div'>({ as, children, className, ...props }: HorizonDragScrollProps<T>): react_jsx_runtime.JSX.Element;
|
|
5
8
|
declare namespace HorizonDragScroll {
|
|
6
9
|
var displayName: string;
|
|
7
10
|
}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{useRef as r,useEffect as t}from"react";const o="horizon-drag-scroll";function n({as:n,children:c,className:s,...l}){const i=n||"div",a=s?`${o} ${s}`:o,u=r(null),m=r(!1),f=r(!1),v=r(0),d=r(0);return t(()=>{const e=u.current;if(!e)return;const r=r=>{if(!m.current)return;const t=r.clientX-v.current;if(!f.current){if(Math.abs(t)<5)return;f.current=!0}e.scrollLeft=d.current-t},t=()=>{m.current=!1},o=e=>{f.current&&(e.stopPropagation(),f.current=!1)};return window.addEventListener("mousemove",r),window.addEventListener("mouseup",t),e.addEventListener("click",o,!0),()=>{window.removeEventListener("mousemove",r),window.removeEventListener("mouseup",t),e.removeEventListener("click",o,!0)}},[]),e(i,{...l,ref:u,onMouseDown:e=>{e.preventDefault(),m.current=!0,v.current=e.clientX,d.current=u.current.scrollLeft},onKeyDown:e=>{const r=u.current;if(r)switch(e.key){case"ArrowLeft":e.preventDefault(),r.scrollBy({left:-150,behavior:"smooth"});break;case"ArrowRight":e.preventDefault(),r.scrollBy({left:150,behavior:"smooth"});break;case"Home":e.preventDefault(),r.scrollTo({left:0,behavior:"smooth"});break;case"End":e.preventDefault(),r.scrollTo({left:r.scrollWidth,behavior:"smooth"})}},className:a,tabIndex:0,role:"region","aria-label":"횡스크롤 영역",children:c})}n.displayName="HorizonDragScroll";export{n as HorizonDragScroll};
|
|
2
2
|
//# sourceMappingURL=HorizonDragScroll.esm.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"HorizonDragScroll.esm.js","sources":["../src/components/HorizonDragScroll/HorizonDragScroll.tsx"],"sourcesContent":[null],"names":["BASE_CLASS","HorizonDragScroll","children","className","props","containerClassName","containerRef","useRef","pressedRef","isDraggingRef","startXRef","startScrollLeftRef","useEffect","container","current","handleMouseMove","e","deltaX","clientX","Math","abs","scrollLeft","handleMouseUp","handleClick","stopPropagation","window","addEventListener","removeEventListener","_jsx","ref","onMouseDown","preventDefault","displayName"],"mappings":"
|
|
1
|
+
{"version":3,"file":"HorizonDragScroll.esm.js","sources":["../src/components/HorizonDragScroll/HorizonDragScroll.tsx"],"sourcesContent":[null],"names":["BASE_CLASS","HorizonDragScroll","as","children","className","props","Tag","containerClassName","containerRef","useRef","pressedRef","isDraggingRef","startXRef","startScrollLeftRef","useEffect","container","current","handleMouseMove","e","deltaX","clientX","Math","abs","scrollLeft","handleMouseUp","handleClick","stopPropagation","window","addEventListener","removeEventListener","_jsx","ref","onMouseDown","preventDefault","onKeyDown","key","scrollBy","left","behavior","scrollTo","scrollWidth","tabIndex","role","displayName"],"mappings":"sFAcA,MAAMA,EAAa,sBAIb,SAAUC,GAA2CC,GACzDA,EAAEC,SACFA,EAAQC,UACRA,KACGC,IAEH,MAAMC,EAAOJ,GAAM,MACbK,EAAqBH,EAAY,GAAGJ,KAAcI,IAAcJ,EAGhEQ,EAAeC,EAAoB,MACnCC,EAAaD,GAAO,GACpBE,EAAgBF,GAAO,GACvBG,EAAYH,EAAO,GACnBI,EAAqBJ,EAAO,GAyElC,OAvCAK,EAAU,KACR,MAAMC,EAAYP,EAAaQ,QAC/B,IAAKD,EAAW,OAEhB,MAAME,EAAmBC,IACvB,IAAKR,EAAWM,QAAS,OACzB,MAAMG,EAASD,EAAEE,QAAUR,EAAUI,QAErC,IAAKL,EAAcK,QAAS,CAC1B,GAAIK,KAAKC,IAAIH,GA5DO,EA4DwB,OAC5CR,EAAcK,SAAU,CAC1B,CAEAD,EAAUQ,WAAaV,EAAmBG,QAAUG,GAGhDK,EAAgB,KACpBd,EAAWM,SAAU,GAIjBS,EAAeP,IACfP,EAAcK,UAChBE,EAAEQ,kBACFf,EAAcK,SAAU,IAQ5B,OAJAW,OAAOC,iBAAiB,YAAaX,GACrCU,OAAOC,iBAAiB,UAAWJ,GACnCT,EAAUa,iBAAiB,QAASH,GAAa,GAE1C,KACLE,OAAOE,oBAAoB,YAAaZ,GACxCU,OAAOE,oBAAoB,UAAWL,GACtCT,EAAUc,oBAAoB,QAASJ,GAAa,KAErD,IAGDK,EAACxB,EAAG,IACED,EACJ0B,IAAKvB,EACLwB,YA1EqBd,IACvBA,EAAEe,iBACFvB,EAAWM,SAAU,EACrBJ,EAAUI,QAAUE,EAAEE,QACtBP,EAAmBG,QAAUR,EAAaQ,QAASO,YAuEjDW,UApEmBhB,IACrB,MAAMH,EAAYP,EAAaQ,QAC/B,GAAKD,EAEL,OAAQG,EAAEiB,KACR,IAAK,YACHjB,EAAEe,iBACFlB,EAAUqB,SAAS,CAAEC,MAjCE,IAiC6BC,SAAU,WAC9D,MACF,IAAK,aACHpB,EAAEe,iBACFlB,EAAUqB,SAAS,CAAEC,KArCE,IAqC4BC,SAAU,WAC7D,MACF,IAAK,OACHpB,EAAEe,iBACFlB,EAAUwB,SAAS,CAAEF,KAAM,EAAGC,SAAU,WACxC,MACF,IAAK,MACHpB,EAAEe,iBACFlB,EAAUwB,SAAS,CAAEF,KAAMtB,EAAUyB,YAAaF,SAAU,aAkD9DlC,UAAWG,EACXkC,SAAU,EACVC,KAAK,sBACM,UAASvC,SAEnBA,GAGP,CAEAF,EAAkB0C,YAAc"}
|
package/dist/Overlays.cjs.js
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),n=require("react");const
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),n=require("react");const t=n.createContext({overlays:new Map,mount:()=>{},unmount:()=>{}});function r(e){var n,t,o="";if("string"==typeof e||"number"==typeof e)o+=e;else if("object"==typeof e)if(Array.isArray(e)){var a=e.length;for(n=0;n<a;n++)e[n]&&(t=r(e[n]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}const o=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,a=function(){for(var e,n,t=0,o="",a=arguments.length;t<a;t++)(e=arguments[t])&&(n=r(e))&&(o&&(o+=" "),o+=n);return o},i=(e,n)=>t=>{var r;if(null==(null==n?void 0:n.variants))return a(e,null==t?void 0:t.class,null==t?void 0:t.className);const{variants:i,defaultVariants:l}=n,s=Object.keys(i).map(e=>{const n=null==t?void 0:t[e],r=null==l?void 0:l[e];if(null===n)return null;const a=o(n)||o(r);return i[e][a]}),c=t&&Object.entries(t).reduce((e,n)=>{let[t,r]=n;return void 0===r||(e[t]=r),e},{}),d=null==n||null===(r=n.compoundVariants)||void 0===r?void 0:r.reduce((e,n)=>{let{class:t,className:r,...o}=n;return Object.entries(o).every(e=>{let[n,t]=e;return Array.isArray(t)?t.includes({...l,...c}[n]):{...l,...c}[n]===t})?[...e,t,r]:e},[]);return a(e,s,d,null==t?void 0:t.class,null==t?void 0:t.className)},l=i("yds-button",{variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""},disabled:{true:"opacity-50 cursor-not-allowed"}},compoundVariants:[{variant:"fill",color:"primary",class:"yds-button-fill-primary"},{variant:"outlined",color:"primary",class:"yds-button-outlined-primary"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}});function s({size:n="md",variant:t,color:r,children:o,className:a="",ref:i,disabled:s=!1,...c}){return e.jsx("button",{ref:i,className:`${l({size:n,variant:t,color:r,className:a,disabled:s})}`,tabIndex:s?-1:0,"aria-label":c["aria-label"]||("string"==typeof o?o:"button"),disabled:s,...c,children:o})}s.displayName="Button";const c='a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';function d(){const e=n.useRef(null),t=n.useRef(null),r=n.useCallback(n=>{if("Tab"!==n.key)return;const t=e.current;if(!t)return;const r=Array.from(t.querySelectorAll(c)).filter(e=>null!==e.offsetParent);if(0===r.length)return void n.preventDefault();const o=r[0],a=r[r.length-1];n.shiftKey?document.activeElement!==o&&document.activeElement!==t||(n.preventDefault(),a.focus()):document.activeElement===a&&(n.preventDefault(),o.focus())},[]);return n.useEffect(()=>{t.current=document.activeElement;const n=e.current;if(!n)return;const o=n.querySelectorAll(c);return o.length>0?o[0].focus():n.focus(),document.addEventListener("keydown",r),()=>{document.removeEventListener("keydown",r),t.current?.focus()}},[r]),e}const u=({title:t,description:r,confirmText:o,cancelText:a,onConfirm:i,onCancel:l})=>{const c=d(),u=n.useId(),m=n.useId();return e.jsx("div",{className:"yds-confirm-dialog-backdrop",onClick:e=>{e.target===e.currentTarget&&l()},onKeyDown:e=>{"Escape"===e.key&&l()},role:"alertdialog","aria-modal":"true","aria-labelledby":u,"aria-describedby":r?m:void 0,tabIndex:-1,children:e.jsxs("div",{ref:c,className:"yds-confirm-dialog",tabIndex:1,children:[e.jsx("h2",{id:u,className:"yds-confirm-dialog-title",children:t}),r&&e.jsx("p",{id:m,className:"yds-confirm-dialog-description",children:r}),e.jsxs("div",{className:"yds-confirm-dialog-actions",children:[e.jsx(s,{variant:"outlined",color:"primary",size:"full",onClick:l,children:a}),e.jsx(s,{variant:"fill",color:"primary",size:"full",onClick:async()=>{await i(),l()},children:o})]})]})})};u.displayName="ConfirmDialog";const m=i("yds-modal",{variants:{size:{sm:"yds-modal-size-sm",md:"yds-modal-size-md",lg:"yds-modal-size-lg",xl:"yds-modal-size-xl"}}}),f=({onClose:n,children:t,size:r})=>{const o=d();
|
|
2
|
+
//!SECTION 메서드 영역
|
|
3
|
+
return e.jsx("div",{className:"yds-modal-backdrop",onClick:e=>{e.target===e.currentTarget&&n()},onKeyDown:e=>{"Escape"===e.key&&n()},role:"dialog","aria-modal":"true",tabIndex:-1,children:e.jsx("div",{ref:o,className:m({size:r}),tabIndex:-1,children:t})})};f.displayName="Modal";const y=({content:t,duration:r,onDismiss:o})=>(n.useEffect(()=>{const e=setTimeout(o,r);return()=>clearTimeout(e)},[]),e.jsx("div",{className:"yds-toast-container",role:"status","aria-live":"polite",children:e.jsx("div",{className:"yds-toast",children:t})}));y.displayName="Toast";let v=0;exports.OverlayProvider=({children:r})=>{const[o,a]=n.useState(new Map),i={overlays:o,mount:e=>{a(n=>new Map(n).set(e.id,e.component))},unmount:e=>{a(n=>{const t=new Map(n);return t.delete(e),t})}};return e.jsxs(t.Provider,{value:i,children:[r,e.jsx("div",{children:Array.from(o.entries()).map(([n,t])=>e.jsx("div",{children:t},n))})]})},exports.useOverlay=()=>{const r=n.useContext(t);if(!r)throw new Error("useOverlay는 OverlayProvider 내에서만 사용할 수 있습니다.");const{mount:o,unmount:a}=r,i=e=>{a(e)};return{modalOpen:n=>{const t=++v,r="function"==typeof n.content?n.content(()=>i(t)):n.content;o({id:t,component:e.jsx(f,{onClose:()=>i(t),size:n.config.size,children:r})})},modalClose:i,toast:n=>{const t=++v;o({id:t,component:e.jsx(y,{content:n.content,duration:n.duration??2e3,onDismiss:()=>a(t)})})},confirmDialog:n=>{const t=++v;o({id:t,component:e.jsx(u,{title:n.title,description:n.description,confirmText:n.confirmText??"확인",cancelText:n.cancelText??"취소",onConfirm:n.onConfirm,onCancel:()=>{n.onCancel?.(),a(t)}})})}}};
|
|
2
4
|
//# sourceMappingURL=Overlays.cjs.js.map
|
package/dist/Overlays.cjs.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlays.cjs.js","sources":["../src/components/Overlays/OverlayProvider.tsx","../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../src/components/Overlays/ConfirmDialog/ConfirmDialog.tsx","../src/components/Overlays/Modal/ModalTypes.ts","../src/components/Overlays/Modal/Modal.tsx","../src/components/Overlays/Toast/Toast.tsx","../src/components/Overlays/useOverlay.tsx"],"sourcesContent":[null,"function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,null,null,null,null,null],"names":["OverlayContext","createContext","overlays","Map","mount","unmount","r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","disabled","true","Button","children","ref","_jsx","tabIndex","displayName","ConfirmDialog","title","description","confirmText","cancelText","onConfirm","onCancel","onClick","target","currentTarget","onKeyDown","role","el","focus","_jsxs","async","modalSizeVariants","xl","Modal","onClose","Toast","content","duration","onDismiss","useEffect","timer","setTimeout","clearTimeout","overlayIdCounter","setOverlays","useState","contextValue","overlayConfig","prev","set","id","component","clonedMap","delete","Provider","from","context","useContext","Error","modalClose","modalOpen","modalData","toast","toastData","confirmDialog","confirmData"],"mappings":"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","x_google_ignoreList":[1,2]}
|
|
1
|
+
{"version":3,"file":"Overlays.cjs.js","sources":["../src/components/Overlays/OverlayProvider.tsx","../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../src/components/Overlays/hooks/useFocusTrap.ts","../src/components/Overlays/ConfirmDialog/ConfirmDialog.tsx","../src/components/Overlays/Modal/ModalTypes.ts","../src/components/Overlays/Modal/Modal.tsx","../src/components/Overlays/Toast/Toast.tsx","../src/components/Overlays/useOverlay.tsx"],"sourcesContent":[null,"function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,null,null,null,null,null,null],"names":["OverlayContext","createContext","overlays","Map","mount","unmount","r","e","t","f","n","Array","isArray","o","length","falsyToString","value","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","map","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","entries","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","disabled","true","Button","children","ref","_jsx","tabIndex","displayName","FOCUSABLE_SELECTOR","useFocusTrap","trapRef","useRef","previousActiveElementRef","handleKeyDown","useCallback","container","current","focusableElements","from","querySelectorAll","filter","el","offsetParent","preventDefault","first","last","shiftKey","document","activeElement","focus","useEffect","addEventListener","removeEventListener","ConfirmDialog","title","description","confirmText","cancelText","onConfirm","onCancel","focusTrapRef","titleId","useId","descriptionId","onClick","target","currentTarget","onKeyDown","role","_jsxs","id","async","modalSizeVariants","xl","Modal","onClose","Toast","content","duration","onDismiss","timer","setTimeout","clearTimeout","overlayIdCounter","setOverlays","useState","contextValue","overlayConfig","prev","set","component","clonedMap","delete","Provider","context","useContext","Error","modalClose","modalOpen","modalData","toast","toastData","confirmDialog","confirmData"],"mappings":"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","x_google_ignoreList":[1,2]}
|
package/dist/Overlays.esm.js
CHANGED
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createContext as
|
|
1
|
+
import{jsxs as e,jsx as n}from"react/jsx-runtime";import{createContext as t,useState as r,useRef as o,useCallback as i,useEffect as a,useId as l,useContext as s}from"react";const c=t({overlays:new Map,mount:()=>{},unmount:()=>{}}),d=({children:t})=>{const[o,i]=r(new Map),a={overlays:o,mount:e=>{i(n=>new Map(n).set(e.id,e.component))},unmount:e=>{i(n=>{const t=new Map(n);return t.delete(e),t})}};return e(c.Provider,{value:a,children:[t,n("div",{children:Array.from(o.entries()).map(([e,t])=>n("div",{children:t},e))})]})};function u(e){var n,t,r="";if("string"==typeof e||"number"==typeof e)r+=e;else if("object"==typeof e)if(Array.isArray(e)){var o=e.length;for(n=0;n<o;n++)e[n]&&(t=u(e[n]))&&(r&&(r+=" "),r+=t)}else for(t in e)e[t]&&(r&&(r+=" "),r+=t);return r}const m=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,f=function(){for(var e,n,t=0,r="",o=arguments.length;t<o;t++)(e=arguments[t])&&(n=u(e))&&(r&&(r+=" "),r+=n);return r},y=(e,n)=>t=>{var r;if(null==(null==n?void 0:n.variants))return f(e,null==t?void 0:t.class,null==t?void 0:t.className);const{variants:o,defaultVariants:i}=n,a=Object.keys(o).map(e=>{const n=null==t?void 0:t[e],r=null==i?void 0:i[e];if(null===n)return null;const a=m(n)||m(r);return o[e][a]}),l=t&&Object.entries(t).reduce((e,n)=>{let[t,r]=n;return void 0===r||(e[t]=r),e},{}),s=null==n||null===(r=n.compoundVariants)||void 0===r?void 0:r.reduce((e,n)=>{let{class:t,className:r,...o}=n;return Object.entries(o).every(e=>{let[n,t]=e;return Array.isArray(t)?t.includes({...i,...l}[n]):{...i,...l}[n]===t})?[...e,t,r]:e},[]);return f(e,a,s,null==t?void 0:t.class,null==t?void 0:t.className)},v=y("yds-button",{variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""},disabled:{true:"opacity-50 cursor-not-allowed"}},compoundVariants:[{variant:"fill",color:"primary",class:"yds-button-fill-primary"},{variant:"outlined",color:"primary",class:"yds-button-outlined-primary"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}});function p({size:e="md",variant:t,color:r,children:o,className:i="",ref:a,disabled:l=!1,...s}){return n("button",{ref:a,className:`${v({size:e,variant:t,color:r,className:i,disabled:l})}`,tabIndex:l?-1:0,"aria-label":s["aria-label"]||("string"==typeof o?o:"button"),disabled:l,...s,children:o})}p.displayName="Button";const b='a[href], button:not([disabled]), textarea:not([disabled]), input:not([disabled]), select:not([disabled]), [tabindex]:not([tabindex="-1"])';function h(){const e=o(null),n=o(null),t=i(n=>{if("Tab"!==n.key)return;const t=e.current;if(!t)return;const r=Array.from(t.querySelectorAll(b)).filter(e=>null!==e.offsetParent);if(0===r.length)return void n.preventDefault();const o=r[0],i=r[r.length-1];n.shiftKey?document.activeElement!==o&&document.activeElement!==t||(n.preventDefault(),i.focus()):document.activeElement===i&&(n.preventDefault(),o.focus())},[]);return a(()=>{n.current=document.activeElement;const r=e.current;if(!r)return;const o=r.querySelectorAll(b);return o.length>0?o[0].focus():r.focus(),document.addEventListener("keydown",t),()=>{document.removeEventListener("keydown",t),n.current?.focus()}},[t]),e}const g=({title:t,description:r,confirmText:o,cancelText:i,onConfirm:a,onCancel:s})=>{const c=h(),d=l(),u=l();return n("div",{className:"yds-confirm-dialog-backdrop",onClick:e=>{e.target===e.currentTarget&&s()},onKeyDown:e=>{"Escape"===e.key&&s()},role:"alertdialog","aria-modal":"true","aria-labelledby":d,"aria-describedby":r?u:void 0,tabIndex:-1,children:e("div",{ref:c,className:"yds-confirm-dialog",tabIndex:1,children:[n("h2",{id:d,className:"yds-confirm-dialog-title",children:t}),r&&n("p",{id:u,className:"yds-confirm-dialog-description",children:r}),e("div",{className:"yds-confirm-dialog-actions",children:[n(p,{variant:"outlined",color:"primary",size:"full",onClick:s,children:i}),n(p,{variant:"fill",color:"primary",size:"full",onClick:async()=>{await a(),s()},children:o})]})]})})};g.displayName="ConfirmDialog";const x=y("yds-modal",{variants:{size:{sm:"yds-modal-size-sm",md:"yds-modal-size-md",lg:"yds-modal-size-lg",xl:"yds-modal-size-xl"}}}),N=({onClose:e,children:t,size:r})=>{const o=h();
|
|
2
|
+
//!SECTION 메서드 영역
|
|
3
|
+
return n("div",{className:"yds-modal-backdrop",onClick:n=>{n.target===n.currentTarget&&e()},onKeyDown:n=>{"Escape"===n.key&&e()},role:"dialog","aria-modal":"true",tabIndex:-1,children:n("div",{ref:o,className:x({size:r}),tabIndex:-1,children:t})})};N.displayName="Modal";const w=({content:e,duration:t,onDismiss:r})=>(a(()=>{const e=setTimeout(r,t);return()=>clearTimeout(e)},[]),n("div",{className:"yds-toast-container",role:"status","aria-live":"polite",children:n("div",{className:"yds-toast",children:e})}));w.displayName="Toast";let z=0;const C=()=>{const e=s(c);if(!e)throw new Error("useOverlay는 OverlayProvider 내에서만 사용할 수 있습니다.");const{mount:t,unmount:r}=e,o=e=>{r(e)};return{modalOpen:e=>{const r=++z,i="function"==typeof e.content?e.content(()=>o(r)):e.content;t({id:r,component:n(N,{onClose:()=>o(r),size:e.config.size,children:i})})},modalClose:o,toast:e=>{const o=++z;t({id:o,component:n(w,{content:e.content,duration:e.duration??2e3,onDismiss:()=>r(o)})})},confirmDialog:e=>{const o=++z;t({id:o,component:n(g,{title:e.title,description:e.description,confirmText:e.confirmText??"확인",cancelText:e.cancelText??"취소",onConfirm:e.onConfirm,onCancel:()=>{e.onCancel?.(),r(o)}})})}}};export{d as OverlayProvider,C as useOverlay};
|
|
2
4
|
//# sourceMappingURL=Overlays.esm.js.map
|
package/dist/Overlays.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Overlays.esm.js","sources":["../src/components/Overlays/OverlayProvider.tsx","../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../src/components/Overlays/ConfirmDialog/ConfirmDialog.tsx","../src/components/Overlays/Modal/ModalTypes.ts","../src/components/Overlays/Modal/Modal.tsx","../src/components/Overlays/Toast/Toast.tsx","../src/components/Overlays/useOverlay.tsx"],"sourcesContent":[null,"function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,null,null,null,null,null],"names":["OverlayContext","createContext","overlays","Map","mount","unmount","OverlayProvider","children","setOverlays","useState","contextValue","overlayConfig","prev","set","id","component","clonedMap","delete","_jsxs","Provider","value","_jsx","Array","from","entries","map","r","e","t","f","n","isArray","o","length","falsyToString","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","disabled","true","Button","ref","tabIndex","displayName","ConfirmDialog","title","description","confirmText","cancelText","onConfirm","onCancel","onClick","target","currentTarget","onKeyDown","role","el","focus","async","modalSizeVariants","xl","Modal","onClose","Toast","content","duration","onDismiss","useEffect","timer","setTimeout","clearTimeout","overlayIdCounter","useOverlay","context","useContext","Error","modalClose","modalOpen","modalData","toast","toastData","confirmDialog","confirmData"],"mappings":"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","x_google_ignoreList":[1,2]}
|
|
1
|
+
{"version":3,"file":"Overlays.esm.js","sources":["../src/components/Overlays/OverlayProvider.tsx","../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs","../node_modules/.pnpm/class-variance-authority@0.7.1/node_modules/class-variance-authority/dist/index.mjs","../src/components/Button/Button.tsx","../src/components/Overlays/hooks/useFocusTrap.ts","../src/components/Overlays/ConfirmDialog/ConfirmDialog.tsx","../src/components/Overlays/Modal/ModalTypes.ts","../src/components/Overlays/Modal/Modal.tsx","../src/components/Overlays/Toast/Toast.tsx","../src/components/Overlays/useOverlay.tsx"],"sourcesContent":[null,"function r(e){var t,f,n=\"\";if(\"string\"==typeof e||\"number\"==typeof e)n+=e;else if(\"object\"==typeof e)if(Array.isArray(e)){var o=e.length;for(t=0;t<o;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=\" \"),n+=f)}else for(f in e)e[f]&&(n&&(n+=\" \"),n+=f);return n}export function clsx(){for(var e,t,f=0,n=\"\",o=arguments.length;f<o;f++)(e=arguments[f])&&(t=r(e))&&(n&&(n+=\" \"),n+=t);return n}export default clsx;","/**\n * Copyright 2022 Joe Bell. All rights reserved.\n *\n * This file is licensed to you under the Apache License, Version 2.0\n * (the \"License\"); you may not use this file except in compliance with the\n * License. You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR REPRESENTATIONS OF ANY KIND, either express or implied. See the\n * License for the specific language governing permissions and limitations under\n * the License.\n */ import { clsx } from \"clsx\";\nconst falsyToString = (value)=>typeof value === \"boolean\" ? `${value}` : value === 0 ? \"0\" : value;\nexport const cx = clsx;\nexport const cva = (base, config)=>(props)=>{\n var _config_compoundVariants;\n if ((config === null || config === void 0 ? void 0 : config.variants) == null) return cx(base, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n const { variants, defaultVariants } = config;\n const getVariantClassNames = Object.keys(variants).map((variant)=>{\n const variantProp = props === null || props === void 0 ? void 0 : props[variant];\n const defaultVariantProp = defaultVariants === null || defaultVariants === void 0 ? void 0 : defaultVariants[variant];\n if (variantProp === null) return null;\n const variantKey = falsyToString(variantProp) || falsyToString(defaultVariantProp);\n return variants[variant][variantKey];\n });\n const propsWithoutUndefined = props && Object.entries(props).reduce((acc, param)=>{\n let [key, value] = param;\n if (value === undefined) {\n return acc;\n }\n acc[key] = value;\n return acc;\n }, {});\n const getCompoundVariantClassNames = config === null || config === void 0 ? void 0 : (_config_compoundVariants = config.compoundVariants) === null || _config_compoundVariants === void 0 ? void 0 : _config_compoundVariants.reduce((acc, param)=>{\n let { class: cvClass, className: cvClassName, ...compoundVariantOptions } = param;\n return Object.entries(compoundVariantOptions).every((param)=>{\n let [key, value] = param;\n return Array.isArray(value) ? value.includes({\n ...defaultVariants,\n ...propsWithoutUndefined\n }[key]) : ({\n ...defaultVariants,\n ...propsWithoutUndefined\n })[key] === value;\n }) ? [\n ...acc,\n cvClass,\n cvClassName\n ] : acc;\n }, []);\n return cx(base, getVariantClassNames, getCompoundVariantClassNames, props === null || props === void 0 ? void 0 : props.class, props === null || props === void 0 ? void 0 : props.className);\n };\n\n",null,null,null,null,null,null,null],"names":["OverlayContext","createContext","overlays","Map","mount","unmount","OverlayProvider","children","setOverlays","useState","contextValue","overlayConfig","prev","set","id","component","clonedMap","delete","_jsxs","Provider","value","_jsx","Array","from","entries","map","r","e","t","f","n","isArray","o","length","falsyToString","cx","arguments","cva","base","config","props","_config_compoundVariants","variants","class","className","defaultVariants","getVariantClassNames","Object","keys","variant","variantProp","defaultVariantProp","variantKey","propsWithoutUndefined","reduce","acc","param","key","undefined","getCompoundVariantClassNames","compoundVariants","cvClass","cvClassName","compoundVariantOptions","every","includes","buttonVariants","size","sm","md","lg","full","fill","outlined","color","primary","disabled","true","Button","ref","tabIndex","displayName","FOCUSABLE_SELECTOR","useFocusTrap","trapRef","useRef","previousActiveElementRef","handleKeyDown","useCallback","container","current","focusableElements","querySelectorAll","filter","el","offsetParent","preventDefault","first","last","shiftKey","document","activeElement","focus","useEffect","addEventListener","removeEventListener","ConfirmDialog","title","description","confirmText","cancelText","onConfirm","onCancel","focusTrapRef","titleId","useId","descriptionId","onClick","target","currentTarget","onKeyDown","role","async","modalSizeVariants","xl","Modal","onClose","Toast","content","duration","onDismiss","timer","setTimeout","clearTimeout","overlayIdCounter","useOverlay","context","useContext","Error","modalClose","modalOpen","modalData","toast","toastData","confirmDialog","confirmData"],"mappings":"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","x_google_ignoreList":[1,2]}
|
package/dist/index.cjs.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("react");function r(e){var a,n,t="";if("string"==typeof e||"number"==typeof e)t+=e;else if("object"==typeof e)if(Array.isArray(e)){var s=e.length;for(a=0;a<s;a++)e[a]&&(n=r(e[a]))&&(t&&(t+=" "),t+=n)}else for(n in e)e[n]&&(t&&(t+=" "),t+=n);return t}function n(){for(var e,a,n=0,t="",s=arguments.length;n<s;n++)(e=arguments[n])&&(a=r(e))&&(t&&(t+=" "),t+=a);return t}const t=e=>"boolean"==typeof e?`${e}`:0===e?"0":e,s=n,l=(e,a)=>r=>{var n;if(null==(null==a?void 0:a.variants))return s(e,null==r?void 0:r.class,null==r?void 0:r.className);const{variants:l,defaultVariants:i}=a,d=Object.keys(l).map(e=>{const a=null==r?void 0:r[e],n=null==i?void 0:i[e];if(null===a)return null;const s=t(a)||t(n);return l[e][s]}),o=r&&Object.entries(r).reduce((e,a)=>{let[r,n]=a;return void 0===n||(e[r]=n),e},{}),c=null==a||null===(n=a.compoundVariants)||void 0===n?void 0:n.reduce((e,a)=>{let{class:r,className:n,...t}=a;return Object.entries(t).every(e=>{let[a,r]=e;return Array.isArray(r)?r.includes({...i,...o}[a]):{...i,...o}[a]===r})?[...e,r,n]:e},[]);return s(e,d,c,null==r?void 0:r.class,null==r?void 0:r.className)},i=l("yds-button",{variants:{size:{sm:"w-20",md:"w-[120px]",lg:"w-40",full:"w-full"},variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""},disabled:{true:"opacity-50 cursor-not-allowed"}},compoundVariants:[{variant:"fill",color:"primary",class:"yds-button-fill-primary"},{variant:"outlined",color:"primary",class:"yds-button-outlined-primary"}],defaultVariants:{size:"md",variant:"fill",color:"primary"}});function d({size:a="md",variant:r,color:n,children:t,className:s="",ref:l,disabled:d=!1,...o}){return e.jsx("button",{ref:l,className:`${i({size:a,variant:r,color:n,className:s,disabled:d})}`,tabIndex:d?-1:0,"aria-label":o["aria-label"]||("string"==typeof t?t:"button"),disabled:d,...o,children:t})}function o({children:a,className:r="",...t}){return e.jsx("div",{className:n("yds-card","card-navy-50",r),...t,children:a})}d.displayName="Button",o.displayName="Card";const c=l("yds-chips",{variants:{variant:{fill:"",outlined:"bg-transparent border-2"},color:{primary:""}},compoundVariants:[{variant:"fill",color:"primary",class:"yds-chips-fill-primary"},{variant:"outlined",color:"primary",class:"yds-chips-outlined-primary"}],defaultVariants:{variant:"fill",color:"primary"}});function u({variant:a,color:r,children:n,...t}){return e.jsx("div",{className:c({variant:a,color:r}),...t,children:n})}u.displayName="Chips";
|
|
2
2
|
/**
|
|
3
3
|
* @license lucide-react v0.542.0 - ISC
|
|
4
4
|
*
|
|
5
5
|
* This source code is licensed under the ISC license.
|
|
6
6
|
* See the LICENSE file in the root directory of this source tree.
|
|
7
7
|
*/
|
|
8
|
-
const
|
|
8
|
+
const y=e=>{const a=(e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,a,r)=>r?r.toUpperCase():a.toLowerCase()))(e);return a.charAt(0).toUpperCase()+a.slice(1)},p=(...e)=>e.filter((e,a,r)=>Boolean(e)&&""!==e.trim()&&r.indexOf(e)===a).join(" ").trim(),m=e=>{for(const a in e)if(a.startsWith("aria-")||"role"===a||"title"===a)return!0};
|
|
9
9
|
/**
|
|
10
10
|
* @license lucide-react v0.542.0 - ISC
|
|
11
11
|
*
|
|
12
12
|
* This source code is licensed under the ISC license.
|
|
13
13
|
* See the LICENSE file in the root directory of this source tree.
|
|
14
14
|
*/
|
|
15
|
-
var
|
|
15
|
+
var h={xmlns:"http://www.w3.org/2000/svg",width:24,height:24,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:2,strokeLinecap:"round",strokeLinejoin:"round"};
|
|
16
16
|
/**
|
|
17
17
|
* @license lucide-react v0.542.0 - ISC
|
|
18
18
|
*
|
|
19
19
|
* This source code is licensed under the ISC license.
|
|
20
20
|
* See the LICENSE file in the root directory of this source tree.
|
|
21
|
-
*/const
|
|
21
|
+
*/const f=a.forwardRef(({color:e="currentColor",size:r=24,strokeWidth:n=2,absoluteStrokeWidth:t,className:s="",children:l,iconNode:i,...d},o)=>a.createElement("svg",{ref:o,...h,width:r,height:r,stroke:e,strokeWidth:t?24*Number(n)/Number(r):n,className:p("lucide",s),...!l&&!m(d)&&{"aria-hidden":"true"},...d},[...i.map(([e,r])=>a.createElement(e,r)),...Array.isArray(l)?l:[l]])),b=(e,r)=>{const n=a.forwardRef(({className:n,...t},s)=>{return a.createElement(f,{ref:s,iconNode:r,className:p(`lucide-${l=y(e),l.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()}`,`lucide-${e}`,n),...t});var l});return n.displayName=y(e),n},v=b("calendar-days",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}],["path",{d:"M8 14h.01",key:"6423bh"}],["path",{d:"M12 14h.01",key:"1etili"}],["path",{d:"M16 14h.01",key:"1gbofw"}],["path",{d:"M8 18h.01",key:"lrp35t"}],["path",{d:"M12 18h.01",key:"mhygvu"}],["path",{d:"M16 18h.01",key:"kzsmim"}]]),x=b("check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]]),g=b("chevron-down",[["path",{d:"m6 9 6 6 6-6",key:"qrunsl"}]]),w=b("chevron-left",[["path",{d:"m15 18-6-6 6-6",key:"1wnfg3"}]]),k=b("chevron-right",[["path",{d:"m9 18 6-6-6-6",key:"mthhwq"}]]),N=b("minus",[["path",{d:"M5 12h14",key:"1ays0h"}]]),j=b("search",[["path",{d:"m21 21-4.34-4.34",key:"14j7rj"}],["circle",{cx:"11",cy:"11",r:"8",key:"4ej97u"}]]),D=l("yds-input-wrapper",{variants:{color:{white:"yds-input-wrapper-white","primary-400":"yds-input-wrapper-primary-400","primary-100":"yds-input-wrapper-primary-100"}},defaultVariants:{color:"primary-100"}}),z=l("yds-input",{variants:{size:{sm:"yds-input-sm",md:"yds-input-md",lg:"yds-input-lg",full:"yds-input-full"},color:{white:"yds-input-white","primary-400":"yds-input-primary-400","primary-100":"yds-input-primary-100"},variant:{search:"yds-input-variant-search",input:"yds-input-variant-input"}},defaultVariants:{size:"md",color:"primary-100",variant:"input"}});
|
|
22
22
|
/**
|
|
23
23
|
* @license lucide-react v0.542.0 - ISC
|
|
24
24
|
*
|
|
25
25
|
* This source code is licensed under the ISC license.
|
|
26
26
|
* See the LICENSE file in the root directory of this source tree.
|
|
27
|
-
*/function j({size:r,color:a,variant:t,disabled:l,...s}){return e.jsxs("div",{className:k({color:a}),children:["search"===t&&e.jsx(g,{"aria-hidden":!0,className:"absolute top-1/2 left-3 h-6 w-6 -translate-y-1/2 text-current"}),e.jsx("input",{className:N({size:r,color:a,variant:t,disabled:l}),disabled:l,...s})]})}function C({value:a,name:t,checked:l,id:s,onCheckedChange:n,shape:i="square",indeterminate:o=!1,...c}){const d=s??r.useId(),u=r.useRef(null);r.useEffect(()=>{u.current&&(u.current.indeterminate=o)},[o]);const p=o?"indeterminate":l?"checked":"unchecked";return e.jsxs("label",{htmlFor:d,className:"yds-checkbox-wrapper",onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),n(!l))},tabIndex:0,children:[e.jsx("input",{ref:u,id:d,type:"checkbox",checked:l,onChange:e=>{const r=e.target.checked;n(r)},className:"sr-only","aria-checked":o?"mixed":l?"true":"false",...c}),"square"===i&&e.jsx("div",{className:"yds-checkbox-indicator",children:e.jsx("div",{className:`yds-checkbox-indicator-inner-${p}`,children:o&&e.jsx(w,{size:20})})}),"check"===i&&e.jsx("div",{className:"yds-checkbox-icon-indicator",children:o?e.jsx("div",{children:e.jsx(w,{size:20})}):l?e.jsx(x,{size:20}):e.jsx(e.Fragment,{})}),e.jsx("span",{className:"yds-checkbox-typography",children:a})]})}j.displayName="Input",C.displayName="CheckBox";const O=n("relative h-12",{variants:{size:{sm:"w-[200px]",md:"w-[300px]",lg:"w-[400px]",full:"w-full"}},defaultVariants:{size:"full"}});const E={label:"",value:""};exports.Button=o,exports.Card=c,exports.CheckBox=C,exports.Chips=u,exports.Input=j,exports.SelectBox=function({size:r,selectBoxHook:a}){const{selectedOption:t,isOpen:l,searchValue:s,filteredOptions:n,selectedText:i,search:o,containerRef:c,handleClickOption:d,handleToggle:u,handleSearch:p}=a;return e.jsxs("div",{className:O({size:r}),ref:c,children:[e.jsxs("div",{className:"border-primary-100 text-yds-b1 flex h-full w-full cursor-pointer items-center justify-between rounded-lg border-2 p-3 text-yellow-100",onClick:u,children:[i,e.jsx(b,{className:"text-yellow-100 transition-transform duration-300"})]}),l&&e.jsxs("div",{className:"bg-background-secondary border-primary-100 z-[var(--z-index-select-box-dropdown)] absolute top-14 left-0 flex w-full flex-col gap-2 rounded-lg border-2 p-3",children:[o&&e.jsxs("div",{className:"flex h-[40px] items-center border-y-2 border-yellow-100",children:[e.jsx(g,{className:"text-yellow-100",size:20}),e.jsx("input",{type:"text",className:"w-full p-2 text-white hover:outline-none focus:outline-none",value:s,placeholder:"검색으로 쉽게찾기",onChange:e=>p(e.target.value)})]}),e.jsx("div",{className:"scrollbar-hide flex h-auto max-h-[200px] flex-col gap-2 overflow-y-scroll",children:n.map(r=>e.jsxs("div",{className:"text-yds-c1m hover:bg-background-primary flex cursor-pointer items-center justify-between text-white",onClick:()=>d(r),children:[r.value,t.value===r.value&&e.jsx(x,{className:"text-yellow-100",size:20})]},r.label))})]})]})},exports.useSelectBox=e=>{const{options:a,defaultValue:t,search:l=!1,value:s,onChange:n,filterFn:i=(e,r)=>e.value.toLowerCase().includes(r.toLowerCase()),itemToString:o=e=>e.value,getValue:c=e=>e.value}=e,d=void 0!==s,u=t&&a.find(e=>e.value===t)||E,[p,h]=r.useState(u),[m,f]=r.useReducer((e,r)=>{switch(r.type){case"OPEN":return{...e,isOpen:!0};case"CLOSE":return{isOpen:!1,searchValue:""};case"TOGGLE":return{...e,isOpen:!e.isOpen};case"SEARCH":return{...e,searchValue:r.term};case"RESET_SEARCH":return{...e,searchValue:""};default:return e}},{isOpen:!1,searchValue:""}),{isOpen:y,searchValue:v}=m,x=r.useMemo(()=>d&&a.find(e=>e.value===s)||E,[d,a,s]),b=d?x:p,w=""!==b.value&&""!==b.label,g=r.useRef(null),k=r.useCallback(()=>{f({type:"CLOSE"})},[]);var N,j;!function(e,a,t){r.useEffect(()=>{if(!a)return;const r=r=>{const a=e.current;a&&(a.contains(r.target)||t())};return document.addEventListener("mousedown",r),()=>document.removeEventListener("mousedown",r)},[a,e,t])}(g,y,k),N=y,j=k,r.useEffect(()=>{if(!N)return;const e=e=>{"Escape"===e.key&&j()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[N,j]),r.useEffect(()=>{if(d)return;if(!t)return void h(E);const e=a.find(e=>e.value===t||e.label===t)||E;h(e)},[d,t]);const C=r.useMemo(()=>v?a.filter(e=>i(e,v)):a,[a,v,i]),O=r.useMemo(()=>w?o(b):"선택",[w,o,b]);return{selectedOption:b,isOpen:y,searchValue:v,options:a,search:l,containerRef:g,handleClickOption:e=>{d?n?.(e.value,e):h(e),k()},handleToggle:()=>{f({type:"TOGGLE"})},handleSearch:e=>{f({type:"SEARCH",term:e})},handleClose:k,value:b.value,label:b.label,hasOption:w,filteredOptions:C,selectedText:O,itemToString:o,getValue:c}};
|
|
27
|
+
*/function $({size:a,color:r,variant:n,disabled:t,className:s="",...l}){return e.jsxs("div",{className:`${D({color:r})} ${s}`,children:[e.jsx("input",{className:z({size:a,color:r,variant:n}),disabled:t,...l}),"search"===n&&e.jsx(j,{"aria-hidden":!0,className:"yds-input-icon"})]})}$.displayName="Input";const C=l("yds-number-input",{variants:{size:{sm:"yds-number-input-sm",md:"yds-number-input-md",lg:"yds-number-input-lg",full:"yds-number-input-full"}},defaultVariants:{size:"md"}}),E=e=>e.replace(/\D/g,"").replace(/^0+(?=\d)/,""),A=(e,a,r)=>void 0!==a&&e<a?a:void 0!==r&&e>r?r:e;function R({value:a,onValueChange:r,min:n,max:t,step:s=1,prefix:l,suffix:i,align:d="right",disabled:o,size:c,className:u="",onBlur:y,onKeyDown:p,...m}){return e.jsxs("div",{className:`${C({size:c})}${o?" yds-number-input-disabled":""} ${u}`,children:[l&&e.jsx("span",{className:"yds-number-input-affix","aria-hidden":"true",children:l}),e.jsx("input",{type:"text",inputMode:"numeric",role:"spinbutton","aria-valuenow":""===a?void 0:Number(a),"aria-valuemin":n,"aria-valuemax":t,disabled:o,value:""===a?"":(h=a,h.replace(/\B(?=(\d{3})+(?!\d))/g,",")),className:"yds-number-input-field"+("left"===d?" yds-number-input-field-left":""),onChange:e=>{r(E(e.target.value))},onBlur:e=>{if(""!==a){const e=A(Number(a),n,t);String(e)!==a&&r(String(e))}y?.(e)},onKeyDown:e=>{if("ArrowUp"===e.key||"ArrowDown"===e.key){e.preventDefault();const l=""===a?n??0:Number(a),i=A(Math.max(l+("ArrowUp"===e.key?s:-s),0),n,t);r(String(i))}else if("Backspace"===e.key){const{selectionStart:a,selectionEnd:n,value:t}=e.currentTarget;if(null!==a&&a===n&&","===t[a-1]){e.preventDefault();const n=t.slice(0,a-2)+t.slice(a);r(E(n))}}p?.(e)},...m}),i&&e.jsx("span",{className:"yds-number-input-affix","aria-hidden":"true",children:i})]});var h}function I({value:r,name:n,checked:t,id:s,onCheckedChange:l,shape:i="square",indeterminate:d=!1,...o}){const c=s??a.useId(),u=a.useRef(null);a.useEffect(()=>{u.current&&(u.current.indeterminate=d)},[d]);const y=d?"indeterminate":t?"checked":"unchecked";return e.jsxs("label",{htmlFor:c,className:"yds-checkbox-wrapper cursor-pointer",children:[e.jsx("input",{ref:u,id:c,type:"checkbox",checked:t,onChange:e=>{const a=e.target.checked;l(a)},onKeyDown:e=>{"Enter"===e.key&&(e.preventDefault(),l(!t))},className:"sr-only peer","aria-checked":d?"mixed":t?"true":"false",...o}),"square"===i&&e.jsx("div",{className:"yds-checkbox-indicator peer-focus-visible:ring-2 peer-focus-visible:ring-yellow-100 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-transparent rounded-sm",children:e.jsx("div",{className:`yds-checkbox-indicator-inner-${y}`,children:d&&e.jsx(N,{size:20})})}),"check"===i&&e.jsx("div",{className:"yds-checkbox-icon-indicator peer-focus-visible:ring-2 peer-focus-visible:ring-yellow-100 peer-focus-visible:ring-offset-2 peer-focus-visible:ring-offset-transparent rounded-sm",children:d?e.jsx("div",{children:e.jsx(N,{size:20})}):t?e.jsx(x,{size:20}):e.jsx(e.Fragment,{})}),e.jsx("span",{className:"yds-checkbox-typography",children:r})]})}R.displayName="NumberInput",I.displayName="CheckBox";const O=l("relative h-12",{variants:{size:{sm:"w-[200px]",md:"w-[300px]",lg:"w-[400px]",full:"w-full"}},defaultVariants:{size:"full"}});const S={label:"",value:""},V="undefined"!=typeof window?a.useLayoutEffect:a.useEffect,L=l("yds-tabs",{variants:{size:{sm:"yds-tabs-sm",md:"yds-tabs-md",lg:"yds-tabs-lg"}},defaultVariants:{size:"md"}});function H({options:r,value:n,onValueChange:t,size:s,className:l="",...i}){const d=a.useRef(null),o=a.useRef([]),[c,u]=a.useState({opacity:0}),[y,p]=a.useState(!1),m=r.map((e,a)=>e.disabled?-1:a).filter(e=>-1!==e),h=e=>{const a=r[e];a&&!a.disabled&&(t(a.value),o.current[e]?.focus())},f=r.findIndex(e=>e.value===n),b=-1!==f?f:m[0];return V(()=>{const e=-1!==f?o.current[f]:null;if(!e)return void u(e=>({...e,opacity:0}));const a=()=>{u({opacity:1,width:e.offsetWidth,height:e.offsetHeight,transform:`translate(${e.offsetLeft}px, ${e.offsetTop}px)`})};if(a(),"undefined"==typeof ResizeObserver)return;const r=new ResizeObserver(a);return d.current&&r.observe(d.current),()=>r.disconnect()},[f,s,r]),a.useEffect(()=>{const e=requestAnimationFrame(()=>p(!0));return()=>cancelAnimationFrame(e)},[]),e.jsxs("div",{ref:d,role:"radiogroup","aria-label":i["aria-label"]||"탭",className:`${L({size:s})} ${l}`,...i,children:[e.jsx("span",{"aria-hidden":"true",className:"yds-tabs-indicator"+(y?" yds-tabs-indicator-animated":""),style:c}),r.map((a,r)=>{const s=a.value===n;return e.jsx("button",{ref:e=>{o.current[r]=e},type:"button",role:"radio","aria-checked":s,"aria-label":a.label,disabled:a.disabled,tabIndex:r===b?0:-1,className:"yds-tabs-item"+(s?" yds-tabs-item-selected":""),onClick:()=>{a.disabled||t(a.value)},onKeyDown:e=>((e,a)=>{const r=m.indexOf(a);if(-1!==r)switch(e.key){case"ArrowRight":case"ArrowDown":{e.preventDefault();const a=m[(r+1)%m.length];h(a);break}case"ArrowLeft":case"ArrowUp":{e.preventDefault();const a=m[(r-1+m.length)%m.length];h(a);break}case"Home":e.preventDefault(),h(m[0]);break;case"End":e.preventDefault(),h(m[m.length-1])}})(e,r),children:a.label},a.value)})]})}H.displayName="Tabs";function M(){const[e,r]=a.useState(!1),n=a.useRef(null),t=a.useRef(null),s=a.useRef(null);return a.useEffect(()=>{if(!e)return;const a=e=>{const a=n.current;a&&!a.contains(e.target)&&r(!1)},s=e=>{"Escape"===e.key&&(r(!1),t.current?.focus())};return document.addEventListener("mousedown",a),document.addEventListener("keydown",s),()=>{document.removeEventListener("mousedown",a),document.removeEventListener("keydown",s)}},[e]),{isOpen:e,containerRef:n,triggerRef:t,panelRef:s,toggle:()=>r(e=>!e),close:(e=!1)=>{r(!1),e&&t.current?.focus()},handlePanelKeyDown:e=>{if("Tab"!==e.key)return;const a=s.current;if(!a)return;const r=Array.from(a.querySelectorAll('button:not([disabled]):not([tabindex="-1"])'));if(0===r.length)return;const n=r[0],t=r[r.length-1];e.shiftKey&&document.activeElement===n?(e.preventDefault(),t.focus()):e.shiftKey||document.activeElement!==t||(e.preventDefault(),n.focus())}}}const T=["일","월","화","수","목","금","토"],K=e=>String(e).padStart(2,"0"),q=(e,a)=>new Date(e,a,0).getDate(),F=(e,a)=>new Date(e,a-1,1).getDay(),G=()=>{const e=new Date;return{year:e.getFullYear(),month:e.getMonth()+1,day:e.getDate()}},B=(e,a,r)=>Math.min(Math.max(e,a),r),P=(e,a,r,n)=>{switch(n){case"ArrowRight":return Math.min(e+1,a-1);case"ArrowLeft":return Math.max(e-1,0);case"ArrowDown":return e+r<a?e+r:e;case"ArrowUp":return e-r>=0?e-r:e;case"Home":return e-e%r;case"End":return Math.min(e-e%r+r-1,a-1);default:return null}},Y=l("yds-calendar",{variants:{size:{sm:"yds-calendar-sm",md:"yds-calendar-md",lg:"yds-calendar-lg",full:"yds-calendar-full"}},defaultVariants:{size:"md"}}),U=12,W=e=>Math.floor(e/U)*U;function Z({value:r,onValueChange:n,minYear:t=1900,maxYear:s=2100,placeholder:l="연도 선택",disabled:i,size:d,className:o="",...c}){const{isOpen:u,containerRef:y,triggerRef:p,panelRef:m,toggle:h,close:f,handlePanelKeyDown:b}=M(),x=a.useRef([]),g=G(),N=(e=>/^\d{4}$/.test(e)?Number(e):null)(r),[j,D]=a.useState(()=>W(N??g.year)),[z,$]=a.useState(0),C=Array.from({length:U},(e,a)=>j+a);a.useEffect(()=>{if(!u)return;const e=B(N??g.year,t,s),a=W(e),r=e-a;D(a),$(r);const n=requestAnimationFrame(()=>x.current[r]?.focus());return()=>cancelAnimationFrame(n)},[u]);const E=j-1>=t,A=j+U<=s,R=e=>{n((e=>String(e))(e)),f(!0)};return e.jsxs("div",{ref:y,className:`${Y({size:d})} ${o}`,...c,children:[e.jsxs("button",{ref:p,type:"button","aria-haspopup":"dialog","aria-expanded":u,disabled:i,className:"yds-calendar-trigger"+(null===N?" yds-calendar-trigger-empty":""),onClick:h,children:[null!==N?`${N}년`:l,e.jsx(v,{size:20,"aria-hidden":!0})]}),u&&e.jsxs("div",{ref:m,role:"dialog","aria-label":"연도 선택 달력",className:"yds-calendar-panel",onKeyDown:b,children:[e.jsxs("div",{className:"yds-calendar-header",children:[e.jsx("button",{type:"button",className:"yds-calendar-nav-button","aria-label":"이전 연도 목록",disabled:!E,onClick:()=>D(j-U),children:e.jsx(w,{size:20,"aria-hidden":!0})}),e.jsxs("span",{className:"yds-calendar-header-label","aria-live":"polite",children:[j,"년 - ",j+U-1,"년"]}),e.jsx("button",{type:"button",className:"yds-calendar-nav-button","aria-label":"다음 연도 목록",disabled:!A,onClick:()=>D(j+U),children:e.jsx(k,{size:20,"aria-hidden":!0})})]}),e.jsx("div",{className:"yds-calendar-grid yds-calendar-grid-cols-3",children:C.map((a,r)=>{const n=a===N,l=a===g.year;return e.jsx("button",{ref:e=>{x.current[r]=e},type:"button",tabIndex:r===z?0:-1,"aria-pressed":n,"aria-label":`${a}년`,"aria-current":l?"date":void 0,disabled:a<t||a>s,className:`yds-calendar-cell${l?" yds-calendar-cell-today":""}${n?" yds-calendar-cell-selected":""}`,onClick:()=>R(a),onKeyDown:e=>((e,a)=>{const r=P(a,U,3,e.key);if(null===r)return;e.preventDefault();const n=C[r];n<t||n>s||($(r),x.current[r]?.focus())})(e,r),children:a},a)})})]})]})}Z.displayName="YearPicker";const _=l("yds-calendar",{variants:{size:{sm:"yds-calendar-sm",md:"yds-calendar-md",lg:"yds-calendar-lg",full:"yds-calendar-full"}},defaultVariants:{size:"md"}});function J({value:r,onValueChange:n,minYear:t=1900,maxYear:s=2100,placeholder:l="월 선택",disabled:i,size:d,className:o="",...c}){const{isOpen:u,containerRef:y,triggerRef:p,panelRef:m,toggle:h,close:f,handlePanelKeyDown:b}=M(),x=a.useRef([]),g=G(),N=(e=>{if(!/^\d{4}-\d{2}$/.test(e))return null;const[a,r]=e.split("-").map(Number);return r<1||r>12?null:{year:a,month:r}})(r),[j,D]=a.useState(N?.year??g.year),[z,$]=a.useState(0),C=Array.from({length:12},(e,a)=>a+1);a.useEffect(()=>{if(!u)return;const e=N??g,a=B(e.year,t,s),r=(a===e.year?e.month:1)-1;D(a),$(r);const n=requestAnimationFrame(()=>x.current[r]?.focus());return()=>cancelAnimationFrame(n)},[u]);const E=j-1>=t,A=j+1<=s,R=e=>{n(((e,a)=>`${e}-${K(a)}`)(j,e)),f(!0)};return e.jsxs("div",{ref:y,className:`${_({size:d})} ${o}`,...c,children:[e.jsxs("button",{ref:p,type:"button","aria-haspopup":"dialog","aria-expanded":u,disabled:i,className:"yds-calendar-trigger"+(N?"":" yds-calendar-trigger-empty"),onClick:h,children:[N?`${N.year}년 ${N.month}월`:l,e.jsx(v,{size:20,"aria-hidden":!0})]}),u&&e.jsxs("div",{ref:m,role:"dialog","aria-label":"월 선택 달력",className:"yds-calendar-panel",onKeyDown:b,children:[e.jsxs("div",{className:"yds-calendar-header",children:[e.jsx("button",{type:"button",className:"yds-calendar-nav-button","aria-label":"이전 연도",disabled:!E,onClick:()=>D(j-1),children:e.jsx(w,{size:20,"aria-hidden":!0})}),e.jsxs("span",{className:"yds-calendar-header-label","aria-live":"polite",children:[j,"년"]}),e.jsx("button",{type:"button",className:"yds-calendar-nav-button","aria-label":"다음 연도",disabled:!A,onClick:()=>D(j+1),children:e.jsx(k,{size:20,"aria-hidden":!0})})]}),e.jsx("div",{className:"yds-calendar-grid yds-calendar-grid-cols-3",children:C.map((a,r)=>{const n=null!==N&&N.year===j&&N.month===a,t=j===g.year&&a===g.month;return e.jsxs("button",{ref:e=>{x.current[r]=e},type:"button",tabIndex:r===z?0:-1,"aria-pressed":n,"aria-label":`${j}년 ${a}월`,"aria-current":t?"date":void 0,className:`yds-calendar-cell${t?" yds-calendar-cell-today":""}${n?" yds-calendar-cell-selected":""}`,onClick:()=>R(a),onKeyDown:e=>((e,a)=>{const r=P(a,12,3,e.key);null!==r&&(e.preventDefault(),$(r),x.current[r]?.focus())})(e,r),children:[a,"월"]},a)})})]})]})}J.displayName="MonthPicker";const Q=l("yds-calendar",{variants:{size:{sm:"yds-calendar-sm",md:"yds-calendar-md",lg:"yds-calendar-lg",full:"yds-calendar-full"}},defaultVariants:{size:"md"}});function X({value:r,onValueChange:n,minYear:t=1900,maxYear:s=2100,placeholder:l="날짜 선택",disabled:i,size:d,className:o="",...c}){const{isOpen:u,containerRef:y,triggerRef:p,panelRef:m,toggle:h,close:f,handlePanelKeyDown:b}=M(),x=a.useRef([]),g=G(),N=(e=>{if(!/^\d{4}-\d{2}-\d{2}$/.test(e))return null;const[a,r,n]=e.split("-").map(Number);return r<1||r>12||n<1||n>q(a,r)?null:{year:a,month:r,day:n}})(r),[j,D]=a.useState(N?.year??g.year),[z,$]=a.useState(N?.month??g.month),[C,E]=a.useState(0),A=((e,a)=>{const r=F(e,a),n=q(e,a),t=1===a?e-1:e,s=1===a?12:a-1,l=12===a?e+1:e,i=12===a?1:a+1,d=q(t,s),o=[];for(let e=0;e<r;e++)o.push({year:t,month:s,day:d-r+1+e,outside:!0});for(let r=1;r<=n;r++)o.push({year:e,month:a,day:r,outside:!1});for(let e=1;o.length<42;e++)o.push({year:l,month:i,day:e,outside:!0});return o})(j,z);a.useEffect(()=>{if(!u)return;const e=N??g,a=B(e.year,t,s),r=a===e.year?e.month:1,n=a===e.year&&r===e.month?e.day:1,l=F(a,r)+n-1;D(a),$(r),E(l);const i=requestAnimationFrame(()=>x.current[l]?.focus());return()=>cancelAnimationFrame(i)},[u]);const R=j>t||j===t&&z>1,I=j<s||j===s&&z<12,O=e=>{var a,r,t;n((a=e.year,r=e.month,t=e.day,`${a}-${K(r)}-${K(t)}`)),f(!0)};return e.jsxs("div",{ref:y,className:`${Q({size:d})} ${o}`,...c,children:[e.jsxs("button",{ref:p,type:"button","aria-haspopup":"dialog","aria-expanded":u,disabled:i,className:"yds-calendar-trigger"+(N?"":" yds-calendar-trigger-empty"),onClick:h,children:[N?`${N.year}년 ${N.month}월 ${N.day}일`:l,e.jsx(v,{size:20,"aria-hidden":!0})]}),u&&e.jsxs("div",{ref:m,role:"dialog","aria-label":"날짜 선택 달력",className:"yds-calendar-panel",onKeyDown:b,children:[e.jsxs("div",{className:"yds-calendar-header",children:[e.jsx("button",{type:"button",className:"yds-calendar-nav-button","aria-label":"이전 달",disabled:!R,onClick:()=>{1===z?(D(j-1),$(12)):$(z-1)},children:e.jsx(w,{size:20,"aria-hidden":!0})}),e.jsxs("span",{className:"yds-calendar-header-label","aria-live":"polite",children:[j,"년 ",z,"월"]}),e.jsx("button",{type:"button",className:"yds-calendar-nav-button","aria-label":"다음 달",disabled:!I,onClick:()=>{12===z?(D(j+1),$(1)):$(z+1)},children:e.jsx(k,{size:20,"aria-hidden":!0})})]}),e.jsx("div",{className:"yds-calendar-weekdays","aria-hidden":"true",children:T.map(a=>e.jsx("span",{className:"yds-calendar-weekday",children:a},a))}),e.jsx("div",{className:"yds-calendar-grid yds-calendar-grid-cols-7",children:A.map((a,r)=>{const n=null!==N&&N.year===a.year&&N.month===a.month&&N.day===a.day,l=g.year===a.year&&g.month===a.month&&g.day===a.day;return e.jsx("button",{ref:e=>{x.current[r]=e},type:"button",tabIndex:r===C?0:-1,"aria-pressed":n,"aria-label":`${a.year}년 ${a.month}월 ${a.day}일`,"aria-current":l?"date":void 0,disabled:a.year<t||a.year>s,className:`yds-calendar-cell${a.outside?" yds-calendar-cell-outside":""}${l?" yds-calendar-cell-today":""}${n?" yds-calendar-cell-selected":""}`,onClick:()=>O(a),onKeyDown:e=>((e,a)=>{const r=P(a,42,7,e.key);if(null===r)return;e.preventDefault();const n=A[r];n.year<t||n.year>s||(E(r),x.current[r]?.focus())})(e,r),children:a.day},`${a.year}-${a.month}-${a.day}`)})})]})]})}X.displayName="DatePicker",exports.Button=d,exports.Card=o,exports.CheckBox=I,exports.Chips=u,exports.DatePicker=X,exports.Input=$,exports.MonthPicker=J,exports.NumberInput=R,exports.SelectBox=function({size:r,selectBoxHook:n,label:t}){const{selectedOption:s,isOpen:l,searchValue:i,filteredOptions:d,selectedText:o,search:c,containerRef:u,highlightedIndex:y,handleClickOption:p,handleToggle:m,handleSearch:h,handleTriggerKeyDown:f,handleOptionKeyDown:b,listboxRef:v,optionRefs:w}=n,k=a.useId(),N=a.useId();return e.jsxs("div",{className:O({size:r}),ref:u,children:[t&&e.jsx("span",{id:N,className:"sr-only",children:t}),e.jsxs("div",{role:"combobox","aria-expanded":l,"aria-haspopup":"listbox","aria-controls":l?k:void 0,"aria-labelledby":t?N:void 0,tabIndex:0,className:"border-primary-100 text-yds-b1 flex h-full w-full cursor-pointer items-center justify-between rounded-lg border-2 p-3 text-yellow-100",onClick:m,onKeyDown:f,children:[o,e.jsx(g,{className:"text-yellow-100 transition-transform duration-300","aria-hidden":!0})]}),l&&e.jsxs("div",{className:"bg-background-secondary border-primary-100 z-[var(--z-index-select-box-dropdown)] absolute top-14 left-0 flex w-full flex-col gap-2 rounded-lg border-2 p-3",children:[c&&e.jsxs("div",{className:"flex h-[40px] items-center border-y-2 border-yellow-100",children:[e.jsx(j,{className:"text-yellow-100",size:20,"aria-hidden":!0}),e.jsx("input",{type:"text",role:"searchbox","aria-label":"옵션 검색",className:"w-full p-2 text-white hover:outline-none focus:outline-none",value:i,placeholder:"검색으로 쉽게찾기",onChange:e=>h(e.target.value)})]}),e.jsx("div",{ref:v,id:k,role:"listbox","aria-label":t||"옵션 목록",className:"scrollbar-hide flex h-auto max-h-[200px] flex-col gap-2 overflow-y-scroll",children:d.map((a,r)=>e.jsxs("div",{ref:e=>{w.current[r]=e},role:"option","aria-selected":s.value===a.value,tabIndex:y===r?0:-1,className:"text-yds-c1m hover:bg-background-primary flex cursor-pointer items-center justify-between text-white "+(y===r?"bg-background-primary":""),onClick:()=>p(a),onKeyDown:e=>b(e,a,r),children:[a.value,s.value===a.value&&e.jsx(x,{className:"text-yellow-100",size:20,"aria-hidden":!0})]},a.label))})]})]})},exports.Tabs=H,exports.YearPicker=Z,exports.useSelectBox=e=>{const{options:r,defaultValue:n,search:t=!1,value:s,onChange:l,filterFn:i=(e,a)=>e.value.toLowerCase().includes(a.toLowerCase()),itemToString:d=e=>e.value,getValue:o=e=>e.value}=e,c=void 0!==s,u=n&&r.find(e=>e.value===n)||S,[y,p]=a.useState(u),[m,h]=a.useReducer((e,a)=>{switch(a.type){case"OPEN":return{...e,isOpen:!0,highlightedIndex:0};case"CLOSE":return{isOpen:!1,searchValue:"",highlightedIndex:-1};case"TOGGLE":return e.isOpen?{isOpen:!1,searchValue:"",highlightedIndex:-1}:{...e,isOpen:!0,highlightedIndex:0};case"SEARCH":return{...e,searchValue:a.term,highlightedIndex:0};case"RESET_SEARCH":return{...e,searchValue:""};case"HIGHLIGHT":return{...e,highlightedIndex:a.index};default:return e}},{isOpen:!1,searchValue:"",highlightedIndex:-1}),{isOpen:f,searchValue:b,highlightedIndex:v}=m,x=a.useMemo(()=>c&&r.find(e=>e.value===s)||S,[c,r,s]),g=c?x:y,w=""!==g.value&&""!==g.label,k=a.useRef(null),N=a.useRef(null),j=a.useRef([]),D=a.useCallback(()=>{h({type:"CLOSE"})},[]);var z,$;!function(e,r,n){a.useEffect(()=>{if(!r)return;const a=a=>{const r=e.current;r&&(r.contains(a.target)||n())};return document.addEventListener("mousedown",a),()=>document.removeEventListener("mousedown",a)},[r,e,n])}(k,f,D),z=f,$=D,a.useEffect(()=>{if(!z)return;const e=e=>{"Escape"===e.key&&$()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[z,$]),a.useEffect(()=>{if(c)return;if(!n)return void p(S);const e=r.find(e=>e.value===n||e.label===n)||S;p(e)},[c,n]);const C=a.useMemo(()=>b?r.filter(e=>i(e,b)):r,[r,b,i]),E=a.useMemo(()=>w?d(g):"선택",[w,d,g]),A=e=>{c?l?.(e.value,e):p(e),D()};a.useEffect(()=>{v>=0&&j.current[v]&&j.current[v]?.scrollIntoView({block:"nearest"})},[v]);return{selectedOption:g,isOpen:f,searchValue:b,options:r,search:t,containerRef:k,highlightedIndex:v,handleClickOption:A,handleToggle:()=>{h({type:"TOGGLE"})},handleSearch:e=>{h({type:"SEARCH",term:e})},handleClose:D,handleTriggerKeyDown:e=>{switch(e.key){case"Enter":case" ":case"ArrowDown":e.preventDefault(),f||(h({type:"OPEN"}),requestAnimationFrame(()=>{j.current[0]?.focus()}));break;case"ArrowUp":e.preventDefault(),f||(h({type:"OPEN"}),requestAnimationFrame(()=>{const e=C.length-1;h({type:"HIGHLIGHT",index:e}),j.current[e]?.focus()}))}},handleOptionKeyDown:(e,a,r)=>{switch(e.key){case"Enter":case" ":e.preventDefault(),A(a),requestAnimationFrame(()=>{const e=k.current?.querySelector('[role="combobox"]');e?.focus()});break;case"ArrowDown":{e.preventDefault();const a=r<C.length-1?r+1:0;h({type:"HIGHLIGHT",index:a}),j.current[a]?.focus();break}case"ArrowUp":{e.preventDefault();const a=r>0?r-1:C.length-1;h({type:"HIGHLIGHT",index:a}),j.current[a]?.focus();break}case"Home":e.preventDefault(),h({type:"HIGHLIGHT",index:0}),j.current[0]?.focus();break;case"End":{e.preventDefault();const a=C.length-1;h({type:"HIGHLIGHT",index:a}),j.current[a]?.focus();break}case"Escape":e.preventDefault(),D(),requestAnimationFrame(()=>{const e=k.current?.querySelector('[role="combobox"]');e?.focus()});break;case"Tab":D()}},listboxRef:N,optionRefs:j,value:g.value,label:g.label,hasOption:w,filteredOptions:C,selectedText:E,itemToString:d,getValue:o}};
|
|
28
28
|
//# sourceMappingURL=index.cjs.js.map
|