carbon-react 8.1.3 → 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/change_log/v8_1_4/position_date_picker.yml +1 -0
- package/change_log/v8_1_5/fix_path.yml +1 -0
- 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 +216 -194
- 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/options-helper/options-helper.js +2 -1
- 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
- package/release_notes/v8_1_4.html.md +5 -0
- package/release_notes/v8_1_5.html.md +5 -0
|
@@ -1,22 +1,26 @@
|
|
|
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.object.assign");
|
|
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/
|
|
19
|
+
require("core-js/modules/es.array.iterator.js");
|
|
20
|
+
|
|
21
|
+
require("core-js/modules/es.string.iterator.js");
|
|
22
|
+
|
|
23
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
20
24
|
|
|
21
25
|
Object.defineProperty(exports, "__esModule", {
|
|
22
26
|
value: true
|
|
@@ -37,25 +41,27 @@ require("./message.scss");
|
|
|
37
41
|
|
|
38
42
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39
43
|
|
|
40
|
-
function
|
|
41
|
-
|
|
42
|
-
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); }
|
|
44
|
+
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); }
|
|
43
45
|
|
|
44
46
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
45
47
|
|
|
46
48
|
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); } }
|
|
47
49
|
|
|
48
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
50
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
49
51
|
|
|
50
|
-
function
|
|
52
|
+
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); }
|
|
51
53
|
|
|
52
|
-
function
|
|
54
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
53
55
|
|
|
54
|
-
function
|
|
56
|
+
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); }; }
|
|
57
|
+
|
|
58
|
+
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); }
|
|
59
|
+
|
|
60
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
55
61
|
|
|
56
|
-
function
|
|
62
|
+
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; } }
|
|
57
63
|
|
|
58
|
-
function
|
|
64
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
59
65
|
|
|
60
66
|
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; }
|
|
61
67
|
|
|
@@ -82,25 +88,26 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
82
88
|
* @class Message
|
|
83
89
|
* @constructor
|
|
84
90
|
*/
|
|
85
|
-
var Message =
|
|
86
|
-
/*#__PURE__*/
|
|
87
|
-
function (_React$Component) {
|
|
91
|
+
var Message = /*#__PURE__*/function (_React$Component) {
|
|
88
92
|
_inherits(Message, _React$Component);
|
|
89
93
|
|
|
94
|
+
var _super = _createSuper(Message);
|
|
95
|
+
|
|
90
96
|
function Message() {
|
|
91
97
|
_classCallCheck(this, Message);
|
|
92
98
|
|
|
93
|
-
return
|
|
99
|
+
return _super.apply(this, arguments);
|
|
94
100
|
}
|
|
95
101
|
|
|
96
102
|
_createClass(Message, [{
|
|
97
|
-
key: "render",
|
|
98
|
-
value: function render() {
|
|
99
|
-
return this.messageContent;
|
|
100
|
-
}
|
|
101
|
-
}, {
|
|
102
103
|
key: "componentClasses",
|
|
103
|
-
get:
|
|
104
|
+
get:
|
|
105
|
+
/**
|
|
106
|
+
* Classes to be applied to the component.
|
|
107
|
+
*
|
|
108
|
+
* @method componentClasses
|
|
109
|
+
*/
|
|
110
|
+
function get() {
|
|
104
111
|
return (0, _classnames.default)('carbon-message', this.props.className, "carbon-message--".concat(this.props.as), {
|
|
105
112
|
'carbon-message--rounded': this.props.roundedCorners,
|
|
106
113
|
'carbon-message--border': this.props.border,
|
|
@@ -120,7 +127,7 @@ function (_React$Component) {
|
|
|
120
127
|
var onDismiss = this.props.onDismiss;
|
|
121
128
|
|
|
122
129
|
if (onDismiss) {
|
|
123
|
-
return _react.default.createElement(_icon.default, {
|
|
130
|
+
return /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
124
131
|
className: "carbon-message__close",
|
|
125
132
|
"data-element": "dismiss",
|
|
126
133
|
onClick: onDismiss,
|
|
@@ -142,7 +149,7 @@ function (_React$Component) {
|
|
|
142
149
|
var title = this.props.title;
|
|
143
150
|
|
|
144
151
|
if (title) {
|
|
145
|
-
return _react.default.createElement("div", {
|
|
152
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
146
153
|
className: "carbon-message__title",
|
|
147
154
|
"data-element": "title"
|
|
148
155
|
}, title);
|
|
@@ -175,22 +182,27 @@ function (_React$Component) {
|
|
|
175
182
|
var open = this.props.open;
|
|
176
183
|
|
|
177
184
|
if (open) {
|
|
178
|
-
return _react.default.createElement("div", _extends({
|
|
185
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
179
186
|
className: this.componentClasses
|
|
180
|
-
}, (0, _tags.default)('message', this.props)), _react.default.createElement("div", {
|
|
187
|
+
}, (0, _tags.default)('message', this.props)), /*#__PURE__*/_react.default.createElement("div", {
|
|
181
188
|
className: this.typeClasses
|
|
182
|
-
}, _react.default.createElement(_icon.default, {
|
|
189
|
+
}, /*#__PURE__*/_react.default.createElement(_icon.default, {
|
|
183
190
|
className: "carbon-message__type-icon",
|
|
184
191
|
type: this.props.as
|
|
185
|
-
})), _react.default.createElement("div", {
|
|
192
|
+
})), /*#__PURE__*/_react.default.createElement("div", {
|
|
186
193
|
className: "carbon-message__content"
|
|
187
|
-
}, this.titleHTML, _react.default.createElement("div", {
|
|
194
|
+
}, this.titleHTML, /*#__PURE__*/_react.default.createElement("div", {
|
|
188
195
|
className: "carbon-message__body"
|
|
189
196
|
}, this.props.children)), this.dismissIcon);
|
|
190
197
|
}
|
|
191
198
|
|
|
192
199
|
return null;
|
|
193
200
|
}
|
|
201
|
+
}, {
|
|
202
|
+
key: "render",
|
|
203
|
+
value: function render() {
|
|
204
|
+
return this.messageContent;
|
|
205
|
+
}
|
|
194
206
|
}]);
|
|
195
207
|
|
|
196
208
|
return Message;
|
|
@@ -282,12 +294,6 @@ _defineProperty(Message, "defaultProps", {
|
|
|
282
294
|
open: true,
|
|
283
295
|
roundedCorners: true,
|
|
284
296
|
border: true
|
|
285
|
-
/**
|
|
286
|
-
* Classes to be applied to the component.
|
|
287
|
-
*
|
|
288
|
-
* @method componentClasses
|
|
289
|
-
*/
|
|
290
|
-
|
|
291
297
|
});
|
|
292
298
|
|
|
293
299
|
var _default = Message;
|
|
@@ -1,22 +1,26 @@
|
|
|
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.object.assign");
|
|
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/
|
|
19
|
+
require("core-js/modules/es.array.iterator.js");
|
|
20
|
+
|
|
21
|
+
require("core-js/modules/es.string.iterator.js");
|
|
22
|
+
|
|
23
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
20
24
|
|
|
21
25
|
Object.defineProperty(exports, "__esModule", {
|
|
22
26
|
value: true
|
|
@@ -39,25 +43,27 @@ require("./modal.scss");
|
|
|
39
43
|
|
|
40
44
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
41
45
|
|
|
42
|
-
function
|
|
43
|
-
|
|
44
|
-
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); }
|
|
46
|
+
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); }
|
|
45
47
|
|
|
46
48
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
47
49
|
|
|
48
50
|
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); } }
|
|
49
51
|
|
|
50
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
52
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
51
53
|
|
|
52
|
-
function
|
|
54
|
+
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); }
|
|
53
55
|
|
|
54
|
-
function
|
|
56
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
57
|
+
|
|
58
|
+
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); }; }
|
|
59
|
+
|
|
60
|
+
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); }
|
|
55
61
|
|
|
56
62
|
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
57
63
|
|
|
58
|
-
function
|
|
64
|
+
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; } }
|
|
59
65
|
|
|
60
|
-
function
|
|
66
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
61
67
|
|
|
62
68
|
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; }
|
|
63
69
|
|
|
@@ -93,17 +99,17 @@ var TIMEOUT = 500;
|
|
|
93
99
|
* @constructor
|
|
94
100
|
*/
|
|
95
101
|
|
|
96
|
-
var Modal =
|
|
97
|
-
/*#__PURE__*/
|
|
98
|
-
function (_React$Component) {
|
|
102
|
+
var Modal = /*#__PURE__*/function (_React$Component) {
|
|
99
103
|
_inherits(Modal, _React$Component);
|
|
100
104
|
|
|
105
|
+
var _super = _createSuper(Modal);
|
|
106
|
+
|
|
101
107
|
function Modal(props) {
|
|
102
108
|
var _this;
|
|
103
109
|
|
|
104
110
|
_classCallCheck(this, Modal);
|
|
105
111
|
|
|
106
|
-
_this =
|
|
112
|
+
_this = _super.call(this, props);
|
|
107
113
|
/**
|
|
108
114
|
* Tracks if event listeners are on for modal
|
|
109
115
|
*
|
|
@@ -148,14 +154,14 @@ function (_React$Component) {
|
|
|
148
154
|
|
|
149
155
|
_createClass(Modal, [{
|
|
150
156
|
key: "getChildContext",
|
|
151
|
-
|
|
157
|
+
value:
|
|
152
158
|
/**
|
|
153
159
|
* Returns modal object to child components. Used to override form cancel button functionality.
|
|
154
160
|
*
|
|
155
161
|
* @method getChildContext
|
|
156
162
|
* @return {void}
|
|
157
163
|
*/
|
|
158
|
-
|
|
164
|
+
function getChildContext() {
|
|
159
165
|
return {
|
|
160
166
|
modal: {
|
|
161
167
|
onCancel: this.props.onCancel
|
|
@@ -228,63 +234,18 @@ function (_React$Component) {
|
|
|
228
234
|
* @return {void}
|
|
229
235
|
*/
|
|
230
236
|
|
|
231
|
-
}, {
|
|
232
|
-
key: "componentTags",
|
|
233
|
-
// stubbed method for component tags
|
|
234
|
-
value: function componentTags() {
|
|
235
|
-
return null;
|
|
236
|
-
}
|
|
237
|
-
/**
|
|
238
|
-
* Renders the component.
|
|
239
|
-
*
|
|
240
|
-
* @method render
|
|
241
|
-
* @return {Object} JSX
|
|
242
|
-
*/
|
|
243
|
-
|
|
244
|
-
}, {
|
|
245
|
-
key: "render",
|
|
246
|
-
value: function render() {
|
|
247
|
-
var backgroundHTML, modalHTML;
|
|
248
|
-
|
|
249
|
-
if (this.props.open) {
|
|
250
|
-
backgroundHTML = this.backgroundHTML;
|
|
251
|
-
modalHTML = this.modalHTML;
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
return _react.default.createElement(_portal.default, {
|
|
255
|
-
key: "1"
|
|
256
|
-
}, _react.default.createElement("div", _extends({
|
|
257
|
-
className: this.mainClasses
|
|
258
|
-
}, this.componentTags(this.props), {
|
|
259
|
-
"data-state": this.state.state
|
|
260
|
-
}), _react.default.createElement(_CSSTransitionGroup.default, {
|
|
261
|
-
component: "div",
|
|
262
|
-
transitionName: this.backgroundTransitionName,
|
|
263
|
-
transitionAppear: true,
|
|
264
|
-
transitionAppearTimeout: TIMEOUT,
|
|
265
|
-
transitionEnterTimeout: TIMEOUT,
|
|
266
|
-
transitionLeaveTimeout: TIMEOUT
|
|
267
|
-
}, backgroundHTML), _react.default.createElement(_CSSTransitionGroup.default, {
|
|
268
|
-
component: "div",
|
|
269
|
-
transitionName: this.transitionName,
|
|
270
|
-
transitionAppear: true,
|
|
271
|
-
transitionAppearTimeout: TIMEOUT,
|
|
272
|
-
transitionEnterTimeout: TIMEOUT,
|
|
273
|
-
transitionLeaveTimeout: TIMEOUT
|
|
274
|
-
}, modalHTML)));
|
|
275
|
-
}
|
|
276
237
|
}, {
|
|
277
238
|
key: "backgroundHTML",
|
|
278
|
-
|
|
239
|
+
get:
|
|
279
240
|
/**
|
|
280
241
|
* Returns HTML for the background.
|
|
281
242
|
*
|
|
282
243
|
* @method backgroundHTML
|
|
283
244
|
* @return {Object} JSX
|
|
284
245
|
*/
|
|
285
|
-
|
|
246
|
+
function get() {
|
|
286
247
|
if (!this.props.enableBackgroundUI) {
|
|
287
|
-
return _react.default.createElement("div", {
|
|
248
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
288
249
|
className: "carbon-modal__background"
|
|
289
250
|
});
|
|
290
251
|
}
|
|
@@ -326,6 +287,51 @@ function (_React$Component) {
|
|
|
326
287
|
key: "backgroundTransitionName",
|
|
327
288
|
get: function get() {
|
|
328
289
|
return 'modal-background';
|
|
290
|
+
} // stubbed method for component tags
|
|
291
|
+
|
|
292
|
+
}, {
|
|
293
|
+
key: "componentTags",
|
|
294
|
+
value: function componentTags() {
|
|
295
|
+
return null;
|
|
296
|
+
}
|
|
297
|
+
/**
|
|
298
|
+
* Renders the component.
|
|
299
|
+
*
|
|
300
|
+
* @method render
|
|
301
|
+
* @return {Object} JSX
|
|
302
|
+
*/
|
|
303
|
+
|
|
304
|
+
}, {
|
|
305
|
+
key: "render",
|
|
306
|
+
value: function render() {
|
|
307
|
+
var backgroundHTML, modalHTML;
|
|
308
|
+
|
|
309
|
+
if (this.props.open) {
|
|
310
|
+
backgroundHTML = this.backgroundHTML;
|
|
311
|
+
modalHTML = this.modalHTML;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
return /*#__PURE__*/_react.default.createElement(_portal.default, {
|
|
315
|
+
key: "1"
|
|
316
|
+
}, /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
317
|
+
className: this.mainClasses
|
|
318
|
+
}, this.componentTags(this.props), {
|
|
319
|
+
"data-state": this.state.state
|
|
320
|
+
}), /*#__PURE__*/_react.default.createElement(_CSSTransitionGroup.default, {
|
|
321
|
+
component: "div",
|
|
322
|
+
transitionName: this.backgroundTransitionName,
|
|
323
|
+
transitionAppear: true,
|
|
324
|
+
transitionAppearTimeout: TIMEOUT,
|
|
325
|
+
transitionEnterTimeout: TIMEOUT,
|
|
326
|
+
transitionLeaveTimeout: TIMEOUT
|
|
327
|
+
}, backgroundHTML), /*#__PURE__*/_react.default.createElement(_CSSTransitionGroup.default, {
|
|
328
|
+
component: "div",
|
|
329
|
+
transitionName: this.transitionName,
|
|
330
|
+
transitionAppear: true,
|
|
331
|
+
transitionAppearTimeout: TIMEOUT,
|
|
332
|
+
transitionEnterTimeout: TIMEOUT,
|
|
333
|
+
transitionLeaveTimeout: TIMEOUT
|
|
334
|
+
}, modalHTML)));
|
|
329
335
|
}
|
|
330
336
|
}]);
|
|
331
337
|
|
|
@@ -1,20 +1,24 @@
|
|
|
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/
|
|
17
|
+
require("core-js/modules/es.array.iterator.js");
|
|
18
|
+
|
|
19
|
+
require("core-js/modules/es.string.iterator.js");
|
|
20
|
+
|
|
21
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
18
22
|
|
|
19
23
|
Object.defineProperty(exports, "__esModule", {
|
|
20
24
|
value: true
|
|
@@ -29,23 +33,25 @@ var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
|
29
33
|
|
|
30
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
35
|
|
|
32
|
-
function _typeof(obj) { if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
|
|
33
|
-
|
|
34
36
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
35
37
|
|
|
36
38
|
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); } }
|
|
37
39
|
|
|
38
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
|
40
|
+
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
39
41
|
|
|
40
|
-
function
|
|
42
|
+
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); }
|
|
41
43
|
|
|
42
|
-
function
|
|
44
|
+
function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
|
|
43
45
|
|
|
44
|
-
function
|
|
46
|
+
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); }; }
|
|
45
47
|
|
|
46
|
-
function
|
|
48
|
+
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); }
|
|
47
49
|
|
|
48
|
-
function
|
|
50
|
+
function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
|
|
51
|
+
|
|
52
|
+
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; } }
|
|
53
|
+
|
|
54
|
+
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
|
49
55
|
|
|
50
56
|
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; }
|
|
51
57
|
|
|
@@ -71,15 +77,15 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
|
|
|
71
77
|
* </MountInApp>
|
|
72
78
|
*
|
|
73
79
|
*/
|
|
74
|
-
var MountInApp =
|
|
75
|
-
/*#__PURE__*/
|
|
76
|
-
function (_React$Component) {
|
|
80
|
+
var MountInApp = /*#__PURE__*/function (_React$Component) {
|
|
77
81
|
_inherits(MountInApp, _React$Component);
|
|
78
82
|
|
|
83
|
+
var _super = _createSuper(MountInApp);
|
|
84
|
+
|
|
79
85
|
function MountInApp() {
|
|
80
86
|
_classCallCheck(this, MountInApp);
|
|
81
87
|
|
|
82
|
-
return
|
|
88
|
+
return _super.apply(this, arguments);
|
|
83
89
|
}
|
|
84
90
|
|
|
85
91
|
_createClass(MountInApp, [{
|
|
@@ -94,15 +100,10 @@ function (_React$Component) {
|
|
|
94
100
|
value: function componentWillUnmount() {
|
|
95
101
|
this.targetElement.firstChild.remove();
|
|
96
102
|
}
|
|
97
|
-
}, {
|
|
98
|
-
key: "render",
|
|
99
|
-
value: function render() {
|
|
100
|
-
return null;
|
|
101
|
-
}
|
|
102
103
|
}, {
|
|
103
104
|
key: "contentHtml",
|
|
104
105
|
get: function get() {
|
|
105
|
-
return _react.default.createElement("div", {
|
|
106
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
106
107
|
className: "carbon-mount-in-app"
|
|
107
108
|
}, this.props.children);
|
|
108
109
|
}
|
|
@@ -111,6 +112,11 @@ function (_React$Component) {
|
|
|
111
112
|
get: function get() {
|
|
112
113
|
return document.getElementById(this.props.targetId);
|
|
113
114
|
}
|
|
115
|
+
}, {
|
|
116
|
+
key: "render",
|
|
117
|
+
value: function render() {
|
|
118
|
+
return null;
|
|
119
|
+
}
|
|
114
120
|
}]);
|
|
115
121
|
|
|
116
122
|
return MountInApp;
|