@xola/ui-kit 3.5.0 → 3.6.0

package/build/components/DatePicker/MonthPicker.js

@@ -1,28 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useState as l } from "react";
-import { MonthGrid as s } from "./MonthGrid.js";
-const Y = ({ value: t, locale: d, onChange: r }) => {
-  const [a, n] = l(new Date(t).getFullYear());
-  return /* @__PURE__ */ o("div", { className: "ui-month-picker min-w-72 max-w-xs rounded-lg bg-white", children: /* @__PURE__ */ o(
-    s,
-    {
-      year: a,
-      value: t,
-      locale: d,
-      handleClear: () => {
-        r(t);
-      },
-      handleToday: () => {
-        const e = /* @__PURE__ */ new Date();
-        n(e.getFullYear()), r(e);
-      },
-      handleYearChange: (e) => {
-        n(a + e);
-      },
-      onChange: r
-    }
-  ) });
-};
-export {
-  Y as MonthPicker
-};

package/build/components/DatePicker/MonthSelector.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-export interface MonthSelectorProps {
-    date: Date;
-    currentMonth: Date;
-    locale?: string;
-    onChange: (newDate: Date) => void;
-}
-export declare const MonthSelector: ({ date, currentMonth, locale, onChange }: MonthSelectorProps) => React.JSX.Element;

package/build/components/DatePicker/MonthSelector.js

@@ -1,47 +0,0 @@
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import M from "dayjs";
-import { useState as m } from "react";
-import { Popover as d } from "../Popover/Popover.js";
-import { MonthGrid as Y } from "./MonthGrid.js";
-import { ChevronDownIcon as g } from "../../icons/src/ChevronDownIcon.js";
-const j = ({ date: o, currentMonth: p, locale: s, onChange: i }) => {
-  const [l, t] = m(!1), [a, h] = m(new Date(p).getFullYear()), f = () => {
-    t(!l);
-  }, b = (n) => {
-    i(n), t(!1);
-  }, u = (n) => {
-    h(a + n);
-  }, r = () => {
-    t(!1);
-  }, C = () => {
-    i(/* @__PURE__ */ new Date()), t(!1);
-  };
-  return /* @__PURE__ */ e("span", { className: "DayPicker-Caption", children: /* @__PURE__ */ e("span", { className: "inline-block", children: /* @__PURE__ */ c(d, { visible: l, distance: 5, skidding: 60, placement: "bottom", onClickOutside: r, children: [
-    /* @__PURE__ */ c(
-      "div",
-      {
-        className: "mt-2 min-w-40 cursor-pointer items-center justify-between text-left font-bold",
-        onClick: f,
-        children: [
-          /* @__PURE__ */ e("span", { className: "pr-1 text-lg", children: M(o).locale(s ?? "en").format("MMMM YYYY") }),
-          /* @__PURE__ */ e(g, {})
-        ]
-      }
-    ),
-    /* @__PURE__ */ e(d.Content, { className: "p-2", children: /* @__PURE__ */ e(
-      Y,
-      {
-        year: a,
-        value: o,
-        locale: s,
-        handleClear: r,
-        handleToday: C,
-        handleYearChange: u,
-        onChange: b
-      }
-    ) })
-  ] }) }) });
-};
-export {
-  j as MonthSelector
-};

package/build/components/DatePicker/MonthYearSelector.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-export interface MonthYearSelectorProps {
-    date: Date;
-    currentMonth: Date;
-    locale?: string;
-    onChange: (newDate: Date) => void;
-}
-export declare const MonthYearSelector: ({ date, currentMonth, locale, onChange }: MonthYearSelectorProps) => React.JSX.Element;

package/build/components/DatePicker/MonthYearSelector.js

