@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.
Files changed (104) hide show
  1. package/dist/index.css +2 -0
  2. package/dist/index.css.map +1 -0
  3. package/dist/index.d.mts +102 -0
  4. package/dist/{esm/index.d.ts → index.d.ts} +4 -42
  5. package/dist/index.js +1 -0
  6. package/dist/index.js.map +1 -0
  7. package/dist/index.mjs +1 -0
  8. package/dist/index.mjs.map +1 -0
  9. package/package.json +10 -14
  10. package/dist/cjs/components/Accordion/index.d.ts +0 -8
  11. package/dist/cjs/components/Button/index.d.ts +0 -13
  12. package/dist/cjs/components/Calendar/Body/index.d.ts +0 -12
  13. package/dist/cjs/components/Calendar/Footer/index.d.ts +0 -9
  14. package/dist/cjs/components/Calendar/Header/index.d.ts +0 -8
  15. package/dist/cjs/components/Calendar/Main/index.d.ts +0 -9
  16. package/dist/cjs/components/Calendar/index.d.ts +0 -8
  17. package/dist/cjs/components/InputField/index.d.ts +0 -22
  18. package/dist/cjs/components/Modal/index.d.ts +0 -9
  19. package/dist/cjs/components/RadioGroup/index.d.ts +0 -20
  20. package/dist/cjs/components/RadioToggle/index.d.ts +0 -6
  21. package/dist/cjs/components/SelectBoxButton/index.d.ts +0 -9
  22. package/dist/cjs/components/Typography/index.d.ts +0 -8
  23. package/dist/cjs/components/index.d.ts +0 -20
  24. package/dist/cjs/constants/calendar/index.d.ts +0 -2
  25. package/dist/cjs/index.d.ts +0 -21
  26. package/dist/cjs/index.js +0 -3496
  27. package/dist/cjs/index.js.map +0 -1
  28. package/dist/cjs/interfaces/Calendar.d.ts +0 -24
  29. package/dist/cjs/stories/Accordion.stories.d.ts +0 -7
  30. package/dist/cjs/stories/Button.stories.d.ts +0 -28
  31. package/dist/cjs/stories/Calendar.stories.d.ts +0 -6
  32. package/dist/cjs/stories/CardWrapperItem.d.ts +0 -4
  33. package/dist/cjs/stories/InputField.stories.d.ts +0 -22
  34. package/dist/cjs/stories/Modal.stories.d.ts +0 -8
  35. package/dist/cjs/stories/RadioGroup.stories.d.ts +0 -23
  36. package/dist/cjs/stories/RadioToggle.stories.d.ts +0 -13
  37. package/dist/cjs/stories/Typography.stories.d.ts +0 -12
  38. package/dist/cjs/svg/ClearIcon.d.ts +0 -4
  39. package/dist/cjs/svg/index.d.ts +0 -2
  40. package/dist/cjs/utils/CreateArray.d.ts +0 -1
  41. package/dist/cjs/utils/GenerateArray.d.ts +0 -1
  42. package/dist/cjs/utils/date/convertType.d.ts +0 -53
  43. package/dist/cjs/utils/date/formatDate.d.ts +0 -1
  44. package/dist/cjs/utils/date/getDaysInMonth.d.ts +0 -1
  45. package/dist/cjs/utils/date/getMonthNameProper.d.ts +0 -1
  46. package/dist/cjs/utils/date/getValideMonth.d.ts +0 -6
  47. package/dist/cjs/utils/date/index.d.ts +0 -6
  48. package/dist/cjs/utils/date/inverseDate.d.ts +0 -1
  49. package/dist/cjs/utils/date/isValidateDate.d.ts +0 -3
  50. package/dist/cjs/utils/date/normalizeDayAndMonth.d.ts +0 -2
  51. package/dist/cjs/utils/date/range/getDaysRange.d.ts +0 -2
  52. package/dist/cjs/utils/date/range/getMonthRange.d.ts +0 -1
  53. package/dist/cjs/utils/date/range/getYearRange.d.ts +0 -1
  54. package/dist/cjs/utils/date/range/isValidDateRange.d.ts +0 -3
  55. package/dist/cjs/utils/joinClasses.d.ts +0 -1
  56. package/dist/cjs/utils/string/SetCharAt.d.ts +0 -1
  57. package/dist/cjs/utils/string/toPascalCase.d.ts +0 -1
  58. package/dist/esm/components/Accordion/index.d.ts +0 -8
  59. package/dist/esm/components/Button/index.d.ts +0 -13
  60. package/dist/esm/components/Calendar/Body/index.d.ts +0 -12
  61. package/dist/esm/components/Calendar/Footer/index.d.ts +0 -9
  62. package/dist/esm/components/Calendar/Header/index.d.ts +0 -8
  63. package/dist/esm/components/Calendar/Main/index.d.ts +0 -9
  64. package/dist/esm/components/Calendar/index.d.ts +0 -8
  65. package/dist/esm/components/InputField/index.d.ts +0 -22
  66. package/dist/esm/components/Modal/index.d.ts +0 -9
  67. package/dist/esm/components/RadioGroup/index.d.ts +0 -20
  68. package/dist/esm/components/RadioToggle/index.d.ts +0 -6
  69. package/dist/esm/components/SelectBoxButton/index.d.ts +0 -9
  70. package/dist/esm/components/Typography/index.d.ts +0 -8
  71. package/dist/esm/components/index.d.ts +0 -20
  72. package/dist/esm/constants/calendar/index.d.ts +0 -2
  73. package/dist/esm/index.js +0 -3494
  74. package/dist/esm/index.js.map +0 -1
  75. package/dist/esm/interfaces/Calendar.d.ts +0 -24
  76. package/dist/esm/stories/Accordion.stories.d.ts +0 -7
  77. package/dist/esm/stories/Button.stories.d.ts +0 -28
  78. package/dist/esm/stories/Calendar.stories.d.ts +0 -6
  79. package/dist/esm/stories/CardWrapperItem.d.ts +0 -4
  80. package/dist/esm/stories/InputField.stories.d.ts +0 -22
  81. package/dist/esm/stories/Modal.stories.d.ts +0 -8
  82. package/dist/esm/stories/RadioGroup.stories.d.ts +0 -23
  83. package/dist/esm/stories/RadioToggle.stories.d.ts +0 -13
  84. package/dist/esm/stories/Typography.stories.d.ts +0 -12
  85. package/dist/esm/svg/ClearIcon.d.ts +0 -4
  86. package/dist/esm/svg/index.d.ts +0 -2
  87. package/dist/esm/utils/CreateArray.d.ts +0 -1
  88. package/dist/esm/utils/GenerateArray.d.ts +0 -1
  89. package/dist/esm/utils/date/convertType.d.ts +0 -53
  90. package/dist/esm/utils/date/formatDate.d.ts +0 -1
  91. package/dist/esm/utils/date/getDaysInMonth.d.ts +0 -1
  92. package/dist/esm/utils/date/getMonthNameProper.d.ts +0 -1
  93. package/dist/esm/utils/date/getValideMonth.d.ts +0 -6
  94. package/dist/esm/utils/date/index.d.ts +0 -6
  95. package/dist/esm/utils/date/inverseDate.d.ts +0 -1
  96. package/dist/esm/utils/date/isValidateDate.d.ts +0 -3
  97. package/dist/esm/utils/date/normalizeDayAndMonth.d.ts +0 -2
  98. package/dist/esm/utils/date/range/getDaysRange.d.ts +0 -2
  99. package/dist/esm/utils/date/range/getMonthRange.d.ts +0 -1
  100. package/dist/esm/utils/date/range/getYearRange.d.ts +0 -1
  101. package/dist/esm/utils/date/range/isValidDateRange.d.ts +0 -3
  102. package/dist/esm/utils/joinClasses.d.ts +0 -1
  103. package/dist/esm/utils/string/SetCharAt.d.ts +0 -1
  104. 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,6 +0,0 @@
1
- import React, { Dispatch, SetStateAction } from "react";
2
- export interface IRadioToggleProps {
3
- lock: boolean;
4
- setLock: Dispatch<SetStateAction<boolean>>;
5
- }
6
- export declare const RadioToggle: ({ lock, setLock }: IRadioToggleProps) => 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 };
@@ -1,2 +0,0 @@
1
- import { IPeriodKeys } from "~interfaces/Calendar";
2
- export declare const PERIOD_KEYS: IPeriodKeys;
@@ -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;