@innovaccer/design-system 2.6.0 → 2.7.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.
- package/.eslintrc.json +10 -9
- package/.github/workflows/chromatic.yml +5 -0
- package/.github/workflows/pull_request.yml +1 -1
- package/.storybook/main.js +4 -0
- package/.vscode/settings.json +11 -0
- package/CHANGELOG.md +36 -0
- package/CONTRIBUTING.md +7 -1
- package/core/accessibility/utils/useAccessibilityProps.ts +4 -2
- package/core/common.type.tsx +22 -0
- package/core/components/atoms/_chip/__tests__/__snapshots__/_chip.test.tsx.snap +9 -9
- package/core/components/atoms/_chip/index.tsx +17 -3
- package/core/components/atoms/avatar/Avatar.tsx +4 -14
- package/core/components/atoms/avatar/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/avatar/__tests__/Avatar.test.tsx +14 -9
- package/core/components/atoms/avatarGroup/AvatarGroup.tsx +3 -5
- package/core/components/atoms/badge/Badge.tsx +2 -12
- package/core/components/atoms/badge/__tests__/Badge.test.tsx +22 -7
- package/core/components/atoms/badge/_stories_/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/badge/_stories_/variants/Subtle.story.tsx +3 -2
- package/core/components/atoms/button/Button.tsx +10 -7
- package/core/components/atoms/button/__stories__/index.story.tsx +1 -1
- package/core/components/atoms/button/__stories__/variants/Appearance.story.tsx +2 -2
- package/core/components/atoms/button/__stories__/variants/Expanded.story.tsx +2 -2
- package/core/components/atoms/button/__stories__/variants/icon/IconLeft.story.tsx +2 -2
- package/core/components/atoms/button/__stories__/variants/icon/IconRight.story.tsx +2 -2
- package/core/components/atoms/button/__tests__/Button.test.tsx +1 -1
- package/core/components/atoms/button/__tests__/__snapshots__/Button.test.tsx.snap +0 -137
- package/core/components/atoms/card/__stories__/empty.story.tsx +1 -1
- package/core/components/atoms/card/__stories__/nested.story.tsx +1 -1
- package/core/components/atoms/card/__stories__/scroll.story.tsx +1 -1
- package/core/components/atoms/checkbox/Checkbox.tsx +8 -9
- package/core/components/atoms/checkbox/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/chip/Chip.tsx +3 -2
- package/core/components/atoms/chip/__stories__/variants/Selection.story.tsx +17 -0
- package/core/components/atoms/chip/__stories__/variants/Type.story.tsx +2 -2
- package/core/components/atoms/chip/__tests__/Chip.test.tsx +7 -0
- package/core/components/atoms/chipGroup/__tests__/__snapshots__/chipGroup.test.tsx.snap +5 -5
- package/core/components/atoms/chipGroup/__tests__/chipGroup.test.tsx +2 -2
- package/core/components/atoms/chipGroup/_stories_/index.story.tsx +2 -2
- package/core/components/atoms/dropdown/Dropdown.tsx +18 -17
- package/core/components/atoms/dropdown/DropdownButton.tsx +2 -2
- package/core/components/atoms/dropdown/DropdownList.tsx +10 -5
- package/core/components/atoms/dropdown/Loading.tsx +1 -1
- package/core/components/atoms/dropdown/__stories__/CustomSearchPlaceholder.story.tsx +45 -0
- package/core/components/atoms/dropdown/__stories__/_common_/types.tsx +3 -0
- package/core/components/atoms/dropdown/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/dropdown/__stories__/variants/controlledDropdown/MultiSelect.story.tsx +1 -1
- package/core/components/atoms/dropdown/__tests__/Dropdown.test.tsx +12 -1
- package/core/components/atoms/dropdown/__tests__/Loading.test.tsx +0 -1
- package/core/components/atoms/dropdown/option/index.tsx +1 -1
- package/core/components/atoms/heading/Heading.tsx +4 -4
- package/core/components/atoms/heading/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/heading/__tests__/Heading.test.tsx +4 -3
- package/core/components/atoms/icon/Icon.tsx +3 -3
- package/core/components/atoms/input/Input.tsx +3 -3
- package/core/components/atoms/input/__stories__/InputWithCaption.story.tsx +62 -0
- package/core/components/atoms/input/__stories__/LabelPosition.story.tsx +38 -0
- package/core/components/atoms/input/__stories__/variants/controlledInput.story.tsx +46 -0
- package/core/components/atoms/input/__stories__/variants/types/BasicInput.story.tsx +2 -2
- package/core/components/atoms/input/__stories__/variants/types/IconLeft.story.tsx +2 -10
- package/core/components/atoms/input/__stories__/variants/types/WithLabel.story.tsx +1 -9
- package/core/components/atoms/label/Label.tsx +1 -1
- package/core/components/atoms/legend/Legend.tsx +2 -2
- package/core/components/atoms/legend/__stories__/variants/labelAppearance.story.tsx +2 -2
- package/core/components/atoms/link/Link.tsx +4 -4
- package/core/components/atoms/message/Message.tsx +12 -12
- package/core/components/atoms/message/__stories__/index.story.tsx +1 -1
- package/core/components/atoms/message/__stories__/variants/Appearance.story.tsx +1 -1
- package/core/components/atoms/message/__stories__/variants/AppearanceTitle.story.tsx +1 -1
- package/core/components/atoms/message/__tests__/Message.test.tsx +1 -6
- package/core/components/atoms/message/__tests__/__snapshots__/Message.test.tsx.snap +0 -45
- package/core/components/atoms/metaList/__tests__/MetaList.test.tsx +2 -2
- package/core/components/atoms/metricInput/MetricInput.tsx +5 -5
- package/core/components/atoms/multiSlider/SliderUtils.tsx +1 -4
- package/core/components/atoms/multiSlider/index.tsx +3 -4
- package/core/components/atoms/outsideClick/OutsideClick.tsx +1 -2
- package/core/components/atoms/paragraph/Paragraph.tsx +2 -2
- package/core/components/atoms/paragraph/__stories__/variants/Appearance.story.tsx +2 -2
- package/core/components/atoms/paragraph/__tests__/Paragraph.test.tsx +2 -2
- package/core/components/atoms/pills/Pills.tsx +2 -12
- package/core/components/atoms/pills/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/pills/__stories__/variants/Subtle.story.tsx +3 -2
- package/core/components/atoms/pills/__tests__/Pills.test.tsx +3 -2
- package/core/components/atoms/placeholderImage/PlaceholderImage.tsx +2 -2
- package/core/components/atoms/placeholderImage/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/placeholderParagraph/PlaceholderParagraph.tsx +2 -2
- package/core/components/atoms/placeholderParagraph/__stories__/variants/Size.story.tsx +2 -2
- package/core/components/atoms/popperWrapper/PopperWrapper.tsx +2 -6
- package/core/components/atoms/progressRing/ProgressRing.tsx +2 -2
- package/core/components/atoms/progressRing/__stories__/variants/Size.story.tsx +1 -1
- package/core/components/atoms/radio/Radio.tsx +4 -5
- package/core/components/atoms/rangeSlider/RangeSlider.tsx +1 -2
- package/core/components/atoms/rangeSlider/__stories__/index.story.tsx +1 -2
- package/core/components/atoms/rangeSlider/__stories__/variants/Controlled.story.tsx +1 -2
- package/core/components/atoms/rangeSlider/__stories__/variants/CustomLabels.story.tsx +1 -2
- package/core/components/atoms/spinner/Spinner.tsx +4 -4
- package/core/components/atoms/spinner/__stories__/variants/Appearance.story.tsx +2 -2
- package/core/components/atoms/spinner/__stories__/variants/Size.story.tsx +1 -1
- package/core/components/atoms/statusHint/StatusHint.tsx +2 -3
- package/core/components/atoms/statusHint/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/statusHint/__tests__/StatusHint.test.tsx +3 -2
- package/core/components/atoms/subheading/Subheading.tsx +2 -2
- package/core/components/atoms/subheading/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/subheading/__tests__/Subheading.test.tsx +3 -2
- package/core/components/atoms/switchInput/Switch.tsx +7 -8
- package/core/components/atoms/text/Text.tsx +4 -4
- package/core/components/atoms/text/__stories__/variants/Appearance.story.tsx +2 -2
- package/core/components/atoms/text/__tests__/Text.test.tsx +2 -3
- package/core/components/atoms/toast/ActionButton.tsx +2 -2
- package/core/components/atoms/toast/Toast.tsx +11 -6
- package/core/components/atoms/toast/__stories__/index.story.tsx +2 -6
- package/core/components/atoms/toast/__stories__/variants/Appearance.story.tsx +3 -2
- package/core/components/atoms/toast/__stories__/variants/ToastMessage.story.tsx +3 -2
- package/core/components/atoms/toast/__stories__/variants/ToastWithAction.story.tsx +3 -2
- package/core/components/atoms/toast/__tests__/Toast.test.tsx +1 -1
- package/core/components/atoms/toast/__tests__/__snapshots__/Toast.test.tsx.snap +0 -131
- package/core/components/css-utilities/Schema.tsx +1 -1
- package/core/components/css-utilities/Spacing/Schema.tsx +1 -1
- package/core/components/molecules/chipInput/__tests__/__snapshots__/ChipInput.test.tsx.snap +2 -2
- package/core/components/molecules/dropzone/Dropzone.tsx +3 -3
- package/core/components/molecules/dropzone/DropzoneBase.tsx +22 -38
- package/core/components/molecules/dropzone/__stories__/index.story.tsx +151 -41
- package/core/components/molecules/dropzone/__tests__/Dropzone.test.tsx +2 -2
- package/core/components/molecules/dropzone/utils.tsx +6 -4
- package/core/components/molecules/editableChipInput/__tests__/__snapshots__/EditableChipInput.test.tsx.snap +4 -4
- package/core/components/molecules/emptyState/EmptyState.tsx +4 -4
- package/core/components/molecules/emptyState/__stories__/pageNotLoadedWithSVG.story.tsx +26 -26
- package/core/components/molecules/fileList/FileListItem.tsx +1 -2
- package/core/components/molecules/fileUploader/FileUploaderItem.tsx +1 -2
- package/core/components/molecules/fileUploader/FileUploaderStatus.tsx +1 -1
- package/core/components/molecules/fileUploader/__stories__/_common_/types.tsx +3 -0
- package/core/components/molecules/fileUploader/__stories__/index.story.tsx +3 -222
- package/core/components/molecules/fullscreenModal/FullscreenModal.tsx +5 -7
- package/core/components/molecules/inputMask/InputMask.tsx +212 -146
- package/core/components/molecules/inputMask/__stories__/index.story.tsx +24 -0
- package/core/components/molecules/modal/Modal.tsx +4 -6
- package/core/components/molecules/modal/__stories__/Confirmation.story.tsx +1 -1
- package/core/components/molecules/placeholder/Placeholder.tsx +2 -2
- package/core/components/molecules/popover/Popover.tsx +2 -9
- package/core/components/molecules/sidesheet/Sidesheet.tsx +5 -7
- package/core/components/molecules/sidesheet/__stories__/variants/CustomHeader.story.tsx +172 -0
- package/core/components/molecules/tooltip/Tooltip.tsx +4 -4
- package/core/components/organisms/calendar/__stories__/variants/firstDayOfWeek.story.tsx +2 -2
- package/core/components/organisms/calendar/utility.ts +3 -3
- package/core/components/organisms/choiceList/ChoiceList.tsx +11 -11
- package/core/components/organisms/datePicker/DatePicker.tsx +1 -1
- package/core/components/organisms/datePicker/Trigger.tsx +1 -5
- package/core/components/organisms/dateRangePicker/DateRangePicker.tsx +9 -10
- package/core/components/organisms/dateRangePicker/SingleInputTrigger.tsx +0 -1
- package/core/components/organisms/dateRangePicker/Trigger.tsx +2 -2
- package/core/components/organisms/dateRangePicker/__stories__/variants/monthsInView.story.tsx +2 -2
- package/core/components/organisms/dateRangePicker/__tests__/__snapshots__/DateRangePicker.test.tsx.snap +16 -16
- package/core/components/organisms/grid/Cell.tsx +19 -19
- package/core/components/organisms/grid/Grid.tsx +3 -4
- package/core/components/organisms/grid/GridBody.tsx +0 -1
- package/core/components/organisms/grid/GridContext.ts +1 -1
- package/core/components/organisms/grid/__stories__/_common_/editableSchema.tsx +1 -3
- package/core/components/organisms/grid/__stories__/_common_/fetchData.ts +1 -1
- package/core/components/organisms/grid/__stories__/_common_/loaderSchema.ts +0 -2
- package/core/components/organisms/grid/__stories__/_common_/schema.tsx +1 -3
- package/core/components/organisms/grid/__stories__/_common_/simpleLoaderSchema.ts +0 -2
- package/core/components/organisms/grid/__stories__/_common_/statusSchema.ts +0 -2
- package/core/components/organisms/inlineMessage/InlineMessage.tsx +2 -2
- package/core/components/organisms/inlineMessage/__tests__/InlineMessage.test.tsx +3 -2
- package/core/components/organisms/list/__stories__/_common_/types.tsx +3 -0
- package/core/components/organisms/list/__stories__/index.story.tsx +0 -16
- package/core/components/organisms/table/Table.tsx +2 -2
- package/core/components/organisms/table/__stories__/CompressedTable.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/DataTable.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/NestedTableWithNestedCard.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/PinnedColumn.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/ResourceTable.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/StandardTable.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/TableAsDescriptionList.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/TableAsOptionList.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/TightStory.story.tsx +1 -1
- package/core/components/organisms/table/__stories__/_common_/types.tsx +3 -0
- package/core/components/organisms/table/__stories__/variants/showHead.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/showMenu.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/size.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/type.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/withCheckbox.story.tsx +2 -2
- package/core/components/organisms/table/__stories__/variants/withPagination.story.tsx +2 -2
- package/core/components/organisms/timePicker/TimePicker.tsx +3 -7
- package/core/components/organisms/verticalNav/__stories__/schema.tsx +0 -2
- package/core/components/organisms/verticalNav/__tests__/VerticalNav.test.tsx +1 -2
- package/core/global.d.ts +9 -0
- package/core/index.tsx +1 -1
- package/core/utils/__tests__/__snapshots__/TS.test.tsx.snap +18 -5
- package/core/utils/docPage/generateImports.tsx +2 -3
- package/core/utils/docPage/index.tsx +30 -20
- package/core/utils/docPage/sandbox.tsx +14 -7
- package/core/utils/overlayHelper.ts +7 -3
- package/core/utils/testHelper.ts +1 -1
- package/core/utils/types.tsx +1 -1
- package/css/dist/index.css +48 -30
- package/css/dist/index.css.map +1 -1
- package/css/src/components/button.css +5 -5
- package/css/src/components/calendar.css +1 -1
- package/css/src/components/chip.css +6 -4
- package/css/src/components/fullscreenModal.css +4 -3
- package/css/src/components/message.css +0 -5
- package/css/src/components/switch.css +23 -2
- package/css/src/components/toast.css +0 -5
- package/css/src/variables/index.css +5 -2
- package/dist/core/accessibility/utils/useAccessibilityProps.d.ts +4 -1
- package/dist/core/common.type.d.ts +12 -0
- package/dist/core/components/atoms/avatar/Avatar.d.ts +4 -4
- package/dist/core/components/atoms/avatarGroup/AvatarGroup.d.ts +2 -3
- package/dist/core/components/atoms/badge/Badge.d.ts +2 -2
- package/dist/core/components/atoms/button/Button.d.ts +6 -6
- package/dist/core/components/atoms/checkbox/Checkbox.d.ts +3 -3
- package/dist/core/components/atoms/chip/Chip.d.ts +2 -2
- package/dist/core/components/atoms/dropdown/Dropdown.d.ts +18 -17
- package/dist/core/components/atoms/dropdown/DropdownButton.d.ts +2 -2
- package/dist/core/components/atoms/dropdown/DropdownList.d.ts +4 -3
- package/dist/core/components/atoms/dropdown/option/index.d.ts +1 -1
- package/dist/core/components/atoms/heading/Heading.d.ts +4 -4
- package/dist/core/components/atoms/icon/Icon.d.ts +2 -2
- package/dist/core/components/atoms/input/Input.d.ts +3 -3
- package/dist/core/components/atoms/legend/Legend.d.ts +2 -2
- package/dist/core/components/atoms/link/Link.d.ts +4 -4
- package/dist/core/components/atoms/message/Message.d.ts +2 -2
- package/dist/core/components/atoms/metricInput/MetricInput.d.ts +3 -3
- package/dist/core/components/atoms/multiSlider/SliderUtils.d.ts +1 -1
- package/dist/core/components/atoms/multiSlider/index.d.ts +3 -3
- package/dist/core/components/atoms/paragraph/Paragraph.d.ts +2 -2
- package/dist/core/components/atoms/pills/Pills.d.ts +2 -2
- package/dist/core/components/atoms/placeholderImage/PlaceholderImage.d.ts +2 -2
- package/dist/core/components/atoms/placeholderParagraph/PlaceholderParagraph.d.ts +2 -2
- package/dist/core/components/atoms/popperWrapper/PopperWrapper.d.ts +1 -2
- package/dist/core/components/atoms/progressRing/ProgressRing.d.ts +2 -2
- package/dist/core/components/atoms/radio/Radio.d.ts +4 -4
- package/dist/core/components/atoms/rangeSlider/RangeSlider.d.ts +1 -1
- package/dist/core/components/atoms/spinner/Spinner.d.ts +4 -4
- package/dist/core/components/atoms/statusHint/StatusHint.d.ts +2 -2
- package/dist/core/components/atoms/subheading/Subheading.d.ts +2 -2
- package/dist/core/components/atoms/switchInput/Switch.d.ts +6 -6
- package/dist/core/components/atoms/text/Text.d.ts +4 -4
- package/dist/core/components/atoms/toast/ActionButton.d.ts +2 -2
- package/dist/core/components/atoms/toast/Toast.d.ts +2 -2
- package/dist/core/components/molecules/dropzone/Dropzone.d.ts +3 -3
- package/dist/core/components/molecules/dropzone/DropzoneBase.d.ts +1 -1
- package/dist/core/components/molecules/dropzone/utils.d.ts +5 -3
- package/dist/core/components/molecules/emptyState/EmptyState.d.ts +4 -4
- package/dist/core/components/molecules/fileList/FileListItem.d.ts +1 -1
- package/dist/core/components/molecules/fileUploader/FileUploaderItem.d.ts +1 -1
- package/dist/core/components/molecules/fileUploader/FileUploaderStatus.d.ts +1 -1
- package/dist/core/components/molecules/fullscreenModal/FullscreenModal.d.ts +4 -7
- package/dist/core/components/molecules/inputMask/InputMask.d.ts +10 -2
- package/dist/core/components/molecules/modal/Modal.d.ts +3 -6
- package/dist/core/components/molecules/placeholder/Placeholder.d.ts +2 -2
- package/dist/core/components/molecules/popover/Popover.d.ts +0 -1
- package/dist/core/components/molecules/sidesheet/Sidesheet.d.ts +3 -6
- package/dist/core/components/molecules/tooltip/Tooltip.d.ts +3 -3
- package/dist/core/components/organisms/choiceList/ChoiceList.d.ts +5 -6
- package/dist/core/components/organisms/dateRangePicker/DateRangePicker.d.ts +24 -0
- package/dist/core/components/organisms/grid/Cell.d.ts +1 -1
- package/dist/core/components/organisms/grid/Grid.d.ts +3 -3
- package/dist/core/components/organisms/grid/GridContext.d.ts +1 -1
- package/dist/core/components/organisms/inlineMessage/InlineMessage.d.ts +2 -2
- package/dist/core/components/organisms/table/Table.d.ts +2 -2
- package/dist/core/components/patterns/dateRangePicker/withCustomPopover.story.d.ts +5 -1
- package/dist/core/utils/docPage/generateImports.d.ts +1 -1
- package/dist/core/utils/overlayHelper.d.ts +1 -1
- package/dist/core/utils/types.d.ts +1 -1
- package/dist/index.esm.js +221 -245
- package/dist/index.js +225 -233
- package/dist/index.js.map +1 -1
- package/dist/index.umd.js +1 -1
- package/dist/index.umd.js.br +0 -0
- package/dist/index.umd.js.gz +0 -0
- package/dts.config.js +11 -2
- package/package.json +20 -18
- package/tsconfig.json +3 -16
- package/tsconfig.type.json +2 -1
- package/types/index.d.ts +2217 -0
- package/types/{innovaccer-design-system/tsconfig.json → tsconfig.json} +1 -1
- package/types/{innovaccer-design-system/tslint.json → tslint.json} +0 -0
- package/types/types-tests.tsx +936 -0
- package/core/components/atoms/button/__stories__/variants/state/Success.story.tsx +0 -89
- package/core/components/atoms/message/__stories__/default.story.tsx +0 -16
- package/core/components/atoms/toast/__stories__/DefaultToast.story.tsx +0 -16
- package/core/components/molecules/dropzone/__stories__/variants/DropzoneWithFileList.story.tsx +0 -176
- package/core/components/molecules/fileUploader/__stories__/variants/FileUploaderList.story.tsx +0 -80
- package/types/innovaccer-design-system/index.d.ts +0 -39
- package/types/innovaccer-design-system/innovaccer-design-system-tests.ts +0 -0
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
|
-
export declare type
|
|
2
|
+
export declare type PlaceholderImageSize = 'small' | 'medium' | 'large';
|
|
3
3
|
export interface PlaceholderImageProps extends BaseProps {
|
|
4
4
|
round?: boolean;
|
|
5
|
-
size:
|
|
5
|
+
size: PlaceholderImageSize;
|
|
6
6
|
}
|
|
7
7
|
export declare const PlaceholderImage: {
|
|
8
8
|
(props: PlaceholderImageProps): JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
2
|
export declare type Length = 'small' | 'medium' | 'large';
|
|
3
|
-
export declare type
|
|
3
|
+
export declare type PlaceholderParagraphSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';
|
|
4
4
|
export interface PlaceholderParagraphProps extends BaseProps {
|
|
5
5
|
length: Length;
|
|
6
|
-
size?:
|
|
6
|
+
size?: PlaceholderParagraphSize;
|
|
7
7
|
}
|
|
8
8
|
export declare const PlaceholderParagraph: {
|
|
9
9
|
(props: PlaceholderParagraphProps): JSX.Element;
|
|
@@ -55,8 +55,7 @@ export declare class PopperWrapper extends React.Component<PopperWrapperProps, P
|
|
|
55
55
|
handleMouseEnter(): void;
|
|
56
56
|
handleMouseLeave(): void;
|
|
57
57
|
togglePopper: (type: string, newValue?: boolean | undefined) => void;
|
|
58
|
-
|
|
59
|
-
doesEventContainsElement: (event: Event, ref: React.RefObject<any>) => boolean | null;
|
|
58
|
+
doesEventContainsElement: (event: Event, ref: React.RefObject<any>) => any;
|
|
60
59
|
getZIndexForLayer(node: Element | null): number | undefined;
|
|
61
60
|
getUpdatedStyle: (oldStyle: React.CSSProperties, placement: PositionType, offset: Offset) => {
|
|
62
61
|
accentColor?: "white" | (string & {}) | "-moz-initial" | "inherit" | "initial" | "revert" | "unset" | "aliceblue" | "antiquewhite" | "aqua" | "aquamarine" | "azure" | "beige" | "bisque" | "black" | "blanchedalmond" | "blue" | "blueviolet" | "brown" | "burlywood" | "cadetblue" | "chartreuse" | "chocolate" | "coral" | "cornflowerblue" | "cornsilk" | "crimson" | "cyan" | "darkblue" | "darkcyan" | "darkgoldenrod" | "darkgray" | "darkgreen" | "darkgrey" | "darkkhaki" | "darkmagenta" | "darkolivegreen" | "darkorange" | "darkorchid" | "darkred" | "darksalmon" | "darkseagreen" | "darkslateblue" | "darkslategray" | "darkslategrey" | "darkturquoise" | "darkviolet" | "deeppink" | "deepskyblue" | "dimgray" | "dimgrey" | "dodgerblue" | "firebrick" | "floralwhite" | "forestgreen" | "fuchsia" | "gainsboro" | "ghostwhite" | "gold" | "goldenrod" | "gray" | "green" | "greenyellow" | "grey" | "honeydew" | "hotpink" | "indianred" | "indigo" | "ivory" | "khaki" | "lavender" | "lavenderblush" | "lawngreen" | "lemonchiffon" | "lightblue" | "lightcoral" | "lightcyan" | "lightgoldenrodyellow" | "lightgray" | "lightgreen" | "lightgrey" | "lightpink" | "lightsalmon" | "lightseagreen" | "lightskyblue" | "lightslategray" | "lightslategrey" | "lightsteelblue" | "lightyellow" | "lime" | "limegreen" | "linen" | "magenta" | "maroon" | "mediumaquamarine" | "mediumblue" | "mediumorchid" | "mediumpurple" | "mediumseagreen" | "mediumslateblue" | "mediumspringgreen" | "mediumturquoise" | "mediumvioletred" | "midnightblue" | "mintcream" | "mistyrose" | "moccasin" | "navajowhite" | "navy" | "oldlace" | "olive" | "olivedrab" | "orange" | "orangered" | "orchid" | "palegoldenrod" | "palegreen" | "paleturquoise" | "palevioletred" | "papayawhip" | "peachpuff" | "peru" | "pink" | "plum" | "powderblue" | "purple" | "rebeccapurple" | "red" | "rosybrown" | "royalblue" | "saddlebrown" | "salmon" | "sandybrown" | "seagreen" | "seashell" | "sienna" | "silver" | "skyblue" | "slateblue" | "slategray" | "slategrey" | "snow" | "springgreen" | "steelblue" | "tan" | "teal" | "thistle" | "tomato" | "transparent" | "turquoise" | "violet" | "wheat" | "whitesmoke" | "yellow" | "yellowgreen" | "ActiveBorder" | "ActiveCaption" | "AppWorkspace" | "Background" | "ButtonFace" | "ButtonHighlight" | "ButtonShadow" | "ButtonText" | "CaptionText" | "GrayText" | "Highlight" | "HighlightText" | "InactiveBorder" | "InactiveCaption" | "InactiveCaptionText" | "InfoBackground" | "InfoText" | "Menu" | "MenuText" | "Scrollbar" | "ThreeDDarkShadow" | "ThreeDFace" | "ThreeDHighlight" | "ThreeDLightShadow" | "ThreeDShadow" | "Window" | "WindowFrame" | "WindowText" | "currentcolor" | "auto" | undefined;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
|
-
export declare type
|
|
2
|
+
export declare type ProgressRingSize = 'small' | 'regular';
|
|
3
3
|
export interface ProgressRingProps extends BaseProps {
|
|
4
|
-
size:
|
|
4
|
+
size: ProgressRingSize;
|
|
5
5
|
value: number;
|
|
6
6
|
max: number;
|
|
7
7
|
}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps, OmitNativeProps } from "../../../utils/types";
|
|
3
|
-
|
|
4
|
-
declare type
|
|
3
|
+
import { ChangeEvent } from "../../../common.type";
|
|
4
|
+
export declare type RadioSize = 'regular' | 'tiny';
|
|
5
5
|
export interface RadioProps extends BaseProps, OmitNativeProps<HTMLInputElement, 'onChange'> {
|
|
6
|
-
size?:
|
|
6
|
+
size?: RadioSize;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
label?: string;
|
|
9
9
|
helpText?: string;
|
|
@@ -11,7 +11,7 @@ export interface RadioProps extends BaseProps, OmitNativeProps<HTMLInputElement,
|
|
|
11
11
|
value: string;
|
|
12
12
|
defaultChecked?: boolean;
|
|
13
13
|
checked?: boolean;
|
|
14
|
-
onChange?: (event:
|
|
14
|
+
onChange?: (event: ChangeEvent) => void;
|
|
15
15
|
}
|
|
16
16
|
export declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
|
|
17
17
|
export default Radio;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { MultiSliderProps } from "../multiSlider";
|
|
2
|
-
|
|
2
|
+
import { NumberRange } from "../../../common.type";
|
|
3
3
|
export interface RangeSliderProps extends MultiSliderProps {
|
|
4
4
|
defaultValue: NumberRange;
|
|
5
5
|
value?: NumberRange;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
|
-
export declare type
|
|
3
|
-
export declare type
|
|
2
|
+
export declare type SpinnerAppearance = 'primary' | 'secondary' | 'white';
|
|
3
|
+
export declare type SpinnerSize = 'small' | 'medium' | 'large';
|
|
4
4
|
export interface SpinnerProps extends BaseProps {
|
|
5
|
-
appearance:
|
|
6
|
-
size:
|
|
5
|
+
appearance: SpinnerAppearance;
|
|
6
|
+
size: SpinnerSize;
|
|
7
7
|
}
|
|
8
8
|
export declare const Spinner: {
|
|
9
9
|
(props: SpinnerProps): JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
|
|
3
|
+
import { MessageAppearance } from "../../../common.type";
|
|
4
4
|
export interface StatusHintProps extends BaseProps {
|
|
5
5
|
children: React.ReactText;
|
|
6
|
-
appearance:
|
|
6
|
+
appearance: MessageAppearance;
|
|
7
7
|
onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
8
8
|
onMouseEnter?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
9
|
onMouseLeave?: (e: React.MouseEvent<HTMLDivElement>) => void;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseHtmlProps, BaseProps } from "../../../utils/types";
|
|
3
|
-
|
|
3
|
+
import { HeadingAppearance } from "../../../common.type";
|
|
4
4
|
export interface SubheadingProps extends BaseProps, BaseHtmlProps<HTMLHeadingElement> {
|
|
5
5
|
children: React.ReactText;
|
|
6
|
-
appearance:
|
|
6
|
+
appearance: HeadingAppearance;
|
|
7
7
|
}
|
|
8
8
|
export declare const Subheading: {
|
|
9
9
|
(props: SubheadingProps): JSX.Element;
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { OmitNativeProps, BaseProps } from "../../../utils/types";
|
|
3
|
-
|
|
4
|
-
export declare type
|
|
5
|
-
declare type
|
|
3
|
+
import { ChangeEvent } from "../../../common.type";
|
|
4
|
+
export declare type SwitchSize = 'regular' | 'tiny' | 'large';
|
|
5
|
+
export declare type SwitchAppearance = 'primary' | 'alert' | 'success' | 'warning';
|
|
6
6
|
declare type KeyboardEvent = React.KeyboardEvent<HTMLInputElement>;
|
|
7
7
|
export interface SwitchProps extends BaseProps, OmitNativeProps<HTMLInputElement, 'onChange'> {
|
|
8
|
-
size?:
|
|
9
|
-
appearance?:
|
|
8
|
+
size?: SwitchSize;
|
|
9
|
+
appearance?: SwitchAppearance;
|
|
10
10
|
defaultChecked?: boolean;
|
|
11
11
|
checked?: boolean;
|
|
12
12
|
disabled?: boolean;
|
|
13
13
|
name?: string;
|
|
14
14
|
value?: string;
|
|
15
|
-
onChange?: (event:
|
|
15
|
+
onChange?: (event: ChangeEvent | KeyboardEvent, selected: boolean) => void;
|
|
16
16
|
}
|
|
17
17
|
export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLInputElement>>;
|
|
18
18
|
export default Switch;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseHtmlProps, BaseProps } from "../../../utils/types";
|
|
3
|
-
export declare type
|
|
4
|
-
export declare type
|
|
3
|
+
export declare type TextSize = 'small' | 'regular' | 'large';
|
|
4
|
+
export declare type TextAppearance = 'default' | 'white' | 'destructive' | 'subtle' | 'disabled' | 'success' | 'link';
|
|
5
5
|
export interface TextProps extends BaseProps, BaseHtmlProps<HTMLSpanElement> {
|
|
6
6
|
children: React.ReactText;
|
|
7
7
|
weight?: 'strong' | 'medium';
|
|
8
8
|
small?: boolean;
|
|
9
|
-
appearance:
|
|
10
|
-
size:
|
|
9
|
+
appearance: TextAppearance;
|
|
10
|
+
size: TextSize;
|
|
11
11
|
}
|
|
12
12
|
export declare const Text: {
|
|
13
13
|
(props: TextProps): JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { MessageAppearance } from "../../../common.type";
|
|
3
3
|
export interface Props {
|
|
4
|
-
appearance:
|
|
4
|
+
appearance: MessageAppearance;
|
|
5
5
|
label: string;
|
|
6
6
|
onClick?: (e: React.MouseEvent) => void;
|
|
7
7
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
|
|
3
|
+
import { MessageAppearance } from "../../../common.type";
|
|
4
4
|
export declare type Action = {
|
|
5
5
|
label: string;
|
|
6
6
|
onClick: (e: React.MouseEvent) => void;
|
|
7
7
|
};
|
|
8
8
|
export interface ToastProps extends BaseProps {
|
|
9
9
|
title: string;
|
|
10
|
-
appearance:
|
|
10
|
+
appearance: MessageAppearance;
|
|
11
11
|
message?: string;
|
|
12
12
|
actions?: Action[];
|
|
13
13
|
onClose?: () => void;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import * as React from 'react';
|
|
2
2
|
import { DropzoneBaseProps } from "./DropzoneBase";
|
|
3
3
|
import { BaseProps } from "../../../utils/types";
|
|
4
|
-
export declare type
|
|
4
|
+
export declare type DropZoneType = 'standard' | 'compressed' | 'tight';
|
|
5
5
|
export interface DropzoneProps extends BaseProps, DropzoneBaseProps {
|
|
6
6
|
formatLabel?: string;
|
|
7
|
-
type:
|
|
7
|
+
type: DropZoneType;
|
|
8
8
|
sizeLabel?: string;
|
|
9
9
|
sampleFileLink?: React.ReactNode;
|
|
10
10
|
}
|
|
@@ -23,7 +23,7 @@ export interface DropzoneBaseProps extends BaseProps {
|
|
|
23
23
|
onDragOver?: (event: DragEvent) => void;
|
|
24
24
|
onDrop?: (event: DragEvent | Event, acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
|
|
25
25
|
onDropAccepted?: (event: DragEvent | Event, files: File[]) => void;
|
|
26
|
-
onDropRejected?: (event: DragEvent | Event, rejectedFiles: FileRejection[]) =>
|
|
26
|
+
onDropRejected?: (event: DragEvent | Event, rejectedFiles: FileRejection[]) => void;
|
|
27
27
|
validator?: (file: File) => FileError | FileError[];
|
|
28
28
|
}
|
|
29
29
|
export declare const DropzoneBase: {
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
export declare const accepts: (file: File, acceptedFiles?: string | string[] | undefined) => boolean;
|
|
2
2
|
export declare const isPropagationStopped: (event: any) => any;
|
|
3
3
|
export declare const isEvtWithFiles: (event: any) => boolean;
|
|
4
|
-
export declare const isKindFile: (item:
|
|
5
|
-
export declare const onDocumentDragOver: (event:
|
|
4
|
+
export declare const isKindFile: (item: null | Record<string, unknown>) => boolean;
|
|
5
|
+
export declare const onDocumentDragOver: (event: DragEvent) => void;
|
|
6
6
|
export declare const isIeOrEdge: (userAgent?: string) => boolean;
|
|
7
|
-
|
|
7
|
+
declare type functype = (event: Event, ...args: unknown[]) => void;
|
|
8
|
+
export declare const composeEventHandlers: (...fns: functype[]) => (event: Event, ...args: unknown[]) => boolean;
|
|
8
9
|
export declare const reducer: (state: any, action: any) => any;
|
|
10
|
+
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { HeadingProps, TextProps } from "../../../index.type";
|
|
3
3
|
import { BaseProps } from "../../../utils/types";
|
|
4
|
-
declare type
|
|
4
|
+
declare type EmptyStateSize = 'large' | 'small';
|
|
5
5
|
export interface EmptyStateProps extends BaseProps {
|
|
6
6
|
imageSrc?: string;
|
|
7
7
|
title: string;
|
|
8
8
|
description: string;
|
|
9
|
-
size:
|
|
9
|
+
size: EmptyStateSize;
|
|
10
10
|
children?: React.ReactNode;
|
|
11
11
|
image?: React.ReactNode;
|
|
12
12
|
}
|
|
@@ -14,8 +14,8 @@ export declare const imageHeight: {
|
|
|
14
14
|
large: string;
|
|
15
15
|
small: string;
|
|
16
16
|
};
|
|
17
|
-
export declare const HeadingSize: Record<
|
|
18
|
-
export declare const textSize: Record<
|
|
17
|
+
export declare const HeadingSize: Record<EmptyStateSize, HeadingProps['size']>;
|
|
18
|
+
export declare const textSize: Record<EmptyStateSize, TextProps['size']>;
|
|
19
19
|
export declare const EmptyState: {
|
|
20
20
|
(props: EmptyStateProps): JSX.Element;
|
|
21
21
|
displayName: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
|
|
3
|
+
import { FileStatus } from "../../../common.type";
|
|
4
4
|
export interface FileObject extends BaseProps, Record<string, any> {
|
|
5
5
|
name: string;
|
|
6
6
|
size: string;
|
|
@@ -1,13 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
import { OverlayFooterProps } from "../overlayFooter";
|
|
4
3
|
import { OverlayHeaderProps } from "../overlayHeader";
|
|
5
|
-
|
|
6
|
-
declare type
|
|
7
|
-
actions: OverlayFooterProps['actions'];
|
|
8
|
-
};
|
|
4
|
+
import { FooterOptions } from "../../../common.type";
|
|
5
|
+
export declare type FullScreenDimension = 'medium' | 'large';
|
|
9
6
|
export interface FullscreenModalProps extends BaseProps {
|
|
10
|
-
dimension:
|
|
7
|
+
dimension: FullScreenDimension;
|
|
11
8
|
open: boolean;
|
|
12
9
|
onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
|
|
13
10
|
headerOptions?: OverlayHeaderProps;
|
|
@@ -29,7 +26,7 @@ declare class FullscreenModal extends React.Component<FullscreenModalProps, Moda
|
|
|
29
26
|
dimension: string;
|
|
30
27
|
};
|
|
31
28
|
constructor(props: FullscreenModalProps);
|
|
32
|
-
onOutsideClickHandler: (event:
|
|
29
|
+
onOutsideClickHandler: (event: Event) => void;
|
|
33
30
|
onCloseHandler: (event: KeyboardEvent) => void;
|
|
34
31
|
componentDidMount(): void;
|
|
35
32
|
componentWillUnmount(): void;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps, Validators, Mask } from "../../../utils/types";
|
|
3
3
|
import { InputProps } from "../../../index.type";
|
|
4
|
+
import { getDefaultValue } from "./utilites";
|
|
4
5
|
export interface MaskProps extends BaseProps {
|
|
5
6
|
mask: Mask;
|
|
6
7
|
placeholderChar?: string;
|
|
@@ -12,5 +13,12 @@ export interface MaskProps extends BaseProps {
|
|
|
12
13
|
clearOnEmptyBlur?: boolean;
|
|
13
14
|
}
|
|
14
15
|
export declare type InputMaskProps = InputProps & MaskProps;
|
|
15
|
-
|
|
16
|
-
|
|
16
|
+
declare type InputMaskType = React.ForwardRefExoticComponent<InputProps & MaskProps & React.RefAttributes<HTMLInputElement>> & {
|
|
17
|
+
utils: {
|
|
18
|
+
getDefaultValue: typeof getDefaultValue;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
declare const X: InputMaskType;
|
|
22
|
+
export { X as InputMask };
|
|
23
|
+
declare const _default: InputMaskType;
|
|
24
|
+
export default _default;
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
import { OverlayFooterProps } from "../overlayFooter";
|
|
4
3
|
import { OverlayHeaderProps } from "../overlayHeader";
|
|
5
|
-
|
|
6
|
-
declare type
|
|
7
|
-
actions: OverlayFooterProps['actions'];
|
|
8
|
-
};
|
|
4
|
+
import { FooterOptions } from "../../../common.type";
|
|
5
|
+
export declare type ModalDimension = 'small' | 'medium' | 'large';
|
|
9
6
|
export interface ModalProps extends BaseProps {
|
|
10
7
|
backdropClose?: boolean | ((event?: Event, reason?: string) => void);
|
|
11
|
-
dimension:
|
|
8
|
+
dimension: ModalDimension;
|
|
12
9
|
open: boolean;
|
|
13
10
|
onClose?: (event?: Event | React.MouseEvent<HTMLElement, MouseEvent>, reason?: string) => void;
|
|
14
11
|
headerOptions?: OverlayHeaderProps;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
import {
|
|
3
|
+
import { PlaceholderImageSize } from "../../atoms/placeholderImage";
|
|
4
4
|
import { PlaceholderParagraphProps } from "../../atoms/placeholderParagraph";
|
|
5
5
|
export interface PlaceholderProps extends BaseProps {
|
|
6
6
|
withImage: boolean;
|
|
7
7
|
round?: boolean;
|
|
8
|
-
imageSize:
|
|
8
|
+
imageSize: PlaceholderImageSize;
|
|
9
9
|
children?: React.ReactElement<PlaceholderParagraphProps> | React.ReactElement<PlaceholderParagraphProps>[];
|
|
10
10
|
}
|
|
11
11
|
export declare const Placeholder: {
|
|
@@ -1,15 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { OverlayFooterProps } from "../overlayFooter";
|
|
3
2
|
import { OverlayHeaderProps } from "../overlayHeader";
|
|
4
3
|
import { BaseProps } from "../../../utils/types";
|
|
5
|
-
|
|
6
|
-
declare type
|
|
7
|
-
actions: OverlayFooterProps['actions'];
|
|
8
|
-
};
|
|
4
|
+
import { FooterOptions } from "../../../common.type";
|
|
5
|
+
export declare type SidesheetDimension = 'regular' | 'large';
|
|
9
6
|
export interface SidesheetProps extends BaseProps {
|
|
10
7
|
headerOptions: Omit<OverlayHeaderProps, 'onClose'>;
|
|
11
8
|
header?: React.ReactNode;
|
|
12
|
-
dimension:
|
|
9
|
+
dimension: SidesheetDimension;
|
|
13
10
|
open: boolean;
|
|
14
11
|
stickFooter?: boolean;
|
|
15
12
|
seperator?: boolean;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { PopoverProps } from "../../../index.type";
|
|
2
2
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
declare const
|
|
4
|
-
declare type
|
|
5
|
-
export interface TooltipProps extends Omit<PopoverProps,
|
|
3
|
+
declare const tooltipPropsList: readonly ["trigger", "on", "open", "offset", "onToggle", "dark", "customStyle", "closeOnBackdropClick", "hideOnReferenceEscape", "closeOnScroll"];
|
|
4
|
+
declare type TooltipPopperProps = typeof tooltipPropsList[number];
|
|
5
|
+
export interface TooltipProps extends Omit<PopoverProps, TooltipPopperProps>, BaseProps {
|
|
6
6
|
tooltip: string;
|
|
7
7
|
children: PopoverProps['trigger'];
|
|
8
8
|
}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
1
|
import { BaseProps } from "../../../utils/types";
|
|
3
|
-
|
|
4
|
-
export declare type
|
|
5
|
-
declare type
|
|
2
|
+
import { ChangeEvent } from "../../../common.type";
|
|
3
|
+
export declare type ChoiceListAlignment = 'horizontal' | 'vertical';
|
|
4
|
+
export declare type ChoiceListSize = 'regular' | 'tiny';
|
|
6
5
|
export interface Choice {
|
|
7
6
|
value: string;
|
|
8
7
|
label?: string;
|
|
@@ -13,8 +12,8 @@ export interface Choice {
|
|
|
13
12
|
export interface ChoiceListProps extends BaseProps {
|
|
14
13
|
title?: string;
|
|
15
14
|
choices: Choice[];
|
|
16
|
-
alignment?:
|
|
17
|
-
size?:
|
|
15
|
+
alignment?: ChoiceListAlignment;
|
|
16
|
+
size?: ChoiceListSize;
|
|
18
17
|
allowMultiple?: boolean;
|
|
19
18
|
disabled?: boolean;
|
|
20
19
|
selected?: string[];
|
|
@@ -38,6 +38,30 @@ export interface DateRangePickerState {
|
|
|
38
38
|
open: boolean;
|
|
39
39
|
}
|
|
40
40
|
export declare class DateRangePicker extends React.Component<DateRangePickerProps, DateRangePickerState> {
|
|
41
|
+
static utils: {
|
|
42
|
+
getCurrentWeek: () => {
|
|
43
|
+
startDate: Date;
|
|
44
|
+
endDate: Date;
|
|
45
|
+
};
|
|
46
|
+
getPreviousWeek: () => {
|
|
47
|
+
startDate: Date;
|
|
48
|
+
endDate: Date;
|
|
49
|
+
};
|
|
50
|
+
getPreviousMonth: () => {
|
|
51
|
+
endDate: Date;
|
|
52
|
+
startDate: Date;
|
|
53
|
+
};
|
|
54
|
+
getPrevious90Days: () => {
|
|
55
|
+
startDate: Date;
|
|
56
|
+
endDate: Date;
|
|
57
|
+
};
|
|
58
|
+
getCustomDates: () => {
|
|
59
|
+
startDate: string;
|
|
60
|
+
endDate: string;
|
|
61
|
+
};
|
|
62
|
+
getCurrentYear: () => number;
|
|
63
|
+
getCurrentMonth: () => number;
|
|
64
|
+
};
|
|
41
65
|
static defaultProps: {
|
|
42
66
|
children: JSX.Element;
|
|
43
67
|
contentAlign: string;
|
|
@@ -17,7 +17,7 @@ declare type BodyCellProps = SharedCellProps & {
|
|
|
17
17
|
rowIndex: number;
|
|
18
18
|
expandedState: [boolean, React.Dispatch<React.SetStateAction<boolean>>];
|
|
19
19
|
};
|
|
20
|
-
export declare type CellProps =
|
|
20
|
+
export declare type CellProps = Partial<HeaderCellProps> & Partial<BodyCellProps> & SharedCellProps & {
|
|
21
21
|
isHead?: boolean;
|
|
22
22
|
firstCell: boolean;
|
|
23
23
|
};
|
|
@@ -113,14 +113,14 @@ export interface GridState {
|
|
|
113
113
|
}
|
|
114
114
|
export declare class Grid extends React.Component<GridProps, GridState> {
|
|
115
115
|
static defaultProps: GridProps;
|
|
116
|
+
gridRef: GridRef;
|
|
117
|
+
isHeadSyncing: boolean;
|
|
118
|
+
isBodySyncing: boolean;
|
|
116
119
|
constructor(props: GridProps);
|
|
117
120
|
componentDidMount(): void;
|
|
118
121
|
forceRerender(): void;
|
|
119
122
|
componentWillUnmount(): void;
|
|
120
123
|
componentDidUpdate(prevProps: GridProps, prevState: GridState): void;
|
|
121
|
-
gridRef: GridRef;
|
|
122
|
-
isHeadSyncing: boolean;
|
|
123
|
-
isBodySyncing: boolean;
|
|
124
124
|
addScrollListeners(): void;
|
|
125
125
|
removeScrollListeners(): void;
|
|
126
126
|
syncScroll: (type: string) => () => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { BaseProps } from "../../../utils/types";
|
|
2
|
-
|
|
2
|
+
import { MessageAppearance } from "../../../common.type";
|
|
3
3
|
export interface InlineMessageProps extends BaseProps {
|
|
4
|
-
appearance:
|
|
4
|
+
appearance: MessageAppearance;
|
|
5
5
|
description: string;
|
|
6
6
|
}
|
|
7
7
|
export declare const InlineMessage: {
|
|
@@ -7,7 +7,7 @@ export interface ErrorTemplateProps {
|
|
|
7
7
|
errorType?: TableProps['errorType'];
|
|
8
8
|
}
|
|
9
9
|
export declare type FilterPosition = 'GRID' | 'HEADER';
|
|
10
|
-
interface
|
|
10
|
+
interface TableSyncProps {
|
|
11
11
|
data: GridProps['data'];
|
|
12
12
|
schema: GridProps['schema'];
|
|
13
13
|
loading: GridProps['loading'];
|
|
@@ -46,7 +46,7 @@ interface SharedTableProps extends BaseProps {
|
|
|
46
46
|
separator?: GridProps['headCellTooltip'];
|
|
47
47
|
filterPosition: FilterPosition;
|
|
48
48
|
}
|
|
49
|
-
export declare type SyncTableProps = SharedTableProps &
|
|
49
|
+
export declare type SyncTableProps = SharedTableProps & TableSyncProps;
|
|
50
50
|
export declare type AsyncTableProps = SharedTableProps & AsyncProps;
|
|
51
51
|
export declare type TableProps = AsyncTableProps & SyncTableProps;
|
|
52
52
|
interface TableState {
|
|
@@ -5,7 +5,11 @@ declare const _default: {
|
|
|
5
5
|
title: string;
|
|
6
6
|
component: typeof DateRangePicker;
|
|
7
7
|
subcomponents: {
|
|
8
|
-
InputMask: React.ForwardRefExoticComponent<import("../../atoms/input").InputProps & import("../../molecules/inputMask").MaskProps & React.RefAttributes<HTMLInputElement
|
|
8
|
+
InputMask: React.ForwardRefExoticComponent<import("../../atoms/input").InputProps & import("../../molecules/inputMask").MaskProps & React.RefAttributes<HTMLInputElement>> & {
|
|
9
|
+
utils: {
|
|
10
|
+
getDefaultValue: (mask: import("../../../utils/types").Mask, placeholderChar: string | undefined) => string;
|
|
11
|
+
};
|
|
12
|
+
};
|
|
9
13
|
};
|
|
10
14
|
parameters: {
|
|
11
15
|
docs: {
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const generateImports: (str: string | undefined, lib:
|
|
1
|
+
declare const generateImports: (str: string | undefined, lib: Record<string, unknown> | undefined, libName: string) => string;
|
|
2
2
|
export default generateImports;
|
|
@@ -6,5 +6,5 @@ interface elementData {
|
|
|
6
6
|
elementRef: React.RefObject<HTMLDivElement>;
|
|
7
7
|
}
|
|
8
8
|
export declare const getUpdatedZIndex: (ele: elementData) => number | undefined;
|
|
9
|
-
export declare const closeOnEscapeKeypress: (event: KeyboardEvent, isTopOverlay: boolean | undefined, onClose:
|
|
9
|
+
export declare const closeOnEscapeKeypress: (event: KeyboardEvent, isTopOverlay: boolean | undefined, onClose: (event: Event) => void) => void;
|
|
10
10
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
export declare type SingleOrArray<T> = T | T[];
|
|
3
3
|
export declare type MakeRequired<T> = Exclude<T, null | undefined>;
|
|
4
|
-
export declare type MakeOptional<T extends
|
|
4
|
+
export declare type MakeOptional<T extends object, K extends keyof any> = Omit<T, K> & {
|
|
5
5
|
[OK in keyof T & K]?: T[OK];
|
|
6
6
|
};
|
|
7
7
|
declare type ValidatorFn<K extends any[] = any[]> = (...values: K) => boolean;
|