@@ -1,44 +0,0 @@
-import { jsxs as d, jsx as a } from "react/jsx-runtime";
-import M from "dayjs";
-import { useRef as m } from "react";
-import { Select as h } from "../Forms/Select.js";
-const l = M(), N = (n, t) => 12 * (n.getFullYear() - t.getFullYear()) + (n.getMonth() - t.getMonth()), C = ({ date: n, currentMonth: t, locale: s, onChange: c }) => {
-  const u = m(null), o = m(null), i = [...Array.from({ length: 12 }).keys()].map(
-    (e) => l.locale(s ?? "en").month(e).format("MMM")
-  ), g = [...Array.from({ length: l.year() - 2012 + 5 + 1 }).keys()].map(
-    (e) => l.locale(s ?? "en").year(2012 + e).format("YYYY")
-  ), f = N(n, t), p = (e) => {
-    const r = Number(e.target.value), Y = o.current ? Number(o.current.value) : n.getFullYear();
-    c(new Date(Y, r - f));
-  }, y = (e) => {
-    const r = Number(e.target.value);
-    c(new Date(r, t.getMonth()));
-  };
-  return /* @__PURE__ */ d("form", { className: "DayPicker-Caption space-x-2", children: [
-    /* @__PURE__ */ a("span", { className: "inline-block", children: /* @__PURE__ */ a(
-      h,
-      {
-        ref: u,
-        name: "month",
-        value: n.getMonth(),
-        className: "month-selector",
-        onChange: p,
-        children: i.map((e, r) => /* @__PURE__ */ a("option", { value: r, children: e }, e))
-      }
-    ) }),
-    /* @__PURE__ */ a("span", { className: "inline-block", children: /* @__PURE__ */ a(
-      h,
-      {
-        ref: o,
-        name: "year",
-        value: n.getFullYear(),
-        className: "year-selector",
-        onChange: y,
-        children: g.map((e) => /* @__PURE__ */ a("option", { value: e, children: e }, e))
-      }
-    ) })
-  ] });
-};
-export {
-  C as MonthYearSelector
-};

package/build/components/DatePicker/NavbarElement.d.ts

@@ -1,15 +0,0 @@
-import { default as React } from 'react';
-import { NavProps } from 'react-day-picker';
-export interface NavbarElementProps extends NavProps {
-    onTodayClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
-}
-/**
- * Render the custom left & right arrows to change the current month.
- */
-export declare const NavbarElement: ({ className, onTodayClick }: NavbarElementProps) => React.JSX.Element;
-export interface ChevronButtonProps {
-    isVisible?: boolean;
-    children: React.ReactElement;
-    onClick?: () => void;
-}
-export declare const ChevronButton: ({ isVisible, children, onClick }: ChevronButtonProps) => React.JSX.Element;

package/build/components/DatePicker/NavbarElement.js

@@ -1,43 +0,0 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import { useCallback as l } from "react";
-import { useDayPicker as m } from "react-day-picker";
-import a from "../../helpers/classnames.js";
-import { ChevronLeftIcon as p } from "../../icons/src/ChevronLeftIcon.js";
-import { ChevronRightIcon as f } from "../../icons/src/ChevronRightIcon.js";
-const C = ({ className: i, onTodayClick: t }) => {
-  const { nextMonth: e, previousMonth: o, goToMonth: n } = m(), b = !e, h = !o, d = l(() => {
-    o && n(o);
-  }, [o, n]), u = l(() => {
-    e && n(e);
-  }, [n, e]);
-  return /* @__PURE__ */ s("nav", { className: a("h-8 right-0 absolute items-center flex space-x-4 z-10", i), children: [
-    t && /* @__PURE__ */ r(
-      "button",
-      {
-        type: "button",
-        className: "h-8 px-3 py-1.5 text-sm rounded border border-solid border-gray bg-white font-semibold tracking-tightest text-black hover:border-blue hover:bg-blue-lighter",
-        onClick: t,
-        children: "Today"
-      }
-    ),
-    /* @__PURE__ */ s("span", { className: "flex space-x-2", children: [
-      /* @__PURE__ */ r(c, { isVisible: !h, onClick: d, children: /* @__PURE__ */ r(p, {}) }),
-      /* @__PURE__ */ r(c, { isVisible: !b, onClick: u, children: /* @__PURE__ */ r(f, {}) })
-    ] })
-  ] });
-}, c = ({ isVisible: i = !0, children: t, onClick: e }) => /* @__PURE__ */ r(
-  "button",
-  {
-    type: "button",
-    className: a(
-      i ? "inline-block" : "invisible",
-      "inline-flex h-7 w-7 items-center justify-center rounded-full border border-transparent leading-none text-black hover:border-black"
-    ),
-    onClick: () => e == null ? void 0 : e(),
-    children: t
-  }
-);
-export {
-  c as ChevronButton,
-  C as NavbarElement
-};

