zaman-backoffice 1.0.4 → 1.2.0

package/dist/packages/TimePicker/TimePicker.types.d.ts

@@ -1,14 +1,14 @@
-import type { InputHTMLAttributes } from 'react';
-import type { BaseProps, DatePickerValue } from '../../types';
-export interface onChangePayload {
-    hour: number;
-    minute: number;
-    timeConvention?: 'am' | 'pm';
-}
-export interface TimePickerProps extends BaseProps {
-    defaultValue?: DatePickerValue;
-    clockTime?: 12 | 24;
-    onChange?: (payload: onChangePayload) => void;
-    inputClass?: string;
-    inputAttributes?: InputHTMLAttributes<HTMLInputElement>;
-}
+import type { InputHTMLAttributes } from 'react';
+import type { BaseProps, DatePickerValue } from '../../types';
+export interface onChangePayload {
+    hour: number;
+    minute: number;
+    timeConvention?: 'am' | 'pm';
+}
+export interface TimePickerProps extends BaseProps {
+    defaultValue?: DatePickerValue;
+    clockTime?: 12 | 24;
+    onChange?: (payload: onChangePayload) => void;
+    inputClass?: string;
+    inputAttributes?: InputHTMLAttributes<HTMLInputElement>;
+}

package/dist/packages/TimePicker/components/Numbers/Numbers.d.ts

@@ -1,3 +1,4 @@
-import type { NumbersProps } from './Numbers.types';
-export declare const Hours: (props: NumbersProps) => JSX.Element;
-export default Hours;
+import React from 'react';
+import type { NumbersProps } from './Numbers.types';
+export declare const Hours: (props: NumbersProps) => React.JSX.Element;
+export default Hours;

package/dist/packages/TimePicker/components/Numbers/Numbers.styled.d.ts

@@ -1,9 +1,9 @@
-import type { NumbersItemProps } from './Numbers.types';
-export declare const MinuteWithAnimation: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const NumbersItem: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & NumbersItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+import type { NumbersItemProps } from './Numbers.types';
+export declare const MinuteWithAnimation: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const NumbersItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & NumbersItemProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;

package/dist/packages/TimePicker/components/Numbers/Numbers.types.d.ts

@@ -1,13 +1,13 @@
-export interface NumbersProps {
-    insideHour: boolean;
-    hourSelecting: boolean;
-    clockTime: 12 | 24;
-}
-export interface NumbersItemProps {
-    idx: number;
-    clockHalfWidth?: number;
-    numbersPadd?: number;
-    top?: string;
-    insideHour?: boolean;
-    isSelectedNumber?: boolean;
-}
+export interface NumbersProps {
+    insideHour: boolean;
+    hourSelecting: boolean;
+    clockTime: 12 | 24;
+}
+export interface NumbersItemProps {
+    idx: number;
+    clockHalfWidth?: number;
+    numbersPadd?: number;
+    top?: string;
+    insideHour?: boolean;
+    isSelectedNumber?: boolean;
+}

package/dist/packages/TimePicker/components/Numbers/index.d.ts

@@ -1 +1 @@
-export { default } from './Numbers';
+export { default } from './Numbers';

package/dist/packages/TimePicker/index.d.ts

@@ -1,2 +1,2 @@
-export { default } from './TimePicker';
-export type { TimePickerProps } from './TimePicker.types';
+export { default } from './TimePicker';
+export type { TimePickerProps } from './TimePicker.types';

package/dist/style/animation.d.ts

@@ -1,2 +1,12 @@
-export declare const slideDown: import("@emotion/serialize").Keyframes;
-export declare const fade: import("@emotion/serialize").Keyframes;
+export declare const slideDown: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;
+export declare const fade: {
+    name: string;
+    styles: string;
+    anim: 1;
+    toString: () => string;
+} & string;

package/dist/style/classNames.d.ts

@@ -1,7 +1,7 @@
-export declare const MonthYearButton = "zm-MonthYearButton";
-export declare const IconNextButton = "zm-IconNextButton";
-export declare const IconPrevButton = "zm-IconPrevButton";
-export declare const HeaderClass = "zm-Header";
-export declare const DaysButton = "zm-DaysButton";
-export declare const MonthPickerButton = "zm-MonthPickerButton";
-export declare const YearPickerButton = "zm-YearPickerButton";
+export declare const MonthYearButton = "zm-MonthYearButton";
+export declare const IconNextButton = "zm-IconNextButton";
+export declare const IconPrevButton = "zm-IconPrevButton";
+export declare const HeaderClass = "zm-Header";
+export declare const DaysButton = "zm-DaysButton";
+export declare const MonthPickerButton = "zm-MonthPickerButton";
+export declare const YearPickerButton = "zm-YearPickerButton";

