@react-fabric/date 1.0.0-beta.6 → 1.0.0-beta.60

package/src/types/index.ts

@@ -22,7 +22,6 @@
  */
 
 import {
-  type ColorType,
   type CssProp,
   type TestProps,
 } from "@react-fabric/core/dist/types/types";
@@ -63,6 +62,14 @@ format?:
     | string;
     */
 
+export interface EventType<D = DateLike> {
+  label: string;
+  icon?: string;
+  start: D;
+  end: D;
+  hijri?: boolean;
+}
+
 export interface BaseProps {
   min?: DateLike;
   max?: DateLike;
@@ -82,45 +89,3 @@ export interface RangeProps extends BaseProps, CssProp, TestProps {
   onChange?: (dates: [start: string, end: string]) => void;
   presets?: Record<string, [DateLike, DateLike]>;
 }
-
-export interface EventType<D = DateLike> {
-  label: string;
-  icon?: string;
-  start: D;
-  end: D;
-  hijri?: boolean;
-}
-
-export interface PresetType {
-  value: string;
-  label: string;
-}
-
-export interface SuperDateProps extends TestProps {
-  as?: "button" | "chip";
-  color?: ColorType;
-  variant?: "solid" | "outline" | "link";
-  disabled?: boolean;
-  /**
-   * relative date value
-   */
-  value?: string;
-  /**
-   * change handler
-   */
-  onChange?: (value: string, dates: [string, string]) => void;
-  /**
-   * list of calendar events
-   */
-  events?: EventType[];
-  /**
-   * list of calendar events
-   */
-  recurringEvents?: EventType[];
-  /**
-   * list of relative presets
-   *
-   * {value:'$year-5|$year', label:'last 5 years'}
-   */
-  presets?: PresetType[];
-}

package/src/utils/dateUtil.ts

@@ -52,7 +52,6 @@ import {
   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,
@@ -85,7 +84,7 @@ const Locales: KeyValue = {
   zh,
 };
 
-// eslint-disable-next-line @typescript-eslint/no-namespace
+ 
 export namespace DateUtil {
   const translateNumber = (d: string) => {
     return d
@@ -547,6 +546,3 @@ export namespace DateUtil {
     return new Date(dt);
   };
 }
-
-// @ts-expect-error ignore
-window.DateUtil = DateUtil;

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/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;

package/dist/cjs/superdate/RelativePanel.js

@@ -1,91 +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 schema = utilities.yup.object({
-  from: 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")
-  }),
-  to: 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 RelativePanel = function RelativePanel(_ref) {
-  var _ref$value = _ref.value,
-    value = _ref$value === void 0 ? "" : _ref$value,
-    onChange = _ref.onChange;
-  var _useTranslation = reactI18next.useTranslation("superdate"),
-    t = _useTranslation.t;
-  var handleChange = react.useCallback(function (_ref2) {
-    var to = _ref2.to,
-      from = _ref2.from;
-    onChange("".concat(from.part).concat(from.op).concat(from.diff, "|").concat(to.part).concat(to.op).concat(to.diff));
-  }, []);
-  var defaultValue = react.useMemo(function () {
-    if (value !== null && value !== void 0 && value.match(/^(\$\w+)([+-])(\d+)?\|(\$\w+)([+-])(\d+)?$/)) {
-      var _value$split$shift$ma, _value$split$pop$matc;
-      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$;
-      var _ref5 = (_value$split$pop$matc = value.split("|").pop().match(/^(\$\w+)([+-])(\d+)?$/)) !== null && _value$split$pop$matc !== void 0 ? _value$split$pop$matc : [],
-        _ref6 = _slicedToArray(_ref5, 4),
-        toPart = _ref6[1],
-        toOp = _ref6[2],
-        _ref6$ = _ref6[3],
-        toDiff = _ref6$ === void 0 ? "0" : _ref6$;
-      return {
-        from: {
-          part: part,
-          op: op,
-          diff: diff
-        },
-        to: {
-          part: toPart,
-          op: toOp,
-          diff: toDiff
-        }
-      };
-    }
-  }, [value]);
-  return /*#__PURE__*/jsxRuntime.jsx(core.Content, {
-    children: /*#__PURE__*/jsxRuntime.jsx("div", {
-      className: "scale-90",
-      children: /*#__PURE__*/jsxRuntime.jsxs(form.Form, {
-        schema: schema,
-        defaultValues: defaultValue,
-        onSubmit: handleChange,
-        children: [/*#__PURE__*/jsxRuntime.jsx(RelativeInput.RelativeInput, {
-          label: t("label.from"),
-          prefix: "from"
-        }), /*#__PURE__*/jsxRuntime.jsx(RelativeInput.RelativeInput, {
-          label: t("label.to"),
-          prefix: "to"
-        }), /*#__PURE__*/jsxRuntime.jsx("div", {
-          className: "flex justify-end",
-          children: /*#__PURE__*/jsxRuntime.jsx(core.Button, {
-            variant: "solid",
-            type: "submit",
-            children: t("label.apply")
-          })
-        })]
-      })
-    })
-  });
-};
-
-exports.RelativePanel = RelativePanel;

package/dist/cjs/superdate/SuperDate.module.css

@@ -1 +0,0 @@
-@layer comp{.superDate{&:root{font-size:10px}}}