package/build/components/DatePicker/RangeDatePicker.d.ts

@@ -1,25 +0,0 @@
-import { default as React } from 'react';
-interface DateRange {
-    from?: Date;
-    to?: Date;
-}
-export interface RangeDatePickerProps {
-    value?: DateRange;
-    selectedDays?: DateRange;
-    startMonth: Date;
-    endMonth: Date;
-    isDateRangeStyle?: boolean;
-    shouldShowYearPicker?: boolean;
-    disabledDays?: ((date: Date) => boolean) | Date[];
-    modifiers?: Record<string, any>;
-    locale?: string;
-    timezoneName?: string;
-    getDayContent?: (day: number, date: Date) => React.ReactNode;
-    getTooltip?: (date: Date) => React.ReactNode;
-    handleDayClick: (day: Date | undefined, options: Record<string, any>, event: React.MouseEvent | React.KeyboardEvent, isStart?: boolean) => void;
-    handleStartMonthChange: (month: Date) => void;
-    handleEndMonthChange: (month: Date) => void;
-    handleTodayClick: (day: Date, options: Record<string, any>, event: React.MouseEvent) => void;
-}
-declare const RangeDatePicker: ({ value, selectedDays, startMonth, endMonth, isDateRangeStyle, shouldShowYearPicker, disabledDays, modifiers, locale, timezoneName, getDayContent, getTooltip, handleDayClick, handleStartMonthChange, handleEndMonthChange, handleTodayClick, ...rest }: RangeDatePickerProps) => React.JSX.Element;
-export default RangeDatePicker;

package/build/components/DatePicker/RangeDatePicker.js