package/dist/style/colorPallete.d.ts

@@ -1 +1 @@
-export declare const makeColorPallet: (accentColor: string) => Record<number, string>;
+export declare const makeColorPallet: (accentColor: string) => Record<number, string>;

package/dist/style/colors.d.ts

@@ -1,5 +1,5 @@
-export declare const gray: Record<number, string>;
-declare const _default: {
-    gray: Record<number, string>;
-};
-export default _default;
+export declare const gray: Record<number, string>;
+declare const _default: {
+    gray: Record<number, string>;
+};
+export default _default;

package/dist/style/hexToHSL.d.ts

@@ -1,6 +1,6 @@
-export declare function hexToHSL(hex: string): {
-    h: number;
-    s: number;
-    l: number;
-};
-export default hexToHSL;
+export declare function hexToHSL(hex: string): {
+    h: number;
+    s: number;
+    l: number;
+};
+export default hexToHSL;

package/dist/style/radius.d.ts

@@ -1,7 +1,7 @@
-export type Radius = 'thin' | 'x1' | 'x2' | 'x3' | 'x4';
-interface radiusObject {
-    wrapper: number;
-    calendarItem: number;
-}
-export declare const radius: Record<Radius, radiusObject>;
-export {};
+export type Radius = 'thin' | 'x1' | 'x2' | 'x3' | 'x4';
+interface radiusObject {
+    wrapper: number;
+    calendarItem: number;
+}
+export declare const radius: Record<Radius, radiusObject>;
+export {};

package/dist/types.d.ts

@@ -1,41 +1,41 @@
-import '@emotion/react';
-import type { Radius } from './style/radius';
-export type DatePickerValue = number | Date | string;
-export type Locales = 'fa' | 'en';
-export type Directions = 'rtl' | 'ltr';
-export type DaysRange = 0 | 1 | 2 | 3 | 4 | 5 | 6;
-export type Pickers = 'days' | 'year' | 'month';
-export type Positions = 'right' | 'left' | 'center';
-export interface BaseProps {
-    round?: Radius;
-    accentColor?: string;
-    locale?: Locales;
-    direction?: Directions;
-}
-export interface onDatePickerChangePayload {
-    value: Date;
-}
-export interface onRangeDatePickerChangePayload {
-    from: Date;
-    to: Date;
-}
-interface MyProps1 {
-    range: true;
-    myMethod: (arg: onRangeDatePickerChangePayload) => void;
-}
-interface MyProps2 {
-    range: false;
-    myMethod: (arg: onDatePickerChangePayload) => void;
-}
-export type CalendarTypeProps = MyProps1 | MyProps2;
-declare module '@emotion/react' {
-    interface Theme {
-        colors: {
-            gray: Record<number, string>;
-            primary: Record<number, string>;
-        };
-        round: Radius;
-        direction: Directions;
-    }
-}
-export {};
+import '@emotion/react';
+import type { Radius } from './style/radius';
+export type DatePickerValue = number | Date | string;
+export type Locales = 'fa' | 'en';
+export type Directions = 'rtl' | 'ltr';
+export type DaysRange = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type Pickers = 'days' | 'year' | 'month';
+export type Positions = 'right' | 'left' | 'center';
+export interface BaseProps {
+    round?: Radius;
+    accentColor?: string;
+    locale?: Locales;
+    direction?: Directions;
+}
+export interface onDatePickerChangePayload {
+    value: Date;
+}
+export interface onRangeDatePickerChangePayload {
+    from: Date;
+    to: Date;
+}
+interface MyProps1 {
+    range: true;
+    myMethod: (arg: onRangeDatePickerChangePayload) => void;
+}
+interface MyProps2 {
+    range: false;
+    myMethod: (arg: onDatePickerChangePayload) => void;
+}
+export type CalendarTypeProps = MyProps1 | MyProps2;
+declare module '@emotion/react' {
+    interface Theme {
+        colors: {
+            gray: Record<number, string>;
+            primary: Record<number, string>;
+        };
+        round: Radius;
+        direction: Directions;
+    }
+}
+export {};

package/dist/utils/dateHelper/dateHelper.d.ts

