@soul-refiner/design-system 2.14.169 → 2.14.171

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.
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("next/image"),r=require("styled-components"),s=require("../../atoms/box/box.js"),n=require("../../atoms/typography/heading.js"),o=require("../../atoms/typography/paragraph.js"),a=require("./icons/approved.js"),l=require("./icons/busy.js"),d=require("./icons/declined.js"),A=require("./icons/default.js"),g=require("./icons/focus.js"),F=require("./icons/locked.js"),x=require("./icons/offline.js"),C=require("./icons/online.js"),p=require("./icons/subscribed.js"),I=require("./icons/ispaid.js"),h=require("next/link");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=c(t),Q=c(i),u=c(h);const B={approved:a.Approved,busy:l.Busy,declined:d.Declined,focus:g.Focus,locked:F.Locked,ispaid:I.IsPaid,none:()=>e.jsx(e.Fragment,{}),online:C.Online,offline:x.Offline,subscribed:p.Subscribed},f={96:18,72:18,64:18,56:15,48:15,40:15,36:14,32:14,24:12,16:8},b={96:-23,72:-21,64:-20,56:-16,48:-15,40:-13,36:-12,32:-12,24:-10,16:-8},v={96:5,72:3,64:2,56:1,48:0,40:-2,36:-2,32:-2,24:-2,16:-1},j=({as:t="button",href:i,image:r,fallbackImg:a="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOQAAADkCAYAAACIV4iNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAl0SURBVHgB7d0PcxrHHYfxNVgyCCwE+oOqWrabNnn/L8V1Z9yZdpqJq0QxtiIZBQxBAed+R4iRZSmSdu/47t3zmWHkRImN8D3s3t1y9+DFy1cfHQAJFQdABkECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgBCCBIQQJCCEIAEhBAkIIUhACEECQggSEEKQgJCHDvKqlYqr1WuuXrPHI1etVly9Xk+/t76+dum/nU5nbjKZJF+nbjQeJ7/+Nf06HH5w0EeQoizCdnvLtTabaXwW4a3+vzTWWvrrZrNx6XuDwdCdnvXTOCcXFw56CFLM5uZjt7vdvhJTCPZ7Ln7fRZxn7/sOOghSRHur5fa7u1emoFlZxGl/5pveO8IU8eDFy1cfHVam0dhwT58c5BbidSaTC8IUwAi5IraPeHh4kOwjPnYK7A3hafJ8ms0N1+udsI+5IgS5Aiqj4pd0kgNJzUbDHX1/7AYcmc0d5yFz1t3bdf/46plkjAv23P6ePMfu3o5DvggyRwd/6SYHUeLZyO2Ajz1n5Icgc3KYTFF3dzouNvac7bkjHwSZA9ugO+2Wi5U9d6LMB0FmLPYYF4gyHwSZITuAU4QYF+xn4UBPtggyIzvbnagO4NyWHejZ2W47ZIMgM7C+tpZuuEWVLvFb0z1tEzOCzICdw7vtpzNiVK1W3fPnTxzCI8jAbL9R+aR/KPbZTPYnwyPIgOZT1fJspHaOkqlrWAQZULdEMRqbupbtZ84aQQZiI4UtzC4b+5kZJcMhyEDKPFIwSoZDkAGUdXRcsM90Fvmocp54FQOwzzeWme1L2iVI4I8gAyjz6LjQamlc+SB2BOnJpqt22Yuys6sMMG31xyvoqezT1WWbjxklfRGkJ0bHT3gt/BGkp3qt7jBn01b4IUhP9fojhzlbw8t+pB9ePQ924xtcVq1UHe6PID1Uqmx8n1vc6Af3Q5AeyvAxq7uqVNikfPDqeWBR9VXsQ/rh1UNQVabxXggSEEKQgBCC9DCdzhwQEkF6mM6mDpfZjV9xfwTpgRHyqgtu9OqFID2Mx2OHy6ZTZg0+CNIDI+RVo/EvDvdHkB5sNGCf6ZMRMwZvBOlpMBw6zI1GjI6+CNLTYPjBYW7Im5M3gvR0fj5wmOPNyR9BerL9SDbE+dSd/Wl/BBlAv/+zK7uzs76DP4IM4Ox9v/SnQJglhEGQAdi0tX9e3lHyNBkdma6GQZCB9N6+c2VV5p89NIIMxEaI0xLuRzE6hkWQAdlIUbZ9SUbHsAgyIBsp3p2curKwGBkdwyLIwGwjLcMC68nFhXvTO3EIiyAz8N3ro0JPXaezmfvft68dwiPIDNg0rsj7Vr0eU9WsEGRGbF+y97Z4Uzp7oynTfnLeCDJDb5KRpEinQmxFEvuN2SLIjB19f1yIKC3G/x8dO2SLIHMQe5TEmJ+HDrmwKO3I6+5O28Xk5KdT98NxzyEfBJmj4x/fuNls6rp7Oy4GdgCHfcZ8EWTO7EDPYDB0h4cHsnfPspP+R8kUlY9U5Y99yBWwDd1OrCvuV/bPB+4///2WGFeEEXJF7MS67VfahaG63d2Vj5aMihoIcsVslLRHp91aSZgWYq9g50tjRpAilsNst7dcs7HhsmQj4cnJT+kUFToIUswizPX1tTTKUHHagvDRaOzOz39Ofv/33AZBFEGKSq9AMOn/MZW0KOv1mltLprT21W4dbtFWK5ePy01+v/uUxWfX+hmPf0l/bZf5J0J9BBkJm2JywKX4OO0BCCFIQAhBAkIIEhBCkIAQggSEECQghPOQEbCT/5Vq1VWrlXRBgLFFAdexBQHLiwBskcHM/t2MhQHqCHLFLLa19fnqG1tYbg8Lr16vp9+/Kbz7sFAnk0karYVqK3sWq3jGtrqHaFeKIHNi4dWS6Oo1ezyaB7i+nsaX6/NIY69d+30LczQapZFOJr+mXwk1PwSZEVtz2tp8nMbXbDaCj3RZsWDt+dpj2WI97GDwYR5pCW6XsAoEGchygK3WZu4jX9ZsVLVHp72V/rONpIPBIP341nD44Y9F7fBDkPe0mIK2NpvJYzOaETAUe8OxNx57GNsfHQyH6adThiyCvzeCvINFhJ2tViFHQR/2htRZ30pHUBs9++fn6W3ez/kA9J0Q5C00GhtEeAf2GlmYxHl3BHkNi9Cmo512mwg9LMe5mNbazXo4KPRlBLnEpqR2yQwL8fOjjPC3PK21o7YWpt2mAJ88ePHy1UdXcnYyvt1uud2dbUbDnC1GzV7vhCO1ruQjpE1L9/d2GA1XaHnUtItvlf0obSmDJERNi33NMk9nSzVlbSdHSu26p4QYB5vO2r1QyhRmKYK0EfHpk4PSnbwvijKFWegpqx01tbtM2ZI2xMveSJ8mf4/N5kbhD/4UNkj7VMXzZ08YFQukk17FveG+e33kRgU9j1nIY/y2r/jN138jxgKyv9Nvvv7K7WzHdSfq2yrcCNnd23X73TjuUIz7++vBfnr1hN7bYt3huVAjpI2MxFge+93d9Kh5kRQmSNtntB1/lMthcvTcPoNaFIUI0pa+2QEclNPzZ4eFWfJYiJ+im0xTOYBTXvZ3byNlEUQf5Hz1zZZDudm55qzvOp2H6IO0HXvAFGGUjDpIGx2ZqmLBtgXbJmIWdZCMjvhc7NtEtEHagnFGR3zOtomY9yWjDbJoJ4QRTjvibSPaIO1aqMCXxPzpniiDtOkq177BdWyNa6zT1ii3alsmB9ykFulyuiiDtA+qAje56Q5fyqIMslqpOuAmBJkjTnfgz8T6pk2QKKRYtxEOVQJCCBIQQpCAEIIEhBAkIIQgASEECQghSEAIQQJCCBIQQpCAEIIEhBAkIIQgASEECQghSEAIQQJCCBIQQpCAEIIEhBAkIIQgASEECQghSEAIQQJCHroI/fNf/3ZAETFCAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSEECQghCABIQQJCCFIQAhBAkIIEhBCkIAQggSE/AbILrjDyekHTAAAAABJRU5ErkJggg==",size:l=64,status:d,subtitle:g,sx:F,isPaidUser:x,textPosition:C="left",title:p,tooltipContent:I,tooltipSx:h,...c})=>{const[u,f]=E.default.useState(!1),b=B?.[d??"none"],v=B?.[x?"ispaid":"none"];return e.jsxs(s.Box,{$align:"center",$gap:18,$dir:"row",sx:`\n position: relative; \n &:hover {\n .tooltipContainer {\n display: flex;\n }\n }\n ${F}\n `,...c,children:[e.jsxs($,{as:t,$size:l,href:i,children:[!u&&e.jsxs(e.Fragment,{children:[e.jsx(Q.default,{style:{pointerEvents:"none"},alt:"avatar image",height:l,onError:()=>f(!0),quality:100,sizes:"96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16",src:r??a,width:l,draggable:!1}),e.jsx(z,{})]}),u&&e.jsx(A.Default,{}),e.jsx("div",{children:e.jsx(b,{})})]}),(p||g)&&e.jsxs(s.Box,{$dir:"row-reverse",$gap:7,children:[e.jsxs(w,{$textPosition:C,children:[p&&e.jsx(n.H,{as:"h3",$bold:!0,$color:"grey-2",$textClampLines:1,sx:"font-size: 26px;",children:p}),g&&e.jsx(o.P,{$color:"grey-4",$textClampLines:1,children:g})]}),x&&e.jsx(s.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;",children:e.jsx(v,{})})]}),I&&e.jsx(H,{className:"tooltipContainer",$sx:h,children:I})]})};j.displayName="Avatar";const y=[{bg:"#F5C842",text:"#1A1A1A"},{bg:"#7C5CBF",text:"#FFFFFF"},{bg:"#D95555",text:"#FFFFFF"},{bg:"#2D8A6E",text:"#FFFFFF"},{bg:"#E87C3E",text:"#FFFFFF"},{bg:"#2A6BA8",text:"#FFFFFF"},{bg:"#4CAF82",text:"#FFFFFF"},{bg:"#B04A7A",text:"#FFFFFF"},{bg:"#F0A500",text:"#1A1A1A"},{bg:"#3D7A3D",text:"#FFFFFF"},{bg:"#5BA4CF",text:"#FFFFFF"},{bg:"#C0572B",text:"#FFFFFF"},{bg:"#9B72CF",text:"#FFFFFF"},{bg:"#3A7A8A",text:"#FFFFFF"},{bg:"#C0974A",text:"#FFFFFF"},{bg:"#5A5A9A",text:"#FFFFFF"}];const m=({name:t,size:i,sx:r})=>{const s=function(e){const t=e.trim().split(/\s+/).filter(Boolean);return t.length?1===t.length?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase():"?"}(t),{bg:n,text:o}=y[function(e){let t=0;for(let i=0;i<e.length;i++)t=e.charCodeAt(i)+((t<<5)-t);return Math.abs(t)}(t)%y.length];return e.jsx($,{as:"div",$size:i,children:e.jsx(k,{$size:i,$bgColor:n,$textColor:o,$sx:r??"",children:s})})};m.displayName="Avatar.Initials";const k=r.styled.div`
2
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("next/image"),r=require("styled-components"),s=require("../../atoms/box/box.js"),n=require("../../atoms/typography/heading.js"),o=require("../../atoms/typography/paragraph.js"),a=require("./icons/approved.js"),l=require("./icons/busy.js"),d=require("./icons/declined.js"),A=require("./icons/default.js"),g=require("./icons/focus.js"),F=require("./icons/locked.js"),x=require("./icons/offline.js"),p=require("./icons/online.js"),C=require("./icons/subscribed.js"),I=require("./icons/ispaid.js"),h=require("next/link");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var E=c(t),Q=c(i),u=c(h);const B={approved:a.Approved,busy:l.Busy,declined:d.Declined,focus:g.Focus,locked:F.Locked,ispaid:I.IsPaid,none:()=>e.jsx(e.Fragment,{}),online:p.Online,offline:x.Offline,subscribed:C.Subscribed},f={96:18,72:18,64:18,56:15,48:15,40:15,36:14,32:14,24:12,16:8},b={96:-23,72:-21,64:-20,56:-16,48:-15,40:-13,36:-12,32:-12,24:-10,16:-8},v={96:5,72:3,64:2,56:1,48:0,40:-2,36:-2,32:-2,24:-2,16:-1},j=({as:t="button",href:i,image:r,fallbackImg:a="data:image/png;base64,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",size:l=64,status:d,subtitle:g,sx:F,isPaidUser:x,textPosition:p="left",title:C,tooltipContent:I,tooltipSx:h,...c})=>{const[u,f]=E.default.useState(!1),b=B?.[d??"none"],v=B?.[x?"ispaid":"none"];return e.jsxs(s.Box,{$align:"center",$gap:18,$dir:"row",sx:`\n position: relative; \n &:hover {\n .tooltipContainer {\n display: flex;\n }\n }\n ${F}\n `,...c,children:[e.jsxs($,{as:t,$size:l,href:i,children:[!u&&e.jsxs(e.Fragment,{children:[e.jsx(Q.default,{style:{pointerEvents:"none"},alt:"avatar image",height:l,onError:()=>f(!0),quality:100,sizes:"96 | 72 | 64 | 56 | 48 | 40 | 36 | 32 | 24 | 16",src:r??a,width:l,draggable:!1}),e.jsx(z,{})]}),u&&e.jsx(A.Default,{}),e.jsx("div",{children:e.jsx(b,{})})]}),(C||g)&&e.jsxs(s.Box,{$dir:"row-reverse",$gap:7,children:[e.jsxs(w,{$textPosition:p,children:[C&&e.jsx(n.H,{as:"h3",$bold:!0,$color:"grey-2",$textClampLines:1,sx:"font-size: 26px;",children:C}),g&&e.jsx(o.P,{$color:"grey-4",$textClampLines:1,children:g})]}),x&&e.jsx(s.Box,{sx:"padding: .6rem 0 0 0; width: 18.33px; height: 18.33px;",children:e.jsx(v,{})})]}),I&&e.jsx(H,{className:"tooltipContainer",$sx:h,children:I})]})};j.displayName="Avatar";const y=[{bg:"#F5C842",text:"#1A1A1A"},{bg:"#7C5CBF",text:"#FFFFFF"},{bg:"#D95555",text:"#FFFFFF"},{bg:"#2D8A6E",text:"#FFFFFF"},{bg:"#E87C3E",text:"#FFFFFF"},{bg:"#2A6BA8",text:"#FFFFFF"},{bg:"#4CAF82",text:"#FFFFFF"},{bg:"#B04A7A",text:"#FFFFFF"},{bg:"#F0A500",text:"#1A1A1A"},{bg:"#3D7A3D",text:"#FFFFFF"},{bg:"#5BA4CF",text:"#FFFFFF"},{bg:"#C0572B",text:"#FFFFFF"},{bg:"#9B72CF",text:"#FFFFFF"},{bg:"#3A7A8A",text:"#FFFFFF"},{bg:"#C0974A",text:"#FFFFFF"},{bg:"#5A5A9A",text:"#FFFFFF"}];const m=({name:t,size:i,sx:r})=>{const s=function(e){const t=e.trim().split(/\s+/).filter(Boolean);return t.length?1===t.length?t[0].slice(0,2).toUpperCase():(t[0][0]+t[t.length-1][0]).toUpperCase():"?"}(t),{bg:n,text:o}=y[function(e){let t=0;for(let i=0;i<e.length;i++)t=e.charCodeAt(i)+((t<<5)-t);return Math.abs(t)}(t)%y.length];return e.jsx($,{as:"div",$size:i,children:e.jsx(k,{$size:i,$bgColor:n,$textColor:o,$sx:r??"",children:s})})};m.displayName="Avatar.Initials";const k=r.styled.div`
3
3
  width: ${({$size:e})=>e}px;
4
4
  height: ${({$size:e})=>e}px;
5
5
  border-radius: 50%;
@@ -7,7 +7,7 @@
7
7
  display: flex;
8
8
  align-items: center;
9
9
  justify-content: center;
10
- color: ${({$textColor:e})=>e};
10
+ color: ${({$textColor:e})=>e} !important;
11
11
  font-weight: 500;
12
12
  font-family: var(--font-inter);
13
13
  font-size: 1.125rem;
@@ -1,5 +1,5 @@
1
1
  "use client";
2
- "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../../../common/date.js"),a=require("../../atoms/typography/paragraph.js"),o=require("../../../icons/arrow/chevron_left.js"),i=require("../../../icons/arrow/chevron_right.js"),s=require("../../../utils/date.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=l(t);const c=r.styled.div`
2
+ "use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("styled-components"),n=require("../../../common/date.js"),a=require("../../atoms/typography/paragraph.js"),o=require("../../../icons/arrow/chevron_left.js"),i=require("../../../icons/arrow/chevron_right.js"),l=require("../../../utils/date.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=s(t);const c=r.styled.div`
3
3
  display: flex;
4
4
  flex-direction: column;
5
5
  gap: 0;
@@ -14,7 +14,7 @@
14
14
  align-items: center;
15
15
  margin-bottom: 18px;
16
16
  user-select: none;
17
- `,p=r.styled.button`
17
+ `,g=r.styled.button`
18
18
  appearance: none;
19
19
  border: none;
20
20
  outline: none;
@@ -36,7 +36,7 @@
36
36
  fill: #ffffff;
37
37
  }
38
38
  }
39
- `,g=r.styled.div`
39
+ `,f=r.styled.div`
40
40
  display: grid;
41
41
  grid-template-columns: repeat(7, 1fr);
42
42
  gap: 20px;
@@ -50,20 +50,53 @@
50
50
  justify-content: center;
51
51
  align-items: center;
52
52
  }
53
- `,f=r.styled.div`
53
+ `,p=r.styled.div`
54
54
  display: flex;
55
55
  flex-direction: column;
56
56
  gap: 16px;
57
57
  margin: 16px 0 5px;
58
58
  user-select: none;
59
59
  width: 100%;
60
- `,h=r.styled.div`
60
+ `,m=r.styled.div`
61
61
  display: grid;
62
62
  grid-template-columns: repeat(7, 1fr);
63
63
  gap: 20px;
64
64
  border-radius: 24px;
65
65
  width: 100%;
66
- `,x=r.styled.button`
66
+ overflow: hidden;
67
+ `,h=r.styled.div`
68
+ position: relative;
69
+ display: flex;
70
+ justify-content: center;
71
+ align-items: center;
72
+ height: 28px;
73
+
74
+ &.in-range::before,
75
+ &.range-start::before,
76
+ &.range-end::before {
77
+ content: '';
78
+ position: absolute;
79
+ top: 0;
80
+ bottom: 0;
81
+ background: var(--color-blue-9);
82
+ }
83
+
84
+ &.in-range::before {
85
+ left: -10px;
86
+ right: -10px;
87
+ }
88
+
89
+ &.range-start:not(.range-end)::before {
90
+ left: 50%;
91
+ right: -10px;
92
+ }
93
+
94
+ &.range-end:not(.range-start)::before {
95
+ left: -10px;
96
+ right: 50%;
97
+ }
98
+ `,b=r.styled.button`
99
+ position: relative;
67
100
  outline: none;
68
101
  border: none;
69
102
  background: transparent;
@@ -77,7 +110,6 @@
77
110
  font-family: var(--font-inter);
78
111
  font-size: 16px;
79
112
  line-height: 24px;
80
- justify-self: center;
81
113
 
82
114
  &.today {
83
115
  color: var(--color-primary-blue-2);
@@ -98,4 +130,4 @@
98
130
  background-color: var(--color-blue-9);
99
131
  }
100
132
  }
101
- `;exports.CalendarPanel=({selectedDate:t,onSelect:r,disablePastDates:l,disableFutureDates:m})=>{const y=d.default.useMemo(()=>{const e=new Date;return e.setHours(0,0,0,0),e},[]),[b,j]=d.default.useState(()=>t?.toDateString()||(new Date).toDateString());d.default.useEffect(()=>{t&&j(t.toDateString())},[t]);const v=d.default.useCallback(e=>{const t=e.currentTarget,n=t.getAttribute("data-day"),a=t.getAttribute("data-month"),o=t.getAttribute("data-year");n&&a&&o&&r(new Date(`${a}/${n}/${o}`))},[r]),w=s.buildCalendar(new Date(b).getMonth()+1,new Date(b).getFullYear());return e.jsxs(c,{children:[e.jsxs(u,{children:[e.jsx(p,{type:"button",onClick:()=>{j(e=>{const t=new Date(e);return t.setMonth(t.getMonth()-1),t.toDateString()})},children:e.jsx(o.ChevronLeft,{size:24})}),e.jsx(a.P,{$bold:!0,children:`${Object.values(n.MONTHS)[Math.max(0,Math.min(new Date(b).getMonth(),11))]} ${new Date(b).getFullYear()}`}),e.jsx(p,{type:"button",onClick:()=>{j(e=>{const t=new Date(e);return t.setMonth(t.getMonth()+1),t.toDateString()})},children:e.jsx(i.ChevronRight,{size:24})})]}),e.jsx(g,{children:Object.values(n.WEEKDAYS).map(t=>e.jsx(a.P,{children:t},t))}),e.jsx(f,{children:w.map((r,n)=>e.jsx(h,{children:r.map((r,n)=>{const a=new Date(`${r[1]}/${r[2]}/${r[0]}`),o=y.getTime()-a.getTime()>0,i=a.getTime()-y.getTime()>0,d=r[1]!==s.zeroPad(new Date(b).getMonth()+1,2),c=l?o:m?i:d,u=Math.abs(a.getTime()-y.getTime())<.5,p=t&&t.getTime()===a.getTime();return e.jsx(x,{type:"button",className:`${u?"today":""}${c?" not-current":""}${p?" selected":""}`.trim(),"data-day":r[2],"data-month":r[1],"data-year":r[0],onClick:v,children:`${r[2]}`.startsWith("0")?`${r[2]}`[1]:r[2]},"day-"+n.toString(36))})},"week-"+n.toString(36)))})]})};
133
+ `;exports.CalendarPanel=t=>{const{disablePastDates:r,disableFutureDates:s}=t,x="range"===t.mode,y=d.default.useMemo(()=>{const e=new Date;return e.setHours(0,0,0,0),e},[]),v=x?t.selectedRange.start:null,j=x?t.selectedRange.end:null,w=x?null:t.selectedDate,D=x?v:w,[T,S]=d.default.useState(()=>D?.toDateString()||(new Date).toDateString());d.default.useEffect(()=>{D&&S(D.toDateString())},[D?.getTime()]);const[M,$]=d.default.useState(null),k=e=>{const r=e.currentTarget,n=r.getAttribute("data-day"),a=r.getAttribute("data-month"),o=r.getAttribute("data-year");if(!n||!a||!o)return;const i=new Date(`${a}/${n}/${o}`);if("range"===t.mode){const{start:e,end:r}=t.selectedRange;$(i),!e||r?t.onSelect({start:i,end:null}):i.getTime()<e.getTime()?t.onSelect({start:i,end:e}):t.onSelect({start:e,end:i})}else t.onSelect(i)},q=e=>{if(!x)return;const t=e.currentTarget,r=t.getAttribute("data-day"),n=t.getAttribute("data-month"),a=t.getAttribute("data-year");r&&n&&a&&$(new Date(`${n}/${r}/${a}`))},A=l.buildCalendar(new Date(T).getMonth()+1,new Date(T).getFullYear());let C=null,P=null;x&&(v&&j?(C=v,P=j):v&&M?M.getTime()<v.getTime()?(C=M,P=v):(C=v,P=M):v&&(C=v));const z=!(!C||!P||C.getTime()===P.getTime());return e.jsxs(c,{children:[e.jsxs(u,{children:[e.jsx(g,{type:"button",onClick:()=>{S(e=>{const t=new Date(e);return t.setMonth(t.getMonth()-1),t.toDateString()})},children:e.jsx(o.ChevronLeft,{size:24})}),e.jsx(a.P,{$bold:!0,children:`${Object.values(n.MONTHS)[Math.max(0,Math.min(new Date(T).getMonth(),11))]} ${new Date(T).getFullYear()}`}),e.jsx(g,{type:"button",onClick:()=>{S(e=>{const t=new Date(e);return t.setMonth(t.getMonth()+1),t.toDateString()})},children:e.jsx(i.ChevronRight,{size:24})})]}),e.jsx(f,{children:Object.values(n.WEEKDAYS).map(t=>e.jsx(a.P,{children:t},t))}),e.jsx(p,{onMouseLeave:()=>{x&&$(null)},children:A.map((t,n)=>e.jsx(m,{children:t.map((t,n)=>{const a=new Date(`${t[1]}/${t[2]}/${t[0]}`).getTime(),o=y.getTime()-a>0,i=a-y.getTime()>0,d=t[1]!==l.zeroPad(new Date(T).getMonth()+1,2),c=r?o:s?i:d,u=Math.abs(a-y.getTime())<.5,g=!x&&!!w&&w.getTime()===a,f=x&&!!C&&a===C.getTime(),p=x&&!!P&&a===P.getTime(),m=[x&&z&&!!C&&!!P&&a>C.getTime()&&a<P.getTime()&&"in-range",f&&z&&"range-start",p&&z&&"range-end"].filter(Boolean).join(" "),v=[u&&"today",c&&"not-current",(g||f||p)&&"selected"].filter(Boolean).join(" ");return e.jsx(h,{className:m,children:e.jsx(b,{type:"button",className:v,"data-day":t[2],"data-month":t[1],"data-year":t[0],onClick:k,onMouseEnter:q,children:`${t[2]}`.startsWith("0")?`${t[2]}`[1]:t[2]})},"day-"+n.toString(36))})},"week-"+n.toString(36)))})]})};
@@ -1,8 +1,22 @@
1
- export interface CalendarPanelProps {
2
- selectedDate: Date | null;
3
- onSelect: (value: Date) => void;
1
+ export interface DateRange {
2
+ start: Date | null;
3
+ end: Date | null;
4
+ }
5
+ interface CalendarPanelBaseProps {
4
6
  disablePastDates?: true;
5
7
  disableFutureDates?: true;
6
8
  }
7
- export declare const CalendarPanel: ({ selectedDate, onSelect, disablePastDates, disableFutureDates, }: CalendarPanelProps) => import("react/jsx-runtime").JSX.Element;
9
+ interface CalendarPanelSingleProps extends CalendarPanelBaseProps {
10
+ mode?: 'single';
11
+ selectedDate: Date | null;
12
+ onSelect: (value: Date) => void;
13
+ }
14
+ interface CalendarPanelRangeProps extends CalendarPanelBaseProps {
15
+ mode: 'range';
16
+ selectedRange: DateRange;
17
+ onSelect: (value: DateRange) => void;
18
+ }
19
+ export type CalendarPanelProps = CalendarPanelSingleProps | CalendarPanelRangeProps;
20
+ export declare const CalendarPanel: (props: CalendarPanelProps) => import("react/jsx-runtime").JSX.Element;
21
+ export {};
8
22
  //# sourceMappingURL=calendar_panel.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"calendar_panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/calendar/calendar_panel.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,kBAAkB;IACjC,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IAChC,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,IAAI,CAAC;CAC3B;AAED,eAAO,MAAM,aAAa,sEAKvB,kBAAkB,4CA8GpB,CAAC"}
1
+ {"version":3,"file":"calendar_panel.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/calendar/calendar_panel.tsx"],"names":[],"mappings":"AAYA,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,EAAE,IAAI,GAAG,IAAI,CAAC;CAClB;AAED,UAAU,sBAAsB;IAC9B,gBAAgB,CAAC,EAAE,IAAI,CAAC;IACxB,kBAAkB,CAAC,EAAE,IAAI,CAAC;CAC3B;AAED,UAAU,wBAAyB,SAAQ,sBAAsB;IAC/D,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,YAAY,EAAE,IAAI,GAAG,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;CACjC;AAED,UAAU,uBAAwB,SAAQ,sBAAsB;IAC9D,IAAI,EAAE,OAAO,CAAC;IACd,aAAa,EAAE,SAAS,CAAC;IACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,MAAM,kBAAkB,GAC1B,wBAAwB,GACxB,uBAAuB,CAAC;AAE5B,eAAO,MAAM,aAAa,UAAW,kBAAkB,4CA+MtD,CAAC"}
@@ -1,5 +1,5 @@
1
1
  export { CalendarInput } from './calendar';
2
2
  export type { CalendarInputProps } from './calendar';
3
3
  export { CalendarPanel } from './calendar_panel';
4
- export type { CalendarPanelProps } from './calendar_panel';
4
+ export type { CalendarPanelProps, DateRange } from './calendar_panel';
5
5
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/input/calendar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}
@@ -19,7 +19,7 @@ export type { TextInputProps } from './text_input';
19
19
  export { CalendarInput } from './calendar';
20
20
  export type { CalendarInputProps } from './calendar';
21
21
  export { CalendarPanel } from './calendar';
22
- export type { CalendarPanelProps } from './calendar';
22
+ export type { CalendarPanelProps, DateRange } from './calendar';
23
23
  export { Time } from './time';
24
24
  export type { TimeProps } from './time';
25
25
  export { TimeInput } from './time_input';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,YAAY,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,YAAY,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,YAAY,EAAE,YAAY,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,WAAW,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,YAAY,EAAE,eAAe,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,YAAY,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,YAAY,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAC3C,YAAY,EAAE,kBAAkB,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAChE,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,YAAY,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,YAAY,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACnD,YAAY,EACV,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,mBAAmB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@soul-refiner/design-system",
3
- "version": "2.14.169",
3
+ "version": "2.14.171",
4
4
  "main": "dist/index.js",
5
5
  "types": "dist/src/index.d.ts",
6
6
  "license": "MIT",