@livechat/design-system-react-components 1.0.0-y.0 → 1.0.0

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 (132) hide show
  1. package/dist/dsrc.cjs.js +12 -9
  2. package/dist/dsrc.es.js +3859 -3543
  3. package/dist/preview-stats.json +3856 -0
  4. package/dist/style.css +1 -1
  5. package/package.json +25 -21
  6. package/dist/dsrc.umd.js +0 -15
  7. package/dist/shadow/shadow.css +0 -7
  8. package/dist/shadow/shadow.css.map +0 -1
  9. package/dist/shadow/spacing.css +0 -18
  10. package/dist/shadow/spacing.css.map +0 -1
  11. package/dist/spacing/shadow.css +0 -7
  12. package/dist/spacing/shadow.css.map +0 -1
  13. package/dist/spacing/spacing.css +0 -18
  14. package/dist/spacing/spacing.css.map +0 -1
  15. package/dist/src/components/Alert/Alert.d.ts +0 -9
  16. package/dist/src/components/Alert/index.d.ts +0 -1
  17. package/dist/src/components/Avatar/Avatar.d.ts +0 -19
  18. package/dist/src/components/Avatar/Avatar.helpers.d.ts +0 -2
  19. package/dist/src/components/Avatar/index.d.ts +0 -1
  20. package/dist/src/components/Badge/Badge.d.ts +0 -9
  21. package/dist/src/components/Badge/Badge.helpers.d.ts +0 -1
  22. package/dist/src/components/Badge/index.d.ts +0 -1
  23. package/dist/src/components/Button/Button.d.ts +0 -14
  24. package/dist/src/components/Button/index.d.ts +0 -2
  25. package/dist/src/components/Card/Card.d.ts +0 -12
  26. package/dist/src/components/Card/index.d.ts +0 -2
  27. package/dist/src/components/Checkbox/Checkbox.d.ts +0 -7
  28. package/dist/src/components/Checkbox/index.d.ts +0 -1
  29. package/dist/src/components/DatePicker/DatePicker.d.ts +0 -4
  30. package/dist/src/components/DatePicker/DatePickerNavbar.d.ts +0 -4
  31. package/dist/src/components/DatePicker/RangeDatePicker.d.ts +0 -16
  32. package/dist/src/components/DatePicker/helpers.d.ts +0 -39
  33. package/dist/src/components/DatePicker/hooks.d.ts +0 -6
  34. package/dist/src/components/DatePicker/index.d.ts +0 -2
  35. package/dist/src/components/DatePicker/types.d.ts +0 -100
  36. package/dist/src/components/FieldDescription/FieldDescription.d.ts +0 -3
  37. package/dist/src/components/FieldDescription/index.d.ts +0 -1
  38. package/dist/src/components/FieldError/FieldError.d.ts +0 -3
  39. package/dist/src/components/FieldError/index.d.ts +0 -1
  40. package/dist/src/components/FieldGroup/FieldGroup.d.ts +0 -8
  41. package/dist/src/components/FieldGroup/index.d.ts +0 -1
  42. package/dist/src/components/FileUploadProgress/FileUploadProgress.d.ts +0 -15
  43. package/dist/src/components/FileUploadProgress/FileUploadProgressActions.d.ts +0 -9
  44. package/dist/src/components/FileUploadProgress/index.d.ts +0 -2
  45. package/dist/src/components/Form/Form.d.ts +0 -7
  46. package/dist/src/components/Form/index.d.ts +0 -2
  47. package/dist/src/components/FormField/FormField.d.ts +0 -13
  48. package/dist/src/components/FormField/index.d.ts +0 -1
  49. package/dist/src/components/FormGroup/FormGroup.d.ts +0 -7
  50. package/dist/src/components/FormGroup/index.d.ts +0 -1
  51. package/dist/src/components/Icon/Icon.d.ts +0 -14
  52. package/dist/src/components/Icon/index.d.ts +0 -1
  53. package/dist/src/components/Input/Input.d.ts +0 -14
  54. package/dist/src/components/Input/index.d.ts +0 -1
  55. package/dist/src/components/Link/Link.d.ts +0 -14
  56. package/dist/src/components/Link/index.d.ts +0 -1
  57. package/dist/src/components/Loader/Loader.d.ts +0 -10
  58. package/dist/src/components/Loader/index.d.ts +0 -1
  59. package/dist/src/components/Modal/Modal.d.ts +0 -9
  60. package/dist/src/components/Modal/ModalBase.d.ts +0 -7
  61. package/dist/src/components/Modal/ModalCloseButton.d.ts +0 -6
  62. package/dist/src/components/Modal/ModalPortal.d.ts +0 -7
  63. package/dist/src/components/Modal/index.d.ts +0 -8
  64. package/dist/src/components/NumericInput/NumericInput.d.ts +0 -14
  65. package/dist/src/components/NumericInput/index.d.ts +0 -1
  66. package/dist/src/components/Picker/Picker.d.ts +0 -23
  67. package/dist/src/components/Picker/PickerList.d.ts +0 -23
  68. package/dist/src/components/Picker/Trigger.d.ts +0 -15
  69. package/dist/src/components/Picker/TriggerBody.d.ts +0 -16
  70. package/dist/src/components/Picker/constants.d.ts +0 -21
  71. package/dist/src/components/Picker/index.d.ts +0 -2
  72. package/dist/src/components/Popover/Popover.d.ts +0 -12
  73. package/dist/src/components/Popover/index.d.ts +0 -1
  74. package/dist/src/components/Progress/ProgressBar.d.ts +0 -9
  75. package/dist/src/components/Progress/ProgressCircle.d.ts +0 -9
  76. package/dist/src/components/Progress/constants.d.ts +0 -4
  77. package/dist/src/components/Progress/helpers.d.ts +0 -3
  78. package/dist/src/components/Progress/index.d.ts +0 -2
  79. package/dist/src/components/PromoBanner/PromoBanner.d.ts +0 -13
  80. package/dist/src/components/PromoBanner/index.d.ts +0 -1
  81. package/dist/src/components/RadioButton/RadioButton.d.ts +0 -7
  82. package/dist/src/components/RadioButton/index.d.ts +0 -1
  83. package/dist/src/components/Search/Search.d.ts +0 -12
  84. package/dist/src/components/Search/index.d.ts +0 -1
  85. package/dist/src/components/SegmentedControl/SegmentedControl.d.ts +0 -18
  86. package/dist/src/components/SegmentedControl/index.d.ts +0 -2
  87. package/dist/src/components/Switch/Switch.d.ts +0 -17
  88. package/dist/src/components/Switch/index.d.ts +0 -1
  89. package/dist/src/components/Tab/Tab.d.ts +0 -15
  90. package/dist/src/components/Tab/TabsWrapper.d.ts +0 -3
  91. package/dist/src/components/Tab/index.d.ts +0 -2
  92. package/dist/src/components/Tag/Tag.d.ts +0 -14
  93. package/dist/src/components/Tag/index.d.ts +0 -1
  94. package/dist/src/components/TagInput/EditableTag.d.ts +0 -11
  95. package/dist/src/components/TagInput/EditableTagContent.d.ts +0 -11
  96. package/dist/src/components/TagInput/EmailTagInput.d.ts +0 -5
  97. package/dist/src/components/TagInput/TagInput.d.ts +0 -13
  98. package/dist/src/components/TagInput/index.d.ts +0 -4
  99. package/dist/src/components/Textarea/Textarea.d.ts +0 -6
  100. package/dist/src/components/Textarea/index.d.ts +0 -1
  101. package/dist/src/components/Toast/Toast.d.ts +0 -16
  102. package/dist/src/components/Toast/ToastWrapper.d.ts +0 -20
  103. package/dist/src/components/Toast/index.d.ts +0 -2
  104. package/dist/src/components/Tooltip/Info.d.ts +0 -8
  105. package/dist/src/components/Tooltip/Interactive.d.ts +0 -14
  106. package/dist/src/components/Tooltip/Simple.d.ts +0 -4
  107. package/dist/src/components/Tooltip/SpotlightOverlay.d.ts +0 -7
  108. package/dist/src/components/Tooltip/Tooltip.d.ts +0 -22
  109. package/dist/src/components/Tooltip/UserGuide.d.ts +0 -12
  110. package/dist/src/components/Tooltip/helpers.d.ts +0 -2
  111. package/dist/src/components/Tooltip/index.d.ts +0 -5
  112. package/dist/src/components/Tooltip/virtualElementReference.d.ts +0 -9
  113. package/dist/src/components/Typography/Heading.d.ts +0 -11
  114. package/dist/src/components/Typography/Text.d.ts +0 -15
  115. package/dist/src/components/Typography/index.d.ts +0 -2
  116. package/dist/src/components/UploadBar/UploadBar.d.ts +0 -16
  117. package/dist/src/components/UploadBar/index.d.ts +0 -1
  118. package/dist/src/foundations/shadow-token.d.ts +0 -5
  119. package/dist/src/foundations/spacing-token.d.ts +0 -16
  120. package/dist/src/index.d.ts +0 -41
  121. package/dist/src/themes/design-token.d.ts +0 -226
  122. package/dist/src/utils/constants.d.ts +0 -1
  123. package/dist/src/utils/index.d.ts +0 -1
  124. package/dist/src/utils/keyCodes.d.ts +0 -12
  125. package/dist/src/utils/noop.d.ts +0 -1
  126. package/dist/src/vite-env.d.ts +0 -1
  127. package/dist/themes/dark.css +0 -236
  128. package/dist/themes/dark.css.map +0 -1
  129. package/dist/themes/legacy.css +0 -237
  130. package/dist/themes/legacy.css.map +0 -1
  131. package/dist/themes/light.css +0 -236
  132. package/dist/themes/light.css.map +0 -1
