@egov3/system-design 2.2.2 → 2.2.6
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.
- package/dist/index.css +2 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.mts +102 -0
- package/dist/{esm/index.d.ts → index.d.ts} +4 -42
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -0
- package/dist/index.mjs +1 -0
- package/dist/index.mjs.map +1 -0
- package/package.json +10 -14
- package/dist/cjs/components/Accordion/index.d.ts +0 -8
- package/dist/cjs/components/Button/index.d.ts +0 -13
- package/dist/cjs/components/Calendar/Body/index.d.ts +0 -12
- package/dist/cjs/components/Calendar/Footer/index.d.ts +0 -9
- package/dist/cjs/components/Calendar/Header/index.d.ts +0 -8
- package/dist/cjs/components/Calendar/Main/index.d.ts +0 -9
- package/dist/cjs/components/Calendar/index.d.ts +0 -8
- package/dist/cjs/components/InputField/index.d.ts +0 -22
- package/dist/cjs/components/Modal/index.d.ts +0 -9
- package/dist/cjs/components/RadioGroup/index.d.ts +0 -20
- package/dist/cjs/components/RadioToggle/index.d.ts +0 -6
- package/dist/cjs/components/SelectBoxButton/index.d.ts +0 -9
- package/dist/cjs/components/Typography/index.d.ts +0 -8
- package/dist/cjs/components/index.d.ts +0 -20
- package/dist/cjs/constants/calendar/index.d.ts +0 -2
- package/dist/cjs/index.d.ts +0 -21
- package/dist/cjs/index.js +0 -3496
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/interfaces/Calendar.d.ts +0 -24
- package/dist/cjs/stories/Accordion.stories.d.ts +0 -7
- package/dist/cjs/stories/Button.stories.d.ts +0 -28
- package/dist/cjs/stories/Calendar.stories.d.ts +0 -6
- package/dist/cjs/stories/CardWrapperItem.d.ts +0 -4
- package/dist/cjs/stories/InputField.stories.d.ts +0 -22
- package/dist/cjs/stories/Modal.stories.d.ts +0 -8
- package/dist/cjs/stories/RadioGroup.stories.d.ts +0 -23
- package/dist/cjs/stories/RadioToggle.stories.d.ts +0 -13
- package/dist/cjs/stories/Typography.stories.d.ts +0 -12
- package/dist/cjs/svg/ClearIcon.d.ts +0 -4
- package/dist/cjs/svg/index.d.ts +0 -2
- package/dist/cjs/utils/CreateArray.d.ts +0 -1
- package/dist/cjs/utils/GenerateArray.d.ts +0 -1
- package/dist/cjs/utils/date/convertType.d.ts +0 -53
- package/dist/cjs/utils/date/formatDate.d.ts +0 -1
- package/dist/cjs/utils/date/getDaysInMonth.d.ts +0 -1
- package/dist/cjs/utils/date/getMonthNameProper.d.ts +0 -1
- package/dist/cjs/utils/date/getValideMonth.d.ts +0 -6
- package/dist/cjs/utils/date/index.d.ts +0 -6
- package/dist/cjs/utils/date/inverseDate.d.ts +0 -1
- package/dist/cjs/utils/date/isValidateDate.d.ts +0 -3
- package/dist/cjs/utils/date/normalizeDayAndMonth.d.ts +0 -2
- package/dist/cjs/utils/date/range/getDaysRange.d.ts +0 -2
- package/dist/cjs/utils/date/range/getMonthRange.d.ts +0 -1
- package/dist/cjs/utils/date/range/getYearRange.d.ts +0 -1
- package/dist/cjs/utils/date/range/isValidDateRange.d.ts +0 -3
- package/dist/cjs/utils/joinClasses.d.ts +0 -1
- package/dist/cjs/utils/string/SetCharAt.d.ts +0 -1
- package/dist/cjs/utils/string/toPascalCase.d.ts +0 -1
- package/dist/esm/components/Accordion/index.d.ts +0 -8
- package/dist/esm/components/Button/index.d.ts +0 -13
- package/dist/esm/components/Calendar/Body/index.d.ts +0 -12
- package/dist/esm/components/Calendar/Footer/index.d.ts +0 -9
- package/dist/esm/components/Calendar/Header/index.d.ts +0 -8
- package/dist/esm/components/Calendar/Main/index.d.ts +0 -9
- package/dist/esm/components/Calendar/index.d.ts +0 -8
- package/dist/esm/components/InputField/index.d.ts +0 -22
- package/dist/esm/components/Modal/index.d.ts +0 -9
- package/dist/esm/components/RadioGroup/index.d.ts +0 -20
- package/dist/esm/components/RadioToggle/index.d.ts +0 -6
- package/dist/esm/components/SelectBoxButton/index.d.ts +0 -9
- package/dist/esm/components/Typography/index.d.ts +0 -8
- package/dist/esm/components/index.d.ts +0 -20
- package/dist/esm/constants/calendar/index.d.ts +0 -2
- package/dist/esm/index.js +0 -3494
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/interfaces/Calendar.d.ts +0 -24
- package/dist/esm/stories/Accordion.stories.d.ts +0 -7
- package/dist/esm/stories/Button.stories.d.ts +0 -28
- package/dist/esm/stories/Calendar.stories.d.ts +0 -6
- package/dist/esm/stories/CardWrapperItem.d.ts +0 -4
- package/dist/esm/stories/InputField.stories.d.ts +0 -22
- package/dist/esm/stories/Modal.stories.d.ts +0 -8
- package/dist/esm/stories/RadioGroup.stories.d.ts +0 -23
- package/dist/esm/stories/RadioToggle.stories.d.ts +0 -13
- package/dist/esm/stories/Typography.stories.d.ts +0 -12
- package/dist/esm/svg/ClearIcon.d.ts +0 -4
- package/dist/esm/svg/index.d.ts +0 -2
- package/dist/esm/utils/CreateArray.d.ts +0 -1
- package/dist/esm/utils/GenerateArray.d.ts +0 -1
- package/dist/esm/utils/date/convertType.d.ts +0 -53
- package/dist/esm/utils/date/formatDate.d.ts +0 -1
- package/dist/esm/utils/date/getDaysInMonth.d.ts +0 -1
- package/dist/esm/utils/date/getMonthNameProper.d.ts +0 -1
- package/dist/esm/utils/date/getValideMonth.d.ts +0 -6
- package/dist/esm/utils/date/index.d.ts +0 -6
- package/dist/esm/utils/date/inverseDate.d.ts +0 -1
- package/dist/esm/utils/date/isValidateDate.d.ts +0 -3
- package/dist/esm/utils/date/normalizeDayAndMonth.d.ts +0 -2
- package/dist/esm/utils/date/range/getDaysRange.d.ts +0 -2
- package/dist/esm/utils/date/range/getMonthRange.d.ts +0 -1
- package/dist/esm/utils/date/range/getYearRange.d.ts +0 -1
- package/dist/esm/utils/date/range/isValidDateRange.d.ts +0 -3
- package/dist/esm/utils/joinClasses.d.ts +0 -1
- package/dist/esm/utils/string/SetCharAt.d.ts +0 -1
- package/dist/esm/utils/string/toPascalCase.d.ts +0 -1
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const Calendar: {
|
|
3
|
-
Body: ({ changeDate, handleMouseDown, handleMouseUp, selectedCalenderDate, selectedPeriodInterval, setDistanceTraveled, setInitialY, }: import("./Body").IBodyProps) => import("react").JSX.Element;
|
|
4
|
-
Footer: ({ selectedCalenderDate, setSelectedPeriod, setIsModalOpen, setSelectedRadioOption, }: import("./Footer").IFooterProps) => import("react").JSX.Element;
|
|
5
|
-
Main: ({ setSelectedPeriod, selectedPeriod, setIsModalOpen, setSelectedRadioOption, }: import("./Main").IMainProps) => import("react").JSX.Element;
|
|
6
|
-
Header: ({ setSelectedPeriodInterval, selectedPeriodInterval, selectedCalenderDate, }: import("./Header").IHeaderProps) => import("react").JSX.Element;
|
|
7
|
-
};
|
|
8
|
-
export { Calendar };
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import React, { HTMLInputTypeAttribute } from "react";
|
|
2
|
-
export type TOtpType = "OTP" | "TEXT";
|
|
3
|
-
export interface IInputFieldProps extends React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
|
|
4
|
-
onFocus?: () => void;
|
|
5
|
-
onBlur?: () => void;
|
|
6
|
-
onEnterPress?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
|
|
7
|
-
onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
8
|
-
value?: string;
|
|
9
|
-
placeholder?: string;
|
|
10
|
-
className?: string;
|
|
11
|
-
style?: React.CSSProperties;
|
|
12
|
-
isClearable?: boolean;
|
|
13
|
-
inputLeftIcon?: JSX.Element;
|
|
14
|
-
type?: HTMLInputTypeAttribute;
|
|
15
|
-
id: string;
|
|
16
|
-
labelText?: string;
|
|
17
|
-
ariaLabel: string;
|
|
18
|
-
focused?: boolean;
|
|
19
|
-
setFocused?: (val: boolean) => void;
|
|
20
|
-
readOnly?: boolean;
|
|
21
|
-
}
|
|
22
|
-
export declare const InputField: React.ForwardRefExoticComponent<Omit<IInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { Dispatch } from "react";
|
|
2
|
-
export interface IModalProps {
|
|
3
|
-
open: boolean;
|
|
4
|
-
children: JSX.Element;
|
|
5
|
-
setOpen: Dispatch<React.SetStateAction<boolean>>;
|
|
6
|
-
headerTitle?: string;
|
|
7
|
-
variant: "large" | "small";
|
|
8
|
-
}
|
|
9
|
-
export declare const Modal: ({ open, setOpen, children, headerTitle, variant, }: IModalProps) => React.JSX.Element | null;
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
export interface RadioGroupItem {
|
|
3
|
-
label: string;
|
|
4
|
-
value: string;
|
|
5
|
-
}
|
|
6
|
-
export interface ICustomRadioButtonProps {
|
|
7
|
-
label: string;
|
|
8
|
-
name: string;
|
|
9
|
-
checked: boolean;
|
|
10
|
-
onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
11
|
-
value: string;
|
|
12
|
-
}
|
|
13
|
-
export interface IRadioGroupProps {
|
|
14
|
-
RadioGroupItems: RadioGroupItem[];
|
|
15
|
-
invokeCustomOnChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
16
|
-
setSelectedOption: React.Dispatch<React.SetStateAction<string>>;
|
|
17
|
-
selectedOption: string;
|
|
18
|
-
}
|
|
19
|
-
export declare const CustomRadioButton: ({ label, name, checked, onChange, value, }: ICustomRadioButtonProps) => React.JSX.Element;
|
|
20
|
-
export declare const RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: IRadioGroupProps) => React.JSX.Element;
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import React, { Dispatch } from "react";
|
|
2
|
-
export interface ISelectBoxProps {
|
|
3
|
-
labelText?: string;
|
|
4
|
-
setIsOpen: Dispatch<React.SetStateAction<boolean>>;
|
|
5
|
-
disabled: boolean;
|
|
6
|
-
error?: boolean;
|
|
7
|
-
modalValue?: string;
|
|
8
|
-
}
|
|
9
|
-
export declare const SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: ISelectBoxProps) => JSX.Element;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React, { FC } from "react";
|
|
2
|
-
type TFontClass = "Heading1" | "Heading3" | "Subtitles3" | "Body1Medium" | "Body1Regular" | "Body2Medium" | "Body2Regular" | "Body3Regular" | "Caption1Medium" | "Caption1Regular" | "Caption1Semibold" | "Caption2Medium" | "Caption2Regular";
|
|
3
|
-
export interface ITypographyProps extends React.HTMLAttributes<HTMLElement> {
|
|
4
|
-
tag: keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>;
|
|
5
|
-
fontClass: TFontClass;
|
|
6
|
-
}
|
|
7
|
-
export declare const Typography: FC<ITypographyProps>;
|
|
8
|
-
export {};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { Button } from "./Button";
|
|
3
|
-
export declare const Components: {
|
|
4
|
-
Accordion: ({ open, setOpen, children, title, }: import("./Accordion").IAccordionProps) => import("react").JSX.Element;
|
|
5
|
-
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("./Button").IButtonProps) => import("react").JSX.Element;
|
|
6
|
-
Calendar: {
|
|
7
|
-
Body: ({ changeDate, handleMouseDown, handleMouseUp, selectedCalenderDate, selectedPeriodInterval, setDistanceTraveled, setInitialY, }: import("./Calendar/Body").IBodyProps) => import("react").JSX.Element;
|
|
8
|
-
Footer: ({ selectedCalenderDate, setSelectedPeriod, setIsModalOpen, setSelectedRadioOption, }: import("./Calendar/Footer").IFooterProps) => import("react").JSX.Element;
|
|
9
|
-
Main: ({ setSelectedPeriod, selectedPeriod, setIsModalOpen, setSelectedRadioOption, }: import("./Calendar/Main").IMainProps) => import("react").JSX.Element;
|
|
10
|
-
Header: ({ setSelectedPeriodInterval, selectedPeriodInterval, selectedCalenderDate, }: import("./Calendar/Header").IHeaderProps) => import("react").JSX.Element;
|
|
11
|
-
};
|
|
12
|
-
CustomRadioButton: ({ label, name, checked, onChange, value, }: import("./RadioGroup").ICustomRadioButtonProps) => import("react").JSX.Element;
|
|
13
|
-
InputField: import("react").ForwardRefExoticComponent<Omit<import("./InputField").IInputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
14
|
-
Modal: ({ open, setOpen, children, headerTitle, variant, }: import("./Modal").IModalProps) => import("react").JSX.Element | null;
|
|
15
|
-
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: import("./RadioGroup").IRadioGroupProps) => import("react").JSX.Element;
|
|
16
|
-
RadioToggle: ({ lock, setLock }: import("./RadioToggle").IRadioToggleProps) => import("react").JSX.Element;
|
|
17
|
-
SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: import("./SelectBoxButton").ISelectBoxProps) => JSX.Element;
|
|
18
|
-
Typography: import("react").FC<import("./Typography").ITypographyProps>;
|
|
19
|
-
};
|
|
20
|
-
export { Button };
|
package/dist/cjs/index.d.ts
DELETED
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
declare const SystemDesign: {
|
|
3
|
-
Components: {
|
|
4
|
-
Accordion: ({ open, setOpen, children, title, }: import("./components/Accordion").IAccordionProps) => import("react").JSX.Element;
|
|
5
|
-
Button: ({ onClick, children, style, className, isRounded, disabled, variant, size, ariaLabel, }: import("./components/Button").IButtonProps) => import("react").JSX.Element;
|
|
6
|
-
Calendar: {
|
|
7
|
-
Body: ({ changeDate, handleMouseDown, handleMouseUp, selectedCalenderDate, selectedPeriodInterval, setDistanceTraveled, setInitialY, }: import("./components/Calendar/Body").IBodyProps) => import("react").JSX.Element;
|
|
8
|
-
Footer: ({ selectedCalenderDate, setSelectedPeriod, setIsModalOpen, setSelectedRadioOption, }: import("./components/Calendar/Footer").IFooterProps) => import("react").JSX.Element;
|
|
9
|
-
Main: ({ setSelectedPeriod, selectedPeriod, setIsModalOpen, setSelectedRadioOption, }: import("./components/Calendar/Main").IMainProps) => import("react").JSX.Element;
|
|
10
|
-
Header: ({ setSelectedPeriodInterval, selectedPeriodInterval, selectedCalenderDate, }: import("./components/Calendar/Header").IHeaderProps) => import("react").JSX.Element;
|
|
11
|
-
};
|
|
12
|
-
CustomRadioButton: ({ label, name, checked, onChange, value, }: import("./components/RadioGroup").ICustomRadioButtonProps) => import("react").JSX.Element;
|
|
13
|
-
InputField: import("react").ForwardRefExoticComponent<Omit<import("./components/InputField").IInputFieldProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
|
|
14
|
-
Modal: ({ open, setOpen, children, headerTitle, variant, }: import("./components/Modal").IModalProps) => import("react").JSX.Element | null;
|
|
15
|
-
RadioGroup: ({ RadioGroupItems, invokeCustomOnChange, setSelectedOption, selectedOption, }: import("./components/RadioGroup").IRadioGroupProps) => import("react").JSX.Element;
|
|
16
|
-
RadioToggle: ({ lock, setLock }: import("./components/RadioToggle").IRadioToggleProps) => import("react").JSX.Element;
|
|
17
|
-
SelectBoxButton: ({ setIsOpen, labelText, disabled, error, modalValue, }: import("./components/SelectBoxButton").ISelectBoxProps) => JSX.Element;
|
|
18
|
-
Typography: import("react").FC<import("./components/Typography").ITypographyProps>;
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export default SystemDesign;
|