superdesk-ui-framework 3.0.1-beta.14 → 3.0.1-beta.16
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/app/scripts/toggleBoxNext.js +1 -1
- package/app/styles/_buttons.scss +1 -1
- package/app/styles/_content-divider.scss +5 -5
- package/app/styles/_helpers.scss +24 -1
- package/app/styles/_icon-font.scss +9 -9
- package/app/styles/_modals.scss +3 -0
- package/app/styles/_normalize.scss +4 -0
- package/app/styles/_simple-list.scss +1 -0
- package/app/styles/_table-list.scss +14 -1
- package/app/styles/app.scss +1 -0
- package/app/styles/components/_list-item.scss +23 -16
- package/app/styles/components/_sd-collapse-box.scss +6 -6
- package/app/styles/design-tokens/_new-colors.scss +10 -5
- package/app/styles/form-elements/_input-wrap.scss +138 -0
- package/app/styles/form-elements/_inputs.scss +230 -61
- package/app/styles/interface-elements/_side-panel.scss +1 -1
- package/app/styles/layout/_editor.scss +1 -0
- package/app/styles/primereact/_pr-dialog.scss +1 -0
- package/app/styles/primereact/_pr-menu.scss +6 -5
- package/app-typescript/components/DurationInput.tsx +11 -17
- package/app-typescript/components/Form/FormLabel.tsx +8 -1
- package/app-typescript/components/Form/InputBase.tsx +12 -2
- package/app-typescript/components/Layouts/AuthoringInnerHeader.tsx +1 -1
- package/app-typescript/components/Layouts/AuthoringMain.tsx +4 -2
- package/app-typescript/components/Lists/ContentList.tsx +7 -3
- package/app-typescript/components/Lists/TableList.tsx +29 -16
- package/dist/examples.bundle.css +8 -8
- package/dist/examples.bundle.js +877 -856
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +2 -1
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +11 -2
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/dist/react/ContentDivider.tsx +4 -4
- package/dist/react/Inputs.tsx +1 -7
- package/dist/react/Togglebox.tsx +1 -1
- package/dist/superdesk-ui.bundle.css +462 -176
- package/dist/superdesk-ui.bundle.js +603 -687
- package/dist/vendor.bundle.js +2 -2
- package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +2 -1
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +11 -2
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/examples/pages/react/ContentDivider.tsx +4 -4
- package/examples/pages/react/Inputs.tsx +1 -7
- package/examples/pages/react/Togglebox.tsx +1 -1
- package/package.json +1 -1
- package/react/components/DurationInput.js +13 -18
- package/react/components/Form/FormLabel.d.ts +4 -1
- package/react/components/Form/FormLabel.js +9 -3
- package/react/components/Form/InputBase.d.ts +0 -1
- package/react/components/Form/InputBase.js +15 -1
- package/react/components/Layouts/AuthoringInnerHeader.js +1 -1
- package/react/components/Layouts/AuthoringMain.js +1 -1
- package/react/components/Lists/ContentList.js +2 -2
- package/react/components/Lists/TableList.d.ts +4 -0
- package/react/components/Lists/TableList.js +13 -11
@@ -5769,7 +5769,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
|
|
5769
5769
|
|
5770
5770
|
})));
|
5771
5771
|
|
5772
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(
|
5772
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(50)(module)))
|
5773
5773
|
|
5774
5774
|
/***/ }),
|
5775
5775
|
/* 2 */
|
@@ -5860,7 +5860,7 @@ exports.TableListItem = exports.TableList = exports.TreeSelect = exports.BottomN
|
|
5860
5860
|
exports.ContentListItem = void 0;
|
5861
5861
|
var HelloWorld_1 = __webpack_require__(277);
|
5862
5862
|
Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
|
5863
|
-
var Button_1 = __webpack_require__(
|
5863
|
+
var Button_1 = __webpack_require__(52);
|
5864
5864
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
5865
5865
|
var Input_1 = __webpack_require__(278);
|
5866
5866
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
@@ -5891,15 +5891,15 @@ var IconLabel_1 = __webpack_require__(306);
|
|
5891
5891
|
Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
|
5892
5892
|
var Tooltip_1 = __webpack_require__(36);
|
5893
5893
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
5894
|
-
var DurationInput_1 = __webpack_require__(
|
5894
|
+
var DurationInput_1 = __webpack_require__(75);
|
5895
5895
|
Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
|
5896
|
-
var DurationInput_2 = __webpack_require__(
|
5896
|
+
var DurationInput_2 = __webpack_require__(75);
|
5897
5897
|
Object.defineProperty(exports, "getDurationString", { enumerable: true, get: function () { return DurationInput_2.getDurationString; } });
|
5898
|
-
var DatePicker_1 = __webpack_require__(
|
5898
|
+
var DatePicker_1 = __webpack_require__(56);
|
5899
5899
|
Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
|
5900
|
-
var DatePicker_2 = __webpack_require__(
|
5900
|
+
var DatePicker_2 = __webpack_require__(56);
|
5901
5901
|
Object.defineProperty(exports, "DatePickerISO", { enumerable: true, get: function () { return DatePicker_2.DatePickerISO; } });
|
5902
|
-
var DatePicker_3 = __webpack_require__(
|
5902
|
+
var DatePicker_3 = __webpack_require__(56);
|
5903
5903
|
Object.defineProperty(exports, "DatePickerLocaleSettings", { enumerable: true, get: function () { return DatePicker_3.DatePickerLocaleSettings; } });
|
5904
5904
|
var TimePicker_1 = __webpack_require__(264);
|
5905
5905
|
Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
|
@@ -5911,7 +5911,7 @@ var SwitchGroup_1 = __webpack_require__(339);
|
|
5911
5911
|
Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
|
5912
5912
|
var ButtonGroup_1 = __webpack_require__(340);
|
5913
5913
|
Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
|
5914
|
-
var Loader_1 = __webpack_require__(
|
5914
|
+
var Loader_1 = __webpack_require__(59);
|
5915
5915
|
Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
|
5916
5916
|
var RadioGroup_1 = __webpack_require__(341);
|
5917
5917
|
Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
|
@@ -5983,7 +5983,7 @@ var TagInputTest_1 = __webpack_require__(417);
|
|
5983
5983
|
Object.defineProperty(exports, "TagInputTest", { enumerable: true, get: function () { return TagInputTest_1.TagInputTest; } });
|
5984
5984
|
var GridList_1 = __webpack_require__(418);
|
5985
5985
|
Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
|
5986
|
-
var GridItem_1 = __webpack_require__(
|
5986
|
+
var GridItem_1 = __webpack_require__(71);
|
5987
5987
|
Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
|
5988
5988
|
Object.defineProperty(exports, "GridItemContent", { enumerable: true, get: function () { return GridItem_1.GridItemContent; } });
|
5989
5989
|
Object.defineProperty(exports, "GridItemMedia", { enumerable: true, get: function () { return GridItem_1.GridItemMedia; } });
|
@@ -6025,7 +6025,7 @@ var Skeleton_1 = __webpack_require__(246);
|
|
6025
6025
|
Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
|
6026
6026
|
var ListItemLoader_1 = __webpack_require__(479);
|
6027
6027
|
Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
|
6028
|
-
var Spinner_1 = __webpack_require__(
|
6028
|
+
var Spinner_1 = __webpack_require__(53);
|
6029
6029
|
Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
|
6030
6030
|
Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
|
6031
6031
|
var Text_1 = __webpack_require__(480);
|
@@ -7363,7 +7363,7 @@ var FormItem_1 = __webpack_require__(281);
|
|
7363
7363
|
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
|
7364
7364
|
var FormText_1 = __webpack_require__(282);
|
7365
7365
|
Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
|
7366
|
-
var FormLabel_1 = __webpack_require__(
|
7366
|
+
var FormLabel_1 = __webpack_require__(49);
|
7367
7367
|
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
|
7368
7368
|
var InputWrapper_1 = __webpack_require__(283);
|
7369
7369
|
Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
|
@@ -25899,7 +25899,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
25899
25899
|
}
|
25900
25900
|
}.call(this));
|
25901
25901
|
|
25902
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(
|
25902
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(50)(module)))
|
25903
25903
|
|
25904
25904
|
/***/ }),
|
25905
25905
|
/* 34 */
|
@@ -37665,6 +37665,75 @@ if (process.env.NODE_ENV === 'production') {
|
|
37665
37665
|
|
37666
37666
|
/***/ }),
|
37667
37667
|
/* 49 */
|
37668
|
+
/***/ (function(module, exports, __webpack_require__) {
|
37669
|
+
|
37670
|
+
"use strict";
|
37671
|
+
|
37672
|
+
var __extends = (this && this.__extends) || (function () {
|
37673
|
+
var extendStatics = function (d, b) {
|
37674
|
+
extendStatics = Object.setPrototypeOf ||
|
37675
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
37676
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
37677
|
+
return extendStatics(d, b);
|
37678
|
+
};
|
37679
|
+
return function (d, b) {
|
37680
|
+
if (typeof b !== "function" && b !== null)
|
37681
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
37682
|
+
extendStatics(d, b);
|
37683
|
+
function __() { this.constructor = d; }
|
37684
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
37685
|
+
};
|
37686
|
+
})();
|
37687
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
37688
|
+
if (k2 === undefined) k2 = k;
|
37689
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
37690
|
+
}) : (function(o, m, k, k2) {
|
37691
|
+
if (k2 === undefined) k2 = k;
|
37692
|
+
o[k2] = m[k];
|
37693
|
+
}));
|
37694
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
37695
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
37696
|
+
}) : function(o, v) {
|
37697
|
+
o["default"] = v;
|
37698
|
+
});
|
37699
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
37700
|
+
if (mod && mod.__esModule) return mod;
|
37701
|
+
var result = {};
|
37702
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
37703
|
+
__setModuleDefault(result, mod);
|
37704
|
+
return result;
|
37705
|
+
};
|
37706
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
37707
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
37708
|
+
};
|
37709
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
37710
|
+
exports.FormLabel = void 0;
|
37711
|
+
var React = __importStar(__webpack_require__(0));
|
37712
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
37713
|
+
var FormLabel = /** @class */ (function (_super) {
|
37714
|
+
__extends(FormLabel, _super);
|
37715
|
+
function FormLabel() {
|
37716
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
37717
|
+
}
|
37718
|
+
FormLabel.prototype.render = function () {
|
37719
|
+
var _a;
|
37720
|
+
var classes = (0, classnames_1.default)('form-label', (_a = {
|
37721
|
+
'form-label--light': this.props.style === 'light',
|
37722
|
+
'form-label--boxed': this.props.style === 'boxed',
|
37723
|
+
'form-label--required': this.props.required,
|
37724
|
+
'form-label--invalid': this.props.invalid
|
37725
|
+
},
|
37726
|
+
_a["form-label--".concat(this.props.state)] = this.props.state !== 'default' && this.props.state !== undefined,
|
37727
|
+
_a));
|
37728
|
+
return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
|
37729
|
+
};
|
37730
|
+
return FormLabel;
|
37731
|
+
}(React.PureComponent));
|
37732
|
+
exports.FormLabel = FormLabel;
|
37733
|
+
|
37734
|
+
|
37735
|
+
/***/ }),
|
37736
|
+
/* 50 */
|
37668
37737
|
/***/ (function(module, exports) {
|
37669
37738
|
|
37670
37739
|
module.exports = function(module) {
|
@@ -37692,7 +37761,7 @@ module.exports = function(module) {
|
|
37692
37761
|
|
37693
37762
|
|
37694
37763
|
/***/ }),
|
37695
|
-
/*
|
37764
|
+
/* 51 */
|
37696
37765
|
/***/ (function(module, exports, __webpack_require__) {
|
37697
37766
|
|
37698
37767
|
"use strict";
|
@@ -37711,7 +37780,7 @@ module.exports = ReactPropTypesSecret;
|
|
37711
37780
|
|
37712
37781
|
|
37713
37782
|
/***/ }),
|
37714
|
-
/*
|
37783
|
+
/* 52 */
|
37715
37784
|
/***/ (function(module, exports, __webpack_require__) {
|
37716
37785
|
|
37717
37786
|
"use strict";
|
@@ -37758,7 +37827,7 @@ exports.Button = void 0;
|
|
37758
37827
|
var React = __importStar(__webpack_require__(0));
|
37759
37828
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
37760
37829
|
var Icon_1 = __webpack_require__(7);
|
37761
|
-
var Spinner_1 = __webpack_require__(
|
37830
|
+
var Spinner_1 = __webpack_require__(53);
|
37762
37831
|
var Button = /** @class */ (function (_super) {
|
37763
37832
|
__extends(Button, _super);
|
37764
37833
|
function Button() {
|
@@ -37789,7 +37858,7 @@ exports.Button = Button;
|
|
37789
37858
|
|
37790
37859
|
|
37791
37860
|
/***/ }),
|
37792
|
-
/*
|
37861
|
+
/* 53 */
|
37793
37862
|
/***/ (function(module, exports, __webpack_require__) {
|
37794
37863
|
|
37795
37864
|
"use strict";
|
@@ -37866,69 +37935,6 @@ var Spinner = /** @class */ (function (_super) {
|
|
37866
37935
|
exports.Spinner = Spinner;
|
37867
37936
|
|
37868
37937
|
|
37869
|
-
/***/ }),
|
37870
|
-
/* 53 */
|
37871
|
-
/***/ (function(module, exports, __webpack_require__) {
|
37872
|
-
|
37873
|
-
"use strict";
|
37874
|
-
|
37875
|
-
var __extends = (this && this.__extends) || (function () {
|
37876
|
-
var extendStatics = function (d, b) {
|
37877
|
-
extendStatics = Object.setPrototypeOf ||
|
37878
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
37879
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
37880
|
-
return extendStatics(d, b);
|
37881
|
-
};
|
37882
|
-
return function (d, b) {
|
37883
|
-
if (typeof b !== "function" && b !== null)
|
37884
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
37885
|
-
extendStatics(d, b);
|
37886
|
-
function __() { this.constructor = d; }
|
37887
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
37888
|
-
};
|
37889
|
-
})();
|
37890
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
37891
|
-
if (k2 === undefined) k2 = k;
|
37892
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
37893
|
-
}) : (function(o, m, k, k2) {
|
37894
|
-
if (k2 === undefined) k2 = k;
|
37895
|
-
o[k2] = m[k];
|
37896
|
-
}));
|
37897
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
37898
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
37899
|
-
}) : function(o, v) {
|
37900
|
-
o["default"] = v;
|
37901
|
-
});
|
37902
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
37903
|
-
if (mod && mod.__esModule) return mod;
|
37904
|
-
var result = {};
|
37905
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
37906
|
-
__setModuleDefault(result, mod);
|
37907
|
-
return result;
|
37908
|
-
};
|
37909
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
37910
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
37911
|
-
};
|
37912
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
37913
|
-
exports.FormLabel = void 0;
|
37914
|
-
var React = __importStar(__webpack_require__(0));
|
37915
|
-
var classnames_1 = __importDefault(__webpack_require__(2));
|
37916
|
-
var FormLabel = /** @class */ (function (_super) {
|
37917
|
-
__extends(FormLabel, _super);
|
37918
|
-
function FormLabel() {
|
37919
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
37920
|
-
}
|
37921
|
-
FormLabel.prototype.render = function () {
|
37922
|
-
var classes = (0, classnames_1.default)('form-label', {
|
37923
|
-
'form-label--light': this.props.style === 'light',
|
37924
|
-
});
|
37925
|
-
return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
|
37926
|
-
};
|
37927
|
-
return FormLabel;
|
37928
|
-
}(React.PureComponent));
|
37929
|
-
exports.FormLabel = FormLabel;
|
37930
|
-
|
37931
|
-
|
37932
37938
|
/***/ }),
|
37933
37939
|
/* 54 */
|
37934
37940
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
@@ -38594,366 +38600,6 @@ Transition.EXITING = EXITING;
|
|
38594
38600
|
|
38595
38601
|
"use strict";
|
38596
38602
|
|
38597
|
-
var __extends = (this && this.__extends) || (function () {
|
38598
|
-
var extendStatics = function (d, b) {
|
38599
|
-
extendStatics = Object.setPrototypeOf ||
|
38600
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
38601
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
38602
|
-
return extendStatics(d, b);
|
38603
|
-
};
|
38604
|
-
return function (d, b) {
|
38605
|
-
if (typeof b !== "function" && b !== null)
|
38606
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
38607
|
-
extendStatics(d, b);
|
38608
|
-
function __() { this.constructor = d; }
|
38609
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
38610
|
-
};
|
38611
|
-
})();
|
38612
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
38613
|
-
if (k2 === undefined) k2 = k;
|
38614
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
38615
|
-
}) : (function(o, m, k, k2) {
|
38616
|
-
if (k2 === undefined) k2 = k;
|
38617
|
-
o[k2] = m[k];
|
38618
|
-
}));
|
38619
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
38620
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
38621
|
-
}) : function(o, v) {
|
38622
|
-
o["default"] = v;
|
38623
|
-
});
|
38624
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
38625
|
-
if (mod && mod.__esModule) return mod;
|
38626
|
-
var result = {};
|
38627
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
38628
|
-
__setModuleDefault(result, mod);
|
38629
|
-
return result;
|
38630
|
-
};
|
38631
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
38632
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38633
|
-
};
|
38634
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
38635
|
-
exports.getDurationString = exports.DurationInput = void 0;
|
38636
|
-
var React = __importStar(__webpack_require__(0));
|
38637
|
-
var classnames_1 = __importDefault(__webpack_require__(2));
|
38638
|
-
var moment_1 = __importDefault(__webpack_require__(1));
|
38639
|
-
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
38640
|
-
var Form_1 = __webpack_require__(14);
|
38641
|
-
var DurationInput = /** @class */ (function (_super) {
|
38642
|
-
__extends(DurationInput, _super);
|
38643
|
-
function DurationInput(props) {
|
38644
|
-
var _this = _super.call(this, props) || this;
|
38645
|
-
_this.htmlId = (0, react_id_generator_1.default)();
|
38646
|
-
_this.state = {
|
38647
|
-
hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
|
38648
|
-
minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
|
38649
|
-
seconds: _this.stateUpdate('seconds', _this.props.seconds),
|
38650
|
-
blink: '',
|
38651
|
-
};
|
38652
|
-
_this.hourRef = React.createRef();
|
38653
|
-
_this.minuteRef = React.createRef();
|
38654
|
-
_this.secondRef = React.createRef();
|
38655
|
-
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
|
38656
|
-
_this.zeroPad = _this.zeroPad.bind(_this);
|
38657
|
-
_this.handleChange = _this.handleChange.bind(_this);
|
38658
|
-
_this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
|
38659
|
-
_this.handleKeyValue = _this.handleKeyValue.bind(_this);
|
38660
|
-
_this.valueUpdate = _this.valueUpdate.bind(_this);
|
38661
|
-
_this.stateUpdate = _this.stateUpdate.bind(_this);
|
38662
|
-
return _this;
|
38663
|
-
}
|
38664
|
-
DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
|
38665
|
-
var value;
|
38666
|
-
if (state === 'hours') {
|
38667
|
-
value = parametar1
|
38668
|
-
? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
|
38669
|
-
: Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
|
38670
|
-
}
|
38671
|
-
else if (state === 'minutes') {
|
38672
|
-
value = parametar1
|
38673
|
-
? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
|
38674
|
-
: Math.floor((parametar2 || 0) % 3600 / 60);
|
38675
|
-
}
|
38676
|
-
else {
|
38677
|
-
value = parametar1 ? parametar1 % 60 : 0;
|
38678
|
-
}
|
38679
|
-
return this.zeroPad(value);
|
38680
|
-
};
|
38681
|
-
DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
|
38682
|
-
var _this = this;
|
38683
|
-
if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
|
38684
|
-
return;
|
38685
|
-
}
|
38686
|
-
if (this.state.hours !== prevState.hours) {
|
38687
|
-
if (Number(this.hourRef.current.value) > 99) {
|
38688
|
-
this.setState({
|
38689
|
-
hours: this.zeroPad(99),
|
38690
|
-
});
|
38691
|
-
}
|
38692
|
-
}
|
38693
|
-
if (this.state.minutes !== prevState.minutes) {
|
38694
|
-
if (Number(this.minuteRef.current.value) > 59) {
|
38695
|
-
this.setState({
|
38696
|
-
hours: this.zeroPad(Number(this.state.hours) + 1),
|
38697
|
-
minutes: this.zeroPad(this.state.minutes % 60),
|
38698
|
-
});
|
38699
|
-
this.setState({ blink: 'hour' });
|
38700
|
-
setTimeout(function () {
|
38701
|
-
_this.setState({ blink: '' });
|
38702
|
-
}, 500);
|
38703
|
-
}
|
38704
|
-
if (Number(this.minuteRef.current.value) < 0) {
|
38705
|
-
this.setState({
|
38706
|
-
hours: this.zeroPad(Number(this.state.hours)) > 0
|
38707
|
-
? this.zeroPad(Number(this.state.hours) - 1)
|
38708
|
-
: this.zeroPad(Number(this.state.hours)),
|
38709
|
-
minutes: 59,
|
38710
|
-
});
|
38711
|
-
this.setState({ blink: 'hour' });
|
38712
|
-
setTimeout(function () {
|
38713
|
-
_this.setState({ blink: '' });
|
38714
|
-
}, 500);
|
38715
|
-
}
|
38716
|
-
}
|
38717
|
-
if (this.state.seconds !== prevState.seconds) {
|
38718
|
-
if (Number(this.secondRef.current.value) > 59) {
|
38719
|
-
this.setState({
|
38720
|
-
minutes: this.zeroPad(Number(this.state.minutes) + 1),
|
38721
|
-
seconds: this.zeroPad(this.state.seconds % 60),
|
38722
|
-
});
|
38723
|
-
this.setState({ blink: 'minute' });
|
38724
|
-
setTimeout(function () {
|
38725
|
-
_this.setState({ blink: '' });
|
38726
|
-
}, 500);
|
38727
|
-
}
|
38728
|
-
if (Number(this.secondRef.current.value) < 0) {
|
38729
|
-
this.setState({
|
38730
|
-
minutes: this.zeroPad(Number(this.state.minutes) - 1),
|
38731
|
-
seconds: 59,
|
38732
|
-
});
|
38733
|
-
this.setState({ blink: 'minute' });
|
38734
|
-
setTimeout(function () {
|
38735
|
-
_this.setState({ blink: '' });
|
38736
|
-
}, 500);
|
38737
|
-
}
|
38738
|
-
}
|
38739
|
-
if ((this.props.hours !== prevProps.hours)
|
38740
|
-
|| (this.props.minutes !== prevProps.minutes)
|
38741
|
-
|| (this.props.seconds !== prevProps.seconds)) {
|
38742
|
-
this.setState({
|
38743
|
-
hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
|
38744
|
-
minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
|
38745
|
-
seconds: this.stateUpdate('seconds', this.props.seconds),
|
38746
|
-
});
|
38747
|
-
}
|
38748
|
-
};
|
38749
|
-
DurationInput.prototype.valueUpdate = function () {
|
38750
|
-
if (this.props.onChange) {
|
38751
|
-
this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
|
38752
|
-
.asSeconds());
|
38753
|
-
}
|
38754
|
-
};
|
38755
|
-
DurationInput.prototype.handleKeyDown = function (event) {
|
38756
|
-
if (!(event.target instanceof HTMLInputElement)) {
|
38757
|
-
return;
|
38758
|
-
}
|
38759
|
-
if (event.target.id === 'hours') {
|
38760
|
-
if (event.key === 'ArrowRight') {
|
38761
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
38762
|
-
this.handleFocus(this.minuteRef.current, event.target.id);
|
38763
|
-
}
|
38764
|
-
}
|
38765
|
-
if (event.key === 'ArrowLeft') {
|
38766
|
-
if (event.target.selectionStart === 0) {
|
38767
|
-
this.handleFocus(this.secondRef.current, event.target.id);
|
38768
|
-
}
|
38769
|
-
}
|
38770
|
-
}
|
38771
|
-
if (event.target.id === 'minutes') {
|
38772
|
-
if (event.key === 'ArrowRight') {
|
38773
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
38774
|
-
this.handleFocus(this.secondRef.current, event.target.id);
|
38775
|
-
}
|
38776
|
-
}
|
38777
|
-
if (event.key === 'ArrowLeft') {
|
38778
|
-
if (event.target.selectionStart === 0) {
|
38779
|
-
this.handleFocus(this.hourRef.current, event.target.id);
|
38780
|
-
}
|
38781
|
-
}
|
38782
|
-
}
|
38783
|
-
if (event.target.id === 'seconds') {
|
38784
|
-
if (event.key === 'ArrowRight') {
|
38785
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
38786
|
-
this.handleFocus(this.hourRef.current, event.target.id);
|
38787
|
-
}
|
38788
|
-
}
|
38789
|
-
if (event.key === 'ArrowLeft') {
|
38790
|
-
if (event.target.selectionStart === 0) {
|
38791
|
-
this.handleFocus(this.minuteRef.current, event.target.id);
|
38792
|
-
}
|
38793
|
-
}
|
38794
|
-
}
|
38795
|
-
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
|
38796
|
-
this.handleKeyValue(event, event.target.id);
|
38797
|
-
setTimeout(this.valueUpdate);
|
38798
|
-
}
|
38799
|
-
if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
|
38800
|
-
if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
|
38801
|
-
setTimeout(this.valueUpdate);
|
38802
|
-
}
|
38803
|
-
}
|
38804
|
-
};
|
38805
|
-
DurationInput.prototype.handleKeyValue = function (event, state) {
|
38806
|
-
if (!(event.target instanceof HTMLInputElement)) {
|
38807
|
-
return;
|
38808
|
-
}
|
38809
|
-
if (!this.state[state]) {
|
38810
|
-
return;
|
38811
|
-
}
|
38812
|
-
event.preventDefault();
|
38813
|
-
event.stopPropagation();
|
38814
|
-
var stateClone = {};
|
38815
|
-
if (event.key === 'ArrowUp') {
|
38816
|
-
if (event.target.id === 'hours') {
|
38817
|
-
stateClone[state] = this.state[state] < 99
|
38818
|
-
? this.zeroPad(Number(this.state[state]) + 1)
|
38819
|
-
: this.zeroPad(99);
|
38820
|
-
}
|
38821
|
-
else {
|
38822
|
-
stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
|
38823
|
-
}
|
38824
|
-
}
|
38825
|
-
else if (event.key === 'ArrowDown') {
|
38826
|
-
if (event.target.id === 'hours') {
|
38827
|
-
stateClone[state] = this.state[state] > 0
|
38828
|
-
? this.zeroPad(Number(this.state[state]) - 1)
|
38829
|
-
: this.zeroPad(0);
|
38830
|
-
}
|
38831
|
-
else {
|
38832
|
-
stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
|
38833
|
-
}
|
38834
|
-
}
|
38835
|
-
this.setState(stateClone);
|
38836
|
-
};
|
38837
|
-
DurationInput.prototype.zeroPad = function (value) {
|
38838
|
-
if (value.toString().length === 1 || value === 0) {
|
38839
|
-
return "0".concat(value);
|
38840
|
-
}
|
38841
|
-
else if (!value) {
|
38842
|
-
return '00';
|
38843
|
-
}
|
38844
|
-
else {
|
38845
|
-
return value;
|
38846
|
-
}
|
38847
|
-
};
|
38848
|
-
DurationInput.prototype.handleChange = function (event, state) {
|
38849
|
-
var stateClone = {};
|
38850
|
-
if (event.target.value.length >= 2) {
|
38851
|
-
if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
|
38852
|
-
stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
|
38853
|
-
}
|
38854
|
-
else {
|
38855
|
-
stateClone[state] = event.target.value.slice(0, 2);
|
38856
|
-
}
|
38857
|
-
}
|
38858
|
-
else {
|
38859
|
-
stateClone[state] = event.target.value;
|
38860
|
-
}
|
38861
|
-
this.setState(stateClone);
|
38862
|
-
setTimeout(this.valueUpdate);
|
38863
|
-
};
|
38864
|
-
DurationInput.prototype.handleFocus = function (ref, state) {
|
38865
|
-
ref === null || ref === void 0 ? void 0 : ref.focus();
|
38866
|
-
setTimeout(function () {
|
38867
|
-
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
38868
|
-
});
|
38869
|
-
var stateClone = {};
|
38870
|
-
stateClone[state] = this.zeroPad(this.state[state]);
|
38871
|
-
this.setState(stateClone);
|
38872
|
-
};
|
38873
|
-
DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
|
38874
|
-
if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
|
38875
|
-
if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
|
38876
|
-
var target = event.target;
|
38877
|
-
if (target.value.length >= 2) {
|
38878
|
-
ref === null || ref === void 0 ? void 0 : ref.focus();
|
38879
|
-
setTimeout(function () {
|
38880
|
-
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
38881
|
-
});
|
38882
|
-
}
|
38883
|
-
}
|
38884
|
-
}
|
38885
|
-
};
|
38886
|
-
DurationInput.prototype.render = function () {
|
38887
|
-
var _this = this;
|
38888
|
-
var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
|
38889
|
-
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
|
38890
|
-
React.createElement("div", { className: InputClasses },
|
38891
|
-
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
38892
|
-
if (!/[0-9]/.test(event.key)) {
|
38893
|
-
event.preventDefault();
|
38894
|
-
}
|
38895
|
-
} }),
|
38896
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "h"),
|
38897
|
-
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
38898
|
-
if (!/[0-9]/.test(event.key)) {
|
38899
|
-
event.preventDefault();
|
38900
|
-
}
|
38901
|
-
} }),
|
38902
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "m"),
|
38903
|
-
React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
38904
|
-
if (!/[0-9]/.test(event.key)) {
|
38905
|
-
event.preventDefault();
|
38906
|
-
}
|
38907
|
-
} }),
|
38908
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
|
38909
|
-
};
|
38910
|
-
return DurationInput;
|
38911
|
-
}(React.PureComponent));
|
38912
|
-
exports.DurationInput = DurationInput;
|
38913
|
-
function getDurationString(seconds, zero) {
|
38914
|
-
function zeroPad(value) {
|
38915
|
-
if (value.toString().length === 1 || value === 0) {
|
38916
|
-
return "0".concat(value);
|
38917
|
-
}
|
38918
|
-
else if (!value) {
|
38919
|
-
return '00';
|
38920
|
-
}
|
38921
|
-
else {
|
38922
|
-
return value;
|
38923
|
-
}
|
38924
|
-
}
|
38925
|
-
var hour;
|
38926
|
-
var minute;
|
38927
|
-
var second;
|
38928
|
-
if (zero) {
|
38929
|
-
hour = zeroPad(Math.floor(seconds / 3600));
|
38930
|
-
minute = zeroPad(Math.floor((seconds % 3600) / 60));
|
38931
|
-
second = zeroPad(Math.floor(seconds % 60));
|
38932
|
-
}
|
38933
|
-
else {
|
38934
|
-
hour = Math.floor(seconds / 3600);
|
38935
|
-
minute = Math.floor((seconds % 3600) / 60);
|
38936
|
-
second = Math.floor(seconds % 60);
|
38937
|
-
}
|
38938
|
-
if (Number(hour) === 0 && Number(minute) > 0) {
|
38939
|
-
return "".concat(minute, "m ").concat(second, "s");
|
38940
|
-
}
|
38941
|
-
else if (Number(hour) === 0 && Number(minute) === 0) {
|
38942
|
-
return "".concat(second, "s");
|
38943
|
-
}
|
38944
|
-
else {
|
38945
|
-
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
38946
|
-
}
|
38947
|
-
}
|
38948
|
-
exports.getDurationString = getDurationString;
|
38949
|
-
|
38950
|
-
|
38951
|
-
/***/ }),
|
38952
|
-
/* 57 */
|
38953
|
-
/***/ (function(module, exports, __webpack_require__) {
|
38954
|
-
|
38955
|
-
"use strict";
|
38956
|
-
|
38957
38603
|
var __extends = (this && this.__extends) || (function () {
|
38958
38604
|
var extendStatics = function (d, b) {
|
38959
38605
|
extendStatics = Object.setPrototypeOf ||
|
@@ -39139,7 +38785,7 @@ exports.DatePickerISO = DatePickerISO;
|
|
39139
38785
|
|
39140
38786
|
|
39141
38787
|
/***/ }),
|
39142
|
-
/*
|
38788
|
+
/* 57 */
|
39143
38789
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39144
38790
|
|
39145
38791
|
"use strict";
|
@@ -39163,7 +38809,7 @@ function startOfUTCISOWeek(dirtyDate) {
|
|
39163
38809
|
}
|
39164
38810
|
|
39165
38811
|
/***/ }),
|
39166
|
-
/*
|
38812
|
+
/* 58 */
|
39167
38813
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39168
38814
|
|
39169
38815
|
"use strict";
|
@@ -39198,7 +38844,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
|
|
39198
38844
|
}
|
39199
38845
|
|
39200
38846
|
/***/ }),
|
39201
|
-
/*
|
38847
|
+
/* 59 */
|
39202
38848
|
/***/ (function(module, exports, __webpack_require__) {
|
39203
38849
|
|
39204
38850
|
"use strict";
|
@@ -39259,7 +38905,7 @@ exports.Loader = Loader;
|
|
39259
38905
|
|
39260
38906
|
|
39261
38907
|
/***/ }),
|
39262
|
-
/*
|
38908
|
+
/* 60 */
|
39263
38909
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39264
38910
|
|
39265
38911
|
"use strict";
|
@@ -39299,7 +38945,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39299
38945
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
|
39300
38946
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
|
39301
38947
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
|
39302
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(
|
38948
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(70);
|
39303
38949
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
|
39304
38950
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
|
39305
38951
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
|
@@ -39317,7 +38963,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39317
38963
|
|
39318
38964
|
|
39319
38965
|
/***/ }),
|
39320
|
-
/*
|
38966
|
+
/* 61 */
|
39321
38967
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39322
38968
|
|
39323
38969
|
"use strict";
|
@@ -39409,7 +39055,7 @@ function effect(_ref2) {
|
|
39409
39055
|
});
|
39410
39056
|
|
39411
39057
|
/***/ }),
|
39412
|
-
/*
|
39058
|
+
/* 62 */
|
39413
39059
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39414
39060
|
|
39415
39061
|
"use strict";
|
@@ -39442,7 +39088,7 @@ function getLayoutRect(element) {
|
|
39442
39088
|
}
|
39443
39089
|
|
39444
39090
|
/***/ }),
|
39445
|
-
/*
|
39091
|
+
/* 63 */
|
39446
39092
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39447
39093
|
|
39448
39094
|
"use strict";
|
@@ -39452,7 +39098,7 @@ function getMainAxisFromPlacement(placement) {
|
|
39452
39098
|
}
|
39453
39099
|
|
39454
39100
|
/***/ }),
|
39455
|
-
/*
|
39101
|
+
/* 64 */
|
39456
39102
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39457
39103
|
|
39458
39104
|
"use strict";
|
@@ -39649,7 +39295,7 @@ function computeStyles(_ref5) {
|
|
39649
39295
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
39650
39296
|
|
39651
39297
|
/***/ }),
|
39652
|
-
/*
|
39298
|
+
/* 65 */
|
39653
39299
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39654
39300
|
|
39655
39301
|
"use strict";
|
@@ -39705,14 +39351,14 @@ function effect(_ref) {
|
|
39705
39351
|
});
|
39706
39352
|
|
39707
39353
|
/***/ }),
|
39708
|
-
/*
|
39354
|
+
/* 66 */
|
39709
39355
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39710
39356
|
|
39711
39357
|
"use strict";
|
39712
39358
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
|
39713
39359
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
|
39714
39360
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
39715
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(
|
39361
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(67);
|
39716
39362
|
|
39717
39363
|
|
39718
39364
|
|
@@ -39728,7 +39374,7 @@ function getWindowScrollBarX(element) {
|
|
39728
39374
|
}
|
39729
39375
|
|
39730
39376
|
/***/ }),
|
39731
|
-
/*
|
39377
|
+
/* 67 */
|
39732
39378
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39733
39379
|
|
39734
39380
|
"use strict";
|
@@ -39746,7 +39392,7 @@ function getWindowScroll(node) {
|
|
39746
39392
|
}
|
39747
39393
|
|
39748
39394
|
/***/ }),
|
39749
|
-
/*
|
39395
|
+
/* 68 */
|
39750
39396
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39751
39397
|
|
39752
39398
|
"use strict";
|
@@ -39764,7 +39410,7 @@ function isScrollParent(element) {
|
|
39764
39410
|
}
|
39765
39411
|
|
39766
39412
|
/***/ }),
|
39767
|
-
/*
|
39413
|
+
/* 69 */
|
39768
39414
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39769
39415
|
|
39770
39416
|
"use strict";
|
@@ -39796,14 +39442,14 @@ function popperOffsets(_ref) {
|
|
39796
39442
|
});
|
39797
39443
|
|
39798
39444
|
/***/ }),
|
39799
|
-
/*
|
39445
|
+
/* 70 */
|
39800
39446
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39801
39447
|
|
39802
39448
|
"use strict";
|
39803
39449
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
|
39804
39450
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
39805
39451
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(382);
|
39806
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
39452
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
39807
39453
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(235);
|
39808
39454
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
39809
39455
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
|
@@ -40079,7 +39725,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
|
|
40079
39725
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40080
39726
|
|
40081
39727
|
/***/ }),
|
40082
|
-
/*
|
39728
|
+
/* 71 */
|
40083
39729
|
/***/ (function(module, exports, __webpack_require__) {
|
40084
39730
|
|
40085
39731
|
"use strict";
|
@@ -40301,7 +39947,7 @@ exports.default = GridItem;
|
|
40301
39947
|
|
40302
39948
|
|
40303
39949
|
/***/ }),
|
40304
|
-
/*
|
39950
|
+
/* 72 */
|
40305
39951
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40306
39952
|
|
40307
39953
|
"use strict";
|
@@ -40435,7 +40081,7 @@ function createSubscription(store, parentSub) {
|
|
40435
40081
|
}
|
40436
40082
|
|
40437
40083
|
/***/ }),
|
40438
|
-
/*
|
40084
|
+
/* 73 */
|
40439
40085
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40440
40086
|
|
40441
40087
|
"use strict";
|
@@ -40454,7 +40100,7 @@ function createSubscription(store, parentSub) {
|
|
40454
40100
|
var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? __WEBPACK_IMPORTED_MODULE_0_react__["useLayoutEffect"] : __WEBPACK_IMPORTED_MODULE_0_react__["useEffect"];
|
40455
40101
|
|
40456
40102
|
/***/ }),
|
40457
|
-
/*
|
40103
|
+
/* 74 */
|
40458
40104
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40459
40105
|
|
40460
40106
|
"use strict";
|
@@ -40477,6 +40123,361 @@ function invariant(condition, message) {
|
|
40477
40123
|
|
40478
40124
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40479
40125
|
|
40126
|
+
/***/ }),
|
40127
|
+
/* 75 */
|
40128
|
+
/***/ (function(module, exports, __webpack_require__) {
|
40129
|
+
|
40130
|
+
"use strict";
|
40131
|
+
|
40132
|
+
var __extends = (this && this.__extends) || (function () {
|
40133
|
+
var extendStatics = function (d, b) {
|
40134
|
+
extendStatics = Object.setPrototypeOf ||
|
40135
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
40136
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
40137
|
+
return extendStatics(d, b);
|
40138
|
+
};
|
40139
|
+
return function (d, b) {
|
40140
|
+
if (typeof b !== "function" && b !== null)
|
40141
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
40142
|
+
extendStatics(d, b);
|
40143
|
+
function __() { this.constructor = d; }
|
40144
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
40145
|
+
};
|
40146
|
+
})();
|
40147
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
40148
|
+
if (k2 === undefined) k2 = k;
|
40149
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
40150
|
+
}) : (function(o, m, k, k2) {
|
40151
|
+
if (k2 === undefined) k2 = k;
|
40152
|
+
o[k2] = m[k];
|
40153
|
+
}));
|
40154
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
40155
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
40156
|
+
}) : function(o, v) {
|
40157
|
+
o["default"] = v;
|
40158
|
+
});
|
40159
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
40160
|
+
if (mod && mod.__esModule) return mod;
|
40161
|
+
var result = {};
|
40162
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
40163
|
+
__setModuleDefault(result, mod);
|
40164
|
+
return result;
|
40165
|
+
};
|
40166
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
40167
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
40168
|
+
};
|
40169
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
40170
|
+
exports.getDurationString = exports.DurationInput = void 0;
|
40171
|
+
var React = __importStar(__webpack_require__(0));
|
40172
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
40173
|
+
var moment_1 = __importDefault(__webpack_require__(1));
|
40174
|
+
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
40175
|
+
var Form_1 = __webpack_require__(14);
|
40176
|
+
var DurationInput = /** @class */ (function (_super) {
|
40177
|
+
__extends(DurationInput, _super);
|
40178
|
+
function DurationInput(props) {
|
40179
|
+
var _this = _super.call(this, props) || this;
|
40180
|
+
_this.htmlId = (0, react_id_generator_1.default)();
|
40181
|
+
_this.state = {
|
40182
|
+
hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
|
40183
|
+
minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
|
40184
|
+
seconds: _this.stateUpdate('seconds', _this.props.seconds),
|
40185
|
+
blink: '',
|
40186
|
+
};
|
40187
|
+
_this.hourRef = React.createRef();
|
40188
|
+
_this.minuteRef = React.createRef();
|
40189
|
+
_this.secondRef = React.createRef();
|
40190
|
+
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
|
40191
|
+
_this.zeroPad = _this.zeroPad.bind(_this);
|
40192
|
+
_this.handleChange = _this.handleChange.bind(_this);
|
40193
|
+
_this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
|
40194
|
+
_this.handleKeyValue = _this.handleKeyValue.bind(_this);
|
40195
|
+
_this.valueUpdate = _this.valueUpdate.bind(_this);
|
40196
|
+
_this.stateUpdate = _this.stateUpdate.bind(_this);
|
40197
|
+
return _this;
|
40198
|
+
}
|
40199
|
+
DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
|
40200
|
+
var value;
|
40201
|
+
if (state === 'hours') {
|
40202
|
+
value = parametar1
|
40203
|
+
? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
|
40204
|
+
: Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
|
40205
|
+
}
|
40206
|
+
else if (state === 'minutes') {
|
40207
|
+
value = parametar1
|
40208
|
+
? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
|
40209
|
+
: Math.floor((parametar2 || 0) % 3600 / 60);
|
40210
|
+
}
|
40211
|
+
else {
|
40212
|
+
value = parametar1 ? parametar1 % 60 : 0;
|
40213
|
+
}
|
40214
|
+
return this.zeroPad(value);
|
40215
|
+
};
|
40216
|
+
DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
|
40217
|
+
var _this = this;
|
40218
|
+
if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
|
40219
|
+
return;
|
40220
|
+
}
|
40221
|
+
if (this.state.hours !== prevState.hours) {
|
40222
|
+
if (Number(this.hourRef.current.value) > 99) {
|
40223
|
+
this.setState({
|
40224
|
+
hours: this.zeroPad(99),
|
40225
|
+
});
|
40226
|
+
}
|
40227
|
+
}
|
40228
|
+
if (this.state.minutes !== prevState.minutes) {
|
40229
|
+
if (Number(this.minuteRef.current.value) > 59) {
|
40230
|
+
this.setState({
|
40231
|
+
hours: this.zeroPad(Number(this.state.hours) + 1),
|
40232
|
+
minutes: this.zeroPad(this.state.minutes % 60),
|
40233
|
+
});
|
40234
|
+
this.setState({ blink: 'hour' });
|
40235
|
+
setTimeout(function () {
|
40236
|
+
_this.setState({ blink: '' });
|
40237
|
+
}, 500);
|
40238
|
+
}
|
40239
|
+
if (Number(this.minuteRef.current.value) < 0) {
|
40240
|
+
this.setState({
|
40241
|
+
hours: this.zeroPad(Number(this.state.hours)) > 0
|
40242
|
+
? this.zeroPad(Number(this.state.hours) - 1)
|
40243
|
+
: this.zeroPad(Number(this.state.hours)),
|
40244
|
+
minutes: 59,
|
40245
|
+
});
|
40246
|
+
this.setState({ blink: 'hour' });
|
40247
|
+
setTimeout(function () {
|
40248
|
+
_this.setState({ blink: '' });
|
40249
|
+
}, 500);
|
40250
|
+
}
|
40251
|
+
}
|
40252
|
+
if (this.state.seconds !== prevState.seconds) {
|
40253
|
+
if (Number(this.secondRef.current.value) > 59) {
|
40254
|
+
this.setState({
|
40255
|
+
minutes: this.zeroPad(Number(this.state.minutes) + 1),
|
40256
|
+
seconds: this.zeroPad(this.state.seconds % 60),
|
40257
|
+
});
|
40258
|
+
this.setState({ blink: 'minute' });
|
40259
|
+
setTimeout(function () {
|
40260
|
+
_this.setState({ blink: '' });
|
40261
|
+
}, 500);
|
40262
|
+
}
|
40263
|
+
if (Number(this.secondRef.current.value) < 0) {
|
40264
|
+
this.setState({
|
40265
|
+
minutes: this.zeroPad(Number(this.state.minutes) - 1),
|
40266
|
+
seconds: 59,
|
40267
|
+
});
|
40268
|
+
this.setState({ blink: 'minute' });
|
40269
|
+
setTimeout(function () {
|
40270
|
+
_this.setState({ blink: '' });
|
40271
|
+
}, 500);
|
40272
|
+
}
|
40273
|
+
}
|
40274
|
+
if ((this.props.hours !== prevProps.hours)
|
40275
|
+
|| (this.props.minutes !== prevProps.minutes)
|
40276
|
+
|| (this.props.seconds !== prevProps.seconds)) {
|
40277
|
+
this.setState({
|
40278
|
+
hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
|
40279
|
+
minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
|
40280
|
+
seconds: this.stateUpdate('seconds', this.props.seconds),
|
40281
|
+
});
|
40282
|
+
}
|
40283
|
+
};
|
40284
|
+
DurationInput.prototype.valueUpdate = function () {
|
40285
|
+
if (this.props.onChange) {
|
40286
|
+
this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
|
40287
|
+
.asSeconds());
|
40288
|
+
}
|
40289
|
+
};
|
40290
|
+
DurationInput.prototype.handleKeyDown = function (event) {
|
40291
|
+
if (!(event.target instanceof HTMLInputElement)) {
|
40292
|
+
return;
|
40293
|
+
}
|
40294
|
+
if (event.target.id === 'hours') {
|
40295
|
+
if (event.key === 'ArrowRight') {
|
40296
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40297
|
+
this.handleFocus(this.minuteRef.current, event.target.id);
|
40298
|
+
}
|
40299
|
+
}
|
40300
|
+
if (event.key === 'ArrowLeft') {
|
40301
|
+
if (event.target.selectionStart === 0) {
|
40302
|
+
this.handleFocus(this.secondRef.current, event.target.id);
|
40303
|
+
}
|
40304
|
+
}
|
40305
|
+
}
|
40306
|
+
if (event.target.id === 'minutes') {
|
40307
|
+
if (event.key === 'ArrowRight') {
|
40308
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40309
|
+
this.handleFocus(this.secondRef.current, event.target.id);
|
40310
|
+
}
|
40311
|
+
}
|
40312
|
+
if (event.key === 'ArrowLeft') {
|
40313
|
+
if (event.target.selectionStart === 0) {
|
40314
|
+
this.handleFocus(this.hourRef.current, event.target.id);
|
40315
|
+
}
|
40316
|
+
}
|
40317
|
+
}
|
40318
|
+
if (event.target.id === 'seconds') {
|
40319
|
+
if (event.key === 'ArrowRight') {
|
40320
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40321
|
+
this.handleFocus(this.hourRef.current, event.target.id);
|
40322
|
+
}
|
40323
|
+
}
|
40324
|
+
if (event.key === 'ArrowLeft') {
|
40325
|
+
if (event.target.selectionStart === 0) {
|
40326
|
+
this.handleFocus(this.minuteRef.current, event.target.id);
|
40327
|
+
}
|
40328
|
+
}
|
40329
|
+
}
|
40330
|
+
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
|
40331
|
+
this.handleKeyValue(event, event.target.id);
|
40332
|
+
setTimeout(this.valueUpdate);
|
40333
|
+
}
|
40334
|
+
if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
|
40335
|
+
if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
|
40336
|
+
setTimeout(this.valueUpdate);
|
40337
|
+
}
|
40338
|
+
}
|
40339
|
+
};
|
40340
|
+
DurationInput.prototype.handleKeyValue = function (event, state) {
|
40341
|
+
if (!(event.target instanceof HTMLInputElement)) {
|
40342
|
+
return;
|
40343
|
+
}
|
40344
|
+
if (!this.state[state]) {
|
40345
|
+
return;
|
40346
|
+
}
|
40347
|
+
event.preventDefault();
|
40348
|
+
event.stopPropagation();
|
40349
|
+
var stateClone = {};
|
40350
|
+
if (event.key === 'ArrowUp') {
|
40351
|
+
if (event.target.id === 'hours') {
|
40352
|
+
stateClone[state] = this.state[state] < 99
|
40353
|
+
? this.zeroPad(Number(this.state[state]) + 1)
|
40354
|
+
: this.zeroPad(99);
|
40355
|
+
}
|
40356
|
+
else {
|
40357
|
+
stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
|
40358
|
+
}
|
40359
|
+
}
|
40360
|
+
else if (event.key === 'ArrowDown') {
|
40361
|
+
if (event.target.id === 'hours') {
|
40362
|
+
stateClone[state] = this.state[state] > 0
|
40363
|
+
? this.zeroPad(Number(this.state[state]) - 1)
|
40364
|
+
: this.zeroPad(0);
|
40365
|
+
}
|
40366
|
+
else {
|
40367
|
+
stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
|
40368
|
+
}
|
40369
|
+
}
|
40370
|
+
this.setState(stateClone);
|
40371
|
+
};
|
40372
|
+
DurationInput.prototype.zeroPad = function (value) {
|
40373
|
+
if (value.toString().length === 1 || value === 0) {
|
40374
|
+
return "0".concat(value);
|
40375
|
+
}
|
40376
|
+
else if (!value) {
|
40377
|
+
return '00';
|
40378
|
+
}
|
40379
|
+
else {
|
40380
|
+
return value;
|
40381
|
+
}
|
40382
|
+
};
|
40383
|
+
DurationInput.prototype.handleChange = function (event, state) {
|
40384
|
+
var stateClone = {};
|
40385
|
+
if (event.target.value.length >= 2) {
|
40386
|
+
if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
|
40387
|
+
stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
|
40388
|
+
}
|
40389
|
+
else {
|
40390
|
+
stateClone[state] = event.target.value.slice(0, 2);
|
40391
|
+
}
|
40392
|
+
}
|
40393
|
+
else {
|
40394
|
+
stateClone[state] = event.target.value;
|
40395
|
+
}
|
40396
|
+
this.setState(stateClone);
|
40397
|
+
setTimeout(this.valueUpdate);
|
40398
|
+
};
|
40399
|
+
DurationInput.prototype.handleFocus = function (ref, state) {
|
40400
|
+
ref === null || ref === void 0 ? void 0 : ref.focus();
|
40401
|
+
setTimeout(function () {
|
40402
|
+
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
40403
|
+
});
|
40404
|
+
var stateClone = {};
|
40405
|
+
stateClone[state] = this.zeroPad(this.state[state]);
|
40406
|
+
this.setState(stateClone);
|
40407
|
+
};
|
40408
|
+
DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
|
40409
|
+
if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
|
40410
|
+
if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
|
40411
|
+
var target = event.target;
|
40412
|
+
if (target.value.length >= 2) {
|
40413
|
+
ref === null || ref === void 0 ? void 0 : ref.focus();
|
40414
|
+
setTimeout(function () {
|
40415
|
+
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
40416
|
+
});
|
40417
|
+
}
|
40418
|
+
}
|
40419
|
+
}
|
40420
|
+
};
|
40421
|
+
DurationInput.prototype.render = function () {
|
40422
|
+
var _this = this;
|
40423
|
+
var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
|
40424
|
+
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
|
40425
|
+
React.createElement("div", { className: InputClasses },
|
40426
|
+
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40427
|
+
if (!/[0-9]/.test(event.key)) {
|
40428
|
+
event.preventDefault();
|
40429
|
+
}
|
40430
|
+
} }),
|
40431
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "h"),
|
40432
|
+
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40433
|
+
if (!/[0-9]/.test(event.key)) {
|
40434
|
+
event.preventDefault();
|
40435
|
+
}
|
40436
|
+
} }),
|
40437
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "m"),
|
40438
|
+
React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40439
|
+
if (!/[0-9]/.test(event.key)) {
|
40440
|
+
event.preventDefault();
|
40441
|
+
}
|
40442
|
+
} }),
|
40443
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
|
40444
|
+
};
|
40445
|
+
return DurationInput;
|
40446
|
+
}(React.PureComponent));
|
40447
|
+
exports.DurationInput = DurationInput;
|
40448
|
+
function getDurationString(seconds, zero) {
|
40449
|
+
function zeroPad(value) {
|
40450
|
+
if (value.toString().length === 1 || value === 0) {
|
40451
|
+
return "0".concat(value);
|
40452
|
+
}
|
40453
|
+
else if (!value) {
|
40454
|
+
return '00';
|
40455
|
+
}
|
40456
|
+
else {
|
40457
|
+
return value;
|
40458
|
+
}
|
40459
|
+
}
|
40460
|
+
var hour = zeroPad(Math.floor(seconds / 3600));
|
40461
|
+
var minute = zeroPad(Math.floor((seconds % 3600) / 60));
|
40462
|
+
var second = zeroPad(Math.floor(seconds % 60));
|
40463
|
+
if (zero) {
|
40464
|
+
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
40465
|
+
}
|
40466
|
+
else {
|
40467
|
+
if (Number(hour) === 0 && Number(minute) > 0) {
|
40468
|
+
return "".concat(minute, "m ").concat(second, "s");
|
40469
|
+
}
|
40470
|
+
else if (Number(hour) === 0 && Number(minute) === 0) {
|
40471
|
+
return "".concat(second, "s");
|
40472
|
+
}
|
40473
|
+
else {
|
40474
|
+
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
40475
|
+
}
|
40476
|
+
}
|
40477
|
+
}
|
40478
|
+
exports.getDurationString = getDurationString;
|
40479
|
+
|
40480
|
+
|
40480
40481
|
/***/ }),
|
40481
40482
|
/* 76 */
|
40482
40483
|
/***/ (function(module, exports, __webpack_require__) {
|
@@ -40733,7 +40734,7 @@ var React = __importStar(__webpack_require__(0));
|
|
40733
40734
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
40734
40735
|
var react_beautiful_dnd_1 = __webpack_require__(494);
|
40735
40736
|
var Tooltip_1 = __webpack_require__(36);
|
40736
|
-
var Button_1 = __webpack_require__(
|
40737
|
+
var Button_1 = __webpack_require__(52);
|
40737
40738
|
var Dropdown_1 = __webpack_require__(226);
|
40738
40739
|
var reorder = function (list, startIndex, endIndex) {
|
40739
40740
|
var result = Array.from(list);
|
@@ -40793,30 +40794,30 @@ var TableList = /** @class */ (function (_super) {
|
|
40793
40794
|
return (this.state.items.length > 0
|
40794
40795
|
? this.props.dragAndDrop
|
40795
40796
|
? React.createElement(react_beautiful_dnd_1.DragDropContext, { onDragEnd: this.onDragEnd },
|
40796
|
-
React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("
|
40797
|
+
React.createElement(react_beautiful_dnd_1.Droppable, { droppableId: "droppable" }, function (provided, _snapshot) { return (React.createElement("div", __assign({ role: 'list', className: classes, ref: provided.innerRef }, provided.droppableProps),
|
40797
40798
|
_this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
|
40798
40799
|
React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
40799
40800
|
? item.onDoubleClick
|
40800
40801
|
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
|
40801
40802
|
? _this.props.itemsDropdown(index)
|
40802
|
-
: []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
40803
|
+
: []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
|
40803
40804
|
&& _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
|
40804
40805
|
provided.placeholder,
|
40805
40806
|
(_this.props.addItem && !_this.props.readOnly) &&
|
40806
|
-
React.createElement("
|
40807
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
40807
40808
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40808
40809
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
|
40809
|
-
: React.createElement("
|
40810
|
+
: React.createElement("div", { role: 'list', className: classes },
|
40810
40811
|
this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
40811
40812
|
? item.onDoubleClick
|
40812
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
40813
|
+
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
|
40813
40814
|
&& _this.props.onAddItem(index, item); } })); }),
|
40814
40815
|
(this.props.addItem && !this.props.readOnly) &&
|
40815
|
-
React.createElement("
|
40816
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
40816
40817
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40817
40818
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
40818
|
-
: (this.props.addItem && !this.props.readOnly) ? React.createElement("
|
40819
|
-
React.createElement("
|
40819
|
+
: (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
|
40820
|
+
React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
|
40820
40821
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40821
40822
|
React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
|
40822
40823
|
: null);
|
@@ -40856,12 +40857,14 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40856
40857
|
var classes = (0, classnames_1.default)('table-list__item', {
|
40857
40858
|
'table-list__item--clickable': this.props.onClick,
|
40858
40859
|
'table-list__item--draggable': this.props.dragAndDrop,
|
40860
|
+
'table-list__item--locked': this.props.locked,
|
40861
|
+
'table-list__item--position-locked': this.props.positionLocked,
|
40859
40862
|
'table-list__item--drag-handles-always': !this.props.showDragHandle,
|
40860
40863
|
'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
|
40861
40864
|
});
|
40862
40865
|
return (this.props.addItem ?
|
40863
|
-
React.createElement("
|
40864
|
-
React.createElement("div", { onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
40866
|
+
React.createElement("div", { className: 'table-list__item-container' },
|
40867
|
+
React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
|
40865
40868
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
40866
40869
|
React.createElement("div", { className: 'table-list__item-content' },
|
40867
40870
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -40873,7 +40876,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40873
40876
|
React.createElement("div", { className: 'table-list__add-bar' },
|
40874
40877
|
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
40875
40878
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
|
40876
|
-
: React.createElement("
|
40879
|
+
: React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
|
40877
40880
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
40878
40881
|
React.createElement("div", { className: 'table-list__item-content' },
|
40879
40882
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
@@ -56360,7 +56363,7 @@ function addLeadingZeros(number, targetLength) {
|
|
56360
56363
|
"use strict";
|
56361
56364
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
|
56362
56365
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
56363
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
56366
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
56364
56367
|
|
56365
56368
|
// This function will be a part of public API when UTC function will be implemented.
|
56366
56369
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -56398,7 +56401,7 @@ function getUTCISOWeekYear(dirtyDate) {
|
|
56398
56401
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
|
56399
56402
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
56400
56403
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(15);
|
56401
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(
|
56404
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
56402
56405
|
|
56403
56406
|
|
56404
56407
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -57038,7 +57041,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
57038
57041
|
exports.Dropdown = void 0;
|
57039
57042
|
var React = __importStar(__webpack_require__(0));
|
57040
57043
|
var ReactDOM = __importStar(__webpack_require__(9));
|
57041
|
-
var core_1 = __webpack_require__(
|
57044
|
+
var core_1 = __webpack_require__(60);
|
57042
57045
|
var react_id_generator_1 = __webpack_require__(8);
|
57043
57046
|
var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
|
57044
57047
|
var Dropdown = function (_a) {
|
@@ -57275,13 +57278,13 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57275
57278
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
57276
57279
|
|
57277
57280
|
"use strict";
|
57278
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(
|
57281
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(61);
|
57279
57282
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
|
57280
57283
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(228);
|
57281
57284
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
|
57282
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(
|
57285
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(64);
|
57283
57286
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
|
57284
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(
|
57287
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(65);
|
57285
57288
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
|
57286
57289
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(234);
|
57287
57290
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
|
@@ -57289,7 +57292,7 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57289
57292
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
|
57290
57293
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(239);
|
57291
57294
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
|
57292
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(
|
57295
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(69);
|
57293
57296
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
|
57294
57297
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(240);
|
57295
57298
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
|
@@ -57309,10 +57312,10 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57309
57312
|
|
57310
57313
|
"use strict";
|
57311
57314
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(21);
|
57312
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
57315
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
57313
57316
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(229);
|
57314
57317
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
57315
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(
|
57318
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57316
57319
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(230);
|
57317
57320
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(231);
|
57318
57321
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(233);
|
@@ -57678,7 +57681,7 @@ function flip(_ref) {
|
|
57678
57681
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
|
57679
57682
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
|
57680
57683
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
|
57681
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(
|
57684
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(68);
|
57682
57685
|
|
57683
57686
|
|
57684
57687
|
|
@@ -57729,7 +57732,7 @@ function rectToClientRect(rect) {
|
|
57729
57732
|
/* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
|
57730
57733
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(21);
|
57731
57734
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
|
57732
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(
|
57735
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57733
57736
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
|
57734
57737
|
|
57735
57738
|
|
@@ -57941,10 +57944,10 @@ function offset(_ref2) {
|
|
57941
57944
|
"use strict";
|
57942
57945
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
|
57943
57946
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(21);
|
57944
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(
|
57947
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57945
57948
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
|
57946
57949
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(230);
|
57947
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
57950
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
57948
57951
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
57949
57952
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
|
57950
57953
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
|
@@ -58100,11 +58103,11 @@ function preventOverflow(_ref) {
|
|
58100
58103
|
"use strict";
|
58101
58104
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
58102
58105
|
/* unused harmony export defaultModifiers */
|
58103
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
58104
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
58105
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
58106
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
58107
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(
|
58106
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
58107
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
58108
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
58109
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
58110
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
58108
58111
|
/* unused harmony reexport popperGenerator */
|
58109
58112
|
/* unused harmony reexport detectOverflow */
|
58110
58113
|
|
@@ -58176,7 +58179,7 @@ exports.SelectGrid = void 0;
|
|
58176
58179
|
var React = __importStar(__webpack_require__(0));
|
58177
58180
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
58178
58181
|
var overlaypanel_1 = __webpack_require__(429);
|
58179
|
-
var Loader_1 = __webpack_require__(
|
58182
|
+
var Loader_1 = __webpack_require__(59);
|
58180
58183
|
var SelectGrid = /** @class */ (function (_super) {
|
58181
58184
|
__extends(SelectGrid, _super);
|
58182
58185
|
function SelectGrid(props) {
|
@@ -58383,7 +58386,7 @@ exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = e
|
|
58383
58386
|
var React = __importStar(__webpack_require__(0));
|
58384
58387
|
var Icon_1 = __webpack_require__(7);
|
58385
58388
|
var IconButton_1 = __webpack_require__(44);
|
58386
|
-
var Spinner_1 = __webpack_require__(
|
58389
|
+
var Spinner_1 = __webpack_require__(53);
|
58387
58390
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
58388
58391
|
var Panel = /** @class */ (function (_super) {
|
58389
58392
|
__extends(Panel, _super);
|
@@ -58710,8 +58713,8 @@ var getBatch = function getBatch() {
|
|
58710
58713
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
|
58711
58714
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(501);
|
58712
58715
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
|
58713
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(
|
58714
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
58716
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(72);
|
58717
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
58715
58718
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(30);
|
58716
58719
|
|
58717
58720
|
|
@@ -59422,7 +59425,7 @@ var ContentListItem = /** @class */ (function (_super) {
|
|
59422
59425
|
'fetched': this.props.archived,
|
59423
59426
|
'actioning': this.props.loading,
|
59424
59427
|
});
|
59425
|
-
return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59428
|
+
return (React.createElement("div", { role: 'listitem', className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59426
59429
|
this.props.locked
|
59427
59430
|
? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
|
59428
59431
|
: React.createElement("div", { className: "sd-list-item__border" }),
|
@@ -59445,7 +59448,7 @@ var ContentList = /** @class */ (function (_super) {
|
|
59445
59448
|
}
|
59446
59449
|
ContentList.prototype.render = function () {
|
59447
59450
|
var classes = (0, classnames_1.default)('sd-list-item-group sd-list-item-group--space-between-items');
|
59448
|
-
return (React.createElement("
|
59451
|
+
return (React.createElement("div", { role: 'list', className: classes }, this.props.items.map(function (item, index) {
|
59449
59452
|
return React.createElement(ContentListItem, { key: index, itemColum: item.itemColum, locked: item.locked, action: item.action, loading: item.loading, activated: item.activated, selected: item.selected, archived: item.archived, onClick: item.onClick, onDoubleClick: item.onDoubleClick });
|
59450
59453
|
})));
|
59451
59454
|
};
|
@@ -62872,11 +62875,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
62872
62875
|
exports.TreeSelect = void 0;
|
62873
62876
|
var React = __importStar(__webpack_require__(0));
|
62874
62877
|
var Icon_1 = __webpack_require__(7);
|
62875
|
-
var Loader_1 = __webpack_require__(
|
62878
|
+
var Loader_1 = __webpack_require__(59);
|
62876
62879
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
62877
62880
|
var debounce_1 = __importDefault(__webpack_require__(483));
|
62878
62881
|
var Form_1 = __webpack_require__(14);
|
62879
|
-
var core_1 = __webpack_require__(
|
62882
|
+
var core_1 = __webpack_require__(60);
|
62880
62883
|
var lodash_1 = __webpack_require__(33);
|
62881
62884
|
var TreeSelect = /** @class */ (function (_super) {
|
62882
62885
|
__extends(TreeSelect, _super);
|
@@ -63561,7 +63564,7 @@ exports.typeOf = typeOf;
|
|
63561
63564
|
var ReactIs = __webpack_require__(48);
|
63562
63565
|
var assign = __webpack_require__(274);
|
63563
63566
|
|
63564
|
-
var ReactPropTypesSecret = __webpack_require__(
|
63567
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
63565
63568
|
var has = __webpack_require__(79);
|
63566
63569
|
var checkPropTypes = __webpack_require__(275);
|
63567
63570
|
|
@@ -64276,7 +64279,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
64276
64279
|
var printWarning = function() {};
|
64277
64280
|
|
64278
64281
|
if (process.env.NODE_ENV !== 'production') {
|
64279
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64282
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64280
64283
|
var loggedTypeFailures = {};
|
64281
64284
|
var has = __webpack_require__(79);
|
64282
64285
|
|
@@ -64384,7 +64387,7 @@ module.exports = checkPropTypes;
|
|
64384
64387
|
|
64385
64388
|
|
64386
64389
|
|
64387
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64390
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64388
64391
|
|
64389
64392
|
function emptyFunction() {}
|
64390
64393
|
function emptyFunctionWithReset() {}
|
@@ -64986,9 +64989,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
64986
64989
|
__setModuleDefault(result, mod);
|
64987
64990
|
return result;
|
64988
64991
|
};
|
64992
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
64993
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
64994
|
+
};
|
64989
64995
|
Object.defineProperty(exports, "__esModule", { value: true });
|
64990
64996
|
exports.InputBase = void 0;
|
64991
64997
|
var React = __importStar(__webpack_require__(0));
|
64998
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
64992
64999
|
var InputBase = /** @class */ (function (_super) {
|
64993
65000
|
__extends(InputBase, _super);
|
64994
65001
|
function InputBase(props) {
|
@@ -65018,7 +65025,17 @@ var InputBase = /** @class */ (function (_super) {
|
|
65018
65025
|
};
|
65019
65026
|
InputBase.prototype.render = function () {
|
65020
65027
|
var _a;
|
65021
|
-
|
65028
|
+
var _b;
|
65029
|
+
var classes = (0, classnames_1.default)('sd-input__input', (_a = {
|
65030
|
+
'sd-input__input--boxed-style': this.props.boxedStyle,
|
65031
|
+
'sd-input__input--required': this.props.required,
|
65032
|
+
'sd-input__input--invalid': this.props.invalid,
|
65033
|
+
'sd-input__input--disabled': this.props.disabled,
|
65034
|
+
'sd-input__input--medium': this.props.size === undefined
|
65035
|
+
},
|
65036
|
+
_a["sd-input__input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
65037
|
+
_a));
|
65038
|
+
return (React.createElement("input", { className: classes, type: (_b = this.props.type) !== null && _b !== void 0 ? _b : 'text', id: this.props.htmlId, value: this.state.value, "aria-describedby": this.props.htmlId + 'label', tabIndex: this.props.tabIndex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled }));
|
65022
65039
|
};
|
65023
65040
|
return InputBase;
|
65024
65041
|
}(React.Component));
|
@@ -70704,7 +70721,7 @@ function getUTCDayOfYear(dirtyDate) {
|
|
70704
70721
|
"use strict";
|
70705
70722
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
|
70706
70723
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
70707
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
70724
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
70708
70725
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
|
70709
70726
|
|
70710
70727
|
|
@@ -70732,7 +70749,7 @@ function getUTCISOWeek(dirtyDate) {
|
|
70732
70749
|
"use strict";
|
70733
70750
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
|
70734
70751
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(220);
|
70735
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
70752
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
70736
70753
|
|
70737
70754
|
// This function will be a part of public API when UTC function will be implemented.
|
70738
70755
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -70757,7 +70774,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
|
|
70757
70774
|
"use strict";
|
70758
70775
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
|
70759
70776
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
70760
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(
|
70777
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
70761
70778
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
|
70762
70779
|
|
70763
70780
|
|
@@ -70786,7 +70803,7 @@ function getUTCWeek(dirtyDate, options) {
|
|
70786
70803
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
|
70787
70804
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
70788
70805
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(221);
|
70789
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(
|
70806
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
70790
70807
|
|
70791
70808
|
|
70792
70809
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -75076,7 +75093,7 @@ exports.RadioButtonGroup = void 0;
|
|
75076
75093
|
var React = __importStar(__webpack_require__(0));
|
75077
75094
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75078
75095
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
75079
|
-
var FormLabel_1 = __webpack_require__(
|
75096
|
+
var FormLabel_1 = __webpack_require__(49);
|
75080
75097
|
var RadioButtonGroup = /** @class */ (function (_super) {
|
75081
75098
|
__extends(RadioButtonGroup, _super);
|
75082
75099
|
function RadioButtonGroup(props) {
|
@@ -75311,7 +75328,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
75311
75328
|
exports.CheckButtonGroup = void 0;
|
75312
75329
|
var React = __importStar(__webpack_require__(0));
|
75313
75330
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75314
|
-
var FormLabel_1 = __webpack_require__(
|
75331
|
+
var FormLabel_1 = __webpack_require__(49);
|
75315
75332
|
var CheckButtonGroup = /** @class */ (function (_super) {
|
75316
75333
|
__extends(CheckButtonGroup, _super);
|
75317
75334
|
function CheckButtonGroup() {
|
@@ -76572,7 +76589,7 @@ function getClippingRect(element, boundary, rootBoundary) {
|
|
76572
76589
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
|
76573
76590
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
|
76574
76591
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
76575
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
76592
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76576
76593
|
|
76577
76594
|
|
76578
76595
|
|
@@ -76622,8 +76639,8 @@ function getViewportRect(element) {
|
|
76622
76639
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
|
76623
76640
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(22);
|
76624
76641
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(34);
|
76625
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
76626
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(
|
76642
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76643
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(67);
|
76627
76644
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(29);
|
76628
76645
|
|
76629
76646
|
|
@@ -76662,7 +76679,7 @@ function getDocumentRect(element) {
|
|
76662
76679
|
"use strict";
|
76663
76680
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
|
76664
76681
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
|
76665
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(
|
76682
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(68);
|
76666
76683
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
76667
76684
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
76668
76685
|
|
@@ -76761,9 +76778,9 @@ function getAltAxis(axis) {
|
|
76761
76778
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
|
76762
76779
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
76763
76780
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
76764
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(
|
76781
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76765
76782
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(22);
|
76766
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(
|
76783
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(68);
|
76767
76784
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(29);
|
76768
76785
|
|
76769
76786
|
|
@@ -76830,7 +76847,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
76830
76847
|
|
76831
76848
|
"use strict";
|
76832
76849
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
|
76833
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(
|
76850
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(67);
|
76834
76851
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
|
76835
76852
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
|
76836
76853
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
|
@@ -77085,11 +77102,11 @@ function mergeByName(modifiers) {
|
|
77085
77102
|
"use strict";
|
77086
77103
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
77087
77104
|
/* unused harmony export defaultModifiers */
|
77088
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
77089
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
77090
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
77091
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
77092
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(
|
77105
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
77106
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
77107
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
77108
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
77109
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
77093
77110
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(239);
|
77094
77111
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(234);
|
77095
77112
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(240);
|
@@ -96643,7 +96660,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
96643
96660
|
exports.TagInput = void 0;
|
96644
96661
|
var React = __importStar(__webpack_require__(0));
|
96645
96662
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
96646
|
-
var core_1 = __webpack_require__(
|
96663
|
+
var core_1 = __webpack_require__(60);
|
96647
96664
|
var lodash_1 = __webpack_require__(33);
|
96648
96665
|
var TagInput = function (_a) {
|
96649
96666
|
var items = _a.items, label = _a.label, freetype = _a.freetype;
|
@@ -97470,7 +97487,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
97470
97487
|
Object.defineProperty(exports, "__esModule", {
|
97471
97488
|
value: true
|
97472
97489
|
});
|
97473
|
-
exports.TieredMenu =
|
97490
|
+
exports.TieredMenu = void 0;
|
97474
97491
|
|
97475
97492
|
var _react = _interopRequireWildcard(__webpack_require__(0));
|
97476
97493
|
|
@@ -97496,8 +97513,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
97496
97513
|
|
97497
97514
|
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; }
|
97498
97515
|
|
97499
|
-
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; }
|
97500
|
-
|
97501
97516
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
97502
97517
|
|
97503
97518
|
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); } }
|
@@ -97518,97 +97533,27 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
97518
97533
|
|
97519
97534
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
97520
97535
|
|
97521
|
-
|
97522
|
-
// children(args: {direction: 'left' | 'right'}): JSX.Element;
|
97523
|
-
// }
|
97524
|
-
// interface IState {
|
97525
|
-
// direction: 'left' | 'right' | null;
|
97526
|
-
// }
|
97527
|
-
|
97528
|
-
/**
|
97529
|
-
* Checks whether there is more space on the left or right,
|
97530
|
-
* in order to choose which direction submenus open to.
|
97531
|
-
*/
|
97532
|
-
var LocationRetrieved = /*#__PURE__*/function (_React$PureComponent) {
|
97533
|
-
_inherits(LocationRetrieved, _React$PureComponent);
|
97534
|
-
|
97535
|
-
var _super = _createSuper(LocationRetrieved);
|
97536
|
-
|
97537
|
-
// <IProps, IState>
|
97538
|
-
function LocationRetrieved(props) {
|
97539
|
-
var _this;
|
97540
|
-
|
97541
|
-
_classCallCheck(this, LocationRetrieved);
|
97542
|
-
|
97543
|
-
_this = _super.call(this, props);
|
97544
|
-
_this.state = {
|
97545
|
-
direction: null
|
97546
|
-
};
|
97547
|
-
_this.recompute = _this.recompute.bind(_assertThisInitialized(_this));
|
97548
|
-
return _this;
|
97549
|
-
}
|
97550
|
-
|
97551
|
-
_createClass(LocationRetrieved, [{
|
97552
|
-
key: "recompute",
|
97553
|
-
value: function recompute(callback) {
|
97554
|
-
// public, used in TieredMenu#show
|
97555
|
-
this.setState({
|
97556
|
-
direction: null
|
97557
|
-
});
|
97558
|
-
setTimeout(callback, 0);
|
97559
|
-
}
|
97560
|
-
}, {
|
97561
|
-
key: "render",
|
97562
|
-
value: function render() {
|
97563
|
-
var _this2 = this;
|
97564
|
-
|
97565
|
-
if (this.state.direction == null) {
|
97566
|
-
return /*#__PURE__*/_react.default.createElement("span", {
|
97567
|
-
ref: function ref(el) {
|
97568
|
-
if (el != null) {
|
97569
|
-
var rect = el.getBoundingClientRect();
|
97570
|
-
var left = rect.left;
|
97571
|
-
var availableSpaceH = document.body.offsetWidth;
|
97572
|
-
var direction = left < availableSpaceH / 2 ? 'right' : 'left';
|
97573
|
-
|
97574
|
-
_this2.setState({
|
97575
|
-
direction: direction
|
97576
|
-
});
|
97577
|
-
}
|
97578
|
-
}
|
97579
|
-
});
|
97580
|
-
} else {
|
97581
|
-
return this.props.children({
|
97582
|
-
direction: this.state.direction
|
97583
|
-
});
|
97584
|
-
}
|
97585
|
-
}
|
97586
|
-
}]);
|
97587
|
-
|
97588
|
-
return LocationRetrieved;
|
97589
|
-
}(_react.default.PureComponent);
|
97590
|
-
|
97591
|
-
exports.LocationRetrieved = LocationRetrieved;
|
97536
|
+
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; }
|
97592
97537
|
|
97593
97538
|
var TieredMenu = /*#__PURE__*/function (_Component) {
|
97594
97539
|
_inherits(TieredMenu, _Component);
|
97595
97540
|
|
97596
|
-
var
|
97541
|
+
var _super = _createSuper(TieredMenu);
|
97597
97542
|
|
97598
97543
|
function TieredMenu(props) {
|
97599
|
-
var
|
97544
|
+
var _this;
|
97600
97545
|
|
97601
97546
|
_classCallCheck(this, TieredMenu);
|
97602
97547
|
|
97603
|
-
|
97604
|
-
|
97548
|
+
_this = _super.call(this, props);
|
97549
|
+
_this.state = {
|
97605
97550
|
visible: !props.popup
|
97606
97551
|
};
|
97607
|
-
|
97608
|
-
|
97609
|
-
|
97610
|
-
|
97611
|
-
return
|
97552
|
+
_this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
|
97553
|
+
_this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
|
97554
|
+
_this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
|
97555
|
+
_this.id = _this.props.id || (0, _UniqueComponentId.default)();
|
97556
|
+
return _this;
|
97612
97557
|
}
|
97613
97558
|
|
97614
97559
|
_createClass(TieredMenu, [{
|
@@ -97621,31 +97566,29 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97621
97566
|
}, {
|
97622
97567
|
key: "show",
|
97623
97568
|
value: function show(event) {
|
97624
|
-
var
|
97569
|
+
var _this2 = this;
|
97625
97570
|
|
97626
97571
|
this.target = event.currentTarget;
|
97627
97572
|
var currentEvent = event;
|
97628
|
-
this.
|
97629
|
-
|
97630
|
-
|
97631
|
-
|
97632
|
-
|
97633
|
-
|
97634
|
-
}
|
97635
|
-
});
|
97573
|
+
this.setState({
|
97574
|
+
visible: true
|
97575
|
+
}, function () {
|
97576
|
+
if (_this2.props.onShow) {
|
97577
|
+
_this2.props.onShow(currentEvent);
|
97578
|
+
}
|
97636
97579
|
});
|
97637
97580
|
}
|
97638
97581
|
}, {
|
97639
97582
|
key: "hide",
|
97640
97583
|
value: function hide(event) {
|
97641
|
-
var
|
97584
|
+
var _this3 = this;
|
97642
97585
|
|
97643
97586
|
var currentEvent = event;
|
97644
97587
|
this.setState({
|
97645
97588
|
visible: false
|
97646
97589
|
}, function () {
|
97647
|
-
if (
|
97648
|
-
|
97590
|
+
if (_this3.props.onHide) {
|
97591
|
+
_this3.props.onHide(currentEvent);
|
97649
97592
|
}
|
97650
97593
|
});
|
97651
97594
|
}
|
@@ -97686,12 +97629,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97686
97629
|
}, {
|
97687
97630
|
key: "bindDocumentClickListener",
|
97688
97631
|
value: function bindDocumentClickListener() {
|
97689
|
-
var
|
97632
|
+
var _this4 = this;
|
97690
97633
|
|
97691
97634
|
if (!this.documentClickListener) {
|
97692
97635
|
this.documentClickListener = function (event) {
|
97693
|
-
if (
|
97694
|
-
|
97636
|
+
if (_this4.props.popup && _this4.state.visible && !_this4.container.contains(event.target)) {
|
97637
|
+
_this4.hide(event);
|
97695
97638
|
}
|
97696
97639
|
};
|
97697
97640
|
|
@@ -97709,12 +97652,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97709
97652
|
}, {
|
97710
97653
|
key: "bindDocumentResizeListener",
|
97711
97654
|
value: function bindDocumentResizeListener() {
|
97712
|
-
var
|
97655
|
+
var _this5 = this;
|
97713
97656
|
|
97714
97657
|
if (!this.documentResizeListener) {
|
97715
97658
|
this.documentResizeListener = function (event) {
|
97716
|
-
if (
|
97717
|
-
|
97659
|
+
if (_this5.state.visible) {
|
97660
|
+
_this5.hide(event);
|
97718
97661
|
}
|
97719
97662
|
};
|
97720
97663
|
|
@@ -97732,12 +97675,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97732
97675
|
}, {
|
97733
97676
|
key: "bindScrollListener",
|
97734
97677
|
value: function bindScrollListener() {
|
97735
|
-
var
|
97678
|
+
var _this6 = this;
|
97736
97679
|
|
97737
97680
|
if (!this.scrollHandler) {
|
97738
97681
|
this.scrollHandler = new _ConnectedOverlayScrollHandler.default(this.target, function (event) {
|
97739
|
-
if (
|
97740
|
-
|
97682
|
+
if (_this6.state.visible) {
|
97683
|
+
_this6.hide(event);
|
97741
97684
|
}
|
97742
97685
|
});
|
97743
97686
|
}
|
@@ -97763,8 +97706,8 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97763
97706
|
}
|
97764
97707
|
}, {
|
97765
97708
|
key: "renderElement",
|
97766
|
-
value: function renderElement(
|
97767
|
-
var
|
97709
|
+
value: function renderElement() {
|
97710
|
+
var _this7 = this;
|
97768
97711
|
|
97769
97712
|
var className = (0, _ClassNames.classNames)('p-tieredmenu p-component', {
|
97770
97713
|
'p-tieredmenu-overlay': this.props.popup
|
@@ -97782,7 +97725,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97782
97725
|
onExit: this.onExit
|
97783
97726
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
97784
97727
|
ref: function ref(el) {
|
97785
|
-
return
|
97728
|
+
return _this7.container = el;
|
97786
97729
|
},
|
97787
97730
|
id: this.id,
|
97788
97731
|
className: className,
|
@@ -97791,28 +97734,14 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97791
97734
|
}, /*#__PURE__*/_react.default.createElement(_TieredMenuSub.TieredMenuSub, {
|
97792
97735
|
model: this.props.model,
|
97793
97736
|
root: true,
|
97794
|
-
popup: this.props.popup
|
97795
|
-
direction: direction
|
97737
|
+
popup: this.props.popup
|
97796
97738
|
})));
|
97797
97739
|
}
|
97798
97740
|
}, {
|
97799
97741
|
key: "render",
|
97800
97742
|
value: function render() {
|
97801
|
-
var
|
97802
|
-
|
97803
|
-
return /*#__PURE__*/_react.default.createElement(LocationRetrieved, {
|
97804
|
-
ref: function ref(instance) {
|
97805
|
-
if (instance != null) {
|
97806
|
-
_this10.locator = instance;
|
97807
|
-
}
|
97808
|
-
}
|
97809
|
-
}, function (_ref) {
|
97810
|
-
var direction = _ref.direction;
|
97811
|
-
|
97812
|
-
var element = _this10.renderElement(direction);
|
97813
|
-
|
97814
|
-
if (_this10.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, _this10.props.appendTo);else return element;
|
97815
|
-
});
|
97743
|
+
var element = this.renderElement();
|
97744
|
+
if (this.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, this.props.appendTo);else return element;
|
97816
97745
|
}
|
97817
97746
|
}]);
|
97818
97747
|
|
@@ -97976,8 +97905,6 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
97976
97905
|
}, {
|
97977
97906
|
key: "onItemClick",
|
97978
97907
|
value: function onItemClick(event, item) {
|
97979
|
-
var _item$items$length, _item$items;
|
97980
|
-
|
97981
97908
|
if (item.disabled) {
|
97982
97909
|
event.preventDefault();
|
97983
97910
|
return;
|
@@ -97994,27 +97921,21 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
97994
97921
|
});
|
97995
97922
|
}
|
97996
97923
|
|
97997
|
-
if (
|
97998
|
-
if (
|
97999
|
-
this.
|
98000
|
-
|
98001
|
-
|
98002
|
-
|
98003
|
-
|
98004
|
-
|
98005
|
-
|
97924
|
+
if (this.props.root) {
|
97925
|
+
if (item.items) {
|
97926
|
+
if (this.state.activeItem && item === this.state.activeItem) {
|
97927
|
+
this.setState({
|
97928
|
+
activeItem: null
|
97929
|
+
});
|
97930
|
+
} else {
|
97931
|
+
this.setState({
|
97932
|
+
activeItem: item
|
97933
|
+
});
|
97934
|
+
}
|
98006
97935
|
}
|
98007
97936
|
}
|
98008
97937
|
|
98009
|
-
|
98010
|
-
var isKeyboardEvent = event.clientX === 0 && event.clientY === 0;
|
98011
|
-
|
98012
|
-
if (isKeyboardEvent) {
|
98013
|
-
setTimeout(function () {
|
98014
|
-
var el = target.parentElement.querySelectorAll('.p-submenu-list > .p-menuitem')[0].querySelector('button');
|
98015
|
-
el.focus();
|
98016
|
-
}, 0);
|
98017
|
-
} else if (!item.items) {
|
97938
|
+
if (!item.items) {
|
98018
97939
|
this.onLeafClick();
|
98019
97940
|
}
|
98020
97941
|
}
|
@@ -98071,10 +97992,8 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98071
97992
|
}, {
|
98072
97993
|
key: "onChildItemKeyDown",
|
98073
97994
|
value: function onChildItemKeyDown(event, childListItem) {
|
98074
|
-
|
98075
|
-
|
98076
|
-
|
98077
|
-
if (leftArrow || escape) {
|
97995
|
+
//left
|
97996
|
+
if (event.which === 37) {
|
98078
97997
|
this.setState({
|
98079
97998
|
activeItem: null
|
98080
97999
|
});
|
@@ -98146,8 +98065,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98146
98065
|
onLeafClick: this.onLeafClick,
|
98147
98066
|
popup: this.props.popup,
|
98148
98067
|
onKeyDown: this.onChildItemKeyDown,
|
98149
|
-
parentActive: item === this.state.activeItem
|
98150
|
-
direction: this.props.direction
|
98068
|
+
parentActive: item === this.state.activeItem
|
98151
98069
|
});
|
98152
98070
|
}
|
98153
98071
|
|
@@ -98175,8 +98093,10 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98175
98093
|
return _this3.onItemMouseEnter(event, item);
|
98176
98094
|
},
|
98177
98095
|
role: "none"
|
98178
|
-
}, /*#__PURE__*/_react.default.createElement("
|
98096
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
98097
|
+
href: item.url || '#',
|
98179
98098
|
className: linkClassName,
|
98099
|
+
target: item.target,
|
98180
98100
|
role: "menuitem",
|
98181
98101
|
"aria-haspopup": item.items != null,
|
98182
98102
|
onClick: function onClick(event) {
|
@@ -98222,10 +98142,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98222
98142
|
},
|
98223
98143
|
className: className,
|
98224
98144
|
role: this.props.root ? 'menubar' : 'menu',
|
98225
|
-
"aria-orientation": "horizontal"
|
98226
|
-
style: {
|
98227
|
-
left: this.props.direction === 'left' ? '-100%' : '100%'
|
98228
|
-
}
|
98145
|
+
"aria-orientation": "horizontal"
|
98229
98146
|
}, submenu);
|
98230
98147
|
}
|
98231
98148
|
}]);
|
@@ -98252,8 +98169,7 @@ _defineProperty(TieredMenuSub, "propTypes", {
|
|
98252
98169
|
popup: _propTypes.default.bool,
|
98253
98170
|
onLeafClick: _propTypes.default.func,
|
98254
98171
|
onKeyDown: _propTypes.default.func,
|
98255
|
-
parentActive: _propTypes.default.bool
|
98256
|
-
direction: _propTypes.default.string
|
98172
|
+
parentActive: _propTypes.default.bool
|
98257
98173
|
});
|
98258
98174
|
|
98259
98175
|
/***/ }),
|
@@ -98802,7 +98718,7 @@ exports.IconPicker = void 0;
|
|
98802
98718
|
var React = __importStar(__webpack_require__(0));
|
98803
98719
|
// @ts-ignore
|
98804
98720
|
var iconFont = __importStar(__webpack_require__(265));
|
98805
|
-
var Button_1 = __webpack_require__(
|
98721
|
+
var Button_1 = __webpack_require__(52);
|
98806
98722
|
var Icon_1 = __webpack_require__(7);
|
98807
98723
|
var SelectGrid_1 = __webpack_require__(243);
|
98808
98724
|
var IconPicker = /** @class */ (function (_super) {
|
@@ -100716,7 +100632,7 @@ var AuthoringMain = /** @class */ (function (_super) {
|
|
100716
100632
|
return (React.createElement(_1.AuthoringMainContainer, null,
|
100717
100633
|
this.props.toolBar && (React.createElement(_1.AuthoringMainToolBar, { toolbarCustom: this.props.toolbarCustom }, this.props.toolBar)),
|
100718
100634
|
React.createElement(_1.AuthoringMainContent, null,
|
100719
|
-
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding }, this.props.authoringHeader)),
|
100635
|
+
this.props.authoringHeader && (React.createElement(_1.AuthoringInnerHeader, { headerPadding: this.props.headerPadding, collapsed: this.props.headerCollapsed }, this.props.authoringHeader)),
|
100720
100636
|
this.props.authoringBookmarks && (React.createElement(_1.AuthorinInnerSideBar, null, this.props.authoringBookmarks)),
|
100721
100637
|
React.createElement(_1.AuthoringInnerBody, null, this.props.children))));
|
100722
100638
|
};
|
@@ -100953,7 +100869,7 @@ var AuthoringInnerHeader = /** @class */ (function (_super) {
|
|
100953
100869
|
function AuthoringInnerHeader(props) {
|
100954
100870
|
var _this = _super.call(this, props) || this;
|
100955
100871
|
_this.state = {
|
100956
|
-
collapsed: false,
|
100872
|
+
collapsed: _this.props.collapsed ? _this.props.collapsed : false,
|
100957
100873
|
};
|
100958
100874
|
return _this;
|
100959
100875
|
}
|
@@ -112665,8 +112581,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
|
|
112665
112581
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
|
112666
112582
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
112667
112583
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(30);
|
112668
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(
|
112669
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
112584
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(72);
|
112585
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
112670
112586
|
|
112671
112587
|
|
112672
112588
|
|
@@ -113440,8 +113356,8 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
|
|
113440
113356
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
113441
113357
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
113442
113358
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(257);
|
113443
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(
|
113444
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
113359
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(72);
|
113360
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
113445
113361
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(30);
|
113446
113362
|
|
113447
113363
|
|
@@ -113685,7 +113601,7 @@ var useCallback = useCallbackOne;
|
|
113685
113601
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
|
113686
113602
|
/* unused harmony export shrink */
|
113687
113603
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
|
113688
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(
|
113604
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(74);
|
113689
113605
|
|
113690
113606
|
|
113691
113607
|
var getRect = function getRect(_ref) {
|
@@ -114191,7 +114107,7 @@ var ToggleBoxNext = exports.ToggleBoxNext = function (_React$Component) {
|
|
114191
114107
|
var isOpen = this.state.isOpen;
|
114192
114108
|
|
114193
114109
|
|
114194
|
-
var classNames = ['toggle-box toggle-box--' + style, mode];
|
114110
|
+
var classNames = ['toggle-box toggle-box--margin-normal toggle-box--' + style, mode];
|
114195
114111
|
|
114196
114112
|
if (!isOpen) {
|
114197
114113
|
classNames.push('hidden');
|