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

package/src/hijri/initializer.js

@@ -0,0 +1,96 @@
+import {
+  GregToHijri
+} from './DateConverter';
+import StringDateParser from './StringDateParser';
+
+const defaultFormat = 'yyyy/mm/dd';
+const defaultProps ={
+  month:1,
+  date:1,
+  hours:0,
+  minutes:0,
+  seconds:0,
+  milliseconds:0
+};
+
+class Initializer {
+
+   static initDefault() {
+      return GregToHijri(new Date());
+   }
+
+   static init_number (number) {
+     return GregToHijri(new Date(number));
+   }
+
+   static init_number_number (year, month) {
+
+     return this.init_number_number_number(year, month, 1);
+   }
+   static init_number_number_number () {
+     return this.initFromNumbers(...arguments);
+   }
+   static init_number_number_number_number () {
+     return this.initFromNumbers(...arguments);
+   }
+   static init_number_number_number_number_number () {
+     return this.initFromNumbers(...arguments);
+   }
+   static init_number_number_number_number_number_number () {
+     return this.initFromNumbers(...arguments);
+   }
+   static init_number_number_number_number_number_number_number () {
+     return this.initFromNumbers(...arguments);
+   }
+
+   static init_string() {
+     return this.initFromStrings(...arguments);
+   }
+
+   static init_string_string() {
+     return this.initFromStrings(...arguments);
+   }
+
+   static init_object(object) {
+     return Object.assign({}, defaultProps, object);
+   }
+   static initFromNumbers(year,
+     month,
+     date,
+     hours = 0,
+     minutes = 0,
+     seconds = 0,
+     milliseconds = 0)
+   {
+     Array.from(arguments).forEach((arg, index) => {
+       arguments[index] = parseInt(arg);
+     });
+
+     return {
+       year,
+       month,
+       date,
+       hours,
+       minutes,
+       seconds,
+       milliseconds
+     }
+   }
+
+
+   //TODO
+   static initFromStrings(dateString, format = defaultFormat) {
+      const props = {};
+      props.year= StringDateParser.extractYear(dateString, format);
+      props.month= StringDateParser.extractMonth(dateString, format);
+      props.date= StringDateParser.extractDate(dateString, format);
+      return Object.assign({}, defaultProps, props);
+   }
+
+
+
+}
+
+Initializer.defaultFormat = defaultFormat;
+
+export default Initializer;

package/src/hijri/locales.js

@@ -0,0 +1,109 @@
+export const ar = {
+  dayNames: [
+    "ح",
+    "ن",
+    "ث",
+    "ر",
+    "خ",
+    "ج",
+    "س",
+    "أحد",
+    "اثن",
+    "ثلا",
+    "ارب",
+    "خم",
+    "جم",
+    "سبت",
+    "الأحد",
+    "الإثنين",
+    "الثلاثاء",
+    "الإربعاء",
+    "الخميس",
+    "الجمعة",
+    "السبت",
+  ],
+  monthNames: [
+    "مح",
+    "صف",
+    "ربع١",
+    "ربع٢",
+    "جم١",
+    "جم٢",
+    "رجب",
+    "شعب",
+    "رمض",
+    "شو",
+    "ذو ق",
+    "ذو ح",
+    "محرّم",
+    "صفر",
+    "ربيع أول",
+    "ربيع الآخر",
+    "جمادى أولى",
+    "جمادى الآخرة",
+    "رجب",
+    "شعبان",
+    "رمضان",
+    "شوال",
+    "ذو القعدة",
+    "ذو الحجّة",
+  ],
+  separator: "عند",
+  am: "ص",
+  pm: "م",
+};
+
+export const en = {
+  dayNames: [
+    "Su",
+    "Mo",
+    "Tu",
+    "We",
+    "Th",
+    "Fr",
+    "Sa",
+    "Sun",
+    "Mon",
+    "Tue",
+    "Wed",
+    "Thu",
+    "Fri",
+    "Sat",
+    "Sunday",
+    "Monday",
+    "Tuesday",
+    "Wednesday",
+    "Thursday",
+    "Friday",
+    "Saturday",
+  ],
+  monthNames: [
+    "Muha",
+    "Saf",
+    "Rab1",
+    "Rab2",
+    "Jumd1",
+    "Jumd2",
+    "Rajb",
+    "Shbn",
+    "Rmdn",
+    "Shwl",
+    "Qada",
+    "Hija",
+    "Muharram",
+    "Safar",
+    "Rabi'ul Awwal",
+    "Rabi'ul Akhir",
+    "Jumadal Ula",
+    "Jumadal Akhira",
+    "Rajab",
+    "Sha'ban",
+    "Ramadan",
+    "Shawwal",
+    "Dhul Qa'ada",
+    "Dhul Hijja",
+  ],
+  separator: "at",
+  am: "am",
+  pm: "pm",
+};

