@commonsku/styles 1.16.14 → 1.16.16
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.d.ts +134 -17
- package/dist/index.es.js +147 -46
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +171 -46
- package/dist/index.js.map +1 -1
- package/dist/styles/Datepicker.d.ts.map +1 -1
- package/dist/styles/DropArea.d.ts +0 -4
- package/dist/styles/DropArea.d.ts.map +1 -1
- package/dist/styles/Dropzone.d.ts +69 -0
- package/dist/styles/Dropzone.d.ts.map +1 -0
- package/dist/styles/ErrorBoundary.d.ts +3 -2
- package/dist/styles/ErrorBoundary.d.ts.map +1 -1
- package/dist/styles/NumberInput.d.ts.map +1 -1
- package/dist/styles/RenderChild.d.ts +14 -0
- package/dist/styles/RenderChild.d.ts.map +1 -0
- package/dist/styles/Select.d.ts +15 -0
- package/dist/styles/Select.d.ts.map +1 -1
- package/dist/styles/Sparkles.d.ts +2 -2
- package/dist/styles/Sparkles.d.ts.map +1 -1
- package/dist/styles/calendar/Calendar.d.ts.map +1 -1
- package/dist/styles/calendar/DraggableTasksCalendar.d.ts.map +1 -1
- package/dist/styles/calendar/TasksCalendar.d.ts.map +1 -1
- package/dist/styles/calendar/types.d.ts +1 -1
- package/dist/styles/calendar/types.d.ts.map +1 -1
- package/dist/styles/datepickerStyles.d.ts +1 -1
- package/dist/styles/datepickerStyles.d.ts.map +1 -1
- package/dist/styles/icons/MagicEraserIcon.d.ts +9 -0
- package/dist/styles/icons/MagicEraserIcon.d.ts.map +1 -0
- package/dist/styles/icons/MagicIcon.d.ts +9 -0
- package/dist/styles/icons/MagicIcon.d.ts.map +1 -0
- package/dist/styles/icons/SlideInIcon.d.ts +9 -0
- package/dist/styles/icons/SlideInIcon.d.ts.map +1 -0
- package/dist/styles/icons/TrendIcon.d.ts +9 -0
- package/dist/styles/icons/TrendIcon.d.ts.map +1 -0
- package/dist/styles/icons/index.d.ts +4 -0
- package/dist/styles/icons/index.d.ts.map +1 -1
- package/dist/styles/index.d.ts +2 -0
- package/dist/styles/index.d.ts.map +1 -1
- package/dist/styles/tables/SimpleWindowedTable.d.ts.map +1 -1
- package/dist/styles/tables/VirtualTable.d.ts +4 -3
- package/dist/styles/tables/VirtualTable.d.ts.map +1 -1
- package/package.json +3 -1
package/dist/index.d.ts
CHANGED
|
@@ -3,7 +3,8 @@ import * as React$1 from 'react';
|
|
|
3
3
|
import React__default, { CSSProperties, MouseEvent, Component, ReactEventHandler, MouseEventHandler, ReactNode, MutableRefObject, ForwardedRef } from 'react';
|
|
4
4
|
import * as styled_components from 'styled-components';
|
|
5
5
|
import { CSSObject, DefaultTheme, ThemeProps, CSSProperties as CSSProperties$1, StyledComponent } from 'styled-components';
|
|
6
|
-
import
|
|
6
|
+
import * as react_dropzone from 'react-dropzone';
|
|
7
|
+
import { DropzoneOptions, DropzoneRootProps, DropzoneInputProps, DropzoneRef, DropzoneState } from 'react-dropzone';
|
|
7
8
|
import * as react_select_dist_declarations_src_useAsync from 'react-select/dist/declarations/src/useAsync';
|
|
8
9
|
import * as react_select_dist_declarations_src_useCreatable from 'react-select/dist/declarations/src/useCreatable';
|
|
9
10
|
import * as react_select_dist_declarations_src_useStateManager from 'react-select/dist/declarations/src/useStateManager';
|
|
@@ -14,7 +15,7 @@ import * as react_select_dist_declarations_src_filters from 'react-select/dist/d
|
|
|
14
15
|
import * as react_select_dist_declarations_src_components from 'react-select/dist/declarations/src/components';
|
|
15
16
|
import * as react_select_dist_declarations_src_Select from 'react-select/dist/declarations/src/Select';
|
|
16
17
|
import BaseDatePicker, { ReactDatePickerProps } from 'react-datepicker';
|
|
17
|
-
import {
|
|
18
|
+
import { HeaderGroup, UseSortByColumnProps, UseTableRowProps, UseExpandedRowProps, UseGroupByRowProps, UseRowSelectRowProps, UseRowStateRowProps, Column as Column$1, SortingRule, Cell } from 'react-table';
|
|
18
19
|
import { ListOnScrollProps } from 'react-window';
|
|
19
20
|
|
|
20
21
|
declare type SharedStyleTypes = {
|
|
@@ -142,11 +143,7 @@ declare type DropzoneTypes = {
|
|
|
142
143
|
showDroppedFiles?: boolean;
|
|
143
144
|
} & DropzoneOptions;
|
|
144
145
|
declare function Dropzoned({ placeholder, accept, showDroppedFiles, ...props }: DropzoneTypes): JSX.Element;
|
|
145
|
-
declare function DropzonedPreviews({ placeholder, accept, onDrop, ...props }: DropzoneTypes): JSX.Element;
|
|
146
|
-
declare type DropzoneSimpleProps = {
|
|
147
|
-
children: React__default.ReactElement;
|
|
148
|
-
} & DropzoneOptions;
|
|
149
|
-
declare function DropzonedSimple({ accept, children, ...props }: DropzoneSimpleProps): React__default.ReactElement<any, string | React__default.JSXElementConstructor<any>> | null;
|
|
146
|
+
declare function DropzonedPreviews({ placeholder, accept, onDrop, ...props }: DropzoneTypes): JSX.Element;
|
|
150
147
|
|
|
151
148
|
declare type TSize$1 = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
152
149
|
|
|
@@ -567,6 +564,18 @@ declare type AdditionalSKUSelectProps = {
|
|
|
567
564
|
error?: boolean;
|
|
568
565
|
menuRelative?: boolean;
|
|
569
566
|
inPopup?: boolean;
|
|
567
|
+
controlStyles?: React__default.CSSProperties;
|
|
568
|
+
menuStyles?: React__default.CSSProperties;
|
|
569
|
+
menuListStyles?: React__default.CSSProperties;
|
|
570
|
+
menuPortalStyles?: React__default.CSSProperties;
|
|
571
|
+
optionStyles?: React__default.CSSProperties;
|
|
572
|
+
inputStyles?: React__default.CSSProperties;
|
|
573
|
+
clearIndicatorStyles?: React__default.CSSProperties;
|
|
574
|
+
dropdownIndicatorStyles?: React__default.CSSProperties;
|
|
575
|
+
indicatorSeparatorStyles?: React__default.CSSProperties;
|
|
576
|
+
singleValueStyles?: React__default.CSSProperties;
|
|
577
|
+
valueContainerStyles?: React__default.CSSProperties;
|
|
578
|
+
containerStyles?: React__default.CSSProperties;
|
|
570
579
|
};
|
|
571
580
|
declare const SKUSelect: React__default.ForwardRefExoticComponent<AdditionalSKUSelectProps & Omit<Pick<react_select_dist_declarations_src_Select.Props<unknown, boolean, GroupBase<unknown>>, "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "ariaLiveMessages" | "autoFocus" | "className" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "id" | "inputValue" | "inputId" | "instanceId" | "isClearable" | "isOptionSelected" | "menuPortalTarget" | "name" | "onBlur" | "onChange" | "onFocus" | "onInputChange" | "onKeyDown" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom" | "theme" | "value" | "form"> & {
|
|
572
581
|
'aria-live'?: "off" | "assertive" | "polite" | undefined;
|
|
@@ -747,6 +756,7 @@ declare const LabeledSelect: React__default.ForwardRefExoticComponent<Additional
|
|
|
747
756
|
tabSelectsValue?: boolean | undefined;
|
|
748
757
|
} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & {
|
|
749
758
|
parentStyle?: React__default.CSSProperties | undefined;
|
|
759
|
+
labelStyle?: React__default.CSSProperties | undefined;
|
|
750
760
|
label?: string | undefined;
|
|
751
761
|
required?: boolean | undefined;
|
|
752
762
|
} & React__default.RefAttributes<SelectInstance<unknown, boolean, GroupBase<unknown>>>>;
|
|
@@ -929,6 +939,7 @@ declare const LabeledCreatableSelect: React__default.ForwardRefExoticComponent<A
|
|
|
929
939
|
tabSelectsValue?: boolean | undefined;
|
|
930
940
|
} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useCreatable.CreatableAdditionalProps<unknown, GroupBase<unknown>> & {
|
|
931
941
|
parentStyle?: React__default.CSSProperties | undefined;
|
|
942
|
+
labelStyle?: React__default.CSSProperties | undefined;
|
|
932
943
|
label?: string | undefined;
|
|
933
944
|
required?: boolean | undefined;
|
|
934
945
|
} & React__default.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
|
|
@@ -1111,6 +1122,7 @@ declare const LabeledAsyncSelect: React__default.ForwardRefExoticComponent<Addit
|
|
|
1111
1122
|
tabSelectsValue?: boolean | undefined;
|
|
1112
1123
|
} & {}> & react_select_dist_declarations_src_useStateManager.StateManagerAdditionalProps<unknown> & react_select_dist_declarations_src_useAsync.AsyncAdditionalProps<unknown, GroupBase<unknown>> & {
|
|
1113
1124
|
parentStyle?: React__default.CSSProperties | undefined;
|
|
1125
|
+
labelStyle?: React__default.CSSProperties | undefined;
|
|
1114
1126
|
label?: string | undefined;
|
|
1115
1127
|
required?: boolean | undefined;
|
|
1116
1128
|
} & React__default.RefAttributes<SelectInstance<unknown, false, GroupBase<unknown>>>>;
|
|
@@ -2482,8 +2494,9 @@ declare const FeedPost: (props: React__default.PropsWithChildren<{
|
|
|
2482
2494
|
declare type StateType = {
|
|
2483
2495
|
hasError: boolean;
|
|
2484
2496
|
};
|
|
2485
|
-
declare
|
|
2486
|
-
|
|
2497
|
+
declare type ErrorBoundaryProps = React__default.PropsWithChildren<{}>;
|
|
2498
|
+
declare class ErrorBoundary extends Component<ErrorBoundaryProps, StateType> {
|
|
2499
|
+
constructor(props: ErrorBoundaryProps);
|
|
2487
2500
|
componentDidCatch(error: Error | any, info: string | any): void;
|
|
2488
2501
|
render(): React__default.ReactNode;
|
|
2489
2502
|
}
|
|
@@ -2577,9 +2590,9 @@ declare type HeadlessTableProps = React__default.PropsWithChildren<{
|
|
|
2577
2590
|
} & SharedStyleTypes>;
|
|
2578
2591
|
declare function HeadlessTable({ columns, data, rowIdField, defaultSort, defaultPageSize, defaultPageIndex, defaultScrollOffset, defaultHorizontalOffset, pageIndexDivRef, onChangeSelected, onChangeSortOrColumns, scrollOffsetDivRef, horizontalOffsetDivRef, selectedRowId, sortDirectionDivRef, currentColumnsDivRef, minHeight, pagination }: HeadlessTableProps): JSX.Element;
|
|
2579
2592
|
|
|
2580
|
-
declare const Sparkles: React__default.FC<{
|
|
2593
|
+
declare const Sparkles: React__default.FC<React__default.PropsWithChildren<{
|
|
2581
2594
|
color: string;
|
|
2582
|
-
}
|
|
2595
|
+
}>>;
|
|
2583
2596
|
|
|
2584
2597
|
declare type DropdownContentProps$1 = {
|
|
2585
2598
|
text?: string;
|
|
@@ -2848,8 +2861,12 @@ declare type InputStepperStyledProps = Omit<NumberInputProps, 'onChange'> & {
|
|
|
2848
2861
|
declare function InputStepperStyled(props: InputStepperStyledProps): JSX.Element;
|
|
2849
2862
|
declare function InputStepper(props: InputStepperProps): JSX.Element;
|
|
2850
2863
|
|
|
2851
|
-
interface
|
|
2852
|
-
|
|
2864
|
+
interface BaseSortByHeaderGroup<D extends object = {}> extends HeaderGroup<D>, UseSortByColumnProps<D> {
|
|
2865
|
+
containerProps?: object;
|
|
2866
|
+
style?: React__default.CSSProperties;
|
|
2867
|
+
className?: string;
|
|
2868
|
+
}
|
|
2869
|
+
|
|
2853
2870
|
interface Row<D extends Record<string, unknown> = Record<string, unknown>> extends UseTableRowProps<D>, UseExpandedRowProps<D>, UseGroupByRowProps<D>, UseRowSelectRowProps<D>, UseRowStateRowProps<D> {
|
|
2854
2871
|
}
|
|
2855
2872
|
|
|
@@ -2865,7 +2882,7 @@ declare type VirtualTableProps = {
|
|
|
2865
2882
|
maxWidth?: number;
|
|
2866
2883
|
defaultSort?: SortingRule<string>;
|
|
2867
2884
|
onClickRow?: (row?: object, index?: number, data?: {
|
|
2868
|
-
isScrolling
|
|
2885
|
+
isScrolling?: boolean;
|
|
2869
2886
|
cell: Cell<Record<string, unknown>, any>;
|
|
2870
2887
|
resetList: (index?: number) => void;
|
|
2871
2888
|
toggleAllRowsExpanded: (value?: boolean | undefined) => void;
|
|
@@ -2895,7 +2912,7 @@ declare type VirtualTableProps = {
|
|
|
2895
2912
|
[key: string]: any;
|
|
2896
2913
|
}>) => React__default.ReactElement;
|
|
2897
2914
|
onSort?: (value: {
|
|
2898
|
-
column:
|
|
2915
|
+
column: BaseSortByHeaderGroup<object>;
|
|
2899
2916
|
}) => void;
|
|
2900
2917
|
onResize?: VoidFunction;
|
|
2901
2918
|
rowGroupStyles?: (value: {
|
|
@@ -3417,7 +3434,31 @@ declare function StarLightIcon({ color, size, altText, ...props }: StarLightIcon
|
|
|
3417
3434
|
declare type StarDarkIconProps = SVGIconProps;
|
|
3418
3435
|
declare function StarDarkIcon({ color, size, altText, ...props }: StarDarkIconProps): JSX.Element;
|
|
3419
3436
|
|
|
3420
|
-
declare
|
|
3437
|
+
declare type MagicIconProps = SVGIconProps & {
|
|
3438
|
+
hover?: boolean;
|
|
3439
|
+
filled?: boolean;
|
|
3440
|
+
};
|
|
3441
|
+
declare function MagicIcon({ color, size, hover, filled, altText, ...props }: MagicIconProps): JSX.Element;
|
|
3442
|
+
|
|
3443
|
+
declare type MagicEraserIconProps = SVGIconProps & {
|
|
3444
|
+
hover?: boolean;
|
|
3445
|
+
filled?: boolean;
|
|
3446
|
+
};
|
|
3447
|
+
declare function MagicEraserIcon({ color, size, hover, filled, altText, ...props }: MagicEraserIconProps): JSX.Element;
|
|
3448
|
+
|
|
3449
|
+
declare type TrendDirections = 'up' | 'down' | 'flat';
|
|
3450
|
+
declare type TrendProps = SVGIconProps & {
|
|
3451
|
+
direction?: TrendDirections;
|
|
3452
|
+
};
|
|
3453
|
+
declare function TrendIcon({ size, direction, altText, ...props }: TrendProps): JSX.Element;
|
|
3454
|
+
|
|
3455
|
+
declare type SlideInIconProps = SVGIconProps & {
|
|
3456
|
+
hover?: boolean;
|
|
3457
|
+
filled?: boolean;
|
|
3458
|
+
};
|
|
3459
|
+
declare function SlideInIcon({ color, size, hover, filled, altText, ...props }: SlideInIconProps): JSX.Element;
|
|
3460
|
+
|
|
3461
|
+
declare const datepickerStyles = "\n.commonsku-styles-datepicker {\n &.react-datepicker-wrapper {\n width: 100%;\n }\n\n .react-datepicker__input-container {\n display: block;\n width: 100%;\n }\n\n .react-datepicker {\n border: 1px solid var(--color-primary1-60);\n outline: none;\n box-shadow: 1px 1px 0px var(--color-primary1-60),\n -1px -1px 0px var(--color-primary1-60),\n 1px -1px 0px var(--color-primary1-60),\n -1px 1px 0px var(--color-primary1-60);\n }\n\n .react-datepicker__current-month,\n .react-datepicker-time__header,\n .react-datepicker-year-header,\n .react-datepicker__header {\n padding-top: 8px;\n padding-bottom: 8px;\n }\n\n .react-datepicker__header,\n .react-datepicker__today-button {\n background: var(--color-neutrals-20);\n padding-top: 8px;\n padding-bottom: 8px;\n }\n\n .react-datepicker__header {\n border-bottom: none;\n }\n\n .react-datepicker__today-button {\n border-top: none;\n }\n\n .react-datepicker__day {\n outline: none;\n }\n\n .react-datepicker__day :not(\n .react-datepicker__day--outside-month,\n .react-datepicker__day--selected\n ) {\n color: var(--color-neutrals-90);\n }\n\n .react-datepicker__day:hover :not(.react-datepicker__day--selected),\n .react-datepicker__month-text:hover,\n .react-datepicker__quarter-text:hover,\n .react-datepicker__year-text:hover {\n background-color: var(--color-neutrals-20);\n }\n\n .react-datepicker__day--outside-month {\n color: var(--color-neutrals-70);\n }\n\n .react-datepicker__day--weekend {\n color: var(--color-errors-main);\n }\n\n .react-datepicker__day--selected,\n .react-datepicker__day--keyboard-selected,\n .react-datepicker__month-text--keyboard-selected,\n .react-datepicker__quarter-text--keyboard-selected,\n .react-datepicker__year-text--keyboard-selected\n {\n background-color: var(--color-primary1-60);\n color: #fff;\n }\n\n .react-datepicker__triangle {\n border-bottom-color: var(--color-neutrals-20) !important;\n }\n\n .react-datepicker__triangle::before {\n border-bottom-color: var(--color-primary1-60) !important;\n border-top-color: var(--color-primary1-60) !important;\n }\n\n .react-datepicker__month-select,\n .react-datepicker__year-select {\n height: 30px;\n border: 2px solid var(--color-primary1-60);\n padding: 3px;\n border-radius: 5px;\n outline: none;\n }\n\n .react-datepicker__time-container {\n margin-top: -2px;\n border-top-left-radius: 0px;\n border-right: 2px solid var(--color-primary1-60);\n border-bottom: 2px solid var(--color-primary1-60);\n border-top: 2px solid var(--color-primary1-60);\n }\n\n .react-datepicker__navigation {\n border: 0.45rem solid transparent;\n\n &.react-datepicker__navigation--next {\n border-left: 7px solid var(--color-primary1-60);\n margin-top: 8px;\n }\n \n &.react-datepicker__navigation--previous {\n border-right: 7px solid var(--color-primary1-60);\n margin-top: 8px;\n }\n }\n\n .react-datepicker__aria-live {\n display: none;\n }\n\n @media only screen and (min-height: 600px) and (max-height: 800px ) {\n .react-datepicker__month {\n overflow-y: scroll !important;\n height: 15vh !important;\n }\n }\n @media only screen and (max-height: 599px ) {\n .react-datepicker__month {\n overflow-y: scroll !important;\n height: 5vh !important;\n }\n\n .react-datepicker__time-container {\n margin-top: -2px;\n border-top-left-radius: 0px;\n border-right: 2px solid var(--color-primary1-60);\n border-bottom: 2px solid var(--color-primary1-60);\n border-top: 2px solid var(--color-primary1-60);\n }\n }\n}\n";
|
|
3421
3462
|
//# sourceMappingURL=datepickerStyles.d.ts.map
|
|
3422
3463
|
|
|
3423
3464
|
declare type ConfirmPopupProps = {
|
|
@@ -3816,4 +3857,80 @@ declare type ToggleSwitchStatedProps = {
|
|
|
3816
3857
|
declare const ToggleSwitchStyled: ({ onClick, size, selected, stretch, style, ...props }: ToggleSwitchProps) => JSX.Element;
|
|
3817
3858
|
declare const ToggleSwitch: ({ size, initialSelected, stretch, onClick, ...props }: ToggleSwitchStatedProps) => JSX.Element;
|
|
3818
3859
|
|
|
3819
|
-
|
|
3860
|
+
declare type GenericObj = {
|
|
3861
|
+
[key: string]: any;
|
|
3862
|
+
};
|
|
3863
|
+
declare type TConcreteChildElement<P = GenericObj> = React__default.ReactElement<P> | React__default.JSXElementConstructor<P>;
|
|
3864
|
+
declare type TChildElement<P = GenericObj> = TConcreteChildElement<P> | string | number | boolean | null | undefined;
|
|
3865
|
+
declare type ChildProps<P = GenericObj> = {
|
|
3866
|
+
children: TChildElement<P>;
|
|
3867
|
+
parseProps?: (props: P, elem: TConcreteChildElement<P>) => Partial<P>;
|
|
3868
|
+
};
|
|
3869
|
+
declare const RenderChild: React__default.ForwardRefExoticComponent<ChildProps<GenericObj> & React__default.RefAttributes<HTMLElement>>;
|
|
3870
|
+
|
|
3871
|
+
declare type ChildDropzoneState = Omit<DropzoneState, 'getRootProps' | 'rootRef' | 'getInputProps' | 'inputRef'>;
|
|
3872
|
+
declare type DropzoneProps = DropzoneOptions & {
|
|
3873
|
+
children: TChildElement<Partial<ChildDropzoneState>>;
|
|
3874
|
+
className?: string;
|
|
3875
|
+
style?: React__default.CSSProperties;
|
|
3876
|
+
rootProps?: DropzoneRootProps;
|
|
3877
|
+
inputProps?: DropzoneInputProps;
|
|
3878
|
+
useDropzoneProps?: boolean;
|
|
3879
|
+
};
|
|
3880
|
+
/**
|
|
3881
|
+
* Dropzone
|
|
3882
|
+
*
|
|
3883
|
+
* if `useDropzoneProps={true}` is passed then dropzone options props will passed to child element
|
|
3884
|
+
*
|
|
3885
|
+
* Example with `useDropzoneProps={true}` (dropzone props will be passed in children):
|
|
3886
|
+
* ```
|
|
3887
|
+
* const DropzoneChild = ({ open, ...dropzoneOptions }) => {
|
|
3888
|
+
* // do something with dropzoneOptions...
|
|
3889
|
+
* return (
|
|
3890
|
+
* <>
|
|
3891
|
+
* <button onClick={open}>Upload</button>
|
|
3892
|
+
* <div>{draggedFiles.map(f => <div>{f.name (f.type)}</div>)}</div>
|
|
3893
|
+
* </>
|
|
3894
|
+
* );
|
|
3895
|
+
* };
|
|
3896
|
+
*
|
|
3897
|
+
* <Dropzone useDropzoneProps={true} noClick={true} onDrop={...}>
|
|
3898
|
+
* <DropzoneChild />
|
|
3899
|
+
* </Dropzone>
|
|
3900
|
+
* ```
|
|
3901
|
+
*
|
|
3902
|
+
* ---------------------------------------------------------
|
|
3903
|
+
*
|
|
3904
|
+
* Example without `useDropzoneProps` (dropzone props will NOT be passed in children):
|
|
3905
|
+
* ```
|
|
3906
|
+
* <Dropzone onDrop={...}>
|
|
3907
|
+
* <button onClick={() => {}}>Upload</button>
|
|
3908
|
+
* </Dropzone>
|
|
3909
|
+
* ```
|
|
3910
|
+
*
|
|
3911
|
+
*/
|
|
3912
|
+
declare const Dropzone: React__default.ForwardRefExoticComponent<Pick<React__default.HTMLProps<HTMLElement>, "multiple" | "onDragEnter" | "onDragOver" | "onDragLeave"> & {
|
|
3913
|
+
accept?: string | string[] | undefined;
|
|
3914
|
+
minSize?: number | undefined;
|
|
3915
|
+
maxSize?: number | undefined;
|
|
3916
|
+
preventDropOnDocument?: boolean | undefined;
|
|
3917
|
+
noClick?: boolean | undefined;
|
|
3918
|
+
noKeyboard?: boolean | undefined;
|
|
3919
|
+
noDrag?: boolean | undefined;
|
|
3920
|
+
noDragEventsBubbling?: boolean | undefined;
|
|
3921
|
+
disabled?: boolean | undefined;
|
|
3922
|
+
onDrop?<T extends File>(acceptedFiles: T[], rejectedFiles: T[], event: react_dropzone.DropEvent): void;
|
|
3923
|
+
onDropAccepted?<T_1 extends File>(files: T_1[], event: react_dropzone.DropEvent): void;
|
|
3924
|
+
onDropRejected?<T_2 extends File>(files: T_2[], event: react_dropzone.DropEvent): void;
|
|
3925
|
+
getFilesFromEvent?(event: react_dropzone.DropEvent): Promise<(File | DataTransferItem)[]>;
|
|
3926
|
+
onFileDialogCancel?(): void;
|
|
3927
|
+
} & {
|
|
3928
|
+
children: TChildElement<Partial<ChildDropzoneState>>;
|
|
3929
|
+
className?: string | undefined;
|
|
3930
|
+
style?: React__default.CSSProperties | undefined;
|
|
3931
|
+
rootProps?: DropzoneRootProps | undefined;
|
|
3932
|
+
inputProps?: DropzoneInputProps | undefined;
|
|
3933
|
+
useDropzoneProps?: boolean | undefined;
|
|
3934
|
+
} & React__default.RefAttributes<DropzoneRef>>;
|
|
3935
|
+
|
|
3936
|
+
export { AddIcon, AddNoteIcon, AddShoppingCartIcon, AddTaskIcon, AlertIcon, AlertNotification, ArrowIcon, Artwork, ArtworkProps, SKUAsyncSelect as AsyncSelect, Avatar, AvatarColor, AvatarShape, AvatarSize, AwaitingProofIcon, Backdrop, Background, Badge, BaseCskuProps, BotIcon, Box, BulletIcon, Button, ButtonPreset, ButtonProps, ButtonVariant, ButtonsGroup, Calendar, CalendarDayBody, CalendarDaysBody, CalendarDaysHeader, CalendarIcon, CalendarTask, CalendarTaskProps, CalendarWrapper, CancelButton, ChangeRequestedIcon, ChatIcon, CheckMark, CheckboxIcon, CheckboxLabel, CheckmarkIcon, ChevronIcon, ChevronPopup, CircleProgressIcon, ClientApprovedIcon, ClipboardIcon, ClockIcon, Col, ColPropTypes, CollaborateIcon, CollapseStyled, CollapseStyledProps, CollapseWrapper, CollapseWrapperProps, Collapsible$1 as Collapsible, CollapsibleArrowIcon, CollapsibleLabel, CollapsiblePanel, CollapsiblePanelProps, CollapsiblePanelTitle, CollapsiblePanelTitleProps, CollapsiblePanels, CollapsiblePanelsProps, CollapsibleProps$1 as CollapsibleProps, Collapsible as CollapsibleV2, Collapsibles, Column, ColumnSelectIcon, CommentIcon, CommunityIcon, CompletedCheckmarkIcon, ConfirmAlertPopup, ConfirmPopup, ConnectedIcon, ConnectedPlusIcon, CouponIcon, SKUCreatableSelect as CreatableSelect, CreditCardIcon, Csku, CskuProps, CustomDateInput, Datepicker, DatepickerPorps, DaysBodyWrapper, DaysHeaderWrapper, DefaultCalendarFooter, DefaultCalendarHeader, DefaultStar, DollarIcon, DoneButton, Dot, DoubleArrowIcon, DownloadIcon, DragIcon, DraggableTasksCalendar, DropArea, DropAreaProps, DropDownContent, Dropdown, DropdownItem, DropdownProps, Dropzone, DropzoneProps, DropzoneTypes, Dropzoned, DropzonedPreviews, EPOIcon, EditIcon, EllipsisIcon, EpsIcon, ErrorBoundary, EstimateCircleIcon, EyeIcon, FeedPost, FileUploadIcon, FilledChevronIcon, FolderIcon, GalleryIcon, GearIcon, GlobalStyle, Grid, GridCell, GridIcon, GridItem, GridItemProps, GridProps, GridRow, GridTable, GridTableContainer, H1, H2, H3, H4, H5, H6, HandleIcon, HeaderWrapper, HeadlessTable, HelpIcon, HistoryIcon, IconButton, IconButtonProps, IconDoc, ImageIcon, Img, InfoIcon, Input, InputIconLabel, InputIconLabelContainer, InputProps, InputStepper, InputStepperStyled, IntegrationsIcon, InventoryIcon, Label, LabeledAsyncSelect, LabeledCheckbox, LabeledCheckboxProps, LabeledCreatableSelect, LabeledIconInput, LabeledInput, LabeledMultiProgress, LabeledProgress, LabeledRadio, LabeledRadioGroup, LabeledRadioInButton, LabeledRadioInButtonGroup, LabeledRadioProps, LabeledSelect, LabeledTextarea, LightIndicator, Link, LinkWithIcon, ListIcon, Loading, LockIcon, MagicEraserIcon, MagicIcon, MailIcon, MarketingStatusIcon, MenuIcon, MultiProgress, NavConnectIcon, NavFinanceIcon, NavManagementIcon, NavProdIcon, NavResourcesIcon, NavSalesIcon, NoteIcon, Number, NumberInput, OpportunityCircleIcon, OrderStatusIcon, Overlay, Padding, Page, PanelContact, PanelTileContact, PendingApprovalIcon, PercentIcon, PinIcon, Popup, PopupHeader, PopupProps, PresentationCircleIcon, Product, Progress, PromostandardsIcon, ProofReceivedIcon, ProofingCompleteIcon, Publisher, Radio, RadioIcon, RadioLabel, RadioProps, ReceiptLongIcon, RenderChild, ResponsiveTable, Row$1 as Row, RowPropTypes, SHARED_STYLE_MAPS, SalesArrowIcon, SalesOrderCircleIcon, SearchIcon, SKUSelect as Select, SharedStyleTypes, SharedStyles, ShopIcon, ShoppingCartIcon, ShowPopup, SidePanel, SimpleWindowedTable, SimpleWindowedTableProps, SimpleWindowedTableStyles, SizerCss, SizerTypes, SizerWrapper, SlideInIcon, Sparkles, Spinner, StarDarkIcon, StarIcon, StarLightIcon, StarRating, StateDropdown, StatusDropdown, StyledCalendarTaskBody, StyledDayBody, StyledDayText, StyledDropArea, StyledDropdown, StyledPanel, StyledTask, SubtractIcon, SVG as SvgIcon, TBody, TButtonIcon, TD, TDropdownItem, TH, THSorted, THead, TR, TSize, TSizeOffset, TSizeOffsetRight, TSizeStyle, TTab, Tab, TabBar, Table, TableIcon, Tabs, TabsProps, TargetIcon, Task, TaskBody, TaskIcon, TaskLabel, TaskName, TaskProps, TasksCalendar, TasksCalendarDayBody, TasksCalendarFooter, TasksCalendarHeader, TemplateIcon, Text, TextProp, Textarea, Theme, Thermometer, TilesIcon, Toggle, ToggleLink, ToggleSwitch, ToggleSwitchProps, ToggleSwitchStatedProps, ToggleSwitchStyled, TrashIcon, TrendIcon, UploadIcon, UserIcon, UsersIcon, VirtualTable, VirtualTableStyles, Wrapper, XIcon, colors, createMeasurementStyle, datepickerStyles, fontFamilies, fontStyles, fonts, getColor, getFontStyle, getThemeColor, getThemeFontFamily, getThemeFontSize, getThemeFontStyle, getThemeProperty, parseCskuStyles, sizes, themeOptions, toggleSizes$1 as toggleSizes, useCalendar, useClickOutside, useDelayUnmount, useFallbackRef, useLongPress, usePrefersReducedMotion, useRandomInterval, useWindowSize };
|