@inntechcorp/it-design 2.1.100 → 2.1.102

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,10 @@
1
+ import './button.css';
2
+ import { FC } from 'react';
3
+ import { Dayjs } from 'dayjs';
4
+ export interface StoryCalendarProps {
5
+ defaultValue?: string;
6
+ value?: string;
7
+ onChange?: (value: any) => void;
8
+ disabledDate?: (date: Dayjs) => boolean;
9
+ }
10
+ export declare const Calendar: FC<StoryCalendarProps>;
@@ -0,0 +1,18 @@
1
+ import type { StoryObj } from "@storybook/react";
2
+ declare const meta: {
3
+ title: string;
4
+ component: import("react").FC<import("./Calendar").StoryCalendarProps>;
5
+ parameters: {
6
+ layout: string;
7
+ };
8
+ tags: string[];
9
+ argTypes: {};
10
+ args: {
11
+ onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
12
+ };
13
+ };
14
+ export default meta;
15
+ type Story = StoryObj<typeof meta>;
16
+ export declare const Default: Story;
17
+ export declare const WithDefaultValue: Story;
18
+ export declare const WithDisabledDates: Story;
@@ -1,11 +1,11 @@
1
- import moment from "moment";
1
+ import { Dayjs } from "dayjs";
2
2
  import { ChildrenProps } from "./ChildrenProps";
3
3
  import { InputVariant } from "./InputProps";
4
4
  import { ITDSize } from "./ITDProps";
