@smwb/ui-solid 0.3.0 → 0.4.0

package/dist/headless/source/components/inputs/datePicker/datePickerList.jsx

@@ -0,0 +1,44 @@
+import { For, Show, createEffect, on } from "solid-js";
+import { MenuItem, MenuItemIcon, MenuItemText } from "../../navigation/menu";
+import { Icon } from "../../base/icon";
+function DatePickerList(props) {
+  let overflowEl;
+  createEffect(
+    on(
+      [() => props.value, () => props.items],
+      () => {
+        if (!overflowEl) return;
+        const selected = overflowEl.querySelector(".smwb-menu__item--selected");
+        if (selected) {
+          const middle = (overflowEl.offsetHeight - selected.offsetHeight) / 2;
+          overflowEl.scrollTop = selected.offsetTop - middle;
+        }
+      }
+    )
+  );
+  return <div class="smwb-date-picker__overflow" ref={(el) => overflowEl = el} data-testid="date-picker-list">
+      <ul class="smwb-date-picker__list">
+        <For each={props.items}>
+          {(item) => {
+    const isSelected = () => props.value === item.value;
+    return <MenuItem selected={isSelected()} onClick={() => props.onChange(item.value)}>
+                <Show when={isSelected()}>
+                  <MenuItemIcon>
+                    <Icon name="check" weight={500} size={24} />
+                  </MenuItemIcon>
+                </Show>
+                <MenuItemText class="smwb-date-picker__list-item" inset={!isSelected()}>
+                  {item.label}
+                </MenuItemText>
+              </MenuItem>;
+  }}
+        </For>
+      </ul>
+    </div>;
+}
+var datePickerList_default = DatePickerList;
+export {
+  DatePickerList,
+  datePickerList_default as default
+};
+//# sourceMappingURL=datePickerList.js.map

package/dist/headless/source/components/inputs/datePicker/datePickerList.jsx.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/components/inputs/datePicker/datePickerList.tsx"],"sourcesContent":["import { type JSX, For, Show, createEffect, on } from \"solid-js\";\nimport { MenuItem, MenuItemIcon, MenuItemText } from \"../../navigation/menu\";\nimport { Icon } from \"../../base/icon\";\n\nexport interface DatePickerListItem {\n  label: string;\n  value: number;\n}\n\nexport interface DatePickerListProps {\n  value: number;\n  items: DatePickerListItem[];\n  onChange: (value: number) => void;\n}\n\nexport function DatePickerList(props: DatePickerListProps): JSX.Element {\n  let overflowEl: HTMLDivElement | undefined;\n\n  createEffect(\n    on(\n      [() => props.value, () => props.items],\n      () => {\n        if (!overflowEl) return;\n        const selected = overflowEl.querySelector<HTMLElement>(\".smwb-menu__item--selected\");\n        if (selected) {\n          const middle = (overflowEl.offsetHeight - selected.offsetHeight) / 2;\n          overflowEl.scrollTop = selected.offsetTop - middle;\n        }\n      }\n    )\n  );\n\n  return (\n    <div class=\"smwb-date-picker__overflow\" ref={(el) => (overflowEl = el)} data-testid=\"date-picker-list\">\n      <ul class=\"smwb-date-picker__list\">\n        <For each={props.items}>\n          {(item) => {\n            const isSelected = (): boolean => props.value === item.value;\n            return (\n              <MenuItem selected={isSelected()} onClick={() => props.onChange(item.value)}>\n                <Show when={isSelected()}>\n                  <MenuItemIcon>\n                    <Icon name=\"check\" weight={500} size={24} />\n                  </MenuItemIcon>\n                </Show>\n                <MenuItemText class=\"smwb-date-picker__list-item\" inset={!isSelected()}>\n                  {item.label}\n                </MenuItemText>\n              </MenuItem>\n            );\n          }}\n        </For>\n      </ul>\n    </div>\n  );\n}\n\nexport default DatePickerList;\n"],"mappings":"AAAA,SAAmB,KAAK,MAAM,cAAc,UAAU;AACtD,SAAS,UAAU,cAAc,oBAAoB;AACrD,SAAS,YAAY;AAad,SAAS,eAAe,OAAyC;AACtE,MAAI;AAEJ;AAAA,IACE;AAAA,MACE,CAAC,MAAM,MAAM,OAAO,MAAM,MAAM,KAAK;AAAA,MACrC,MAAM;AACJ,YAAI,CAAC,WAAY;AACjB,cAAM,WAAW,WAAW,cAA2B,4BAA4B;AACnF,YAAI,UAAU;AACZ,gBAAM,UAAU,WAAW,eAAe,SAAS,gBAAgB;AACnE,qBAAW,YAAY,SAAS,YAAY;AAAA,QAC9C;AAAA,MACF;AAAA,IACF;AAAA,EACF;AAEA,SACE,CAAC,IAAI,MAAM,6BAA6B,KAAK,CAAC,OAAQ,aAAa,IAAK,YAAY,mBAAmB;AAAA,MACrG,CAAC,GAAG,MAAM,yBAAyB;AAAA,QACjC,CAAC,IAAI,MAAM,MAAM,OAAO;AAAA,WACrB,CAAC,SAAS;AACT,UAAM,aAAa,MAAe,MAAM,UAAU,KAAK;AACvD,WACE,CAAC,SAAS,UAAU,WAAW,GAAG,SAAS,MAAM,MAAM,SAAS,KAAK,KAAK,GAAG;AAAA,gBAC3E,CAAC,KAAK,MAAM,WAAW,GAAG;AAAA,kBACxB,CAAC,aAAa;AAAA,oBACZ,CAAC,KAAK,KAAK,QAAQ,QAAQ,KAAK,MAAM,IAAI,EAAE;AAAA,kBAC9C,EAFC,aAEc;AAAA,gBACjB,EAJC,KAIM;AAAA,gBACP,CAAC,aAAa,MAAM,8BAA8B,OAAO,CAAC,WAAW,GAAG;AAAA,mBACrE,KAAK,MAAM;AAAA,gBACd,EAFC,aAEc;AAAA,cACjB,EATC;AAAA,EAWL,EAAE;AAAA,QACJ,EAhBC,IAgBK;AAAA,MACR,EAlBC,GAkBI;AAAA,IACP,EApBC;AAsBL;AAEA,IAAO,yBAAQ;","names":[],"file":"datePickerList.jsx"}

