@datawire-ai/busyfile-design-library 1.31.1 → 1.32.0

package/dist/index175.js

@@ -1,12 +1,22 @@
-import { createContext as t, useContext as n } from "react";
-const o = t(void 0);
-function c() {
-  const e = n(o);
-  if (e === void 0)
-    throw new Error("useDayPicker() must be used within a custom component.");
-  return e;
-}
+var o;
+(function(e) {
+  e.Root = "root", e.Chevron = "chevron", e.Day = "day", e.DayButton = "day_button", e.CaptionLabel = "caption_label", e.Dropdowns = "dropdowns", e.Dropdown = "dropdown", e.DropdownRoot = "dropdown_root", e.Footer = "footer", e.MonthGrid = "month_grid", e.MonthCaption = "month_caption", e.MonthsDropdown = "months_dropdown", e.Month = "month", e.Months = "months", e.Nav = "nav", e.NextMonthButton = "button_next", e.PreviousMonthButton = "button_previous", e.Week = "week", e.Weeks = "weeks", e.Weekday = "weekday", e.Weekdays = "weekdays", e.WeekNumber = "week_number", e.WeekNumberHeader = "week_number_header", e.YearsDropdown = "years_dropdown";
+})(o || (o = {}));
+var t;
+(function(e) {
+  e.disabled = "disabled", e.hidden = "hidden", e.outside = "outside", e.focused = "focused", e.today = "today";
+})(t || (t = {}));
+var r;
+(function(e) {
+  e.range_end = "range_end", e.range_middle = "range_middle", e.range_start = "range_start", e.selected = "selected";
+})(r || (r = {}));
+var n;
+(function(e) {
+  e.weeks_before_enter = "weeks_before_enter", e.weeks_before_exit = "weeks_before_exit", e.weeks_after_enter = "weeks_after_enter", e.weeks_after_exit = "weeks_after_exit", e.caption_after_enter = "caption_after_enter", e.caption_after_exit = "caption_after_exit", e.caption_before_enter = "caption_before_enter", e.caption_before_exit = "caption_before_exit";
+})(n || (n = {}));
 export {
-  o as dayPickerContext,
-  c as useDayPicker
+  n as Animation,
+  t as DayFlag,
+  r as SelectionState,
+  o as UI
 };

package/dist/index176.js