5
- export type CalendarProps = {
5
+ export interface CalendarProps {
6
6
  id?: string;
7
7
  placeholder?: string;
8
- defaultValue: CalendarValueProps;
8
+ defaultValue?: string;
9
9
  className?: string;
10
10
  mask?: null | string;
11
11
  size?: ITDSize;
@@ -13,19 +13,26 @@ export type CalendarProps = {
13
13
  disabled?: boolean;
14
14
  floating?: boolean;
15
15
  suffix?: ChildrenProps;
16
- onChange?: ((value: CalendarValueProps) => void) | null;
16
+ onChange?: (date: Dayjs) => void;
17
17
  onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
18
- disabledDate: (date: moment.Moment) => boolean;
19
- };
20
- export type CalendarValueProps = {
21
- localizated: string;
18
+ disabledDate: (date: Dayjs) => boolean;
19
+ onPanelChange?: (value: Dayjs, mode: string) => void;
20
+ onSelect?: (date: Dayjs) => void;
21
+ value?: string;
22
+ dateFormat?: string;
23
+ locale?: string;
24
+ mode?: "month" | "year";
25
+ fullscreen?: boolean;
26
+ headerRender?: (value: Dayjs, type: string, originalNode: React.ReactElement) => React.ReactNode;
27
+ }
28
+ export interface CalendarValueProps {
22
29
  global: string;
23
- };
24
- export type CalendarDayProps = {
25
- date: moment.Moment;
26
- today?: boolean;
27
- selected?: boolean;
28
- current?: boolean;
29
- disabled?: boolean;
30
- handleClick: (date: moment.Moment) => void;
31
- };
30
+ localizated: string;
31
+ }
32
+ export interface CalendarDayProps {
33
+ date: Dayjs;
34
+ isToday: boolean;
35
+ isSelected: boolean;
36
+ isDisabled: boolean;
37
+ handleClick: (date: Dayjs) => void;
38
+ }
@@ -1,22 +1,38 @@
1
- import moment from "moment";
1
+ import { Dayjs } from "dayjs";
2
2
  import { CalendarValueProps } from "./CalendarProps";
3
3
  import { ChildrenProps } from "./ChildrenProps";
4
4
  import { InputVariant } from "./InputProps";
5
5
  import { ITDPosition, ITDSize } from "./ITDProps";
6
- export type DatePickerProps = {
6
+ export interface DatePickerProps {
7
7
  id?: string;
8
+ name?: string;
9
+ className?: string;
8
10
  placeholder?: string;
9
- defaultValue?: string;
10
11
  value?: string;
11
- className?: string;
12
- mask?: null | string;
12
+ defaultValue?: string;
13
+ dateFormat?: string;
14
+ locale?: string;
15
+ disabled?: boolean;
16
+ readOnly?: boolean;
17
+ allowClear?: boolean;
18
+ autoFocus?: boolean;
13
19
  size?: ITDSize;
20
+ status?: "" | "error" | "warning";
14
21
  variant?: InputVariant;
15
- disabled?: boolean;
16
- floating?: boolean;
22
+ placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
17
23
  position?: ITDPosition;
24
+ mask?: string | null;
25
+ floating?: boolean;
18
26
  suffix?: ChildrenProps;
19
- onChange?: ((value: CalendarValueProps) => void) | null;
27
+ getPopupContainer?: () => HTMLElement;
28
+ inputReadOnly?: boolean;
29
+ needConfirm?: boolean;
30
+ showNow?: boolean;
31
+ showTime?: boolean | object;
32
+ showToday?: boolean;
33
+ disabledDate?: (date: Dayjs) => boolean;
34
+ onChange?: (date: CalendarValueProps) => void;
20
35
  onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
21
- disabledDate?: (date: moment.Moment) => boolean;
22
- };
36
+ onOpenChange?: (open: boolean) => void;
37
+ onPanelChange?: (value: string, mode: string) => void;
38
+ }
@@ -1,2 +1,2 @@
1
1
  import { ITDSizeSlug } from "../index";
2
- export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";
2
+ export default function GetSizeBySizeSlug(size: ITDSizeSlug): "small" | "medium" | "large" | "x-small" | "default" | "x-large" | "df";
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@inntechcorp/it-design",
3
- "version": "2.1.100",
3
+ "version": "2.1.102",
4
4
  "description": "All in one Design library for web applications.",
5
5
  "author": "Inn.Tech",
6
6
  "license": "ISC",
@@ -32,22 +32,21 @@
32
32
  "autoprefixer": "10.4.21",
33
33
  "axios": "1.9.0",
34
34
  "core-js": "3.42.0",
35
+ "dayjs": "^1.11.13",
35
36
  "fast-deep-equal": "^3.1.3",
36
37
  "i18next": "25.1.2",
37
38
  "i18next-browser-languagedetector": "8.1.0",
38
39
  "i18next-http-backend": "3.0.2",
39
40
  "i18next-resources-to-backend": "^1.2.1",
40
- "lodash-es": "^4.17.21",
41
- "moment": "2.30.1",
42
- "moment-timezone": "0.5.48",
43
- "overlayscrollbars": "2.0.3",
41
+ "lodash-es": "4.17.21",
42
+ "overlayscrollbars": "2.11.0",
44
43
  "overlayscrollbars-react": "0.5.0",
45
44
  "postcss": "8.5.3",
46
45
  "postcss-calc": "10.1.1",
47
46
  "prop-types": "^15.8.1",
48
47
  "query-string": "9.1.2",
49
- "react": "19.1.0",
50
- "react-dom": "19.1.0",
48
+ "react": "^19.0.0",
49
+ "react-dom": "^19.0.0",
51
50
  "react-i18next": "15.5.1",
52
51
  "react-nanny": "^2.15.0",
53
52
  "react-number-format": "5.4.4",
@@ -57,8 +56,8 @@
57
56
  "react-svg": "16.3.0",
58
57
  "react-transition-group": "4.4.5",
59
58
  "smoothscroll-polyfill": "^0.4.4",
60
- "styled-components": "6.1.18",
61
- "uuid": "11.1.0",
59
+ "styled-components": "6.1.13",
60
+ "uuid": "10.0.0",
62
61
  "web-vitals": "5.0.0"
63
62
  },
64
63
  "devDependencies": {
@@ -112,6 +111,7 @@
112
111
  "rollup-plugin-local-resolve": "^1.0.7",
113
112
  "rollup-plugin-node-builtins": "^2.1.2",
114
113
  "rollup-plugin-node-globals": "^1.4.0",
114
+ "rollup-plugin-node-polyfills": "^0.2.1",
115
115
  "rollup-plugin-peer-deps-external": "^2.2.4",
116
116
  "rollup-plugin-postcss": "^4.0.2",
117
117
  "rollup-plugin-scss": "4.0.1",