package/dist/headless/source/components/inputs/datePicker/dateUtils.js

@@ -0,0 +1,232 @@
+import { formatDateByPattern, isDatePatternMatch, parseDateByPattern } from "./dateFormat";
+const MASK_DATE_REGEXP = /\d/gi;
+const MASK_TOKEN_REGEXP = /[a-zA-Z]/g;
+function startOfWeek(date, weekStart = 0) {
+  const normalizedStart = weekStart % 7;
+  const day = new Date(date);
+  const weekDay = day.getDay();
+  const diff = (weekDay < normalizedStart ? 7 : 0) + weekDay - normalizedStart;
+  return new Date(day.setDate(day.getDate() - diff));
+}
+function endOfWeek(date, weekStart = 0) {
+  const day = new Date(startOfWeek(date, weekStart));
+  return new Date(day.setDate(day.getDate() + 6));
+}
+function eachDayOfInterval(start, end) {
+  const dates = [];
+  const endDate = new Date(end);
+  const endTime = endDate.getTime();
+  const currentDate = new Date(start);
+  currentDate.setHours(0, 0, 0, 0);
+  while (currentDate.getTime() <= endTime) {
+    dates.push(new Date(currentDate.getTime()));
+    currentDate.setDate(currentDate.getDate() + 1);
+    currentDate.setHours(0, 0, 0, 0);
+  }
+  return dates;
+}
+function getDayNames(now, weekStartsOn, locale) {
+  const formatter = new Intl.DateTimeFormat(locale, { weekday: "narrow" });
+  return eachDayOfInterval(startOfWeek(now, weekStartsOn), endOfWeek(now, weekStartsOn)).map(
+    (day) => formatter.format(day)
+  );
+}
+function startOfMonth(date) {
+  const _date = new Date(date);
+  return new Date(_date.getFullYear(), _date.getMonth(), 1);
+}
+function endOfMonth(date) {
+  return setMaxTime(new Date(date.getFullYear(), date.getMonth() + 1, 0));
+}
+function isBefore(date1, date2) {
+  return new Date(date1) < new Date(date2);
+}
+function isAfter(date1, date2) {
+  return isBefore(date2, date1);
+}
+function addDays(date, days) {
+  const _date = new Date(date);
+  _date.setDate(_date.getDate() + days);
+  return _date;
+}
+function getWeeks(date, weekStartsOn) {
+  const start = startOfWeek(startOfMonth(date), weekStartsOn);
+  const end = endOfWeek(endOfMonth(date), weekStartsOn);
+  let count = 0;
+  let current = start;
+  const nestedWeeks = [];
+  let lastDay = null;
+  while (isBefore(current, end)) {
+    const weekNumber = Math.floor(count / 7);
+    let week = nestedWeeks[weekNumber];
+    if (!week) {
+      week = [];
+      nestedWeeks[weekNumber] = week;
+    }
+    const day = current.getDay();
+    if (lastDay !== day) {
+      lastDay = day;
+      week.push(current);
+      count += 1;
+    }
+    current = addDays(current, 1);
+  }
+  return nestedWeeks;
+}
+function isSameMonth(date1, date2) {
+  return startOfMonth(date2) <= date1 && date1 <= endOfMonth(date2);
+}
+function resetTime(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function setMaxTime(date) {
+  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);
+}
+function isSameDay(date1, date2) {
+  return resetTime(date1).getTime() === resetTime(date2).getTime();
+}
+function addMonths(date, months) {
+  return setMonth(date, date.getMonth() + months);
+}
+function addYears(date, years) {
+  return setYear(date, date.getFullYear() + years);
+}
+function endOfDay(date) {
+  return setMaxTime(date);
+}
+function startOfDay(date) {
+  return resetTime(date);
+}
+function getMonths(locale) {
+  const months = [];
+  const formatter = new Intl.DateTimeFormat(locale, { month: "long" });
+  for (let i = 0; i < 12; i++) {
+    months.push({
+      label: formatter.format(addMonths(/* @__PURE__ */ new Date("1970-01-01"), i)),
+      value: i
+    });
+  }
+  return months;
+}
+function setMonth(date, month) {
+  const _date = new Date(date);
+  _date.setMonth(month);
+  return _date;
+}
+function getYears(currentYear, range) {
+  const years = [];
+  for (let i = currentYear - range; i <= currentYear + range; i++) {
+    years.push({ label: String(i).padStart(4, "0"), value: i });
+  }
+  return years;
+}
+function setYear(date, year) {
+  const _date = new Date(date);
+  _date.setFullYear(year);
+  return _date;
+}
+function getMonthLabel(date, locale) {
+  return new Intl.DateTimeFormat(locale, { month: "short" }).format(date);
+}
+function getYearLabel(date, locale) {
+  return new Intl.DateTimeFormat(locale, { year: "numeric" }).format(date);
+}
+function getDisplayDate(date, format) {
+  if (!isValidDate(date)) {
+    return "";
+  }
+  if (format) {
+    return formatDateByPattern(date, format);
+  }
+  return new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).format(date);
+}
+function getCurrentFormatDate(format) {
+  if (format) {
+    return format;
+  }
+  const parts = {
+    year: "yyyy",
+    month: "MM",
+    day: "dd"
+  };
+  const formatter = new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" });
+  const dateParts = formatter.formatToParts(/* @__PURE__ */ new Date("1970-01-01"));
+  return dateParts.map((element) => parts[element.type] ?? element.value).join("");
+}
+function getMaskFormat(format) {
+  if (format) {
+    return format.replace(MASK_TOKEN_REGEXP, "_");
+  }
+  const date = new Intl.DateTimeFormat(void 0, { day: "2-digit", month: "2-digit", year: "numeric" }).format(
+    /* @__PURE__ */ new Date("1970-01-01")
+  );
+  return date.replace(MASK_DATE_REGEXP, "_");
+}
+function maskedDateFormatter(mask) {
+  return (value) => {
+    let outputCharIndex = 0;
+    return value.split("").map((char, inputCharIndex) => {
+      MASK_DATE_REGEXP.lastIndex = 0;
+      if (outputCharIndex > mask.length - 1) {
+        return "";
+      }
+      const maskChar = mask[outputCharIndex];
+      const nextMaskChar = mask[outputCharIndex + 1];
+      const acceptedChar = MASK_DATE_REGEXP.test(char) ? char : "";
+      const formattedChar = maskChar === "_" ? acceptedChar : maskChar + acceptedChar;
+      outputCharIndex += formattedChar.length;
+      const isLastCharacter = inputCharIndex === value.length - 1;
+      if (isLastCharacter && nextMaskChar && nextMaskChar !== "_") {
+        return formattedChar ? formattedChar + nextMaskChar : "";
+      }
+      return formattedChar;
+    }).join("");
+  };
+}
+function isDateMatch(value, format) {
+  return isDatePatternMatch(value, format);
+}
+function getDateByFormat(value, format) {
+  const parsed = parseDateByPattern(value, format);
+  if (!parsed) {
+    return new Date(Number.NaN);
+  }
+  return parsed;
+}
+function isValidDate(value) {
+  return Object.prototype.toString.call(value) === "[object Date]" && !isNaN(value);
+}
+export {
+  addDays,
+  addMonths,
+  addYears,
+  eachDayOfInterval,
+  endOfDay,
+  endOfMonth,
+  endOfWeek,
+  getCurrentFormatDate,
+  getDateByFormat,
+  getDayNames,
+  getDisplayDate,
+  getMaskFormat,
+  getMonthLabel,
+  getMonths,
+  getWeeks,
+  getYearLabel,
+  getYears,
+  isAfter,
+  isBefore,
+  isDateMatch,
+  isSameDay,
+  isSameMonth,
+  isValidDate,
+  maskedDateFormatter,
+  resetTime,
+  setMaxTime,
+  setMonth,
+  setYear,
+  startOfDay,
+  startOfMonth,
+  startOfWeek
+};
+//# sourceMappingURL=dateUtils.js.map