@@ -1,130 +0,0 @@
-import { jsxs as K, jsx as n } from "react/jsx-runtime";
-import { isFunction as Q, isArray as U } from "lodash-es";
-import { now as d } from "../../helpers/date.js";
-import a from "../../helpers/classnames.js";
-import { Tooltip as V } from "../Tooltip.js";
-import { Day as W } from "./Day.js";
-import { LocalizedDayPicker as F } from "./LocalizedDayPicker.js";
-import { MonthYearSelector as X } from "./MonthYearSelector.js";
-import { NavbarElement as A } from "./NavbarElement.js";
-const et = ({
-  value: o,
-  selectedDays: b,
-  startMonth: c,
-  endMonth: m,
-  isDateRangeStyle: f,
-  shouldShowYearPicker: I,
-  disabledDays: u,
-  modifiers: h = {},
-  locale: O,
-  timezoneName: i,
-  getDayContent: Y,
-  getTooltip: g,
-  handleDayClick: p,
-  handleStartMonthChange: x,
-  handleEndMonthChange: w,
-  handleTodayClick: q,
-  ...k
-}) => {
-  const y = d(o == null ? void 0 : o.from, i).isSame(d(o == null ? void 0 : o.to, i), "month"), l = d(o == null ? void 0 : o.from, i).isSame(d(o == null ? void 0 : o.to, i), "day"), C = (t, e) => I && t ? (r) => /* @__PURE__ */ n(
-    X,
-    {
-      date: r.date || t,
-      currentMonth: t,
-      locale: O,
-      onChange: e
-    }
-  ) : void 0, _ = C(c, x), S = C(m, w), D = (t) => Q(u) ? u(t) : U(u) ? u.some((e) => d(e, i).isSame(t, "day")) : !1, E = (t) => D(t), N = (t) => {
-    const e = d(t, i).isBefore(o == null ? void 0 : o.from, "day");
-    return D(t) || e && !l;
-  }, B = (t, e, r) => {
-    const s = g == null ? void 0 : g(t), J = e(t), L = /* @__PURE__ */ n(
-      W,
-      {
-        disabled: J,
-        selectedDate: o,
-        date: t,
-        getContent: Y,
-        currentMonth: r
-      }
-    );
-    return s ? /* @__PURE__ */ n(V, { placement: "top", content: s, children: L }) : L;
-  }, G = (t) => B(t, E, c), H = (t) => B(t, N, m), P = {
-    months: "flex flex-col relative",
-    month_caption: "relative flex h-8 mb-4 pl-4",
-    caption_label: "text-lg font-semibold",
-    nav: "h-8 right-4 absolute items-center",
-    weekdays: "flex flex-row",
-    weekday: "w-full m-0 p-0 text-base font-semibold text-black",
-    month: "w-full min-w-[400px]",
-    month_grid: "w-full mt-4",
-    week: "mt-0.5 flex w-full justify-between",
-    day: "w-[calc(100%/7)] mr-0.5 rounded",
-    day_button: "h-12 w-full cursor-pointer rounded bg-transparent hover:border hover:border-blue hover:bg-blue-lighter hover:text-black disabled:cursor-not-allowed disabled:text-gray-light disabled:hover:border-none disabled:hover:bg-transparent",
-    selected: a(
-      f ? "[&>button]:bg-transparent [&>button]:text-black [&>button:hover]:bg-blue-lighter [&>button:hover]:text-black" : "[&>button]:border [&>button]:border-blue [&>button]:bg-blue [&>button]:text-white [&>button:hover]:border-blue-darker [&>button:hover]:bg-blue-darker"
-    ),
-    today: "[&>button]:border [&>button]:border-gray-light",
-    outside: "opacity-0",
-    disabled: "text-gray-light cursor-not-allowed [&>button]:cursor-not-allowed",
-    hidden: "invisible"
-  }, j = {
-    start: a(
-      f && !l ? "rounded-none [background:linear-gradient(90deg,#ffffff_40%,#d1e1ff_25%)] [&>button]:!bg-blue [&>button]:!text-white [&>button]:rounded-full" : "[&>button]:!bg-blue [&>button]:!text-white",
-      l ? "[&>button]:outline [&>button]:outline-offset-1 [&>button]:outline-blue-lighter" : null
-    ),
-    end: a(
-      f && !l ? "rounded-none [background:linear-gradient(90deg,#d1e1ff_40%,#ffffff_25%)] [&>button]:!bg-blue [&>button]:!text-white [&>button]:rounded-full" : "[&>button]:!bg-blue [&>button]:!text-white",
-      l ? "[&>button]:outline [&>button]:outline-offset-1 [&>button]:outline-blue-lighter" : null
-    ),
-    selected: f ? "rounded-none bg-blue-lighter text-black" : "",
-    waitlist: "[&>button]:relative [&>button]:after:content-[''] [&>button]:after:absolute [&>button]:after:bottom-1 [&>button]:after:left-1/2 [&>button]:after:-translate-x-1/2 [&>button]:after:h-2 [&>button]:after:w-2 [&>button]:after:rounded-full [&>button]:after:bg-yellow"
-  };
-  return /* @__PURE__ */ K("div", { className: "flex gap-4", children: [
-    /* @__PURE__ */ n(
-      F,
-      {
-        className: a("pt-6 tracking-tightest max-w-[400px] rounded-lg ring-0 focus:outline-none focus:ring-0"),
-        mode: "single",
-        selected: b == null ? void 0 : b.from,
-        month: c,
-        modifiers: { ...h, start: o == null ? void 0 : o.from },
-        disabled: E,
-        onSelect: (t, e, r, s) => p(t, r, s, !0),
-        onMonthChange: x,
-        classNames: P,
-        modifiersClassNames: j,
-        components: {
-          ..._ ? { CaptionLabel: _ } : {},
-          DayButton: ({ day: t, ...e }) => /* @__PURE__ */ n("button", { ...e, children: G(t.date) }),
-          Nav: (t) => /* @__PURE__ */ n(A, { ...t, onTodayClick: (e) => q(/* @__PURE__ */ new Date(), {}, e) })
-        },
-        ...k
-      }
-    ),
-    /* @__PURE__ */ n(
-      F,
-      {
-        className: a("pt-6 tracking-tightest max-w-[400px] rounded-lg ring-0 focus:outline-none focus:ring-0"),
-        mode: "single",
-        selected: y || b == null ? void 0 : b.to,
-        month: m,
-        modifiers: y ? {} : { ...h, end: o == null ? void 0 : o.to },
-        disabled: N,
-        onSelect: (t, e, r, s) => p(t, r, s, !1),
-        onMonthChange: w,
-        classNames: P,
-        modifiersClassNames: j,
-        components: {
-          ...S ? { CaptionLabel: S } : {},
-          DayButton: ({ day: t, ...e }) => /* @__PURE__ */ n("button", { ...e, children: H(t.date) }),
-          Nav: (t) => /* @__PURE__ */ n(A, { ...t })
-        },
-        ...k
-      }
-    )
-  ] });
-};
-export {
-  et as default
-};