package/src/hijri/safe.js

@@ -0,0 +1,16 @@
+import HijriDate from './HijriDate';
+import {GregToHijri} from './DateConverter';
+
+export const toHijri = ((gregDate) => {
+  const {year, month, date} = GregToHijri(gregDate);
+  return new HijriDate(
+    year,
+    month,
+    date,
+    gregDate.getHours(),
+    gregDate.getMinutes(),
+    gregDate.getSeconds(),
+    gregDate.getMilliseconds()
+  );
+});
+export default HijriDate;

package/src/i18n/index.ts

@@ -24,8 +24,5 @@
 import { addTranslationBundle } from "@react-fabric/core";
 import ar from "./ar.json";
 import en from "./en.json";
-import arSuper from "./superdate/ar.json";
-import enSuper from "./superdate/en.json";
 
 addTranslationBundle("date", { en, ar });
-addTranslationBundle("superdate", { en: enSuper, ar: arSuper });

package/src/index.ts

@@ -24,9 +24,14 @@
 import "./hijri";
 import "./i18n";
 
+export { DateHeader } from "./components/DateHeader";
+export { DecadePage } from "./components/DecadePage";
+export { YearPage } from "./components/YearPage";
 export { DateDisplay } from "./display/DateDisplay";
 export { DatePanel } from "./panels/DatePanel";
+export { EventPanel } from "./panels/EventPanel";
 export { RangePanel } from "./panels/RangePanel";
-export { SuperDate } from "./superdate/Superdate";
 
 export { DateUtil } from "./utils/dateUtil";
+
+export * from "./types";

package/src/{superdate → panels}/EventPanel.tsx

@@ -30,7 +30,7 @@ import { useTranslation } from "react-i18next";
 import { DateHeader } from "../components/DateHeader";
 import { DecadePage } from "../components/DecadePage";
 import { YearPage } from "../components/YearPage";
-import { type EventType, PageType, type SuperDateProps } from "../types";
+import { type EventType, PageType } from "../types";
 import { DateUtil } from "../utils/dateUtil";
 
 interface EventState {
@@ -90,12 +90,29 @@ const makeList = (
   });
 };
 
+export interface EventProps {
+  isHijri?: boolean;
+  /**
+   * list of calendar events
+   */
+  events?: EventType[];
+  /**
+   * list of calendar events
+   */
+  recurringEvents?: EventType[];
+
+  /**
+   * change handler
+   */
+  onChange?: (value: string, dates: [string, string]) => void;
+}
+
 export const EventPanel = ({
   isHijri,
   onChange,
   events = EMPTY_ARRAY,
   recurringEvents = EMPTY_ARRAY,
-}: { isHijri: boolean } & Partial<SuperDateProps>) => {
+}: EventProps) => {
   const { t } = useTranslation();
   const [predefined, setPredefined] = useState<
     KeyValue<Array<EventType<Date>>>
@@ -114,7 +131,7 @@ export const EventPanel = ({
       if (action.type === "changePageDate") {
         resetList = true;
         state.pageDate = action.date;
-        if (action.changePage !== false) {
+        if (action.changePage) {
           state.page = Math.max(state.page - 1, PageType.MONTH);
         }
       }

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,

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;