package/dist/headless/source/components/inputs/datePicker/dateUtils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/inputs/datePicker/dateUtils.ts"],
+  "sourcesContent": ["import { formatDateByPattern, isDatePatternMatch, parseDateByPattern } from \"./dateFormat\";\n\nexport type WeekStart = 0 | 1 | 2 | 3 | 4 | 5 | 6;\n\nexport interface DatePickerListItem {\n  value: number;\n  label: string;\n}\n\nconst MASK_DATE_REGEXP = /\\d/gi;\nconst MASK_TOKEN_REGEXP = /[a-zA-Z]/g;\n\n/** Returns the start of the week, Sunday by default. */\nexport function startOfWeek(date: Date, weekStart: number = 0): Date {\n  const normalizedStart = weekStart % 7;\n  const day = new Date(date);\n  const weekDay = day.getDay();\n  const diff = (weekDay < normalizedStart ? 7 : 0) + weekDay - normalizedStart;\n\n  return new Date(day.setDate(day.getDate() - diff));\n}\n\n/** Returns the end of the week, Saturday by default. */\nexport function endOfWeek(date: Date, weekStart: number = 0): Date {\n  const day = new Date(startOfWeek(date, weekStart));\n\n  return new Date(day.setDate(day.getDate() + 6));\n}\n\n/** Returns every day between start and end (inclusive). */\nexport function eachDayOfInterval(start: Date, end: Date): Date[] {\n  const dates: Date[] = [];\n  const endDate = new Date(end);\n  const endTime = endDate.getTime();\n  const currentDate = new Date(start);\n  currentDate.setHours(0, 0, 0, 0);\n\n  while (currentDate.getTime() <= endTime) {\n    dates.push(new Date(currentDate.getTime()));\n    currentDate.setDate(currentDate.getDate() + 1);\n    currentDate.setHours(0, 0, 0, 0);\n  }\n\n  return dates;\n}\n\n/** Returns localized narrow week-day names. */\nexport function getDayNames(now: Date, weekStartsOn: WeekStart, locale?: string): string[] {\n  const formatter = new Intl.DateTimeFormat(locale, { weekday: \"narrow\" });\n\n  return eachDayOfInterval(startOfWeek(now, weekStartsOn), endOfWeek(now, weekStartsOn)).map((day) =>\n    formatter.format(day)\n  );\n}\n\nexport function startOfMonth(date: Date): Date {\n  const _date = new Date(date);\n\n  return new Date(_date.getFullYear(), _date.getMonth(), 1);\n}\n\nexport function endOfMonth(date: Date): Date {\n  return setMaxTime(new Date(date.getFullYear(), date.getMonth() + 1, 0));\n}\n\nexport function isBefore(date1: Date, date2: Date): boolean {\n  return new Date(date1) < new Date(date2);\n}\n\nexport function isAfter(date1: Date, date2: Date): boolean {\n  return isBefore(date2, date1);\n}\n\nexport function addDays(date: Date, days: number): Date {\n  const _date = new Date(date);\n  _date.setDate(_date.getDate() + days);\n\n  return _date;\n}\n\n/** Returns the weeks (including leading/trailing days) covering the month of `date`. */\nexport function getWeeks(date: Date, weekStartsOn: WeekStart): Date[][] {\n  const start = startOfWeek(startOfMonth(date), weekStartsOn);\n  const end = endOfWeek(endOfMonth(date), weekStartsOn);\n\n  let count = 0;\n  let current = start;\n  const nestedWeeks: Date[][] = [];\n  let lastDay: number | null = null;\n\n  while (isBefore(current, end)) {\n    const weekNumber = Math.floor(count / 7);\n    let week = nestedWeeks[weekNumber];\n    if (!week) {\n      week = [];\n      nestedWeeks[weekNumber] = week;\n    }\n    const day = current.getDay();\n\n    if (lastDay !== day) {\n      lastDay = day;\n      week.push(current);\n      count += 1;\n    }\n\n    current = addDays(current, 1);\n  }\n\n  return nestedWeeks;\n}\n\nexport function isSameMonth(date1: Date, date2: Date): boolean {\n  return startOfMonth(date2) <= date1 && date1 <= endOfMonth(date2);\n}\n\nexport function resetTime(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nexport function setMaxTime(date: Date): Date {\n  return new Date(date.getFullYear(), date.getMonth(), date.getDate(), 23, 59, 59, 999);\n}\n\nexport function isSameDay(date1: Date, date2: Date): boolean {\n  return resetTime(date1).getTime() === resetTime(date2).getTime();\n}\n\nexport function addMonths(date: Date, months: number): Date {\n  return setMonth(date, date.getMonth() + months);\n}\n\nexport function addYears(date: Date, years: number): Date {\n  return setYear(date, date.getFullYear() + years);\n}\n\nexport function endOfDay(date: Date): Date {\n  return setMaxTime(date);\n}\n\nexport function startOfDay(date: Date): Date {\n  return resetTime(date);\n}\n\nexport function getMonths(locale?: string): DatePickerListItem[] {\n  const months: DatePickerListItem[] = [];\n  const formatter = new Intl.DateTimeFormat(locale, { month: \"long\" });\n\n  for (let i = 0; i < 12; i++) {\n    months.push({\n      label: formatter.format(addMonths(new Date(\"1970-01-01\"), i)),\n      value: i,\n    });\n  }\n\n  return months;\n}\n\nexport function setMonth(date: Date, month: number): Date {\n  const _date = new Date(date);\n  _date.setMonth(month);\n\n  return _date;\n}\n\nexport function getYears(currentYear: number, range: number): DatePickerListItem[] {\n  const years: DatePickerListItem[] = [];\n\n  for (let i = currentYear - range; i <= currentYear + range; i++) {\n    years.push({ label: String(i).padStart(4, \"0\"), value: i });\n  }\n\n  return years;\n}\n\nexport function setYear(date: Date, year: number): Date {\n  const _date = new Date(date);\n  _date.setFullYear(year);\n\n  return _date;\n}\n\nexport function getMonthLabel(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { month: \"short\" }).format(date);\n}\n\nexport function getYearLabel(date: Date, locale?: string): string {\n  return new Intl.DateTimeFormat(locale, { year: \"numeric\" }).format(date);\n}\n\nexport function getDisplayDate(date: unknown, format?: string): string {\n  if (!isValidDate(date)) {\n    return \"\";\n  }\n\n  if (format) {\n    return formatDateByPattern(date, format);\n  }\n\n  return new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).format(date);\n}\n\nexport function getCurrentFormatDate(format?: string): string {\n  if (format) {\n    return format;\n  }\n\n  const parts: Record<string, string> = {\n    year: \"yyyy\",\n    month: \"MM\",\n    day: \"dd\",\n  };\n  const formatter = new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" });\n  const dateParts = formatter.formatToParts(new Date(\"1970-01-01\"));\n\n  return dateParts.map((element) => parts[element.type] ?? element.value).join(\"\");\n}\n\nexport function getMaskFormat(format?: string): string {\n  if (format) {\n    return format.replace(MASK_TOKEN_REGEXP, \"_\");\n  }\n\n  const date = new Intl.DateTimeFormat(undefined, { day: \"2-digit\", month: \"2-digit\", year: \"numeric\" }).format(\n    new Date(\"1970-01-01\")\n  );\n\n  return date.replace(MASK_DATE_REGEXP, \"_\");\n}\n\nexport function maskedDateFormatter(mask: string): (value: string) => string {\n  return (value: string) => {\n    let outputCharIndex = 0;\n\n    return value\n      .split(\"\")\n      .map((char, inputCharIndex) => {\n        MASK_DATE_REGEXP.lastIndex = 0;\n\n        if (outputCharIndex > mask.length - 1) {\n          return \"\";\n        }\n\n        const maskChar = mask[outputCharIndex] as string;\n        const nextMaskChar = mask[outputCharIndex + 1];\n\n        const acceptedChar = MASK_DATE_REGEXP.test(char) ? char : \"\";\n        const formattedChar = maskChar === \"_\" ? acceptedChar : maskChar + acceptedChar;\n\n        outputCharIndex += formattedChar.length;\n\n        const isLastCharacter = inputCharIndex === value.length - 1;\n\n        if (isLastCharacter && nextMaskChar && nextMaskChar !== \"_\") {\n          return formattedChar ? formattedChar + nextMaskChar : \"\";\n        }\n\n        return formattedChar;\n      })\n      .join(\"\");\n  };\n}\n\nexport function isDateMatch(value: string, format: string): boolean {\n  return isDatePatternMatch(value, format);\n}\n\nexport function getDateByFormat(value: string, format: string): Date {\n  const parsed = parseDateByPattern(value, format);\n\n  if (!parsed) {\n    return new Date(Number.NaN);\n  }\n\n  return parsed;\n}\n\nexport function isValidDate(value: unknown): value is Date {\n  return Object.prototype.toString.call(value) === \"[object Date]\" && !isNaN(value as number);\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/headless/source/components/inputs/datePicker/index.js

@@ -0,0 +1,24 @@
+import { DatePicker, default as default2 } from "./datePicker";
+import { OpenView } from "./openView";
+import { DataPickerDays } from "./dataPickerDays";
+import { DataPickerHeader } from "./dataPickerHeader";
+import { DataPickerInput } from "./dataPickerInput";
+import { DatePickerActionLabel } from "./datePickerActionLabel";
+import { DatePickerDay } from "./datePickerDay";
+import { DatePickerIconButton } from "./datePickerIconButton";
+import { DatePickerList } from "./datePickerList";
+import { createDateInput } from "./useDateInput";
+export {
+  DataPickerDays,
+  DataPickerHeader,
+  DataPickerInput,
+  DatePicker,
+  DatePickerActionLabel,
+  DatePickerDay,
+  DatePickerIconButton,
+  DatePickerList,
+  OpenView,
+  createDateInput,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/headless/source/components/inputs/datePicker/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/inputs/datePicker/index.ts"],
+  "sourcesContent": ["export { DatePicker, default } from \"./datePicker\";\nexport type { DatePickerProps } from \"./datePicker\";\nexport { OpenView } from \"./openView\";\nexport { DataPickerDays } from \"./dataPickerDays\";\nexport type { DataPickerDaysProps } from \"./dataPickerDays\";\nexport { DataPickerHeader } from \"./dataPickerHeader\";\nexport type { DataPickerHeaderProps } from \"./dataPickerHeader\";\nexport { DataPickerInput } from \"./dataPickerInput\";\nexport type { DataPickerInputProps } from \"./dataPickerInput\";\nexport { DatePickerActionLabel } from \"./datePickerActionLabel\";\nexport type { ActionLabelProps } from \"./datePickerActionLabel\";\nexport { DatePickerDay } from \"./datePickerDay\";\nexport type { DatePickerDayProps } from \"./datePickerDay\";\nexport { DatePickerIconButton } from \"./datePickerIconButton\";\nexport type { DataPickerIconButtonProps } from \"./datePickerIconButton\";\nexport { DatePickerList } from \"./datePickerList\";\nexport type { DatePickerListProps } from \"./datePickerList\";\nexport { createDateInput } from \"./useDateInput\";\nexport type { CreateDateInputProps, DateInputState } from \"./useDateInput\";\n"],
+  "mappings": "AAAA,SAAS,YAAY,WAAAA,gBAAe;AAEpC,SAAS,gBAAgB;AACzB,SAAS,sBAAsB;AAE/B,SAAS,wBAAwB;AAEjC,SAAS,uBAAuB;AAEhC,SAAS,6BAA6B;AAEtC,SAAS,qBAAqB;AAE9B,SAAS,4BAA4B;AAErC,SAAS,sBAAsB;AAE/B,SAAS,uBAAuB;",
+  "names": ["default"]
+}

package/dist/headless/source/components/inputs/datePicker/openView.js

@@ -0,0 +1,10 @@
+var OpenView = /* @__PURE__ */ ((OpenView2) => {
+  OpenView2["days"] = "days";
+  OpenView2["months"] = "months";
+  OpenView2["years"] = "years";
+  return OpenView2;
+})(OpenView || {});
+export {
+  OpenView
+};
+//# sourceMappingURL=openView.js.map

package/dist/headless/source/components/inputs/datePicker/openView.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/inputs/datePicker/openView.ts"],
+  "sourcesContent": ["export enum OpenView {\n  days = \"days\",\n  months = \"months\",\n  years = \"years\",\n}\n"],
+  "mappings": "AAAO,IAAK,WAAL,kBAAKA,cAAL;AACL,EAAAA,UAAA,UAAO;AACP,EAAAA,UAAA,YAAS;AACT,EAAAA,UAAA,WAAQ;AAHE,SAAAA;AAAA,GAAA;",
+  "names": ["OpenView"]
+}

package/dist/headless/source/components/inputs/datePicker/useDateInput.js

@@ -0,0 +1,56 @@
+import { createEffect, createSignal } from "solid-js";
+import {
+  getCurrentFormatDate,
+  getDateByFormat,
+  getDisplayDate,
+  getMaskFormat,
+  isDateMatch,
+  maskedDateFormatter
+} from "./dateUtils";
+import { createMaskedInput } from "../../../primitives/createMaskedInput";
+function createDateInput(props) {
+  const currentFormatDate = () => getCurrentFormatDate(props.format);
+  const [displayedValue, setDisplayedValue] = createSignal(getDisplayDate(props.value, props.format));
+  const formatter = () => maskedDateFormatter(getMaskFormat(props.format));
+  let prevValue;
+  createEffect(() => {
+    const v = props.value;
+    if (v !== prevValue) {
+      prevValue = v;
+      setDisplayedValue(getDisplayDate(v, props.format));
+    }
+  });
+  const onChange = (value) => {
+    setDisplayedValue(value);
+    if (!props.onChange) return;
+    if (isDateMatch(value, currentFormatDate())) {
+      props.onChange(void 0, getDateByFormat(value, currentFormatDate()));
+    } else if (value === "") {
+      props.onChange(void 0);
+    }
+  };
+  const masked = createMaskedInput({ value: displayedValue, onChange, format: (v) => formatter()(v) });
+  const onBlur = () => {
+    if (!props.onBlur) return;
+    const prev = prevValue;
+    if (prev instanceof Date && isDateMatch(getDisplayDate(prev, props.format), currentFormatDate())) {
+      props.onBlur(void 0, prev);
+    } else if (typeof prev === "string" && isDateMatch(prev, currentFormatDate())) {
+      props.onBlur(void 0, getDateByFormat(prev, currentFormatDate()));
+    } else if (prev === void 0 || prev === "") {
+      props.onBlur(void 0);
+    }
+    setDisplayedValue(getDisplayDate(props.value, props.format));
+  };
+  return {
+    value: displayedValue,
+    onInput: masked.onInput,
+    onBlur,
+    ref: masked.ref,
+    placeholder: () => currentFormatDate().toLowerCase()
+  };
+}
+export {
+  createDateInput
+};
+//# sourceMappingURL=useDateInput.js.map

package/dist/headless/source/components/inputs/datePicker/useDateInput.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/inputs/datePicker/useDateInput.ts"],
+  "sourcesContent": ["import { type Accessor, createEffect, createSignal } from \"solid-js\";\nimport {\n  getCurrentFormatDate,\n  getDateByFormat,\n  getDisplayDate,\n  getMaskFormat,\n  isDateMatch,\n  maskedDateFormatter,\n} from \"./dateUtils\";\nimport { createMaskedInput } from \"../../../primitives/createMaskedInput\";\n\nexport interface CreateDateInputProps {\n  value?: Date | string | undefined;\n  onChange?: ((event?: Event, value?: Date) => void) | undefined;\n  onBlur?: ((event?: FocusEvent, value?: Date) => void) | undefined;\n  format?: string | undefined;\n}\n\nexport interface DateInputState {\n  value: Accessor<string>;\n  onInput: (event: InputEvent & { currentTarget: HTMLInputElement; target: Element }) => void;\n  onBlur: () => void;\n  ref: (el: HTMLInputElement) => void;\n  placeholder: Accessor<string>;\n}\n\n/** Solid port of useDateInput \u2014 masked text input bound to a Date value. */\nexport function createDateInput(props: CreateDateInputProps): DateInputState {\n  const currentFormatDate = (): string => getCurrentFormatDate(props.format);\n  const [displayedValue, setDisplayedValue] = createSignal(getDisplayDate(props.value, props.format));\n  const formatter = (): ((value: string) => string) => maskedDateFormatter(getMaskFormat(props.format));\n\n  let prevValue: Date | string | undefined;\n\n  createEffect(() => {\n    const v = props.value;\n    if (v !== prevValue) {\n      prevValue = v;\n      setDisplayedValue(getDisplayDate(v, props.format));\n    }\n  });\n\n  const onChange = (value: string): void => {\n    setDisplayedValue(value);\n    if (!props.onChange) return;\n    if (isDateMatch(value, currentFormatDate())) {\n      props.onChange(undefined, getDateByFormat(value, currentFormatDate()));\n    } else if (value === \"\") {\n      props.onChange(undefined);\n    }\n  };\n\n  const masked = createMaskedInput({ value: displayedValue, onChange, format: (v) => formatter()(v) });\n\n  const onBlur = (): void => {\n    if (!props.onBlur) return;\n    const prev = prevValue;\n    if (prev instanceof Date && isDateMatch(getDisplayDate(prev, props.format), currentFormatDate())) {\n      props.onBlur(undefined, prev);\n    } else if (typeof prev === \"string\" && isDateMatch(prev, currentFormatDate())) {\n      props.onBlur(undefined, getDateByFormat(prev, currentFormatDate()));\n    } else if (prev === undefined || prev === \"\") {\n      props.onBlur(undefined);\n    }\n    setDisplayedValue(getDisplayDate(props.value, props.format));\n  };\n\n  return {\n    value: displayedValue,\n    onInput: masked.onInput,\n    onBlur,\n    ref: masked.ref,\n    placeholder: () => currentFormatDate().toLowerCase(),\n  };\n}\n"],
+  "mappings": "AAAA,SAAwB,cAAc,oBAAoB;AAC1D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,yBAAyB;AAkB3B,SAAS,gBAAgB,OAA6C;AAC3E,QAAM,oBAAoB,MAAc,qBAAqB,MAAM,MAAM;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,aAAa,eAAe,MAAM,OAAO,MAAM,MAAM,CAAC;AAClG,QAAM,YAAY,MAAmC,oBAAoB,cAAc,MAAM,MAAM,CAAC;AAEpG,MAAI;AAEJ,eAAa,MAAM;AACjB,UAAM,IAAI,MAAM;AAChB,QAAI,MAAM,WAAW;AACnB,kBAAY;AACZ,wBAAkB,eAAe,GAAG,MAAM,MAAM,CAAC;AAAA,IACnD;AAAA,EACF,CAAC;AAED,QAAM,WAAW,CAAC,UAAwB;AACxC,sBAAkB,KAAK;AACvB,QAAI,CAAC,MAAM,SAAU;AACrB,QAAI,YAAY,OAAO,kBAAkB,CAAC,GAAG;AAC3C,YAAM,SAAS,QAAW,gBAAgB,OAAO,kBAAkB,CAAC,CAAC;AAAA,IACvE,WAAW,UAAU,IAAI;AACvB,YAAM,SAAS,MAAS;AAAA,IAC1B;AAAA,EACF;AAEA,QAAM,SAAS,kBAAkB,EAAE,OAAO,gBAAgB,UAAU,QAAQ,CAAC,MAAM,UAAU,EAAE,CAAC,EAAE,CAAC;AAEnG,QAAM,SAAS,MAAY;AACzB,QAAI,CAAC,MAAM,OAAQ;AACnB,UAAM,OAAO;AACb,QAAI,gBAAgB,QAAQ,YAAY,eAAe,MAAM,MAAM,MAAM,GAAG,kBAAkB,CAAC,GAAG;AAChG,YAAM,OAAO,QAAW,IAAI;AAAA,IAC9B,WAAW,OAAO,SAAS,YAAY,YAAY,MAAM,kBAAkB,CAAC,GAAG;AAC7E,YAAM,OAAO,QAAW,gBAAgB,MAAM,kBAAkB,CAAC,CAAC;AAAA,IACpE,WAAW,SAAS,UAAa,SAAS,IAAI;AAC5C,YAAM,OAAO,MAAS;AAAA,IACxB;AACA,sBAAkB,eAAe,MAAM,OAAO,MAAM,MAAM,CAAC;AAAA,EAC7D;AAEA,SAAO;AAAA,IACL,OAAO;AAAA,IACP,SAAS,OAAO;AAAA,IAChB;AAAA,IACA,KAAK,OAAO;AAAA,IACZ,aAAa,MAAM,kBAAkB,EAAE,YAAY;AAAA,EACrD;AACF;",
+  "names": []
+}

