carbon-react 8.1.5 → 8.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/lib/__experimental__/components/input/input-presentation.component.js +35 -29
- package/lib/__experimental__/components/input/input.component.js +36 -28
- package/lib/__experimental__/components/input-decorator-bridge/input-decorator-bridge.component.js +45 -35
- package/lib/__experimental__/components/select/index.js +4 -4
- package/lib/__experimental__/components/select/option.component.js +6 -4
- package/lib/__experimental__/components/select/select-list.component.js +39 -35
- package/lib/__experimental__/components/select/select.component.js +45 -39
- package/lib/__experimental__/components/select-async/index.js +4 -4
- package/lib/__experimental__/components/select-async/select-async.component.js +53 -37
- package/lib/__experimental__/components/textbox/textbox.component.js +6 -4
- package/lib/__spec_helper__/index.js +1 -1
- package/lib/components/action-toolbar/action-toolbar.js +43 -37
- package/lib/components/alert/alert.js +35 -29
- package/lib/components/alert/alert.stories.js +4 -4
- package/lib/components/animated-menu-button/animated-menu-button.js +36 -32
- package/lib/components/animated-menu-button/animated-menu-button.stories.js +16 -24
- package/lib/components/app-wrapper/app-wrapper.js +29 -25
- package/lib/components/app-wrapper/app-wrapper.stories.js +1 -1
- package/lib/components/button/button.js +30 -26
- package/lib/components/button/button.stories.js +1 -1
- package/lib/components/button-toggle/button-toggle.js +52 -46
- package/lib/components/button-toggle/button-toggle.stories.js +23 -15
- package/lib/components/button-toggle-group/button-toggle-group.js +54 -48
- package/lib/components/button-toggle-group/button-toggle-group.stories.js +4 -4
- package/lib/components/carousel/carousel.js +48 -42
- package/lib/components/carousel/slide/slide.js +4 -4
- package/lib/components/checkbox/checkbox.js +68 -72
- package/lib/components/configurable-items/configurable-item-row/configurable-item-row.js +37 -33
- package/lib/components/configurable-items/configurable-items.js +38 -34
- package/lib/components/confirm/confirm.js +60 -54
- package/lib/components/content/content.js +31 -25
- package/lib/components/create/create.js +32 -24
- package/lib/components/date/date.js +187 -181
- package/lib/components/date/navbar/navbar.js +5 -5
- package/lib/components/date-range/date-range.js +97 -93
- package/lib/components/decimal/decimal.js +62 -56
- package/lib/components/detail/detail.js +51 -47
- package/lib/components/dialog/dialog.js +80 -72
- package/lib/components/dialog-full-screen/dialog-full-screen.js +53 -47
- package/lib/components/dialog-full-screen/full-screen-heading/full-screen-heading.js +9 -7
- package/lib/components/drag-and-drop/custom-drag-layer/custom-drag-layer.js +28 -24
- package/lib/components/drag-and-drop/drag-and-drop.js +6 -6
- package/lib/components/drag-and-drop/draggable-context/draggable-context.js +40 -37
- package/lib/components/drag-and-drop/with-drag/with-drag.js +26 -22
- package/lib/components/drag-and-drop/with-drop/with-drop.js +26 -20
- package/lib/components/dropdown/dropdown.js +146 -143
- package/lib/components/dropdown-filter/dropdown-filter.js +94 -88
- package/lib/components/dropdown-filter-ajax/dropdown-filter-ajax.js +54 -50
- package/lib/components/fieldset/fieldset.js +50 -42
- package/lib/components/filter/filter.js +43 -46
- package/lib/components/flash/flash.js +72 -64
- package/lib/components/form/cancel-button/cancel-button.js +11 -11
- package/lib/components/form/form-summary/form-summary.js +7 -7
- package/lib/components/form/form.js +68 -69
- package/lib/components/form/save-button/save-button.js +11 -11
- package/lib/components/grouped-character/grouped-character.js +49 -43
- package/lib/components/heading/heading.js +65 -59
- package/lib/components/help/help.js +46 -40
- package/lib/components/i18n/i18n.js +30 -22
- package/lib/components/icon/icon.js +55 -51
- package/lib/components/inline-inputs/inline-inputs.js +6 -6
- package/lib/components/link/link.js +45 -37
- package/lib/components/menu/menu-item/menu-item.js +55 -49
- package/lib/components/menu/menu.js +47 -41
- package/lib/components/menu/submenu-block/submenu-block.js +43 -37
- package/lib/components/menu-list/menu-list-item/menu-list-item.js +29 -25
- package/lib/components/menu-list/menu-list.js +49 -43
- package/lib/components/message/message.js +47 -41
- package/lib/components/modal/modal.js +77 -71
- package/lib/components/mount-in-app/mount-in-app.js +32 -26
- package/lib/components/multi-action-button/multi-action-button.js +52 -46
- package/lib/components/multi-step-wizard/multi-step-wizard.js +60 -54
- package/lib/components/multi-step-wizard/step/step.js +68 -69
- package/lib/components/navigation-bar/navigation-bar.js +44 -38
- package/lib/components/number/number.js +58 -52
- package/lib/components/pager/pager.js +75 -71
- package/lib/components/pages/page/page.js +6 -6
- package/lib/components/pages/pages.js +4 -4
- package/lib/components/pill/pill.js +33 -27
- package/lib/components/pod/pod.js +84 -80
- package/lib/components/portal/portal.js +34 -26
- package/lib/components/portrait/portrait.js +52 -48
- package/lib/components/preview/preview.js +4 -4
- package/lib/components/profile/profile.js +51 -45
- package/lib/components/radio-button/radio-button.js +51 -45
- package/lib/components/rainbow/rainbow.js +44 -38
- package/lib/components/row/column/column.js +1 -1
- package/lib/components/row/row.js +47 -41
- package/lib/components/scrollable-list/as-scrollable-list-item.wrapper.js +8 -8
- package/lib/components/scrollable-list/scrollable-list-item.component.js +27 -35
- package/lib/components/scrollable-list/scrollable-list.component.js +53 -37
- package/lib/components/scrollable-list/scrollable-list.style.js +5 -13
- package/lib/components/scrollable-list/test-utils.js +38 -28
- package/lib/components/settings-row/settings-row.js +49 -43
- package/lib/components/show-edit-pod/show-edit-pod.js +67 -63
- package/lib/components/sidebar/sidebar-header/sidebar-header.js +43 -37
- package/lib/components/sidebar/sidebar.js +54 -48
- package/lib/components/simple-color-picker/color-option/color-option.js +47 -41
- package/lib/components/simple-color-picker/simple-color-picker.js +53 -47
- package/lib/components/spinner/spinner.js +43 -37
- package/lib/components/split-button/split-button.js +69 -69
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.js +15 -13
- package/lib/components/step-sequence/step-sequence.js +4 -4
- package/lib/components/switch/switch.js +23 -21
- package/lib/components/table/draggable-table-cell/draggable-table-cell.js +4 -4
- package/lib/components/table/table-cell/table-cell.js +45 -39
- package/lib/components/table/table-header/table-header.js +107 -110
- package/lib/components/table/table-row/table-row.js +62 -58
- package/lib/components/table/table-subheader/table-subheader.js +32 -26
- package/lib/components/table/table.js +166 -169
- package/lib/components/table-ajax/table-ajax.js +67 -70
- package/lib/components/tabs/tab/tab.js +48 -44
- package/lib/components/tabs/tabs.js +73 -67
- package/lib/components/textarea/textarea.js +52 -49
- package/lib/components/textbox/textbox.js +49 -43
- package/lib/components/toast/toast.js +56 -50
- package/lib/components/tooltip/tooltip.js +47 -41
- package/lib/patterns/configurable-items/configurable-items-content/configurable-items-content.js +35 -29
- package/lib/patterns/configurable-items/configurable-items.js +55 -51
- package/lib/patterns/configurable-items/store/store.js +35 -27
- package/lib/style/index.js +1 -1
- package/lib/style/palette/index.js +4 -2
- package/lib/style/themes/base/index.js +7 -7
- package/lib/style/themes/test-utils.js +19 -21
- package/lib/style/utils/add-hex-symbols.js +4 -2
- package/lib/style/utils/at-opacity.js +10 -8
- package/lib/style/utils/merge-deep.js +15 -15
- package/lib/style/utils/mix.js +32 -20
- package/lib/utils/decorators/input/input.js +46 -42
- package/lib/utils/decorators/input-icon/input-icon.js +37 -33
- package/lib/utils/decorators/input-label/input-label.js +37 -31
- package/lib/utils/decorators/input-validation/input-validation.js +40 -36
- package/lib/utils/decorators/should-component-update/should-component-update.js +29 -23
- package/lib/utils/decorators/tooltip-decorator/tooltip-decorator.js +38 -34
- package/lib/utils/ether/ether.js +16 -14
- package/lib/utils/filter-children/filter-children.util.js +10 -8
- package/lib/utils/handlers/base-registry/base-registry.js +12 -13
- package/lib/utils/helpers/browser/browser.js +15 -13
- package/lib/utils/helpers/date/date.js +4 -2
- package/lib/utils/helpers/element-resize/element-resize.js +6 -4
- package/lib/utils/helpers/events/events.js +2 -2
- package/lib/utils/helpers/guid/guid.js +6 -6
- package/lib/utils/helpers/i18n/i18n.js +11 -9
- package/lib/utils/helpers/immutable/immutable.js +13 -13
- package/lib/utils/helpers/prop-types/prop-types.js +2 -2
- package/lib/utils/helpers/scrollable-parent/scrollable-parent.js +2 -0
- package/lib/utils/helpers/serialize/serialize.js +12 -12
- package/lib/utils/helpers/tags/tags-specs/tags-specs.js +6 -4
- package/lib/utils/helpers/to-array/to-array.js +8 -6
- package/lib/utils/router/router.js +2 -2
- package/lib/utils/service/service.js +34 -34
- package/lib/utils/validations/blank/blank.js +6 -2
- package/lib/utils/validations/date/date.js +6 -2
- package/lib/utils/validations/date-range/date-range.js +6 -2
- package/lib/utils/validations/date-within-range/date-within-range.js +6 -2
- package/lib/utils/validations/email/email.js +6 -2
- package/lib/utils/validations/exclusion/exclusion.js +6 -2
- package/lib/utils/validations/inclusion/inclusion.js +6 -2
- package/lib/utils/validations/length/length.js +6 -2
- package/lib/utils/validations/numeral/numeral-type/numeral-type.js +8 -2
- package/lib/utils/validations/numeral/numeral.js +6 -2
- package/lib/utils/validations/presence/presence.js +12 -4
- package/lib/utils/validations/regex/regex.js +8 -2
- package/lib/utils/validations/validator/validator.js +14 -14
- package/package.json +13 -13
|
@@ -1,30 +1,34 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
|
-
require("core-js/modules/es.
|
|
5
|
+
require("core-js/modules/es.object.get-prototype-of.js");
|
|
6
6
|
|
|
7
|
-
require("core-js/modules/es.
|
|
7
|
+
require("core-js/modules/es.object.to-string.js");
|
|
8
8
|
|
|
9
|
-
require("core-js/modules/es.
|
|
9
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
10
10
|
|
|
11
|
-
require("core-js/modules/es.
|
|
11
|
+
require("core-js/modules/es.object.assign.js");
|
|
12
12
|
|
|
13
|
-
require("core-js/modules/es.
|
|
13
|
+
require("core-js/modules/es.symbol.js");
|
|
14
14
|
|
|
15
|
-
require("core-js/modules/es.
|
|
15
|
+
require("core-js/modules/es.symbol.description.js");
|
|
16
16
|
|
|
17
|
-
require("core-js/modules/es.
|
|
17
|
+
require("core-js/modules/es.symbol.iterator.js");
|
|
18
18
|
|
|
19
|
-
require("core-js/modules/es.
|
|
19
|
+
require("core-js/modules/es.array.iterator.js");
|
|
20
20
|
|
|
21
|
-
require("core-js/modules/
|
|
21
|
+
require("core-js/modules/es.string.iterator.js");
|
|
22
|
+
|
|
23
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
22
24
|
|
|
23
25
|
Object.defineProperty(exports, "__esModule", {
|
|
24
26
|
value: true
|
|
25
27
|
});
|
|
26
28
|
exports.default = void 0;
|
|
27
29
|
|
|
30
|
+
require("core-js/modules/es.array.concat.js");
|
|
31
|
+
|
|
28
32
|
var _react = _interopRequireDefault(require("react"));
|
|
29
33
|
|
|
30
34
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -47,36 +51,36 @@ require("./date-range.scss");
|
|
|
47
51
|
|
|
48
52
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
49
53
|
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
54
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
53
55
|
|
|
54
56
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
55
57
|
|
|
56
58
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
57
59
|
|
|
58
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
60
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
61
|
+
|
|
62
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
63
|
+
|
|
64
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
59
65
|
|
|
60
|
-
function
|
|
66
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
61
67
|
|
|
62
|
-
function
|
|
68
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
63
69
|
|
|
64
70
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
65
71
|
|
|
66
|
-
function
|
|
72
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
67
73
|
|
|
68
|
-
function
|
|
74
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
69
75
|
|
|
70
76
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
71
77
|
|
|
72
|
-
var DateRange =
|
|
73
|
-
/*#__PURE__*/
|
|
74
|
-
function (_React$Component) {
|
|
78
|
+
var DateRange = /*#__PURE__*/function (_React$Component) {
|
|
75
79
|
_inherits(DateRange, _React$Component);
|
|
76
80
|
|
|
77
|
-
|
|
78
|
-
var _getPrototypeOf2;
|
|
81
|
+
var _super = _createSuper(DateRange);
|
|
79
82
|
|
|
83
|
+
function DateRange() {
|
|
80
84
|
var _this;
|
|
81
85
|
|
|
82
86
|
_classCallCheck(this, DateRange);
|
|
@@ -85,7 +89,7 @@ function (_React$Component) {
|
|
|
85
89
|
args[_key] = arguments[_key];
|
|
86
90
|
}
|
|
87
91
|
|
|
88
|
-
_this =
|
|
92
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
89
93
|
|
|
90
94
|
_defineProperty(_assertThisInitialized(_this), "_onChange", function (changedDate, ev) {
|
|
91
95
|
var newValue = ev.target.value;
|
|
@@ -128,82 +132,15 @@ function (_React$Component) {
|
|
|
128
132
|
}
|
|
129
133
|
|
|
130
134
|
_createClass(DateRange, [{
|
|
131
|
-
key: "startDateProps",
|
|
132
|
-
|
|
133
|
-
/**
|
|
134
|
-
* The startDate props
|
|
135
|
-
*
|
|
136
|
-
* @method startDateProps
|
|
137
|
-
* @return {Object} the props that are applied to the child start Date component
|
|
138
|
-
*/
|
|
139
|
-
value: function startDateProps() {
|
|
140
|
-
return this.dateProps('start', [new _dateRange.default({
|
|
141
|
-
endDate: this.endDate,
|
|
142
|
-
messageText: this.startMessage
|
|
143
|
-
})]);
|
|
144
|
-
}
|
|
145
|
-
/**
|
|
146
|
-
* The endDate props
|
|
147
|
-
*
|
|
148
|
-
* @method endDateProps
|
|
149
|
-
* @return {Object} the props that are applied to the child end Date component
|
|
150
|
-
*/
|
|
151
|
-
|
|
152
|
-
}, {
|
|
153
|
-
key: "endDateProps",
|
|
154
|
-
value: function endDateProps() {
|
|
155
|
-
return this.dateProps('end', [new _dateRange.default({
|
|
156
|
-
startDate: this.startDate,
|
|
157
|
-
messageText: this.endMessage
|
|
158
|
-
})]);
|
|
159
|
-
}
|
|
160
|
-
/**
|
|
161
|
-
* The startDate/endDate props
|
|
162
|
-
*
|
|
163
|
-
* @method dateProps
|
|
164
|
-
* @return {Object} the props that are applied to the child Date components
|
|
165
|
-
*/
|
|
166
|
-
|
|
167
|
-
}, {
|
|
168
|
-
key: "dateProps",
|
|
169
|
-
value: function dateProps(propsKey, defaultValidations) {
|
|
170
|
-
var _this2 = this;
|
|
171
|
-
|
|
172
|
-
var dateProps = this.props["".concat(propsKey, "DateProps")] || {};
|
|
173
|
-
var props = (0, _lodash.assign)({}, {
|
|
174
|
-
label: this.props["".concat(propsKey, "Label")],
|
|
175
|
-
labelInline: this.props.labelsInline,
|
|
176
|
-
onChange: this._onChange.bind(null, "".concat(propsKey, "Date")),
|
|
177
|
-
ref: function ref(c) {
|
|
178
|
-
_this2["_".concat(propsKey, "Date")] = c;
|
|
179
|
-
},
|
|
180
|
-
value: this["".concat(propsKey, "Date")]
|
|
181
|
-
}, dateProps);
|
|
182
|
-
props.className = (0, _classnames.default)('carbon-date-range', "carbon-date-range__".concat(propsKey), dateProps.className);
|
|
183
|
-
props.validations = defaultValidations.concat(dateProps.validations || []);
|
|
184
|
-
return props;
|
|
185
|
-
}
|
|
186
|
-
}, {
|
|
187
|
-
key: "render",
|
|
188
|
-
value: function render() {
|
|
189
|
-
return _react.default.createElement("div", (0, _tags.default)('date-range', this.props), _react.default.createElement(_date.default, _extends({}, this.startDateProps(), {
|
|
190
|
-
onFocus: this.focusStart,
|
|
191
|
-
"data-element": "start-date"
|
|
192
|
-
})), _react.default.createElement(_date.default, _extends({}, this.endDateProps(), {
|
|
193
|
-
onFocus: this.focusEnd,
|
|
194
|
-
"data-element": "end-date"
|
|
195
|
-
})));
|
|
196
|
-
}
|
|
197
|
-
}, {
|
|
198
135
|
key: "startDate",
|
|
199
|
-
|
|
136
|
+
get:
|
|
200
137
|
/**
|
|
201
138
|
* The startDate value
|
|
202
139
|
*
|
|
203
140
|
* @method startDate
|
|
204
141
|
* @return {String} the value of the start date
|
|
205
142
|
*/
|
|
206
|
-
|
|
143
|
+
function get() {
|
|
207
144
|
if (this.props.startDateProps && this.props.startDateProps.value) {
|
|
208
145
|
return this.props.startDateProps.value;
|
|
209
146
|
}
|
|
@@ -261,6 +198,73 @@ function (_React$Component) {
|
|
|
261
198
|
* @return {Void}
|
|
262
199
|
*/
|
|
263
200
|
|
|
201
|
+
}, {
|
|
202
|
+
key: "startDateProps",
|
|
203
|
+
value:
|
|
204
|
+
/**
|
|
205
|
+
* The startDate props
|
|
206
|
+
*
|
|
207
|
+
* @method startDateProps
|
|
208
|
+
* @return {Object} the props that are applied to the child start Date component
|
|
209
|
+
*/
|
|
210
|
+
function startDateProps() {
|
|
211
|
+
return this.dateProps('start', [new _dateRange.default({
|
|
212
|
+
endDate: this.endDate,
|
|
213
|
+
messageText: this.startMessage
|
|
214
|
+
})]);
|
|
215
|
+
}
|
|
216
|
+
/**
|
|
217
|
+
* The endDate props
|
|
218
|
+
*
|
|
219
|
+
* @method endDateProps
|
|
220
|
+
* @return {Object} the props that are applied to the child end Date component
|
|
221
|
+
*/
|
|
222
|
+
|
|
223
|
+
}, {
|
|
224
|
+
key: "endDateProps",
|
|
225
|
+
value: function endDateProps() {
|
|
226
|
+
return this.dateProps('end', [new _dateRange.default({
|
|
227
|
+
startDate: this.startDate,
|
|
228
|
+
messageText: this.endMessage
|
|
229
|
+
})]);
|
|
230
|
+
}
|
|
231
|
+
/**
|
|
232
|
+
* The startDate/endDate props
|
|
233
|
+
*
|
|
234
|
+
* @method dateProps
|
|
235
|
+
* @return {Object} the props that are applied to the child Date components
|
|
236
|
+
*/
|
|
237
|
+
|
|
238
|
+
}, {
|
|
239
|
+
key: "dateProps",
|
|
240
|
+
value: function dateProps(propsKey, defaultValidations) {
|
|
241
|
+
var _this2 = this;
|
|
242
|
+
|
|
243
|
+
var dateProps = this.props["".concat(propsKey, "DateProps")] || {};
|
|
244
|
+
var props = (0, _lodash.assign)({}, {
|
|
245
|
+
label: this.props["".concat(propsKey, "Label")],
|
|
246
|
+
labelInline: this.props.labelsInline,
|
|
247
|
+
onChange: this._onChange.bind(null, "".concat(propsKey, "Date")),
|
|
248
|
+
ref: function ref(c) {
|
|
249
|
+
_this2["_".concat(propsKey, "Date")] = c;
|
|
250
|
+
},
|
|
251
|
+
value: this["".concat(propsKey, "Date")]
|
|
252
|
+
}, dateProps);
|
|
253
|
+
props.className = (0, _classnames.default)('carbon-date-range', "carbon-date-range__".concat(propsKey), dateProps.className);
|
|
254
|
+
props.validations = defaultValidations.concat(dateProps.validations || []);
|
|
255
|
+
return props;
|
|
256
|
+
}
|
|
257
|
+
}, {
|
|
258
|
+
key: "render",
|
|
259
|
+
value: function render() {
|
|
260
|
+
return /*#__PURE__*/_react.default.createElement("div", (0, _tags.default)('date-range', this.props), /*#__PURE__*/_react.default.createElement(_date.default, _extends({}, this.startDateProps(), {
|
|
261
|
+
onFocus: this.focusStart,
|
|
262
|
+
"data-element": "start-date"
|
|
263
|
+
})), /*#__PURE__*/_react.default.createElement(_date.default, _extends({}, this.endDateProps(), {
|
|
264
|
+
onFocus: this.focusEnd,
|
|
265
|
+
"data-element": "end-date"
|
|
266
|
+
})));
|
|
267
|
+
}
|
|
264
268
|
}]);
|
|
265
269
|
|
|
266
270
|
return DateRange;
|
|
@@ -1,36 +1,42 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
4
|
|
|
5
|
-
require("core-js/modules/es.
|
|
5
|
+
require("core-js/modules/es.object.get-prototype-of.js");
|
|
6
6
|
|
|
7
|
-
require("core-js/modules/es.
|
|
7
|
+
require("core-js/modules/es.object.to-string.js");
|
|
8
8
|
|
|
9
|
-
require("core-js/modules/es.
|
|
9
|
+
require("core-js/modules/es.reflect.construct.js");
|
|
10
10
|
|
|
11
|
-
require("core-js/modules/es.
|
|
11
|
+
require("core-js/modules/es.symbol.js");
|
|
12
12
|
|
|
13
|
-
require("core-js/modules/es.
|
|
13
|
+
require("core-js/modules/es.symbol.description.js");
|
|
14
14
|
|
|
15
|
-
require("core-js/modules/es.
|
|
15
|
+
require("core-js/modules/es.symbol.iterator.js");
|
|
16
16
|
|
|
17
|
-
require("core-js/modules/es.
|
|
17
|
+
require("core-js/modules/es.array.iterator.js");
|
|
18
18
|
|
|
19
|
-
require("core-js/modules/es.
|
|
19
|
+
require("core-js/modules/es.string.iterator.js");
|
|
20
20
|
|
|
21
|
-
require("core-js/modules/
|
|
22
|
-
|
|
23
|
-
require("core-js/modules/es.regexp.to-string");
|
|
24
|
-
|
|
25
|
-
require("core-js/modules/es.string.iterator");
|
|
26
|
-
|
|
27
|
-
require("core-js/modules/web.dom-collections.iterator");
|
|
21
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
28
22
|
|
|
29
23
|
Object.defineProperty(exports, "__esModule", {
|
|
30
24
|
value: true
|
|
31
25
|
});
|
|
32
26
|
exports.default = void 0;
|
|
33
27
|
|
|
28
|
+
require("core-js/modules/es.array.concat.js");
|
|
29
|
+
|
|
30
|
+
require("core-js/modules/es.regexp.constructor.js");
|
|
31
|
+
|
|
32
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
33
|
+
|
|
34
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
35
|
+
|
|
36
|
+
require("core-js/modules/es.object.assign.js");
|
|
37
|
+
|
|
38
|
+
require("core-js/modules/es.function.name.js");
|
|
39
|
+
|
|
34
40
|
var _react = _interopRequireDefault(require("react"));
|
|
35
41
|
|
|
36
42
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -49,29 +55,31 @@ var _tags = _interopRequireDefault(require("../../utils/helpers/tags"));
|
|
|
49
55
|
|
|
50
56
|
var _logger = _interopRequireDefault(require("../../utils/logger"));
|
|
51
57
|
|
|
52
|
-
var _class
|
|
58
|
+
var _class;
|
|
53
59
|
|
|
54
60
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
55
61
|
|
|
56
|
-
function
|
|
57
|
-
|
|
58
|
-
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
62
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
59
63
|
|
|
60
64
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
61
65
|
|
|
62
66
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
|
63
67
|
|
|
64
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
68
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
69
|
+
|
|
70
|
+
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
|
|
65
71
|
|
|
66
|
-
function
|
|
72
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
67
73
|
|
|
68
|
-
function
|
|
74
|
+
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
|
|
75
|
+
|
|
76
|
+
function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
|
|
69
77
|
|
|
70
78
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
71
79
|
|
|
72
|
-
function
|
|
80
|
+
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
73
81
|
|
|
74
|
-
function
|
|
82
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
75
83
|
|
|
76
84
|
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
77
85
|
|
|
@@ -92,14 +100,12 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
92
100
|
* @constructor
|
|
93
101
|
* @decorators {Input,InputLabel,InputValidation}
|
|
94
102
|
*/
|
|
95
|
-
var Decimal = (0, _input.default)((0, _inputLabel.default)((0, _inputValidation.default)((
|
|
96
|
-
/*#__PURE__*/
|
|
97
|
-
function (_React$Component) {
|
|
103
|
+
var Decimal = (0, _input.default)((0, _inputLabel.default)((0, _inputValidation.default)((_class = /*#__PURE__*/function (_React$Component) {
|
|
98
104
|
_inherits(Decimal, _React$Component);
|
|
99
105
|
|
|
100
|
-
|
|
101
|
-
var _getPrototypeOf2;
|
|
106
|
+
var _super = _createSuper(Decimal);
|
|
102
107
|
|
|
108
|
+
function Decimal() {
|
|
103
109
|
var _this;
|
|
104
110
|
|
|
105
111
|
_classCallCheck(this, Decimal);
|
|
@@ -108,7 +114,7 @@ function (_React$Component) {
|
|
|
108
114
|
args[_key] = arguments[_key];
|
|
109
115
|
}
|
|
110
116
|
|
|
111
|
-
_this =
|
|
117
|
+
_this = _super.call.apply(_super, [this].concat(args));
|
|
112
118
|
|
|
113
119
|
_defineProperty(_assertThisInitialized(_this), "_document", document);
|
|
114
120
|
|
|
@@ -229,7 +235,7 @@ function (_React$Component) {
|
|
|
229
235
|
|
|
230
236
|
_createClass(Decimal, [{
|
|
231
237
|
key: "componentWillReceiveProps",
|
|
232
|
-
|
|
238
|
+
value:
|
|
233
239
|
/**
|
|
234
240
|
* A lifecycle method to update the visible value with a formatted version,
|
|
235
241
|
* only when the field is not the active element.
|
|
@@ -238,7 +244,7 @@ function (_React$Component) {
|
|
|
238
244
|
* @param {Object} newProps The new props passed down to the component
|
|
239
245
|
* @return {void}
|
|
240
246
|
*/
|
|
241
|
-
|
|
247
|
+
function componentWillReceiveProps(newProps) {
|
|
242
248
|
if (this._document.activeElement !== this._input) {
|
|
243
249
|
var value = newProps.value || 0.00;
|
|
244
250
|
|
|
@@ -259,36 +265,16 @@ function (_React$Component) {
|
|
|
259
265
|
* @return {void}
|
|
260
266
|
*/
|
|
261
267
|
|
|
262
|
-
}, {
|
|
263
|
-
key: "render",
|
|
264
|
-
|
|
265
|
-
/**
|
|
266
|
-
* Renders the component.
|
|
267
|
-
*
|
|
268
|
-
* @method render
|
|
269
|
-
* @return {Object} JSX
|
|
270
|
-
*/
|
|
271
|
-
value: function render() {
|
|
272
|
-
var _this2 = this;
|
|
273
|
-
|
|
274
|
-
return _react.default.createElement("div", _extends({
|
|
275
|
-
className: this.mainClasses
|
|
276
|
-
}, (0, _tags.default)('decimal', this.props)), this.labelHTML, this.inputHTML, _react.default.createElement("input", _extends({
|
|
277
|
-
ref: function ref(h) {
|
|
278
|
-
_this2._hiddenInput = h;
|
|
279
|
-
}
|
|
280
|
-
}, this.hiddenInputProps)), this.validationHTML, this.fieldHelpHTML);
|
|
281
|
-
}
|
|
282
268
|
}, {
|
|
283
269
|
key: "value",
|
|
284
|
-
|
|
270
|
+
get:
|
|
285
271
|
/**
|
|
286
272
|
* Returns the current value or default value.
|
|
287
273
|
*
|
|
288
274
|
* @method value
|
|
289
275
|
* @return {String}
|
|
290
276
|
*/
|
|
291
|
-
|
|
277
|
+
function get() {
|
|
292
278
|
return this.props.value || getDefaultValue(this);
|
|
293
279
|
}
|
|
294
280
|
/**
|
|
@@ -356,6 +342,26 @@ function (_React$Component) {
|
|
|
356
342
|
get: function get() {
|
|
357
343
|
return 'carbon-decimal__input';
|
|
358
344
|
}
|
|
345
|
+
/**
|
|
346
|
+
* Renders the component.
|
|
347
|
+
*
|
|
348
|
+
* @method render
|
|
349
|
+
* @return {Object} JSX
|
|
350
|
+
*/
|
|
351
|
+
|
|
352
|
+
}, {
|
|
353
|
+
key: "render",
|
|
354
|
+
value: function render() {
|
|
355
|
+
var _this2 = this;
|
|
356
|
+
|
|
357
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
358
|
+
className: this.mainClasses
|
|
359
|
+
}, (0, _tags.default)('decimal', this.props)), this.labelHTML, this.inputHTML, /*#__PURE__*/_react.default.createElement("input", _extends({
|
|
360
|
+
ref: function ref(h) {
|
|
361
|
+
_this2._hiddenInput = h;
|
|
362
|
+
}
|
|
363
|
+
}, this.hiddenInputProps)), this.validationHTML, this.fieldHelpHTML);
|
|
364
|
+
}
|
|
359
365
|
}]);
|
|
360
366
|
|
|
361
367
|
return Decimal;
|
|
@@ -418,7 +424,7 @@ function (_React$Component) {
|
|
|
418
424
|
}), _defineProperty(_class, "defaultProps", {
|
|
419
425
|
align: 'right',
|
|
420
426
|
precision: 2
|
|
421
|
-
}),
|
|
427
|
+
}), _class)))); // Private Methods
|
|
422
428
|
|
|
423
429
|
/**
|
|
424
430
|
* Returns defaultValue for specified scope,
|