zaman-backoffice 1.0.2 → 1.0.4

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +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;

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

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

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

@@ -0,0 +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;

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

@@ -0,0 +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"
+}

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

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

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+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

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

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

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

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

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

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

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

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

@@ -0,0 +1,12 @@
+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

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

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

@@ -0,0 +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;

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

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

package/dist/utils/timePicker.d.ts

@@ -0,0 +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 {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zaman-backoffice",
-  "version": "1.0.2",
+  "version": "1.0.4",
   "description": "thanks to the zaman team. just needed to add the ability to have a controlled input value",
   "main": "dist/index.js",
   "scripts": {

package/.eslintrc.cjs

@@ -1,26 +0,0 @@
-module.exports = {
-  env: {
-    browser: true,
-    es2021: true
-  },
-  extends: [
-    'plugin:react/recommended',
-    'standard-with-typescript',
-    'plugin:prettier/recommended'
-  ],
-  overrides: [],
-  parserOptions: {
-    ecmaVersion: 'latest',
-    sourceType: 'module',
-    project: './tsconfig.json'
-  },
-  plugins: ['react', 'prettier'],
-  rules: {
-    '@typescript-eslint/ban-ts-comment': [
-      'error',
-      { 'ts-ignore': 'allow-with-description' }
-    ],
-    '@typescript-eslint/explicit-function-return-type': 'off',
-    '@typescript-eslint/no-confusing-void-expression': 'off'
-  }
-}

package/.husky/commit-msg

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-yarn commitlint --edit 

package/.husky/pre-commit

@@ -1,4 +0,0 @@
-#!/usr/bin/env sh
-. "$(dirname -- "$0")/_/husky.sh"
-
-yarn test:e2e

package/.idea/git_toolbox_blame.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="GitToolBoxBlameSettings">
-    <option name="version" value="2" />
-  </component>
-</project>

package/.idea/git_toolbox_prj.xml

@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="GitToolBoxProjectSettings">
-    <option name="commitMessageIssueKeyValidationOverride">
-      <BoolValueOverride>
-        <option name="enabled" value="true" />
-      </BoolValueOverride>
-    </option>
-    <option name="commitMessageValidationEnabledOverride">
-      <BoolValueOverride>
-        <option name="enabled" value="true" />
-      </BoolValueOverride>
-    </option>
-  </component>
-</project>

package/.idea/inspectionProfiles/Project_Default.xml

@@ -1,6 +0,0 @@
-<component name="InspectionProjectProfileManager">
-  <profile version="1.0">
-    <option name="myName" value="Project Default" />
-    <inspection_tool class="Eslint" enabled="true" level="WARNING" enabled_by_default="true" />
-  </profile>
-</component>

package/.idea/material_theme_project_new.xml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="MaterialThemeProjectNewConfig">
-    <option name="metadata">
-      <MTProjectMetadataState>
-        <option name="migrated" value="true" />
-        <option name="pristineConfig" value="false" />
-        <option name="userId" value="21014733:192000173b2:-7ffe" />
-      </MTProjectMetadataState>
-    </option>
-  </component>
-</project>

package/.idea/modules.xml

@@ -1,8 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="ProjectModuleManager">
-    <modules>
-      <module fileurl="file://$PROJECT_DIR$/.idea/zaman-backoffice2.iml" filepath="$PROJECT_DIR$/.idea/zaman-backoffice2.iml" />
-    </modules>
-  </component>
-</project>

package/.idea/vcs.xml

@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>

package/.idea/zaman-backoffice2.iml

@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<module type="WEB_MODULE" version="4">
-  <component name="NewModuleRootManager">
-    <content url="file://$MODULE_DIR$">
-      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
-      <excludeFolder url="file://$MODULE_DIR$/temp" />
-      <excludeFolder url="file://$MODULE_DIR$/tmp" />
-    </content>
-    <orderEntry type="inheritedJdk" />
-    <orderEntry type="sourceFolder" forTests="false" />
-  </component>
-</module>

package/.prettierrc

@@ -1,9 +0,0 @@
-{
-  "printWidth": 80,
-  "tabWidth": 2,
-  "useTabs": false,
-  "semi": false,
-  "jsxSingleQuote": false,
-  "singleQuote": true,
-  "trailingComma": "none"
-}

package/.travis.yml

@@ -1,10 +0,0 @@
-language: node_js
-node_js:
-  - "11.10.1"
-cache:
-  directories:
-    - node_modules
-script:
-  - npm test
-  - npm run build
-  - npm run lint

package/client/index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html lang="en" dir="rtl">
-  <head>
-    <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + React + TS | React Jalali DatePicker</title>
-  </head>
-  <body>
-    <div id="root"></div>
-    <script type="module" src="./main.tsx"></script>
-  </body>
-</html>

package/client/main.tsx

@@ -1,84 +0,0 @@
-import React, { useState } from 'react'
-import { Calendar, CalendarProvider, DatePicker } from '../src'
-import { createRoot } from 'react-dom/client'
-import './style.css'
-import TimePicker from '../src/packages/TimePicker'
-const container = document.getElementById('root')
-const root = createRoot(container as HTMLElement)
-
-const App = () => {
-  const [view, setView] = useState<string>('cal')
-  const [calendarValue, setCalendarValue] = useState(new Date())
-
-  return (
-    <section className="wrapper">
-      <div className="tab">
-        <div
-          className={`tabItem tabItem${view === 'cal' ? '--selected' : ''}`}
-          onClick={() => setView('cal')}
-        >
-          Calendar
-        </div>
-        <div
-          className={`tabItem tabItem${view === 'day' ? '--selected' : ''}`}
-          onClick={() => setView('day')}
-        >
-          Date picker
-        </div>
-        <div
-          className={`tabItem tabItem${view === 'time' ? '--selected' : ''}`}
-          onClick={() => setView('time')}
-        >
-          Time picker
-        </div>
-      </div>
-      {view === 'cal' ? (
-        <div className="libWrapper">
-          <CalendarProvider locale="fa" round="x2">
-            <Calendar
-              defaultValue={calendarValue}
-              onChange={({ value }) => setCalendarValue(value)}
-              weekends={[6]}
-            />
-          </CalendarProvider>
-          <CalendarProvider locale="fa" round="x4" accentColor="#6374ae">
-            <Calendar
-              defaultValue={new Date()}
-              onChange={({ from, to }) => console.log(from, '---', to)}
-              weekends={[6]}
-              from={new Date()}
-              to={new Date().setDate(new Date().getDate() + 3)}
-              range
-            />
-          </CalendarProvider>
-        </div>
-      ) : null}
-      {view === 'day' ? (
-        <div className="libWrapper">
-          <DatePicker
-            round="x4"
-            position="center"
-            onChange={(e) => console.log(e)}
-          />
-          <DatePicker
-            round="x2"
-            accentColor="#6374ae"
-            range
-            from={new Date()}
-            to={new Date().setDate(new Date().getDate() + 3)}
-            onChange={(e) => console.log(e)}
-          />
-        </div>
-      ) : null}
-      {view === 'time' ? (
-        <div className="libWrapper">
-          <TimePicker
-            accentColor="#6374ae"
-            onChange={(py) => console.log(py)}
-          />
-        </div>
-      ) : null}
-    </section>
-  )
-}
-root.render(<App />)

package/client/style.css

@@ -1,62 +0,0 @@
-@import url("https://fonts.googleapis.com/css?family=Vazirmatn");
-
-* {
-    box-sizing: border-box;
-}
-body {
-    font-family: Vazirmatn, sans-serif;
-    text-align: center;
-    margin-top: 4rem;
-}
-input {
-    font-family: Vazirmatn, sans-serif;
-    text-align: center;
-    width: 280px;
-    outline: 0;
-    border-radius: 8px;
-    height: 45px;
-    border: 1px solid #dedede;
-}
-.wrapper {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    gap: 12px;
-}
-
-.tab {
-    flex-direction: column;
-    display: flex;
-    justify-content: center;
-    border-radius: 8px;
-    background-color: #f5f5f5;
-    gap: 16px;
-    padding: 8px;
-}
-.tabItem {
-    cursor: pointer;
-    padding: 4px 8px;
-    border-radius: 8px;
-    transition: all 0.2s ease;
-}
-.tabItem:hover {
-    color: #3f5152;
-}
-.tabItem--selected {
-    background-color: #ffffff;
-}
-
-.libWrapper {
-    display: flex;
-    justify-content: center;
-    flex-direction: column;
-    gap: 14px;
-}
-
-@media only screen and (min-width: 600px) {
-    .tab,
-    .libWrapper {
-        flex-direction: row;
-    }
-}

package/cypress/fixtures/example.json

@@ -1,5 +0,0 @@
-{
-  "name": "Using fixtures to represent data",
-  "email": "hello@cypress.io",
-  "body": "Fixtures are a great way to mock data for responses to routes"
-}

package/cypress/support/commands.ts

@@ -1,38 +0,0 @@
-import '@testing-library/cypress/add-commands'
-/// <reference types="cypress" />
-// ***********************************************
-// This example commands.ts shows you how to
-// create various custom commands and overwrite
-// existing commands.
-//
-// For more comprehensive examples of custom
-// commands please read more here:
-// https://on.cypress.io/custom-commands
-// ***********************************************
-//
-//
-// -- This is a parent command --
-// Cypress.Commands.add('login', (email, password) => { ... })
-//
-//
-// -- This is a child command --
-// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
-//
-//
-// -- This is a dual command --
-// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
-//
-//
-// -- This will overwrite an existing command --
-// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
-//
-// declare global {
-//   namespace Cypress {
-//     interface Chainable {
-//       login(email: string, password: string): Chainable<void>
-//       drag(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       dismiss(subject: string, options?: Partial<TypeOptions>): Chainable<Element>
-//       visit(originalFn: CommandOriginalFn, url: string, options: Partial<VisitOptions>): Chainable<Element>
-//     }
-//   }
-// }

package/cypress/support/component-index.html

@@ -1,12 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <title>Components App</title>
-  </head>
-  <body>
-    <div data-cy-root></div>
-  </body>
-</html>

package/cypress/support/component.ts

@@ -1,39 +0,0 @@
-// ***********************************************************
-// This example support/component.ts is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
-
-// Import commands.js using ES2015 syntax:
-import './commands'
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
-
-import { mount } from 'cypress/react18'
-
-// Augment the Cypress namespace to include type definitions for
-// your custom command.
-// Alternatively, can be defined in cypress/support/component.d.ts
-// with a <reference path="./component" /> at the top of your spec.
-declare global {
-  namespace Cypress {
-    interface Chainable {
-      mount: typeof mount
-    }
-  }
-}
-
-Cypress.Commands.add('mount', mount)
-
-// Example use:
-// cy.mount(<MyComponent />)

package/cypress.config.ts

@@ -1,10 +0,0 @@
-import { defineConfig } from 'cypress'
-
-export default defineConfig({
-  component: {
-    devServer: {
-      framework: 'react',
-      bundler: 'vite'
-    }
-  }
-})

package/jest.config.ts

@@ -1,47 +0,0 @@
-export default {
-  // Stop running tests after `n` failures
-  // bail: 4,
-
-  // Automatically clear mock calls, instances, contexts and results before every test
-  clearMocks: true,
-
-  // An array of file extensions your modules use
-  moduleFileExtensions: [
-    'ts',
-    'tsx',
-    'js',
-    'mjs',
-    'cjs',
-    'jsx',
-    'ts',
-    'tsx',
-    'json',
-    'node'
-  ],
-
-  // A map from regular expressions to module names or to arrays of module names that allow to stub out resources with a single module
-  // moduleNameMapper: {},
-
-  // A list of paths to directories that Jest should use to search for files in
-  roots: ['<rootDir>/src'],
-
-  // The test environment that will be used for testing
-  testEnvironment: 'jsdom',
-
-  // The regexp pattern or array of patterns that Jest uses to detect test files
-  testRegex: '(/__tests__/.*|(\\.|/)(test|spec))\\.tsx?$',
-
-  // A map from regular expressions to paths to transformers
-  transform: {
-    '^.+\\.(tsx|ts)?$': 'ts-jest'
-  },
-
-  // Whether to use watchman for file crawling
-  watchman: true,
-
-  globals: {
-    'ts-jest': {
-      tsConfig: 'tsconfig.test.json'
-    }
-  }
-}