package/dist/headless/source/components/inputs/dateTimePicker/dateTimeFormat.js

@@ -0,0 +1,119 @@
+const DATETIME_TOKEN_REGEXP = /yyyy|MM|dd|HH|mm|ss/g;
+function extractTokens(pattern) {
+  const tokens = [];
+  let match;
+  DATETIME_TOKEN_REGEXP.lastIndex = 0;
+  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {
+    tokens.push(match[0]);
+  }
+  return tokens;
+}
+function escapeRegExp(value) {
+  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+}
+function patternToRegExp(pattern) {
+  let regex = "^";
+  let lastIndex = 0;
+  let match;
+  DATETIME_TOKEN_REGEXP.lastIndex = 0;
+  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {
+    regex += escapeRegExp(pattern.slice(lastIndex, match.index));
+    regex += match[0] === "yyyy" ? "(\\d{4})" : "(\\d{2})";
+    lastIndex = DATETIME_TOKEN_REGEXP.lastIndex;
+  }
+  regex += escapeRegExp(pattern.slice(lastIndex));
+  regex += "$";
+  return new RegExp(regex);
+}
+function isValidCalendarDate(year, month, day) {
+  if (month < 1 || month > 12 || day < 1) {
+    return false;
+  }
+  const date = new Date(year, month - 1, day);
+  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;
+}
+function isValidTime(hours, minutes, seconds) {
+  return hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59 && seconds >= 0 && seconds <= 59;
+}
+function formatDateTimeByPattern(date, pattern) {
+  const year = date.getFullYear();
+  const month = date.getMonth() + 1;
+  const day = date.getDate();
+  const hours = date.getHours();
+  const minutes = date.getMinutes();
+  const seconds = date.getSeconds();
+  return pattern.replace(DATETIME_TOKEN_REGEXP, (token) => {
+    if (token === "yyyy") {
+      return String(year).padStart(4, "0");
+    }
+    if (token === "MM") {
+      return String(month).padStart(2, "0");
+    }
+    if (token === "dd") {
+      return String(day).padStart(2, "0");
+    }
+    if (token === "HH") {
+      return String(hours).padStart(2, "0");
+    }
+    if (token === "mm") {
+      return String(minutes).padStart(2, "0");
+    }
+    return String(seconds).padStart(2, "0");
+  });
+}
+function parseDateTimeByPattern(value, pattern) {
+  const tokens = extractTokens(pattern);
+  if (!tokens.includes("yyyy") || !tokens.includes("MM") || !tokens.includes("dd") || !tokens.includes("HH") || !tokens.includes("mm")) {
+    return void 0;
+  }
+  const match = patternToRegExp(pattern).exec(value);
+  if (!match) {
+    return void 0;
+  }
+  let year;
+  let month;
+  let day;
+  let hours;
+  let minutes;
+  let seconds = 0;
+  tokens.forEach((token, index) => {
+    const part = Number(match[index + 1]);
+    if (token === "yyyy") {
+      year = part;
+      return;
+    }
+    if (token === "MM") {
+      month = part;
+      return;
+    }
+    if (token === "dd") {
+      day = part;
+      return;
+    }
+    if (token === "HH") {
+      hours = part;
+      return;
+    }
+    if (token === "mm") {
+      minutes = part;
+      return;
+    }
+    seconds = part;
+  });
+  if (year === void 0 || month === void 0 || day === void 0 || hours === void 0 || minutes === void 0) {
+    return void 0;
+  }
+  if (!isValidCalendarDate(year, month, day) || !isValidTime(hours, minutes, seconds)) {
+    return void 0;
+  }
+  return new Date(year, month - 1, day, hours, minutes, seconds);
+}
+function isDateTimePatternMatch(value, pattern) {
+  return parseDateTimeByPattern(value, pattern) !== void 0;
+}
+export {
+  formatDateTimeByPattern,
+  isDateTimePatternMatch,
+  parseDateTimeByPattern
+};
+//# sourceMappingURL=dateTimeFormat.js.map