@@ -1,15 +1,15 @@
-export declare const sameMonth: (date: Date, date2: Date) => boolean;
-export declare const sameDay: (date?: Date, date2?: Date) => boolean;
-export declare const getYears: (date: Date, from?: number, to?: number) => number[];
-export declare const selectMonth: (date: Date, selectedMonth: number) => Date;
-export declare const selectYear: (date: Date, selectedYear: number) => Date;
-export declare const isInBetween: (day: Date, from?: Date | null, to?: Date | null) => boolean;
-declare const _default: {
-    sameMonth: (date: Date, date2: Date) => boolean;
-    sameDay: (date?: Date | undefined, date2?: Date | undefined) => boolean;
-    getYears: (date: Date, from?: number, to?: number) => number[];
-    selectMonth: (date: Date, selectedMonth: number) => Date;
-    selectYear: (date: Date, selectedYear: number) => Date;
-    isInBetween: (day: Date, from?: Date | null | undefined, to?: Date | null | undefined) => boolean;
-};
-export default _default;
+export declare const sameMonth: (date: Date, date2: Date) => boolean;
+export declare const sameDay: (date?: Date, date2?: Date) => boolean;
+export declare const getYears: (date: Date, from?: number, to?: number) => number[];
+export declare const selectMonth: (date: Date, selectedMonth: number) => Date;
+export declare const selectYear: (date: Date, selectedYear: number) => Date;
+export declare const isInBetween: (day: Date, from?: Date | null, to?: Date | null) => boolean;
+declare const _default: {
+    sameMonth: (date: Date, date2: Date) => boolean;
+    sameDay: (date?: Date, date2?: Date) => boolean;
+    getYears: (date: Date, from?: number, to?: number) => number[];
+    selectMonth: (date: Date, selectedMonth: number) => Date;
+    selectYear: (date: Date, selectedYear: number) => Date;
+    isInBetween: (day: Date, from?: Date | null, to?: Date | null) => boolean;
+};
+export default _default;

package/dist/utils/dateHelper/index.d.ts

@@ -1 +1 @@
-export { default } from './dateHelper';
+export { default } from './dateHelper';

package/dist/utils/dateTimeFormat/dateTimeFormat.d.ts

@@ -1,13 +1,13 @@
-export declare const getDateFormat: (date: Date, options: Intl.DateTimeFormatOptions, numberingSystem?: string) => string;
-export declare const getDayOfMonth: (date: Date) => number;
-export declare const getDayString: (date: Date, numberingSystem?: string) => string;
-export declare const getYear: (date: Date, numberingSystem?: string) => string;
-export declare const getYear2Digit: (date: Date, numberingSystem?: string) => string;
-export declare const getMonthName: (date: Date, numberingSystem?: string) => string;
-export declare const getMonth: (date: Date, numberingSystem?: string) => string;
-declare const _default: {
-    getDayOfMonth: (date: Date) => number;
-    getMonth: (date: Date, numberingSystem?: string | undefined) => string;
-    getMonthName: (date: Date, numberingSystem?: string | undefined) => string;
-};
-export default _default;
+export declare const getDateFormat: (date: Date, options: Intl.DateTimeFormatOptions, numberingSystem?: string) => string;
+export declare const getDayOfMonth: (date: Date) => number;
+export declare const getDayString: (date: Date, numberingSystem?: string) => string;
+export declare const getYear: (date: Date, numberingSystem?: string) => string;
+export declare const getYear2Digit: (date: Date, numberingSystem?: string) => string;
+export declare const getMonthName: (date: Date, numberingSystem?: string) => string;
+export declare const getMonth: (date: Date, numberingSystem?: string) => string;
+declare const _default: {
+    getDayOfMonth: (date: Date) => number;
+    getMonth: (date: Date, numberingSystem?: string) => string;
+    getMonthName: (date: Date, numberingSystem?: string) => string;
+};
+export default _default;

package/dist/utils/dateTimeFormat/index.d.ts

@@ -1 +1 @@
-export { default } from './dateTimeFormat';
+export { default } from './dateTimeFormat';

package/dist/utils/format/format.d.ts

@@ -1,4 +1,4 @@
-import { type formatFunctions, type Formats } from './format.types';
-export declare const formats: Record<Formats, formatFunctions>;
-export declare const formatDate: (date: Date, format: string, numberingSystem?: string) => string;
-export default formatDate;
+import { type formatFunctions, type Formats } from './format.types';
+export declare const formats: Record<Formats, formatFunctions>;
+export declare const formatDate: (date: Date, format: string, numberingSystem?: string) => string;
+export default formatDate;

package/dist/utils/format/format.types.d.ts

