@comet/admin 9.0.0-beta.5 → 9.0.0-beta.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (118) hide show
  1. package/lib/common/ClearInputAdornment.d.ts.map +1 -1
  2. package/lib/common/ClearInputAdornment.js +6 -2
  3. package/lib/dataGrid/excelExport/generateExcelFile.d.ts.map +1 -1
  4. package/lib/dataGrid/excelExport/generateExcelFile.js +23 -1
  5. package/lib/dateTime/timePicker/TimePicker.d.ts.map +1 -1
  6. package/lib/dateTime/timePicker/TimePicker.js +2 -17
  7. package/lib/dateTime/timeRangePicker/TimeRangePicker.d.ts +71 -0
  8. package/lib/dateTime/timeRangePicker/TimeRangePicker.d.ts.map +1 -0
  9. package/lib/dateTime/timeRangePicker/TimeRangePicker.js +191 -0
  10. package/lib/dateTime/timeRangePickerField/TimeRangePickerField.d.ts +13 -0
  11. package/lib/dateTime/timeRangePickerField/TimeRangePickerField.d.ts.map +1 -0
  12. package/lib/dateTime/timeRangePickerField/TimeRangePickerField.js +31 -0
  13. package/lib/dateTime/utils.d.ts +6 -0
  14. package/lib/dateTime/utils.d.ts.map +1 -1
  15. package/lib/dateTime/utils.js +19 -1
  16. package/lib/{EditDialog.d.ts → editDialog/EditDialog.d.ts} +1 -1
  17. package/lib/editDialog/EditDialog.d.ts.map +1 -0
  18. package/lib/{EditDialog.js → editDialog/EditDialog.js} +5 -5
  19. package/lib/editDialog/EditDialogApiContext.d.ts.map +1 -0
  20. package/lib/form/FinalFormNumberInput.d.ts.map +1 -1
  21. package/lib/form/FinalFormNumberInput.js +2 -3
  22. package/lib/index.d.ts +4 -2
  23. package/lib/index.d.ts.map +1 -1
  24. package/lib/index.js +4 -2
  25. package/package.json +19 -12
  26. package/lib/EditDialog.d.ts.map +0 -1
  27. package/lib/EditDialogApiContext.d.ts.map +0 -1
  28. package/lib/alert/__stories__/Alert.stories.js +0 -152
  29. package/lib/common/__stories__/Tooltip.stories.js +0 -404
  30. package/lib/common/buttons/__stories__/Button.stories.js +0 -445
  31. package/lib/common/buttons/delete/__stories__/DeleteButton.stories.js +0 -8
  32. package/lib/common/toolbar/__stories__/DataGridToolbar.stories.js +0 -76
  33. package/lib/common/toolbar/__stories__/Toolbar.stories.js +0 -82
  34. package/lib/dataGrid/__stories__/ClickableRows.stories.js +0 -109
  35. package/lib/dataGrid/__stories__/CrudMoreActionsMenu.stories.js +0 -50
  36. package/lib/dataGrid/__stories__/DataGrid.stories.js +0 -94
  37. package/lib/dataGrid/__stories__/DataGridSingleSelectFilter.stories.js +0 -492
  38. package/lib/dateTime/datePicker/__stories__/DatePicker.stories.js +0 -214
  39. package/lib/dateTime/datePickerField/__stories__/DatePickerField.stories.js +0 -220
  40. package/lib/dateTime/dateRangePicker/__stories__/DateRangePicker.stories.js +0 -238
  41. package/lib/dateTime/dateRangePickerField/__stories__/DateRangePickerField.stories.js +0 -224
  42. package/lib/dateTime/dateTimePicker/__stories__/DateTimePicker.stories.js +0 -214
  43. package/lib/dateTime/dateTimePickerField/__stories__/DateTimePickerField.stories.js +0 -220
  44. package/lib/dateTime/dateTimeRangePicker/__stories__/DateTimeRangePicker.stories.js +0 -238
  45. package/lib/dateTime/dateTimeRangePickerField/__stories__/DateTimeRangePickerField.stories.js +0 -223
  46. package/lib/dateTime/timePicker/__stories__/TimePicker.stories.js +0 -219
  47. package/lib/dateTime/timePickerField/__stories__/TimePickerField.stories.js +0 -229
  48. package/lib/form/__stories__/AsyncAutocompleteField.stories.js +0 -660
  49. package/lib/form/__stories__/AsyncSelectField.stories.js +0 -513
  50. package/lib/form/__stories__/Autocomplete.stories.js +0 -188
  51. package/lib/form/__stories__/AutocompleteField.stories.js +0 -48
  52. package/lib/form/__stories__/Checkbox.stories.js +0 -70
  53. package/lib/form/__stories__/CheckboxField.stories.js +0 -87
  54. package/lib/form/__stories__/CheckboxListField.stories.js +0 -172
  55. package/lib/form/__stories__/CustomButtons.stories.js +0 -78
  56. package/lib/form/__stories__/DependentAsyncSelects.stories.js +0 -91
  57. package/lib/form/__stories__/DisableAutoNavigation.stories.js +0 -132
  58. package/lib/form/__stories__/DisabledSubmitIfNotDirty.stories.js +0 -54
  59. package/lib/form/__stories__/FieldContainer.stories.js +0 -87
  60. package/lib/form/__stories__/FinalFormFileSelect.stories.js +0 -155
  61. package/lib/form/__stories__/FormInStack.stories.js +0 -133
  62. package/lib/form/__stories__/FormLayouts.stories.js +0 -174
  63. package/lib/form/__stories__/FormValidation.stories.js +0 -82
  64. package/lib/form/__stories__/Input.stories.js +0 -37
  65. package/lib/form/__stories__/NumberField.stories.js +0 -38
  66. package/lib/form/__stories__/Radio.stories.js +0 -101
  67. package/lib/form/__stories__/RadioGroupField.stories.js +0 -172
  68. package/lib/form/__stories__/RangeInput.stories.js +0 -239
  69. package/lib/form/__stories__/RouterTabs.stories.js +0 -96
  70. package/lib/form/__stories__/RouterTabsInForm.stories.js +0 -73
  71. package/lib/form/__stories__/RouterTabsInFormWithSubroutes.stories.js +0 -96
  72. package/lib/form/__stories__/ScrollToErrorField.stories.js +0 -82
  73. package/lib/form/__stories__/SearchField.stories.js +0 -38
  74. package/lib/form/__stories__/Select.stories.js +0 -187
  75. package/lib/form/__stories__/SelectField.stories.js +0 -100
  76. package/lib/form/__stories__/ShowErrorStrategies.stories.js +0 -107
  77. package/lib/form/__stories__/SingleTextField.stories.js +0 -108
  78. package/lib/form/__stories__/StackInForm.stories.js +0 -53
  79. package/lib/form/__stories__/SubmitErrors.stories.js +0 -90
  80. package/lib/form/__stories__/Switch.stories.js +0 -49
  81. package/lib/form/__stories__/SwitchField.stories.js +0 -87
  82. package/lib/form/__stories__/Tabs.stories.js +0 -78
  83. package/lib/form/__stories__/TextAreaField.stories.js +0 -38
  84. package/lib/form/__stories__/TextField.stories.js +0 -67
  85. package/lib/form/__stories__/ToggleButtonGroupField.stories.js +0 -312
  86. package/lib/form/__stories__/TwoLevelValidation.stories.js +0 -168
  87. package/lib/form/__stories__/Typography.stories.js +0 -71
  88. package/lib/form/file/__stories__/FileDropzone.stories.js +0 -81
  89. package/lib/form/file/__stories__/FileSelect.stories.js +0 -139
  90. package/lib/form/file/__stories__/FileSelectListItem.stories.js +0 -108
  91. package/lib/form/file/__stories__/FileSelectMultipleExamples.stories.js +0 -187
  92. package/lib/section/__stories__/SectionHeadline.stories.js +0 -71
  93. package/lib/stack/__stories__/RouterTabsNestedStack.stories.js +0 -51
  94. package/lib/stack/__stories__/Stack.stories.js +0 -14
  95. package/lib/stack/__stories__/StackBackButton.stories.js +0 -50
  96. package/lib/stack/__stories__/StackBreadcrumbs.stories.js +0 -139
  97. package/lib/stack/__stories__/StackBreadcrumbsTabs.stories.js +0 -47
  98. package/lib/stack/__stories__/StackCustomSeparator.stories.js +0 -47
  99. package/lib/stack/__stories__/StackLink.stories.js +0 -41
  100. package/lib/stack/__stories__/StackNested.stories.js +0 -58
  101. package/lib/stack/__stories__/StackNestedOnInitialPage.stories.js +0 -78
  102. package/lib/stack/__stories__/StackNestedOneStack.stories.js +0 -90
  103. package/lib/stack/__stories__/StackPageTitle.stories.js +0 -121
  104. package/lib/stack/__stories__/StackReactNodeTitle.stories.js +0 -54
  105. package/lib/stack/__stories__/StackRefApi.stories.js +0 -56
  106. package/lib/stack/__stories__/StackTableFormQueryAtStack.stories.js +0 -155
  107. package/lib/stack/__stories__/StackTableFormQueryInTable.stories.js +0 -160
  108. package/lib/stack/__stories__/StackUrl.stories.js +0 -66
  109. package/lib/tabs/__stories__/DynamicTabs.stories.js +0 -84
  110. package/lib/tabs/__stories__/NestedStackSwitchWithRouterTabs.stories.js +0 -84
  111. package/lib/tabs/__stories__/OverflowIssues.stories.js +0 -224
  112. package/lib/tabs/__stories__/RouterTabs.stories.js +0 -31
  113. package/lib/tabs/__stories__/RouterTabsInStack.stories.js +0 -74
  114. package/lib/tabs/__stories__/RouterTabsInSubroute.stories.js +0 -68
  115. package/lib/tabs/__stories__/Tabs.stories.js +0 -219
  116. package/lib/translator/__stories__/ContentTranslation.stories.js +0 -104
  117. /package/lib/{EditDialogApiContext.d.ts → editDialog/EditDialogApiContext.d.ts} +0 -0
  118. /package/lib/{EditDialogApiContext.js → editDialog/EditDialogApiContext.js} +0 -0