package/build/components/DatePicker/RelativeDateRange.d.ts

@@ -1,51 +0,0 @@
-import { default as React } from 'react';
-export declare const rangeOptions: {
-    readonly YESTERDAY: "P1D,yesterday";
-    readonly TODAY: "P1D,today";
-    readonly NEXT_DAY: "P1D,next day";
-    readonly LAST_WEEK: "P1W,last week";
-    readonly TRAILING_WEEK: "P1W,-1 week";
-    readonly THIS_WEEK: "P1W,this week";
-    readonly NEXT_WEEK: "P1W,next week";
-    readonly LEADING_WEEK: "P1W,+1 week";
-    readonly LAST_MONTH: "P1M,first day of last month";
-    readonly TRAILING_MONTH: "P1M,-1 month";
-    readonly THIS_MONTH: "P1M,first day of this month";
-    readonly NEXT_MONTH: "P1M,next month";
-    readonly LEADING_MONTH: "P1M,+1 month";
-    readonly LAST_QUARTER: "P3M,first day of last quarter";
-    readonly TRAILING_QUARTER: "P3M,-3 months";
-    readonly THIS_QUARTER: "P3M,first day of this quarter";
-    readonly NEXT_QUARTER: "P3M,next quarter";
-    readonly LEADING_QUARTER: "P3M,+3 months";
-    readonly LAST_YEAR: "P1Y,first day of January last year";
-    readonly TRAILING_YEAR: "P1Y,-1 year";
-    readonly THIS_YEAR: "P1Y,first day of this year";
-    readonly NEXT_YEAR: "P1Y,next year";
-    readonly LEADING_YEAR: "P1Y,+1 year";
-};
-export declare const rangeLabels: Record<string, string>;
-interface RangeOption {
-    value: string;
-    label: string;
-}
-export declare const dateRanges: Record<string, {
-    label: string;
-    rangeOptions: RangeOption[];
-}>;
-interface DateRange {
-    from: Date;
-    to: Date;
-}
-type RangeKey = "day" | "week" | "month" | "quarter" | "year";
-export interface RelativeDateRangeProps {
-    ranges?: RangeKey[];
-    value?: string;
-    showApply?: boolean;
-    isFutureDatesAllowed?: boolean;
-    timezoneName?: string;
-    onChange: (rangeName: string, range: DateRange) => void;
-    onSubmit?: () => void;
-}
-export declare const RelativeDateRange: ({ ranges, value, showApply, isFutureDatesAllowed, timezoneName, onChange, onSubmit, }: RelativeDateRangeProps) => React.JSX.Element;
-export {};