@@ -1,10 +1,10 @@
-export type formatFunctions = (date: Date, numberingSystem?: string) => string;
-export declare enum Formats {
-    M = "M",
-    MM = "MM",
-    MMMM = "MMMM",
-    YY = "YY",
-    YYYY = "YYYY",
-    DD = "DD",
-    D = "D"
-}
+export type formatFunctions = (date: Date, numberingSystem?: string) => string;
+export declare enum Formats {
+    M = "M",
+    MM = "MM",
+    MMMM = "MMMM",
+    YY = "YY",
+    YYYY = "YYYY",
+    DD = "DD",
+    D = "D"
+}

package/dist/utils/format/index.d.ts

@@ -1 +1 @@
-export { default } from './format';
+export { default } from './format';

package/dist/utils/index.d.ts

@@ -1,3 +1,3 @@
-export declare const isRtl: () => boolean;
-export declare const localizeNumber: (n: string | number) => string | number;
-export declare const weekDayNames: string[];
+export declare const isRtl: () => boolean;
+export declare const localizeNumber: (n: string | number) => string | number;
+export declare const weekDayNames: string[];

package/dist/utils/locale.d.ts

@@ -1,6 +1,6 @@
-declare const localeCache: {
-    localeDefault: string;
-    setLocale(locale?: string): void;
-    readonly locale: string;
-};
-export default localeCache;
+declare const localeCache: {
+    localeDefault: string;
+    setLocale(locale?: string): void;
+    readonly locale: string;
+};
+export default localeCache;

package/dist/utils/locales/en.d.ts

@@ -1,3 +1,3 @@
-import type { LocalesTypes } from './locales.types';
-export declare const en: LocalesTypes;
-export default en;
+import type { LocalesTypes } from './locales.types';
+export declare const en: LocalesTypes;
+export default en;

package/dist/utils/locales/fa.d.ts

@@ -1,3 +1,3 @@
-import type { LocalesTypes } from './locales.types';
-export declare const fa: LocalesTypes;
-export default fa;
+import type { LocalesTypes } from './locales.types';
+export declare const fa: LocalesTypes;
+export default fa;

package/dist/utils/locales/index.d.ts

@@ -1,3 +1,3 @@
-import type { LocalesTypes } from './locales.types';
-declare const locales: Record<string, LocalesTypes>;
-export default locales;
+import type { LocalesTypes } from './locales.types';
+declare const locales: Record<string, LocalesTypes>;
+export default locales;

package/dist/utils/locales/locales.types.d.ts

@@ -1,12 +1,12 @@
-interface localesNames {
-    key: number;
-    name: string;
-}
-export interface LocalesTypes {
-    shortWeekDays: localesNames[];
-    months: localesNames[];
-    format: string;
-    am: string;
-    pm: string;
-}
-export {};
+interface localesNames {
+    key: number;
+    name: string;
+}
+export interface LocalesTypes {
+    shortWeekDays: localesNames[];
+    months: localesNames[];
+    format: string;
+    am: string;
+    pm: string;
+}
+export {};

package/dist/utils/month/index.d.ts

@@ -1 +1 @@
-export { default } from './month';
+export { default } from './month';

package/dist/utils/month/month.d.ts

@@ -1,5 +1,5 @@
-import 'dayjs/locale/fa';
-import type { DaysInMonth } from './month.types';
-import { type DatePickerValue } from '../../types';
-declare const getDays: (date: DatePickerValue | undefined) => DaysInMonth;
-export default getDays;
+import 'dayjs/locale/fa';
+import type { DaysInMonth } from './month.types';
+import { type DatePickerValue } from '../../types';
+declare const getDays: (date: DatePickerValue | undefined) => DaysInMonth;
+export default getDays;

package/dist/utils/month/month.types.d.ts

@@ -1,10 +1,10 @@
-export interface WeekDays {
-    date: Date;
-    disabled: boolean;
-}
-export interface DaysInMonth {
-    id: number;
-    monthName: string;
-    middleOfMonth: Date;
-    weeks: WeekDays[][];
-}
+export interface WeekDays {
+    date: Date;
+    disabled: boolean;
+}
+export interface DaysInMonth {
+    id: number;
+    monthName: string;
+    middleOfMonth: Date;
+    weeks: WeekDays[][];
+}

package/dist/utils/timePicker.d.ts