package/dist/headless/source/components/inputs/dateTimePicker/dateTimeFormat.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/inputs/dateTimePicker/dateTimeFormat.ts"],
+  "sourcesContent": ["const DATETIME_TOKEN_REGEXP = /yyyy|MM|dd|HH|mm|ss/g;\n\ntype DateTimeToken = \"yyyy\" | \"MM\" | \"dd\" | \"HH\" | \"mm\" | \"ss\";\n\nfunction extractTokens(pattern: string): DateTimeToken[] {\n  const tokens: DateTimeToken[] = [];\n  let match: RegExpExecArray | null;\n\n  DATETIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    tokens.push(match[0] as DateTimeToken);\n  }\n\n  return tokens;\n}\n\nfunction escapeRegExp(value: string): string {\n  return value.replace(/[.*+?^${}()|[\\]\\\\]/g, \"\\\\$&\");\n}\n\nfunction patternToRegExp(pattern: string): RegExp {\n  let regex = \"^\";\n  let lastIndex = 0;\n  let match: RegExpExecArray | null;\n\n  DATETIME_TOKEN_REGEXP.lastIndex = 0;\n  while ((match = DATETIME_TOKEN_REGEXP.exec(pattern)) !== null) {\n    regex += escapeRegExp(pattern.slice(lastIndex, match.index));\n    regex += match[0] === \"yyyy\" ? \"(\\\\d{4})\" : \"(\\\\d{2})\";\n    lastIndex = DATETIME_TOKEN_REGEXP.lastIndex;\n  }\n\n  regex += escapeRegExp(pattern.slice(lastIndex));\n  regex += \"$\";\n\n  return new RegExp(regex);\n}\n\nfunction isValidCalendarDate(year: number, month: number, day: number): boolean {\n  if (month < 1 || month > 12 || day < 1) {\n    return false;\n  }\n\n  const date = new Date(year, month - 1, day);\n\n  return date.getFullYear() === year && date.getMonth() === month - 1 && date.getDate() === day;\n}\n\nfunction isValidTime(hours: number, minutes: number, seconds: number): boolean {\n  return hours >= 0 && hours <= 23 && minutes >= 0 && minutes <= 59 && seconds >= 0 && seconds <= 59;\n}\n\nexport function formatDateTimeByPattern(date: Date, pattern: string): string {\n  const year = date.getFullYear();\n  const month = date.getMonth() + 1;\n  const day = date.getDate();\n  const hours = date.getHours();\n  const minutes = date.getMinutes();\n  const seconds = date.getSeconds();\n\n  return pattern.replace(DATETIME_TOKEN_REGEXP, (token) => {\n    if (token === \"yyyy\") {\n      return String(year).padStart(4, \"0\");\n    }\n\n    if (token === \"MM\") {\n      return String(month).padStart(2, \"0\");\n    }\n\n    if (token === \"dd\") {\n      return String(day).padStart(2, \"0\");\n    }\n\n    if (token === \"HH\") {\n      return String(hours).padStart(2, \"0\");\n    }\n\n    if (token === \"mm\") {\n      return String(minutes).padStart(2, \"0\");\n    }\n\n    return String(seconds).padStart(2, \"0\");\n  });\n}\n\nexport function parseDateTimeByPattern(value: string, pattern: string): Date | undefined {\n  const tokens = extractTokens(pattern);\n\n  if (\n    !tokens.includes(\"yyyy\") ||\n    !tokens.includes(\"MM\") ||\n    !tokens.includes(\"dd\") ||\n    !tokens.includes(\"HH\") ||\n    !tokens.includes(\"mm\")\n  ) {\n    return undefined;\n  }\n\n  const match = patternToRegExp(pattern).exec(value);\n\n  if (!match) {\n    return undefined;\n  }\n\n  let year: number | undefined;\n  let month: number | undefined;\n  let day: number | undefined;\n  let hours: number | undefined;\n  let minutes: number | undefined;\n  let seconds = 0;\n\n  tokens.forEach((token, index) => {\n    const part = Number(match[index + 1]);\n\n    if (token === \"yyyy\") {\n      year = part;\n      return;\n    }\n\n    if (token === \"MM\") {\n      month = part;\n      return;\n    }\n\n    if (token === \"dd\") {\n      day = part;\n      return;\n    }\n\n    if (token === \"HH\") {\n      hours = part;\n      return;\n    }\n\n    if (token === \"mm\") {\n      minutes = part;\n      return;\n    }\n\n    seconds = part;\n  });\n\n  if (year === undefined || month === undefined || day === undefined || hours === undefined || minutes === undefined) {\n    return undefined;\n  }\n\n  if (!isValidCalendarDate(year, month, day) || !isValidTime(hours, minutes, seconds)) {\n    return undefined;\n  }\n\n  return new Date(year, month - 1, day, hours, minutes, seconds);\n}\n\nexport function isDateTimePatternMatch(value: string, pattern: string): boolean {\n  return parseDateTimeByPattern(value, pattern) !== undefined;\n}\n"],
+  "mappings": "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",
+  "names": []
+}