@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,74 +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 { RouterTab, RouterTabs, Stack, StackPage, StackSwitch } from "@comet/admin";
8
- import { useEffect, useRef, useState } from "react";
9
- import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
10
- var mountCount = {};
11
- function RenderCount(props) {
12
- useEffect(function () {
13
- mountCount[props.name] = (mountCount[props.name] || 0) + 1;
14
- }, [props.name]);
15
- var renderCount = useRef(0);
16
- renderCount.current++;
17
- return /*#__PURE__*/_jsxs("div", {
18
- children: ["Render count ", props.name, ": ", renderCount.current]
19
- });
20
- }
21
- function PrintMountCount() {
22
- var _useState = useState(0),
23
- _useState2 = _slicedToArray(_useState, 2),
24
- rerender = _useState2[1];
25
- useEffect(function () {
26
- var timer = setInterval(function () {
27
- rerender(new Date().getTime());
28
- }, 100);
29
- return function () {
30
- return clearInterval(timer);
31
- };
32
- }, []);
33
- return /*#__PURE__*/_jsxs("div", {
34
- children: ["Mount count: ", JSON.stringify(mountCount)]
35
- });
36
- }
37
- export default {
38
- title: "components/tabs/RouterTabs in Stack"
39
- };
40
- export var RouterTabsInStack = {
41
- render: function render() {
42
- return /*#__PURE__*/_jsxs(Stack, {
43
- topLevelTitle: "Nested Stack",
44
- children: [/*#__PURE__*/_jsx(PrintMountCount, {}), /*#__PURE__*/_jsxs(StackSwitch, {
45
- children: [/*#__PURE__*/_jsxs(StackPage, {
46
- name: "xxx",
47
- children: [/*#__PURE__*/_jsx(RenderCount, {
48
- name: "StackPage"
49
- }), /*#__PURE__*/_jsxs(RouterTabs, {
50
- children: [/*#__PURE__*/_jsxs(RouterTab, {
51
- label: "Foo",
52
- path: "",
53
- forceRender: true,
54
- children: ["Foo", /*#__PURE__*/_jsx(RenderCount, {
55
- name: "Foo"
56
- })]
57
- }), /*#__PURE__*/_jsxs(RouterTab, {
58
- label: "Bar",
59
- path: "/bar",
60
- forceRender: true,
61
- children: ["Bar", /*#__PURE__*/_jsx(RenderCount, {
62
- name: "Bar"
63
- })]
64
- })]
65
- })]
66
- }), /*#__PURE__*/_jsx(StackPage, {
67
- name: "yyy",
68
- children: "yyy"
69
- })]
70
- })]
71
- });
72
- },
73
- name: "RouterTabs in Stack"
74
- };
@@ -1,68 +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 { RouterTab, RouterTabs, SubRoute } from "@comet/admin";
8
- import { useEffect, useState } from "react";
9
- import { Redirect, Route, Switch, useLocation, useRouteMatch } from "react-router";
10
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
11
- function Story() {
12
- var match = useRouteMatch();
13
- return /*#__PURE__*/_jsx("div", {
14
- children: /*#__PURE__*/_jsx(SubRoute, {
15
- path: "".concat(match.url, "/cmp1"),
16
- children: /*#__PURE__*/_jsxs(RouterTabs, {
17
- children: [/*#__PURE__*/_jsx(RouterTab, {
18
- label: "Tab 1",
19
- path: "",
20
- children: "Tab 1 Content"
21
- }), /*#__PURE__*/_jsx(RouterTab, {
22
- label: "Tab 2",
23
- path: "/form2",
24
- children: "Tab 2 Content"
25
- })]
26
- })
27
- })
28
- });
29
- }
30
- function Path() {
31
- var location = useLocation();
32
- var _useState = useState(0),
33
- _useState2 = _slicedToArray(_useState, 2),
34
- rerender = _useState2[1];
35
- useEffect(function () {
36
- var timer = setTimeout(function () {
37
- rerender(new Date().getTime());
38
- }, 1000);
39
- return function () {
40
- return clearTimeout(timer);
41
- };
42
- }, []);
43
- return /*#__PURE__*/_jsx("div", {
44
- children: location.pathname
45
- });
46
- }
47
- export default {
48
- title: "components/tabs/RouterTabs in SubRoute"
49
- };
50
- export var RouterTabsInSubRoute = {
51
- render: function render() {
52
- return /*#__PURE__*/_jsxs(_Fragment, {
53
- children: [/*#__PURE__*/_jsx(Path, {}), /*#__PURE__*/_jsxs(Switch, {
54
- children: [/*#__PURE__*/_jsx(Route, {
55
- exact: true,
56
- path: "/",
57
- children: /*#__PURE__*/_jsx(Redirect, {
58
- to: "/foo"
59
- })
60
- }), /*#__PURE__*/_jsx(Route, {
61
- path: "/foo",
62
- children: /*#__PURE__*/_jsx(Story, {})
63
- })]
64
- })]
65
- });
66
- },
67
- name: "Router Tabs in SubRoute"
68
- };
@@ -1,219 +0,0 @@
1
- var _excluded = ["pristine", "dirty", "hasValidationErrors", "submitting", "hasSubmitErrors", "handleSubmit"],
2
- _excluded2 = ["pristine", "dirty", "hasValidationErrors", "submitting", "hasSubmitErrors", "handleSubmit"];
3
- function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
4
- function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
5
- import { Field, FillSpace, FinalForm, FinalFormInput, FinalFormSaveButton, Tab, Tabs, Toolbar, ToolbarActions, ToolbarBackButton } from "@comet/admin";
6
- import { Card, CardContent } from "@mui/material";
7
- import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
8
- export default {
9
- title: "components/tabs/Tabs"
10
- };
11
- export var Basic = function Basic() {
12
- return /*#__PURE__*/_jsxs(Tabs, {
13
- children: [/*#__PURE__*/_jsx(Tab, {
14
- label: "Label One",
15
- children: "Content One"
16
- }), /*#__PURE__*/_jsx(Tab, {
17
- label: "Label Two",
18
- children: "Content Two"
19
- }), /*#__PURE__*/_jsx(Tab, {
20
- label: "Label Three",
21
- children: "Content Three"
22
- })]
23
- });
24
- };
25
- export var TabsInFormWithForceRender = {
26
- render: function render() {
27
- return /*#__PURE__*/_jsx("div", {
28
- children: /*#__PURE__*/_jsx(FinalForm, {
29
- mode: "edit",
30
- onSubmit: function onSubmit(values) {
31
- alert(JSON.stringify(values));
32
- },
33
- initialValues: {
34
- foo: "foo",
35
- bar: "bar"
36
- },
37
- children: function children(_ref) {
38
- var pristine = _ref.pristine,
39
- dirty = _ref.dirty,
40
- hasValidationErrors = _ref.hasValidationErrors,
41
- submitting = _ref.submitting,
42
- hasSubmitErrors = _ref.hasSubmitErrors,
43
- handleSubmit = _ref.handleSubmit,
44
- formVars = _objectWithoutProperties(_ref, _excluded);
45
- return /*#__PURE__*/_jsxs(_Fragment, {
46
- children: ["Pristine: ", String(pristine), " ", /*#__PURE__*/_jsx("br", {}), "Dirty: ", String(dirty), /*#__PURE__*/_jsxs(Toolbar, {
47
- children: [/*#__PURE__*/_jsx(ToolbarBackButton, {}), /*#__PURE__*/_jsx(FillSpace, {}), /*#__PURE__*/_jsx(ToolbarActions, {
48
- children: /*#__PURE__*/_jsx(FinalFormSaveButton, {})
49
- })]
50
- }), /*#__PURE__*/_jsxs(Tabs, {
51
- children: [/*#__PURE__*/_jsx(Tab, {
52
- label: "Tab 1",
53
- forceRender: true,
54
- children: /*#__PURE__*/_jsx(Card, {
55
- variant: "outlined",
56
- children: /*#__PURE__*/_jsx(CardContent, {
57
- children: /*#__PURE__*/_jsx(Field, {
58
- label: "Foo",
59
- name: "foo",
60
- component: FinalFormInput
61
- })
62
- })
63
- })
64
- }), /*#__PURE__*/_jsx(Tab, {
65
- label: "Tab 2",
66
- forceRender: true,
67
- children: /*#__PURE__*/_jsx(Card, {
68
- variant: "outlined",
69
- children: /*#__PURE__*/_jsx(CardContent, {
70
- children: /*#__PURE__*/_jsx(Field, {
71
- label: "Bar",
72
- name: "bar",
73
- component: FinalFormInput
74
- })
75
- })
76
- })
77
- })]
78
- })]
79
- });
80
- }
81
- })
82
- });
83
- },
84
- name: "Tabs in Form with forceRender"
85
- };
86
- export var TabsInFormWithoutForceRender = {
87
- render: function render() {
88
- // !!!!!!!! Note: This example is how NOT to do it !!!!!!!!
89
- return /*#__PURE__*/_jsx("div", {
90
- children: /*#__PURE__*/_jsx(FinalForm, {
91
- mode: "edit",
92
- onSubmit: function onSubmit(values) {
93
- alert(JSON.stringify(values));
94
- },
95
- initialValues: {
96
- foo: "foo",
97
- bar: "bar"
98
- },
99
- children: function children(_ref2) {
100
- var pristine = _ref2.pristine,
101
- dirty = _ref2.dirty,
102
- hasValidationErrors = _ref2.hasValidationErrors,
103
- submitting = _ref2.submitting,
104
- hasSubmitErrors = _ref2.hasSubmitErrors,
105
- handleSubmit = _ref2.handleSubmit,
106
- formVars = _objectWithoutProperties(_ref2, _excluded2);
107
- return /*#__PURE__*/_jsxs(_Fragment, {
108
- children: ["Pristine: ", String(pristine), " ", /*#__PURE__*/_jsx("br", {}), "Dirty: ", String(dirty), /*#__PURE__*/_jsxs(Toolbar, {
109
- children: [/*#__PURE__*/_jsx(ToolbarBackButton, {}), /*#__PURE__*/_jsx(FillSpace, {}), /*#__PURE__*/_jsx(ToolbarActions, {
110
- children: /*#__PURE__*/_jsx(FinalFormSaveButton, {})
111
- })]
112
- }), /*#__PURE__*/_jsxs(Tabs, {
113
- children: [/*#__PURE__*/_jsx(Tab, {
114
- label: "Tab 1",
115
- children: /*#__PURE__*/_jsx(Card, {
116
- variant: "outlined",
117
- children: /*#__PURE__*/_jsx(CardContent, {
118
- children: /*#__PURE__*/_jsx(Field, {
119
- label: "Foo",
120
- name: "foo",
121
- component: FinalFormInput
122
- })
123
- })
124
- })
125
- }), /*#__PURE__*/_jsx(Tab, {
126
- label: "Tab 2",
127
- children: /*#__PURE__*/_jsx(Card, {
128
- variant: "outlined",
129
- children: /*#__PURE__*/_jsx(CardContent, {
130
- children: /*#__PURE__*/_jsx(Field, {
131
- label: "Bar",
132
- name: "bar",
133
- component: FinalFormInput
134
- })
135
- })
136
- })
137
- })]
138
- })]
139
- });
140
- }
141
- })
142
- });
143
- },
144
- name: "Tabs in Form without forceRender"
145
- };
146
- export var FormInTabsWithForceRender = {
147
- render: function render() {
148
- return /*#__PURE__*/_jsx("div", {
149
- children: /*#__PURE__*/_jsxs(Tabs, {
150
- children: [/*#__PURE__*/_jsx(Tab, {
151
- label: "Form",
152
- forceRender: true,
153
- children: /*#__PURE__*/_jsx(Card, {
154
- variant: "outlined",
155
- children: /*#__PURE__*/_jsx(CardContent, {
156
- children: /*#__PURE__*/_jsx(FinalForm, {
157
- mode: "add",
158
- onSubmit: function onSubmit(values) {
159
- alert(JSON.stringify(values));
160
- },
161
- children: /*#__PURE__*/_jsx(Field, {
162
- label: "Name",
163
- name: "name",
164
- component: FinalFormInput
165
- })
166
- })
167
- })
168
- })
169
- }), /*#__PURE__*/_jsx(Tab, {
170
- label: "Tab 2",
171
- children: /*#__PURE__*/_jsx(Card, {
172
- variant: "outlined",
173
- children: /*#__PURE__*/_jsx(CardContent, {
174
- children: "Tab 2"
175
- })
176
- })
177
- })]
178
- })
179
- });
180
- },
181
- name: "Form in Tabs with forceRender"
182
- };
183
- export var FormInTabsWithoutForceRender = {
184
- render: function render() {
185
- // !!!!!!!! Note: This example is how NOT to do it !!!!!!!!
186
- return /*#__PURE__*/_jsx("div", {
187
- children: /*#__PURE__*/_jsxs(Tabs, {
188
- children: [/*#__PURE__*/_jsx(Tab, {
189
- label: "Form",
190
- children: /*#__PURE__*/_jsx(Card, {
191
- variant: "outlined",
192
- children: /*#__PURE__*/_jsx(CardContent, {
193
- children: /*#__PURE__*/_jsx(FinalForm, {
194
- mode: "add",
195
- onSubmit: function onSubmit(values) {
196
- alert(JSON.stringify(values));
197
- },
198
- children: /*#__PURE__*/_jsx(Field, {
199
- label: "Name",
200
- name: "name",
201
- component: FinalFormInput
202
- })
203
- })
204
- })
205
- })
206
- }), /*#__PURE__*/_jsx(Tab, {
207
- label: "Tab 2",
208
- children: /*#__PURE__*/_jsx(Card, {
209
- variant: "outlined",
210
- children: /*#__PURE__*/_jsx(CardContent, {
211
- children: "Tab 2"
212
- })
213
- })
214
- })]
215
- })
216
- });
217
- },
218
- name: "Form in Tabs without forceRender"
219
- };
@@ -1,104 +0,0 @@
1
- function _regenerator() { /*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/babel/babel/blob/main/packages/babel-helpers/LICENSE */ var e, t, r = "function" == typeof Symbol ? Symbol : {}, n = r.iterator || "@@iterator", o = r.toStringTag || "@@toStringTag"; function i(r, n, o, i) { var c = n && n.prototype instanceof Generator ? n : Generator, u = Object.create(c.prototype); return _regeneratorDefine2(u, "_invoke", function (r, n, o) { var i, c, u, f = 0, p = o || [], y = !1, G = { p: 0, n: 0, v: e, a: d, f: d.bind(e, 4), d: function d(t, r) { return i = t, c = 0, u = e, G.n = r, a; } }; function d(r, n) { for (c = r, u = n, t = 0; !y && f && !o && t < p.length; t++) { var o, i = p[t], d = G.p, l = i[2]; r > 3 ? (o = l === n) && (u = i[(c = i[4]) ? 5 : (c = 3, 3)], i[4] = i[5] = e) : i[0] <= d && ((o = r < 2 && d < i[1]) ? (c = 0, G.v = n, G.n = i[1]) : d < l && (o = r < 3 || i[0] > n || n > l) && (i[4] = r, i[5] = n, G.n = l, c = 0)); } if (o || r > 1) return a; throw y = !0, n; } return function (o, p, l) { if (f > 1) throw TypeError("Generator is already running"); for (y && 1 === p && d(p, l), c = p, u = l; (t = c < 2 ? e : u) || !y;) { i || (c ? c < 3 ? (c > 1 && (G.n = -1), d(c, u)) : G.n = u : G.v = u); try { if (f = 2, i) { if (c || (o = "next"), t = i[o]) { if (!(t = t.call(i, u))) throw TypeError("iterator result is not an object"); if (!t.done) return t; u = t.value, c < 2 && (c = 0); } else 1 === c && (t = i["return"]) && t.call(i), c < 2 && (u = TypeError("The iterator does not provide a '" + o + "' method"), c = 1); i = e; } else if ((t = (y = G.n < 0) ? u : r.call(n, G)) !== a) break; } catch (t) { i = e, c = 1, u = t; } finally { f = 1; } } return { value: t, done: y }; }; }(r, o, i), !0), u; } var a = {}; function Generator() {} function GeneratorFunction() {} function GeneratorFunctionPrototype() {} t = Object.getPrototypeOf; var c = [][n] ? t(t([][n]())) : (_regeneratorDefine2(t = {}, n, function () { return this; }), t), u = GeneratorFunctionPrototype.prototype = Generator.prototype = Object.create(c); function f(e) { return Object.setPrototypeOf ? Object.setPrototypeOf(e, GeneratorFunctionPrototype) : (e.__proto__ = GeneratorFunctionPrototype, _regeneratorDefine2(e, o, "GeneratorFunction")), e.prototype = Object.create(u), e; } return GeneratorFunction.prototype = GeneratorFunctionPrototype, _regeneratorDefine2(u, "constructor", GeneratorFunctionPrototype), _regeneratorDefine2(GeneratorFunctionPrototype, "constructor", GeneratorFunction), GeneratorFunction.displayName = "GeneratorFunction", _regeneratorDefine2(GeneratorFunctionPrototype, o, "GeneratorFunction"), _regeneratorDefine2(u), _regeneratorDefine2(u, o, "Generator"), _regeneratorDefine2(u, n, function () { return this; }), _regeneratorDefine2(u, "toString", function () { return "[object Generator]"; }), (_regenerator = function _regenerator() { return { w: i, m: f }; })(); }
2
- function _regeneratorDefine2(e, r, n, t) { var i = Object.defineProperty; try { i({}, "", {}); } catch (e) { i = 0; } _regeneratorDefine2 = function _regeneratorDefine(e, r, n, t) { function o(r, n) { _regeneratorDefine2(e, r, function (e) { return this._invoke(r, n, e); }); } r ? i ? i(e, r, { value: n, enumerable: !t, configurable: !t, writable: !t }) : e[r] = n : (o("next", 0), o("throw", 1), o("return", 2)); }, _regeneratorDefine2(e, r, n, t); }
3
- function asyncGeneratorStep(n, t, e, r, o, a, c) { try { var i = n[a](c), u = i.value; } catch (n) { return void e(n); } i.done ? t(u) : Promise.resolve(u).then(r, o); }
4
- function _asyncToGenerator(n) { return function () { var t = this, e = arguments; return new Promise(function (r, o) { var a = n.apply(t, e); function _next(n) { asyncGeneratorStep(a, r, o, _next, _throw, "next", n); } function _throw(n) { asyncGeneratorStep(a, r, o, _next, _throw, "throw", n); } _next(void 0); }); }; }
5
- import { FinalForm } from "../../FinalForm";
6
- import { TextAreaField } from "../../form/fields/TextAreaField";
7
- import { TextField } from "../../form/fields/TextField";
8
- import { FinalFormDebug } from "../../form/FinalFormDebug";
9
- import { ContentTranslationServiceProvider } from "../ContentTranslationServiceProvider";
10
- import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
11
- var reverseTranslate = /*#__PURE__*/function () {
12
- var _ref = _asyncToGenerator(/*#__PURE__*/_regenerator().m(function _callee(text) {
13
- return _regenerator().w(function (_context) {
14
- while (1) switch (_context.n) {
15
- case 0:
16
- return _context.a(2, text.split("").reverse().join(""));
17
- }
18
- }, _callee);
19
- }));
20
- return function reverseTranslate(_x) {
21
- return _ref.apply(this, arguments);
22
- };
23
- }();
24
- var initialValues = {
25
- title: "Hello World",
26
- description: "The quick brown fox jumps over the lazy dog."
27
- };
28
- var TranslationProvider = function TranslationProvider(_ref2) {
29
- var children = _ref2.children,
30
- showApplyTranslationDialog = _ref2.showApplyTranslationDialog;
31
- return /*#__PURE__*/_jsx(ContentTranslationServiceProvider, {
32
- enabled: true,
33
- translate: reverseTranslate,
34
- showApplyTranslationDialog: showApplyTranslationDialog,
35
- children: children
36
- });
37
- };
38
- var config = {
39
- component: ContentTranslationServiceProvider,
40
- title: "components/translator/ContentTranslation"
41
- };
42
- export default config;
43
-
44
- /**
45
- * Translation is applied immediately when clicking the translate button on a `TextField` or `TextAreaField`.
46
- *
47
- * The fake `translate` function used here reverses the input text.
48
- */
49
- export var Default = {
50
- render: function render() {
51
- return /*#__PURE__*/_jsx(TranslationProvider, {
52
- children: /*#__PURE__*/_jsxs(FinalForm, {
53
- mode: "edit",
54
- onSubmit: function onSubmit() {
55
- // not handled
56
- },
57
- initialValues: initialValues,
58
- subscription: {
59
- values: true
60
- },
61
- children: [/*#__PURE__*/_jsx(TextField, {
62
- name: "title",
63
- label: "Title",
64
- fullWidth: true
65
- }), /*#__PURE__*/_jsx(TextAreaField, {
66
- name: "description",
67
- label: "Description",
68
- fullWidth: true
69
- }), /*#__PURE__*/_jsx(FinalFormDebug, {})]
70
- })
71
- });
72
- }
73
- };
74
-
75
- /**
76
- * With `showApplyTranslationDialog` enabled, the translation is shown in a dialog where the user can review
77
- * and edit it before applying. For `TextAreaField`, the dialog renders the input as a multiline textarea.
78
- */
79
- export var WithApplyTranslationDialog = {
80
- render: function render() {
81
- return /*#__PURE__*/_jsx(TranslationProvider, {
82
- showApplyTranslationDialog: true,
83
- children: /*#__PURE__*/_jsxs(FinalForm, {
84
- mode: "edit",
85
- onSubmit: function onSubmit() {
86
- // not handled
87
- },
88
- initialValues: initialValues,
89
- subscription: {
90
- values: true
91
- },
92
- children: [/*#__PURE__*/_jsx(TextField, {
93
- name: "title",
94
- label: "Title",
95
- fullWidth: true
96
- }), /*#__PURE__*/_jsx(TextAreaField, {
97
- name: "description",
98
- label: "Description",
99
- fullWidth: true
100
- }), /*#__PURE__*/_jsx(FinalFormDebug, {})]
101
- })
102
- });
103
- }
104
- };