@galaxy-ds/core 2.1.5 → 2.1.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Input/Input.stories.d.ts +356 -0
- package/dist/Input/Input.types.d.ts +5 -0
- package/dist/index.esm.js +8 -4
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +8 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -404,6 +404,7 @@ export declare const Default: {
|
|
|
404
404
|
minRows?: string | number | undefined;
|
|
405
405
|
startAdornment?: import("react").ReactNode;
|
|
406
406
|
helperText?: string | undefined;
|
|
407
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
407
408
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
408
409
|
key?: import("react").Key | null | undefined;
|
|
409
410
|
}>) => Promise<void>;
|
|
@@ -728,6 +729,7 @@ export declare const Default: {
|
|
|
728
729
|
minRows?: string | number | undefined;
|
|
729
730
|
startAdornment?: import("react").ReactNode;
|
|
730
731
|
helperText?: string | undefined;
|
|
732
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
731
733
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
732
734
|
key?: import("react").Key | null | undefined;
|
|
733
735
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1073,6 +1075,7 @@ export declare const EndAdornment: {
|
|
|
1073
1075
|
minRows?: string | number | undefined;
|
|
1074
1076
|
startAdornment?: import("react").ReactNode;
|
|
1075
1077
|
helperText?: string | undefined;
|
|
1078
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
1076
1079
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
1077
1080
|
key?: import("react").Key | null | undefined;
|
|
1078
1081
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1418,6 +1421,7 @@ export declare const StartAdornment: {
|
|
|
1418
1421
|
minRows?: string | number | undefined;
|
|
1419
1422
|
startAdornment?: import("react").ReactNode;
|
|
1420
1423
|
helperText?: string | undefined;
|
|
1424
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
1421
1425
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
1422
1426
|
key?: import("react").Key | null | undefined;
|
|
1423
1427
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1756,6 +1760,7 @@ export declare const FormGroup: {
|
|
|
1756
1760
|
minRows?: string | number | undefined;
|
|
1757
1761
|
startAdornment?: import("react").ReactNode;
|
|
1758
1762
|
helperText?: string | undefined;
|
|
1763
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
1759
1764
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
1760
1765
|
key?: import("react").Key | null | undefined;
|
|
1761
1766
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2095,6 +2100,7 @@ export declare const Label: {
|
|
|
2095
2100
|
minRows?: string | number | undefined;
|
|
2096
2101
|
startAdornment?: import("react").ReactNode;
|
|
2097
2102
|
helperText?: string | undefined;
|
|
2103
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
2098
2104
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
2099
2105
|
key?: import("react").Key | null | undefined;
|
|
2100
2106
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2432,6 +2438,7 @@ export declare const Types: {
|
|
|
2432
2438
|
minRows?: string | number | undefined;
|
|
2433
2439
|
startAdornment?: import("react").ReactNode;
|
|
2434
2440
|
helperText?: string | undefined;
|
|
2441
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
2435
2442
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
2436
2443
|
key?: import("react").Key | null | undefined;
|
|
2437
2444
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -2772,6 +2779,7 @@ export declare const HelperText: {
|
|
|
2772
2779
|
minRows?: string | number | undefined;
|
|
2773
2780
|
startAdornment?: import("react").ReactNode;
|
|
2774
2781
|
helperText?: string | undefined;
|
|
2782
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
2775
2783
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
2776
2784
|
key?: import("react").Key | null | undefined;
|
|
2777
2785
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3113,6 +3121,7 @@ export declare const Error: {
|
|
|
3113
3121
|
minRows?: string | number | undefined;
|
|
3114
3122
|
startAdornment?: import("react").ReactNode;
|
|
3115
3123
|
helperText?: string | undefined;
|
|
3124
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
3116
3125
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
3117
3126
|
key?: import("react").Key | null | undefined;
|
|
3118
3127
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3453,6 +3462,7 @@ export declare const Disabled: {
|
|
|
3453
3462
|
minRows?: string | number | undefined;
|
|
3454
3463
|
startAdornment?: import("react").ReactNode;
|
|
3455
3464
|
helperText?: string | undefined;
|
|
3465
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
3456
3466
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
3457
3467
|
key?: import("react").Key | null | undefined;
|
|
3458
3468
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -3793,6 +3803,7 @@ export declare const ReadOnly: {
|
|
|
3793
3803
|
minRows?: string | number | undefined;
|
|
3794
3804
|
startAdornment?: import("react").ReactNode;
|
|
3795
3805
|
helperText?: string | undefined;
|
|
3806
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
3796
3807
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
3797
3808
|
key?: import("react").Key | null | undefined;
|
|
3798
3809
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4133,6 +4144,7 @@ export declare const TextAlignment: {
|
|
|
4133
4144
|
minRows?: string | number | undefined;
|
|
4134
4145
|
startAdornment?: import("react").ReactNode;
|
|
4135
4146
|
helperText?: string | undefined;
|
|
4147
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
4136
4148
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
4137
4149
|
key?: import("react").Key | null | undefined;
|
|
4138
4150
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4473,6 +4485,7 @@ export declare const FullWidth: {
|
|
|
4473
4485
|
minRows?: string | number | undefined;
|
|
4474
4486
|
startAdornment?: import("react").ReactNode;
|
|
4475
4487
|
helperText?: string | undefined;
|
|
4488
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
4476
4489
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
4477
4490
|
key?: import("react").Key | null | undefined;
|
|
4478
4491
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4815,6 +4828,7 @@ export declare const LargeSizeToolbarSize: {
|
|
|
4815
4828
|
minRows?: string | number | undefined;
|
|
4816
4829
|
startAdornment?: import("react").ReactNode;
|
|
4817
4830
|
helperText?: string | undefined;
|
|
4831
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
4818
4832
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
4819
4833
|
key?: import("react").Key | null | undefined;
|
|
4820
4834
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -4823,8 +4837,347 @@ export declare const LargeSizeToolbarSize: {
|
|
|
4823
4837
|
* Set `multiline` to `true` to change `Input` to text area.
|
|
4824
4838
|
* It grows automatically to fit the contents.
|
|
4825
4839
|
* Specify `rows` to set its height, the height is fixed in this case.
|
|
4840
|
+
*
|
|
4841
|
+
* Use `inputPropStyles` to override default inputProps width of `162px`
|
|
4826
4842
|
*/
|
|
4827
4843
|
export declare const TextArea: {
|
|
4844
|
+
args: {
|
|
4845
|
+
multiline: true;
|
|
4846
|
+
};
|
|
4847
|
+
parameters: {
|
|
4848
|
+
docs: {
|
|
4849
|
+
source: {
|
|
4850
|
+
code: string;
|
|
4851
|
+
};
|
|
4852
|
+
};
|
|
4853
|
+
};
|
|
4854
|
+
render: (args: {
|
|
4855
|
+
classes?: Partial<import("@mui/material").InputBaseClasses> | undefined;
|
|
4856
|
+
className?: string | undefined;
|
|
4857
|
+
style?: import("react").CSSProperties | undefined;
|
|
4858
|
+
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
4859
|
+
label?: string | undefined;
|
|
4860
|
+
slot?: string | undefined;
|
|
4861
|
+
title?: string | undefined;
|
|
4862
|
+
suppressHydrationWarning?: boolean | undefined;
|
|
4863
|
+
id?: string | undefined;
|
|
4864
|
+
lang?: string | undefined;
|
|
4865
|
+
name?: string | undefined;
|
|
4866
|
+
type?: string | undefined;
|
|
4867
|
+
role?: import("react").AriaRole | undefined;
|
|
4868
|
+
tabIndex?: number | undefined;
|
|
4869
|
+
"aria-activedescendant"?: string | undefined;
|
|
4870
|
+
"aria-atomic"?: (boolean | "false" | "true") | undefined;
|
|
4871
|
+
"aria-autocomplete"?: "none" | "inline" | "both" | "list" | undefined;
|
|
4872
|
+
"aria-braillelabel"?: string | undefined;
|
|
4873
|
+
"aria-brailleroledescription"?: string | undefined;
|
|
4874
|
+
"aria-busy"?: (boolean | "false" | "true") | undefined;
|
|
4875
|
+
"aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
4876
|
+
"aria-colcount"?: number | undefined;
|
|
4877
|
+
"aria-colindex"?: number | undefined;
|
|
4878
|
+
"aria-colindextext"?: string | undefined;
|
|
4879
|
+
"aria-colspan"?: number | undefined;
|
|
4880
|
+
"aria-controls"?: string | undefined;
|
|
4881
|
+
"aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
|
|
4882
|
+
"aria-description"?: string | undefined;
|
|
4883
|
+
"aria-details"?: string | undefined;
|
|
4884
|
+
"aria-disabled"?: (boolean | "false" | "true") | undefined;
|
|
4885
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
|
|
4886
|
+
"aria-errormessage"?: string | undefined;
|
|
4887
|
+
"aria-expanded"?: (boolean | "false" | "true") | undefined;
|
|
4888
|
+
"aria-flowto"?: string | undefined;
|
|
4889
|
+
"aria-grabbed"?: (boolean | "false" | "true") | undefined;
|
|
4890
|
+
"aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
|
|
4891
|
+
"aria-hidden"?: (boolean | "false" | "true") | undefined;
|
|
4892
|
+
"aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
|
|
4893
|
+
"aria-keyshortcuts"?: string | undefined;
|
|
4894
|
+
"aria-label"?: string | undefined;
|
|
4895
|
+
"aria-labelledby"?: string | undefined;
|
|
4896
|
+
"aria-level"?: number | undefined;
|
|
4897
|
+
"aria-live"?: "off" | "assertive" | "polite" | undefined;
|
|
4898
|
+
"aria-modal"?: (boolean | "false" | "true") | undefined;
|
|
4899
|
+
"aria-multiline"?: (boolean | "false" | "true") | undefined;
|
|
4900
|
+
"aria-multiselectable"?: (boolean | "false" | "true") | undefined;
|
|
4901
|
+
"aria-orientation"?: "horizontal" | "vertical" | undefined;
|
|
4902
|
+
"aria-owns"?: string | undefined;
|
|
4903
|
+
"aria-placeholder"?: string | undefined;
|
|
4904
|
+
"aria-posinset"?: number | undefined;
|
|
4905
|
+
"aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
|
|
4906
|
+
"aria-readonly"?: (boolean | "false" | "true") | undefined;
|
|
4907
|
+
"aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
4908
|
+
"aria-required"?: (boolean | "false" | "true") | undefined;
|
|
4909
|
+
"aria-roledescription"?: string | undefined;
|
|
4910
|
+
"aria-rowcount"?: number | undefined;
|
|
4911
|
+
"aria-rowindex"?: number | undefined;
|
|
4912
|
+
"aria-rowindextext"?: string | undefined;
|
|
4913
|
+
"aria-rowspan"?: number | undefined;
|
|
4914
|
+
"aria-selected"?: (boolean | "false" | "true") | undefined;
|
|
4915
|
+
"aria-setsize"?: number | undefined;
|
|
4916
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
4917
|
+
"aria-valuemax"?: number | undefined;
|
|
4918
|
+
"aria-valuemin"?: number | undefined;
|
|
4919
|
+
"aria-valuenow"?: number | undefined;
|
|
4920
|
+
"aria-valuetext"?: string | undefined;
|
|
4921
|
+
dangerouslySetInnerHTML?: {
|
|
4922
|
+
__html: string | TrustedHTML;
|
|
4923
|
+
} | undefined;
|
|
4924
|
+
onCopy?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
4925
|
+
onCopyCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
4926
|
+
onCut?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
4927
|
+
onCutCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
4928
|
+
onPaste?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
4929
|
+
onPasteCapture?: import("react").ClipboardEventHandler<HTMLDivElement> | undefined;
|
|
4930
|
+
onCompositionEnd?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
4931
|
+
onCompositionEndCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
4932
|
+
onCompositionStart?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
4933
|
+
onCompositionStartCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
4934
|
+
onCompositionUpdate?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
4935
|
+
onCompositionUpdateCapture?: import("react").CompositionEventHandler<HTMLDivElement> | undefined;
|
|
4936
|
+
onFocus?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
4937
|
+
onFocusCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
4938
|
+
onBlur?: import("react").FocusEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
4939
|
+
onBlurCapture?: import("react").FocusEventHandler<HTMLDivElement> | undefined;
|
|
4940
|
+
onChange?: import("react").ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
4941
|
+
onChangeCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4942
|
+
onBeforeInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4943
|
+
onBeforeInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4944
|
+
onInput?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4945
|
+
onInputCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4946
|
+
onReset?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4947
|
+
onResetCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4948
|
+
onSubmit?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4949
|
+
onSubmitCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4950
|
+
onInvalid?: import("react").FormEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
4951
|
+
onInvalidCapture?: import("react").FormEventHandler<HTMLDivElement> | undefined;
|
|
4952
|
+
onLoad?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4953
|
+
onLoadCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4954
|
+
onError?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4955
|
+
onErrorCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4956
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
4957
|
+
onKeyDownCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
4958
|
+
onKeyPress?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
4959
|
+
onKeyPressCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
4960
|
+
onKeyUp?: import("react").KeyboardEventHandler<HTMLInputElement | HTMLTextAreaElement> | undefined;
|
|
4961
|
+
onKeyUpCapture?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
|
|
4962
|
+
onAbort?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4963
|
+
onAbortCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4964
|
+
onCanPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4965
|
+
onCanPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4966
|
+
onCanPlayThrough?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4967
|
+
onCanPlayThroughCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4968
|
+
onDurationChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4969
|
+
onDurationChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4970
|
+
onEmptied?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4971
|
+
onEmptiedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4972
|
+
onEncrypted?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4973
|
+
onEncryptedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4974
|
+
onEnded?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4975
|
+
onEndedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4976
|
+
onLoadedData?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4977
|
+
onLoadedDataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4978
|
+
onLoadedMetadata?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4979
|
+
onLoadedMetadataCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4980
|
+
onLoadStart?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4981
|
+
onLoadStartCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4982
|
+
onPause?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4983
|
+
onPauseCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4984
|
+
onPlay?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4985
|
+
onPlayCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4986
|
+
onPlaying?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4987
|
+
onPlayingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4988
|
+
onProgress?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4989
|
+
onProgressCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4990
|
+
onRateChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4991
|
+
onRateChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4992
|
+
onResize?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4993
|
+
onResizeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4994
|
+
onSeeked?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4995
|
+
onSeekedCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4996
|
+
onSeeking?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4997
|
+
onSeekingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4998
|
+
onStalled?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
4999
|
+
onStalledCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5000
|
+
onSuspend?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5001
|
+
onSuspendCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5002
|
+
onTimeUpdate?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5003
|
+
onTimeUpdateCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5004
|
+
onVolumeChange?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5005
|
+
onVolumeChangeCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5006
|
+
onWaiting?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5007
|
+
onWaitingCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5008
|
+
onAuxClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5009
|
+
onAuxClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5010
|
+
onClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5011
|
+
onClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5012
|
+
onContextMenu?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5013
|
+
onContextMenuCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5014
|
+
onDoubleClick?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5015
|
+
onDoubleClickCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5016
|
+
onDrag?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5017
|
+
onDragCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5018
|
+
onDragEnd?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5019
|
+
onDragEndCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5020
|
+
onDragEnter?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5021
|
+
onDragEnterCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5022
|
+
onDragExit?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5023
|
+
onDragExitCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5024
|
+
onDragLeave?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5025
|
+
onDragLeaveCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5026
|
+
onDragOver?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5027
|
+
onDragOverCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5028
|
+
onDragStart?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5029
|
+
onDragStartCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5030
|
+
onDrop?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5031
|
+
onDropCapture?: import("react").DragEventHandler<HTMLDivElement> | undefined;
|
|
5032
|
+
onMouseDown?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5033
|
+
onMouseDownCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5034
|
+
onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5035
|
+
onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5036
|
+
onMouseMove?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5037
|
+
onMouseMoveCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5038
|
+
onMouseOut?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5039
|
+
onMouseOutCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5040
|
+
onMouseOver?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5041
|
+
onMouseOverCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5042
|
+
onMouseUp?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5043
|
+
onMouseUpCapture?: import("react").MouseEventHandler<HTMLDivElement> | undefined;
|
|
5044
|
+
onSelect?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5045
|
+
onSelectCapture?: import("react").ReactEventHandler<HTMLDivElement> | undefined;
|
|
5046
|
+
onTouchCancel?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5047
|
+
onTouchCancelCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5048
|
+
onTouchEnd?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5049
|
+
onTouchEndCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5050
|
+
onTouchMove?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5051
|
+
onTouchMoveCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5052
|
+
onTouchStart?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5053
|
+
onTouchStartCapture?: import("react").TouchEventHandler<HTMLDivElement> | undefined;
|
|
5054
|
+
onPointerDown?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5055
|
+
onPointerDownCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5056
|
+
onPointerMove?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5057
|
+
onPointerMoveCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5058
|
+
onPointerUp?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5059
|
+
onPointerUpCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5060
|
+
onPointerCancel?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5061
|
+
onPointerCancelCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5062
|
+
onPointerEnter?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5063
|
+
onPointerLeave?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5064
|
+
onPointerOver?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5065
|
+
onPointerOverCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5066
|
+
onPointerOut?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5067
|
+
onPointerOutCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5068
|
+
onGotPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5069
|
+
onGotPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5070
|
+
onLostPointerCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5071
|
+
onLostPointerCaptureCapture?: import("react").PointerEventHandler<HTMLDivElement> | undefined;
|
|
5072
|
+
onScroll?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
5073
|
+
onScrollCapture?: import("react").UIEventHandler<HTMLDivElement> | undefined;
|
|
5074
|
+
onWheel?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
5075
|
+
onWheelCapture?: import("react").WheelEventHandler<HTMLDivElement> | undefined;
|
|
5076
|
+
onAnimationStart?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
5077
|
+
onAnimationStartCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
5078
|
+
onAnimationEnd?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
5079
|
+
onAnimationEndCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
5080
|
+
onAnimationIteration?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
5081
|
+
onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLDivElement> | undefined;
|
|
5082
|
+
onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
5083
|
+
onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
|
|
5084
|
+
disabled?: boolean | undefined;
|
|
5085
|
+
content?: string | undefined;
|
|
5086
|
+
translate?: "yes" | "no" | undefined;
|
|
5087
|
+
background?: "dark" | "light" | "default" | undefined;
|
|
5088
|
+
slots?: {
|
|
5089
|
+
root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5090
|
+
input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5091
|
+
} | undefined;
|
|
5092
|
+
slotProps?: {
|
|
5093
|
+
root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
|
|
5094
|
+
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
5095
|
+
}) | undefined;
|
|
5096
|
+
input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides & {
|
|
5097
|
+
sx?: import("@mui/system").SxProps<import("@mui/material").Theme> | undefined;
|
|
5098
|
+
}) | undefined;
|
|
5099
|
+
} | undefined;
|
|
5100
|
+
defaultChecked?: boolean | undefined;
|
|
5101
|
+
defaultValue?: unknown;
|
|
5102
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
5103
|
+
accessKey?: string | undefined;
|
|
5104
|
+
autoFocus?: boolean | undefined;
|
|
5105
|
+
contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
|
|
5106
|
+
contextMenu?: string | undefined;
|
|
5107
|
+
dir?: string | undefined;
|
|
5108
|
+
draggable?: (boolean | "false" | "true") | undefined;
|
|
5109
|
+
hidden?: boolean | undefined;
|
|
5110
|
+
nonce?: string | undefined;
|
|
5111
|
+
spellCheck?: (boolean | "false" | "true") | undefined;
|
|
5112
|
+
radioGroup?: string | undefined;
|
|
5113
|
+
about?: string | undefined;
|
|
5114
|
+
datatype?: string | undefined;
|
|
5115
|
+
inlist?: any;
|
|
5116
|
+
prefix?: string | undefined;
|
|
5117
|
+
property?: string | undefined;
|
|
5118
|
+
rel?: string | undefined;
|
|
5119
|
+
resource?: string | undefined;
|
|
5120
|
+
rev?: string | undefined;
|
|
5121
|
+
typeof?: string | undefined;
|
|
5122
|
+
vocab?: string | undefined;
|
|
5123
|
+
autoCapitalize?: string | undefined;
|
|
5124
|
+
autoCorrect?: string | undefined;
|
|
5125
|
+
autoSave?: string | undefined;
|
|
5126
|
+
itemProp?: string | undefined;
|
|
5127
|
+
itemScope?: boolean | undefined;
|
|
5128
|
+
itemType?: string | undefined;
|
|
5129
|
+
itemID?: string | undefined;
|
|
5130
|
+
itemRef?: string | undefined;
|
|
5131
|
+
results?: number | undefined;
|
|
5132
|
+
security?: string | undefined;
|
|
5133
|
+
unselectable?: "off" | "on" | undefined;
|
|
5134
|
+
inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
|
|
5135
|
+
is?: string | undefined;
|
|
5136
|
+
fullWidth?: boolean | undefined;
|
|
5137
|
+
endAdornment?: import("react").ReactNode;
|
|
5138
|
+
value?: unknown;
|
|
5139
|
+
inputProps?: import("@mui/material").InputBaseComponentProps | undefined;
|
|
5140
|
+
inputRef?: import("react").Ref<any> | undefined;
|
|
5141
|
+
readOnly?: boolean | undefined;
|
|
5142
|
+
required?: boolean | undefined;
|
|
5143
|
+
components?: {
|
|
5144
|
+
Root?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5145
|
+
Input?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5146
|
+
} | undefined;
|
|
5147
|
+
componentsProps?: {
|
|
5148
|
+
root?: (import("react").HTMLAttributes<HTMLDivElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
|
|
5149
|
+
input?: (import("react").InputHTMLAttributes<HTMLInputElement> & import("@mui/material").InputBaseComponentsPropsOverrides) | undefined;
|
|
5150
|
+
} | undefined;
|
|
5151
|
+
size?: "small" | "large" | "medium" | undefined;
|
|
5152
|
+
textAlignRight?: boolean | undefined;
|
|
5153
|
+
error?: boolean | undefined;
|
|
5154
|
+
autoComplete?: string | undefined;
|
|
5155
|
+
disableInjectingGlobalStyles?: boolean | undefined;
|
|
5156
|
+
inputComponent?: import("react").ElementType<import("@mui/material").InputBaseComponentProps, keyof import("react").JSX.IntrinsicElements> | undefined;
|
|
5157
|
+
multiline?: boolean | undefined;
|
|
5158
|
+
placeholder?: string | undefined;
|
|
5159
|
+
renderSuffix?: ((state: {
|
|
5160
|
+
disabled?: boolean | undefined;
|
|
5161
|
+
error?: boolean | undefined;
|
|
5162
|
+
filled?: boolean | undefined;
|
|
5163
|
+
focused?: boolean | undefined;
|
|
5164
|
+
margin?: "none" | "normal" | "dense" | undefined; /**
|
|
5165
|
+
* If `disabled` is `true`, the input is disabled.
|
|
5166
|
+
*/
|
|
5167
|
+
required?: boolean | undefined;
|
|
5168
|
+
startAdornment?: import("react").ReactNode;
|
|
5169
|
+
}) => import("react").ReactNode) | undefined;
|
|
5170
|
+
rows?: string | number | undefined;
|
|
5171
|
+
maxRows?: string | number | undefined;
|
|
5172
|
+
minRows?: string | number | undefined;
|
|
5173
|
+
startAdornment?: import("react").ReactNode;
|
|
5174
|
+
helperText?: string | undefined;
|
|
5175
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
5176
|
+
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
5177
|
+
key?: import("react").Key | null | undefined;
|
|
5178
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
5179
|
+
};
|
|
5180
|
+
export declare const TextAreaMinRows: {
|
|
4828
5181
|
args: {
|
|
4829
5182
|
multiline: true;
|
|
4830
5183
|
minRows: number;
|
|
@@ -5157,6 +5510,7 @@ export declare const TextArea: {
|
|
|
5157
5510
|
minRows?: string | number | undefined;
|
|
5158
5511
|
startAdornment?: import("react").ReactNode;
|
|
5159
5512
|
helperText?: string | undefined;
|
|
5513
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
5160
5514
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
5161
5515
|
key?: import("react").Key | null | undefined;
|
|
5162
5516
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5495,6 +5849,7 @@ export declare const TextAreaWithEndAdornment: {
|
|
|
5495
5849
|
minRows?: string | number | undefined;
|
|
5496
5850
|
startAdornment?: import("react").ReactNode;
|
|
5497
5851
|
helperText?: string | undefined;
|
|
5852
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
5498
5853
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
5499
5854
|
key?: import("react").Key | null | undefined;
|
|
5500
5855
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -5833,6 +6188,7 @@ export declare const EventCallbacks: {
|
|
|
5833
6188
|
minRows?: string | number | undefined;
|
|
5834
6189
|
startAdornment?: import("react").ReactNode;
|
|
5835
6190
|
helperText?: string | undefined;
|
|
6191
|
+
inputPropStyles?: import("react").CSSProperties | undefined;
|
|
5836
6192
|
ref?: import("react").LegacyRef<HTMLInputElement> | undefined;
|
|
5837
6193
|
key?: import("react").Key | null | undefined;
|
|
5838
6194
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
1
2
|
import { InputBaseProps } from '@mui/material/InputBase';
|
|
2
3
|
type disabledProps = 'autoComplete' | 'color' | 'margin' | 'aria-describedby' | 'size';
|
|
3
4
|
export interface InputProps extends Partial<Omit<InputBaseProps, disabledProps>> {
|
|
@@ -28,6 +29,10 @@ export interface InputProps extends Partial<Omit<InputBaseProps, disabledProps>>
|
|
|
28
29
|
* You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).
|
|
29
30
|
*/
|
|
30
31
|
autoComplete?: string;
|
|
32
|
+
/**
|
|
33
|
+
* InputProps Styles object overrides
|
|
34
|
+
*/
|
|
35
|
+
inputPropStyles?: CSSProperties;
|
|
31
36
|
}
|
|
32
37
|
export type InputRef = HTMLInputElement;
|
|
33
38
|
export {};
|
package/dist/index.esm.js
CHANGED
|
@@ -3756,7 +3756,7 @@ function BrowseIcon(props) {
|
|
|
3756
3756
|
}
|
|
3757
3757
|
|
|
3758
3758
|
function Browse2Icon(props) {
|
|
3759
|
-
return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 19 19", children: [jsx("rect", { width: "19", height: "19", fill: "
|
|
3759
|
+
return (jsxs(SvgIcon, __assign({}, props, { viewBox: "0 0 19 19", children: [jsx("rect", { width: "19", height: "19", fill: "none" }), jsx("path", { opacity: "0.5", d: "M3.875 1.625H17.375V3.875H3.875V1.625Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M4.03509 1.76897C3.95385 1.83625 3.875 1.95187 3.875 2.1875V14.5625C3.875 14.8381 3.95235 14.9531 4.00674 15.0042C4.06736 15.0612 4.19206 15.125 4.4375 15.125H16.8109C16.8736 15.125 17.0116 15.0787 17.1561 14.9083C17.2948 14.7447 17.375 14.5376 17.375 14.358V2.39205C17.375 2.17967 17.3014 1.97158 17.1868 1.82652C17.0773 1.68777 16.9491 1.625 16.8125 1.625H4.53533C4.29827 1.625 4.13159 1.68904 4.03509 1.76897ZM3.31749 0.902556C3.66732 0.612805 4.11206 0.5 4.53533 0.5H16.8125C17.3515 0.5 17.7858 0.769619 18.0699 1.12944C18.3489 1.48296 18.5 1.93964 18.5 2.39205V14.358C18.5 14.8431 18.2982 15.3008 18.0142 15.6358C17.736 15.9639 17.3107 16.25 16.8109 16.25H4.4375C4.00733 16.25 3.56953 16.137 3.23655 15.8243C2.89734 15.5057 2.75 15.0582 2.75 14.5625V2.1875C2.75 1.65182 2.9524 1.20494 3.31749 0.902556Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.75 4.4375C2.75 4.12684 3.00184 3.875 3.3125 3.875H17.9375C18.2482 3.875 18.5 4.12684 18.5 4.4375C18.5 4.74816 18.2482 5 17.9375 5H3.3125C3.00184 5 2.75 4.74816 2.75 4.4375Z", fill: "currentColor" }), jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.0625 3.3125C1.37316 3.3125 1.625 3.56434 1.625 3.875V16.25C1.625 16.7258 1.74357 16.9793 1.88212 17.1179C2.02068 17.2564 2.27421 17.375 2.75 17.375H15.125C15.4357 17.375 15.6875 17.6268 15.6875 17.9375C15.6875 18.2482 15.4357 18.5 15.125 18.5H2.75C2.10079 18.5 1.51057 18.3373 1.08663 17.9134C0.662683 17.4894 0.5 16.8992 0.5 16.25V3.875C0.5 3.56434 0.75184 3.3125 1.0625 3.3125Z", fill: "currentColor" })] })));
|
|
3760
3760
|
}
|
|
3761
3761
|
|
|
3762
3762
|
function ButtonCaretIcon(props) {
|
|
@@ -16468,7 +16468,7 @@ styleInject(css_248z);
|
|
|
16468
16468
|
|
|
16469
16469
|
var StyledDateRangePicker = styled$1(dist.DateRangePicker)(function (_a) {
|
|
16470
16470
|
var theme = _a.theme;
|
|
16471
|
-
return "\n .rdrDateRangeWrapper {\n border: none;\n }\n\n /* Defined Ranges */\n .rdrDefinedRangesWrapper {\n width: 120px;\n border-color: ".concat(theme.palette.divider, ";\n }\n\n .rdrInputRanges {\n display: none;\n }\n\n .rdrStaticRange {\n font-family: ").concat(theme.typography.body1.fontFamily, ";\n }\n\n .rdrDefinedRangesWrapper .rdrStaticRangeSelected {\n color: ").concat(theme.palette.primary.main, ";\n background-color: #dceef9;\n }\n\n .rdrStaticRangeLabel {\n line-height:
|
|
16471
|
+
return "\n .rdrDateRangeWrapper {\n border: none;\n }\n\n /* Defined Ranges */\n .rdrDefinedRangesWrapper {\n width: 120px;\n border-color: ".concat(theme.palette.divider, ";\n }\n\n .rdrInputRanges {\n display: none;\n }\n\n .rdrStaticRange {\n font-family: ").concat(theme.typography.body1.fontFamily, ";\n border-bottom: 1px solid #d8d8d8;\n }\n\n .rdrStaticRange:last-child {\n border-bottom: 0;\n }\n\n .rdrDefinedRangesWrapper .rdrStaticRangeSelected {\n color: ").concat(theme.palette.primary.main, ";\n background-color: #dceef9;\n }\n\n .rdrStaticRangeLabel {\n line-height: 1.5rem;\n padding: 0.625rem 1.5rem;\n color: ").concat(theme.palette.primary.main, ";\n }\n\n /* Calendar */\n .rdrDateDisplayWrapper {\n background-color: ").concat(theme.palette.background.default, ";\n height: 44px;\n min-width: 282px;\n }\n\n .rdrDateDisplayItem {\n border-radius: ").concat(theme.shapes.button, ";\n }\n\n .rdrDateDisplayItem input {\n height: 1.5rem;\n line-height: 1.5rem;\n }\n\n .rdrDateDisplayItemActive {\n border-color: #32abe2;\n }\n\n .rdrMonthAndYearWrapper {\n height: 46px;\n padding-top: 0;\n border-top: 1px solid ").concat(theme.palette.divider, ";\n border-bottom: 1px solid ").concat(theme.palette.divider, ";\n }\n\n .leap-4d-calendar .rdrMonthAndYearWrapper {\n border-top: none;\n }\n\n .rdrMonthAndYearPickers select {\n padding: 8px 24px 8px 4px;\n font-size: 13px;\n color: ").concat(theme.palette.primary.main, ";\n border-radius: 0;\n }\n\n .rdrMonthAndYearPickers select:hover {\n background-color: #dceef9;\n }\n\n .rdrMonthAndYearPickers select option {\n background-color: white;\n }\n\n .rdrMonthName {\n padding: 0;\n text-align: center;\n color: ").concat(theme.palette.text.secondary, ";\n }\n\n .rdrMonth:only-child .rdrMonthName {\n display: none;\n }\n\n .rdrMonth {\n padding: 16px 32px 0;\n }\n\n .rdrMonths.rdrMonthsHorizontal .rdrMonth:only-child {\n padding: 10px 26px 25px;\n width: 100%;\n }\n\n .rdrMonths.rdrMonthsHorizontal > div {\n padding: 1em 1em 0;\n width: 225px;\n }\n\n .rdrMonth:only-child {\n margin: 0 auto;\n width: 100%;\n }\n\n .rdrMonth:only-child .rdrStartEdge {\n left: 4px;\n }\n\n .rdrMonth:only-child .rdrEndEdge {\n right: 4px;\n }\n \n .rdrDay {\n height: 2em;\n line-height: 2em;\n }\n\n .rdrDayStartPreview,\n .rdrDayInPreview,\n .rdrDayEndPreview,\n .rdrSelected,\n .rdrInRange,\n .rdrStartEdge,\n .rdrEndEdge {\n top: 0.5px;\n bottom: 0.5px;\n }\n\n .rdrWeekDay {\n color: #aab0b8;\n font-weight: 600;\n line-height: 2em;\n }\n\n .rdrDayNumber span {\n color: ").concat(theme.palette.text.primary, ";\n }\n\n .rdrDay:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span,\n .rdrDay:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span {\n color: ").concat(theme.palette.primary.main, ";\n }\n\n .rdrDayToday .rdrDayNumber span {\n font-weight: 600;\n }\n\n .rdrDayToday:not(.rdrDayPassive) .rdrInRange ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrStartEdge ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrEndEdge ~ .rdrDayNumber span:after,\n .rdrDayToday:not(.rdrDayPassive) .rdrSelected ~ .rdrDayNumber span:after {\n background-color: ").concat(theme.palette.primary.main, ";\n }\n\n .rdrDayToday .rdrDayNumber span:after {\n background-color: ").concat(theme.palette.primary.main, ";\n bottom: -1px;\n width: 15px;\n height: 1px;\n }\n\n .rdrNextPrevButton {\n margin: 0 1em;\n background: none;\n }\n\n .rdrNextPrevButton:hover {\n background-color: #E1E7F0;\n }\n\n .rdrNextPrevButton i {\n width: 24px;\n height: 24px;\n background-image: url(\"data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.3964 7.14645C12.5917 6.95118 12.9083 6.95118 13.1036 7.14645L17.6036 11.6464C17.7988 11.8417 17.7988 12.1583 17.6036 12.3536L13.1036 16.8536C12.9083 17.0488 12.5917 17.0488 12.3964 16.8536C12.2012 16.6583 12.2012 16.3417 12.3964 16.1464L16.0429 12.5H6.75C6.47386 12.5 6.25 12.2761 6.25 12C6.25 11.7239 6.47386 11.5 6.75 11.5H16.0429L12.3964 7.85355C12.2012 7.65829 12.2012 7.34171 12.3964 7.14645Z' fill='%231E365E'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21.5C17.2467 21.5 21.5 17.2467 21.5 12C21.5 6.75329 17.2467 2.5 12 2.5C6.75329 2.5 2.5 6.75329 2.5 12C2.5 17.2467 6.75329 21.5 12 21.5ZM12 22.5C17.799 22.5 22.5 17.799 22.5 12C22.5 6.20101 17.799 1.5 12 1.5C6.20101 1.5 1.5 6.20101 1.5 12C1.5 17.799 6.20101 22.5 12 22.5Z' fill='%231E365E'/%3E%3C/svg%3E%0A\");\n background-repeat: no-repeat;\n padding: 0;\n margin: 0;\n }\n\n .rdrPprevButton i {\n border: none;\n transform: rotate(-180deg);\n }\n\n .rdrNextButton i {\n border: none;\n transform: none;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayHovered .rdrDayNumber:after {\n border-radius: 100%;\n top: -4px;\n bottom: -4px;\n left: 4px;\n right: 4px;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayStartPreview,\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayStartOfWeek .rdrDayNumber:after {\n left: 4px;\n }\n\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayEndPreview,\n &.leap-4d-date-picker .rdrMonths .rdrMonth:only-child .rdrDayActive.rdrDayEndOfWeek .rdrDayNumber:after {\n right: 4px;\n }\n\n\n .rdrStaticRange:hover .rdrStaticRangeLabel,\n .rdrStaticRange:focus .rdrStaticRangeLabel {\n background-color: #dceef9;\n }\n\n .rdrDayStartPreview,\n .rdrStartEdge,\n .rdrDayStartOfWeek .rdrDayEndPreview,\n .rdrDayStartOfWeek .rdrDayInPreview {\n left: 3px;\n }\n\n .rdrDayEndPreview,\n .rdrEndEdge,\n .rdrDayEndOfWeek .rdrDayStartPreview,\n .rdrDayEndOfWeek .rdrDayInPreview {\n right: 3px;\n }\n\n .rdrDayPassive .rdrDayNumber span {\n color: #d8d8d8;\n }\n");
|
|
16472
16472
|
});
|
|
16473
16473
|
|
|
16474
16474
|
var DateRangePicker = function (props) {
|
|
@@ -18716,8 +18716,12 @@ var StyledFormHelperText = styled(FormHelperText)(function (_a) {
|
|
|
18716
18716
|
});
|
|
18717
18717
|
|
|
18718
18718
|
var Input = React.forwardRef(function Input(props, ref) {
|
|
18719
|
-
var _a = props.error, error = _a === void 0 ? false : _a, helperText = props.helperText, _b = props.textAlignRight, textAlignRight = _b === void 0 ? false : _b, label = props.label, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.background, background = _d === void 0 ? 'default' : _d, className = props.className, rest = __rest(props, ["error", "helperText", "textAlignRight", "label", "size", "background", "className"]);
|
|
18720
|
-
return (jsxs(Fragment$1, { children: [label && jsx(FormLabelBlock, { children: label }), jsx(StyledInputBase, __assign({ ref: ref, error: error, textAlignRight: textAlignRight, className: clsx(size === 'large' && 'customLargeSize', background === 'light' && 'customLightColor', className)
|
|
18719
|
+
var _a = props.error, error = _a === void 0 ? false : _a, helperText = props.helperText, _b = props.textAlignRight, textAlignRight = _b === void 0 ? false : _b, label = props.label, _c = props.size, size = _c === void 0 ? 'medium' : _c, _d = props.background, background = _d === void 0 ? 'default' : _d, className = props.className, inputPropStyles = props.inputPropStyles, rest = __rest(props, ["error", "helperText", "textAlignRight", "label", "size", "background", "className", "inputPropStyles"]);
|
|
18720
|
+
return (jsxs(Fragment$1, { children: [label && jsx(FormLabelBlock, { children: label }), jsx(StyledInputBase, __assign({ ref: ref, error: error, textAlignRight: textAlignRight, className: clsx(size === 'large' && 'customLargeSize', background === 'light' && 'customLightColor', className), inputProps: {
|
|
18721
|
+
style: __assign({
|
|
18722
|
+
// EDGECASE: When we use multiline and set minRows, maxRows, rows we need to define the width of the input. By default we set this to 162.
|
|
18723
|
+
width: inputPropStyles ? inputPropStyles.width : 162 }, inputPropStyles),
|
|
18724
|
+
} }, rest)), helperText && (jsx(StyledFormHelperText, { error: error, children: helperText }))] }));
|
|
18721
18725
|
});
|
|
18722
18726
|
|
|
18723
18727
|
var ListItemAvatar = function (props) {
|