@@ -1,23 +1,56 @@
-import { useState as r } from "react";
-import { calculateFocusTarget as g } from "./index259.js";
-import { getNextFocus as v } from "./index260.js";
-function S(n, o, F, a, i) {
-  const { autoFocus: f } = n, [d, m] = r(), s = g(o.days, F, a || (() => !1), d), [t, u] = r(f ? s : void 0);
-  return {
-    isFocusTarget: (e) => !!(s != null && s.isEqualTo(e)),
-    setFocused: u,
-    focused: t,
-    blur: () => {
-      m(t), u(void 0);
-    },
-    moveFocus: (e, l) => {
-      if (!t)
+import { useRef as q, useLayoutEffect as z } from "react";
+import { Animation as o } from "./index175.js";
+const l = (e) => e instanceof HTMLElement ? e : null, w = (e) => [
+  ...e.querySelectorAll("[data-animated-month]") ?? []
+], I = (e) => l(e.querySelector("[data-animated-month]")), S = (e) => l(e.querySelector("[data-animated-caption]")), A = (e) => l(e.querySelector("[data-animated-weeks]")), B = (e) => l(e.querySelector("[data-animated-nav]")), P = (e) => l(e.querySelector("[data-animated-weekdays]"));
+function D(e, b, { classNames: s, months: a, focused: g, dateLib: H }) {
+  const p = q(null), h = q(a), v = q(!1);
+  z(() => {
+    const f = h.current;
+    if (h.current = a, !b || !e.current || // safety check because the ref can be set to anything by consumers
+    !(e.current instanceof HTMLElement) || // validation required for the animation to work as expected
+    a.length === 0 || f.length === 0 || a.length !== f.length)
+      return;
+    const M = H.isSameMonth(a[0].date, f[0].date), u = H.isAfter(a[0].date, f[0].date), m = u ? s[o.caption_after_enter] : s[o.caption_before_enter], L = u ? s[o.weeks_after_enter] : s[o.weeks_before_enter], x = p.current, _ = e.current.cloneNode(!0);
+    if (_ instanceof HTMLElement ? (w(_).forEach((t) => {
+      if (!(t instanceof HTMLElement))
         return;
-      const c = v(e, l, t, o.navStart, o.navEnd, n, i);
-      c && (o.goToDay(c), u(c));
+      const c = I(t);
+      c && t.contains(c) && t.removeChild(c);
+      const n = S(t);
+      n && n.classList.remove(m);
+      const r = A(t);
+      r && r.classList.remove(L);
+    }), p.current = _) : p.current = null, v.current || M || // skip animation if a day is focused because it can cause issues to the animation and is better for a11y
+    g)
+      return;
+    const k = x instanceof HTMLElement ? w(x) : [], d = w(e.current);
+    if (d != null && d.every((i) => i instanceof HTMLElement) && k && k.every((i) => i instanceof HTMLElement)) {
+      v.current = !0, e.current.style.isolation = "isolate";
+      const i = B(e.current);
+      i && (i.style.zIndex = "1"), d.forEach((t, c) => {
+        const n = k[c];
+        if (!n)
+          return;
+        t.style.position = "relative", t.style.overflow = "hidden";
+        const r = S(t);
+        r && r.classList.add(m);
+        const y = A(t);
+        y && y.classList.add(L);
+        const W = () => {
+          v.current = !1, e.current && (e.current.style.isolation = ""), i && (i.style.zIndex = ""), r && r.classList.remove(m), y && y.classList.remove(L), t.style.position = "", t.style.overflow = "", t.contains(n) && t.removeChild(n);
+        };
+        n.style.pointerEvents = "none", n.style.position = "absolute", n.style.overflow = "hidden", n.setAttribute("aria-hidden", "true");
+        const C = P(n);
+        C && (C.style.opacity = "0");
+        const E = S(n);
+        E && (E.classList.add(u ? s[o.caption_before_exit] : s[o.caption_after_exit]), E.addEventListener("animationend", W));
+        const T = A(n);
+        T && T.classList.add(u ? s[o.weeks_before_exit] : s[o.weeks_after_exit]), t.insertBefore(n, t.firstChild);
+      });
     }
-  };
+  });
 }
 export {
-  S as useFocus
+  D as useAnimation
 };

package/dist/index177.js

@@ -1,19 +1,44 @@
-import { useMulti as i } from "./index261.js";
-import { useRange as o } from "./index262.js";
-import { useSingle as s } from "./index263.js";
-function f(e, n) {
-  const t = s(e, n), r = i(e, n), u = o(e, n);
-  switch (e.mode) {
-    case "single":
-      return t;
-    case "multiple":
-      return r;
-    case "range":
-      return u;
-    default:
+import { useEffect as I } from "react";
+import { getDates as N } from "./index249.js";
+import { getDays as k } from "./index250.js";
+import { getDisplayMonths as C } from "./index251.js";
+import { getInitialMonth as g } from "./index252.js";
+import { getMonths as O } from "./index253.js";
+import { getNavMonths as q } from "./index254.js";
+import { getNextMonth as F } from "./index255.js";
+import { getPreviousMonth as P } from "./index256.js";
+import { getWeeks as S } from "./index257.js";
+import { useControlledValue as V } from "./index258.js";
+function X(t, n) {
+  const [i, o] = q(t, n), { startOfMonth: r, endOfMonth: d } = n, c = g(t, i, o, n), [m, h] = V(
+    c,
+    // initialMonth is always computed from props.month if provided
+    t.month ? c : void 0
+  );
+  I(() => {
+    const e = g(t, i, o, n);
+    h(e);
+  }, [t.timeZone]);
+  const M = C(m, o, t, n), y = N(M, t.endMonth ? d(t.endMonth) : void 0, t, n), f = O(M, y, t, n), l = S(f), v = k(f), D = P(m, i, t, n), T = F(m, o, t, n), { disableNavigation: w, onMonthChange: a } = t, x = (e) => l.some((s) => s.days.some((E) => E.isEqualTo(e))), u = (e) => {
+    if (w)
       return;
-  }
+    let s = r(e);
+    i && s < r(i) && (s = r(i)), o && s > r(o) && (s = r(o)), h(s), a == null || a(s);
+  };
+  return {
+    months: f,
+    weeks: l,
+    days: v,
+    navStart: i,
+    navEnd: o,
+    previousMonth: D,
+    nextMonth: T,
+    goToMonth: u,
+    goToDay: (e) => {
+      x(e) || u(e.date);
+    }
+  };
 }
 export {
-  f as useSelection
+  X as useCalendar
 };

package/dist/index178.js

@@ -1,9 +1,12 @@
-import { defaultDateLib as s } from "./index161.js";
-function u(f, r, t = !1, o = s) {
-  let { from: n, to: e } = f;
-  const { differenceInCalendarDays: i, isSameDay: a } = o;
-  return n && e ? (i(e, n) < 0 && ([n, e] = [e, n]), i(r, n) >= (t ? 1 : 0) && i(e, r) >= (t ? 1 : 0)) : !t && e ? a(e, r) : !t && n ? a(n, r) : !1;
+import { createContext as t, useContext as n } from "react";
+const o = t(void 0);
+function c() {
+  const e = n(o);
+  if (e === void 0)
+    throw new Error("useDayPicker() must be used within a custom component.");
+  return e;
 }
 export {
-  u as rangeIncludesDate
+  o as dayPickerContext,
+  c as useDayPicker
 };

package/dist/index179.js

@@ -1,26 +1,23 @@
-function o(e) {
-  return !!(e && typeof e == "object" && "before" in e && "after" in e);
-}
-function t(e) {
-  return !!(e && typeof e == "object" && "from" in e);
-}
-function r(e) {
-  return !!(e && typeof e == "object" && "after" in e);
-}
-function f(e) {
-  return !!(e && typeof e == "object" && "before" in e);
-}
-function i(e) {
-  return !!(e && typeof e == "object" && "dayOfWeek" in e);
-}
-function y(e, n) {
-  return Array.isArray(e) && e.every(n.isDate);
+import { useState as r } from "react";
+import { calculateFocusTarget as g } from "./index259.js";
+import { getNextFocus as v } from "./index260.js";
+function S(n, o, F, a, i) {
+  const { autoFocus: f } = n, [d, m] = r(), s = g(o.days, F, a || (() => !1), d), [t, u] = r(f ? s : void 0);
+  return {
+    isFocusTarget: (e) => !!(s != null && s.isEqualTo(e)),
+    setFocused: u,
+    focused: t,
+    blur: () => {
+      m(t), u(void 0);
+    },
+    moveFocus: (e, l) => {
+      if (!t)
+        return;
+      const c = v(e, l, t, o.navStart, o.navEnd, n, i);
+      c && (o.goToDay(c), u(c));
+    }
+  };
 }
 export {
-  r as isDateAfterType,
-  f as isDateBeforeType,
-  o as isDateInterval,
-  t as isDateRange,
-  y as isDatesArray,
-  i as isDayOfWeekType
+  S as useFocus
 };

package/dist/index180.js

@@ -1,21 +1,19 @@
-import { formatDistance as o } from "./index273.js";
-import { formatLong as t } from "./index274.js";
-import { formatRelative as a } from "./index275.js";
-import { localize as r } from "./index276.js";
-import { match as e } from "./index277.js";
-const s = {
-  code: "en-US",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 0,
-    firstWeekContainsDate: 1
+import { useMulti as i } from "./index261.js";
+import { useRange as o } from "./index262.js";
+import { useSingle as s } from "./index263.js";
+function f(e, n) {
+  const t = s(e, n), r = i(e, n), u = o(e, n);
+  switch (e.mode) {
+    case "single":
+      return t;
+    case "multiple":
+      return r;
+    case "range":
+      return u;
+    default:
+      return;
   }
-};
+}
 export {
-  s as default,
-  s as enUS
+  f as useSelection
 };

package/dist/index181.js

@@ -1,18 +1,9 @@
-import { formatCaption as t, formatMonthCaption as e } from "./index182.js";
-import { formatDay as a } from "./index183.js";
-import { formatMonthDropdown as p } from "./index184.js";
-import { formatWeekdayName as x } from "./index185.js";
-import { formatWeekNumber as i } from "./index186.js";
-import { formatWeekNumberHeader as C } from "./index187.js";
-import { formatYearCaption as N, formatYearDropdown as W } from "./index188.js";
+import { defaultDateLib as s } from "./index164.js";
+function u(f, r, t = !1, o = s) {
+  let { from: n, to: e } = f;
+  const { differenceInCalendarDays: i, isSameDay: a } = o;
+  return n && e ? (i(e, n) < 0 && ([n, e] = [e, n]), i(r, n) >= (t ? 1 : 0) && i(e, r) >= (t ? 1 : 0)) : !t && e ? a(e, r) : !t && n ? a(n, r) : !1;
+}
 export {
-  t as formatCaption,
-  a as formatDay,
-  e as formatMonthCaption,
-  p as formatMonthDropdown,
-  i as formatWeekNumber,
-  C as formatWeekNumberHeader,
-  x as formatWeekdayName,
-  N as formatYearCaption,
-  W as formatYearDropdown
+  u as rangeIncludesDate
 };

package/dist/index182.js

@@ -1,9 +1,26 @@
-import { DateLib as r } from "./index161.js";
-function a(t, o, n) {
-  return (n ?? new r(o)).formatMonthYear(t);
+function o(e) {
+  return !!(e && typeof e == "object" && "before" in e && "after" in e);
+}
+function t(e) {
+  return !!(e && typeof e == "object" && "from" in e);
+}
+function r(e) {
+  return !!(e && typeof e == "object" && "after" in e);
+}
+function f(e) {
+  return !!(e && typeof e == "object" && "before" in e);
+}
+function i(e) {
+  return !!(e && typeof e == "object" && "dayOfWeek" in e);
+}
+function y(e, n) {
+  return Array.isArray(e) && e.every(n.isDate);
 }
-const f = a;
 export {
-  a as formatCaption,
-  f as formatMonthCaption
+  r as isDateAfterType,
+  f as isDateBeforeType,
+  o as isDateInterval,
+  t as isDateRange,
+  y as isDatesArray,
+  i as isDayOfWeekType
 };

package/dist/index183.js

@@ -1,7 +1,21 @@
-import { DateLib as a } from "./index161.js";
-function f(r, t, o) {
-  return (o ?? new a(t)).format(r, "d");
-}
+import { formatDistance as o } from "./index273.js";
+import { formatLong as t } from "./index274.js";
+import { formatRelative as a } from "./index275.js";
+import { localize as r } from "./index276.js";
+import { match as e } from "./index277.js";
+const s = {
+  code: "en-US",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: e,
+  options: {
+    weekStartsOn: 0,
+    firstWeekContainsDate: 1
+  }
+};
 export {
-  f as formatDay
+  s as default,
+  s as enUS
 };

package/dist/index184.js

@@ -1,7 +1,18 @@
-import { defaultDateLib as r } from "./index161.js";
-function n(o, t = r) {
-  return t.format(o, "LLLL");
-}
+import { formatCaption as t, formatMonthCaption as e } from "./index185.js";
+import { formatDay as a } from "./index186.js";
+import { formatMonthDropdown as p } from "./index187.js";
+import { formatWeekdayName as x } from "./index188.js";
+import { formatWeekNumber as i } from "./index189.js";
+import { formatWeekNumberHeader as C } from "./index190.js";
+import { formatYearCaption as N, formatYearDropdown as W } from "./index191.js";
 export {
-  n as formatMonthDropdown
+  t as formatCaption,
+  a as formatDay,
+  e as formatMonthCaption,
+  p as formatMonthDropdown,
+  i as formatWeekNumber,
+  C as formatWeekNumberHeader,
+  x as formatWeekdayName,
+  N as formatYearCaption,
+  W as formatYearDropdown
 };

package/dist/index185.js

@@ -1,7 +1,9 @@
-import { DateLib as t } from "./index161.js";
-function a(c, e, r) {
-  return (r ?? new t(e)).format(c, "cccccc");
+import { DateLib as r } from "./index164.js";
+function a(t, o, n) {
+  return (n ?? new r(o)).formatMonthYear(t);
 }
+const f = a;
 export {
-  a as formatWeekdayName
+  a as formatCaption,
+  f as formatMonthCaption
 };

package/dist/index186.js

@@ -1,7 +1,7 @@
-import { defaultDateLib as o } from "./index161.js";
-function a(r, t = o) {
-  return r < 10 ? t.formatNumber(`0${r.toLocaleString()}`) : t.formatNumber(`${r.toLocaleString()}`);
+import { DateLib as a } from "./index164.js";
+function f(r, t, o) {
+  return (o ?? new a(t)).format(r, "d");
 }
 export {
-  a as formatWeekNumber
+  f as formatDay
 };

package/dist/index187.js

@@ -1,6 +1,7 @@
-function e() {
-  return "";
+import { defaultDateLib as r } from "./index164.js";
+function n(o, t = r) {
+  return t.format(o, "LLLL");
 }
 export {
-  e as formatWeekNumberHeader
+  n as formatMonthDropdown
 };

package/dist/index188.js

@@ -1,9 +1,7 @@
-import { defaultDateLib as t } from "./index161.js";
-function a(o, r = t) {
-  return r.format(o, "yyyy");
+import { DateLib as t } from "./index164.js";
+function a(c, e, r) {
+  return (r ?? new t(e)).format(c, "cccccc");
 }
-const f = a;
 export {
-  f as formatYearCaption,
-  a as formatYearDropdown
+  a as formatWeekdayName
 };

package/dist/index189.js

@@ -1,10 +1,7 @@
-import { DateLib as n } from "./index161.js";
-function r(a, t, l, o) {
-  let e = (o ?? new n(l)).format(a, "PPPP");
-  return t.today && (e = `Today, ${e}`), t.selected && (e = `${e}, selected`), e;
+import { defaultDateLib as o } from "./index164.js";
+function a(r, t = o) {
+  return r < 10 ? t.formatNumber(`0${r.toLocaleString()}`) : t.formatNumber(`${r.toLocaleString()}`);
 }
-const c = r;
 export {
-  c as labelDay,
-  r as labelDayButton
+  a as formatWeekNumber
 };

package/dist/index190.js

@@ -1,9 +1,6 @@
-import { DateLib as r } from "./index161.js";
-function e(t, o, n) {
-  return (n ?? new r(o)).formatMonthYear(t);
+function e() {
+  return "";
 }
-const l = e;
 export {
-  l as labelCaption,
-  e as labelGrid
+  e as formatWeekNumberHeader
 };

package/dist/index191.js

@@ -1,8 +1,9 @@
-import { DateLib as P } from "./index161.js";
-function o(a, t, e, n) {
-  let l = (n ?? new P(e)).format(a, "PPPP");
-  return t != null && t.today && (l = `Today, ${l}`), l;
+import { defaultDateLib as t } from "./index164.js";
+function a(o, r = t) {
+  return r.format(o, "yyyy");
 }
+const f = a;
 export {
-  o as labelGridcell
+  f as formatYearCaption,
+  a as formatYearDropdown
 };

package/dist/index192.js

@@ -1,6 +1,10 @@
-function n(o) {
-  return "Choose the Month";
+import { DateLib as n } from "./index164.js";
+function r(a, t, l, o) {
+  let e = (o ?? new n(l)).format(a, "PPPP");
+  return t.today && (e = `Today, ${e}`), t.selected && (e = `${e}, selected`), e;
 }
+const c = r;
 export {
-  n as labelMonthDropdown
+  c as labelDay,
+  r as labelDayButton
 };

package/dist/index193.js

@@ -1,6 +1,9 @@
-function e() {
-  return "";
+import { DateLib as r } from "./index164.js";
+function e(t, o, n) {
+  return (n ?? new r(o)).formatMonthYear(t);
 }
+const l = e;
 export {
-  e as labelNav
+  l as labelCaption,
+  e as labelGrid
 };

package/dist/index194.js

@@ -1,6 +1,8 @@
-function e(t) {
-  return "Go to the Next Month";
+import { DateLib as P } from "./index164.js";
+function o(a, t, e, n) {
+  let l = (n ?? new P(e)).format(a, "PPPP");
+  return t != null && t.today && (l = `Today, ${l}`), l;
 }
 export {
-  e as labelNext
+  o as labelGridcell
 };

package/dist/index195.js

@@ -1,6 +1,6 @@
-function t(o) {
-  return "Go to the Previous Month";
+function n(o) {
+  return "Choose the Month";
 }
 export {
-  t as labelPrevious
+  n as labelMonthDropdown
 };

package/dist/index196.js

@@ -1,7 +1,6 @@
-import { DateLib as c } from "./index161.js";
-function a(e, r, t) {
-  return (t ?? new c(r)).format(e, "cccc");
+function e() {
+  return "";
 }
 export {
-  a as labelWeekday
+  e as labelNav
 };

package/dist/index197.js

@@ -1,6 +1,6 @@
-function o(e, n) {
-  return `Week ${e}`;
+function e(t) {
+  return "Go to the Next Month";
 }
 export {
-  o as labelWeekNumber
+  e as labelNext
 };

package/dist/index198.js

@@ -1,6 +1,6 @@
-function r(e) {
-  return "Week Number";
+function t(o) {
+  return "Go to the Previous Month";
 }
 export {
-  r as labelWeekNumberHeader
+  t as labelPrevious
 };

package/dist/index199.js

@@ -1,6 +1,7 @@
-function e(o) {
-  return "Choose the Year";
+import { DateLib as c } from "./index164.js";
+function a(e, r, t) {
+  return (t ?? new c(r)).format(e, "cccc");
 }
 export {
-  e as labelYearDropdown
+  a as labelWeekday
 };

package/dist/index200.js

@@ -1,7 +1,6 @@
-var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
+function o(e, n) {
+  return `Week ${e}`;
+}
 export {
-  a as fullWidthClassName,
-  l as noScrollbarsClassName,
-  e as removedBarSizeVariable,
-  r as zeroRightClassName
+  o as labelWeekNumber
 };

package/dist/index201.js

@@ -1,5 +1,6 @@
-import { createSidecarMedium as e } from "./index272.js";
-var a = e();
+function r(e) {
+  return "Week Number";
+}
 export {
-  a as effectCar
+  r as labelWeekNumberHeader
 };