@react-fabric/date 1.0.0-beta.31 → 1.0.0-beta.33

package/dist/esm/superdate/RelativeInput.js

@@ -1,79 +0,0 @@
-'use client';
-
-import { Button } from '@react-fabric/core';
-import { Field, Controller, Number, Select } from '@react-fabric/form';
-import { useTranslation } from 'react-i18next';
-import { DatePart } from '../types/index.js';
-import { jsxs, jsx } from '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 = useTranslation("superdate"),
-    t = _useTranslation.t;
-  return /*#__PURE__*/jsxs(Field, {
-    label: label,
-    className: "mb-2",
-    children: [/*#__PURE__*/jsx(Controller, {
-      name: "".concat(prefix, ".diff"),
-      children: /*#__PURE__*/jsx(Number, {
-        width: "5rem",
-        min: 1,
-        max: 99
-      })
-    }), /*#__PURE__*/jsx(Controller, {
-      name: "".concat(prefix, ".part"),
-      children: /*#__PURE__*/jsx(Select, {
-        width: "6rem",
-        options: Object.values(DatePart).slice(1).map(function (dt) {
-          return {
-            id: dt,
-            label: t("label.".concat(dt))
-          };
-        })
-      })
-    }), /*#__PURE__*/jsx(Controller, {
-      name: "".concat(prefix, ".op"),
-      children: /*#__PURE__*/jsx(Select, {
-        width: "7rem",
-        options: [{
-          id: "-",
-          label: t("label.-")
-        }, {
-          id: "+",
-          label: t("label.+")
-        }]
-      })
-    }), showApply && /*#__PURE__*/jsx(Button, {
-      variant: "solid",
-      type: "submit",
-      children: t("label.apply")
-    })]
-  });
-};
-
-export { RelativeInput };

package/dist/esm/superdate/RelativePanel.js

