@inntechcorp/it-design 2.1.102 → 2.2.1

package/dist/select/menu/styled.d.ts

@@ -3,6 +3,7 @@ declare const Wrapper: import("styled-components/dist/types").IStyledComponentBa
 declare const BodyWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
     className: string;
     children: import("../../types/ChildrenProps").ChildrenProps;
+    style?: React.CSSProperties;
 }, never>> & string & Omit<typeof TinyScrollbar, keyof import("react").Component<any, {}, any>>;
 declare const ModalEnter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 declare const ModalEnterActive: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/stories/Select.stories.d.ts

@@ -21,3 +21,4 @@ export declare const Custom: Story;
 export declare const Multiple: Story;
 export declare const ShowSearch: Story;
 export declare const WithIcon: Story;
+export declare const LongPlaceholder: Story;

package/dist/tinyscrollbar/index.d.ts

@@ -1,7 +1,9 @@
+import 'overlayscrollbars/styles/overlayscrollbars.css';
 import { ChildrenProps } from 'types/ChildrenProps';
 type TinyScrollbarProps = {
     className: string;
     children: ChildrenProps;
+    style?: React.CSSProperties;
 };
-export default function TinyScrollbar({ className, children }: TinyScrollbarProps): import("react/jsx-runtime").JSX.Element;
+export default function TinyScrollbar({ className, children, style }: TinyScrollbarProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/CalendarProps.d.ts

@@ -1,11 +1,11 @@
-import { Dayjs } from "dayjs";
+import moment from "moment";
 import { ChildrenProps } from "./ChildrenProps";
 import { InputVariant } from "./InputProps";
 import { ITDSize } from "./ITDProps";
-export interface CalendarProps {
+export type CalendarProps = {
     id?: string;
     placeholder?: string;
-    defaultValue?: string;
+    defaultValue: CalendarValueProps;
     className?: string;
     mask?: null | string;
     size?: ITDSize;
@@ -13,26 +13,19 @@ export interface CalendarProps {
     disabled?: boolean;
     floating?: boolean;
     suffix?: ChildrenProps;
-    onChange?: (date: Dayjs) => void;
+    onChange?: ((value: CalendarValueProps) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-    disabledDate: (date: Dayjs) => boolean;
-    onPanelChange?: (value: Dayjs, mode: string) => void;
-    onSelect?: (date: Dayjs) => void;
-    value?: string;
-    dateFormat?: string;
-    locale?: string;
-    mode?: "month" | "year";
-    fullscreen?: boolean;
-    headerRender?: (value: Dayjs, type: string, originalNode: React.ReactElement) => React.ReactNode;
-}
-export interface CalendarValueProps {
-    global: string;
+    disabledDate: (date: moment.Moment) => boolean;
+};
+export type CalendarValueProps = {
     localizated: string;
-}
-export interface CalendarDayProps {
-    date: Dayjs;
-    isToday: boolean;
-    isSelected: boolean;
-    isDisabled: boolean;
-    handleClick: (date: Dayjs) => void;
-}
+    global: string;
+};
+export type CalendarDayProps = {
+    date: moment.Moment;
+    today?: boolean;
+    selected?: boolean;
+    current?: boolean;
+    disabled?: boolean;
+    handleClick: (date: moment.Moment) => void;
+};

package/dist/types/DatePickerProps.d.ts

@@ -1,38 +1,22 @@
-import { Dayjs } from "dayjs";
+import moment from "moment";
 import { CalendarValueProps } from "./CalendarProps";
 import { ChildrenProps } from "./ChildrenProps";
 import { InputVariant } from "./InputProps";
 import { ITDPosition, ITDSize } from "./ITDProps";
-export interface DatePickerProps {
+export type DatePickerProps = {
     id?: string;
-    name?: string;
-    className?: string;
     placeholder?: string;
-    value?: string;
     defaultValue?: string;
-    dateFormat?: string;
-    locale?: string;
-    disabled?: boolean;
-    readOnly?: boolean;
-    allowClear?: boolean;
-    autoFocus?: boolean;
+    value?: string;
+    className?: string;
+    mask?: null | string;
     size?: ITDSize;
-    status?: "" | "error" | "warning";
     variant?: InputVariant;
-    placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
-    position?: ITDPosition;
-    mask?: string | null;
+    disabled?: boolean;
     floating?: boolean;
+    position?: ITDPosition;
     suffix?: ChildrenProps;
-    getPopupContainer?: () => HTMLElement;
-    inputReadOnly?: boolean;
-    needConfirm?: boolean;
-    showNow?: boolean;
-    showTime?: boolean | object;
-    showToday?: boolean;
-    disabledDate?: (date: Dayjs) => boolean;
-    onChange?: (date: CalendarValueProps) => void;
+    onChange?: ((value: CalendarValueProps) => void) | null;
     onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
-    onOpenChange?: (open: boolean) => void;
-    onPanelChange?: (value: string, mode: string) => void;
-}
+    disabledDate?: (date: moment.Moment) => boolean;
+};

package/dist/types/SelectProps.d.ts

@@ -56,6 +56,7 @@ export type SelectOptionProps = {
     icon?: ChildrenProps;
     image?: string;
     disabled?: boolean;
+    searchText?: string;
 };
 export type SelectValue = string | number | (string | number)[];
 export type SelectVariant = "default" | "solid" | "filled" | "outline" | "custom";

package/dist/utils/GetSizeBySizeSlug.d.ts

@@ -1,2 +1,2 @@
 import { ITDSizeSlug } from "../index";
-export default function GetSizeBySizeSlug(size: ITDSizeSlug): "small" | "medium" | "large" | "x-small" | "default" | "x-large" | "df";
+export default function GetSizeBySizeSlug(size: ITDSizeSlug): "large" | "small" | "x-small" | "medium" | "default" | "x-large" | "df";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@inntechcorp/it-design",
-  "version": "2.1.102",
+  "version": "2.2.1",
   "description": "All in one Design library for web applications.",
   "author": "Inn.Tech",
   "license": "ISC",
@@ -39,8 +39,9 @@
     "i18next-http-backend": "3.0.2",
     "i18next-resources-to-backend": "^1.2.1",
     "lodash-es": "4.17.21",
-    "overlayscrollbars": "2.11.0",
-    "overlayscrollbars-react": "0.5.0",
+    "moment": "^2.30.1",
+    "moment-timezone": "^0.6.0",
+    "overlayscrollbars": "^2.11.3",
     "postcss": "8.5.3",
     "postcss-calc": "10.1.1",
     "prop-types": "^15.8.1",
@@ -55,6 +56,7 @@
     "react-spring": "9.7.5",
     "react-svg": "16.3.0",
     "react-transition-group": "4.4.5",
+    "react-virtuoso": "^4.12.8",
     "smoothscroll-polyfill": "^0.4.4",
     "styled-components": "6.1.13",
     "uuid": "10.0.0",

package/dist/stories/Calendar.d.ts

@@ -1,10 +0,0 @@
-import './button.css';
-import { FC } from 'react';
-import { Dayjs } from 'dayjs';
-export interface StoryCalendarProps {
-    defaultValue?: string;
-    value?: string;
-    onChange?: (value: any) => void;
-    disabledDate?: (date: Dayjs) => boolean;
-}
-export declare const Calendar: FC<StoryCalendarProps>;

package/dist/stories/Calendar.stories.d.ts

@@ -1,18 +0,0 @@
-import type { StoryObj } from "@storybook/react";
-declare const meta: {
-    title: string;
-    component: import("react").FC<import("./Calendar").StoryCalendarProps>;
-    parameters: {
-        layout: string;
-    };
-    tags: string[];
-    argTypes: {};
-    args: {
-        onChange: import("@vitest/spy").Mock<(...args: any[]) => any>;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const WithDefaultValue: Story;
-export declare const WithDisabledDates: Story;