npm - @soul-refiner/design-system - Versions diffs - 2.14.170 → 2.14.171 - Mend

@soul-refiner/design-system 2.14.170 → 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.

Files changed (8) hide show

package/dist/components/input/calendar/calendar_panel.js CHANGED Viewed

@@ -1,5 +1,5 @@
 "use client";
-"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`
+"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`
   display: flex;
   flex-direction: column;
   gap: 0;
@@ -14,7 +14,7 @@
   align-items: center;
   margin-bottom: 18px;
   user-select: none;
-`,p=r.styled.button`
+`,g=r.styled.button`
   appearance: none;
   border: none;
   outline: none;
@@ -36,7 +36,7 @@
       fill: #ffffff;
     }
   }
-`,g=r.styled.div`
+`,f=r.styled.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 20px;
@@ -50,20 +50,53 @@
     justify-content: center;
     align-items: center;
   }
-`,f=r.styled.div`
+`,p=r.styled.div`
   display: flex;
   flex-direction: column;
   gap: 16px;
   margin: 16px 0 5px;
   user-select: none;
   width: 100%;
-`,h=r.styled.div`
+`,m=r.styled.div`
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   gap: 20px;
   border-radius: 24px;
   width: 100%;
-`,x=r.styled.button`
+  overflow: hidden;
+`,h=r.styled.div`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 28px;
+  &.in-range::before,
+  &.range-start::before,
+  &.range-end::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    background: var(--color-blue-9);
+  }
+  &.in-range::before {
+    left: -10px;
+    right: -10px;
+  }
+  &.range-start:not(.range-end)::before {
+    left: 50%;
+    right: -10px;
+  }
+  &.range-end:not(.range-start)::before {
+    left: -10px;
+    right: 50%;
+  }
+`,b=r.styled.button`
+  position: relative;
   outline: none;
   border: none;
   background: transparent;
@@ -77,7 +110,6 @@
   font-family: var(--font-inter);
   font-size: 16px;
   line-height: 24px;
-  justify-self: center;
   &.today {
     color: var(--color-primary-blue-2);
@@ -98,4 +130,4 @@
       background-color: var(--color-blue-9);
     }
   }
-`;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)))})]})};
+`;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)))})]})};

package/dist/src/components/input/calendar/calendar_panel.d.ts CHANGED Viewed

@@ -1,8 +1,22 @@
-export interface CalendarPanelProps {
-    selectedDate: Date | null;
-    onSelect: (value: Date) => void;
+export interface DateRange {
+    start: Date | null;
+    end: Date | null;
+}
+interface CalendarPanelBaseProps {
     disablePastDates?: true;
     disableFutureDates?: true;
 }
-export declare const CalendarPanel: ({ selectedDate, onSelect, disablePastDates, disableFutureDates, }: CalendarPanelProps) => import("react/jsx-runtime").JSX.Element;
+interface CalendarPanelSingleProps extends CalendarPanelBaseProps {
+    mode?: 'single';
+    selectedDate: Date | null;
+    onSelect: (value: Date) => void;
+}
+interface CalendarPanelRangeProps extends CalendarPanelBaseProps {
+    mode: 'range';
+    selectedRange: DateRange;
+    onSelect: (value: DateRange) => void;
+}
+export type CalendarPanelProps = CalendarPanelSingleProps | CalendarPanelRangeProps;
+export declare const CalendarPanel: (props: CalendarPanelProps) => import("react/jsx-runtime").JSX.Element;
+export {};
 //# sourceMappingURL=calendar_panel.d.ts.map

package/dist/src/components/input/calendar/calendar_panel.d.ts.map CHANGED Viewed

	@@ -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"}

package/dist/src/components/input/calendar/index.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export { CalendarInput } from './calendar';
 export type { CalendarInputProps } from './calendar';
 export { CalendarPanel } from './calendar_panel';
-export type { CalendarPanelProps } from './calendar_panel';
+export type { CalendarPanelProps, DateRange } from './calendar_panel';
 //# sourceMappingURL=index.d.ts.map

package/dist/src/components/input/calendar/index.d.ts.map CHANGED Viewed

	@@ -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"}

package/dist/src/components/input/index.d.ts CHANGED Viewed

@@ -19,7 +19,7 @@ export type { TextInputProps } from './text_input';
 export { CalendarInput } from './calendar';
 export type { CalendarInputProps } from './calendar';
 export { CalendarPanel } from './calendar';
-export type { CalendarPanelProps } from './calendar';
+export type { CalendarPanelProps, DateRange } from './calendar';
 export { Time } from './time';
 export type { TimeProps } from './time';
 export { TimeInput } from './time_input';

package/dist/src/components/input/index.d.ts.map CHANGED Viewed

	@@ -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 Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@soul-refiner/design-system",
-  "version": "2.14.170",
+  "version": "2.14.171",
   "main": "dist/index.js",
   "types": "dist/src/index.d.ts",
   "license": "MIT",