@data-driven-forms/carbon-component-mapper 4.1.4 → 4.1.5
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 +6 -0
- package/checkbox/checkbox.js +31 -56
- package/checkbox/index.js +1 -7
- package/component-mapper/component-mapper.js +4 -26
- package/component-mapper/index.js +1 -7
- package/date-picker/date-picker.js +10 -23
- package/date-picker/index.js +1 -7
- package/dual-list-select/dual-list-select.js +112 -139
- package/dual-list-select/index.js +1 -7
- package/esm/checkbox/checkbox.js +29 -40
- package/esm/component-mapper/component-mapper.js +1 -3
- package/esm/date-picker/date-picker.js +9 -12
- package/esm/dual-list-select/dual-list-select.js +111 -127
- package/esm/field-array/field-array.js +43 -55
- package/esm/form-template/form-template.js +15 -25
- package/esm/helper-text-block/helper-text-block.js +3 -10
- package/esm/is-required/is-required.js +1 -5
- package/esm/plain-text/plain-text.js +6 -12
- package/esm/prepare-props/prepare-props.js +8 -14
- package/esm/radio/radio.js +11 -15
- package/esm/select/select.js +92 -112
- package/esm/slider/slider.js +7 -10
- package/esm/sub-form/sub-form.js +12 -17
- package/esm/switch/switch.js +16 -24
- package/esm/tabs/tabs.js +11 -17
- package/esm/text-field/text-field.js +5 -10
- package/esm/textarea/textarea.js +5 -8
- package/esm/time-picker/time-picker.js +1 -4
- package/esm/time-picker-base/time-picker-base.js +16 -20
- package/esm/time-picker-date/time-picker-date.js +34 -52
- package/esm/time-picker-string/time-picker-string.js +21 -30
- package/esm/with-description/with-description.js +2 -6
- package/esm/wizard/wizard.js +41 -62
- package/field-array/field-array.js +45 -75
- package/field-array/index.js +1 -7
- package/form-template/form-template.js +22 -57
- package/form-template/index.js +1 -7
- package/helper-text-block/helper-text-block.js +4 -16
- package/helper-text-block/index.js +1 -7
- package/index.js +1 -23
- package/is-required/index.js +1 -7
- package/is-required/is-required.js +2 -11
- package/package.json +3 -3
- package/plain-text/index.js +1 -7
- package/plain-text/plain-text.js +7 -17
- package/prepare-props/index.js +1 -7
- package/prepare-props/prepare-props.js +10 -25
- package/radio/index.js +1 -7
- package/radio/radio.js +12 -26
- package/select/index.js +1 -7
- package/select/select.js +95 -130
- package/slider/index.js +1 -7
- package/slider/slider.js +8 -21
- package/sub-form/index.js +1 -7
- package/sub-form/sub-form.js +13 -26
- package/switch/index.js +1 -7
- package/switch/switch.js +17 -33
- package/tabs/index.js +1 -7
- package/tabs/tabs.js +12 -26
- package/text-field/index.js +1 -7
- package/text-field/text-field.js +6 -20
- package/textarea/index.js +1 -7
- package/textarea/textarea.js +6 -18
- package/time-picker/index.js +1 -7
- package/time-picker/time-picker.js +2 -11
- package/time-picker-base/index.js +1 -7
- package/time-picker-base/time-picker-base.js +17 -27
- package/time-picker-date/index.js +1 -7
- package/time-picker-date/time-picker-date.js +36 -68
- package/time-picker-string/index.js +1 -7
- package/time-picker-string/time-picker-string.js +23 -46
- package/with-description/index.js +1 -7
- package/with-description/with-description.js +3 -14
- package/wizard/index.js +1 -7
- package/wizard/wizard.js +43 -81
|
@@ -1,10 +1,7 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
|
-
|
|
4
|
-
function
|
|
5
|
-
|
|
6
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
7
|
-
|
|
3
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
4
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
8
5
|
import React from 'react';
|
|
9
6
|
import DualListSelectCommon from '@data-driven-forms/common/dual-list-select';
|
|
10
7
|
import clsx from 'clsx';
|
|
@@ -51,24 +48,20 @@ var useStyles = createUseStyles({
|
|
|
51
48
|
height: '100%'
|
|
52
49
|
}
|
|
53
50
|
});
|
|
54
|
-
|
|
55
51
|
var EmptyList = function EmptyList(_ref) {
|
|
56
52
|
var message = _ref.message;
|
|
57
53
|
return /*#__PURE__*/React.createElement(StructuredListWrapper, null, /*#__PURE__*/React.createElement(StructuredListBody, null, /*#__PURE__*/React.createElement(StructuredListRow, null, /*#__PURE__*/React.createElement(StructuredListCell, null, message))));
|
|
58
54
|
};
|
|
59
|
-
|
|
60
55
|
var List = function List(_ref2) {
|
|
61
56
|
var options = _ref2.options,
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
57
|
+
selectedValues = _ref2.selectedValues,
|
|
58
|
+
handleOptionsClick = _ref2.handleOptionsClick,
|
|
59
|
+
noTitle = _ref2.noTitle,
|
|
60
|
+
ListProps = _ref2.ListProps,
|
|
61
|
+
BodyProps = _ref2.BodyProps;
|
|
68
62
|
var _useStyles = useStyles(),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
63
|
+
dualList = _useStyles.dualList,
|
|
64
|
+
dualListBody = _useStyles.dualListBody;
|
|
72
65
|
return options.length > 0 ? /*#__PURE__*/React.createElement(StructuredListWrapper, _extends({
|
|
73
66
|
selection: true
|
|
74
67
|
}, ListProps, {
|
|
@@ -77,12 +70,12 @@ var List = function List(_ref2) {
|
|
|
77
70
|
className: clsx(dualListBody, BodyProps.className)
|
|
78
71
|
}), options.map(function (_ref3) {
|
|
79
72
|
var value = _ref3.value,
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
73
|
+
label = _ref3.label,
|
|
74
|
+
ListRowProps = _ref3.ListRowProps,
|
|
75
|
+
ListCellProps = _ref3.ListCellProps,
|
|
76
|
+
GridProps = _ref3.GridProps,
|
|
77
|
+
LabelProps = _ref3.LabelProps,
|
|
78
|
+
CheckmarkProps = _ref3.CheckmarkProps;
|
|
86
79
|
return /*#__PURE__*/React.createElement(StructuredListRow, _extends({
|
|
87
80
|
key: value
|
|
88
81
|
}, ListRowProps, {
|
|
@@ -104,21 +97,18 @@ var List = function List(_ref2) {
|
|
|
104
97
|
message: noTitle
|
|
105
98
|
});
|
|
106
99
|
};
|
|
107
|
-
|
|
108
100
|
var Toolbar = function Toolbar(_ref4) {
|
|
109
101
|
var sortTitle = _ref4.sortTitle,
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
102
|
+
onFilter = _ref4.onFilter,
|
|
103
|
+
onSort = _ref4.onSort,
|
|
104
|
+
sortDirection = _ref4.sortDirection,
|
|
105
|
+
placeholder = _ref4.placeholder,
|
|
106
|
+
ToolbarProps = _ref4.ToolbarProps,
|
|
107
|
+
SearchProps = _ref4.SearchProps,
|
|
108
|
+
SortProps = _ref4.SortProps;
|
|
118
109
|
var _useStyles2 = useStyles(),
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
110
|
+
toolbar = _useStyles2.toolbar,
|
|
111
|
+
tooltipButton = _useStyles2.tooltipButton;
|
|
122
112
|
return /*#__PURE__*/React.createElement("div", _extends({}, ToolbarProps, {
|
|
123
113
|
className: clsx(toolbar, ToolbarProps.className)
|
|
124
114
|
}), /*#__PURE__*/React.createElement(Search, _extends({
|
|
@@ -146,103 +136,99 @@ var Toolbar = function Toolbar(_ref4) {
|
|
|
146
136
|
className: clsx(tooltipButton, SortProps.className)
|
|
147
137
|
})));
|
|
148
138
|
};
|
|
149
|
-
|
|
150
139
|
var isEmpty = function isEmpty(array) {
|
|
151
140
|
return array.length === 0;
|
|
152
141
|
};
|
|
153
|
-
|
|
154
142
|
var DualListSelectInner = function DualListSelectInner(_ref5) {
|
|
155
143
|
var leftValues = _ref5.leftValues,
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
166
|
-
|
|
167
|
-
|
|
168
|
-
|
|
169
|
-
|
|
170
|
-
|
|
171
|
-
|
|
172
|
-
|
|
173
|
-
|
|
174
|
-
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
180
|
-
|
|
181
|
-
|
|
182
|
-
|
|
183
|
-
|
|
184
|
-
|
|
185
|
-
|
|
186
|
-
|
|
187
|
-
|
|
188
|
-
|
|
189
|
-
|
|
190
|
-
|
|
191
|
-
|
|
192
|
-
|
|
193
|
-
|
|
194
|
-
|
|
195
|
-
|
|
196
|
-
|
|
197
|
-
|
|
198
|
-
|
|
199
|
-
|
|
200
|
-
|
|
201
|
-
|
|
202
|
-
|
|
203
|
-
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
|
|
238
|
-
|
|
239
|
-
|
|
240
|
-
|
|
241
|
-
|
|
242
|
-
|
|
144
|
+
handleOptionsClick = _ref5.handleOptionsClick,
|
|
145
|
+
rightValues = _ref5.rightValues,
|
|
146
|
+
handleValuesClick = _ref5.handleValuesClick,
|
|
147
|
+
handleMoveRight = _ref5.handleMoveRight,
|
|
148
|
+
handleClearLeftValues = _ref5.handleClearLeftValues,
|
|
149
|
+
handleMoveLeft = _ref5.handleMoveLeft,
|
|
150
|
+
handleClearRightValues = _ref5.handleClearRightValues,
|
|
151
|
+
state = _ref5.state,
|
|
152
|
+
filterOptions = _ref5.filterOptions,
|
|
153
|
+
filterValues = _ref5.filterValues,
|
|
154
|
+
sortOptions = _ref5.sortOptions,
|
|
155
|
+
sortValues = _ref5.sortValues,
|
|
156
|
+
LeftTitleProps = _ref5.LeftTitleProps,
|
|
157
|
+
RightTitleProps = _ref5.RightTitleProps,
|
|
158
|
+
label = _ref5.label,
|
|
159
|
+
isRequired = _ref5.isRequired,
|
|
160
|
+
_ref5$noOptionsTitle = _ref5.noOptionsTitle,
|
|
161
|
+
noOptionsTitle = _ref5$noOptionsTitle === void 0 ? 'No option available' : _ref5$noOptionsTitle,
|
|
162
|
+
_ref5$noValueTitle = _ref5.noValueTitle,
|
|
163
|
+
noValueTitle = _ref5$noValueTitle === void 0 ? 'No option selected' : _ref5$noValueTitle,
|
|
164
|
+
_ref5$leftTitle = _ref5.leftTitle,
|
|
165
|
+
leftTitle = _ref5$leftTitle === void 0 ? 'Options' : _ref5$leftTitle,
|
|
166
|
+
_ref5$rightTitle = _ref5.rightTitle,
|
|
167
|
+
rightTitle = _ref5$rightTitle === void 0 ? 'Selected' : _ref5$rightTitle,
|
|
168
|
+
_ref5$LeftTitleElemen = _ref5.LeftTitleElement,
|
|
169
|
+
LeftTitleElement = _ref5$LeftTitleElemen === void 0 ? 'h6' : _ref5$LeftTitleElemen,
|
|
170
|
+
_ref5$RightTitleEleme = _ref5.RightTitleElement,
|
|
171
|
+
RightTitleElement = _ref5$RightTitleEleme === void 0 ? 'h6' : _ref5$RightTitleEleme,
|
|
172
|
+
_ref5$moveLeftTitle = _ref5.moveLeftTitle,
|
|
173
|
+
moveLeftTitle = _ref5$moveLeftTitle === void 0 ? 'Remove' : _ref5$moveLeftTitle,
|
|
174
|
+
_ref5$moveRightTitle = _ref5.moveRightTitle,
|
|
175
|
+
moveRightTitle = _ref5$moveRightTitle === void 0 ? 'Add' : _ref5$moveRightTitle,
|
|
176
|
+
_ref5$moveAllLeftTitl = _ref5.moveAllLeftTitle,
|
|
177
|
+
moveAllLeftTitle = _ref5$moveAllLeftTitl === void 0 ? 'Remove All' : _ref5$moveAllLeftTitl,
|
|
178
|
+
_ref5$moveAllRightTit = _ref5.moveAllRightTitle,
|
|
179
|
+
moveAllRightTitle = _ref5$moveAllRightTit === void 0 ? 'Add All' : _ref5$moveAllRightTit,
|
|
180
|
+
_ref5$filterOptionsTi = _ref5.filterOptionsTitle,
|
|
181
|
+
filterOptionsTitle = _ref5$filterOptionsTi === void 0 ? 'Filter options' : _ref5$filterOptionsTi,
|
|
182
|
+
_ref5$filterValuesTit = _ref5.filterValuesTitle,
|
|
183
|
+
filterValuesTitle = _ref5$filterValuesTit === void 0 ? 'Filter values' : _ref5$filterValuesTit,
|
|
184
|
+
_ref5$sortOptionsTitl = _ref5.sortOptionsTitle,
|
|
185
|
+
sortOptionsTitle = _ref5$sortOptionsTitl === void 0 ? 'Sort options' : _ref5$sortOptionsTitl,
|
|
186
|
+
_ref5$sortValuesTitle = _ref5.sortValuesTitle,
|
|
187
|
+
sortValuesTitle = _ref5$sortValuesTitle === void 0 ? 'Sort values' : _ref5$sortValuesTitle,
|
|
188
|
+
_ref5$filterOptionsTe = _ref5.filterOptionsText,
|
|
189
|
+
filterOptionsText = _ref5$filterOptionsTe === void 0 ? 'Remove your filter to see all options' : _ref5$filterOptionsTe,
|
|
190
|
+
_ref5$filterValueText = _ref5.filterValueText,
|
|
191
|
+
filterValueText = _ref5$filterValueText === void 0 ? 'Remove your filter to see all selected' : _ref5$filterValueText,
|
|
192
|
+
_ref5$FormGroupProps = _ref5.FormGroupProps,
|
|
193
|
+
FormGroupProps = _ref5$FormGroupProps === void 0 ? {} : _ref5$FormGroupProps,
|
|
194
|
+
_ref5$GridProps = _ref5.GridProps,
|
|
195
|
+
GridProps = _ref5$GridProps === void 0 ? {} : _ref5$GridProps,
|
|
196
|
+
_ref5$OptionsColumnPr = _ref5.OptionsColumnProps,
|
|
197
|
+
OptionsColumnProps = _ref5$OptionsColumnPr === void 0 ? {} : _ref5$OptionsColumnPr,
|
|
198
|
+
_ref5$ButtonColumnPro = _ref5.ButtonColumnProps,
|
|
199
|
+
ButtonColumnProps = _ref5$ButtonColumnPro === void 0 ? {} : _ref5$ButtonColumnPro,
|
|
200
|
+
_ref5$ValuesColumnPro = _ref5.ValuesColumnProps,
|
|
201
|
+
ValuesColumnProps = _ref5$ValuesColumnPro === void 0 ? {} : _ref5$ValuesColumnPro,
|
|
202
|
+
_ref5$AddButtonProps = _ref5.AddButtonProps,
|
|
203
|
+
AddButtonProps = _ref5$AddButtonProps === void 0 ? {} : _ref5$AddButtonProps,
|
|
204
|
+
_ref5$AddAllButtonPro = _ref5.AddAllButtonProps,
|
|
205
|
+
AddAllButtonProps = _ref5$AddAllButtonPro === void 0 ? {} : _ref5$AddAllButtonPro,
|
|
206
|
+
_ref5$RemoveButtonPro = _ref5.RemoveButtonProps,
|
|
207
|
+
RemoveButtonProps = _ref5$RemoveButtonPro === void 0 ? {} : _ref5$RemoveButtonPro,
|
|
208
|
+
_ref5$RemoveAllButton = _ref5.RemoveAllButtonProps,
|
|
209
|
+
RemoveAllButtonProps = _ref5$RemoveAllButton === void 0 ? {} : _ref5$RemoveAllButton,
|
|
210
|
+
_ref5$LeftToolbarProp = _ref5.LeftToolbarProps,
|
|
211
|
+
LeftToolbarProps = _ref5$LeftToolbarProp === void 0 ? {} : _ref5$LeftToolbarProp,
|
|
212
|
+
_ref5$RightToolbarPro = _ref5.RightToolbarProps,
|
|
213
|
+
RightToolbarProps = _ref5$RightToolbarPro === void 0 ? {} : _ref5$RightToolbarPro,
|
|
214
|
+
_ref5$LeftSearchProps = _ref5.LeftSearchProps,
|
|
215
|
+
LeftSearchProps = _ref5$LeftSearchProps === void 0 ? {} : _ref5$LeftSearchProps,
|
|
216
|
+
_ref5$RightSearchProp = _ref5.RightSearchProps,
|
|
217
|
+
RightSearchProps = _ref5$RightSearchProp === void 0 ? {} : _ref5$RightSearchProp,
|
|
218
|
+
_ref5$LeftSortProps = _ref5.LeftSortProps,
|
|
219
|
+
LeftSortProps = _ref5$LeftSortProps === void 0 ? {} : _ref5$LeftSortProps,
|
|
220
|
+
_ref5$RightSortProps = _ref5.RightSortProps,
|
|
221
|
+
RightSortProps = _ref5$RightSortProps === void 0 ? {} : _ref5$RightSortProps,
|
|
222
|
+
_ref5$LeftListProps = _ref5.LeftListProps,
|
|
223
|
+
LeftListProps = _ref5$LeftListProps === void 0 ? {} : _ref5$LeftListProps,
|
|
224
|
+
_ref5$LeftBodyProps = _ref5.LeftBodyProps,
|
|
225
|
+
LeftBodyProps = _ref5$LeftBodyProps === void 0 ? {} : _ref5$LeftBodyProps,
|
|
226
|
+
_ref5$RightListProps = _ref5.RightListProps,
|
|
227
|
+
RightListProps = _ref5$RightListProps === void 0 ? {} : _ref5$RightListProps,
|
|
228
|
+
_ref5$RightBodyProps = _ref5.RightBodyProps,
|
|
229
|
+
RightBodyProps = _ref5$RightBodyProps === void 0 ? {} : _ref5$RightBodyProps;
|
|
243
230
|
var _useStyles3 = useStyles(),
|
|
244
|
-
|
|
245
|
-
|
|
231
|
+
buttonWrapper = _useStyles3.buttonWrapper;
|
|
246
232
|
return /*#__PURE__*/React.createElement(FormGroup, _extends({
|
|
247
233
|
legendText: buildLabel(label || '', isRequired)
|
|
248
234
|
}, FormGroupProps), /*#__PURE__*/React.createElement(Grid, _extends({
|
|
@@ -321,11 +307,9 @@ var DualListSelectInner = function DualListSelectInner(_ref5) {
|
|
|
321
307
|
noTitle: state.filterValue ? filterValueText : noValueTitle
|
|
322
308
|
}))));
|
|
323
309
|
};
|
|
324
|
-
|
|
325
310
|
var DualListSelect = function DualListSelect(props) {
|
|
326
311
|
return /*#__PURE__*/React.createElement(DualListSelectCommon, _extends({}, props, {
|
|
327
312
|
DualListSelect: DualListSelectInner
|
|
328
313
|
}));
|
|
329
314
|
};
|
|
330
|
-
|
|
331
315
|
export default DualListSelect;
|
|
@@ -2,12 +2,9 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
|
|
|
2
2
|
import _extends from "@babel/runtime/helpers/extends";
|
|
3
3
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
4
4
|
var _excluded = ["remove"],
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
function
|
|
8
|
-
|
|
9
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
10
|
-
|
|
5
|
+
_excluded2 = ["remove"];
|
|
6
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
7
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
8
|
import React, { memo } from 'react';
|
|
12
9
|
import isEqual from 'lodash/isEqual';
|
|
13
10
|
import clsx from 'clsx';
|
|
@@ -39,19 +36,17 @@ var useStyles = createUseStyles({
|
|
|
39
36
|
});
|
|
40
37
|
var ArrayItem = /*#__PURE__*/memo(function (_ref) {
|
|
41
38
|
var remove = _ref.remove,
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
39
|
+
fields = _ref.fields,
|
|
40
|
+
name = _ref.name,
|
|
41
|
+
removeText = _ref.removeText,
|
|
42
|
+
buttonDisabled = _ref.buttonDisabled,
|
|
43
|
+
_ref$RemoveButtonProp = _ref.RemoveButtonProps,
|
|
44
|
+
RemoveButtonProps = _ref$RemoveButtonProp === void 0 ? {} : _ref$RemoveButtonProp,
|
|
45
|
+
_ref$ArrayItemProps = _ref.ArrayItemProps,
|
|
46
|
+
ArrayItemProps = _ref$ArrayItemProps === void 0 ? {} : _ref$ArrayItemProps;
|
|
50
47
|
var formOptions = useFormApi();
|
|
51
|
-
|
|
52
48
|
var _useStyles = useStyles(),
|
|
53
|
-
|
|
54
|
-
|
|
49
|
+
removeStyle = _useStyles.remove;
|
|
55
50
|
var editedFields = fields.map(function (field) {
|
|
56
51
|
return _objectSpread(_objectSpread({}, field), field.name ? {
|
|
57
52
|
name: "".concat(name, ".").concat(field.name)
|
|
@@ -74,53 +69,47 @@ var ArrayItem = /*#__PURE__*/memo(function (_ref) {
|
|
|
74
69
|
}), removeText));
|
|
75
70
|
}, function (_ref2, _ref3) {
|
|
76
71
|
var _prevRemove = _ref2.remove,
|
|
77
|
-
|
|
78
|
-
|
|
72
|
+
prev = _objectWithoutProperties(_ref2, _excluded);
|
|
79
73
|
var _nextRemove = _ref3.remove,
|
|
80
|
-
|
|
81
|
-
|
|
74
|
+
next = _objectWithoutProperties(_ref3, _excluded2);
|
|
82
75
|
return isEqual(prev, next);
|
|
83
76
|
});
|
|
84
|
-
|
|
85
77
|
var FieldArray = function FieldArray(props) {
|
|
86
78
|
var _useFieldApi = useFieldApi(prepareProps(props)),
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
79
|
+
_useFieldApi$AddConta = _useFieldApi.AddContainerProps,
|
|
80
|
+
AddContainerProps = _useFieldApi$AddConta === void 0 ? {} : _useFieldApi$AddConta,
|
|
81
|
+
_useFieldApi$AddButto = _useFieldApi.AddButtonProps,
|
|
82
|
+
AddButtonProps = _useFieldApi$AddButto === void 0 ? {} : _useFieldApi$AddButto,
|
|
83
|
+
_useFieldApi$FormGrou = _useFieldApi.FormGroupProps,
|
|
84
|
+
FormGroupProps = _useFieldApi$FormGrou === void 0 ? {} : _useFieldApi$FormGrou,
|
|
85
|
+
_useFieldApi$WrapperP = _useFieldApi.WrapperProps,
|
|
86
|
+
WrapperProps = _useFieldApi$WrapperP === void 0 ? {} : _useFieldApi$WrapperP,
|
|
87
|
+
_useFieldApi$ArrayIte = _useFieldApi.ArrayItemProps,
|
|
88
|
+
ArrayItemProps = _useFieldApi$ArrayIte === void 0 ? {} : _useFieldApi$ArrayIte,
|
|
89
|
+
_useFieldApi$RemoveBu = _useFieldApi.RemoveButtonProps,
|
|
90
|
+
RemoveButtonProps = _useFieldApi$RemoveBu === void 0 ? {} : _useFieldApi$RemoveBu,
|
|
91
|
+
defaultItem = _useFieldApi.defaultItem,
|
|
92
|
+
_useFieldApi$maxItems = _useFieldApi.maxItems,
|
|
93
|
+
maxItems = _useFieldApi$maxItems === void 0 ? Infinity : _useFieldApi$maxItems,
|
|
94
|
+
_useFieldApi$minItems = _useFieldApi.minItems,
|
|
95
|
+
minItems = _useFieldApi$minItems === void 0 ? 0 : _useFieldApi$minItems,
|
|
96
|
+
fields = _useFieldApi.fields,
|
|
97
|
+
input = _useFieldApi.input,
|
|
98
|
+
arrayValidator = _useFieldApi.arrayValidator,
|
|
99
|
+
labelText = _useFieldApi.labelText,
|
|
100
|
+
buttonLabels = _useFieldApi.buttonLabels,
|
|
101
|
+
_useFieldApi$noItemsM = _useFieldApi.noItemsMessage,
|
|
102
|
+
noItemsMessage = _useFieldApi$noItemsM === void 0 ? 'No items' : _useFieldApi$noItemsM,
|
|
103
|
+
meta = _useFieldApi.meta,
|
|
104
|
+
validateOnMount = _useFieldApi.validateOnMount;
|
|
114
105
|
var _useStyles2 = useStyles(),
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
106
|
+
formGroup = _useStyles2.formGroup,
|
|
107
|
+
addContainer = _useStyles2.addContainer,
|
|
108
|
+
add = _useStyles2.add;
|
|
119
109
|
var buttonLabelsFinal = _objectSpread({
|
|
120
110
|
add: 'Add',
|
|
121
111
|
remove: 'Remove'
|
|
122
112
|
}, buttonLabels);
|
|
123
|
-
|
|
124
113
|
var invalid = (meta.touched || validateOnMount) && !Array.isArray(meta.error) && (meta.error || meta.submitError);
|
|
125
114
|
return /*#__PURE__*/React.createElement(FormGroup, _extends({
|
|
126
115
|
legendText: labelText || '',
|
|
@@ -164,5 +153,4 @@ var FieldArray = function FieldArray(props) {
|
|
|
164
153
|
}), buttonLabelsFinal.add)));
|
|
165
154
|
}));
|
|
166
155
|
};
|
|
167
|
-
|
|
168
156
|
export default FieldArray;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import _extends from "@babel/runtime/helpers/extends";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["label", "buttonType"],
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
_excluded2 = ["children", "className"],
|
|
5
|
+
_excluded3 = ["children"],
|
|
6
|
+
_excluded4 = ["children"],
|
|
7
|
+
_excluded5 = ["children", "className"];
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import clsx from 'clsx';
|
|
10
10
|
import { createUseStyles } from "react-jss/dist/react-jss.esm.js";
|
|
@@ -28,45 +28,38 @@ var useStyles = createUseStyles({
|
|
|
28
28
|
});
|
|
29
29
|
export var Button = function Button(_ref) {
|
|
30
30
|
var label = _ref.label,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
31
|
+
buttonType = _ref.buttonType,
|
|
32
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
34
33
|
return /*#__PURE__*/React.createElement(CarbonButton, _extends({
|
|
35
34
|
kind: buttonType === 'submit' ? 'primary' : 'secondary'
|
|
36
35
|
}, props), label);
|
|
37
36
|
};
|
|
38
37
|
export var ButtonGroup = function ButtonGroup(_ref2) {
|
|
39
38
|
var children = _ref2.children,
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
39
|
+
className = _ref2.className,
|
|
40
|
+
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
43
41
|
var _useStyles = useStyles(),
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
butttons = _useStyles.butttons;
|
|
46
43
|
return /*#__PURE__*/React.createElement(ButtonSet, _extends({}, props, {
|
|
47
44
|
className: clsx(butttons, className)
|
|
48
45
|
}), children);
|
|
49
46
|
};
|
|
50
47
|
export var Title = function Title(_ref3) {
|
|
51
48
|
var children = _ref3.children,
|
|
52
|
-
|
|
53
|
-
|
|
49
|
+
props = _objectWithoutProperties(_ref3, _excluded3);
|
|
54
50
|
return /*#__PURE__*/React.createElement("h3", props, children);
|
|
55
51
|
};
|
|
56
52
|
export var Description = function Description(_ref4) {
|
|
57
53
|
var children = _ref4.children,
|
|
58
|
-
|
|
59
|
-
|
|
54
|
+
props = _objectWithoutProperties(_ref4, _excluded4);
|
|
60
55
|
return /*#__PURE__*/React.createElement("div", props, children);
|
|
61
56
|
};
|
|
62
57
|
export var Form = function Form(_ref5) {
|
|
63
58
|
var children = _ref5.children,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
59
|
+
className = _ref5.className,
|
|
60
|
+
props = _objectWithoutProperties(_ref5, _excluded5);
|
|
67
61
|
var _useStyles2 = useStyles(),
|
|
68
|
-
|
|
69
|
-
|
|
62
|
+
form = _useStyles2.form;
|
|
70
63
|
return /*#__PURE__*/React.createElement(CarbonForm, _extends({
|
|
71
64
|
noValidate: true
|
|
72
65
|
}, props, {
|
|
@@ -75,13 +68,11 @@ export var Form = function Form(_ref5) {
|
|
|
75
68
|
};
|
|
76
69
|
export var Header = function Header(props) {
|
|
77
70
|
var _useStyles3 = useStyles(),
|
|
78
|
-
|
|
79
|
-
|
|
71
|
+
header = _useStyles3.header;
|
|
80
72
|
return /*#__PURE__*/React.createElement("div", _extends({
|
|
81
73
|
className: header
|
|
82
74
|
}, props));
|
|
83
75
|
};
|
|
84
|
-
|
|
85
76
|
var WrappedFormTemplate = function WrappedFormTemplate(props) {
|
|
86
77
|
return /*#__PURE__*/React.createElement(FormTemplate, _extends({
|
|
87
78
|
FormWrapper: Form,
|
|
@@ -93,5 +84,4 @@ var WrappedFormTemplate = function WrappedFormTemplate(props) {
|
|
|
93
84
|
Header: Header
|
|
94
85
|
}, props));
|
|
95
86
|
};
|
|
96
|
-
|
|
97
87
|
export default WrappedFormTemplate;
|
|
@@ -7,34 +7,27 @@ var useStyles = createUseStyles({
|
|
|
7
7
|
overflow: 'initial'
|
|
8
8
|
}
|
|
9
9
|
});
|
|
10
|
-
|
|
11
10
|
var HelperTextBlock = function HelperTextBlock(_ref) {
|
|
12
11
|
var helperText = _ref.helperText,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
errorText = _ref.errorText,
|
|
13
|
+
warnText = _ref.warnText;
|
|
16
14
|
var _useStyles = useStyles(),
|
|
17
|
-
|
|
18
|
-
|
|
15
|
+
helperTextStyle = _useStyles.helperTextStyle;
|
|
19
16
|
if (errorText) {
|
|
20
17
|
return /*#__PURE__*/React.createElement("div", {
|
|
21
18
|
className: "cds--form-requirement ddorg__carbon-error-helper-text ".concat(helperTextStyle)
|
|
22
19
|
}, errorText);
|
|
23
20
|
}
|
|
24
|
-
|
|
25
21
|
if (warnText) {
|
|
26
22
|
return /*#__PURE__*/React.createElement("div", {
|
|
27
23
|
className: "cds--form-requirement ddorg__carbon-error-helper-text ".concat(helperTextStyle)
|
|
28
24
|
}, warnText);
|
|
29
25
|
}
|
|
30
|
-
|
|
31
26
|
if (helperText) {
|
|
32
27
|
return /*#__PURE__*/React.createElement("div", {
|
|
33
28
|
className: "cds--form__helper-text"
|
|
34
29
|
}, helperText);
|
|
35
30
|
}
|
|
36
|
-
|
|
37
31
|
return null;
|
|
38
32
|
};
|
|
39
|
-
|
|
40
33
|
export default HelperTextBlock;
|
|
@@ -6,17 +6,13 @@ var useStyles = createUseStyles({
|
|
|
6
6
|
marginRight: 4
|
|
7
7
|
}
|
|
8
8
|
});
|
|
9
|
-
|
|
10
9
|
var IsRequired = function IsRequired(_ref) {
|
|
11
10
|
var children = _ref.children;
|
|
12
|
-
|
|
13
11
|
var _useStyles = useStyles(),
|
|
14
|
-
|
|
15
|
-
|
|
12
|
+
isRequired = _useStyles.isRequired;
|
|
16
13
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("span", {
|
|
17
14
|
className: "ddorg__carbon-component-mapper_is-required ".concat(isRequired),
|
|
18
15
|
"aria-hidden": "true"
|
|
19
16
|
}, "*"), children);
|
|
20
17
|
};
|
|
21
|
-
|
|
22
18
|
export default IsRequired;
|
|
@@ -1,25 +1,19 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
2
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
3
3
|
var _excluded = ["label", "element", "component"];
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
7
|
-
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
8
|
-
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
9
6
|
import React from 'react';
|
|
10
|
-
|
|
11
7
|
var PlainText = function PlainText(_ref) {
|
|
12
8
|
var label = _ref.label,
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
9
|
+
_ref$element = _ref.element,
|
|
10
|
+
element = _ref$element === void 0 ? 'p' : _ref$element,
|
|
11
|
+
component = _ref.component,
|
|
12
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
18
13
|
return label.split('\n').map(function (paragraph, index) {
|
|
19
14
|
return /*#__PURE__*/React.createElement(element, _objectSpread({
|
|
20
15
|
key: index
|
|
21
16
|
}, rest), paragraph);
|
|
22
17
|
});
|
|
23
18
|
};
|
|
24
|
-
|
|
25
19
|
export default PlainText;
|