@@ -1,91 +0,0 @@
-'use client';
-
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { Content, Button } from '@react-fabric/core';
-import { Form } from '@react-fabric/form';
-import { yup } from '@react-fabric/utilities';
-import { useCallback, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { DatePart } from '../types/index.js';
-import { RelativeInput } from './RelativeInput.js';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var schema = yup.object({
-  from: yup.object({
-    diff: yup.number().required().label("Difference"),
-    op: yup.string().required().oneOf(["+", "-"]).label("Operator"),
-    part: yup.string().required().oneOf(Object.values(DatePart)).label("Date part")
-  }),
-  to: yup.object({
-    diff: yup.number().required().label("Difference"),
-    op: yup.string().required().oneOf(["+", "-"]).label("Operator"),
-    part: yup.string().required().oneOf(Object.values(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 = useTranslation("superdate"),
-    t = _useTranslation.t;
-  var handleChange = 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 = 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__*/jsx(Content, {
-    children: /*#__PURE__*/jsx("div", {
-      className: "scale-90",
-      children: /*#__PURE__*/jsxs(Form, {
-        schema: schema,
-        defaultValues: defaultValue,
-        onSubmit: handleChange,
-        children: [/*#__PURE__*/jsx(RelativeInput, {
-          label: t("label.from"),
-          prefix: "from"
-        }), /*#__PURE__*/jsx(RelativeInput, {
-          label: t("label.to"),
-          prefix: "to"
-        }), /*#__PURE__*/jsx("div", {
-          className: "flex justify-end",
-          children: /*#__PURE__*/jsx(Button, {
-            variant: "solid",
-            type: "submit",
-            children: t("label.apply")
-          })
-        })]
-      })
-    })
-  });
-};
-
-export { RelativePanel };

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

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

package/dist/esm/superdate/Superdate.js

@@ -1,176 +0,0 @@
-'use client';
-
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
-import { useFloatingTree } from '@floating-ui/react';
-import { useGlobals, Dropdown, Tooltip, CoreIcons, TabPanel, Tab, Content, Button, Chip } from '@react-fabric/core';
-import classNames from 'classnames';
-import { useMemo, useState, useEffect, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { RangePanel } from '../panels/RangePanel.js';
-import { DateUtil } from '../utils/dateUtil.js';
-import { EventPanel } from './EventPanel.js';
-import { QuickSelect } from './QuickSelect.js';
-import { RelativePanel } from './RelativePanel.js';
-import classes from './SuperDate.module.css';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var _excluded = ["as", "color", "variant", "disabled", "onChange", "value", "data-test-value", "data-testid"];
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var SuperDateTabs = function SuperDateTabs(_ref) {
-  var events = _ref.events,
-    value = _ref.value,
-    presets = _ref.presets,
-    recurringEvents = _ref.recurringEvents,
-    onChange = _ref.onChange;
-  var _useTranslation = useTranslation("superdate"),
-    t = _useTranslation.t;
-  var tree = useFloatingTree();
-  var _useGlobals = useGlobals(),
-    currentCalendar = _useGlobals.currentCalendar,
-    currentLocale = _useGlobals.currentLocale;
-  var isHijri = useMemo(function () {
-    return currentCalendar === "hijri";
-  }, [currentCalendar]);
-  var _useState = useState(""),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentValue = _useState2[0],
-    setCurrentValue = _useState2[1];
-  var _useState3 = useState("quick"),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeTab = _useState4[0],
-    setActiveTab = _useState4[1];
-  useEffect(function () {
-    if (value !== null && value !== void 0 && value.match(/^(\$\w+)([+-])(\d+)\|(\$\w+)([+-])(\d+)$/)) setActiveTab("relative");else if (value && !(value !== null && value !== void 0 && value.match(/^(\$\w+)/))) setActiveTab("absolute");else setActiveTab("quick");
-    value && setCurrentValue(value);
-  }, [value]);
-  var handleChange = useCallback(function (value) {
-    var _parsed$, _parsed$$toISOString, _parsed$2, _parsed$2$toISOString;
-    var parsed = DateUtil.parseRange(value);
-    setCurrentValue(value);
-    onChange === null || onChange === void 0 || onChange(value, [(_parsed$ = parsed[0]) === null || _parsed$ === void 0 || (_parsed$$toISOString = _parsed$.toISOString) === null || _parsed$$toISOString === void 0 ? void 0 : _parsed$$toISOString.call(_parsed$), (_parsed$2 = parsed[1]) === null || _parsed$2 === void 0 || (_parsed$2$toISOString = _parsed$2.toISOString) === null || _parsed$2$toISOString === void 0 ? void 0 : _parsed$2$toISOString.call(_parsed$2)]);
-    tree === null || tree === void 0 || tree.events.emit("close");
-  }, [isHijri, currentLocale]);
-  return /*#__PURE__*/jsx("div", {
-    className: classNames("rounded-capped outline select-none overflow-hidden grid", classes.superDate),
-    children: /*#__PURE__*/jsxs(TabPanel, {
-      headerClassName: "border-b",
-      onChange: setActiveTab,
-      activeTab: activeTab,
-      children: [/*#__PURE__*/jsx(Tab, {
-        id: "quick",
-        label: t("label.quick"),
-        children: /*#__PURE__*/jsx(QuickSelect, {
-          value: currentValue,
-          onChange: handleChange,
-          presets: presets
-        })
-      }), /*#__PURE__*/jsx(Tab, {
-        id: "relative",
-        label: t("label.relative"),
-        children: /*#__PURE__*/jsx(RelativePanel, {
-          value: currentValue,
-          onChange: handleChange
-        })
-      }), /*#__PURE__*/jsx(Tab, {
-        id: "absolute",
-        label: t("label.absolute"),
-        children: /*#__PURE__*/jsx(Content, {
-          className: "p-0",
-          children: /*#__PURE__*/jsx(RangePanel, {
-            withTime: true,
-            showHijriToggle: true,
-            value: currentValue ? DateUtil.parseRange(currentValue) : undefined,
-            showApply: true,
-            onChange: function onChange(_ref2) {
-              var _ref3 = _slicedToArray(_ref2, 2),
-                start = _ref3[0],
-                end = _ref3[1];
-              return handleChange === null || handleChange === void 0 ? void 0 : handleChange("".concat(start, "|").concat(end));
-            }
-          })
-        })
-      }), /*#__PURE__*/jsx(Tab, {
-        id: "events",
-        label: t("label.events"),
-        children: /*#__PURE__*/jsx(EventPanel, {
-          isHijri: isHijri,
-          onChange: handleChange,
-          events: events,
-          recurringEvents: recurringEvents
-        })
-      })]
-    })
-  });
-};
-
-/**
- * Superdate panel provides ability to select relative and absolute dates
- *
- * Relative dates parts
- * `$now`,
- * `$minute`,
- * `$hour`,
- * `$day`,
- * `$week`,
- * `$month`,
- * `$quarter`,
- * `$year`,
- * `$decade`
- */
-var SuperDate = function SuperDate(_ref4) {
-  var _DateUtil$relativeLab;
-  var _ref4$as = _ref4.as,
-    as = _ref4$as === void 0 ? "button" : _ref4$as,
-    _ref4$color = _ref4.color,
-    color = _ref4$color === void 0 ? "primary" : _ref4$color,
-    variant = _ref4.variant,
-    disabled = _ref4.disabled,
-    onChange = _ref4.onChange,
-    value = _ref4.value,
-    testValue = _ref4["data-test-value"],
-    testId = _ref4["data-testid"],
-    props = _objectWithoutProperties(_ref4, _excluded);
-  var _useGlobals2 = useGlobals(),
-    currentCalendar = _useGlobals2.currentCalendar,
-    currentLocale = _useGlobals2.currentLocale;
-  var isHijri = useMemo(function () {
-    return currentCalendar === "hijri";
-  }, [currentCalendar]);
-  var _useState5 = useState(),
-    _useState6 = _slicedToArray(_useState5, 2),
-    relValue = _useState6[0],
-    setRelative = _useState6[1];
-  useEffect(function () {
-    setRelative(value);
-  }, [value]);
-  var handleChange = useCallback(function (value) {
-    var _parsed$3, _parsed$3$toISOString, _parsed$4, _parsed$4$toISOString;
-    var parsed = DateUtil.parseRange(value);
-    setRelative(value);
-    onChange === null || onChange === void 0 || onChange(value, [(_parsed$3 = parsed[0]) === null || _parsed$3 === void 0 || (_parsed$3$toISOString = _parsed$3.toISOString) === null || _parsed$3$toISOString === void 0 ? void 0 : _parsed$3$toISOString.call(_parsed$3), (_parsed$4 = parsed[1]) === null || _parsed$4 === void 0 || (_parsed$4$toISOString = _parsed$4.toISOString) === null || _parsed$4$toISOString === void 0 ? void 0 : _parsed$4$toISOString.call(_parsed$4)]);
-  }, [isHijri, currentLocale]);
-  var E = as === "button" ? Button : Chip;
-  return /*#__PURE__*/jsxs(Dropdown, {
-    showArrow: true,
-    children: [/*#__PURE__*/jsx(Tooltip, {
-      content: DateUtil.relativeTooltip(relValue, isHijri),
-      children: /*#__PURE__*/jsx(E, {
-        icon: CoreIcons.clock,
-        color: color,
-        disabled: disabled,
-        variant: variant,
-        "data-test-value": testValue,
-        "data-testid": testId,
-        children: (_DateUtil$relativeLab = DateUtil.relativeLabel(relValue, isHijri)) !== null && _DateUtil$relativeLab !== void 0 ? _DateUtil$relativeLab : ""
-      })
-    }), /*#__PURE__*/jsx(SuperDateTabs, _objectSpread(_objectSpread({}, props), {}, {
-      value: relValue,
-      onChange: handleChange
-    }))]
-  });
-};
-
-export { SuperDate, SuperDateTabs };

package/dist/types/superdate/EventPanel.d.ts

@@ -1,4 +0,0 @@
-import { type SuperDateProps } from "../types";
-export declare const EventPanel: ({ isHijri, onChange, events, recurringEvents, }: {
-    isHijri: boolean;
-} & Partial<SuperDateProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/superdate/QuickSelect.d.ts

@@ -1 +0,0 @@
-export declare const QuickSelect: ({ presets, value, onChange, }: KeyValue) => import("react/jsx-runtime").JSX.Element;

package/dist/types/superdate/RelativeInput.d.ts

@@ -1 +0,0 @@
-export declare const RelativeInput: ({ label, prefix, showApply }: KeyValue) => import("react/jsx-runtime").JSX.Element;

package/dist/types/superdate/RelativePanel.d.ts

@@ -1 +0,0 @@
-export declare const RelativePanel: ({ value, onChange }: KeyValue) => import("react/jsx-runtime").JSX.Element;

package/dist/types/superdate/Superdate.d.ts

@@ -1,17 +0,0 @@
-import { type SuperDateProps } from "../types";
-export declare const SuperDateTabs: ({ events, value, presets, recurringEvents, onChange, }: SuperDateProps) => import("react/jsx-runtime").JSX.Element;
-/**
- * Superdate panel provides ability to select relative and absolute dates
- *
- * Relative dates parts
- * `$now`,
- * `$minute`,
- * `$hour`,
- * `$day`,
- * `$week`,
- * `$month`,
- * `$quarter`,
- * `$year`,
- * `$decade`
- */
-export declare const SuperDate: ({ as, color, variant, disabled, onChange, value, "data-test-value": testValue, "data-testid": testId, ...props }: SuperDateProps) => import("react/jsx-runtime").JSX.Element;

package/src/i18n/superdate/ar.json

@@ -1,70 +0,0 @@
-{
-  "separator": " ⇽ ",
-  "label": {
-    "quick": "حدد مسرعا",
-    "relative": "نسبيا",
-    "events": "الأحداث",
-    "absolute": "مطلق",
-    "preset": "المسبقة",
-    "current": "تيار",
-    "previous": "السابق",
-    "from": "من عند",
-    "to": "إلى",
-    "+": "من الان",
-    "-": "منذ",
-    "apply": "يتقدم",
-    "$now": "الآن",
-    "$minute": "دقيقة",
-    "$hour": "ساعة",
-    "$day": "يوم",
-    "$week": "أسبوع",
-    "$month": "شهر",
-    "$quarter": "ربع",
-    "$year": "عام",
-    "$decade": "عقد"
-  },
-  "now": {
-    "$day": "اليوم",
-    "$week": "هذا الاسبوع",
-    "$month": "هذا الشهر",
-    "$quarter": "هذا الربع",
-    "$year": "هذه السنة",
-    "$decade": "هذا العقد"
-  },
-  "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}} عقود"
-  },
-  "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}} عقود"
-  }
-}

package/src/i18n/superdate/en.json

@@ -1,75 +0,0 @@
-{
-  "separator": " ⇾ ",
-  "event": {
-    "ramadan": "Ramadan",
-    "christmas": "Christmas",
-    "newYear": "New Year"
-  },
-  "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"
-  },
-  "now": {
-    "$day": "Today",
-    "$week": "This week",
-    "$month": "This month",
-    "$quarter": "This quarter",
-    "$year": "This year",
-    "$decade": "This decade"
-  },
-  "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"
-  },
-  "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"
-  }
-}

package/src/superdate/QuickSelect.tsx

@@ -1,121 +0,0 @@
-/*
- * 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.
- */
-
-import { Content, Divider } from "@react-fabric/core";
-import { Form } from "@react-fabric/form";
-import { yup } from "@react-fabric/utilities";
-import { useCallback, useMemo } from "react";
-import { useTranslation } from "react-i18next";
-import { DatePart } from "../types";
-import { RelativeInput } from "./RelativeInput";
-
-const 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" },
-];
-
-const schema = yup.object({
-  rel: yup.object({
-    diff: yup.number().required().label("Difference"),
-    op: yup.string().required().oneOf(["+", "-"]).label("Operator"),
-    part: yup
-      .string()
-      .required()
-      .oneOf(Object.values(DatePart))
-      .label("Date part"),
-  }),
-});
-
-export const QuickSelect = ({
-  presets = DEFAULT_PRESETS,
-  value = "",
-  onChange,
-}: KeyValue) => {
-  const { t } = useTranslation();
-
-  const handleChange = useCallback(
-    ({ rel: { part, diff, op } }: yup.InferType<typeof schema>) => {
-      onChange(`${part}${op}${diff}|${DatePart.NOW}`);
-    },
-    [],
-  );
-
-  const defaultValue = useMemo(() => {
-    if (value?.endsWith(DatePart.NOW)) {
-      const [, part, op, diff = "0"] =
-        value
-          .split("|")
-          .shift()
-          .match(/^(\$\w+)([+-])(\d+)?$/) ?? [];
-      return {
-        rel: { part, op, diff },
-      };
-    }
-  }, [value]);
-
-  return (
-    <Content>
-      <div
-        className="inline-block origin-left rtl:origin-right"
-        style={{ zoom: 0.85 }}
-      >
-        <Form
-          schema={schema}
-          onSubmit={handleChange}
-          defaultValues={defaultValue}
-        >
-          <RelativeInput
-            label={t("superdate:label.relative")}
-            prefix="rel"
-            showApply
-          />
-        </Form>
-      </div>
-      <Divider>{t("superdate:label.preset")}</Divider>
-      <div className="grid grid-cols-3 flex-row text-sm gap-2">
-        {presets.map((pr: KeyValue) => (
-          <button
-            key={pr.value}
-            className="link appearance-none text-start"
-            onClick={() => onChange?.(pr.value)}
-          >
-            {t(pr.label, { defaultValue: pr.label })}
-          </button>
-        ))}
-      </div>
-    </Content>
-  );
-};