@react-fabric/date 1.0.0-beta.9 → 1.0.1

package/src/utils/dateUtil.ts

@@ -21,6 +21,10 @@
  * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
+/* eslint-disable @typescript-eslint/no-unsafe-enum-comparison */
+
+import { isNil, isString } from "@react-fabric/utilities";
+import type { Locale } from "date-fns";
 import {
   addDays as _addDays,
   addMonths as _addMonths,
@@ -51,26 +55,11 @@ import {
   startOfMinute,
   startOfQuarter,
 } from "date-fns";
-import { DatePart, PageType, type DateLike } from "../types";
-// import { parseDate } from "./dateMath";
-import { isNil, isString } from "@react-fabric/utilities";
-import {
-  arSA as ar,
-  de,
-  enUS as en,
-  es,
-  fr,
-  hi,
-  it,
-  ja,
-  ko,
-  pt,
-  ru,
-  zhCN as zh,
-} from "date-fns/locale";
+import { arSA as ar, de, enUS as en, es, fr, hi, it, ja, ko, pt, ru, zhCN as zh } from "date-fns/locale";
 import i18next from "i18next";
+import { DatePart, PageType, type DateLike } from "../types";
 
-const Locales: KeyValue = {
+const Locales: KeyValue<Locale> = {
   ar,
   en,
   de,
@@ -83,9 +72,8 @@ const Locales: KeyValue = {
   pt,
   ru,
   zh,
-};
+} as const;
 
-// eslint-disable-next-line @typescript-eslint/no-namespace
 export namespace DateUtil {
   const translateNumber = (d: string) => {
     return d
@@ -138,19 +126,12 @@ export namespace DateUtil {
     return hdate;
   };
 
-  export const format = (
-    date?: DateLike,
-    fmt = "dd MMM yyyy",
-    locale?: string,
-    isHijri?: boolean,
-  ) => {
+  export const format = (date?: DateLike, fmt = "dd MMM yyyy", locale?: string, isHijri?: boolean) => {
     let formatted = "";
     if (!isNil(date)) {
       const dt = isRelative(date) ? parseDate(date) : new Date(date);
       if (dt != null) {
-        formatted = isHijri
-          ? formatHijri(dt, fmt, locale)
-          : formatGregorian(dt, fmt, locale);
+        formatted = isHijri ? formatHijri(dt, fmt, locale) : formatGregorian(dt, fmt, locale);
       }
     }
     return formatted;
@@ -161,10 +142,7 @@ export namespace DateUtil {
   };
 
   export const isRelativeRange = (date: DateLike): date is string => {
-    return (
-      isString(date) &&
-      date.match(/^(\$\w+)([+-])(\d+)?\|(\$\w+)([+-])(\d+)?$/) !== null
-    );
+    return isString(date) && date.match(/^(\$\w+)([+-])(\d+)?\|(\$\w+)([+-])(\d+)?$/) !== null;
   };
 
   export const startOfDay = (date?: Date, isHijri: boolean = false) => {
@@ -318,11 +296,7 @@ export namespace DateUtil {
     }
   };
 
-  export const addMonths = (
-    date: Date,
-    d: number,
-    isHijri: boolean = false,
-  ) => {
+  export const addMonths = (date: Date, d: number, isHijri: boolean = false) => {
     if (isHijri) {
       return addHijriMonth(date, d).toGregorian();
     } else {
@@ -340,12 +314,8 @@ export namespace DateUtil {
     }
   };
 
-  export const getWeek = (
-    date: Date,
-    locale: string,
-    isHijri: boolean = false,
-  ) => {
-    let ret = "";
+  export const getWeek = (date: Date, locale: string, isHijri: boolean = false) => {
+    let ret;
     if (isHijri) {
       const start = startOfYear(date, isHijri);
       ret = format(new Date(date.getTime() - start.getTime()), "ww");
@@ -358,11 +328,7 @@ export namespace DateUtil {
     return ret;
   };
 
-  export const isSameMonth = (
-    date: Date,
-    compare: Date,
-    isHijri: boolean = false,
-  ) => {
+  export const isSameMonth = (date: Date, compare: Date, isHijri: boolean = false) => {
     if (isHijri) {
       const hdate = date.toHijri().ignoreTime();
       const hcompare = compare.toHijri().ignoreTime();
@@ -372,11 +338,7 @@ export namespace DateUtil {
     }
   };
 
-  export const isSameYear = (
-    date: Date,
-    compare: Date,
-    isHijri: boolean = false,
-  ) => {
+  export const isSameYear = (date: Date, compare: Date, isHijri: boolean = false) => {
     if (isHijri) {
       const hdate = date.toHijri().ignoreTime();
       const hcompare = compare.toHijri().ignoreTime();
@@ -386,12 +348,7 @@ export namespace DateUtil {
     }
   };
 
-  export const isDisabled = (
-    date: Date,
-    page: PageType,
-    min?: DateLike,
-    max?: DateLike,
-  ) => {
+  export const isDisabled = (date: Date, page: PageType, min?: DateLike, max?: DateLike) => {
     let methods = [_startOfDay, _endOfDay];
     if (page === PageType.MONTH) {
       methods = [_startOfMonth, _endOfMonth];
@@ -401,10 +358,7 @@ export namespace DateUtil {
       methods = [_startOfDecade, _endOfDecade];
     }
     const [start, end] = methods;
-    return (
-      (!(min == null) && isBefore(start(date), start(min))) ||
-      (!(max == null) && isAfter(end(date), end(max)))
-    );
+    return (!(min == null) && isBefore(start(date), start(min))) || (!(max == null) && isAfter(end(date), end(max)));
   };
 
   export const parseDate = (datelike: DateLike): Date => {
@@ -417,9 +371,7 @@ export namespace DateUtil {
     const parseStart = _parse(start, !end ? "start" : undefined);
     const parseEnd = _parse(end ?? start, !end ? "end" : undefined);
 
-    return isBefore(parseStart, parseEnd)
-      ? [parseStart, parseEnd]
-      : [parseEnd, parseStart];
+    return isBefore(parseStart, parseEnd) ? [parseStart, parseEnd] : [parseEnd, parseStart];
   };
 
   export const relativeTooltip = (datelike?: string, isHijri = false) => {
@@ -447,12 +399,7 @@ export namespace DateUtil {
       const parseEnd = _parse(end);
       if (isSameYear(parseStart, parseEnd)) {
         labels = [
-          format(
-            parseStart,
-            isSameMonth(parseStart, parseEnd) ? "dd" : "dd MMM",
-            i18next.language,
-            isHijri,
-          ),
+          format(parseStart, isSameMonth(parseStart, parseEnd) ? "dd" : "dd MMM", i18next.language, isHijri),
           format(parseEnd, "dd MMM yyyy", i18next.language, isHijri),
         ];
       } else {
@@ -466,26 +413,23 @@ export namespace DateUtil {
       labels = [format(parseStart, "dd MMM yyyy", i18next.language, isHijri)];
     }
 
-    return end
-      ? labels.join(` ${i18next.t(`superdate:separator`, "→")} `)
-      : labels[0];
+    return end ? labels.join(` ${i18next.t(`superdate:separator`, "→")} `) : labels[0];
   };
 
   const _parseLabel = (dt: string) => {
     if (!dt) return "";
-    const [, part, op = "+", diff = 0] =
-      dt.match(/^(\$\w+)([+-])?(\d+)?$/) ?? [];
+    const [, part, op = "+", diff = 0] = dt.match(/^(\$\w+)([+-])?(\d+)?$/) ?? [];
     if (part) {
-      const t = (k: string, o?: AnyObject) => i18next.t(`superdate:${k}`, o);
+      const t = (k: string, o?: KeyValue<number>) => i18next.t(`superdate:${k}`, o);
       if (part === DatePart.NOW) {
-        return t(`label.${DatePart.NOW}`) as string;
+        return t(`label.${DatePart.NOW}`);
       }
       if (diff === 0) {
-        return t(`now.${part}`) as string;
+        return t(`now.${part}`);
       } else {
         return t(`${op === "+" ? "next" : "prev"}.${part}`, {
           count: parseInt(diff, 10),
-        }) as string;
+        });
       }
     }
   };

package/dist/cjs/components/Date.module.css

@@ -1 +0,0 @@
-@layer comp{.dateHeader{box-shadow:inset 0 -1px 0 theme(colors.tint.200/50%)}.timeSlider{height:11.25rem;&:after,&:before{box-shadow:0 0 3rem .25rem theme(colors.tint.600);content:"";display:block;z-index:10}&:before{position:sticky;top:0}&:after{bottom:0;position:sticky}&>:first-child,&>:last-child{height:calc(50% - .75rem)}& [data-skew="1"]>div{opacity:.9;transform:scaleY(.9)}& [data-skew="2"]>div{opacity:.75;transform:scaleY(.75)}& [data-skew="3"]>div{opacity:.65;transform:scaleY(.65)}& [data-skew="4"]>div{opacity:.5;transform:scaleY(.5)}}}

package/dist/cjs/i18n/ar.json.js

@@ -1,25 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var label = {
-	prevMonth: "الشهر الماضى",
-	prevYear: "السنة الماضية",
-	prevDecade: "العقد السابق",
-	nextMonth: "الشهر القادم",
-	nextYear: "العام القادم",
-	nextDecade: "العقد القادم",
-	today: "اليوم",
-	hijri: "هجري",
-	gregorian: "ميلادي"
-};
-var number = {
-};
-var ar = {
-	label: label,
-	number: number
-};
-
-exports.default = ar;
-exports.label = label;
-exports.number = number;

package/dist/cjs/i18n/en.json.js

@@ -1,21 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var label = {
-	prevMonth: "Previous Month",
-	prevYear: "Previous Year",
-	prevDecade: "Previous Decade",
-	nextMonth: "Next Month",
-	nextYear: "Next Year",
-	nextDecade: "Next Decade",
-	today: "Today",
-	hijri: "Hijri",
-	gregorian: "Gregorian"
-};
-var en = {
-	label: label
-};
-
-exports.default = en;
-exports.label = label;

package/dist/cjs/i18n/superdate/ar.json.js

@@ -1,86 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var separator = " ⇽ ";
-var label = {
-	quick: "حدد مسرعا",
-	relative: "نسبيا",
-	events: "الأحداث",
-	absolute: "مطلق",
-	preset: "المسبقة",
-	current: "تيار",
-	previous: "السابق",
-	from: "من عند",
-	to: "إلى",
-	"+": "من الان",
-	"-": "منذ",
-	apply: "يتقدم",
-	$now: "الآن",
-	$minute: "دقيقة",
-	$hour: "ساعة",
-	$day: "يوم",
-	$week: "أسبوع",
-	$month: "شهر",
-	$quarter: "ربع",
-	$year: "عام",
-	$decade: "عقد"
-};
-var now = {
-	$day: "اليوم",
-	$week: "هذا الاسبوع",
-	$month: "هذا الشهر",
-	$quarter: "هذا الربع",
-	$year: "هذه السنة",
-	$decade: "هذا العقد"
-};
-var next = {
-	$day: "غدا",
-	$week: "الاسبوع القادم",
-	$month: "الشهر القادم",
-	$quarter: "الربع القادم",
-	$year: "العام القادم",
-	$decade: "العقد القادم",
-	$minute: "بعد دقيقة",
-	$hour: "بعد ساعة",
-	$minute_plural: "بعد {{count}} دقائق",
-	$hour_plural: "بعد {{count}} ساعات",
-	$day_plural: "بعد {{count}} أيام",
-	$week_plural: "بعد {{count}} أسابيع",
-	$month_plural: "بعد {{count}} أشهر",
-	$quarter_plural: "بعد {{count}} أرباع",
-	$year_plural: "بعد {{count}} سنوات",
-	$decade_plural: "بعد {{count}} عقود"
-};
-var prev = {
-	$day: "في الامس",
-	$week: "الاسبوع الماضي",
-	$month: "الشهر الماضي",
-	$quarter: "الربع الأخير",
-	$year: "العام الماضي",
-	$decade: "العقد الماضي",
-	$minute: "منذ دقيقة",
-	$hour: "منذ ساعة",
-	$minute_plural: "منذ {{count}} دقيقة",
-	$hour_plural: "منذ {{count}} ساعات",
-	$day_plural: "منذ {{count}} أيام",
-	$week_plural: "من {{count}} اسابيع",
-	$month_plural: "قبل {{count}} أشهر",
-	$quarter_plural: "منذ {{count}} أرباع",
-	$year_plural: "منذ {{count}} سنوات",
-	$decade_plural: "منذ {{count}} عقود"
-};
-var arSuper = {
-	separator: separator,
-	label: label,
-	now: now,
-	next: next,
-	prev: prev
-};
-
-exports.default = arSuper;
-exports.label = label;
-exports.next = next;
-exports.now = now;
-exports.prev = prev;
-exports.separator = separator;

package/dist/cjs/i18n/superdate/en.json.js

@@ -1,93 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var separator = " ⇾ ";
-var event = {
-	ramadan: "Ramadan",
-	christmas: "Christmas",
-	newYear: "New Year"
-};
-var label = {
-	quick: "Quick Select",
-	relative: "Relative",
-	absolute: "Absolute",
-	events: "Events",
-	preset: "Presets",
-	current: "Current",
-	previous: "Previous",
-	from: "From",
-	to: "To",
-	"+": "From now",
-	"-": "Ago",
-	apply: "Apply",
-	$now: "Now",
-	$minute: "Minute",
-	$hour: "Hour",
-	$day: "Day",
-	$week: "Week",
-	$month: "Month",
-	$quarter: "Quarter",
-	$year: "Year",
-	$decade: "Decade"
-};
-var now = {
-	$day: "Today",
-	$week: "This week",
-	$month: "This month",
-	$quarter: "This quarter",
-	$year: "This year",
-	$decade: "This decade"
-};
-var next = {
-	$day: "Tomorrow",
-	$week: "Next week",
-	$month: "Next month",
-	$quarter: "Next quarter",
-	$year: "Next year",
-	$decade: "Next decade",
-	$minute: "A minute later",
-	$hour: "An hour later",
-	$minute_other: "{{count}} minutes later",
-	$hour_other: "{{count}} hours later",
-	$day_other: "{{count}} days later",
-	$week_other: "{{count}} weeks later",
-	$month_other: "{{count}} months later",
-	$quarter_other: "{{count}} quarters later",
-	$year_other: "{{count}} years later",
-	$decade_other: "{{count}} decades later"
-};
-var prev = {
-	$day: "Yesterday",
-	$week: "Last week",
-	$month: "Last month",
-	$quarter: "Last quarter",
-	$year: "Last year",
-	$decade: "Last decade",
-	$minute: "A minute ago",
-	$hour: "An hour ago",
-	$minute_other: "{{count}} minutes ago",
-	$hour_other: "{{count}} hours ago",
-	$day_other: "{{count}} days ago",
-	$week_other: "{{count}} weeks ago",
-	$month_other: "{{count}} months ago",
-	$quarter_other: "{{count}} quarters ago",
-	$year_other: "{{count}} years ago",
-	$decade_other: "{{count}} decades ago"
-};
-var enSuper = {
-	separator: separator,
-	event: event,
-	label: label,
-	now: now,
-	next: next,
-	prev: prev
-};
-
-exports.default = enSuper;
-exports.event = event;
-exports.label = label;
-exports.next = next;
-exports.now = now;
-exports.prev = prev;
-exports.separator = separator;

package/dist/cjs/superdate/QuickSelect.js

@@ -1,134 +0,0 @@
-'use strict';
-
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
-var core = require('@react-fabric/core');
-var form = require('@react-fabric/form');
-var utilities = require('@react-fabric/utilities');
-var react = require('react');
-var reactI18next = require('react-i18next');
-var index = require('../types/index.js');
-var RelativeInput = require('./RelativeInput.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-var DEFAULT_PRESETS = [{
-  value: "$day",
-  label: "superdate:now.$day"
-}, {
-  value: "$day-1",
-  label: "superdate:prev.$day"
-}, {
-  value: "$day+1",
-  label: "superdate:next.$day"
-}, {
-  value: "$week",
-  label: "superdate:now.$week"
-}, {
-  value: "$week-1",
-  label: "superdate:prev.$week"
-}, {
-  value: "$week+1",
-  label: "superdate:next.$week"
-}, {
-  value: "$month",
-  label: "superdate:now.$month"
-}, {
-  value: "$month-1",
-  label: "superdate:prev.$month"
-}, {
-  value: "$month+1",
-  label: "superdate:next.$month"
-}, {
-  value: "$quarter",
-  label: "superdate:now.$quarter"
-}, {
-  value: "$quarter-1",
-  label: "superdate:prev.$quarter"
-}, {
-  value: "$quarter+1",
-  label: "superdate:next.$quarter"
-}, {
-  value: "$year",
-  label: "superdate:now.$year"
-}, {
-  value: "$year-1",
-  label: "superdate:prev.$year"
-}, {
-  value: "$year+1",
-  label: "superdate:next.$year"
-}];
-var schema = utilities.yup.object({
-  rel: utilities.yup.object({
-    diff: utilities.yup.number().required().label("Difference"),
-    op: utilities.yup.string().required().oneOf(["+", "-"]).label("Operator"),
-    part: utilities.yup.string().required().oneOf(Object.values(index.DatePart)).label("Date part")
-  })
-});
-var QuickSelect = function QuickSelect(_ref) {
-  var _ref$presets = _ref.presets,
-    presets = _ref$presets === void 0 ? DEFAULT_PRESETS : _ref$presets,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? "" : _ref$value,
-    onChange = _ref.onChange;
-  var _useTranslation = reactI18next.useTranslation(),
-    t = _useTranslation.t;
-  var handleChange = react.useCallback(function (_ref2) {
-    var _ref2$rel = _ref2.rel,
-      part = _ref2$rel.part,
-      diff = _ref2$rel.diff,
-      op = _ref2$rel.op;
-    onChange("".concat(part).concat(op).concat(diff, "|").concat(index.DatePart.NOW));
-  }, []);
-  var defaultValue = react.useMemo(function () {
-    if (value !== null && value !== void 0 && value.endsWith(index.DatePart.NOW)) {
-      var _value$split$shift$ma;
-      var _ref3 = (_value$split$shift$ma = value.split("|").shift().match(/^(\$\w+)([+-])(\d+)?$/)) !== null && _value$split$shift$ma !== void 0 ? _value$split$shift$ma : [],
-        _ref4 = _slicedToArray(_ref3, 4),
-        part = _ref4[1],
-        op = _ref4[2],
-        _ref4$ = _ref4[3],
-        diff = _ref4$ === void 0 ? "0" : _ref4$;
-      return {
-        rel: {
-          part: part,
-          op: op,
-          diff: diff
-        }
-      };
-    }
-  }, [value]);
-  return /*#__PURE__*/jsxRuntime.jsxs(core.Content, {
-    children: [/*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "inline-block origin-left rtl:origin-right",
-      style: {
-        zoom: 0.85
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx(form.Form, {
-        schema: schema,
-        onSubmit: handleChange,
-        defaultValues: defaultValue,
-        children: /*#__PURE__*/jsxRuntime.jsx(RelativeInput.RelativeInput, {
-          label: t("superdate:label.relative"),
-          prefix: "rel",
-          showApply: true
-        })
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(core.Divider, {
-      children: t("superdate:label.preset")
-    }), /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "grid grid-cols-3 flex-row text-sm gap-2",
-      children: presets.map(function (pr) {
-        return /*#__PURE__*/jsxRuntime.jsx("button", {
-          className: "link appearance-none text-start",
-          onClick: function onClick() {
-            return onChange === null || onChange === void 0 ? void 0 : onChange(pr.value);
-          },
-          children: t(pr.label, {
-            defaultValue: pr.label
-          })
-        }, pr.value);
-      })
-    })]
-  });
-};
-
-exports.QuickSelect = QuickSelect;

package/dist/cjs/superdate/RelativeInput.js

@@ -1,79 +0,0 @@
-'use strict';
-
-var core = require('@react-fabric/core');
-var form = require('@react-fabric/form');
-var reactI18next = require('react-i18next');
-var index = require('../types/index.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-/*
- * React Fabric
- * @version: 1.0.0
- *
- *
- * The MIT License (MIT)
- * Copyright (c) 2024 Adarsh Pastakia
- *
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software
- * and associated documentation files (the "Software"), to deal in the Software without restriction,
- * including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense,
- * and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so,
- * subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial
- * portions of the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
- * TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
- * THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT,
- * TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
- */
-
-var RelativeInput = function RelativeInput(_ref) {
-  var label = _ref.label,
-    prefix = _ref.prefix,
-    showApply = _ref.showApply;
-  var _useTranslation = reactI18next.useTranslation("superdate"),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxRuntime.jsxs(form.Field, {
-    label: label,
-    className: "mb-2",
-    children: [/*#__PURE__*/jsxRuntime.jsx(form.Controller, {
-      name: "".concat(prefix, ".diff"),
-      children: /*#__PURE__*/jsxRuntime.jsx(form.Number, {
-        width: "5rem",
-        min: 1,
-        max: 99
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(form.Controller, {
-      name: "".concat(prefix, ".part"),
-      children: /*#__PURE__*/jsxRuntime.jsx(form.Select, {
-        width: "6rem",
-        options: Object.values(index.DatePart).slice(1).map(function (dt) {
-          return {
-            id: dt,
-            label: t("label.".concat(dt))
-          };
-        })
-      })
-    }), /*#__PURE__*/jsxRuntime.jsx(form.Controller, {
-      name: "".concat(prefix, ".op"),
-      children: /*#__PURE__*/jsxRuntime.jsx(form.Select, {
-        width: "7rem",
-        options: [{
-          id: "-",
-          label: t("label.-")
-        }, {
-          id: "+",
-          label: t("label.+")
-        }]
-      })
-    }), showApply && /*#__PURE__*/jsxRuntime.jsx(core.Button, {
-      variant: "solid",
-      type: "submit",
-      children: t("label.apply")
-    })]
-  });
-};
-
-exports.RelativeInput = RelativeInput;