@@ -1,39 +0,0 @@
1
- import { Modifiers } from 'react-day-picker';
2
- import { IRangeDatePickerProps, IRangeDatePickerState, IRangeDatePickerOption } from './types';
3
- import { ClassNames } from 'react-day-picker/types/ClassNames';
4
- export declare const isDateWithinRange: (date: Date, range: {
5
- from?: Date;
6
- to?: Date;
7
- }) => boolean;
8
- export declare const calculateDatePickerMonth: (initialFromDate?: Date | undefined, initialToDate?: Date | undefined, toMonth?: Date | undefined) => Date;
9
- export declare const getRangeDatePickerModifiers: (from?: Date | undefined, to?: Date | undefined) => Partial<Modifiers>;
10
- export declare const getSelectedOption: (itemId: string | null, options: IRangeDatePickerOption[]) => IRangeDatePickerOption | undefined;
11
- export declare const isSelectingFirstDay: (from?: Date | undefined, to?: Date | undefined) => boolean;
12
- export declare const getInitialStateFromProps: (props: IRangeDatePickerProps) => Partial<IRangeDatePickerState>;
13
- export declare const getDatePickerClassNames: (range?: boolean | undefined, classNames?: ClassNames | undefined) => {
14
- container: string;
15
- wrapper: string;
16
- interactionDisabled: string;
17
- navBar: string;
18
- navButtonPrev: string;
19
- navButtonNext: string;
20
- navButtonInteractionDisabled: string;
21
- months: string;
22
- month: string;
23
- caption: string;
24
- weekdays: string;
25
- weekdaysRow: string;
26
- weekday: string;
27
- weekNumber: string;
28
- body: string;
29
- week: string;
30
- day: string;
31
- footer: string;
32
- todayButton: string;
33
- today: string;
34
- selected: string;
35
- disabled: string;
36
- outside: string;
37
- start: string;
38
- end: string;
39
- };
@@ -1,6 +0,0 @@
1
- import { Dispatch, ReducerAction, ReducerState } from 'react';
2
- import { IRangeDatePickerProps, RangeDatePickerReducer } from './types';
3
- export declare const useRangeDatePickerState: (props: IRangeDatePickerProps) => [
4
- ReducerState<RangeDatePickerReducer>,
5
- Dispatch<ReducerAction<RangeDatePickerReducer>>
6
- ];
@@ -1,2 +0,0 @@
1
- export { DatePicker } from './DatePicker';
2
- export { RangeDatePicker } from './RangeDatePicker';
@@ -1,100 +0,0 @@
1
- import { Reducer } from 'react';
2
- import ReactDayPicker, { DayPickerProps } from 'react-day-picker';
3
- import { ClassNames } from 'react-day-picker/types/ClassNames';
4
- export interface IDatePickerProps extends Omit<DayPickerProps, 'todayButton' | 'showWeekNumbers'> {
5
- innerRef?: React.Ref<ReactDayPicker>;
6
- range?: boolean;
7
- }
8
- export interface IDatePickerNavbarProps {
9
- showPreviousButton?: boolean;
10
- showNextButton?: boolean;
11
- month: Date;
12
- fromMonth?: Date;
13
- toMonth?: Date;
14
- numberOfMonths?: number;
15
- className?: string;
16
- classNames: ClassNames;
17
- onPreviousClick?: () => void;
18
- onNextClick?: () => void;
19
- onMonthChange: (newMonth: Date) => void;
20
- }
21
- export declare enum RangeDatePickerAction {
22
- NEW_SELECTED_ITEM = "NEW_SELECTED_ITEM",
23
- NEW_TEMPORARY_TO_VALUE = "NEW_TEMPORARY_TO_VALUE",
24
- CLEAR = "CLEAR",
25
- SET_FROM = "SET_FROM",
26
- SET_TO = "SET_TO",
27
- SELECT_FIRST_DAY = "SELECT_FIRST_DAY",
28
- SELECT_SECOND_DAY_AS_FROM = "SELECT_SECOND_DAY_AS_FROM",
29
- SELECT_SECOND_DAY_AS_TO = "SELECT_SECOND_DAY_AS_TO",
30
- CURRENT_MONTH_CHANGE = "CURRENT_MONTH_CHANGE"
31
- }
32
- export declare type IRangeDatePickerReducerAction = {
33
- type: RangeDatePickerAction.NEW_SELECTED_ITEM;
34
- payload: {
35
- selectedItem: string | null;
36
- };
37
- } | {
38
- type: RangeDatePickerAction.NEW_TEMPORARY_TO_VALUE | RangeDatePickerAction.SELECT_FIRST_DAY | RangeDatePickerAction.SELECT_SECOND_DAY_AS_FROM | RangeDatePickerAction.SELECT_SECOND_DAY_AS_TO | RangeDatePickerAction.CURRENT_MONTH_CHANGE;
39
- payload: {
40
- date: Date;
41
- };
42
- } | {
43
- type: RangeDatePickerAction.SET_FROM | RangeDatePickerAction.SET_TO;
44
- payload: {
45
- date?: Date;
46
- };
47
- };
48
- export interface IRangeDatePickerState {
49
- selectedItem: string | null;
50
- from?: Date;
51
- to?: Date;
52
- temporaryTo?: Date;
53
- currentMonth: Date;
54
- }
55
- export declare type RangeDatePickerReducer = Reducer<IRangeDatePickerState, IRangeDatePickerReducerAction>;
56
- export interface IRangeDatePickerOption {
57
- id: string;
58
- label: string;
59
- isManual?: boolean;
60
- value: {
61
- from?: Date;
62
- to?: Date;
63
- } | null;
64
- }
65
- interface IRangeDatePickerChildrenPayloadDatePicker {
66
- modifiers?: DayPickerProps['modifiers'];
67
- initialMonth?: Date;
68
- month: Date;
69
- range?: boolean;
70
- numberOfMonths: number;
71
- fromMonth?: Date;
72
- toMonth?: Date;
73
- selectedDays?: DayPickerProps['selectedDays'];
74
- disabledDays?: DayPickerProps['disabledDays'];
75
- onDayMouseEnter: DayPickerProps['onDayMouseEnter'];
76
- onDayClick(day: Date): void;
77
- onMonthChange(month: Date): void;
78
- }
79
- export interface IRangeDatePickerChildrenPayload {
80
- select: {
81
- selected: string | number;
82
- onItemSelect(itemKey: string | number): void;
83
- };
84
- inputs: {
85
- fromDate?: Date;
86
- toDate?: Date;
87
- };
88
- datepicker: IRangeDatePickerChildrenPayloadDatePicker;
89
- selectedOption?: IRangeDatePickerOption;
90
- }
91
- export interface IRangeDatePickerProps {
92
- options: IRangeDatePickerOption[];
93
- initialSelectedItemKey?: string;
94
- initialFromDate?: Date;
95
- initialToDate?: Date;
96
- toMonth?: Date;
97
- onChange: (selected: IRangeDatePickerOption | null) => void;
98
- children(payload: IRangeDatePickerChildrenPayload): React.ReactElement;
99
- }
100
- export {};
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare type FieldDescriptionProps = React.HTMLAttributes<HTMLSpanElement>;
3
- export declare const FieldDescription: React.FC<FieldDescriptionProps>;
@@ -1 +0,0 @@
1
- export { FieldDescription } from './FieldDescription';
@@ -1,3 +0,0 @@
1
- import * as React from 'react';
2
- export declare type FieldErrorProps = React.HTMLAttributes<HTMLSpanElement>;
3
- export declare const FieldError: React.FC<FieldErrorProps>;
@@ -1 +0,0 @@
1
- export { FieldError } from './FieldError';
@@ -1,8 +0,0 @@
1
- import * as React from 'react';
2
- export interface FieldGroupProps extends React.HTMLAttributes<HTMLDivElement> {
3
- description?: React.ReactNode;
4
- error?: string;
5
- inline?: boolean;
6
- stretch?: boolean;
7
- }
8
- export declare const FieldGroup: React.FC<FieldGroupProps>;
@@ -1 +0,0 @@
1
- export { FieldGroup } from './FieldGroup';
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressSize, ProgressStatus } from '../Progress/constants';
3
- export declare type UploadProgressActionState = 'visible' | 'hover' | 'hidden';
4
- export interface FileUploadProgressProps {
5
- actionsVisibility?: UploadProgressActionState;
6
- className?: string;
7
- icon?: React.ReactNode;
8
- title: string;
9
- progressValue: number;
10
- size?: ProgressSize;
11
- status?: ProgressStatus;
12
- onCloseButtonClick?: () => void;
13
- onRetryButtonClick?: () => void;
14
- }
15
- export declare const FileUploadProgress: React.ExoticComponent<FileUploadProgressProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressStatus } from '../Progress/constants';
3
- interface FileUploadProgressActionsProps {
4
- status: ProgressStatus;
5
- onCloseButtonClick?: () => void;
6
- onRetryButtonClick?: () => void;
7
- }
8
- export declare const FileUploadProgressActions: React.FC<FileUploadProgressActionsProps>;
9
- export {};
@@ -1,2 +0,0 @@
1
- export * from './FileUploadProgress';
2
- export * from './FileUploadProgressActions';
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface FormProps extends React.HTMLAttributes<HTMLFormElement> {
3
- labelText?: string;
4
- helperText?: string;
5
- formFooter?: React.ReactNode;
6
- }
7
- export declare const Form: React.FC<FormProps>;
@@ -1,2 +0,0 @@
1
- export { Form } from './Form';
2
- export type { FormProps } from './Form';
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- export interface FormFieldProps {
3
- labelText?: string;
4
- labelAdornment?: React.ReactNode;
5
- labelFor?: string;
6
- className?: string;
7
- inline?: boolean;
8
- error?: string;
9
- description?: React.ReactNode;
10
- children?: React.ReactNode;
11
- labelRightNode?: React.ReactNode;
12
- }
13
- export declare const FormField: React.FC<FormFieldProps>;
@@ -1 +0,0 @@
1
- export * from './FormField';
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface FormGroupProps extends React.HTMLAttributes<HTMLDivElement> {
3
- className?: string;
4
- labelText?: string;
5
- helperText?: string;
6
- }
7
- export declare const FormGroup: React.FC<FormGroupProps>;
@@ -1 +0,0 @@
1
- export * from './FormGroup';
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- export declare type IconSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
3
- export declare type IconKind = 'primary' | 'subtle' | 'inverted' | 'inverted-subtle' | 'link' | 'success' | 'warning' | 'error';
4
- export declare type IconSource = React.FC<React.SVGProps<SVGSVGElement>> & React.ReactElement;
5
- export interface IconProps {
6
- source: IconSource;
7
- size?: IconSize;
8
- kind?: IconKind;
9
- disabled?: boolean;
10
- className?: string;
11
- customColor?: string;
12
- }
13
- export declare const Icon: React.FC<IconProps>;
14
- export default Icon;
@@ -1 +0,0 @@
1
- export * from './Icon';
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- import { Size } from 'utils/constants';
3
- interface InputIcon {
4
- source: React.ReactElement;
5
- place: 'left' | 'right';
6
- }
7
- export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
8
- inputSize?: Size;
9
- error?: boolean;
10
- disabled?: boolean;
11
- icon?: InputIcon;
12
- }
13
- export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
14
- export {};
@@ -1 +0,0 @@
1
- export * from './Input';
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- export interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
3
- bold: boolean;
4
- }
5
- /**
6
- * Simple component which renders an `<a>` element.
7
- *
8
- * Place the `<Link>` inside a `<Text>` component or pass a custom className to set the typography styles.
9
- *
10
- * Use `<Button kind="link">` to act as a `<button>` - <a target="_self" href="/story/components-button--kinds">see the story</a>.
11
- *
12
- * Use `<Button href="">` to display as a `<Button>` - <a target="_self" href="/story/components-button--link">see the story</a>.
13
- */
14
- export declare const Link: React.FC<LinkProps>;
@@ -1 +0,0 @@
1
- export { Link } from './Link';
@@ -1,10 +0,0 @@
1
- import * as React from 'react';
2
- export interface LoaderProps extends React.HTMLAttributes<HTMLDivElement> {
3
- size?: 'small' | 'medium' | 'large';
4
- label?: string;
5
- /** Fragment circle color */
6
- primaryColor?: string;
7
- /** Main circle color */
8
- secondaryColor?: string;
9
- }
10
- export declare const Loader: React.FC<LoaderProps>;
@@ -1 +0,0 @@
1
- export { Loader } from './Loader';
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ModalBaseProps } from './ModalBase';
3
- export interface ModalProps extends ModalBaseProps {
4
- heading?: React.ReactNode;
5
- labelHeading?: React.ReactNode;
6
- fullSpaceContent?: boolean;
7
- footer?: React.ReactNode;
8
- }
9
- export declare const Modal: React.FC<ModalProps>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface ModalBaseProps extends React.HTMLAttributes<HTMLDivElement> {
3
- onClose(): void;
4
- closeOnEscPress?: boolean;
5
- closeOnOverlayPress?: boolean;
6
- }
7
- export declare const ModalBase: React.FC<ModalBaseProps>;
@@ -1,6 +0,0 @@
1
- import * as React from 'react';
2
- export interface ModalCloseButtonProps extends React.HTMLAttributes<HTMLButtonElement> {
3
- labelType?: boolean;
4
- customColor?: string;
5
- }
6
- export declare const ModalCloseButton: React.FC<ModalCloseButtonProps>;
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface ModalPortalProps extends React.HTMLAttributes<HTMLDivElement> {
3
- children: React.ReactNode;
4
- zIndex: number;
5
- parentElementName?: string;
6
- }
7
- export declare const ModalPortal: React.FC<ModalPortalProps>;
@@ -1,8 +0,0 @@
1
- export { Modal } from './Modal';
2
- export { ModalBase } from './ModalBase';
3
- export { ModalCloseButton } from './ModalCloseButton';
4
- export { ModalPortal } from './ModalPortal';
5
- export type { ModalProps } from './Modal';
6
- export type { ModalBaseProps } from './ModalBase';
7
- export type { ModalCloseButtonProps } from './ModalCloseButton';
8
- export type { ModalPortalProps } from './ModalPortal';
@@ -1,14 +0,0 @@
1
- import * as React from 'react';
2
- interface Props {
3
- className?: string;
4
- error?: string;
5
- value: string;
6
- max?: number;
7
- min?: number;
8
- disabled?: boolean;
9
- noControls?: boolean;
10
- onChange: (value: string) => void;
11
- }
12
- export declare type NumericInputProps = React.InputHTMLAttributes<HTMLInputElement> & Props;
13
- export declare const NumericInput: React.FC<NumericInputProps>;
14
- export {};
@@ -1 +0,0 @@
1
- export { NumericInput } from './NumericInput';
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- import { IPickerListItem } from './PickerList';
3
- import { IconSize } from '../Icon';
4
- import { Size } from 'utils';
5
- export declare type PickerType = 'single' | 'multi';
6
- export interface IPickerProps {
7
- className?: string;
8
- disabled?: boolean;
9
- label?: string;
10
- error?: string;
11
- options: IPickerListItem[];
12
- selected?: IPickerListItem[] | null;
13
- size?: Size;
14
- tagIconSize?: IconSize;
15
- placeholder?: string;
16
- isRequired?: boolean;
17
- noSearchResultText?: string;
18
- selectAllOptionText?: string;
19
- type?: PickerType;
20
- searchDisabled?: boolean;
21
- onSelect: (selectedItems: IPickerListItem[] | null) => void;
22
- }
23
- export declare const Picker: React.FC<IPickerProps>;
@@ -1,23 +0,0 @@
1
- import * as React from 'react';
2
- export interface IPickerListItem {
3
- key: string;
4
- name: string;
5
- customElement?: {
6
- listItemBody: React.ReactElement;
7
- selectedItemBody: React.ReactElement;
8
- };
9
- groupHeader?: boolean;
10
- disabled?: boolean;
11
- }
12
- export interface IPickerListProps {
13
- isOpen: boolean;
14
- items: IPickerListItem[];
15
- selectedItemsKeys: string[] | null;
16
- emptyStateText?: string;
17
- selectAllOptionText?: string;
18
- isMultiSelect?: boolean;
19
- onClose: () => void;
20
- onSelect: (item: IPickerListItem) => void;
21
- onSelectAll: () => void;
22
- }
23
- export declare const PickerList: React.FC<IPickerListProps>;
@@ -1,15 +0,0 @@
1
- import * as React from 'react';
2
- import { Size } from 'utils';
3
- export interface ITriggerProps {
4
- isSearchDisabled: boolean;
5
- isDisabled?: boolean;
6
- isError?: boolean;
7
- isItemSelected: boolean;
8
- isOpen: boolean;
9
- isRequired?: boolean;
10
- isMultiSelect?: boolean;
11
- size?: Size;
12
- onTrigger: (e: React.MouseEvent | KeyboardEvent) => void;
13
- onClear: () => void;
14
- }
15
- export declare const Trigger: React.FC<ITriggerProps>;
@@ -1,16 +0,0 @@
1
- import * as React from 'react';
2
- import { IPickerListItem } from './PickerList';
3
- import { PickerType } from './Picker';
4
- import { IconSize } from 'index';
5
- export interface ITriggerBodyProps {
6
- isOpen: boolean;
7
- isSearchDisabled?: boolean;
8
- isDisabled?: boolean;
9
- placeholder: string;
10
- items?: IPickerListItem[] | null;
11
- type: PickerType;
12
- iconSize?: IconSize;
13
- onItemRemove: (item: IPickerListItem) => void;
14
- onFilter: (text: string) => void;
15
- }
16
- export declare const TriggerBody: React.FC<ITriggerBodyProps>;
@@ -1,21 +0,0 @@
1
- export declare const defaultOptions: {
2
- key: string;
3
- name: string;
4
- }[];
5
- export declare const defaultExtendedOptions: ({
6
- key: string;
7
- name: string;
8
- groupHeader: boolean;
9
- disabled?: undefined;
10
- } | {
11
- key: string;
12
- name: string;
13
- groupHeader?: undefined;
14
- disabled?: undefined;
15
- } | {
16
- key: string;
17
- name: string;
18
- disabled: boolean;
19
- groupHeader?: undefined;
20
- })[];
21
- export declare const SELECT_ALL_OPTION_KEY = "select-all";
@@ -1,2 +0,0 @@
1
- export * from './Picker';
2
- export * from './PickerList';
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- import { Placement, flip } from '@floating-ui/react-dom';
3
- export interface IPopoverProps {
4
- children?: React.ReactNode;
5
- className?: string;
6
- placement?: Placement;
7
- isVisible?: boolean;
8
- flipOptions?: Parameters<typeof flip>[0];
9
- triggerRenderer: () => React.ReactNode;
10
- onClose?: () => void;
11
- }
12
- export declare const Popover: React.FC<IPopoverProps>;
@@ -1 +0,0 @@
1
- export * from './Popover';
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressSize, ProgressStatus } from './constants';
3
- export interface ProgressBarProps {
4
- className?: string;
5
- percent: number;
6
- status?: ProgressStatus;
7
- size?: ProgressSize;
8
- }
9
- export declare const ProgressBar: React.ExoticComponent<ProgressBarProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,9 +0,0 @@
1
- import * as React from 'react';
2
- import { ProgressSize, ProgressStatus } from './constants';
3
- export interface ProgressCircleProps {
4
- className?: string;
5
- progressValue: number;
6
- status?: ProgressStatus;
7
- size?: ProgressSize;
8
- }
9
- export declare const ProgressCircle: React.ExoticComponent<ProgressCircleProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,4 +0,0 @@
1
- export declare type ProgressStatus = 'normal' | 'error' | 'success';
2
- export declare type ProgressSize = 'small' | 'medium' | 'large';
3
- export declare const PROGRESS_STATUSES: ProgressStatus[];
4
- export declare const PROGRESS_SIZES: ProgressSize[];
@@ -1,3 +0,0 @@
1
- import { ProgressStatus } from './constants';
2
- export declare function getPercentNumber(status: ProgressStatus, percent?: number): number;
3
- export declare function getProgressStatus(status: ProgressStatus, percent: number): ProgressStatus;
@@ -1,2 +0,0 @@
1
- export { ProgressCircle } from './ProgressCircle';
2
- export { ProgressBar } from './ProgressBar';
@@ -1,13 +0,0 @@
1
- import * as React from 'react';
2
- export interface PromoBannerProps {
3
- className?: string;
4
- buttonText?: string;
5
- header: string;
6
- img?: string;
7
- light?: boolean;
8
- linkText?: string;
9
- onButtonClick?: () => void;
10
- onClose?: () => void;
11
- onLinkClick?: () => void;
12
- }
13
- export declare const PromoBanner: React.FC<PromoBannerProps>;
@@ -1 +0,0 @@
1
- export { PromoBanner } from './PromoBanner';
@@ -1,7 +0,0 @@
1
- import * as React from 'react';
2
- export interface RadioButtonProps extends React.HTMLAttributes<HTMLInputElement> {
3
- description?: string;
4
- checked?: boolean;
5
- disabled?: boolean;
6
- }
7
- export declare const RadioButton: React.ForwardRefExoticComponent<RadioButtonProps & React.RefAttributes<HTMLInputElement>>;
@@ -1 +0,0 @@
1
- export { RadioButton } from './RadioButton';
@@ -1,12 +0,0 @@
1
- import * as React from 'react';
2
- export interface ISearchInputProps {
3
- isCollapsable?: boolean;
4
- isDisabled?: boolean;
5
- isLoading?: boolean;
6
- placeholder?: string;
7
- size?: 'compact' | 'medium' | 'large';
8
- value: string;
9
- className?: string;
10
- onChange: (value: string) => void;
11
- }
12
- export declare const SearchInput: React.FC<ISearchInputProps>;
@@ -1 +0,0 @@
1
- export { SearchInput } from './Search';
@@ -1,18 +0,0 @@
1
- import * as React from 'react';
2
- import { ButtonProps } from '../Button';
3
- export declare type ButtonSize = 'compact' | 'medium' | 'large';
4
- declare type ButtonElement = {
5
- id: string;
6
- label: string;
7
- } & Pick<ButtonProps, 'disabled' | 'loading' | 'icon'>;
8
- export interface SegmentedControlProps extends React.HTMLAttributes<HTMLDivElement> {
9
- className?: string;
10
- buttons: ButtonElement[];
11
- fullWidth?: boolean;
12
- size?: ButtonSize;
13
- initialId?: string;
14
- currentId?: string;
15
- onButtonClick?: (id: string, event: React.MouseEvent<HTMLElement>) => void;
16
- }
17
- export declare const SegmentedControl: React.FC<SegmentedControlProps>;
18
- export {};
@@ -1,2 +0,0 @@
1
- export { SegmentedControl } from './SegmentedControl';
2
- export type { SegmentedControlProps } from './SegmentedControl';