@data-driven-forms/carbon-component-mapper 4.1.4 → 4.1.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.
- 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,34 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
11
|
-
|
|
12
9
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
var _dualListSelect = _interopRequireDefault(require("@data-driven-forms/common/dual-list-select"));
|
|
17
|
-
|
|
18
12
|
var _clsx = _interopRequireDefault(require("clsx"));
|
|
19
|
-
|
|
20
13
|
var _reactJssCjs = require("react-jss/dist/react-jss.cjs.js");
|
|
21
|
-
|
|
22
14
|
var _react2 = require("@carbon/react");
|
|
23
|
-
|
|
24
15
|
var _icons = require("@carbon/react/icons");
|
|
25
|
-
|
|
26
16
|
var _prepareProps = require("../prepare-props");
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
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) { (0, _defineProperty2["default"])(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; }
|
|
31
|
-
|
|
17
|
+
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; }
|
|
18
|
+
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) { (0, _defineProperty2["default"])(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; }
|
|
32
19
|
var useStyles = (0, _reactJssCjs.createUseStyles)({
|
|
33
20
|
dualList: {
|
|
34
21
|
maxHeight: 500,
|
|
@@ -68,24 +55,20 @@ var useStyles = (0, _reactJssCjs.createUseStyles)({
|
|
|
68
55
|
height: '100%'
|
|
69
56
|
}
|
|
70
57
|
});
|
|
71
|
-
|
|
72
58
|
var EmptyList = function EmptyList(_ref) {
|
|
73
59
|
var message = _ref.message;
|
|
74
60
|
return /*#__PURE__*/_react["default"].createElement(_react2.StructuredListWrapper, null, /*#__PURE__*/_react["default"].createElement(_react2.StructuredListBody, null, /*#__PURE__*/_react["default"].createElement(_react2.StructuredListRow, null, /*#__PURE__*/_react["default"].createElement(_react2.StructuredListCell, null, message))));
|
|
75
61
|
};
|
|
76
|
-
|
|
77
62
|
var List = function List(_ref2) {
|
|
78
63
|
var options = _ref2.options,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
64
|
+
selectedValues = _ref2.selectedValues,
|
|
65
|
+
handleOptionsClick = _ref2.handleOptionsClick,
|
|
66
|
+
noTitle = _ref2.noTitle,
|
|
67
|
+
ListProps = _ref2.ListProps,
|
|
68
|
+
BodyProps = _ref2.BodyProps;
|
|
85
69
|
var _useStyles = useStyles(),
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
70
|
+
dualList = _useStyles.dualList,
|
|
71
|
+
dualListBody = _useStyles.dualListBody;
|
|
89
72
|
return options.length > 0 ? /*#__PURE__*/_react["default"].createElement(_react2.StructuredListWrapper, (0, _extends2["default"])({
|
|
90
73
|
selection: true
|
|
91
74
|
}, ListProps, {
|
|
@@ -94,12 +77,12 @@ var List = function List(_ref2) {
|
|
|
94
77
|
className: (0, _clsx["default"])(dualListBody, BodyProps.className)
|
|
95
78
|
}), options.map(function (_ref3) {
|
|
96
79
|
var value = _ref3.value,
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
80
|
+
label = _ref3.label,
|
|
81
|
+
ListRowProps = _ref3.ListRowProps,
|
|
82
|
+
ListCellProps = _ref3.ListCellProps,
|
|
83
|
+
GridProps = _ref3.GridProps,
|
|
84
|
+
LabelProps = _ref3.LabelProps,
|
|
85
|
+
CheckmarkProps = _ref3.CheckmarkProps;
|
|
103
86
|
return /*#__PURE__*/_react["default"].createElement(_react2.StructuredListRow, (0, _extends2["default"])({
|
|
104
87
|
key: value
|
|
105
88
|
}, ListRowProps, {
|
|
@@ -121,21 +104,18 @@ var List = function List(_ref2) {
|
|
|
121
104
|
message: noTitle
|
|
122
105
|
});
|
|
123
106
|
};
|
|
124
|
-
|
|
125
107
|
var Toolbar = function Toolbar(_ref4) {
|
|
126
108
|
var sortTitle = _ref4.sortTitle,
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
109
|
+
onFilter = _ref4.onFilter,
|
|
110
|
+
onSort = _ref4.onSort,
|
|
111
|
+
sortDirection = _ref4.sortDirection,
|
|
112
|
+
placeholder = _ref4.placeholder,
|
|
113
|
+
ToolbarProps = _ref4.ToolbarProps,
|
|
114
|
+
SearchProps = _ref4.SearchProps,
|
|
115
|
+
SortProps = _ref4.SortProps;
|
|
135
116
|
var _useStyles2 = useStyles(),
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
117
|
+
toolbar = _useStyles2.toolbar,
|
|
118
|
+
tooltipButton = _useStyles2.tooltipButton;
|
|
139
119
|
return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({}, ToolbarProps, {
|
|
140
120
|
className: (0, _clsx["default"])(toolbar, ToolbarProps.className)
|
|
141
121
|
}), /*#__PURE__*/_react["default"].createElement(_react2.Search, (0, _extends2["default"])({
|
|
@@ -163,103 +143,99 @@ var Toolbar = function Toolbar(_ref4) {
|
|
|
163
143
|
className: (0, _clsx["default"])(tooltipButton, SortProps.className)
|
|
164
144
|
})));
|
|
165
145
|
};
|
|
166
|
-
|
|
167
146
|
var isEmpty = function isEmpty(array) {
|
|
168
147
|
return array.length === 0;
|
|
169
148
|
};
|
|
170
|
-
|
|
171
149
|
var DualListSelectInner = function DualListSelectInner(_ref5) {
|
|
172
150
|
var leftValues = _ref5.leftValues,
|
|
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
|
-
|
|
243
|
-
|
|
244
|
-
|
|
245
|
-
|
|
246
|
-
|
|
247
|
-
|
|
248
|
-
|
|
249
|
-
|
|
250
|
-
|
|
251
|
-
|
|
252
|
-
|
|
253
|
-
|
|
254
|
-
|
|
255
|
-
|
|
256
|
-
|
|
257
|
-
|
|
258
|
-
|
|
259
|
-
|
|
151
|
+
handleOptionsClick = _ref5.handleOptionsClick,
|
|
152
|
+
rightValues = _ref5.rightValues,
|
|
153
|
+
handleValuesClick = _ref5.handleValuesClick,
|
|
154
|
+
handleMoveRight = _ref5.handleMoveRight,
|
|
155
|
+
handleClearLeftValues = _ref5.handleClearLeftValues,
|
|
156
|
+
handleMoveLeft = _ref5.handleMoveLeft,
|
|
157
|
+
handleClearRightValues = _ref5.handleClearRightValues,
|
|
158
|
+
state = _ref5.state,
|
|
159
|
+
filterOptions = _ref5.filterOptions,
|
|
160
|
+
filterValues = _ref5.filterValues,
|
|
161
|
+
sortOptions = _ref5.sortOptions,
|
|
162
|
+
sortValues = _ref5.sortValues,
|
|
163
|
+
LeftTitleProps = _ref5.LeftTitleProps,
|
|
164
|
+
RightTitleProps = _ref5.RightTitleProps,
|
|
165
|
+
label = _ref5.label,
|
|
166
|
+
isRequired = _ref5.isRequired,
|
|
167
|
+
_ref5$noOptionsTitle = _ref5.noOptionsTitle,
|
|
168
|
+
noOptionsTitle = _ref5$noOptionsTitle === void 0 ? 'No option available' : _ref5$noOptionsTitle,
|
|
169
|
+
_ref5$noValueTitle = _ref5.noValueTitle,
|
|
170
|
+
noValueTitle = _ref5$noValueTitle === void 0 ? 'No option selected' : _ref5$noValueTitle,
|
|
171
|
+
_ref5$leftTitle = _ref5.leftTitle,
|
|
172
|
+
leftTitle = _ref5$leftTitle === void 0 ? 'Options' : _ref5$leftTitle,
|
|
173
|
+
_ref5$rightTitle = _ref5.rightTitle,
|
|
174
|
+
rightTitle = _ref5$rightTitle === void 0 ? 'Selected' : _ref5$rightTitle,
|
|
175
|
+
_ref5$LeftTitleElemen = _ref5.LeftTitleElement,
|
|
176
|
+
LeftTitleElement = _ref5$LeftTitleElemen === void 0 ? 'h6' : _ref5$LeftTitleElemen,
|
|
177
|
+
_ref5$RightTitleEleme = _ref5.RightTitleElement,
|
|
178
|
+
RightTitleElement = _ref5$RightTitleEleme === void 0 ? 'h6' : _ref5$RightTitleEleme,
|
|
179
|
+
_ref5$moveLeftTitle = _ref5.moveLeftTitle,
|
|
180
|
+
moveLeftTitle = _ref5$moveLeftTitle === void 0 ? 'Remove' : _ref5$moveLeftTitle,
|
|
181
|
+
_ref5$moveRightTitle = _ref5.moveRightTitle,
|
|
182
|
+
moveRightTitle = _ref5$moveRightTitle === void 0 ? 'Add' : _ref5$moveRightTitle,
|
|
183
|
+
_ref5$moveAllLeftTitl = _ref5.moveAllLeftTitle,
|
|
184
|
+
moveAllLeftTitle = _ref5$moveAllLeftTitl === void 0 ? 'Remove All' : _ref5$moveAllLeftTitl,
|
|
185
|
+
_ref5$moveAllRightTit = _ref5.moveAllRightTitle,
|
|
186
|
+
moveAllRightTitle = _ref5$moveAllRightTit === void 0 ? 'Add All' : _ref5$moveAllRightTit,
|
|
187
|
+
_ref5$filterOptionsTi = _ref5.filterOptionsTitle,
|
|
188
|
+
filterOptionsTitle = _ref5$filterOptionsTi === void 0 ? 'Filter options' : _ref5$filterOptionsTi,
|
|
189
|
+
_ref5$filterValuesTit = _ref5.filterValuesTitle,
|
|
190
|
+
filterValuesTitle = _ref5$filterValuesTit === void 0 ? 'Filter values' : _ref5$filterValuesTit,
|
|
191
|
+
_ref5$sortOptionsTitl = _ref5.sortOptionsTitle,
|
|
192
|
+
sortOptionsTitle = _ref5$sortOptionsTitl === void 0 ? 'Sort options' : _ref5$sortOptionsTitl,
|
|
193
|
+
_ref5$sortValuesTitle = _ref5.sortValuesTitle,
|
|
194
|
+
sortValuesTitle = _ref5$sortValuesTitle === void 0 ? 'Sort values' : _ref5$sortValuesTitle,
|
|
195
|
+
_ref5$filterOptionsTe = _ref5.filterOptionsText,
|
|
196
|
+
filterOptionsText = _ref5$filterOptionsTe === void 0 ? 'Remove your filter to see all options' : _ref5$filterOptionsTe,
|
|
197
|
+
_ref5$filterValueText = _ref5.filterValueText,
|
|
198
|
+
filterValueText = _ref5$filterValueText === void 0 ? 'Remove your filter to see all selected' : _ref5$filterValueText,
|
|
199
|
+
_ref5$FormGroupProps = _ref5.FormGroupProps,
|
|
200
|
+
FormGroupProps = _ref5$FormGroupProps === void 0 ? {} : _ref5$FormGroupProps,
|
|
201
|
+
_ref5$GridProps = _ref5.GridProps,
|
|
202
|
+
GridProps = _ref5$GridProps === void 0 ? {} : _ref5$GridProps,
|
|
203
|
+
_ref5$OptionsColumnPr = _ref5.OptionsColumnProps,
|
|
204
|
+
OptionsColumnProps = _ref5$OptionsColumnPr === void 0 ? {} : _ref5$OptionsColumnPr,
|
|
205
|
+
_ref5$ButtonColumnPro = _ref5.ButtonColumnProps,
|
|
206
|
+
ButtonColumnProps = _ref5$ButtonColumnPro === void 0 ? {} : _ref5$ButtonColumnPro,
|
|
207
|
+
_ref5$ValuesColumnPro = _ref5.ValuesColumnProps,
|
|
208
|
+
ValuesColumnProps = _ref5$ValuesColumnPro === void 0 ? {} : _ref5$ValuesColumnPro,
|
|
209
|
+
_ref5$AddButtonProps = _ref5.AddButtonProps,
|
|
210
|
+
AddButtonProps = _ref5$AddButtonProps === void 0 ? {} : _ref5$AddButtonProps,
|
|
211
|
+
_ref5$AddAllButtonPro = _ref5.AddAllButtonProps,
|
|
212
|
+
AddAllButtonProps = _ref5$AddAllButtonPro === void 0 ? {} : _ref5$AddAllButtonPro,
|
|
213
|
+
_ref5$RemoveButtonPro = _ref5.RemoveButtonProps,
|
|
214
|
+
RemoveButtonProps = _ref5$RemoveButtonPro === void 0 ? {} : _ref5$RemoveButtonPro,
|
|
215
|
+
_ref5$RemoveAllButton = _ref5.RemoveAllButtonProps,
|
|
216
|
+
RemoveAllButtonProps = _ref5$RemoveAllButton === void 0 ? {} : _ref5$RemoveAllButton,
|
|
217
|
+
_ref5$LeftToolbarProp = _ref5.LeftToolbarProps,
|
|
218
|
+
LeftToolbarProps = _ref5$LeftToolbarProp === void 0 ? {} : _ref5$LeftToolbarProp,
|
|
219
|
+
_ref5$RightToolbarPro = _ref5.RightToolbarProps,
|
|
220
|
+
RightToolbarProps = _ref5$RightToolbarPro === void 0 ? {} : _ref5$RightToolbarPro,
|
|
221
|
+
_ref5$LeftSearchProps = _ref5.LeftSearchProps,
|
|
222
|
+
LeftSearchProps = _ref5$LeftSearchProps === void 0 ? {} : _ref5$LeftSearchProps,
|
|
223
|
+
_ref5$RightSearchProp = _ref5.RightSearchProps,
|
|
224
|
+
RightSearchProps = _ref5$RightSearchProp === void 0 ? {} : _ref5$RightSearchProp,
|
|
225
|
+
_ref5$LeftSortProps = _ref5.LeftSortProps,
|
|
226
|
+
LeftSortProps = _ref5$LeftSortProps === void 0 ? {} : _ref5$LeftSortProps,
|
|
227
|
+
_ref5$RightSortProps = _ref5.RightSortProps,
|
|
228
|
+
RightSortProps = _ref5$RightSortProps === void 0 ? {} : _ref5$RightSortProps,
|
|
229
|
+
_ref5$LeftListProps = _ref5.LeftListProps,
|
|
230
|
+
LeftListProps = _ref5$LeftListProps === void 0 ? {} : _ref5$LeftListProps,
|
|
231
|
+
_ref5$LeftBodyProps = _ref5.LeftBodyProps,
|
|
232
|
+
LeftBodyProps = _ref5$LeftBodyProps === void 0 ? {} : _ref5$LeftBodyProps,
|
|
233
|
+
_ref5$RightListProps = _ref5.RightListProps,
|
|
234
|
+
RightListProps = _ref5$RightListProps === void 0 ? {} : _ref5$RightListProps,
|
|
235
|
+
_ref5$RightBodyProps = _ref5.RightBodyProps,
|
|
236
|
+
RightBodyProps = _ref5$RightBodyProps === void 0 ? {} : _ref5$RightBodyProps;
|
|
260
237
|
var _useStyles3 = useStyles(),
|
|
261
|
-
|
|
262
|
-
|
|
238
|
+
buttonWrapper = _useStyles3.buttonWrapper;
|
|
263
239
|
return /*#__PURE__*/_react["default"].createElement(_react2.FormGroup, (0, _extends2["default"])({
|
|
264
240
|
legendText: (0, _prepareProps.buildLabel)(label || '', isRequired)
|
|
265
241
|
}, FormGroupProps), /*#__PURE__*/_react["default"].createElement(_react2.Grid, (0, _extends2["default"])({
|
|
@@ -338,12 +314,9 @@ var DualListSelectInner = function DualListSelectInner(_ref5) {
|
|
|
338
314
|
noTitle: state.filterValue ? filterValueText : noValueTitle
|
|
339
315
|
}))));
|
|
340
316
|
};
|
|
341
|
-
|
|
342
317
|
var DualListSelect = function DualListSelect(props) {
|
|
343
318
|
return /*#__PURE__*/_react["default"].createElement(_dualListSelect["default"], (0, _extends2["default"])({}, props, {
|
|
344
319
|
DualListSelect: DualListSelectInner
|
|
345
320
|
}));
|
|
346
321
|
};
|
|
347
|
-
|
|
348
|
-
var _default = DualListSelect;
|
|
349
|
-
exports["default"] = _default;
|
|
322
|
+
var _default = exports["default"] = DualListSelect;
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -12,9 +11,7 @@ Object.defineProperty(exports, "default", {
|
|
|
12
11
|
return _dualListSelect["default"];
|
|
13
12
|
}
|
|
14
13
|
});
|
|
15
|
-
|
|
16
14
|
var _dualListSelect = _interopRequireWildcard(require("./dual-list-select"));
|
|
17
|
-
|
|
18
15
|
Object.keys(_dualListSelect).forEach(function (key) {
|
|
19
16
|
if (key === "default" || key === "__esModule") return;
|
|
20
17
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
@@ -26,7 +23,4 @@ Object.keys(_dualListSelect).forEach(function (key) {
|
|
|
26
23
|
}
|
|
27
24
|
});
|
|
28
25
|
});
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
26
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -2,14 +2,11 @@ import _extends from "@babel/runtime/helpers/extends";
|
|
|
2
2
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
3
3
|
import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
|
|
4
4
|
var _excluded = ["input", "meta", "validateOnMount", "helperText", "WrapperProps"],
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
11
|
-
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; }
|
|
12
|
-
|
|
5
|
+
_excluded2 = ["value", "name"],
|
|
6
|
+
_excluded3 = ["label", "isDisabled", "id", "meta", "option", "onChange"],
|
|
7
|
+
_excluded4 = ["options"];
|
|
8
|
+
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; }
|
|
9
|
+
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; }
|
|
13
10
|
import React from 'react';
|
|
14
11
|
import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
|
|
15
12
|
import MultipleChoiceListCommon from '@data-driven-forms/common/multiple-choice-list';
|
|
@@ -17,15 +14,14 @@ import { Checkbox as CarbonCheckbox, FormGroup } from '@carbon/react';
|
|
|
17
14
|
import WithDescription from '../with-description';
|
|
18
15
|
import prepareProps, { buildLabel } from '../prepare-props';
|
|
19
16
|
import HelperTextBlock from '../helper-text-block/helper-text-block';
|
|
20
|
-
|
|
21
17
|
var Wrapper = function Wrapper(_ref) {
|
|
22
18
|
var label = _ref.label,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
19
|
+
description = _ref.description,
|
|
20
|
+
children = _ref.children,
|
|
21
|
+
helperText = _ref.helperText,
|
|
22
|
+
error = _ref.error,
|
|
23
|
+
showError = _ref.showError,
|
|
24
|
+
isRequired = _ref.isRequired;
|
|
29
25
|
return /*#__PURE__*/React.createElement(FormGroup, {
|
|
30
26
|
legendText: description ? /*#__PURE__*/React.createElement(WithDescription, {
|
|
31
27
|
labelText: buildLabel(label, isRequired),
|
|
@@ -36,18 +32,16 @@ var Wrapper = function Wrapper(_ref) {
|
|
|
36
32
|
errorText: showError && error
|
|
37
33
|
}));
|
|
38
34
|
};
|
|
39
|
-
|
|
40
35
|
var SingleCheckbox = function SingleCheckbox(props) {
|
|
41
36
|
var _useFieldApi = useFieldApi(prepareProps(_objectSpread(_objectSpread({}, props), {}, {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
37
|
+
type: 'checkbox'
|
|
38
|
+
}))),
|
|
39
|
+
input = _useFieldApi.input,
|
|
40
|
+
meta = _useFieldApi.meta,
|
|
41
|
+
validateOnMount = _useFieldApi.validateOnMount,
|
|
42
|
+
helperText = _useFieldApi.helperText,
|
|
43
|
+
WrapperProps = _useFieldApi.WrapperProps,
|
|
44
|
+
rest = _objectWithoutProperties(_useFieldApi, _excluded);
|
|
51
45
|
var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
|
|
52
46
|
var warnText = (meta.touched || validateOnMount) && meta.warning;
|
|
53
47
|
return /*#__PURE__*/React.createElement("div", WrapperProps, /*#__PURE__*/React.createElement(CarbonCheckbox, _extends({}, input, {
|
|
@@ -58,19 +52,17 @@ var SingleCheckbox = function SingleCheckbox(props) {
|
|
|
58
52
|
warnText: warnText
|
|
59
53
|
}));
|
|
60
54
|
};
|
|
61
|
-
|
|
62
55
|
var SingleCheckboxInCommon = function SingleCheckboxInCommon(_ref2) {
|
|
63
56
|
var label = _ref2.label,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
57
|
+
isDisabled = _ref2.isDisabled,
|
|
58
|
+
id = _ref2.id,
|
|
59
|
+
meta = _ref2.meta,
|
|
60
|
+
_ref2$option = _ref2.option,
|
|
61
|
+
value = _ref2$option.value,
|
|
62
|
+
name = _ref2$option.name,
|
|
63
|
+
rest = _objectWithoutProperties(_ref2$option, _excluded2),
|
|
64
|
+
_onChange = _ref2.onChange,
|
|
65
|
+
props = _objectWithoutProperties(_ref2, _excluded3);
|
|
74
66
|
return /*#__PURE__*/React.createElement(CarbonCheckbox, _extends({
|
|
75
67
|
id: id,
|
|
76
68
|
labelText: label,
|
|
@@ -81,11 +73,9 @@ var SingleCheckboxInCommon = function SingleCheckboxInCommon(_ref2) {
|
|
|
81
73
|
}
|
|
82
74
|
}));
|
|
83
75
|
};
|
|
84
|
-
|
|
85
76
|
var Checkbox = function Checkbox(_ref3) {
|
|
86
77
|
var options = _ref3.options,
|
|
87
|
-
|
|
88
|
-
|
|
78
|
+
props = _objectWithoutProperties(_ref3, _excluded4);
|
|
89
79
|
return options ? /*#__PURE__*/React.createElement(MultipleChoiceListCommon, _extends({
|
|
90
80
|
options: options
|
|
91
81
|
}, props, {
|
|
@@ -93,5 +83,4 @@ var Checkbox = function Checkbox(_ref3) {
|
|
|
93
83
|
Checkbox: SingleCheckboxInCommon
|
|
94
84
|
})) : /*#__PURE__*/React.createElement(SingleCheckbox, props);
|
|
95
85
|
};
|
|
96
|
-
|
|
97
86
|
export default Checkbox;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/defineProperty";
|
|
2
|
-
|
|
3
2
|
var _mapper;
|
|
4
|
-
|
|
5
3
|
import componentTypes from "@data-driven-forms/react-form-renderer/component-types";
|
|
6
4
|
import Tabs from '../tabs';
|
|
7
5
|
import SubForm from '../sub-form';
|
|
@@ -18,7 +16,7 @@ import Switch from '../switch';
|
|
|
18
16
|
import PlainText from '../plain-text';
|
|
19
17
|
import DualListSelect from '../dual-list-select';
|
|
20
18
|
import Slider from '../slider';
|
|
21
|
-
var mapper = (_mapper = {}, _defineProperty(_mapper, componentTypes.TEXT_FIELD, TextField),
|
|
19
|
+
var mapper = (_mapper = {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_mapper, componentTypes.TEXT_FIELD, TextField), componentTypes.TEXTAREA, Textarea), componentTypes.SELECT, Select), componentTypes.CHECKBOX, Checkbox), componentTypes.SUB_FORM, SubForm), componentTypes.RADIO, Radio), componentTypes.TABS, Tabs), componentTypes.DATE_PICKER, DatePicker), componentTypes.TIME_PICKER, TimePicker), componentTypes.WIZARD, Wizard), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_mapper, componentTypes.SWITCH, Switch), componentTypes.PLAIN_TEXT, PlainText), componentTypes.FIELD_ARRAY, FieldArray), componentTypes.DUAL_LIST_SELECT, DualListSelect), componentTypes.SLIDER, Slider));
|
|
22
20
|
export default mapper;
|
|
23
21
|
export var components = {
|
|
24
22
|
TextField: TextField,
|
|
@@ -6,19 +6,17 @@ import useFieldApi from "@data-driven-forms/react-form-renderer/use-field-api";
|
|
|
6
6
|
import { DatePicker as CarbonDatePicker, DatePickerInput } from '@carbon/react';
|
|
7
7
|
import prepareProps from '../prepare-props';
|
|
8
8
|
import HelperTextBlock from '../helper-text-block/helper-text-block';
|
|
9
|
-
|
|
10
9
|
var DatePicker = function DatePicker(props) {
|
|
11
10
|
var _useFieldApi = useFieldApi(prepareProps(props)),
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
11
|
+
input = _useFieldApi.input,
|
|
12
|
+
_useFieldApi$datePick = _useFieldApi.datePickerType,
|
|
13
|
+
datePickerType = _useFieldApi$datePick === void 0 ? 'single' : _useFieldApi$datePick,
|
|
14
|
+
meta = _useFieldApi.meta,
|
|
15
|
+
DatePickerProps = _useFieldApi.DatePickerProps,
|
|
16
|
+
validateOnMount = _useFieldApi.validateOnMount,
|
|
17
|
+
helperText = _useFieldApi.helperText,
|
|
18
|
+
WrapperProps = _useFieldApi.WrapperProps,
|
|
19
|
+
rest = _objectWithoutProperties(_useFieldApi, _excluded);
|
|
22
20
|
var invalid = (meta.touched || validateOnMount) && (meta.error || meta.submitError);
|
|
23
21
|
var warnText = (meta.touched || validateOnMount) && meta.warning;
|
|
24
22
|
return /*#__PURE__*/React.createElement("div", WrapperProps, /*#__PURE__*/React.createElement(CarbonDatePicker, _extends({}, input, {
|
|
@@ -32,5 +30,4 @@ var DatePicker = function DatePicker(props) {
|
|
|
32
30
|
warnText: warnText
|
|
33
31
|
}));
|
|
34
32
|
};
|
|
35
|
-
|
|
36
33
|
export default DatePicker;
|