td-stylekit 26.3.1 → 26.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/dist/es/DataGrid/components/BasicColumn.d.ts +3 -0
- package/dist/es/DataGrid/components/BasicColumn.js +6 -2
- package/dist/es/DataGrid/components/ColumnHeader.d.ts +3 -0
- package/dist/es/DataGrid/components/ColumnHeader.js +5 -1
- package/dist/es/DateControl/DateControl.d.ts +6 -1
- package/dist/es/DateControl/DateControl.js +7 -3
- package/dist/es/DateControl/elements.d.ts +10 -3
- package/dist/es/FormControl/FormControl.d.ts +2 -0
- package/dist/es/FormControl/FormControl.js +3 -1
- package/dist/es/FormControl/components/CheckboxGroup.d.ts +1 -1
- package/dist/es/FormControl/components/CheckboxGroup.js +1 -1
- package/dist/es/FormControl/components/RadioGroup.d.ts +3 -1
- package/dist/es/FormControl/components/RadioGroup.js +4 -1
- package/dist/es/Radio/Radio.d.ts +2 -0
- package/dist/es/Radio/Radio.js +7 -6
- package/dist/es/TimeControl/elements.d.ts +10 -3
- package/dist/es/TimeControl/utils.d.ts +2 -2
- package/dist/es/TimeControl/utils.js +4 -1
- package/dist/es/TimePicker/TimePicker.d.ts +2 -1
- package/dist/es/TimePicker/TimePicker.js +10 -8
- package/dist/es/TimePicker/components/Container.js +2 -2
- package/dist/es/TimePicker/components/Spinner.d.ts +1 -0
- package/dist/es/TimePicker/components/Spinner.js +5 -1
- package/dist/es/TimePicker/index.d.ts +1 -1
- package/dist/es/TimePicker/utils.d.ts +1 -0
- package/dist/es/{FormControl/types.d.ts → types/index.d.ts} +1 -1
- package/dist/es/{FormControl/types.js → types/index.js} +0 -0
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,24 @@
|
|
|
1
|
+
# [26.6.0](https://github.com/treasure-data/td-stylekit/compare/v26.5.0...v26.6.0) (2022-04-29)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **CON-9867:** Implement disabling hours in the DateControl ([#1268](https://github.com/treasure-data/td-stylekit/issues/1268)) ([213b480](https://github.com/treasure-data/td-stylekit/commit/213b480))
|
|
7
|
+
|
|
8
|
+
# [26.5.0](https://github.com/treasure-data/td-stylekit/compare/v26.4.0...v26.5.0) (2022-04-26)
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
### Features
|
|
12
|
+
|
|
13
|
+
* **CON-9824:** Add options renderer to Radio ([#1267](https://github.com/treasure-data/td-stylekit/issues/1267)) ([6b44aca](https://github.com/treasure-data/td-stylekit/commit/6b44aca))
|
|
14
|
+
|
|
15
|
+
# [26.4.0](https://github.com/treasure-data/td-stylekit/compare/v26.3.1...v26.4.0) (2022-04-26)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### Features
|
|
19
|
+
|
|
20
|
+
* **DataGrid:** Expose css prop for ColumnHeaderContainer ([#1266](https://github.com/treasure-data/td-stylekit/issues/1266)) ([6dbe54a](https://github.com/treasure-data/td-stylekit/commit/6dbe54a))
|
|
21
|
+
|
|
1
22
|
## [26.3.1](https://github.com/treasure-data/td-stylekit/compare/v26.3.0...v26.3.1) (2022-04-13)
|
|
2
23
|
|
|
3
24
|
|
|
@@ -2,7 +2,10 @@
|
|
|
2
2
|
import { ColumnProps, SortDirection } from 'react-virtualized';
|
|
3
3
|
import type { filterRendererArguments, sortRendererArguments } from '../types';
|
|
4
4
|
import type { LocaleStrings } from '../constants';
|
|
5
|
+
import type { Theme } from '@theme';
|
|
6
|
+
import type { Interpolation } from '@emotion/react';
|
|
5
7
|
export declare type BasicColumnProps = {
|
|
8
|
+
headerContainerStyles?: (theme: Theme) => Interpolation<Theme>;
|
|
6
9
|
colspan?: (rowData: any) => number;
|
|
7
10
|
dataKey: string;
|
|
8
11
|
filterRenderer?: ((arg0: filterRendererArguments) => React.ReactNode) | false | null;
|
|
@@ -17,7 +17,7 @@ var _ColumnHeader = _interopRequireDefault(require("./ColumnHeader"));
|
|
|
17
17
|
|
|
18
18
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
19
19
|
|
|
20
|
-
var _excluded = ["dataKey", "filterRenderer", "sortAscIcon", "sortDescIcon", "sortRenderer"];
|
|
20
|
+
var _excluded = ["dataKey", "filterRenderer", "sortAscIcon", "sortDescIcon", "sortRenderer", "headerContainerStyles"];
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
23
23
|
|
|
@@ -48,6 +48,7 @@ function BasicColumn(columnProps, mappedProps) {
|
|
|
48
48
|
sortDescIcon = columnProps.sortDescIcon,
|
|
49
49
|
_columnProps$sortRend = columnProps.sortRenderer,
|
|
50
50
|
sortRenderer = _columnProps$sortRend === void 0 ? _renderers.genericSortRenderer : _columnProps$sortRend,
|
|
51
|
+
_headerContainerStyles = columnProps.headerContainerStyles,
|
|
51
52
|
props = _objectWithoutProperties(columnProps, _excluded);
|
|
52
53
|
|
|
53
54
|
var columnCount = mappedProps.columnCount,
|
|
@@ -108,7 +109,10 @@ function BasicColumn(columnProps, mappedProps) {
|
|
|
108
109
|
sortBy: sortBy,
|
|
109
110
|
sortRenderer: sortRenderer,
|
|
110
111
|
locale: locale,
|
|
111
|
-
localeStrings: localeStrings
|
|
112
|
+
localeStrings: localeStrings,
|
|
113
|
+
headerContainerStyles: function headerContainerStyles(theme) {
|
|
114
|
+
return _headerContainerStyles === null || _headerContainerStyles === void 0 ? void 0 : _headerContainerStyles(theme);
|
|
115
|
+
}
|
|
112
116
|
});
|
|
113
117
|
};
|
|
114
118
|
|
|
@@ -2,6 +2,8 @@ import React, { Component } from 'react';
|
|
|
2
2
|
import { SortDirection } from 'react-virtualized';
|
|
3
3
|
import type { filterRendererArguments, sortRendererArguments } from '../types';
|
|
4
4
|
import type { LocaleStrings } from '../constants';
|
|
5
|
+
import type { Theme } from '@theme';
|
|
6
|
+
import type { Interpolation } from '@emotion/react';
|
|
5
7
|
declare type ColumnHeaderProps = {
|
|
6
8
|
dataKey: string;
|
|
7
9
|
isLast?: boolean;
|
|
@@ -26,6 +28,7 @@ declare type ColumnHeaderProps = {
|
|
|
26
28
|
locale?: string;
|
|
27
29
|
/** Locale strings to override default 'en' strings */
|
|
28
30
|
localeStrings?: LocaleStrings;
|
|
31
|
+
headerContainerStyles?: (theme: Theme) => Interpolation<Theme>;
|
|
29
32
|
};
|
|
30
33
|
declare type ColumnHeaderState = {
|
|
31
34
|
hovered: boolean;
|
|
@@ -123,7 +123,8 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
123
123
|
_this$props$locale = _this$props.locale,
|
|
124
124
|
locale = _this$props$locale === void 0 ? 'en' : _this$props$locale,
|
|
125
125
|
_this$props$localeStr = _this$props.localeStrings,
|
|
126
|
-
localeStrings = _this$props$localeStr === void 0 ? {} : _this$props$localeStr
|
|
126
|
+
localeStrings = _this$props$localeStr === void 0 ? {} : _this$props$localeStr,
|
|
127
|
+
headerContainerStyles = _this$props.headerContainerStyles;
|
|
127
128
|
var sortIcon = sortDirection === _reactVirtualized.SortDirection.ASC ? sortAscIcon : sortDescIcon;
|
|
128
129
|
var isSorted = showSortIndicator;
|
|
129
130
|
var isFiltered = filterValue && _typeof(filterValue) === 'object' ? !(0, _utils.isReallyEmpty)(filterValue.value) : !(0, _utils.isReallyEmpty)(filterValue);
|
|
@@ -151,6 +152,9 @@ var ColumnHeader = /*#__PURE__*/function (_Component) {
|
|
|
151
152
|
return _this2.handleOverlayToggle(!_this2.state.opened);
|
|
152
153
|
},
|
|
153
154
|
ref: this.columnHeaderRef,
|
|
155
|
+
css: function css(theme) {
|
|
156
|
+
return headerContainerStyles === null || headerContainerStyles === void 0 ? void 0 : headerContainerStyles(theme);
|
|
157
|
+
},
|
|
154
158
|
children: [(0, _jsxRuntime.jsx)(_elements.ColumnHeaderLabel, {
|
|
155
159
|
"data-gs-c": gsC(label, label),
|
|
156
160
|
"data-gs": gs("src", "datagrid", "components", "column-header-container", "column-header-label"),
|
|
@@ -3,6 +3,7 @@ import type { DatePickerProps } from '../DatePicker';
|
|
|
3
3
|
import type { FormControlProps } from '../FormControl';
|
|
4
4
|
import { PLACEMENT } from '../TooltipPopover';
|
|
5
5
|
import type { Theme } from '../ThemeProvider';
|
|
6
|
+
import type { TimeEditorFormat } from '../TimePicker';
|
|
6
7
|
export declare const CLOSE_KEYS: string[];
|
|
7
8
|
export declare const DATE_FORMATS: string[];
|
|
8
9
|
export declare const HOUR24_DATE_FORMAT = "MMM DD, YYYY HH:mm:ss";
|
|
@@ -50,6 +51,10 @@ export declare type DateControlProps = Omit<FormControlProps<'text'>, 'blockLabe
|
|
|
50
51
|
* (plus the time part) is always used.
|
|
51
52
|
*/
|
|
52
53
|
editor?: 'date' | 'date-time';
|
|
54
|
+
/**
|
|
55
|
+
* Indicates which time editors should be available. Default is `'hours-minutes-seconds'`.
|
|
56
|
+
*/
|
|
57
|
+
timeEditor?: TimeEditorFormat;
|
|
53
58
|
/** Selected/displayed date */
|
|
54
59
|
value: Date | null;
|
|
55
60
|
/** Locale */
|
|
@@ -59,7 +64,7 @@ export declare type DateControlProps = Omit<FormControlProps<'text'>, 'blockLabe
|
|
|
59
64
|
* Displays a text Input component with a popover DatePicker for selecting a date.
|
|
60
65
|
*/
|
|
61
66
|
export declare const UnstyledDateControl: {
|
|
62
|
-
({ className, clearable, dateDisplayFormat, disabledDays, "data-instrumentation": dataInstrumentation, enableFutureDates, enablePastDates, error, hideErrors, minDatetime, name, onMenuClose, onMenuOpen, onChange, placeholder, inline, popoverPlacement, popoverRenderer, theme, value, variant, editor, locale, disabled, ...props }: DateControlProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
67
|
+
({ className, clearable, dateDisplayFormat, disabledDays, "data-instrumentation": dataInstrumentation, enableFutureDates, enablePastDates, error, hideErrors, minDatetime, name, onMenuClose, onMenuOpen, onChange, placeholder, inline, popoverPlacement, popoverRenderer, theme, value, variant, editor, timeEditor, locale, disabled, ...props }: DateControlProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
63
68
|
defaultProps: {
|
|
64
69
|
'data-instrumentation': string;
|
|
65
70
|
};
|
|
@@ -32,7 +32,7 @@ var _TimePicker = _interopRequireDefault(require("../TimePicker"));
|
|
|
32
32
|
|
|
33
33
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
34
34
|
|
|
35
|
-
var _excluded = ["className", "clearable", "dateDisplayFormat", "disabledDays", "data-instrumentation", "enableFutureDates", "enablePastDates", "error", "hideErrors", "minDatetime", "name", "onMenuClose", "onMenuOpen", "onChange", "placeholder", "inline", "popoverPlacement", "popoverRenderer", "theme", "value", "variant", "editor", "locale", "disabled"];
|
|
35
|
+
var _excluded = ["className", "clearable", "dateDisplayFormat", "disabledDays", "data-instrumentation", "enableFutureDates", "enablePastDates", "error", "hideErrors", "minDatetime", "name", "onMenuClose", "onMenuOpen", "onChange", "placeholder", "inline", "popoverPlacement", "popoverRenderer", "theme", "value", "variant", "editor", "timeEditor", "locale", "disabled"];
|
|
36
36
|
|
|
37
37
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
38
38
|
|
|
@@ -143,6 +143,8 @@ var UnstyledDateControl = function UnstyledDateControl(_ref) {
|
|
|
143
143
|
variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
|
|
144
144
|
_ref$editor = _ref.editor,
|
|
145
145
|
editor = _ref$editor === void 0 ? 'date' : _ref$editor,
|
|
146
|
+
_ref$timeEditor = _ref.timeEditor,
|
|
147
|
+
timeEditor = _ref$timeEditor === void 0 ? 'hours-minutes-seconds' : _ref$timeEditor,
|
|
146
148
|
_ref$locale = _ref.locale,
|
|
147
149
|
locale = _ref$locale === void 0 ? 'en' : _ref$locale,
|
|
148
150
|
_ref$disabled = _ref.disabled,
|
|
@@ -406,7 +408,8 @@ var UnstyledDateControl = function UnstyledDateControl(_ref) {
|
|
|
406
408
|
initialPeriod: period,
|
|
407
409
|
onChange: onTimeChanged,
|
|
408
410
|
onPeriodChange: setPeriod,
|
|
409
|
-
"data-instrumentation": "".concat(dataInstrumentation, "-timepicker")
|
|
411
|
+
"data-instrumentation": "".concat(dataInstrumentation, "-timepicker"),
|
|
412
|
+
editor: timeEditor
|
|
410
413
|
}) : null]
|
|
411
414
|
})),
|
|
412
415
|
"data-gs": gs("src", "datecontrol", "datecontrol.tsx", "container", "tooltip-popover", "modal-aware-popover", "div"),
|
|
@@ -433,7 +436,8 @@ var UnstyledDateControl = function UnstyledDateControl(_ref) {
|
|
|
433
436
|
initialPeriod: period,
|
|
434
437
|
onChange: onTimeChanged,
|
|
435
438
|
onPeriodChange: setPeriod,
|
|
436
|
-
"data-instrumentation": "".concat(dataInstrumentation, "-timepicker")
|
|
439
|
+
"data-instrumentation": "".concat(dataInstrumentation, "-timepicker"),
|
|
440
|
+
editor: timeEditor
|
|
437
441
|
}) : null]
|
|
438
442
|
})
|
|
439
443
|
})
|
|
@@ -58,6 +58,7 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
|
|
|
58
58
|
labelWidth?: string | number | undefined;
|
|
59
59
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
60
60
|
options?: any;
|
|
61
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
61
62
|
} & Omit<import("../Select").SelectComponentProps, "label">) | (Pick<{
|
|
62
63
|
addOnClassName?: string | undefined;
|
|
63
64
|
blockLabel?: boolean | undefined;
|
|
@@ -86,6 +87,7 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
|
|
|
86
87
|
labelWidth?: string | number | undefined;
|
|
87
88
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
88
89
|
options?: any;
|
|
90
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
89
91
|
} & import("../FormControl/components/CheckboxGroup").CheckboxGroupProps, "getLabelForOption" | "disabledOptions"> & Partial<Pick<{
|
|
90
92
|
addOnClassName?: string | undefined;
|
|
91
93
|
blockLabel?: boolean | undefined;
|
|
@@ -114,7 +116,8 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
|
|
|
114
116
|
labelWidth?: string | number | undefined;
|
|
115
117
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
116
118
|
options?: any;
|
|
117
|
-
|
|
119
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
120
|
+
} & import("../FormControl/components/CheckboxGroup").CheckboxGroupProps, "value" | "label" | "className" | "id" | "onChange" | "disabled" | "error" | "required" | "invalid" | "name" | "type" | "data-instrumentation" | "getRef" | "size" | "data-gs-c" | "labelWidth" | "showFullError" | "showFullHint" | "showFullInfo" | "showFullWarning" | "hint" | "info" | "hintNode" | "truncateErrors" | "truncateWarnings" | "showFullLabel" | "options" | "optionRenderer" | "isClearable" | "warning" | "addOnClassName" | "valueCanBeNull" | "blockLabel" | "inputCss">> & Partial<Pick<Partial<import("../FormControl").FormControlProps<"text">>, never>>) | (Pick<{
|
|
118
121
|
addOnClassName?: string | undefined;
|
|
119
122
|
blockLabel?: boolean | undefined;
|
|
120
123
|
'data-gs-c'?: Function | undefined;
|
|
@@ -142,6 +145,7 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
|
|
|
142
145
|
labelWidth?: string | number | undefined;
|
|
143
146
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
144
147
|
options?: any;
|
|
148
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
145
149
|
} & import("../FormControl/components/RadioGroup").RadioGroupProps, "getLabelForOption" | "disabledOptions"> & Partial<Pick<{
|
|
146
150
|
addOnClassName?: string | undefined;
|
|
147
151
|
blockLabel?: boolean | undefined;
|
|
@@ -170,7 +174,8 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
|
|
|
170
174
|
labelWidth?: string | number | undefined;
|
|
171
175
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
172
176
|
options?: any;
|
|
173
|
-
|
|
177
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
178
|
+
} & import("../FormControl/components/RadioGroup").RadioGroupProps, "value" | "label" | "className" | "id" | "onChange" | "disabled" | "error" | "required" | "invalid" | "name" | "type" | "data-instrumentation" | "getRef" | "size" | "data-gs-c" | "labelWidth" | "showFullError" | "showFullHint" | "showFullInfo" | "showFullWarning" | "hint" | "info" | "hintNode" | "truncateErrors" | "truncateWarnings" | "showFullLabel" | "options" | "optionRenderer" | "isClearable" | "warning" | "addOnClassName" | "valueCanBeNull" | "blockLabel" | "inputCss">> & Partial<Pick<Partial<import("../FormControl").FormControlProps<"text">>, never>>) | (Pick<{
|
|
174
179
|
addOnClassName?: string | undefined;
|
|
175
180
|
blockLabel?: boolean | undefined;
|
|
176
181
|
'data-gs-c'?: Function | undefined;
|
|
@@ -198,6 +203,7 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
|
|
|
198
203
|
labelWidth?: string | number | undefined;
|
|
199
204
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
200
205
|
options?: any;
|
|
206
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
201
207
|
} & Omit<import("../Input").InputProps<"number" | "textarea" | "text" | "url" | "email" | "datetime-local" | "password">, "label">, "form" | "style" | "title" | "pattern" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "readOnly" | "checked" | "height" | "width" | "wrap" | "inline" | "rows" | "max" | "min" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "step" | "multiple" | "accept" | "alt" | "autoComplete" | "capture" | "maxLength" | "minLength" | "src" | "variant" | "cols" | "dirName" | "inputRef"> & Partial<Pick<{
|
|
202
208
|
addOnClassName?: string | undefined;
|
|
203
209
|
blockLabel?: boolean | undefined;
|
|
@@ -226,7 +232,8 @@ export declare const DateFormControl: import("@emotion/styled").StyledComponent<
|
|
|
226
232
|
labelWidth?: string | number | undefined;
|
|
227
233
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
228
234
|
options?: any;
|
|
229
|
-
|
|
235
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
236
|
+
} & Omit<import("../Input").InputProps<"number" | "textarea" | "text" | "url" | "email" | "datetime-local" | "password">, "label">, "value" | "label" | "className" | "id" | "onChange" | "disabled" | "error" | "required" | "invalid" | "name" | "type" | "data-instrumentation" | "getRef" | "size" | "data-gs-c" | "labelWidth" | "showFullError" | "showFullHint" | "showFullInfo" | "showFullWarning" | "hint" | "info" | "hintNode" | "truncateErrors" | "truncateWarnings" | "showFullLabel" | "options" | "optionRenderer" | "isClearable" | "warning" | "addOnClassName" | "valueCanBeNull" | "blockLabel" | "inputCss">> & Partial<Pick<Partial<import("../FormControl").FormControlProps<"text">>, never>>)) & {
|
|
230
237
|
theme?: import("@emotion/react").Theme | undefined;
|
|
231
238
|
}) & {
|
|
232
239
|
variant: string;
|
|
@@ -6,6 +6,7 @@ import type { SelectComponentProps } from '../Select';
|
|
|
6
6
|
import type { RadioGroupProps } from './components/RadioGroup';
|
|
7
7
|
import type { CheckboxGroupProps } from './components/CheckboxGroup';
|
|
8
8
|
import type { Interpolation } from '@emotion/react';
|
|
9
|
+
import type { FormControlValue } from '../types';
|
|
9
10
|
declare type FormControlTypeSelect = 'select';
|
|
10
11
|
declare type FormControlTypeRadio = 'radio';
|
|
11
12
|
declare type FormControlTypeCheckbox = 'checkbox';
|
|
@@ -48,6 +49,7 @@ export declare type FormControlProps<T extends FormControlTypes = 'text'> = {
|
|
|
48
49
|
*/
|
|
49
50
|
inputCss?: Interpolation<any>;
|
|
50
51
|
options?: any;
|
|
52
|
+
optionRenderer?: (option: FormControlValue) => React.ReactElement;
|
|
51
53
|
} & FormControlElementTypes<T>;
|
|
52
54
|
declare class FormControl<T extends FormControlTypes = 'text'> extends PureComponent<FormControlProps<T>> {
|
|
53
55
|
static defaultProps: Partial<FormControlProps>;
|
|
@@ -27,7 +27,7 @@ var _elements = require("./elements");
|
|
|
27
27
|
|
|
28
28
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
29
29
|
|
|
30
|
-
var _excluded = ["addOnClassName", "blockLabel", "className", "isClearable", "data-gs-c", "data-instrumentation", "showFullError", "showFullHint", "showFullInfo", "showFullLabel", "showFullWarning", "error", "info", "getRef", "hint", "hintNode", "id", "invalid", "label", "name", "onChange", "required", "size", "truncateErrors", "truncateWarnings", "type", "value", "warning", "labelWidth", "inputCss"];
|
|
30
|
+
var _excluded = ["addOnClassName", "blockLabel", "className", "isClearable", "data-gs-c", "data-instrumentation", "showFullError", "showFullHint", "showFullInfo", "showFullLabel", "showFullWarning", "error", "info", "getRef", "hint", "hintNode", "id", "invalid", "label", "name", "onChange", "required", "size", "truncateErrors", "truncateWarnings", "type", "value", "warning", "labelWidth", "inputCss", "optionRenderer"];
|
|
31
31
|
|
|
32
32
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
33
33
|
|
|
@@ -151,6 +151,7 @@ var FormControl = /*#__PURE__*/function (_PureComponent) {
|
|
|
151
151
|
warning = _this$props.warning,
|
|
152
152
|
labelWidth = _this$props.labelWidth,
|
|
153
153
|
inputCss = _this$props.inputCss,
|
|
154
|
+
optionRenderer = _this$props.optionRenderer,
|
|
154
155
|
props = _objectWithoutProperties(_this$props, _excluded);
|
|
155
156
|
|
|
156
157
|
var InputComponent = this.getTypeComponent(type);
|
|
@@ -170,6 +171,7 @@ var FormControl = /*#__PURE__*/function (_PureComponent) {
|
|
|
170
171
|
type: type,
|
|
171
172
|
value: value,
|
|
172
173
|
warning: !!warningList.length,
|
|
174
|
+
optionRenderer: optionRenderer,
|
|
173
175
|
css: Object.assign({}, {
|
|
174
176
|
width: '100%'
|
|
175
177
|
}, inputCss)
|
|
@@ -34,7 +34,7 @@ var _ref3 = process.env.NODE_ENV === "production" ? {
|
|
|
34
34
|
} : {
|
|
35
35
|
name: "95fix3-CheckboxGroup",
|
|
36
36
|
styles: "height:auto;line-height:32px;label:CheckboxGroup;",
|
|
37
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
37
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9Gb3JtQ29udHJvbC9jb21wb25lbnRzL0NoZWNrYm94R3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEVSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvRm9ybUNvbnRyb2wvY29tcG9uZW50cy9DaGVja2JveEdyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCB0eXBlIHsgRm9ybUNvbnRyb2xWYWx1ZSB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuaW1wb3J0IENoZWNrYm94IGZyb20gJy4uLy4uL0NoZWNrYm94J1xuXG5leHBvcnQgdHlwZSBDaGVja2JveEdyb3VwUHJvcHMgPSB7XG4gIC8qKiBJZGVudGlmaWVzIHRoZXNlIGZvcm0gY29udHJvbHMuICovXG4gIG5hbWU6IHN0cmluZ1xuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuXG4gIC8qKiBFbmFibGVzIGluZGl2aWR1YWwgY2hlY2tib3ggZGlzYWJsaW5nICovXG4gIGRpc2FibGVkT3B0aW9ucz86IEZvcm1Db250cm9sVmFsdWVbXVxuXG4gIC8qKiBTZWxlY3RlZCBvcHRpb25zLiAgKi9cbiAgdmFsdWU6IEZvcm1Db250cm9sVmFsdWVbXVxuXG4gIC8qKiBUaGUgYXJyYXkgb2YgaXRlbXMgdGhhdCB3aWxsIGJlIGRpc3BsYXllZCBhcyBDaGVja2JveGVzLiAqL1xuICBvcHRpb25zOiBGb3JtQ29udHJvbFZhbHVlW11cblxuICAvKiogQ2FsbGJhY2sgdHJpZ2dlcmVkIHdoZW4gdXNlciBzZWxlY3RzIGEgbmV3IHZhbHVlLiAqL1xuICBvbkNoYW5nZTogKG9wdGlvbjogeyBuYW1lOiBzdHJpbmc7IHZhbHVlOiBGb3JtQ29udHJvbFZhbHVlW10gfSkgPT4gdm9pZFxuXG4gIC8qKiBDbGFzcyBuYW1lIGZvciB0aGUgd3JhcHBlciAqL1xuICBjbGFzc05hbWU/OiBzdHJpbmdcblxuICAvKiogRnVuY3Rpb24gcmVzcG9uc2libGUgZm9yIHJldHVybmluZyBhIG5hbWUgZm9yIGEgZ2l2ZW4gb3B0aW9uL3ZhbHVlLiAqL1xuICBnZXRMYWJlbEZvck9wdGlvbj86IChvcHRpb246IEZvcm1Db250cm9sVmFsdWUpID0+IHN0cmluZ1xuXG4gIC8qKiBJZCBmb3IgdGhlIHdyYXBwZXIuICovXG4gIGlkPzogc3RyaW5nXG59XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveEdyb3VwOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxDaGVja2JveEdyb3VwUHJvcHM+ID0gKHtcbiAgdmFsdWU6IHNlbGVjdGVkSXRlbXMgPSBbXSxcbiAgZGlzYWJsZWQgPSBmYWxzZSxcbiAgZGlzYWJsZWRPcHRpb25zID0gW10sXG4gIG5hbWUsXG4gIG9wdGlvbnMsXG4gIG9uQ2hhbmdlID0gKCkgPT4ge30sXG4gIGNsYXNzTmFtZSxcbiAgZ2V0TGFiZWxGb3JPcHRpb24gPSBTdHJpbmcsXG4gIGlkXG59OiBDaGVja2JveEdyb3VwUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2IGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBpZD17aWR9PlxuICAgICAge29wdGlvbnMubWFwKChvcHRpb246IHN0cmluZykgPT4gKFxuICAgICAgICA8Q2hlY2tib3hcbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWRPcHRpb25zLmluY2x1ZGVzKG9wdGlvbikgfHwgZGlzYWJsZWR9XG4gICAgICAgICAga2V5PXtgY2hlY2tib3gtZ3JvdXAtJHtvcHRpb259YH1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIGxhYmVsPXtnZXRMYWJlbEZvck9wdGlvbihvcHRpb24pfVxuICAgICAgICAgIHZhbHVlPXtzZWxlY3RlZEl0ZW1zLmluY2x1ZGVzKG9wdGlvbil9XG4gICAgICAgICAgb25DaGFuZ2U9eyh7IHZhbHVlOiBpc0NoZWNrZWQgfSkgPT4ge1xuICAgICAgICAgICAgb25DaGFuZ2Uoe1xuICAgICAgICAgICAgICBuYW1lLFxuICAgICAgICAgICAgICB2YWx1ZTogaXNDaGVja2VkXG4gICAgICAgICAgICAgICAgPyBbLi4uc2VsZWN0ZWRJdGVtcywgb3B0aW9uXVxuICAgICAgICAgICAgICAgIDogc2VsZWN0ZWRJdGVtcy5maWx0ZXIoaXRlbSA9PiBpdGVtICE9PSBvcHRpb24pXG4gICAgICAgICAgICB9KVxuICAgICAgICAgIH19XG4gICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICBoZWlnaHQ6ICdhdXRvJyxcbiAgICAgICAgICAgIGxpbmVIZWlnaHQ6ICczMnB4J1xuICAgICAgICAgIH19XG4gICAgICAgIC8+XG4gICAgICApKX1cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBDaGVja2JveEdyb3VwXG4iXX0= */",
|
|
38
38
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
39
39
|
};
|
|
40
40
|
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { FormControlValue } from '
|
|
2
|
+
import type { FormControlValue } from '../../types';
|
|
3
3
|
export declare type RadioGroupProps = {
|
|
4
4
|
/** Identifies these form controls. */
|
|
5
5
|
name: string;
|
|
@@ -19,6 +19,8 @@ export declare type RadioGroupProps = {
|
|
|
19
19
|
className?: string;
|
|
20
20
|
/** Function responsible for returning a name for a given option/value. */
|
|
21
21
|
getLabelForOption?: (option: any) => string;
|
|
22
|
+
/** Function responsible for returning an option element if it is not just a simple string */
|
|
23
|
+
optionRenderer?: (option: FormControlValue) => React.ReactElement;
|
|
22
24
|
/** Id for the wrapper. */
|
|
23
25
|
id?: string;
|
|
24
26
|
};
|
|
@@ -22,7 +22,7 @@ var _ref2 = process.env.NODE_ENV === "production" ? {
|
|
|
22
22
|
} : {
|
|
23
23
|
name: "5gmama-RadioGroup",
|
|
24
24
|
styles: "height:auto;line-height:32px;label:RadioGroup;",
|
|
25
|
-
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
25
|
+
map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9Gb3JtQ29udHJvbC9jb21wb25lbnRzL1JhZGlvR3JvdXAudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJEUSIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvRm9ybUNvbnRyb2wvY29tcG9uZW50cy9SYWRpb0dyb3VwLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCB0eXBlIHsgRm9ybUNvbnRyb2xWYWx1ZSB9IGZyb20gJy4uLy4uL3R5cGVzJ1xuaW1wb3J0IFJhZGlvIGZyb20gJy4uLy4uL1JhZGlvJ1xuXG5leHBvcnQgdHlwZSBSYWRpb0dyb3VwUHJvcHMgPSB7XG4gIC8qKiBJZGVudGlmaWVzIHRoZXNlIGZvcm0gY29udHJvbHMuICovXG4gIG5hbWU6IHN0cmluZ1xuXG4gIGRpc2FibGVkPzogYm9vbGVhblxuXG4gIC8qKiBFbmFibGVzIGluZGl2aWR1YWwgcmFkaW8gZGlzYWJsaW5nICovXG4gIGRpc2FibGVkT3B0aW9uczogRm9ybUNvbnRyb2xWYWx1ZVtdXG5cbiAgLyoqIFNlbGVjdGVkIG9wdGlvbi4gKi9cbiAgdmFsdWU6IEZvcm1Db250cm9sVmFsdWVcblxuICAvKiogVGhlIGFycmF5IG9mIGl0ZW1zIHRoYXQgd2lsbCBiZSBkaXNwbGF5ZWQgYXMgUmFkaW8gYnV0dG9ucy4gKi9cbiAgb3B0aW9uczogRm9ybUNvbnRyb2xWYWx1ZVtdXG5cbiAgLyoqIENhbGxiYWNrIHRyaWdnZXJlZCB3aGVuIHVzZXIgc2VsZWN0cyBhIG5ldyB2YWx1ZS4gKi9cbiAgb25DaGFuZ2U6IChvcHRpb246IHsgbmFtZTogc3RyaW5nOyB2YWx1ZTogRm9ybUNvbnRyb2xWYWx1ZSB9KSA9PiB2b2lkXG5cbiAgLyoqIENsYXNzIG5hbWUgZm9yIHRoZSB3cmFwcGVyICovXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuXG4gIC8qKiBGdW5jdGlvbiByZXNwb25zaWJsZSBmb3IgcmV0dXJuaW5nIGEgbmFtZSBmb3IgYSBnaXZlbiBvcHRpb24vdmFsdWUuICovXG4gIGdldExhYmVsRm9yT3B0aW9uPzogKG9wdGlvbikgPT4gc3RyaW5nXG5cbiAgLyoqIEZ1bmN0aW9uIHJlc3BvbnNpYmxlIGZvciByZXR1cm5pbmcgYW4gb3B0aW9uIGVsZW1lbnQgaWYgaXQgaXMgbm90IGp1c3QgYSBzaW1wbGUgc3RyaW5nICovXG4gIG9wdGlvblJlbmRlcmVyPzogKG9wdGlvbjogRm9ybUNvbnRyb2xWYWx1ZSkgPT4gUmVhY3QuUmVhY3RFbGVtZW50XG5cbiAgLyoqIElkIGZvciB0aGUgd3JhcHBlci4gKi9cbiAgaWQ/OiBzdHJpbmdcbn1cblxuZXhwb3J0IGNvbnN0IFJhZGlvR3JvdXA6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PFJhZGlvR3JvdXBQcm9wcz4gPSAoe1xuICBuYW1lLFxuICBkaXNhYmxlZCA9IGZhbHNlLFxuICBkaXNhYmxlZE9wdGlvbnMgPSBbXSxcbiAgdmFsdWU6IHNlbGVjdGVkSXRlbSxcbiAgb25DaGFuZ2UgPSAoKSA9PiB7fSxcbiAgb3B0aW9ucyxcbiAgZ2V0TGFiZWxGb3JPcHRpb24gPSBTdHJpbmcsXG4gIG9wdGlvblJlbmRlcmVyLFxuICBjbGFzc05hbWUsXG4gIGlkXG59OiBSYWRpb0dyb3VwUHJvcHMpID0+IChcbiAgPGRpdiBjbGFzc05hbWU9e2NsYXNzTmFtZX0gaWQ9e2lkfT5cbiAgICB7b3B0aW9ucy5tYXAoKG9wdGlvbjogc3RyaW5nKSA9PiAoXG4gICAgICA8UmFkaW9cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkT3B0aW9ucy5pbmNsdWRlcyhvcHRpb24pIHx8IGRpc2FibGVkfVxuICAgICAgICBrZXk9e2ByYWRpby1ncm91cC0ke29wdGlvbn1gfVxuICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICBsYWJlbD17Z2V0TGFiZWxGb3JPcHRpb24ob3B0aW9uKX1cbiAgICAgICAgdmFsdWU9e29wdGlvbn1cbiAgICAgICAgY2hlY2tlZD17b3B0aW9uID09PSBzZWxlY3RlZEl0ZW19XG4gICAgICAgIG9wdGlvblJlbmRlcmVyPXtvcHRpb25SZW5kZXJlcn1cbiAgICAgICAgb25DaGFuZ2U9eygpID0+IG9uQ2hhbmdlKHsgbmFtZSwgdmFsdWU6IG9wdGlvbiB9KX1cbiAgICAgICAgY3NzPXt7XG4gICAgICAgICAgaGVpZ2h0OiAnYXV0bycsXG4gICAgICAgICAgbGluZUhlaWdodDogJzMycHgnXG4gICAgICAgIH19XG4gICAgICAvPlxuICAgICkpfVxuICA8L2Rpdj5cbilcblxuZXhwb3J0IGRlZmF1bHQgUmFkaW9Hcm91cFxuIl19 */",
|
|
26
26
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
|
|
27
27
|
};
|
|
28
28
|
|
|
@@ -38,6 +38,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
38
38
|
options = _ref.options,
|
|
39
39
|
_ref$getLabelForOptio = _ref.getLabelForOption,
|
|
40
40
|
getLabelForOption = _ref$getLabelForOptio === void 0 ? String : _ref$getLabelForOptio,
|
|
41
|
+
optionRenderer = _ref.optionRenderer,
|
|
41
42
|
className = _ref.className,
|
|
42
43
|
id = _ref.id;
|
|
43
44
|
|
|
@@ -51,6 +52,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
51
52
|
label: getLabelForOption(option),
|
|
52
53
|
value: option,
|
|
53
54
|
checked: option === selectedItem,
|
|
55
|
+
optionRenderer: optionRenderer,
|
|
54
56
|
onChange: function onChange() {
|
|
55
57
|
return _onChange({
|
|
56
58
|
name: name,
|
|
@@ -72,6 +74,7 @@ var RadioGroup = function RadioGroup(_ref) {
|
|
|
72
74
|
label: getLabelForOption(option),
|
|
73
75
|
value: option,
|
|
74
76
|
checked: option === selectedItem,
|
|
77
|
+
optionRenderer: optionRenderer,
|
|
75
78
|
onChange: function onChange() {
|
|
76
79
|
return _onChange({
|
|
77
80
|
name: name,
|
package/dist/es/Radio/Radio.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import type { FormControlValue } from '../types';
|
|
2
3
|
export declare type RadioProps = {
|
|
3
4
|
checked: boolean;
|
|
4
5
|
className?: string;
|
|
@@ -10,6 +11,7 @@ export declare type RadioProps = {
|
|
|
10
11
|
name: string;
|
|
11
12
|
value: string;
|
|
12
13
|
}) => void;
|
|
14
|
+
optionRenderer?: (option: FormControlValue) => React.ReactElement;
|
|
13
15
|
value: string;
|
|
14
16
|
};
|
|
15
17
|
declare class Radio extends React.PureComponent<RadioProps> {
|
package/dist/es/Radio/Radio.js
CHANGED
|
@@ -13,7 +13,7 @@ var _ThemeProvider = require("../ThemeProvider");
|
|
|
13
13
|
|
|
14
14
|
var _jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
15
15
|
|
|
16
|
-
var _excluded = ["checked", "className", "disabled", "data-instrumentation", "label", "name", "value"];
|
|
16
|
+
var _excluded = ["checked", "className", "disabled", "data-instrumentation", "label", "name", "value", "optionRenderer"];
|
|
17
17
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
19
|
|
|
@@ -82,7 +82,7 @@ var Wrapper = ( /*#__PURE__*/0, _base["default"])('label', process.env.NODE_ENV
|
|
|
82
82
|
cursor: 'not-allowed',
|
|
83
83
|
color: theme.palette.neutral[9]
|
|
84
84
|
} : {};
|
|
85
|
-
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
85
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.Root), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2dCIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBGb3JtQ29udHJvbFZhbHVlIH0gZnJvbSAnLi4vdHlwZXMnXG5cbnR5cGUgQ29tcG9uZW50UHJvcHMgPSB7XG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGVja2VkPzogYm9vbGVhblxufVxuY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnbGFiZWwnKTxDb21wb25lbnRQcm9wcz4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFsxMV0sXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZVsxXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnNwYWNlWzVdLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLmxpbmVIZWlnaHRbNV0sXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICAnOmZvY3VzLXdpdGhpbic6IHtcbiAgICAgIG92ZXJmbG93OiAndmlzaWJsZSdcbiAgICB9XG4gIH0pLFxuICAoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB7XG4gICAgICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICAgICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbOV1cbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLlJvb3QpXG4pXG5cbmNvbnN0IElucHV0ID0gc3R5bGVkKCdpbnB1dCcpKFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgaGVpZ2h0OiAnMC43NXJlbScsXG4gICAgbGVmdDogMCxcbiAgICBtYXJnaW46ICcwLjI1cmVtIDAuNXJlbSAwLjI1cmVtIDAnLFxuICAgIG9wYWNpdHk6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIHdpZHRoOiAnMC43NXJlbScsXG4gICAgekluZGV4OiB0aGVtZS56SW5kZXguRm9ybUNvbnRyb2wsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgJzpmb2N1cyArIGRpdic6IHtcbiAgICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4IDNweCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeVsyXX1gXG4gICAgfSxcbiAgICAnOmRpc2FibGVkJzoge1xuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnXG4gICAgfVxuICB9KSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLklucHV0KVxuKVxuXG5jb25zdCBWaXN1YWxCb3ggPSBzdHlsZWQoJ2RpdicpPENvbXBvbmVudFByb3BzPihcbiAgKHsgdGhlbWUsIGNoZWNrZWQgfSkgPT4gKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJDb2xvcjogY2hlY2tlZCA/IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs1XSA6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs0XSxcbiAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiB0aGVtZS5zcGFjZVs0XSxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgbWFyZ2luOiAnMCAwLjVyZW0gMCAwJyxcbiAgICB3aWR0aDogdGhlbWUuc3BhY2VbNF0sXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbiAgfSksXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkXG4gICAgICA/IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFszXSxcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzVdLFxuICAgICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJ1xuICAgICAgICB9XG4gICAgICA6IHt9LFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuUmFkaW8uVmlzdWFsQm94KVxuKVxuXG5jb25zdCBWaXN1YWxSYWRpbyA9IHN0eWxlZCgnZGl2Jyk8Q29tcG9uZW50UHJvcHM+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgYm9yZGVyOiBgJHt0aGVtZS5ib3JkZXJXaWR0aFsyXX0gc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIGJhY2tncm91bmRDbGlwOiAncGFkZGluZy1ib3gnLFxuICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnlbNF0sXG4gICAgb3BhY2l0eTogMCxcbiAgICBjdXJzb3I6ICdwb2ludGVyJ1xuICB9KSxcbiAgKHsgY2hlY2tlZCB9KSA9PlxuICAgIGNoZWNrZWRcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDFcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzVdLFxuICAgICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJ1xuICAgICAgICB9XG4gICAgICA6IHt9LFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuUmFkaW8uVmlzdWFsUmFkaW8pXG4pXG5cbmV4cG9ydCB0eXBlIFJhZGlvUHJvcHMgPSB7XG4gIGNoZWNrZWQ6IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAnZGF0YS1pbnN0cnVtZW50YXRpb24nPzogc3RyaW5nXG4gIGxhYmVsPzogc3RyaW5nXG4gIG5hbWU6IHN0cmluZ1xuICBvbkNoYW5nZTogKGFyZzA6IHsgbmFtZTogc3RyaW5nOyB2YWx1ZTogc3RyaW5nIH0pID0+IHZvaWRcbiAgb3B0aW9uUmVuZGVyZXI/OiAob3B0aW9uOiBGb3JtQ29udHJvbFZhbHVlKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnRcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5jbGFzcyBSYWRpbyBleHRlbmRzIFJlYWN0LlB1cmVDb21wb25lbnQ8UmFkaW9Qcm9wcz4ge1xuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiAncmFkaW8nLFxuICAgIG9uQ2hhbmdlOiAoKSA9PiB7fVxuICB9XG5cbiAgX29uQ2hhbmdlID0gKGV2ZW50OiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBjdXJyZW50VGFyZ2V0OiB7IG5hbWUgfVxuICAgIH0gPSBldmVudFxuICAgIGNvbnN0IHsgb25DaGFuZ2UsIHZhbHVlIH0gPSB0aGlzLnByb3BzXG4gICAgb25DaGFuZ2UoeyBuYW1lLCB2YWx1ZSB9KVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoZWNrZWQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgICdkYXRhLWluc3RydW1lbnRhdGlvbic6IGRhdGFJbnN0cnVtZW50YXRpb24sXG4gICAgICBsYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9wdGlvblJlbmRlcmVyLFxuICAgICAgLi4ucHJvcHNcbiAgICB9ID0gdGhpcy5wcm9wc1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkaXNhYmxlZD17ZGlzYWJsZWR9IHRpdGxlPXtsYWJlbH0+XG4gICAgICAgIDxJbnB1dFxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBpZD17bmFtZX1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLl9vbkNoYW5nZX1cbiAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtkYXRhSW5zdHJ1bWVudGF0aW9ufVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgLz5cbiAgICAgICAgPFZpc3VhbEJveCBkaXNhYmxlZD17ZGlzYWJsZWR9IGNoZWNrZWQ9e2NoZWNrZWR9PlxuICAgICAgICAgIDxWaXN1YWxSYWRpbyBkaXNhYmxlZD17ZGlzYWJsZWR9IGNoZWNrZWQ9e2NoZWNrZWR9IC8+XG4gICAgICAgIDwvVmlzdWFsQm94PlxuICAgICAgICB7b3B0aW9uUmVuZGVyZXIgPyBvcHRpb25SZW5kZXJlcih2YWx1ZSkgOiA8c3Bhbj57bGFiZWx9PC9zcGFuPn1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgUmFkaW9cbiJdfQ== */");
|
|
86
86
|
var Input = ( /*#__PURE__*/0, _base["default"])('input', process.env.NODE_ENV === "production" ? {
|
|
87
87
|
target: "e1qtpbvj2"
|
|
88
88
|
} : {
|
|
@@ -108,7 +108,7 @@ var Input = ( /*#__PURE__*/0, _base["default"])('input', process.env.NODE_ENV ==
|
|
|
108
108
|
cursor: 'not-allowed'
|
|
109
109
|
}
|
|
110
110
|
};
|
|
111
|
-
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.Input), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
111
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.Input), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUNjIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IGdldE92ZXJyaWRlcywgT3ZlcnJpZGFibGUgfSBmcm9tICcuLi9UaGVtZVByb3ZpZGVyJ1xuaW1wb3J0IHR5cGUgeyBGb3JtQ29udHJvbFZhbHVlIH0gZnJvbSAnLi4vdHlwZXMnXG5cbnR5cGUgQ29tcG9uZW50UHJvcHMgPSB7XG4gIGRpc2FibGVkPzogYm9vbGVhblxuICBjaGVja2VkPzogYm9vbGVhblxufVxuY29uc3QgV3JhcHBlciA9IHN0eWxlZCgnbGFiZWwnKTxDb21wb25lbnRQcm9wcz4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgY29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFsxMV0sXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGZsZXhEaXJlY3Rpb246ICdyb3cnLFxuICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZVsxXSxcbiAgICBoZWlnaHQ6IHRoZW1lLnNwYWNlWzVdLFxuICAgIGxpbmVIZWlnaHQ6IHRoZW1lLmxpbmVIZWlnaHRbNV0sXG4gICAgb3ZlcmZsb3c6ICdoaWRkZW4nLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIHRleHRPdmVyZmxvdzogJ2VsbGlwc2lzJyxcbiAgICB3aGl0ZVNwYWNlOiAnbm93cmFwJyxcbiAgICAnOmZvY3VzLXdpdGhpbic6IHtcbiAgICAgIG92ZXJmbG93OiAndmlzaWJsZSdcbiAgICB9XG4gIH0pLFxuICAoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB7XG4gICAgICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnLFxuICAgICAgICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbOV1cbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLlJvb3QpXG4pXG5cbmNvbnN0IElucHV0ID0gc3R5bGVkKCdpbnB1dCcpKFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgaGVpZ2h0OiAnMC43NXJlbScsXG4gICAgbGVmdDogMCxcbiAgICBtYXJnaW46ICcwLjI1cmVtIDAuNXJlbSAwLjI1cmVtIDAnLFxuICAgIG9wYWNpdHk6IDAsXG4gICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgdG9wOiAwLFxuICAgIHdpZHRoOiAnMC43NXJlbScsXG4gICAgekluZGV4OiB0aGVtZS56SW5kZXguRm9ybUNvbnRyb2wsXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgJzpmb2N1cyArIGRpdic6IHtcbiAgICAgIGJveFNoYWRvdzogYDBweCAwcHggMHB4IDNweCAke3RoZW1lLnBhbGV0dGUucHJpbWFyeVsyXX1gXG4gICAgfSxcbiAgICAnOmRpc2FibGVkJzoge1xuICAgICAgY3Vyc29yOiAnbm90LWFsbG93ZWQnXG4gICAgfVxuICB9KSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLklucHV0KVxuKVxuXG5jb25zdCBWaXN1YWxCb3ggPSBzdHlsZWQoJ2RpdicpPENvbXBvbmVudFByb3BzPihcbiAgKHsgdGhlbWUsIGNoZWNrZWQgfSkgPT4gKHtcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBib3JkZXJDb2xvcjogY2hlY2tlZCA/IHRoZW1lLnBhbGV0dGUucHJpbWFyeVs1XSA6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs0XSxcbiAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgIGJvcmRlclN0eWxlOiAnc29saWQnLFxuICAgIGJvcmRlcldpZHRoOiAnMXB4JyxcbiAgICBkaXNwbGF5OiAnZmxleCcsXG4gICAgaGVpZ2h0OiB0aGVtZS5zcGFjZVs0XSxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgbWFyZ2luOiAnMCAwLjVyZW0gMCAwJyxcbiAgICB3aWR0aDogdGhlbWUuc3BhY2VbNF0sXG4gICAgY3Vyc29yOiAncG9pbnRlcicsXG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZSdcbiAgfSksXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkXG4gICAgICA/IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFszXSxcbiAgICAgICAgICBib3JkZXJDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzVdLFxuICAgICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJ1xuICAgICAgICB9XG4gICAgICA6IHt9LFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuUmFkaW8uVmlzdWFsQm94KVxuKVxuXG5jb25zdCBWaXN1YWxSYWRpbyA9IHN0eWxlZCgnZGl2Jyk8Q29tcG9uZW50UHJvcHM+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGhlaWdodDogJzEwMCUnLFxuICAgIHdpZHRoOiAnMTAwJScsXG4gICAgYm9yZGVyOiBgJHt0aGVtZS5ib3JkZXJXaWR0aFsyXX0gc29saWQgdHJhbnNwYXJlbnRgLFxuICAgIGJhY2tncm91bmRDbGlwOiAncGFkZGluZy1ib3gnLFxuICAgIGJvcmRlclJhZGl1czogJzUwJScsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLnByaW1hcnlbNF0sXG4gICAgb3BhY2l0eTogMCxcbiAgICBjdXJzb3I6ICdwb2ludGVyJ1xuICB9KSxcbiAgKHsgY2hlY2tlZCB9KSA9PlxuICAgIGNoZWNrZWRcbiAgICAgID8ge1xuICAgICAgICAgIG9wYWNpdHk6IDFcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWRcbiAgICAgID8ge1xuICAgICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzVdLFxuICAgICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJ1xuICAgICAgICB9XG4gICAgICA6IHt9LFxuICBnZXRPdmVycmlkZXMoT3ZlcnJpZGFibGUuUmFkaW8uVmlzdWFsUmFkaW8pXG4pXG5cbmV4cG9ydCB0eXBlIFJhZGlvUHJvcHMgPSB7XG4gIGNoZWNrZWQ6IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGRpc2FibGVkPzogYm9vbGVhblxuICAnZGF0YS1pbnN0cnVtZW50YXRpb24nPzogc3RyaW5nXG4gIGxhYmVsPzogc3RyaW5nXG4gIG5hbWU6IHN0cmluZ1xuICBvbkNoYW5nZTogKGFyZzA6IHsgbmFtZTogc3RyaW5nOyB2YWx1ZTogc3RyaW5nIH0pID0+IHZvaWRcbiAgb3B0aW9uUmVuZGVyZXI/OiAob3B0aW9uOiBGb3JtQ29udHJvbFZhbHVlKSA9PiBSZWFjdC5SZWFjdEVsZW1lbnRcbiAgdmFsdWU6IHN0cmluZ1xufVxuXG5jbGFzcyBSYWRpbyBleHRlbmRzIFJlYWN0LlB1cmVDb21wb25lbnQ8UmFkaW9Qcm9wcz4ge1xuICBzdGF0aWMgZGVmYXVsdFByb3BzID0ge1xuICAgIGRpc2FibGVkOiBmYWxzZSxcbiAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiAncmFkaW8nLFxuICAgIG9uQ2hhbmdlOiAoKSA9PiB7fVxuICB9XG5cbiAgX29uQ2hhbmdlID0gKGV2ZW50OiBSZWFjdC5Gb3JtRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICBjb25zdCB7XG4gICAgICBjdXJyZW50VGFyZ2V0OiB7IG5hbWUgfVxuICAgIH0gPSBldmVudFxuICAgIGNvbnN0IHsgb25DaGFuZ2UsIHZhbHVlIH0gPSB0aGlzLnByb3BzXG4gICAgb25DaGFuZ2UoeyBuYW1lLCB2YWx1ZSB9KVxuICB9XG5cbiAgcmVuZGVyKCkge1xuICAgIGNvbnN0IHtcbiAgICAgIGNoZWNrZWQsXG4gICAgICBjbGFzc05hbWUsXG4gICAgICBkaXNhYmxlZCxcbiAgICAgICdkYXRhLWluc3RydW1lbnRhdGlvbic6IGRhdGFJbnN0cnVtZW50YXRpb24sXG4gICAgICBsYWJlbCxcbiAgICAgIG5hbWUsXG4gICAgICB2YWx1ZSxcbiAgICAgIG9wdGlvblJlbmRlcmVyLFxuICAgICAgLi4ucHJvcHNcbiAgICB9ID0gdGhpcy5wcm9wc1xuXG4gICAgcmV0dXJuIChcbiAgICAgIDxXcmFwcGVyIGNsYXNzTmFtZT17Y2xhc3NOYW1lfSBkaXNhYmxlZD17ZGlzYWJsZWR9IHRpdGxlPXtsYWJlbH0+XG4gICAgICAgIDxJbnB1dFxuICAgICAgICAgIHsuLi5wcm9wc31cbiAgICAgICAgICBjaGVja2VkPXtjaGVja2VkfVxuICAgICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgICAgICBpZD17bmFtZX1cbiAgICAgICAgICBuYW1lPXtuYW1lfVxuICAgICAgICAgIG9uQ2hhbmdlPXt0aGlzLl9vbkNoYW5nZX1cbiAgICAgICAgICB0eXBlPVwicmFkaW9cIlxuICAgICAgICAgIGRhdGEtaW5zdHJ1bWVudGF0aW9uPXtkYXRhSW5zdHJ1bWVudGF0aW9ufVxuICAgICAgICAgIHZhbHVlPXt2YWx1ZX1cbiAgICAgICAgLz5cbiAgICAgICAgPFZpc3VhbEJveCBkaXNhYmxlZD17ZGlzYWJsZWR9IGNoZWNrZWQ9e2NoZWNrZWR9PlxuICAgICAgICAgIDxWaXN1YWxSYWRpbyBkaXNhYmxlZD17ZGlzYWJsZWR9IGNoZWNrZWQ9e2NoZWNrZWR9IC8+XG4gICAgICAgIDwvVmlzdWFsQm94PlxuICAgICAgICB7b3B0aW9uUmVuZGVyZXIgPyBvcHRpb25SZW5kZXJlcih2YWx1ZSkgOiA8c3Bhbj57bGFiZWx9PC9zcGFuPn1cbiAgICAgIDwvV3JhcHBlcj5cbiAgICApXG4gIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgUmFkaW9cbiJdfQ== */");
|
|
112
112
|
var VisualBox = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
|
|
113
113
|
target: "e1qtpbvj1"
|
|
114
114
|
} : {
|
|
@@ -139,7 +139,7 @@ var VisualBox = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV
|
|
|
139
139
|
borderColor: theme.palette.neutral[5],
|
|
140
140
|
cursor: 'not-allowed'
|
|
141
141
|
} : {};
|
|
142
|
-
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.VisualBox), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
142
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.VisualBox), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkRrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUmFkaW8vUmFkaW8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBnZXRPdmVycmlkZXMsIE92ZXJyaWRhYmxlIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRm9ybUNvbnRyb2xWYWx1ZSB9IGZyb20gJy4uL3R5cGVzJ1xuXG50eXBlIENvbXBvbmVudFByb3BzID0ge1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2hlY2tlZD86IGJvb2xlYW5cbn1cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2xhYmVsJyk8Q29tcG9uZW50UHJvcHM+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbMTFdLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVbMV0sXG4gICAgaGVpZ2h0OiB0aGVtZS5zcGFjZVs1XSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS5saW5lSGVpZ2h0WzVdLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgICBvdmVyZmxvdzogJ3Zpc2libGUnXG4gICAgfVxuICB9KSxcbiAgKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWRcbiAgICAgID8ge1xuICAgICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzldXG4gICAgICAgIH1cbiAgICAgIDoge30sXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5SYWRpby5Sb290KVxuKVxuXG5jb25zdCBJbnB1dCA9IHN0eWxlZCgnaW5wdXQnKShcbiAgKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgIGhlaWdodDogJzAuNzVyZW0nLFxuICAgIGxlZnQ6IDAsXG4gICAgbWFyZ2luOiAnMC4yNXJlbSAwLjVyZW0gMC4yNXJlbSAwJyxcbiAgICBvcGFjaXR5OiAwLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogMCxcbiAgICB3aWR0aDogJzAuNzVyZW0nLFxuICAgIHpJbmRleDogdGhlbWUuekluZGV4LkZvcm1Db250cm9sLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICc6Zm9jdXMgKyBkaXYnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwcHggMHB4IDBweCAzcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnlbMl19YFxuICAgIH0sXG4gICAgJzpkaXNhYmxlZCc6IHtcbiAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJ1xuICAgIH1cbiAgfSksXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5SYWRpby5JbnB1dClcbilcblxuY29uc3QgVmlzdWFsQm94ID0gc3R5bGVkKCdkaXYnKTxDb21wb25lbnRQcm9wcz4oXG4gICh7IHRoZW1lLCBjaGVja2VkIH0pID0+ICh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYm9yZGVyQ29sb3I6IGNoZWNrZWQgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbNV0gOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbNF0sXG4gICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogdGhlbWUuc3BhY2VbNF0sXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIG1hcmdpbjogJzAgMC41cmVtIDAgMCcsXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNlWzRdLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnXG4gIH0pLFxuICAoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbM10sXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs1XSxcbiAgICAgICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCdcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLlZpc3VhbEJveClcbilcblxuY29uc3QgVmlzdWFsUmFkaW8gPSBzdHlsZWQoJ2RpdicpPENvbXBvbmVudFByb3BzPihcbiAgKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGJvcmRlcjogYCR7dGhlbWUuYm9yZGVyV2lkdGhbMl19IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgICBiYWNrZ3JvdW5kQ2xpcDogJ3BhZGRpbmctYm94JyxcbiAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdLFxuICAgIG9wYWNpdHk6IDAsXG4gICAgY3Vyc29yOiAncG9pbnRlcidcbiAgfSksXG4gICh7IGNoZWNrZWQgfSkgPT5cbiAgICBjaGVja2VkXG4gICAgICA/IHtcbiAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICAgIDoge30sXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkXG4gICAgICA/IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs1XSxcbiAgICAgICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCdcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLlZpc3VhbFJhZGlvKVxuKVxuXG5leHBvcnQgdHlwZSBSYWRpb1Byb3BzID0ge1xuICBjaGVja2VkOiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJz86IHN0cmluZ1xuICBsYWJlbD86IHN0cmluZ1xuICBuYW1lOiBzdHJpbmdcbiAgb25DaGFuZ2U6IChhcmcwOiB7IG5hbWU6IHN0cmluZzsgdmFsdWU6IHN0cmluZyB9KSA9PiB2b2lkXG4gIG9wdGlvblJlbmRlcmVyPzogKG9wdGlvbjogRm9ybUNvbnRyb2xWYWx1ZSkgPT4gUmVhY3QuUmVhY3RFbGVtZW50XG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuY2xhc3MgUmFkaW8gZXh0ZW5kcyBSZWFjdC5QdXJlQ29tcG9uZW50PFJhZGlvUHJvcHM+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogJ3JhZGlvJyxcbiAgICBvbkNoYW5nZTogKCkgPT4ge31cbiAgfVxuXG4gIF9vbkNoYW5nZSA9IChldmVudDogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgY3VycmVudFRhcmdldDogeyBuYW1lIH1cbiAgICB9ID0gZXZlbnRcbiAgICBjb25zdCB7IG9uQ2hhbmdlLCB2YWx1ZSB9ID0gdGhpcy5wcm9wc1xuICAgIG9uQ2hhbmdlKHsgbmFtZSwgdmFsdWUgfSlcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBjaGVja2VkLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiBkYXRhSW5zdHJ1bWVudGF0aW9uLFxuICAgICAgbGFiZWwsXG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBvcHRpb25SZW5kZXJlcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfSB0aXRsZT17bGFiZWx9PlxuICAgICAgICA8SW5wdXRcbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaWQ9e25hbWV9XG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICBvbkNoYW5nZT17dGhpcy5fb25DaGFuZ2V9XG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBkYXRhLWluc3RydW1lbnRhdGlvbj17ZGF0YUluc3RydW1lbnRhdGlvbn1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIC8+XG4gICAgICAgIDxWaXN1YWxCb3ggZGlzYWJsZWQ9e2Rpc2FibGVkfSBjaGVja2VkPXtjaGVja2VkfT5cbiAgICAgICAgICA8VmlzdWFsUmFkaW8gZGlzYWJsZWQ9e2Rpc2FibGVkfSBjaGVja2VkPXtjaGVja2VkfSAvPlxuICAgICAgICA8L1Zpc3VhbEJveD5cbiAgICAgICAge29wdGlvblJlbmRlcmVyID8gb3B0aW9uUmVuZGVyZXIodmFsdWUpIDogPHNwYW4+e2xhYmVsfTwvc3Bhbj59XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKVxuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvXG4iXX0= */");
|
|
143
143
|
var VisualRadio = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV === "production" ? {
|
|
144
144
|
target: "e1qtpbvj0"
|
|
145
145
|
} : {
|
|
@@ -169,7 +169,7 @@ var VisualRadio = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_EN
|
|
|
169
169
|
backgroundColor: theme.palette.neutral[5],
|
|
170
170
|
cursor: 'not-allowed'
|
|
171
171
|
} : {};
|
|
172
|
-
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.VisualRadio), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
172
|
+
}, (0, _ThemeProvider.getOverrides)(_ThemeProvider.Overridable.Radio.VisualRadio), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9SYWRpby9SYWRpby50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUZvQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvUmFkaW8vUmFkaW8udHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyBnZXRPdmVycmlkZXMsIE92ZXJyaWRhYmxlIH0gZnJvbSAnLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB0eXBlIHsgRm9ybUNvbnRyb2xWYWx1ZSB9IGZyb20gJy4uL3R5cGVzJ1xuXG50eXBlIENvbXBvbmVudFByb3BzID0ge1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgY2hlY2tlZD86IGJvb2xlYW5cbn1cbmNvbnN0IFdyYXBwZXIgPSBzdHlsZWQoJ2xhYmVsJyk8Q29tcG9uZW50UHJvcHM+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIGFsaWduSXRlbXM6ICdjZW50ZXInLFxuICAgIGNvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbMTFdLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICBmb250U2l6ZTogdGhlbWUuZm9udFNpemVbMV0sXG4gICAgaGVpZ2h0OiB0aGVtZS5zcGFjZVs1XSxcbiAgICBsaW5lSGVpZ2h0OiB0aGVtZS5saW5lSGVpZ2h0WzVdLFxuICAgIG92ZXJmbG93OiAnaGlkZGVuJyxcbiAgICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgICB0ZXh0T3ZlcmZsb3c6ICdlbGxpcHNpcycsXG4gICAgd2hpdGVTcGFjZTogJ25vd3JhcCcsXG4gICAgJzpmb2N1cy13aXRoaW4nOiB7XG4gICAgICBvdmVyZmxvdzogJ3Zpc2libGUnXG4gICAgfVxuICB9KSxcbiAgKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+XG4gICAgZGlzYWJsZWRcbiAgICAgID8ge1xuICAgICAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJyxcbiAgICAgICAgICBjb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzldXG4gICAgICAgIH1cbiAgICAgIDoge30sXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5SYWRpby5Sb290KVxuKVxuXG5jb25zdCBJbnB1dCA9IHN0eWxlZCgnaW5wdXQnKShcbiAgKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgIGhlaWdodDogJzAuNzVyZW0nLFxuICAgIGxlZnQ6IDAsXG4gICAgbWFyZ2luOiAnMC4yNXJlbSAwLjVyZW0gMC4yNXJlbSAwJyxcbiAgICBvcGFjaXR5OiAwLFxuICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgIHRvcDogMCxcbiAgICB3aWR0aDogJzAuNzVyZW0nLFxuICAgIHpJbmRleDogdGhlbWUuekluZGV4LkZvcm1Db250cm9sLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgICc6Zm9jdXMgKyBkaXYnOiB7XG4gICAgICBib3hTaGFkb3c6IGAwcHggMHB4IDBweCAzcHggJHt0aGVtZS5wYWxldHRlLnByaW1hcnlbMl19YFxuICAgIH0sXG4gICAgJzpkaXNhYmxlZCc6IHtcbiAgICAgIGN1cnNvcjogJ25vdC1hbGxvd2VkJ1xuICAgIH1cbiAgfSksXG4gIGdldE92ZXJyaWRlcyhPdmVycmlkYWJsZS5SYWRpby5JbnB1dClcbilcblxuY29uc3QgVmlzdWFsQm94ID0gc3R5bGVkKCdkaXYnKTxDb21wb25lbnRQcm9wcz4oXG4gICh7IHRoZW1lLCBjaGVja2VkIH0pID0+ICh7XG4gICAgYWxpZ25JdGVtczogJ2NlbnRlcicsXG4gICAgYm9yZGVyQ29sb3I6IGNoZWNrZWQgPyB0aGVtZS5wYWxldHRlLnByaW1hcnlbNV0gOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbNF0sXG4gICAgYm9yZGVyUmFkaXVzOiAnNTAlJyxcbiAgICBib3JkZXJTdHlsZTogJ3NvbGlkJyxcbiAgICBib3JkZXJXaWR0aDogJzFweCcsXG4gICAgZGlzcGxheTogJ2ZsZXgnLFxuICAgIGhlaWdodDogdGhlbWUuc3BhY2VbNF0sXG4gICAganVzdGlmeUNvbnRlbnQ6ICdjZW50ZXInLFxuICAgIG1hcmdpbjogJzAgMC41cmVtIDAgMCcsXG4gICAgd2lkdGg6IHRoZW1lLnNwYWNlWzRdLFxuICAgIGN1cnNvcjogJ3BvaW50ZXInLFxuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnXG4gIH0pLFxuICAoeyB0aGVtZSwgZGlzYWJsZWQgfSkgPT5cbiAgICBkaXNhYmxlZFxuICAgICAgPyB7XG4gICAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5wYWxldHRlLm5ldXRyYWxbM10sXG4gICAgICAgICAgYm9yZGVyQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs1XSxcbiAgICAgICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCdcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLlZpc3VhbEJveClcbilcblxuY29uc3QgVmlzdWFsUmFkaW8gPSBzdHlsZWQoJ2RpdicpPENvbXBvbmVudFByb3BzPihcbiAgKHsgdGhlbWUgfSkgPT4gKHtcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIGJvcmRlcjogYCR7dGhlbWUuYm9yZGVyV2lkdGhbMl19IHNvbGlkIHRyYW5zcGFyZW50YCxcbiAgICBiYWNrZ3JvdW5kQ2xpcDogJ3BhZGRpbmctYm94JyxcbiAgICBib3JkZXJSYWRpdXM6ICc1MCUnLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5wcmltYXJ5WzRdLFxuICAgIG9wYWNpdHk6IDAsXG4gICAgY3Vyc29yOiAncG9pbnRlcidcbiAgfSksXG4gICh7IGNoZWNrZWQgfSkgPT5cbiAgICBjaGVja2VkXG4gICAgICA/IHtcbiAgICAgICAgICBvcGFjaXR5OiAxXG4gICAgICAgIH1cbiAgICAgIDoge30sXG4gICh7IHRoZW1lLCBkaXNhYmxlZCB9KSA9PlxuICAgIGRpc2FibGVkXG4gICAgICA/IHtcbiAgICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnBhbGV0dGUubmV1dHJhbFs1XSxcbiAgICAgICAgICBjdXJzb3I6ICdub3QtYWxsb3dlZCdcbiAgICAgICAgfVxuICAgICAgOiB7fSxcbiAgZ2V0T3ZlcnJpZGVzKE92ZXJyaWRhYmxlLlJhZGlvLlZpc3VhbFJhZGlvKVxuKVxuXG5leHBvcnQgdHlwZSBSYWRpb1Byb3BzID0ge1xuICBjaGVja2VkOiBib29sZWFuXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJz86IHN0cmluZ1xuICBsYWJlbD86IHN0cmluZ1xuICBuYW1lOiBzdHJpbmdcbiAgb25DaGFuZ2U6IChhcmcwOiB7IG5hbWU6IHN0cmluZzsgdmFsdWU6IHN0cmluZyB9KSA9PiB2b2lkXG4gIG9wdGlvblJlbmRlcmVyPzogKG9wdGlvbjogRm9ybUNvbnRyb2xWYWx1ZSkgPT4gUmVhY3QuUmVhY3RFbGVtZW50XG4gIHZhbHVlOiBzdHJpbmdcbn1cblxuY2xhc3MgUmFkaW8gZXh0ZW5kcyBSZWFjdC5QdXJlQ29tcG9uZW50PFJhZGlvUHJvcHM+IHtcbiAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICBkaXNhYmxlZDogZmFsc2UsXG4gICAgJ2RhdGEtaW5zdHJ1bWVudGF0aW9uJzogJ3JhZGlvJyxcbiAgICBvbkNoYW5nZTogKCkgPT4ge31cbiAgfVxuXG4gIF9vbkNoYW5nZSA9IChldmVudDogUmVhY3QuRm9ybUV2ZW50PEhUTUxJbnB1dEVsZW1lbnQ+KSA9PiB7XG4gICAgY29uc3Qge1xuICAgICAgY3VycmVudFRhcmdldDogeyBuYW1lIH1cbiAgICB9ID0gZXZlbnRcbiAgICBjb25zdCB7IG9uQ2hhbmdlLCB2YWx1ZSB9ID0gdGhpcy5wcm9wc1xuICAgIG9uQ2hhbmdlKHsgbmFtZSwgdmFsdWUgfSlcbiAgfVxuXG4gIHJlbmRlcigpIHtcbiAgICBjb25zdCB7XG4gICAgICBjaGVja2VkLFxuICAgICAgY2xhc3NOYW1lLFxuICAgICAgZGlzYWJsZWQsXG4gICAgICAnZGF0YS1pbnN0cnVtZW50YXRpb24nOiBkYXRhSW5zdHJ1bWVudGF0aW9uLFxuICAgICAgbGFiZWwsXG4gICAgICBuYW1lLFxuICAgICAgdmFsdWUsXG4gICAgICBvcHRpb25SZW5kZXJlcixcbiAgICAgIC4uLnByb3BzXG4gICAgfSA9IHRoaXMucHJvcHNcblxuICAgIHJldHVybiAoXG4gICAgICA8V3JhcHBlciBjbGFzc05hbWU9e2NsYXNzTmFtZX0gZGlzYWJsZWQ9e2Rpc2FibGVkfSB0aXRsZT17bGFiZWx9PlxuICAgICAgICA8SW5wdXRcbiAgICAgICAgICB7Li4ucHJvcHN9XG4gICAgICAgICAgY2hlY2tlZD17Y2hlY2tlZH1cbiAgICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgICAgICAgaWQ9e25hbWV9XG4gICAgICAgICAgbmFtZT17bmFtZX1cbiAgICAgICAgICBvbkNoYW5nZT17dGhpcy5fb25DaGFuZ2V9XG4gICAgICAgICAgdHlwZT1cInJhZGlvXCJcbiAgICAgICAgICBkYXRhLWluc3RydW1lbnRhdGlvbj17ZGF0YUluc3RydW1lbnRhdGlvbn1cbiAgICAgICAgICB2YWx1ZT17dmFsdWV9XG4gICAgICAgIC8+XG4gICAgICAgIDxWaXN1YWxCb3ggZGlzYWJsZWQ9e2Rpc2FibGVkfSBjaGVja2VkPXtjaGVja2VkfT5cbiAgICAgICAgICA8VmlzdWFsUmFkaW8gZGlzYWJsZWQ9e2Rpc2FibGVkfSBjaGVja2VkPXtjaGVja2VkfSAvPlxuICAgICAgICA8L1Zpc3VhbEJveD5cbiAgICAgICAge29wdGlvblJlbmRlcmVyID8gb3B0aW9uUmVuZGVyZXIodmFsdWUpIDogPHNwYW4+e2xhYmVsfTwvc3Bhbj59XG4gICAgICA8L1dyYXBwZXI+XG4gICAgKVxuICB9XG59XG5cbmV4cG9ydCBkZWZhdWx0IFJhZGlvXG4iXX0= */");
|
|
173
173
|
|
|
174
174
|
var Radio = /*#__PURE__*/function (_React$PureComponent) {
|
|
175
175
|
_inherits(Radio, _React$PureComponent);
|
|
@@ -212,6 +212,7 @@ var Radio = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
212
212
|
label = _this$props2.label,
|
|
213
213
|
name = _this$props2.name,
|
|
214
214
|
value = _this$props2.value,
|
|
215
|
+
optionRenderer = _this$props2.optionRenderer,
|
|
215
216
|
props = _objectWithoutProperties(_this$props2, _excluded);
|
|
216
217
|
|
|
217
218
|
return (0, _jsxRuntime.jsxs)(Wrapper, {
|
|
@@ -241,7 +242,7 @@ var Radio = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
241
242
|
disabled: disabled,
|
|
242
243
|
checked: checked
|
|
243
244
|
})
|
|
244
|
-
}), (0, _jsxRuntime.jsx)("span", {
|
|
245
|
+
}), optionRenderer ? optionRenderer(value) : (0, _jsxRuntime.jsx)("span", {
|
|
245
246
|
"data-gs-c": gsC(label),
|
|
246
247
|
"data-gs": gs("src", "radio", "radio.tsx", "wrapper", "span"),
|
|
247
248
|
children: label
|
|
@@ -37,6 +37,7 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
|
|
|
37
37
|
labelWidth?: string | number | undefined;
|
|
38
38
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
39
39
|
options?: any;
|
|
40
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
40
41
|
} & Omit<import("../Select").SelectComponentProps, "label">) | (Pick<{
|
|
41
42
|
addOnClassName?: string | undefined;
|
|
42
43
|
blockLabel?: boolean | undefined;
|
|
@@ -65,6 +66,7 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
|
|
|
65
66
|
labelWidth?: string | number | undefined;
|
|
66
67
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
67
68
|
options?: any;
|
|
69
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
68
70
|
} & import("../FormControl/components/CheckboxGroup").CheckboxGroupProps, "getLabelForOption" | "disabledOptions"> & Partial<Pick<{
|
|
69
71
|
addOnClassName?: string | undefined;
|
|
70
72
|
blockLabel?: boolean | undefined;
|
|
@@ -93,7 +95,8 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
|
|
|
93
95
|
labelWidth?: string | number | undefined;
|
|
94
96
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
95
97
|
options?: any;
|
|
96
|
-
|
|
98
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
99
|
+
} & import("../FormControl/components/CheckboxGroup").CheckboxGroupProps, "value" | "label" | "className" | "id" | "onChange" | "disabled" | "error" | "required" | "invalid" | "name" | "type" | "data-instrumentation" | "getRef" | "size" | "data-gs-c" | "labelWidth" | "showFullError" | "showFullHint" | "showFullInfo" | "showFullWarning" | "hint" | "info" | "hintNode" | "truncateErrors" | "truncateWarnings" | "showFullLabel" | "options" | "optionRenderer" | "isClearable" | "warning" | "addOnClassName" | "valueCanBeNull" | "blockLabel" | "inputCss">> & Partial<Pick<Partial<import("../FormControl").FormControlProps<"text">>, never>>) | (Pick<{
|
|
97
100
|
addOnClassName?: string | undefined;
|
|
98
101
|
blockLabel?: boolean | undefined;
|
|
99
102
|
'data-gs-c'?: Function | undefined;
|
|
@@ -121,6 +124,7 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
|
|
|
121
124
|
labelWidth?: string | number | undefined;
|
|
122
125
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
123
126
|
options?: any;
|
|
127
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
124
128
|
} & import("../FormControl/components/RadioGroup").RadioGroupProps, "getLabelForOption" | "disabledOptions"> & Partial<Pick<{
|
|
125
129
|
addOnClassName?: string | undefined;
|
|
126
130
|
blockLabel?: boolean | undefined;
|
|
@@ -149,7 +153,8 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
|
|
|
149
153
|
labelWidth?: string | number | undefined;
|
|
150
154
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
151
155
|
options?: any;
|
|
152
|
-
|
|
156
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
157
|
+
} & import("../FormControl/components/RadioGroup").RadioGroupProps, "value" | "label" | "className" | "id" | "onChange" | "disabled" | "error" | "required" | "invalid" | "name" | "type" | "data-instrumentation" | "getRef" | "size" | "data-gs-c" | "labelWidth" | "showFullError" | "showFullHint" | "showFullInfo" | "showFullWarning" | "hint" | "info" | "hintNode" | "truncateErrors" | "truncateWarnings" | "showFullLabel" | "options" | "optionRenderer" | "isClearable" | "warning" | "addOnClassName" | "valueCanBeNull" | "blockLabel" | "inputCss">> & Partial<Pick<Partial<import("../FormControl").FormControlProps<"text">>, never>>) | (Pick<{
|
|
153
158
|
addOnClassName?: string | undefined;
|
|
154
159
|
blockLabel?: boolean | undefined;
|
|
155
160
|
'data-gs-c'?: Function | undefined;
|
|
@@ -177,6 +182,7 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
|
|
|
177
182
|
labelWidth?: string | number | undefined;
|
|
178
183
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
179
184
|
options?: any;
|
|
185
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
180
186
|
} & Omit<import("../Input").InputProps<"number" | "textarea" | "text" | "url" | "email" | "datetime-local" | "password">, "label">, "form" | "style" | "title" | "pattern" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "readOnly" | "checked" | "height" | "width" | "wrap" | "inline" | "rows" | "max" | "min" | "crossOrigin" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "list" | "step" | "multiple" | "accept" | "alt" | "autoComplete" | "capture" | "maxLength" | "minLength" | "src" | "variant" | "cols" | "dirName" | "inputRef"> & Partial<Pick<{
|
|
181
187
|
addOnClassName?: string | undefined;
|
|
182
188
|
blockLabel?: boolean | undefined;
|
|
@@ -205,7 +211,8 @@ export declare const TimeFormControl: import("@emotion/styled").StyledComponent<
|
|
|
205
211
|
labelWidth?: string | number | undefined;
|
|
206
212
|
inputCss?: import("@emotion/serialize").Interpolation<any>;
|
|
207
213
|
options?: any;
|
|
208
|
-
|
|
214
|
+
optionRenderer?: ((option: import("../types").FormControlValue) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) | undefined;
|
|
215
|
+
} & Omit<import("../Input").InputProps<"number" | "textarea" | "text" | "url" | "email" | "datetime-local" | "password">, "label">, "value" | "label" | "className" | "id" | "onChange" | "disabled" | "error" | "required" | "invalid" | "name" | "type" | "data-instrumentation" | "getRef" | "size" | "data-gs-c" | "labelWidth" | "showFullError" | "showFullHint" | "showFullInfo" | "showFullWarning" | "hint" | "info" | "hintNode" | "truncateErrors" | "truncateWarnings" | "showFullLabel" | "options" | "optionRenderer" | "isClearable" | "warning" | "addOnClassName" | "valueCanBeNull" | "blockLabel" | "inputCss">> & Partial<Pick<Partial<import("../FormControl").FormControlProps<"text">>, never>>)) & {
|
|
209
216
|
theme?: import("@emotion/react").Theme | undefined;
|
|
210
217
|
}) & {
|
|
211
218
|
variant?: "primary" | "secondary" | undefined;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import type { Period } from '../TimePicker';
|
|
3
|
-
export declare function useDisplayValue(time: string | undefined, editor?:
|
|
2
|
+
import type { Period, TimeEditorFormat } from '../TimePicker';
|
|
3
|
+
export declare function useDisplayValue(time: string | undefined, editor?: TimeEditorFormat, onChange?: (value: string) => void): {
|
|
4
4
|
displayValue: string | undefined;
|
|
5
5
|
period: Period;
|
|
6
6
|
errors: string | undefined;
|
|
@@ -27,7 +27,8 @@ if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
|
|
|
27
27
|
if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
28
28
|
var TIME_FORMAT_24 = 'HH:mm:ss';
|
|
29
29
|
var TIME_FORMAT_12 = 'hh:mm:ss A';
|
|
30
|
-
var TIME_FORMAT_MS = ':mm:ss';
|
|
30
|
+
var TIME_FORMAT_MS = ':mm:ss';
|
|
31
|
+
var TIME_FORMAT_HM = 'hh:mm'; // This hook contains all the logic needed to handle user input
|
|
31
32
|
// and the editing mode for the TimeControl component.
|
|
32
33
|
// TODO: as soon as we find a nice way to test hooks we can test all
|
|
33
34
|
// this logic without any UI interaction directly in our unit tests.
|
|
@@ -59,6 +60,8 @@ function useDisplayValue(time, editor, onChange) {
|
|
|
59
60
|
var displayFormat = (0, _react.useMemo)(function () {
|
|
60
61
|
if (editor === 'minutes-seconds') {
|
|
61
62
|
return TIME_FORMAT_MS;
|
|
63
|
+
} else if (editor === 'hours-minutes' || editor === 'minutes') {
|
|
64
|
+
return TIME_FORMAT_HM;
|
|
62
65
|
}
|
|
63
66
|
|
|
64
67
|
return period === '24' ? TIME_FORMAT_24 : TIME_FORMAT_12;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import { TimeEditorFormat } from './utils';
|
|
2
3
|
import type { Period, TimeData } from './utils';
|
|
3
4
|
export declare type TimePickerProps = {
|
|
4
5
|
/**
|
|
@@ -8,7 +9,7 @@ export declare type TimePickerProps = {
|
|
|
8
9
|
*/
|
|
9
10
|
time?: string;
|
|
10
11
|
/** The type of editor: full time or minutes and seconds only. Default is `'hours-minutes-seconds'`. */
|
|
11
|
-
editor?:
|
|
12
|
+
editor?: TimeEditorFormat;
|
|
12
13
|
/** The initial period selected when the control is created. If omitted then `'24'` is used. */
|
|
13
14
|
initialPeriod?: Period;
|
|
14
15
|
/** Indicates whether the editor is read-only. Default is 'false'. */
|
|
@@ -42,7 +42,8 @@ if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
|
|
|
42
42
|
|
|
43
43
|
var TimePicker = function TimePicker(props) {
|
|
44
44
|
var borderless = props.borderless,
|
|
45
|
-
editor = props.editor,
|
|
45
|
+
_props$editor = props.editor,
|
|
46
|
+
editor = _props$editor === void 0 ? 'hours-minutes-seconds' : _props$editor,
|
|
46
47
|
_props$initialPeriod = props.initialPeriod,
|
|
47
48
|
initialPeriod = _props$initialPeriod === void 0 ? '24' : _props$initialPeriod,
|
|
48
49
|
disabled = props.disabled,
|
|
@@ -75,7 +76,7 @@ var TimePicker = function TimePicker(props) {
|
|
|
75
76
|
}
|
|
76
77
|
};
|
|
77
78
|
|
|
78
|
-
var
|
|
79
|
+
var handleChangePeriod = function handleChangePeriod(newPeriod) {
|
|
79
80
|
setPeriod(newPeriod);
|
|
80
81
|
|
|
81
82
|
if (onPeriodChange) {
|
|
@@ -111,7 +112,7 @@ var TimePicker = function TimePicker(props) {
|
|
|
111
112
|
value: (0, _utils.maybeConvert24HoursTo12)(value.hours, period),
|
|
112
113
|
minimum: period === '24' ? 0 : 1,
|
|
113
114
|
maximum: period === '24' ? 23 : 12,
|
|
114
|
-
disabled: disabled || editor === 'minutes-seconds',
|
|
115
|
+
disabled: disabled || editor === 'minutes-seconds' || editor === 'minutes',
|
|
115
116
|
readonly: readonly,
|
|
116
117
|
variant: variant,
|
|
117
118
|
onChange: function onChange(hours) {
|
|
@@ -138,9 +139,9 @@ var TimePicker = function TimePicker(props) {
|
|
|
138
139
|
}));
|
|
139
140
|
}
|
|
140
141
|
}), (0, _jsxRuntime.jsx)(_components.Separator, {
|
|
141
|
-
"data-gs-c": gsC(separators[1]),
|
|
142
|
+
"data-gs-c": gsC(!(editor === 'hours-minutes' || editor === 'minutes') && separators[1]),
|
|
142
143
|
"data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "separator"),
|
|
143
|
-
children: separators[1]
|
|
144
|
+
children: !(editor === 'hours-minutes' || editor === 'minutes') && separators[1]
|
|
144
145
|
}), (0, _jsxRuntime.jsx)(_components.Spinner, {
|
|
145
146
|
"data-gs-c": gsC(value.seconds),
|
|
146
147
|
"data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "spinner"),
|
|
@@ -154,18 +155,19 @@ var TimePicker = function TimePicker(props) {
|
|
|
154
155
|
return handleChangeTime(_objectSpread(_objectSpread({}, value), {}, {
|
|
155
156
|
seconds: seconds
|
|
156
157
|
}));
|
|
157
|
-
}
|
|
158
|
+
},
|
|
159
|
+
hidden: editor === 'hours-minutes' || editor === 'minutes'
|
|
158
160
|
}), (0, _jsxRuntime.jsx)(_components.PeriodSelector, {
|
|
159
161
|
"data-gs-c": gsC(period),
|
|
160
162
|
"data-gs": gs("src", "timepicker", "timepicker.tsx", "container", "period-selector"),
|
|
161
163
|
"data-instrumentation": "".concat(dataInstrumentation, "-minutesecondspinner"),
|
|
162
|
-
hidden: editor === 'minutes-seconds',
|
|
164
|
+
hidden: editor === 'minutes-seconds' || editor === 'minutes',
|
|
163
165
|
disabled: disabled,
|
|
164
166
|
readonly: readonly,
|
|
165
167
|
variant: variant,
|
|
166
168
|
time: value,
|
|
167
169
|
value: period,
|
|
168
|
-
onChange:
|
|
170
|
+
onChange: handleChangePeriod
|
|
169
171
|
})]
|
|
170
172
|
});
|
|
171
173
|
};
|
|
@@ -31,8 +31,8 @@ var Container = ( /*#__PURE__*/0, _base["default"])('div', process.env.NODE_ENV
|
|
|
31
31
|
display: 'flex',
|
|
32
32
|
flexDirection: 'row',
|
|
33
33
|
alignItems: 'center',
|
|
34
|
-
justifyContent: '
|
|
34
|
+
justifyContent: 'center',
|
|
35
35
|
padding: "0 ".concat(theme.space[8])
|
|
36
36
|
};
|
|
37
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvQ29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd5QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvVGltZVBpY2tlci9jb21wb25lbnRzL0NvbnRhaW5lci50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGNvbG9yIGZyb20gJ2NvbG9yJ1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKTx7IGJvcmRlcmxlc3M/OiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgYm9yZGVybGVzcyB9KSA9PiAoe1xuICAgIGhlaWdodDogMTExLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzBdLFxuICAgIGJvcmRlcjogYm9yZGVybGVzc1xuICAgICAgPyAnbm9uZSdcbiAgICAgIDogYCR7dGhlbWUuYm9yZGVyV2lkdGhbMV19IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5uZXV0cmFsWzVdfWAsXG4gICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgYm94U2hhZG93OiBib3JkZXJsZXNzXG4gICAgICA/
|
|
37
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvQ29udGFpbmVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUd5QiIsImZpbGUiOiIuLi8uLi8uLi8uLi9zcmMvVGltZVBpY2tlci9jb21wb25lbnRzL0NvbnRhaW5lci50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IGNvbG9yIGZyb20gJ2NvbG9yJ1xuXG5leHBvcnQgY29uc3QgQ29udGFpbmVyID0gc3R5bGVkKCdkaXYnKTx7IGJvcmRlcmxlc3M/OiBib29sZWFuIH0+KFxuICAoeyB0aGVtZSwgYm9yZGVybGVzcyB9KSA9PiAoe1xuICAgIGhlaWdodDogMTExLFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzBdLFxuICAgIGJvcmRlcjogYm9yZGVybGVzc1xuICAgICAgPyAnbm9uZSdcbiAgICAgIDogYCR7dGhlbWUuYm9yZGVyV2lkdGhbMV19IHNvbGlkICR7dGhlbWUucGFsZXR0ZS5uZXV0cmFsWzVdfWAsXG4gICAgYm94U2l6aW5nOiAnYm9yZGVyLWJveCcsXG4gICAgYm94U2hhZG93OiBib3JkZXJsZXNzXG4gICAgICA/ICdub25lJ1xuICAgICAgOiBgMHB4ICR7dGhlbWUuYm9yZGVyV2lkdGhbM119ICR7dGhlbWUuYm9yZGVyV2lkdGhbM119ICR7Y29sb3IoXG4gICAgICAgICAgdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzNdXG4gICAgICAgIClcbiAgICAgICAgICAuYWxwaGEoMC4zKVxuICAgICAgICAgIC5zdHJpbmcoKX1gLFxuICAgIGJvcmRlclJhZGl1czogdGhlbWUucmFkaXVzWzFdLFxuICAgIGRpc3BsYXk6ICdmbGV4JyxcbiAgICBmbGV4RGlyZWN0aW9uOiAncm93JyxcbiAgICBhbGlnbkl0ZW1zOiAnY2VudGVyJyxcbiAgICBqdXN0aWZ5Q29udGVudDogJ2NlbnRlcicsXG4gICAgcGFkZGluZzogYDAgJHt0aGVtZS5zcGFjZVs4XX1gXG4gIH0pXG4pXG4iXX0= */");
|
|
38
38
|
exports.Container = Container;
|
|
@@ -65,7 +65,7 @@ var NumericInput = ( /*#__PURE__*/0, _base["default"])('input', process.env.NODE
|
|
|
65
65
|
appearance: 'none'
|
|
66
66
|
}
|
|
67
67
|
};
|
|
68
|
-
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTRCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG4vKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBDb2x1bW4gZnJvbSAnLi4vLi4vQ29sdW1uJ1xuaW1wb3J0IEljb24gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9BY3Rpb25CYXInXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB7IGZvcm1hdFRpbWVQYXJ0IH0gZnJvbSAnLi4vdXRpbHMnXG5cbmV4cG9ydCBjb25zdCBOdW1lcmljSW5wdXQgPSBzdHlsZWQoJ2lucHV0JykoKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+ICh7XG4gIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgd2lkdGg6IDQxLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZVsxXX0gJHt0aGVtZS5zcGFjZVszXX1gLFxuICBib3JkZXI6IDAsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzJdLFxuICBjb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsW2Rpc2FibGVkID8gOCA6IDExXSxcbiAgYm9yZGVyUmFkaXVzOiAxOCxcbiAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplWzFdLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAnJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbic6IHtcbiAgICBhcHBlYXJhbmNlOiAnbm9uZSdcbiAgfVxufSkpXG5cbnR5cGUgU3Bpbm5lclByb3BzID0ge1xuICBtaW5pbXVtPzogbnVtYmVyXG4gIG1heGltdW0/OiBudW1iZXJcbiAgdmFsdWU6IG51bWJlclxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgcmVhZG9ubHk/
|
|
68
|
+
}, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU3Bpbm5lci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWTRCIiwiZmlsZSI6Ii4uLy4uLy4uLy4uL3NyYy9UaW1lUGlja2VyL2NvbXBvbmVudHMvU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSByZWFjdC9wcm9wLXR5cGVzICovXG4vKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QsIHsgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgdXNlVGhlbWUgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCBDb2x1bW4gZnJvbSAnLi4vLi4vQ29sdW1uJ1xuaW1wb3J0IEljb24gZnJvbSAnLi4vLi4vSWNvbidcbmltcG9ydCB7IEljb25CdXR0b24gfSBmcm9tICcuLi8uLi9BY3Rpb25CYXInXG5pbXBvcnQgdHlwZSB7IFRoZW1lIH0gZnJvbSAnLi4vLi4vVGhlbWVQcm92aWRlcidcbmltcG9ydCB7IGZvcm1hdFRpbWVQYXJ0IH0gZnJvbSAnLi4vdXRpbHMnXG5cbmV4cG9ydCBjb25zdCBOdW1lcmljSW5wdXQgPSBzdHlsZWQoJ2lucHV0JykoKHsgdGhlbWUsIGRpc2FibGVkIH0pID0+ICh7XG4gIGFwcGVhcmFuY2U6ICdub25lJyxcbiAgd2lkdGg6IDQxLFxuICBwYWRkaW5nOiBgJHt0aGVtZS5zcGFjZVsxXX0gJHt0aGVtZS5zcGFjZVszXX1gLFxuICBib3JkZXI6IDAsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsWzJdLFxuICBjb2xvcjogdGhlbWUucGFsZXR0ZS5uZXV0cmFsW2Rpc2FibGVkID8gOCA6IDExXSxcbiAgYm9yZGVyUmFkaXVzOiAxOCxcbiAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplWzFdLFxuICB0ZXh0QWxpZ246ICdjZW50ZXInLFxuICAnJjo6LXdlYmtpdC1pbm5lci1zcGluLWJ1dHRvbic6IHtcbiAgICBhcHBlYXJhbmNlOiAnbm9uZSdcbiAgfVxufSkpXG5cbnR5cGUgU3Bpbm5lclByb3BzID0ge1xuICBtaW5pbXVtPzogbnVtYmVyXG4gIG1heGltdW0/OiBudW1iZXJcbiAgdmFsdWU6IG51bWJlclxuICBkaXNhYmxlZD86IGJvb2xlYW5cbiAgcmVhZG9ubHk/OiBib29sZWFuXG4gIGhpZGRlbj86IGJvb2xlYW5cbiAgcGFydE5hbWU6ICdob3VycycgfCAnbWludXRlcycgfCAnc2Vjb25kcydcbiAgdmFyaWFudD86ICdwcmltYXJ5JyB8ICdzZWNvbmRhcnknXG4gIG9uQ2hhbmdlOiAodmFsdWU6IG51bWJlcikgPT4gdm9pZFxufVxuXG5leHBvcnQgY29uc3QgU3Bpbm5lcjogUmVhY3QuRkM8U3Bpbm5lclByb3BzPiA9IHByb3BzID0+IHtcbiAgY29uc3QgdGhlbWU6IFRoZW1lID0gdXNlVGhlbWUoKVxuICBjb25zdCBbZWRpdGluZywgc2V0RWRpdGluZ10gPSB1c2VTdGF0ZShmYWxzZSlcblxuICBpZiAocHJvcHMuaGlkZGVuKSB7XG4gICAgcmV0dXJuIG51bGxcbiAgfVxuXG4gIGNvbnN0IGFjY2VudCA9XG4gICAgcHJvcHMudmFyaWFudCA9PT0gJ3ByaW1hcnknXG4gICAgICA/IHRoZW1lLnBhbGV0dGUucHJpbWFyeVsyXVxuICAgICAgOiB0aGVtZS5wYWxldHRlLnNlY29uZGFyeVsyXVxuXG4gIGNvbnN0IGhhbmRsZUluY3JlbWVudCA9ICgpID0+IHtcbiAgICBpZiAocHJvcHMubWF4aW11bSAhPT0gdW5kZWZpbmVkICYmIHByb3BzLnZhbHVlIDwgcHJvcHMubWF4aW11bSkge1xuICAgICAgcHJvcHMub25DaGFuZ2UocHJvcHMudmFsdWUgKyAxKVxuICAgIH0gZWxzZSBpZiAocHJvcHMubWluaW11bSAhPT0gdW5kZWZpbmVkKSB7XG4gICAgICBwcm9wcy5vbkNoYW5nZShwcm9wcy5taW5pbXVtKVxuICAgIH1cbiAgfVxuXG4gIGNvbnN0IGhhbmRsZURlY3JlbWVudCA9ICgpID0+IHtcbiAgICBpZiAocHJvcHMudmFsdWUgPiAwKSB7XG4gICAgICBwcm9wcy5vbkNoYW5nZShwcm9wcy52YWx1ZSAtIDEpXG4gICAgfSBlbHNlIGlmIChwcm9wcy5tYXhpbXVtICE9PSB1bmRlZmluZWQpIHtcbiAgICAgIHByb3BzLm9uQ2hhbmdlKHByb3BzLm1heGltdW0pXG4gICAgfVxuICB9XG5cbiAgY29uc3QgZGlzYWJsZWQgPSBwcm9wcy5kaXNhYmxlZCB8fCBOdW1iZXIuaXNOYU4ocHJvcHMudmFsdWUpXG5cbiAgLy8gV2UgY2FuJ3QgY29udHJvbCBob3cgYHR5cGU9XCJudW1iZXJpY1wiYCBkaXNwbGF5cyB0aGUgdmFsdWUgdGhlblxuICAvLyB3ZSBzZXQgaXQgb25seSB3aGVuIGVkaXRpbmcgYW5kIHVzZSBgdHlwZT1cInN0cmluZ1wiYCB0byBkaXNwbGF5IGEgcHJvcGVybHlcbiAgLy8gZm9ybWF0dGVkIHN0cmluZyB2YWx1ZS5cbiAgY29uc3QgZGlzcGxheVZhbHVlID0gZm9ybWF0VGltZVBhcnQocHJvcHMudmFsdWUsICFlZGl0aW5nKVxuXG4gIC8vIFRoZXNlIGNsYXNzZXMgYXJlIHVzZWQgb25seSBmb3IgdGVzdGluZywgdGhleSBkbyBub3QgYWN0dWFsbHkgY2hhbmdlIHZpc3VhbCBhcHBlYXJhbmNlXG4gIGNvbnN0IGJ1dHRvbkNzc0NsYXNzZXMgPSBkaXNhYmxlZCB8fCBwcm9wcy5yZWFkb25seSA/ICdkaXNhYmxlZCcgOiAnJ1xuICBjb25zdCBpbnB1dENzc0NsYXNzZXMgPSBbXG4gICAgZGlzYWJsZWQgPyAnZGlzYWJsZWQnIDogbnVsbCxcbiAgICBwcm9wcy5yZWFkb25seSA/ICdyZWFkb25seScgOiBudWxsXG4gIF1cbiAgICAuZmlsdGVyKHggPT4gISF4KVxuICAgIC5qb2luKCcgJylcblxuICByZXR1cm4gKFxuICAgIDxDb2x1bW4gYWxpZ249XCJjZW50ZXJcIj5cbiAgICAgIDxJY29uQnV0dG9uXG4gICAgICAgIGNsYXNzTmFtZT17YHRpbWVwaWNrZXItc3Bpbm5lci0ke3Byb3BzLnBhcnROYW1lfS1pbmNyZW1lbnQgJHtidXR0b25Dc3NDbGFzc2VzfWB9XG4gICAgICAgIGljb25cbiAgICAgICAgYWNjZW50PXthY2NlbnR9XG4gICAgICAgIGhvdmVybGVzc1xuICAgICAgICBkaXNhYmxlZD17ZGlzYWJsZWQgfHwgcHJvcHMucmVhZG9ubHl9XG4gICAgICAgIG9uQ2xpY2s9e2hhbmRsZUluY3JlbWVudH1cbiAgICAgID5cbiAgICAgICAgPEljb24uTWVkaXVtLkZpbGxlZFVwQXJyb3cgLz5cbiAgICAgIDwvSWNvbkJ1dHRvbj5cbiAgICAgIDxOdW1lcmljSW5wdXRcbiAgICAgICAgY2xhc3NOYW1lPXtgdGltZXBpY2tlci1zcGlubmVyLSR7cHJvcHMucGFydE5hbWV9LWlucHV0ICR7aW5wdXRDc3NDbGFzc2VzfWB9XG4gICAgICAgIHR5cGU9e2VkaXRpbmcgPyAnbnVtYmVyJyA6ICdzdHJpbmcnfVxuICAgICAgICBtaW49ezB9XG4gICAgICAgIG1heD17cHJvcHMubWF4aW11bX1cbiAgICAgICAgdmFsdWU9e2Rpc3BsYXlWYWx1ZX1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgICByZWFkT25seT17cHJvcHMucmVhZG9ubHl9XG4gICAgICAgIG9uQ2hhbmdlPXtlID0+IHByb3BzLm9uQ2hhbmdlKCtlLnRhcmdldC52YWx1ZSl9XG4gICAgICAgIG9uRm9jdXM9eygpID0+IHNldEVkaXRpbmcodHJ1ZSl9XG4gICAgICAgIG9uQmx1cj17KCkgPT4gc2V0RWRpdGluZyhmYWxzZSl9XG4gICAgICAvPlxuICAgICAgPEljb25CdXR0b25cbiAgICAgICAgY2xhc3NOYW1lPXtgdGltZXBpY2tlci1zcGlubmVyLSR7cHJvcHMucGFydE5hbWV9LWRlY3JlbWVudCAke2J1dHRvbkNzc0NsYXNzZXN9YH1cbiAgICAgICAgaWNvblxuICAgICAgICBhY2NlbnQ9e2FjY2VudH1cbiAgICAgICAgaG92ZXJsZXNzXG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZCB8fCBwcm9wcy5yZWFkb25seX1cbiAgICAgICAgb25DbGljaz17aGFuZGxlRGVjcmVtZW50fVxuICAgICAgPlxuICAgICAgICA8SWNvbi5NZWRpdW0uRmlsbGVkRG93bkFycm93IC8+XG4gICAgICA8L0ljb25CdXR0b24+XG4gICAgPC9Db2x1bW4+XG4gIClcbn1cblxuU3Bpbm5lci5kZWZhdWx0UHJvcHMgPSB7XG4gIG1pbmltdW06IDAsXG4gIG1heGltdW06IDU5XG59XG5TcGlubmVyLmRpc3BsYXlOYW1lID0gJ1NwaW5uZXInXG4iXX0= */");
|
|
69
69
|
exports.NumericInput = NumericInput;
|
|
70
70
|
|
|
71
71
|
var Spinner = function Spinner(props) {
|
|
@@ -76,6 +76,10 @@ var Spinner = function Spinner(props) {
|
|
|
76
76
|
editing = _useState2[0],
|
|
77
77
|
setEditing = _useState2[1];
|
|
78
78
|
|
|
79
|
+
if (props.hidden) {
|
|
80
|
+
return null;
|
|
81
|
+
}
|
|
82
|
+
|
|
79
83
|
var accent = props.variant === 'primary' ? theme.palette.primary[2] : theme.palette.secondary[2];
|
|
80
84
|
|
|
81
85
|
var handleIncrement = function handleIncrement() {
|
|
@@ -4,6 +4,7 @@ export declare type TimeData = {
|
|
|
4
4
|
seconds: number;
|
|
5
5
|
};
|
|
6
6
|
export declare type Period = '24' | 'am' | 'pm';
|
|
7
|
+
export declare type TimeEditorFormat = 'hours-minutes-seconds' | 'minutes-seconds' | 'hours-minutes' | 'minutes';
|
|
7
8
|
export declare function getTimePartsSeparators(): string[];
|
|
8
9
|
export declare function getCurrentTime(): {
|
|
9
10
|
hours: number;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export declare type FormControlValue = string | number | any[] | null;
|
|
2
|
-
//# sourceMappingURL=
|
|
2
|
+
//# sourceMappingURL=index.d.ts.map
|
|
File without changes
|