@@ -1,49 +0,0 @@
1
- import { Card, CardContent } from "@mui/material";
2
- import { Form } from "react-final-form";
3
- import { SwitchField } from "../../form/fields/SwitchField";
4
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
5
- export default {
6
- title: "components/form"
7
- };
8
- export var Switch = function Switch() {
9
- return /*#__PURE__*/_jsx("div", {
10
- style: {
11
- width: 500
12
- },
13
- children: /*#__PURE__*/_jsx(Form, {
14
- onSubmit: function onSubmit(values) {
15
- //
16
- },
17
- render: function render(_ref) {
18
- var handleSubmit = _ref.handleSubmit;
19
- return /*#__PURE__*/_jsx("form", {
20
- onSubmit: handleSubmit,
21
- children: /*#__PURE__*/_jsx(Card, {
22
- variant: "outlined",
23
- children: /*#__PURE__*/_jsxs(CardContent, {
24
- children: [/*#__PURE__*/_jsx(SwitchField, {
25
- fullWidth: true,
26
- name: "simpleSwitch",
27
- fieldLabel: "Simple switch",
28
- label: "With label on the right"
29
- }), /*#__PURE__*/_jsx(SwitchField, {
30
- fullWidth: true,
31
- name: "dynamicLabel",
32
- fieldLabel: "Switch with dynamic label",
33
- label: function label(checked) {
34
- return checked ? "Yes" : "No";
35
- }
36
- }), /*#__PURE__*/_jsx(SwitchField, {
37
- fullWidth: true,
38
- name: "disabled",
39
- fieldLabel: "Disabled switch",
40
- label: "Disabled",
41
- disabled: true
42
- })]
43
- })
44
- })
45
- });
46
- }
47
- })
48
- });
49
- };
@@ -1,87 +0,0 @@
1
- import { Stack } from "@mui/material";
2
- import { Alert } from "../../alert/Alert";
3
- import { FieldSet } from "../../common/FieldSet";
4
- import { FinalForm } from "../../FinalForm";
5
- import { SwitchField } from "../../form/fields/SwitchField";
6
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
7
- var config = {
8
- component: SwitchField,
9
- title: "components/form/SwitchField"
10
- };
11
- export default config;
12
- export var Default = {
13
- render: function render() {
14
- return /*#__PURE__*/_jsx(FinalForm, {
15
- mode: "edit",
16
- onSubmit: function onSubmit() {
17
- // not handled
18
- },
19
- subscription: {
20
- values: true
21
- },
22
- children: function children(_ref) {
23
- var values = _ref.values;
24
- return /*#__PURE__*/_jsxs(_Fragment, {
25
- children: [/*#__PURE__*/_jsx(SwitchField, {
26
- name: "value",
27
- label: "Switch Field",
28
- fullWidth: true,
29
- variant: "horizontal"
30
- }), /*#__PURE__*/_jsx(Alert, {
31
- title: "FormState",
32
- children: /*#__PURE__*/_jsx("pre", {
33
- children: JSON.stringify(values, null, 2)
34
- })
35
- })]
36
- });
37
- }
38
- });
39
- }
40
- };
41
- export var LayoutVariants = {
42
- render: function render() {
43
- return /*#__PURE__*/_jsx(FinalForm, {
44
- mode: "edit",
45
- onSubmit: function onSubmit() {
46
- // not handled
47
- },
48
- children: function children() {
49
- return /*#__PURE__*/_jsxs(Stack, {
50
- spacing: 5,
51
- p: 5,
52
- children: [/*#__PURE__*/_jsxs(FieldSet, {
53
- title: "Single line SwitchField",
54
- children: [/*#__PURE__*/_jsx(SwitchField, {
55
- name: "singleLineHorizontal",
56
- fieldLabel: "Single Line Horizontal",
57
- label: "Hello Switch",
58
- variant: "horizontal",
59
- fullWidth: true
60
- }), /*#__PURE__*/_jsx(SwitchField, {
61
- name: "singleLineVertical",
62
- fieldLabel: "Single Line Vertical",
63
- label: "Hello Switch",
64
- variant: "vertical",
65
- fullWidth: true
66
- })]
67
- }), /*#__PURE__*/_jsxs(FieldSet, {
68
- title: "Multi line SwitchField",
69
- children: [/*#__PURE__*/_jsx(SwitchField, {
70
- name: "multiLineHorizontal",
71
- fieldLabel: "Multi Line Horizontal",
72
- label: "Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.",
73
- variant: "horizontal",
74
- fullWidth: true
75
- }), /*#__PURE__*/_jsx(SwitchField, {
76
- name: "multiLineVertical",
77
- fieldLabel: "Multi Line Vertical",
78
- label: "Nulla vitae elit libero, a pharetra augue. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam quis risus eget urna mollis ornare vel eu leo.",
79
- variant: "vertical",
80
- fullWidth: true
81
- })]
82
- })]
83
- });
84
- }
85
- });
86
- }
87
- };
@@ -1,78 +0,0 @@
1
- function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
2
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
3
- function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
4
- function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
5
- function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
6
- function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
7
- import { Card, CardContent } from "@mui/material";
8
- import { useState } from "react";
9
- import { Button } from "../../common/buttons/Button";
10
- import { FinalForm } from "../../FinalForm";
11
- import { Field } from "../../form/Field";
12
- import { FinalFormInput } from "../../form/FinalFormInput";
13
- import { Tab, Tabs } from "../../tabs/Tabs";
14
- import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
15
- export default {
16
- title: "components/form"
17
- };
18
- export var _Tabs = function _Tabs() {
19
- var _useState = useState(false),
20
- _useState2 = _slicedToArray(_useState, 2),
21
- showExample3 = _useState2[0],
22
- setShowExample3 = _useState2[1];
23
- return /*#__PURE__*/_jsxs(_Fragment, {
24
- children: [/*#__PURE__*/_jsxs(Button, {
25
- onClick: function onClick() {
26
- return setShowExample3(function (value) {
27
- return !value;
28
- });
29
- },
30
- children: [showExample3 ? "Hide" : "Show", " Example 3"]
31
- }), /*#__PURE__*/_jsx(FinalForm, {
32
- mode: "edit",
33
- onSubmit: function onSubmit(values) {
34
- alert(JSON.stringify(values));
35
- },
36
- initialValues: {
37
- foo: "foo",
38
- bar: "bar"
39
- },
40
- children: /*#__PURE__*/_jsxs(Tabs, {
41
- children: [/*#__PURE__*/_jsx(Tab, {
42
- label: "Example 1",
43
- children: /*#__PURE__*/_jsx(Card, {
44
- variant: "outlined",
45
- children: /*#__PURE__*/_jsx(CardContent, {
46
- children: /*#__PURE__*/_jsx(Field, {
47
- label: "Foo",
48
- name: "foo",
49
- component: FinalFormInput
50
- })
51
- })
52
- })
53
- }), /*#__PURE__*/_jsx(Tab, {
54
- label: "Example 2",
55
- forceRender: true,
56
- children: /*#__PURE__*/_jsx(Card, {
57
- variant: "outlined",
58
- children: /*#__PURE__*/_jsx(CardContent, {
59
- children: /*#__PURE__*/_jsx(Field, {
60
- label: "Bar",
61
- name: "bar",
62
- component: FinalFormInput
63
- })
64
- })
65
- })
66
- }), showExample3 && /*#__PURE__*/_jsx(Tab, {
67
- label: "Example 3",
68
- children: /*#__PURE__*/_jsx(Card, {
69
- variant: "outlined",
70
- children: /*#__PURE__*/_jsx(CardContent, {
71
- children: "False"
72
- })
73
- })
74
- })]
75
- })
76
- })]
77
- });
78
- };
@@ -1,38 +0,0 @@
1
- import { Alert } from "../../alert/Alert";
2
- import { FinalForm } from "../../FinalForm";
3
- import { TextAreaField } from "../../form/fields/TextAreaField";
4
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
5
- var config = {
6
- component: TextAreaField,
7
- title: "components/form/TextAreaField"
8
- };
9
- export default config;
10
- export var Default = {
11
- render: function render() {
12
- return /*#__PURE__*/_jsx(FinalForm, {
13
- mode: "edit",
14
- onSubmit: function onSubmit() {
15
- // not handled
16
- },
17
- subscription: {
18
- values: true
19
- },
20
- children: function children(_ref) {
21
- var values = _ref.values;
22
- return /*#__PURE__*/_jsxs(_Fragment, {
23
- children: [/*#__PURE__*/_jsx(TextAreaField, {
24
- name: "value",
25
- label: "Text Area Field",
26
- fullWidth: true,
27
- variant: "horizontal"
28
- }), /*#__PURE__*/_jsx(Alert, {
29
- title: "FormState",
30
- children: /*#__PURE__*/_jsx("pre", {
31
- children: JSON.stringify(values, null, 2)
32
- })
33
- })]
34
- });
35
- }
36
- });
37
- }
38
- };
@@ -1,67 +0,0 @@
1
- import { Alert } from "../../alert/Alert";
2
- import { FinalForm } from "../../FinalForm";
3
- import { TextField } from "../../form/fields/TextField";
4
- import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
5
- var config = {
6
- component: TextField,
7
- title: "components/form/TextField"
8
- };
9
- export default config;
10
- export var Default = {
11
- render: function render() {
12
- return /*#__PURE__*/_jsx(FinalForm, {
13
- mode: "edit",
14
- onSubmit: function onSubmit() {
15
- // not handled
16
- },
17
- subscription: {
18
- values: true
19
- },
20
- children: function children(_ref) {
21
- var values = _ref.values;
22
- return /*#__PURE__*/_jsxs(_Fragment, {
23
- children: [/*#__PURE__*/_jsx(TextField, {
24
- name: "value",
25
- label: "Textfield",
26
- fullWidth: true,
27
- variant: "horizontal"
28
- }), /*#__PURE__*/_jsx(Alert, {
29
- title: "FormState",
30
- children: /*#__PURE__*/_jsx("pre", {
31
- children: JSON.stringify(values, null, 2)
32
- })
33
- })]
34
- });
35
- }
36
- });
37
- }
38
- };
39
- export var Clearable = {
40
- render: function render() {
41
- return /*#__PURE__*/_jsx(FinalForm, {
42
- mode: "edit",
43
- onSubmit: function onSubmit() {
44
- // not handled
45
- },
46
- subscription: {
47
- values: true
48
- },
49
- children: function children(_ref2) {
50
- var values = _ref2.values;
51
- return /*#__PURE__*/_jsxs(_Fragment, {
52
- children: [/*#__PURE__*/_jsx(TextField, {
53
- name: "value",
54
- label: "Textfield",
55
- fullWidth: true,
56
- variant: "horizontal"
57
- }), /*#__PURE__*/_jsx(Alert, {
58
- title: "FormState",
59
- children: /*#__PURE__*/_jsx("pre", {
60
- children: JSON.stringify(values, null, 2)
61
- })
62
- })]
63
- });
64
- }
65
- });
66
- }
67
- };
@@ -1,312 +0,0 @@
1
- function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
2
- import { FocusPointCenter, FocusPointEast, FocusPointNorth, FocusPointNortheast, FocusPointNorthwest, FocusPointSouth, FocusPointSoutheast, FocusPointSouthwest, FocusPointWest, Image, Info, Video, Vimeo, YouTube } from "@comet/admin-icons";
3
- import { Box, Divider } from "@mui/material";
4
- import { styled } from "@mui/material/styles";
5
- import { Alert } from "../../alert/Alert";
6
- import { FinalForm } from "../../FinalForm";
7
- import { NumberField } from "../../form/fields/NumberField";
8
- import { TextField } from "../../form/fields/TextField";
9
- import { ToggleButtonGroupField } from "../../form/fields/ToggleButtonGroupField";
10
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
11
- var config = {
12
- component: ToggleButtonGroupField,
13
- title: "components/form/Toggle Button Group Field"
14
- };
15
- export default config;
16
-
17
- /**
18
- * This story demonstrates the simple usage of the `ToggleButtonGroupField` component.
19
- */
20
- export var ToggleButtonFieldStory = {
21
- name: "Toggle Button Field",
22
- render: function render() {
23
- return /*#__PURE__*/_jsx(FinalForm, {
24
- initialValues: {
25
- type: "label"
26
- },
27
- mode: "edit",
28
- onSubmit: function onSubmit() {
29
- // not handled
30
- },
31
- subscription: {
32
- values: true
33
- },
34
- children: function children(_ref) {
35
- var values = _ref.values;
36
- return /*#__PURE__*/_jsxs(_Fragment, {
37
- children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
38
- label: "Sample Type",
39
- name: "type",
40
- options: [{
41
- label: "Label",
42
- value: "label"
43
- }, {
44
- label: "Label 2",
45
- value: "label-2"
46
- }, {
47
- label: /*#__PURE__*/_jsx(Info, {}),
48
- value: "icon"
49
- }, {
50
- label: /*#__PURE__*/_jsxs(Box, {
51
- display: "flex",
52
- gap: 2,
53
- alignItems: "center",
54
- component: "span",
55
- children: [/*#__PURE__*/_jsx(Info, {}), "Icon and Label"]
56
- }),
57
- value: "icon+label"
58
- }]
59
- }), /*#__PURE__*/_jsx(Alert, {
60
- title: "FormState",
61
- children: /*#__PURE__*/_jsx("pre", {
62
- children: JSON.stringify(values, null, 2)
63
- })
64
- })]
65
- });
66
- }
67
- });
68
- }
69
- };
70
-
71
- /**
72
- * Sometimes it is necessary to show more options, which do not fit into one row, with the `optionsPerRow` prop it is possible to
73
- * define how many options should be shown in one row.
74
- */
75
- export var MultipleRowsExample = {
76
- render: function render() {
77
- return /*#__PURE__*/_jsx(FinalForm, {
78
- initialValues: {
79
- type: "north-west"
80
- },
81
- mode: "edit",
82
- onSubmit: function onSubmit() {
83
- // not handled
84
- },
85
- subscription: {
86
- values: true
87
- },
88
- children: function children(_ref2) {
89
- var values = _ref2.values;
90
- return /*#__PURE__*/_jsxs(_Fragment, {
91
- children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
92
- label: "Sample Type",
93
- name: "type",
94
- optionsPerRow: 3,
95
- options: [{
96
- label: /*#__PURE__*/_jsx(FocusPointNorthwest, {}),
97
- value: "north-west"
98
- }, {
99
- label: /*#__PURE__*/_jsx(FocusPointNorth, {}),
100
- value: "north"
101
- }, {
102
- label: /*#__PURE__*/_jsx(FocusPointNortheast, {}),
103
- value: "north-east"
104
- }, {
105
- label: /*#__PURE__*/_jsx(FocusPointWest, {}),
106
- value: "west"
107
- }, {
108
- label: /*#__PURE__*/_jsx(FocusPointCenter, {}),
109
- value: "center"
110
- }, {
111
- label: /*#__PURE__*/_jsx(FocusPointEast, {}),
112
- value: "east"
113
- }, {
114
- label: /*#__PURE__*/_jsx(FocusPointSouthwest, {}),
115
- value: "south-west"
116
- }, {
117
- label: /*#__PURE__*/_jsx(FocusPointSouth, {}),
118
- value: "south"
119
- }, {
120
- label: /*#__PURE__*/_jsx(FocusPointSoutheast, {}),
121
- value: "south-east"
122
- }]
123
- }), /*#__PURE__*/_jsx(Alert, {
124
- title: "FormState",
125
- children: /*#__PURE__*/_jsx("pre", {
126
- children: JSON.stringify(values, null, 2)
127
- })
128
- })]
129
- });
130
- }
131
- });
132
- }
133
- };
134
-
135
- /**
136
- * This story demonstrates the usage of the `ToggleButtonGroupField` component with a more complex form.
137
- *
138
- * The `ToggleButtonGroupField` Component is typically used to switch between two or more options, which additionally shows/hides different parts of the form.
139
- *
140
- * In this Showcase, the AddressType's - `ToggleButtonGroupField` - toggles between Address and Coordinates and shows/hides the corresponding fields.
141
- */
142
- export var ToggleButtonFieldAddressSample = {
143
- render: function render() {
144
- return /*#__PURE__*/_jsx(FinalForm, {
145
- initialValues: {
146
- type: "address"
147
- },
148
- mode: "edit",
149
- onSubmit: function onSubmit() {
150
- // not handled
151
- },
152
- subscription: {
153
- values: true
154
- },
155
- children: function children(_ref3) {
156
- var values = _ref3.values;
157
- return /*#__PURE__*/_jsxs(Box, {
158
- display: "flex",
159
- gap: 2,
160
- flexDirection: "column",
161
- children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
162
- label: "AddressType",
163
- name: "type",
164
- options: [{
165
- label: "Address",
166
- value: "address"
167
- }, {
168
- label: "Coordinates",
169
- value: "coordinates"
170
- }]
171
- }), /*#__PURE__*/_jsx(Box, {
172
- marginBottom: 2,
173
- children: /*#__PURE__*/_jsx(Divider, {})
174
- }), values.type === "address" && /*#__PURE__*/_jsxs(_Fragment, {
175
- children: [/*#__PURE__*/_jsx(NumberField, {
176
- name: "address.postcode",
177
- label: "Postcode"
178
- }), /*#__PURE__*/_jsx(TextField, {
179
- name: "address.city",
180
- label: "City"
181
- }), /*#__PURE__*/_jsx(TextField, {
182
- name: "address.street",
183
- label: "Street"
184
- })]
185
- }), values.type === "coordinates" && /*#__PURE__*/_jsxs(_Fragment, {
186
- children: [/*#__PURE__*/_jsx(NumberField, {
187
- name: "coordinates.latitude",
188
- label: "Latitude",
189
- decimals: 14
190
- }), /*#__PURE__*/_jsx(NumberField, {
191
- name: "coordinates.longitude",
192
- label: "Longitude",
193
- decimals: 14
194
- })]
195
- }), /*#__PURE__*/_jsx(Alert, {
196
- title: "FormState",
197
- children: /*#__PURE__*/_jsx("pre", {
198
- children: JSON.stringify(values, null, 2)
199
- })
200
- })]
201
- });
202
- }
203
- });
204
- }
205
- };
206
- export var MediaType = {
207
- render: function render() {
208
- return /*#__PURE__*/_jsx(FinalForm, {
209
- initialValues: {
210
- type: "image"
211
- },
212
- mode: "edit",
213
- onSubmit: function onSubmit() {
214
- // not handled
215
- },
216
- subscription: {
217
- values: true
218
- },
219
- children: function children(_ref4) {
220
- var values = _ref4.values;
221
- return /*#__PURE__*/_jsxs(_Fragment, {
222
- children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
223
- label: "Media Type",
224
- name: "type",
225
- options: [{
226
- label: /*#__PURE__*/_jsx(Image, {}),
227
- value: "image"
228
- }, {
229
- label: /*#__PURE__*/_jsx(Video, {}),
230
- value: "video"
231
- }, {
232
- label: /*#__PURE__*/_jsx(Vimeo, {}),
233
- value: "vimeo"
234
- }, {
235
- label: /*#__PURE__*/_jsx(YouTube, {}),
236
- value: "youtube"
237
- }]
238
- }), /*#__PURE__*/_jsx(Alert, {
239
- title: "FormState",
240
- children: /*#__PURE__*/_jsx("pre", {
241
- children: JSON.stringify(values, null, 2)
242
- })
243
- })]
244
- });
245
- }
246
- });
247
- }
248
- };
249
- export var MediaTypeWithText = {
250
- render: function render() {
251
- var ButtonContent = /*#__PURE__*/styled(Box, process.env.NODE_ENV === "production" ? {
252
- target: "e5lc3jw0"
253
- } : {
254
- target: "e5lc3jw0",
255
- label: "ButtonContent"
256
- })(process.env.NODE_ENV === "production" ? {
257
- name: "197tvr9",
258
- styles: "display:flex;gap:8px;align-items:center"
259
- } : {
260
- name: "197tvr9",
261
- styles: "display:flex;gap:8px;align-items:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9mb3JtL19fc3Rvcmllc19fL1RvZ2dsZUJ1dHRvbkdyb3VwRmllbGQuc3Rvcmllcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcVR5QyIsImZpbGUiOiIuLi8uLi8uLi9zcmMvZm9ybS9fX3N0b3JpZXNfXy9Ub2dnbGVCdXR0b25Hcm91cEZpZWxkLnN0b3JpZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBGb2N1c1BvaW50Q2VudGVyLFxuICAgIEZvY3VzUG9pbnRFYXN0LFxuICAgIEZvY3VzUG9pbnROb3J0aCxcbiAgICBGb2N1c1BvaW50Tm9ydGhlYXN0LFxuICAgIEZvY3VzUG9pbnROb3J0aHdlc3QsXG4gICAgRm9jdXNQb2ludFNvdXRoLFxuICAgIEZvY3VzUG9pbnRTb3V0aGVhc3QsXG4gICAgRm9jdXNQb2ludFNvdXRod2VzdCxcbiAgICBGb2N1c1BvaW50V2VzdCxcbiAgICBJbWFnZSxcbiAgICBJbmZvLFxuICAgIFZpZGVvLFxuICAgIFZpbWVvLFxuICAgIFlvdVR1YmUsXG59IGZyb20gXCJAY29tZXQvYWRtaW4taWNvbnNcIjtcbmltcG9ydCB7IEJveCwgRGl2aWRlciB9IGZyb20gXCJAbXVpL21hdGVyaWFsXCI7XG5pbXBvcnQgeyBzdHlsZWQgfSBmcm9tIFwiQG11aS9tYXRlcmlhbC9zdHlsZXNcIjtcbmltcG9ydCB0eXBlIHsgTWV0YSwgU3RvcnlPYmogfSBmcm9tIFwiQHN0b3J5Ym9vay9yZWFjdC12aXRlXCI7XG5cbmltcG9ydCB7IEFsZXJ0IH0gZnJvbSBcIi4uLy4uL2FsZXJ0L0FsZXJ0XCI7XG5pbXBvcnQgeyBGaW5hbEZvcm0gfSBmcm9tIFwiLi4vLi4vRmluYWxGb3JtXCI7XG5pbXBvcnQgeyBOdW1iZXJGaWVsZCB9IGZyb20gXCIuLi8uLi9mb3JtL2ZpZWxkcy9OdW1iZXJGaWVsZFwiO1xuaW1wb3J0IHsgVGV4dEZpZWxkIH0gZnJvbSBcIi4uLy4uL2Zvcm0vZmllbGRzL1RleHRGaWVsZFwiO1xuaW1wb3J0IHsgVG9nZ2xlQnV0dG9uR3JvdXBGaWVsZCB9IGZyb20gXCIuLi8uLi9mb3JtL2ZpZWxkcy9Ub2dnbGVCdXR0b25Hcm91cEZpZWxkXCI7XG5cbnR5cGUgU3RvcnkgPSBTdG9yeU9iajx0eXBlb2YgVG9nZ2xlQnV0dG9uR3JvdXBGaWVsZD47XG5jb25zdCBjb25maWc6IE1ldGE8dHlwZW9mIFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGQ+ID0ge1xuICAgIGNvbXBvbmVudDogVG9nZ2xlQnV0dG9uR3JvdXBGaWVsZCxcbiAgICB0aXRsZTogXCJjb21wb25lbnRzL2Zvcm0vVG9nZ2xlIEJ1dHRvbiBHcm91cCBGaWVsZFwiLFxufTtcblxuZXhwb3J0IGRlZmF1bHQgY29uZmlnO1xuXG4vKipcbiAqIFRoaXMgc3RvcnkgZGVtb25zdHJhdGVzIHRoZSBzaW1wbGUgdXNhZ2Ugb2YgdGhlIGBUb2dnbGVCdXR0b25Hcm91cEZpZWxkYCBjb21wb25lbnQuXG4gKi9cbmV4cG9ydCBjb25zdCBUb2dnbGVCdXR0b25GaWVsZFN0b3J5OiBTdG9yeSA9IHtcbiAgICBuYW1lOiBcIlRvZ2dsZSBCdXR0b24gRmllbGRcIixcbiAgICByZW5kZXI6ICgpID0+IHtcbiAgICAgICAgdHlwZSBTYW1wbGVUeXBlID0gXCJsYWJlbFwiIHwgXCJsYWJlbC0yXCIgfCBcImljb25cIiB8IFwiaWNvbitsYWJlbFwiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBTYW1wbGVUeXBlO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RmluYWxGb3JtPEZvcm1WYWx1ZXM+XG4gICAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17eyB0eXBlOiBcImxhYmVsXCIgfX1cbiAgICAgICAgICAgICAgICBtb2RlPVwiZWRpdFwiXG4gICAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gbm90IGhhbmRsZWRcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHN1YnNjcmlwdGlvbj17eyB2YWx1ZXM6IHRydWUgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7KHsgdmFsdWVzIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGQ8U2FtcGxlVHlwZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJTYW1wbGUgVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ0eXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9ucz17W1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBcIkxhYmVsXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwibGFiZWxcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IFwiTGFiZWwgMlwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcImxhYmVsLTJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxJbmZvIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcImljb25cIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJveCBkaXNwbGF5PVwiZmxleFwiIGdhcD17Mn0gYWxpZ25JdGVtcz1cImNlbnRlclwiIGNvbXBvbmVudD1cInNwYW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbmZvIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBJY29uIGFuZCBMYWJlbFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcImljb24rbGFiZWxcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG5cbi8qKlxuICogU29tZXRpbWVzIGl0IGlzIG5lY2Vzc2FyeSB0byBzaG93IG1vcmUgb3B0aW9ucywgd2hpY2ggZG8gbm90IGZpdCBpbnRvIG9uZSByb3csIHdpdGggdGhlIGBvcHRpb25zUGVyUm93YCBwcm9wIGl0IGlzIHBvc3NpYmxlIHRvXG4gKiBkZWZpbmUgaG93IG1hbnkgb3B0aW9ucyBzaG91bGQgYmUgc2hvd24gaW4gb25lIHJvdy5cbiAqL1xuZXhwb3J0IGNvbnN0IE11bHRpcGxlUm93c0V4YW1wbGU6IFN0b3J5ID0ge1xuICAgIHJlbmRlcjogKCkgPT4ge1xuICAgICAgICB0eXBlIFNhbXBsZVR5cGUgPSBcIm5vcnRoLXdlc3RcIiB8IFwibm9ydGhcIiB8IFwibm9ydGgtZWFzdFwiIHwgXCJ3ZXN0XCIgfCBcImNlbnRlclwiIHwgXCJlYXN0XCIgfCBcInNvdXRoLXdlc3RcIiB8IFwic291dGhcIiB8IFwic291dGgtZWFzdFwiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBTYW1wbGVUeXBlO1xuICAgICAgICB9XG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RmluYWxGb3JtPEZvcm1WYWx1ZXM+XG4gICAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17eyB0eXBlOiBcIm5vcnRoLXdlc3RcIiB9fVxuICAgICAgICAgICAgICAgIG1vZGU9XCJlZGl0XCJcbiAgICAgICAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAvLyBub3QgaGFuZGxlZFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgc3Vic2NyaXB0aW9uPXt7IHZhbHVlczogdHJ1ZSB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsoeyB2YWx1ZXMgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9nZ2xlQnV0dG9uR3JvdXBGaWVsZDxTYW1wbGVUeXBlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIlNhbXBsZSBUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cInR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zUGVyUm93PXszfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zPXtbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50Tm9ydGh3ZXN0IC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcIm5vcnRoLXdlc3RcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50Tm9ydGggLz4sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwibm9ydGhcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50Tm9ydGhlYXN0IC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcIm5vcnRoLWVhc3RcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50V2VzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJ3ZXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludENlbnRlciAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJjZW50ZXJcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxGb2N1c1BvaW50RWFzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJlYXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludFNvdXRod2VzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJzb3V0aC13ZXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludFNvdXRoIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInNvdXRoXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8Rm9jdXNQb2ludFNvdXRoZWFzdCAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJzb3V0aC1lYXN0XCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBdfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QWxlcnQgdGl0bGU9XCJGb3JtU3RhdGVcIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPHByZT57SlNPTi5zdHJpbmdpZnkodmFsdWVzLCBudWxsLCAyKX08L3ByZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0FsZXJ0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPC8+XG4gICAgICAgICAgICAgICAgICAgICk7XG4gICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgIDwvRmluYWxGb3JtPlxuICAgICAgICApO1xuICAgIH0sXG59O1xuXG4vKipcbiAqIFRoaXMgc3RvcnkgZGVtb25zdHJhdGVzIHRoZSB1c2FnZSBvZiB0aGUgYFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGRgIGNvbXBvbmVudCB3aXRoIGEgbW9yZSBjb21wbGV4IGZvcm0uXG4gKlxuICogVGhlIGBUb2dnbGVCdXR0b25Hcm91cEZpZWxkYCBDb21wb25lbnQgaXMgdHlwaWNhbGx5IHVzZWQgdG8gc3dpdGNoIGJldHdlZW4gdHdvIG9yIG1vcmUgb3B0aW9ucywgd2hpY2ggYWRkaXRpb25hbGx5IHNob3dzL2hpZGVzIGRpZmZlcmVudCBwYXJ0cyBvZiB0aGUgZm9ybS5cbiAqXG4gKiBJbiB0aGlzIFNob3djYXNlLCB0aGUgQWRkcmVzc1R5cGUncyAtIGBUb2dnbGVCdXR0b25Hcm91cEZpZWxkYCAtIHRvZ2dsZXMgYmV0d2VlbiBBZGRyZXNzIGFuZCBDb29yZGluYXRlcyBhbmQgc2hvd3MvaGlkZXMgdGhlIGNvcnJlc3BvbmRpbmcgZmllbGRzLlxuICovXG5leHBvcnQgY29uc3QgVG9nZ2xlQnV0dG9uRmllbGRBZGRyZXNzU2FtcGxlOiBTdG9yeSA9IHtcbiAgICByZW5kZXI6ICgpID0+IHtcbiAgICAgICAgdHlwZSBBZGRyZXNzVHlwZSA9IFwiYWRkcmVzc1wiIHwgXCJjb29yZGluYXRlc1wiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBBZGRyZXNzVHlwZTtcbiAgICAgICAgICAgIGFkZHJlc3M/OiB7XG4gICAgICAgICAgICAgICAgY2l0eTogc3RyaW5nO1xuICAgICAgICAgICAgICAgIHN0cmVldDogc3RyaW5nO1xuICAgICAgICAgICAgICAgIHN0cmVldE51bWJlcjogbnVtYmVyO1xuICAgICAgICAgICAgICAgIHBvc3Rjb2RlOiBzdHJpbmc7XG4gICAgICAgICAgICB9O1xuICAgICAgICAgICAgY29vcmRpbmF0ZXM6IHtcbiAgICAgICAgICAgICAgICBsb25naXR1ZGU6IG51bWJlcjtcbiAgICAgICAgICAgICAgICBsYXRpdHVkZTogbnVtYmVyO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgfVxuICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgPEZpbmFsRm9ybTxGb3JtVmFsdWVzPlxuICAgICAgICAgICAgICAgIGluaXRpYWxWYWx1ZXM9e3sgdHlwZTogXCJhZGRyZXNzXCIgfX1cbiAgICAgICAgICAgICAgICBtb2RlPVwiZWRpdFwiXG4gICAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gbm90IGhhbmRsZWRcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHN1YnNjcmlwdGlvbj17eyB2YWx1ZXM6IHRydWUgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7KHsgdmFsdWVzIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb3ggZGlzcGxheT1cImZsZXhcIiBnYXA9ezJ9IGZsZXhEaXJlY3Rpb249XCJjb2x1bW5cIj5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9nZ2xlQnV0dG9uR3JvdXBGaWVsZDxBZGRyZXNzVHlwZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJBZGRyZXNzVHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG5hbWU9XCJ0eXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb3B0aW9ucz17W1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBcIkFkZHJlc3NcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJhZGRyZXNzXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiBcIkNvb3JkaW5hdGVzXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwiY29vcmRpbmF0ZXNcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCb3ggbWFyZ2luQm90dG9tPXsyfT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPERpdmlkZXIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICB7dmFsdWVzLnR5cGUgPT09IFwiYWRkcmVzc1wiICYmIChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxOdW1iZXJGaWVsZCBuYW1lPVwiYWRkcmVzcy5wb3N0Y29kZVwiIGxhYmVsPVwiUG9zdGNvZGVcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRleHRGaWVsZCBuYW1lPVwiYWRkcmVzcy5jaXR5XCIgbGFiZWw9XCJDaXR5XCIgLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxUZXh0RmllbGQgbmFtZT1cImFkZHJlc3Muc3RyZWV0XCIgbGFiZWw9XCJTdHJlZXRcIiAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge3ZhbHVlcy50eXBlID09PSBcImNvb3JkaW5hdGVzXCIgJiYgKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPE51bWJlckZpZWxkIG5hbWU9XCJjb29yZGluYXRlcy5sYXRpdHVkZVwiIGxhYmVsPVwiTGF0aXR1ZGVcIiBkZWNpbWFscz17MTR9IC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8TnVtYmVyRmllbGQgbmFtZT1cImNvb3JkaW5hdGVzLmxvbmdpdHVkZVwiIGxhYmVsPVwiTG9uZ2l0dWRlXCIgZGVjaW1hbHM9ezE0fSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0JveD5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYVR5cGU6IFN0b3J5ID0ge1xuICAgIHJlbmRlcjogKCkgPT4ge1xuICAgICAgICB0eXBlIFNhbXBsZVR5cGUgPSBcImltYWdlXCIgfCBcInZpZGVvXCIgfCBcInZpbWVvXCIgfCBcInlvdXR1YmVcIjtcbiAgICAgICAgaW50ZXJmYWNlIEZvcm1WYWx1ZXMge1xuICAgICAgICAgICAgdHlwZTogU2FtcGxlVHlwZTtcbiAgICAgICAgfVxuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RmluYWxGb3JtPEZvcm1WYWx1ZXM+XG4gICAgICAgICAgICAgICAgaW5pdGlhbFZhbHVlcz17eyB0eXBlOiBcImltYWdlXCIgfX1cbiAgICAgICAgICAgICAgICBtb2RlPVwiZWRpdFwiXG4gICAgICAgICAgICAgICAgb25TdWJtaXQ9eygpID0+IHtcbiAgICAgICAgICAgICAgICAgICAgLy8gbm90IGhhbmRsZWRcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgIHN1YnNjcmlwdGlvbj17eyB2YWx1ZXM6IHRydWUgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICB7KHsgdmFsdWVzIH0pID0+IHtcbiAgICAgICAgICAgICAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgICAgICAgICAgICAgIDw+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgPFRvZ2dsZUJ1dHRvbkdyb3VwRmllbGQ8U2FtcGxlVHlwZT5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw9XCJNZWRpYSBUeXBlXCJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbmFtZT1cInR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBvcHRpb25zPXtbXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxJbWFnZSAvPixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJpbWFnZVwiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogPFZpZGVvIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInZpZGVvXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiA8VmltZW8gLz4sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwidmltZW9cIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IDxZb3VUdWJlIC8+LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInlvdXR1YmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG5cbmV4cG9ydCBjb25zdCBNZWRpYVR5cGVXaXRoVGV4dDogU3RvcnkgPSB7XG4gICAgcmVuZGVyOiAoKSA9PiB7XG4gICAgICAgIHR5cGUgU2FtcGxlVHlwZSA9IFwiaW1hZ2VcIiB8IFwidmlkZW9cIiB8IFwidmltZW9cIiB8IFwieW91dHViZVwiO1xuICAgICAgICBpbnRlcmZhY2UgRm9ybVZhbHVlcyB7XG4gICAgICAgICAgICB0eXBlOiBTYW1wbGVUeXBlO1xuICAgICAgICB9XG4gICAgICAgIGNvbnN0IEJ1dHRvbkNvbnRlbnQgPSBzdHlsZWQoQm94KWBcbiAgICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgICBnYXA6IDhweDtcbiAgICAgICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGA7XG5cbiAgICAgICAgcmV0dXJuIChcbiAgICAgICAgICAgIDxGaW5hbEZvcm08Rm9ybVZhbHVlcz5cbiAgICAgICAgICAgICAgICBpbml0aWFsVmFsdWVzPXt7IHR5cGU6IFwiaW1hZ2VcIiB9fVxuICAgICAgICAgICAgICAgIG1vZGU9XCJlZGl0XCJcbiAgICAgICAgICAgICAgICBvblN1Ym1pdD17KCkgPT4ge1xuICAgICAgICAgICAgICAgICAgICAvLyBub3QgaGFuZGxlZFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgICAgc3Vic2NyaXB0aW9uPXt7IHZhbHVlczogdHJ1ZSB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICAgIHsoeyB2YWx1ZXMgfSkgPT4ge1xuICAgICAgICAgICAgICAgICAgICByZXR1cm4gKFxuICAgICAgICAgICAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VG9nZ2xlQnV0dG9uR3JvdXBGaWVsZDxTYW1wbGVUeXBlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbD1cIk1lZGlhIFR5cGVcIlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBuYW1lPVwidHlwZVwiXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIG9wdGlvbnM9e1tcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxJbWFnZSAvPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgSW1hZ2VcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPC9CdXR0b25Db250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICksXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdmFsdWU6IFwiaW1hZ2VcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB7XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgbGFiZWw6IChcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPEJ1dHRvbkNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8VmlkZW8gLz5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFZpZGVvXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInZpZGVvXCIsXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB9LFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAge1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGxhYmVsOiAoXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxCdXR0b25Db250ZW50PlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgPFZpbWVvIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBWaW1lb1xuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbkNvbnRlbnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZTogXCJ2aW1lb1wiLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgfSxcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHtcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBsYWJlbDogKFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxZb3VUdWJlIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBZb3VUdWJlXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQnV0dG9uQ29udGVudD5cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICApLFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHZhbHVlOiBcInlvdXR1YmVcIixcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIH0sXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIF19XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgLz5cblxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxBbGVydCB0aXRsZT1cIkZvcm1TdGF0ZVwiPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cHJlPntKU09OLnN0cmluZ2lmeSh2YWx1ZXMsIG51bGwsIDIpfTwvcHJlPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDwvQWxlcnQ+XG4gICAgICAgICAgICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICAgICAgICAgKTtcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPC9GaW5hbEZvcm0+XG4gICAgICAgICk7XG4gICAgfSxcbn07XG4iXX0= */",
262
- toString: _EMOTION_STRINGIFIED_CSS_ERROR__
263
- });
264
- return /*#__PURE__*/_jsx(FinalForm, {
265
- initialValues: {
266
- type: "image"
267
- },
268
- mode: "edit",
269
- onSubmit: function onSubmit() {
270
- // not handled
271
- },
272
- subscription: {
273
- values: true
274
- },
275
- children: function children(_ref5) {
276
- var values = _ref5.values;
277
- return /*#__PURE__*/_jsxs(_Fragment, {
278
- children: [/*#__PURE__*/_jsx(ToggleButtonGroupField, {
279
- label: "Media Type",
280
- name: "type",
281
- options: [{
282
- label: /*#__PURE__*/_jsxs(ButtonContent, {
283
- children: [/*#__PURE__*/_jsx(Image, {}), "Image"]
284
- }),
285
- value: "image"
286
- }, {
287
- label: /*#__PURE__*/_jsxs(ButtonContent, {
288
- children: [/*#__PURE__*/_jsx(Video, {}), "Video"]
289
- }),
290
- value: "video"
291
- }, {
292
- label: /*#__PURE__*/_jsxs(ButtonContent, {
293
- children: [/*#__PURE__*/_jsx(Vimeo, {}), "Vimeo"]
294
- }),
295
- value: "vimeo"
296
- }, {
297
- label: /*#__PURE__*/_jsxs(ButtonContent, {
298
- children: [/*#__PURE__*/_jsx(YouTube, {}), "YouTube"]
299
- }),
300
- value: "youtube"
301
- }]
302
- }), /*#__PURE__*/_jsx(Alert, {
303
- title: "FormState",
304
- children: /*#__PURE__*/_jsx("pre", {
305
- children: JSON.stringify(values, null, 2)
306
- })
307
- })]
308
- });
309
- }
310
- });
311
- }
312
- };