@instructure/ui-time-select 11.7.2-snapshot-48 → 11.7.2-snapshot-49
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/CHANGELOG.md +12 -2
- package/es/TimeSelect/v2/index.js +535 -0
- package/es/TimeSelect/v2/props.js +26 -0
- package/es/exports/b.js +24 -0
- package/lib/TimeSelect/v2/index.js +546 -0
- package/lib/TimeSelect/v2/props.js +31 -0
- package/lib/exports/b.js +12 -0
- package/package.json +19 -19
- package/src/TimeSelect/v2/README.md +85 -0
- package/src/TimeSelect/v2/index.tsx +645 -0
- package/src/TimeSelect/v2/props.ts +327 -0
- package/src/exports/b.ts +26 -0
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/TimeSelect/v2/index.d.ts +109 -0
- package/types/TimeSelect/v2/index.d.ts.map +1 -0
- package/types/TimeSelect/v2/props.d.ts +249 -0
- package/types/TimeSelect/v2/props.d.ts.map +1 -0
- package/types/exports/b.d.ts +3 -0
- package/types/exports/b.d.ts.map +1 -0
|
@@ -0,0 +1,109 @@
|
|
|
1
|
+
import { Component } from 'react';
|
|
2
|
+
import type { Moment } from 'moment-timezone';
|
|
3
|
+
import { ApplyLocaleContext } from '@instructure/ui-i18n';
|
|
4
|
+
import { Select } from '@instructure/ui-select/latest';
|
|
5
|
+
import type { SelectProps } from '@instructure/ui-select/latest';
|
|
6
|
+
import type { TimeSelectProps, TimeSelectState, TimeSelectOptions } from './props';
|
|
7
|
+
type GetOption = <F extends keyof TimeSelectOptions>(field: F, value?: TimeSelectOptions[F], options?: TimeSelectOptions[]) => TimeSelectOptions | undefined;
|
|
8
|
+
/**
|
|
9
|
+
---
|
|
10
|
+
category: components
|
|
11
|
+
---
|
|
12
|
+
|
|
13
|
+
A component used to select a time value.
|
|
14
|
+
**/
|
|
15
|
+
declare class TimeSelect extends Component<TimeSelectProps, TimeSelectState> {
|
|
16
|
+
context: React.ContextType<typeof ApplyLocaleContext>;
|
|
17
|
+
static readonly componentId = "TimeSelect";
|
|
18
|
+
static allowedProps: readonly (keyof {
|
|
19
|
+
renderLabel: import("@instructure/shared-types").Renderable;
|
|
20
|
+
defaultToFirstOption?: boolean;
|
|
21
|
+
value?: string;
|
|
22
|
+
defaultValue?: string;
|
|
23
|
+
id?: string;
|
|
24
|
+
format?: string;
|
|
25
|
+
step?: 5 | 10 | 15 | 20 | 30 | 60;
|
|
26
|
+
interaction?: "enabled" | "disabled" | "readonly";
|
|
27
|
+
placeholder?: string;
|
|
28
|
+
isRequired?: boolean;
|
|
29
|
+
isInline?: boolean;
|
|
30
|
+
width?: string;
|
|
31
|
+
optionsMaxWidth?: string;
|
|
32
|
+
visibleOptionsCount?: number;
|
|
33
|
+
messages?: import("@instructure/ui-form-field/types/exports/a.js").FormMessage[];
|
|
34
|
+
placement?: import("@instructure/ui-position").PlacementPropValues;
|
|
35
|
+
constrain?: import("@instructure/ui-position").PositionConstraint;
|
|
36
|
+
mountNode?: import("@instructure/ui-position").PositionMountNode;
|
|
37
|
+
onChange?: (event: React.SyntheticEvent, data: {
|
|
38
|
+
value: string;
|
|
39
|
+
inputText: string;
|
|
40
|
+
}) => void;
|
|
41
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
42
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
43
|
+
onShowOptions?: (event: React.SyntheticEvent) => void;
|
|
44
|
+
onHideOptions?: (event: React.SyntheticEvent) => void;
|
|
45
|
+
inputRef?: (inputElement: HTMLInputElement | null) => void;
|
|
46
|
+
listRef?: (listElement: HTMLUListElement | null) => void;
|
|
47
|
+
renderEmptyOption?: import("@instructure/shared-types").Renderable;
|
|
48
|
+
renderBeforeInput?: import("@instructure/shared-types").Renderable;
|
|
49
|
+
renderAfterInput?: import("@instructure/shared-types").Renderable;
|
|
50
|
+
locale?: string;
|
|
51
|
+
timezone?: string;
|
|
52
|
+
allowNonStepInput?: boolean;
|
|
53
|
+
onInputChange?: (event: React.ChangeEvent<HTMLInputElement>, value: string, valueAsISOString?: string) => void;
|
|
54
|
+
allowClearingSelection?: boolean;
|
|
55
|
+
})[];
|
|
56
|
+
static defaultProps: {
|
|
57
|
+
defaultToFirstOption: boolean;
|
|
58
|
+
format: string;
|
|
59
|
+
step: number;
|
|
60
|
+
isRequired: boolean;
|
|
61
|
+
isInline: boolean;
|
|
62
|
+
visibleOptionsCount: number;
|
|
63
|
+
placement: string;
|
|
64
|
+
constrain: string;
|
|
65
|
+
renderEmptyOption: string;
|
|
66
|
+
allowNonStepInput: boolean;
|
|
67
|
+
allowClearingSelection: boolean;
|
|
68
|
+
};
|
|
69
|
+
static contextType: import("react").Context<{
|
|
70
|
+
locale?: string;
|
|
71
|
+
timezone?: string;
|
|
72
|
+
}>;
|
|
73
|
+
ref: Select | null;
|
|
74
|
+
private readonly _emptyOptionId;
|
|
75
|
+
constructor(props: TimeSelectProps);
|
|
76
|
+
componentDidMount(): void;
|
|
77
|
+
focus(): void;
|
|
78
|
+
blur(): void;
|
|
79
|
+
get _select(): Select | null;
|
|
80
|
+
get isControlled(): boolean;
|
|
81
|
+
get interaction(): import("@instructure/ui-react-utils").InteractionType;
|
|
82
|
+
get focused(): boolean | null;
|
|
83
|
+
get id(): string | null;
|
|
84
|
+
locale(): string;
|
|
85
|
+
timezone(): string;
|
|
86
|
+
componentDidUpdate(prevProps: TimeSelectProps): void;
|
|
87
|
+
getFormattedId(date: Moment): string;
|
|
88
|
+
getInitialState(): TimeSelectState;
|
|
89
|
+
getInitialOption(options: TimeSelectOptions[]): TimeSelectOptions | undefined;
|
|
90
|
+
getOption: GetOption;
|
|
91
|
+
getBaseDate(): Moment;
|
|
92
|
+
generateOptions(): TimeSelectOptions[];
|
|
93
|
+
filterOptions(inputValue: string): TimeSelectOptions[];
|
|
94
|
+
handleRef: (node: Select) => void;
|
|
95
|
+
handleBlur: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
96
|
+
handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
|
|
97
|
+
onKeyDown: (event: React.KeyboardEvent<any>) => void;
|
|
98
|
+
handleShowOptions: (event: React.SyntheticEvent) => void;
|
|
99
|
+
handleBlurOrEsc: SelectProps['onRequestHideOptions'];
|
|
100
|
+
handleSelectOption: SelectProps['onRequestSelectOption'];
|
|
101
|
+
handleHighlightOption: SelectProps['onRequestHighlightOption'];
|
|
102
|
+
renderOptions(): import("@emotion/react/jsx-runtime").JSX.Element | import("@emotion/react/jsx-runtime").JSX.Element[];
|
|
103
|
+
renderEmptyOption(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
104
|
+
parseInputText: (inputValue: string) => Moment;
|
|
105
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
106
|
+
}
|
|
107
|
+
export { TimeSelect };
|
|
108
|
+
export default TimeSelect;
|
|
109
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/TimeSelect/v2/index.tsx"],"names":[],"mappings":"AAwBA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAE,kBAAkB,EAAoB,MAAM,sBAAsB,CAAA;AAO3E,OAAO,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAA;AAGtD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,iBAAiB,EAClB,MAAM,SAAS,CAAA;AAIhB,KAAK,SAAS,GAAG,CAAC,CAAC,SAAS,MAAM,iBAAiB,EACjD,KAAK,EAAE,CAAC,EACR,KAAK,CAAC,EAAE,iBAAiB,CAAC,CAAC,CAAC,EAC5B,OAAO,CAAC,EAAE,iBAAiB,EAAE,KAC1B,iBAAiB,GAAG,SAAS,CAAA;AAElC;;;;;;IAMI;AACJ,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC1D,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,OAAO,kBAAkB,CAAC,CAAA;IAE7D,MAAM,CAAC,QAAQ,CAAC,WAAW,gBAAe;IAC1C,MAAM,CAAC,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oGAwMmC,CAAC;;SAxMrB;IAClC,MAAM,CAAC,YAAY;;;;;;;;;;;;MAYlB;IACD,MAAM,CAAC,WAAW;;;OAAqB;IAEvC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAO;IAEzB,OAAO,CAAC,QAAQ,CAAC,cAAc,CACoB;gBAEvC,KAAK,EAAE,eAAe;IAKlC,iBAAiB;IAMjB,KAAK;IAIL,IAAI;IAIJ,IAAI,OAAO,kBAKV;IAED,IAAI,YAAY,YAEf;IAED,IAAI,WAAW,0DAEd;IAED,IAAI,OAAO,mBAEV;IAED,IAAI,EAAE,kBAEL;IAED,MAAM;IASN,QAAQ;IASR,kBAAkB,CAAC,SAAS,EAAE,eAAe;IA4D7C,cAAc,CAAC,IAAI,EAAE,MAAM;IAM3B,eAAe,IAAI,eAAe;IAoBlC,gBAAgB,CAAC,OAAO,EAAE,iBAAiB,EAAE;IAyB7C,SAAS,EAAE,SAAS,CAEnB;IAED,WAAW;IAWX,eAAe,IAAI,iBAAiB,EAAE;IAuBtC,aAAa,CAAC,UAAU,EAAE,MAAM;IA0BhC,SAAS,GAAI,MAAM,MAAM,UAExB;IAED,UAAU,GAAI,OAAO,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,UAEtD;IAED,iBAAiB,GAAI,OAAO,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,UA+B9D;IAED,SAAS,GAAI,OAAO,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,UAc3C;IAED,iBAAiB,GAAI,OAAO,KAAK,CAAC,cAAc,UA2B/C;IAKD,eAAe,EAAE,WAAW,CAAC,sBAAsB,CAAC,CA0DnD;IAGD,kBAAkB,EAAE,WAAW,CAAC,uBAAuB,CAAC,CAwCvD;IAED,qBAAqB,EAAE,WAAW,CAAC,0BAA0B,CAAC,CAU7D;IAED,aAAa;IAuBb,iBAAiB;IAYjB,cAAc,GAAI,YAAY,MAAM,YAanC;IAED,MAAM;CAoEP;AAED,OAAO,EAAE,UAAU,EAAE,CAAA;AACrB,eAAe,UAAU,CAAA"}
|
|
@@ -0,0 +1,249 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
import type { FormMessage } from '@instructure/ui-form-field/latest';
|
|
3
|
+
import type { OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
|
+
import type { PlacementPropValues, PositionConstraint, PositionMountNode } from '@instructure/ui-position';
|
|
5
|
+
import type { WithDeterministicIdProps } from '@instructure/ui-react-utils';
|
|
6
|
+
import { Renderable } from '@instructure/shared-types';
|
|
7
|
+
import type { Moment } from 'moment-timezone';
|
|
8
|
+
type PropKeys = keyof TimeSelectOwnProps;
|
|
9
|
+
type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
10
|
+
type TimeSelectProps = TimeSelectOwnProps & OtherHTMLAttributes<TimeSelectOwnProps, InputHTMLAttributes<TimeSelectOwnProps & Element>> & WithDeterministicIdProps;
|
|
11
|
+
type TimeSelectOwnProps = {
|
|
12
|
+
/**
|
|
13
|
+
* The form field label.
|
|
14
|
+
*/
|
|
15
|
+
renderLabel: Renderable;
|
|
16
|
+
/**
|
|
17
|
+
* Whether to default to the first option when `defaultValue` hasn't been specified.
|
|
18
|
+
*/
|
|
19
|
+
defaultToFirstOption?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* An ISO 8601 formatted date string representing the current selected value. If defined,
|
|
22
|
+
* the component will act controlled and will not manage its own state.
|
|
23
|
+
*/
|
|
24
|
+
value?: string;
|
|
25
|
+
/**
|
|
26
|
+
* An ISO 8601 formatted date string to use if `value` isn't provided.
|
|
27
|
+
*/
|
|
28
|
+
defaultValue?: string;
|
|
29
|
+
/**
|
|
30
|
+
* The id of the text input. One is generated if not supplied.
|
|
31
|
+
*/
|
|
32
|
+
id?: string;
|
|
33
|
+
/**
|
|
34
|
+
* The format to use when displaying the possible and currently selected options.
|
|
35
|
+
* This component currently rounds seconds down to the minute.
|
|
36
|
+
* Defaults to `LT`, which is localized time without seconds, e.g. "16:45" or
|
|
37
|
+
* "4:45 PM"
|
|
38
|
+
*
|
|
39
|
+
* See [moment](https://momentjs.com/docs/#/displaying/format/) for the list
|
|
40
|
+
* of available formats.
|
|
41
|
+
*/
|
|
42
|
+
format?: string;
|
|
43
|
+
/**
|
|
44
|
+
* The number of minutes to increment by when generating the allowable options.
|
|
45
|
+
*/
|
|
46
|
+
step?: 5 | 10 | 15 | 20 | 30 | 60;
|
|
47
|
+
/**
|
|
48
|
+
* Specifies if interaction with the input is enabled, disabled, or readonly.
|
|
49
|
+
* When "disabled", the input changes visibly to indicate that it cannot
|
|
50
|
+
* receive user interactions. When "readonly" the input still cannot receive
|
|
51
|
+
* user interactions, but it keeps the same styles as if it were enabled.
|
|
52
|
+
*/
|
|
53
|
+
interaction?: 'enabled' | 'disabled' | 'readonly';
|
|
54
|
+
/**
|
|
55
|
+
* Html placeholder text to display when the input has no value. This should
|
|
56
|
+
* be hint text, not a label replacement.
|
|
57
|
+
*/
|
|
58
|
+
placeholder?: string;
|
|
59
|
+
isRequired?: boolean;
|
|
60
|
+
/**
|
|
61
|
+
* Whether the input is rendered inline with other elements or if it
|
|
62
|
+
* is rendered as a block level element.
|
|
63
|
+
*/
|
|
64
|
+
isInline?: boolean;
|
|
65
|
+
/**
|
|
66
|
+
* The width of the text input.
|
|
67
|
+
*/
|
|
68
|
+
width?: string;
|
|
69
|
+
/**
|
|
70
|
+
* The max width the options list can be before option text wraps. If not
|
|
71
|
+
* set, the list will only display as wide as the text input.
|
|
72
|
+
*/
|
|
73
|
+
optionsMaxWidth?: string;
|
|
74
|
+
/**
|
|
75
|
+
* The number of options that should be visible before having to scroll.
|
|
76
|
+
*/
|
|
77
|
+
visibleOptionsCount?: number;
|
|
78
|
+
/**
|
|
79
|
+
* Displays messages and validation for the input. It should be an array of
|
|
80
|
+
* objects with the following shape:
|
|
81
|
+
* `{
|
|
82
|
+
* text: ReactNode,
|
|
83
|
+
* type: One of: ['newError', 'error', 'hint', 'success', 'screenreader-only']
|
|
84
|
+
* }`
|
|
85
|
+
*/
|
|
86
|
+
messages?: FormMessage[];
|
|
87
|
+
/**
|
|
88
|
+
* The placement of the options list.
|
|
89
|
+
*/
|
|
90
|
+
placement?: PlacementPropValues;
|
|
91
|
+
/**
|
|
92
|
+
* The parent in which to constrain the placement.
|
|
93
|
+
*/
|
|
94
|
+
constrain?: PositionConstraint;
|
|
95
|
+
/**
|
|
96
|
+
* An element or a function returning an element to use mount the options
|
|
97
|
+
* list to in the DOM (defaults to `document.body`)
|
|
98
|
+
*/
|
|
99
|
+
mountNode?: PositionMountNode;
|
|
100
|
+
/**
|
|
101
|
+
* Callback fired when a new option is selected. This can happen in the
|
|
102
|
+
* following ways:
|
|
103
|
+
* 1. User clicks/presses enter on an option in the dropdown and focuses away
|
|
104
|
+
* 2. User enters a valid time manually and focuses away
|
|
105
|
+
* @param event - the event object
|
|
106
|
+
* @param data - additional data containing the value and the input string
|
|
107
|
+
*/
|
|
108
|
+
onChange?: (event: React.SyntheticEvent, data: {
|
|
109
|
+
value: string;
|
|
110
|
+
inputText: string;
|
|
111
|
+
}) => void;
|
|
112
|
+
/**
|
|
113
|
+
* Callback fired when text input receives focus.
|
|
114
|
+
*/
|
|
115
|
+
onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
116
|
+
/**
|
|
117
|
+
* Callback fired when text input loses focus.
|
|
118
|
+
*/
|
|
119
|
+
onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
|
|
120
|
+
/**
|
|
121
|
+
* Callback fired when the options list is shown.
|
|
122
|
+
*/
|
|
123
|
+
onShowOptions?: (event: React.SyntheticEvent) => void;
|
|
124
|
+
/**
|
|
125
|
+
* Callback fired when the options list is hidden.
|
|
126
|
+
*/
|
|
127
|
+
onHideOptions?: (event: React.SyntheticEvent) => void;
|
|
128
|
+
/**
|
|
129
|
+
* A ref to the html `input` element.
|
|
130
|
+
*/
|
|
131
|
+
inputRef?: (inputElement: HTMLInputElement | null) => void;
|
|
132
|
+
/**
|
|
133
|
+
* A ref to the html `ul` element.
|
|
134
|
+
*/
|
|
135
|
+
listRef?: (listElement: HTMLUListElement | null) => void;
|
|
136
|
+
/**
|
|
137
|
+
* Content to display in the list when no options are available.
|
|
138
|
+
*/
|
|
139
|
+
renderEmptyOption?: Renderable;
|
|
140
|
+
/**
|
|
141
|
+
* Content to display before the text input. This will commonly be an icon.
|
|
142
|
+
*/
|
|
143
|
+
renderBeforeInput?: Renderable;
|
|
144
|
+
/**
|
|
145
|
+
* Content to display after the text input. This content will replace the
|
|
146
|
+
* default arrow icons.
|
|
147
|
+
*/
|
|
148
|
+
renderAfterInput?: Renderable;
|
|
149
|
+
/**
|
|
150
|
+
* A standard language identifier.
|
|
151
|
+
*
|
|
152
|
+
* See [moment.js i18n](https://momentjs.com/docs/#/i18n/) for more details.
|
|
153
|
+
*
|
|
154
|
+
* This property can also be set via a context property and if both are set then the component property takes
|
|
155
|
+
* precedence over the context property.
|
|
156
|
+
*
|
|
157
|
+
* The web browser's locale will be used if no value is set via a component property or a context
|
|
158
|
+
* property.
|
|
159
|
+
*/
|
|
160
|
+
locale?: string;
|
|
161
|
+
/**
|
|
162
|
+
* A timezone identifier in the format: Area/Location
|
|
163
|
+
*
|
|
164
|
+
* See [List of tz database time zones](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones) for the list
|
|
165
|
+
* of possible options.
|
|
166
|
+
*
|
|
167
|
+
* This property can also be set via a context property and if both are set then the component property takes
|
|
168
|
+
* precedence over the context property.
|
|
169
|
+
*
|
|
170
|
+
* The web browser's timezone will be used if no value is set via a component property or a context
|
|
171
|
+
* property.
|
|
172
|
+
*/
|
|
173
|
+
timezone?: string;
|
|
174
|
+
/**
|
|
175
|
+
* Whether to allow the user to enter non-step divisible values in the input field.
|
|
176
|
+
* Note that even if this is set to `false` one can enter non-step divisible values programatically.
|
|
177
|
+
* The user will need to enter the value exactly (except for lower/uppercase) as specified by the `format` prop for
|
|
178
|
+
* it to be accepted.
|
|
179
|
+
*
|
|
180
|
+
* Default is `false`
|
|
181
|
+
*/
|
|
182
|
+
allowNonStepInput?: boolean;
|
|
183
|
+
/**
|
|
184
|
+
* Callback fired when text input value changes.
|
|
185
|
+
*/
|
|
186
|
+
onInputChange?: (
|
|
187
|
+
/**
|
|
188
|
+
* The raw HTML input event
|
|
189
|
+
*/
|
|
190
|
+
event: React.ChangeEvent<HTMLInputElement>,
|
|
191
|
+
/**
|
|
192
|
+
* The text value in the input field.
|
|
193
|
+
*/
|
|
194
|
+
value: string,
|
|
195
|
+
/**
|
|
196
|
+
* Current value as ISO datetime string, undefined it its a non-valid value.
|
|
197
|
+
*/
|
|
198
|
+
valueAsISOString?: string) => void;
|
|
199
|
+
/**
|
|
200
|
+
* Whether to allow for the user to clear the selected option in the input field.
|
|
201
|
+
* If `false`, the input field will return the last selected option after the input is cleared and loses focus.
|
|
202
|
+
*/
|
|
203
|
+
allowClearingSelection?: boolean;
|
|
204
|
+
};
|
|
205
|
+
declare const allowedProps: AllowedPropKeys;
|
|
206
|
+
type TimeSelectOptions = {
|
|
207
|
+
id: string;
|
|
208
|
+
value: Moment;
|
|
209
|
+
label: string;
|
|
210
|
+
};
|
|
211
|
+
type TimeSelectState = {
|
|
212
|
+
/**
|
|
213
|
+
* The current value in the input field, not necessarily a valid time
|
|
214
|
+
*/
|
|
215
|
+
inputValue: string;
|
|
216
|
+
/**
|
|
217
|
+
* All possible options. Filtered down because if `allowNonStepInput` is true
|
|
218
|
+
* it'd be 24*60 options and filtered by user input.
|
|
219
|
+
*/
|
|
220
|
+
options: TimeSelectOptions[];
|
|
221
|
+
/**
|
|
222
|
+
* The options shown in the options list.
|
|
223
|
+
*/
|
|
224
|
+
filteredOptions: TimeSelectOptions[];
|
|
225
|
+
/**
|
|
226
|
+
* Whether to show the options list.
|
|
227
|
+
*/
|
|
228
|
+
isShowingOptions: boolean;
|
|
229
|
+
/**
|
|
230
|
+
* The highlighted option in the dropdown e.g. by hovering,
|
|
231
|
+
* not necessarily selected
|
|
232
|
+
*/
|
|
233
|
+
highlightedOptionId?: string;
|
|
234
|
+
/**
|
|
235
|
+
* The ID of the selected option in the options list dropdown
|
|
236
|
+
*/
|
|
237
|
+
selectedOptionId?: string;
|
|
238
|
+
/**
|
|
239
|
+
* fire onChange event when the popup closes?
|
|
240
|
+
*/
|
|
241
|
+
fireChangeOnBlur?: TimeSelectOptions;
|
|
242
|
+
/**
|
|
243
|
+
* Whether to selected option is cleared
|
|
244
|
+
*/
|
|
245
|
+
isInputCleared: boolean;
|
|
246
|
+
};
|
|
247
|
+
export type { TimeSelectProps, TimeSelectState, TimeSelectOptions };
|
|
248
|
+
export { allowedProps };
|
|
249
|
+
//# sourceMappingURL=props.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/TimeSelect/v2/props.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,mBAAmB,EAAE,MAAM,OAAO,CAAA;AAE3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AACpE,OAAO,KAAK,EACV,mBAAmB,EACnB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAA;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAA;AACtD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAE7C,KAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,KAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,KAAK,eAAe,GAAG,kBAAkB,GACvC,mBAAmB,CACjB,kBAAkB,EAClB,mBAAmB,CAAC,kBAAkB,GAAG,OAAO,CAAC,CAClD,GACD,wBAAwB,CAAA;AAE1B,KAAK,kBAAkB,GAAG;IACxB;;OAEG;IACH,WAAW,EAAE,UAAU,CAAA;IACvB;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX;;;;;;;;OAQG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;IACjC;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAA;IACjD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,WAAW,EAAE,CAAA;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,mBAAmB,CAAA;IAC/B;;OAEG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAA;IAC9B;;;OAGG;IACH,SAAS,CAAC,EAAE,iBAAiB,CAAA;IAC7B;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,KAAK,CAAC,cAAc,EAC3B,IAAI,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAE,KACvC,IAAI,CAAA;IACT;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC7D;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IAC5D;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAA;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,YAAY,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;IAC1D;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,WAAW,EAAE,gBAAgB,GAAG,IAAI,KAAK,IAAI,CAAA;IACxD;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,UAAU,CAAA;IAC9B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,UAAU,CAAA;IAC7B;;;;;;;;;;OAUG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;;;;;;;;;;OAWG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB;;;;;;;OAOG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE;IACd;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC;IAC1C;;OAEG;IACH,KAAK,EAAE,MAAM;IACb;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,KACtB,IAAI,CAAA;IACT;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAA;CACjC,CAAA;AACD,QAAA,MAAM,YAAY,EAAE,eAkCnB,CAAA;AAED,KAAK,iBAAiB,GAAG;IAEvB,EAAE,EAAE,MAAM,CAAA;IAEV,KAAK,EAAE,MAAM,CAAA;IAEb,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,KAAK,eAAe,GAAG;IACrB;;OAEG;IACH,UAAU,EAAE,MAAM,CAAA;IAClB;;;OAGG;IACH,OAAO,EAAE,iBAAiB,EAAE,CAAA;IAC5B;;OAEG;IACH,eAAe,EAAE,iBAAiB,EAAE,CAAA;IACpC;;OAEG;IACH,gBAAgB,EAAE,OAAO,CAAA;IACzB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB;;OAEG;IACH,gBAAgB,CAAC,EAAE,iBAAiB,CAAA;IACpC;;OAEG;IACH,cAAc,EAAE,OAAO,CAAA;CACxB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,iBAAiB,EAAE,CAAA;AACnE,OAAO,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"b.d.ts","sourceRoot":"","sources":["../../src/exports/b.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,YAAY,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA"}
|