@@ -1,36 +1,36 @@
-import type React from 'react';
-/**
- * numberPosition functions
- * These functions find position X-axis and Y-axis from half of the clock width
- * Its start from 30 deg and each time this degree increase as much as 30 deg
- */
-export declare function numberPositionX(idx: number, width?: number, padding?: number): number;
-export declare function numberPositionY(idx: number, width?: number, padding?: number): number;
-export declare const center: {
-    x: number;
-    y: number;
-};
-export declare const radianToDeg: (rad: number) => number;
-export declare const calculateOffset: (elem: unknown) => {
-    offsetX: number;
-    offsetY: number;
-};
-export declare const getValue: (deg: number, delta: number, steps: number) => number;
-/**
- * calculate the value from where the mouse clicked or tapped
- * step1: calculate deg from the center of the circle not (0, 0)
- * step1-1: calculate deg with atan2 but instead of using atan2 in this way (y, x) -
- * I used atan2(x, y) because atan2(y, x) get an angel from (0, 0) not the center of the circle
- * step-2: decrease atan2 by Math.PI because- * this function returns two degrees that one of them is valid and another isn't. like 90 deg and -90deg and -90deg should be 270
- * step3: delta: determine the distance of each place that is clicked by the user. calculating the distance between the center of the circle
- * step4: make value by division deg into the hour or minutes angles. in the hour is 30 deg and in minutes is 6 deg
- */
-interface IGetAngelValues {
-    value: number;
-    delta: number;
-}
-export declare const getAngelValues: (e: React.MouseEvent | React.TouchEvent, steps?: number) => IGetAngelValues;
-export declare const hours: number[];
-export declare const hours24: number[];
-export declare const minutes: number[];
-export {};
+import type React from 'react';
+/**
+ * numberPosition functions
+ * These functions find position X-axis and Y-axis from half of the clock width
+ * Its start from 30 deg and each time this degree increase as much as 30 deg
+ */
+export declare function numberPositionX(idx: number, width?: number, padding?: number): number;
+export declare function numberPositionY(idx: number, width?: number, padding?: number): number;
+export declare const center: {
+    x: number;
+    y: number;
+};
+export declare const radianToDeg: (rad: number) => number;
+export declare const calculateOffset: (elem: unknown) => {
+    offsetX: number;
+    offsetY: number;
+};
+export declare const getValue: (deg: number, delta: number, steps: number) => number;
+/**
+ * calculate the value from where the mouse clicked or tapped
+ * step1: calculate deg from the center of the circle not (0, 0)
+ * step1-1: calculate deg with atan2 but instead of using atan2 in this way (y, x) -
+ * I used atan2(x, y) because atan2(y, x) get an angel from (0, 0) not the center of the circle
+ * step-2: decrease atan2 by Math.PI because- * this function returns two degrees that one of them is valid and another isn't. like 90 deg and -90deg and -90deg should be 270
+ * step3: delta: determine the distance of each place that is clicked by the user. calculating the distance between the center of the circle
+ * step4: make value by division deg into the hour or minutes angles. in the hour is 30 deg and in minutes is 6 deg
+ */
+interface IGetAngelValues {
+    value: number;
+    delta: number;
+}
+export declare const getAngelValues: (e: React.MouseEvent | React.TouchEvent, steps?: number) => IGetAngelValues;
+export declare const hours: number[];
+export declare const hours24: number[];
+export declare const minutes: number[];
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zaman-backoffice",
-  "version": "1.0.4",
+  "version": "1.2.0",
   "description": "thanks to the zaman team. just needed to add the ability to have a controlled input value",
   "main": "dist/index.js",
   "scripts": {
@@ -9,14 +9,13 @@
     "test": "NODE_ENV=test jest",
     "test:watch": "NODE_ENV=test jest --watchAll",
     "test:update": "NODE_ENV=test jest -- -u",
-    "build": "rm -rf dist && rollup -c --bundleConfigAsCjs",
+    "build": "rimraf dist && rollup -c --bundleConfigAsCjs",
     "dev": "vite",
     "watch": "rollup -c rollup.config.js -w",
     "lint:fix": "eslint --fix src",
     "format": "prettier src --write",
     "prepare": "husky install"
   },
-
   "keywords": [
     "datepicker",
     "farsi",
@@ -25,7 +24,6 @@
   ],
   "author": "ali zakerinia",
   "license": "MIT",
-
   "devDependencies": {
     "@babel/core": "^7.21.0",
     "@babel/preset-env": "^7.20.2",
@@ -65,6 +63,7 @@
     "prettier": "^3.1.1",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "rimraf": "^6.0.1",
     "rollup": "^3.15.0",
     "rollup-plugin-esbuild": "^5.0.0",
     "ts-jest": "^29.0.5",
@@ -75,6 +74,7 @@
   "dependencies": {
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
-    "dayjs": "^1.11.7"
+    "dayjs": "^1.11.7",
+    "lodash": "^4.17.21"
   }
 }