superdesk-ui-framework 3.0.1-beta.14 → 3.0.1-beta.15
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 +10 -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/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/dist/examples.bundle.css +8 -8
- package/dist/examples.bundle.js +860 -841
- 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 +457 -175
- package/dist/superdesk-ui.bundle.js +586 -672
- 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/.vscode/settings.json +0 -5
- package/app-typescript/dist/components/Alert.d.ts +0 -16
- package/app-typescript/dist/components/Autocomplete.d.ts +0 -48
- package/app-typescript/dist/components/Avatar.d.ts +0 -33
- package/app-typescript/dist/components/Badge.d.ts +0 -13
- package/app-typescript/dist/components/Button.d.ts +0 -23
- package/app-typescript/dist/components/ButtonGroup.d.ts +0 -12
- package/app-typescript/dist/components/CheckButtonGroup.d.ts +0 -11
- package/app-typescript/dist/components/CheckGroup.d.ts +0 -9
- package/app-typescript/dist/components/Checkbox.d.ts +0 -19
- package/app-typescript/dist/components/CheckboxButton.d.ts +0 -19
- package/app-typescript/dist/components/DatePicker.d.ts +0 -37
- package/app-typescript/dist/components/Divider.d.ts +0 -9
- package/app-typescript/dist/components/DonutChart.d.ts +0 -12
- package/app-typescript/dist/components/Dropdown.d.ts +0 -28
- package/app-typescript/dist/components/DropdownFirst.d.ts +0 -42
- package/app-typescript/dist/components/EmptyState.d.ts +0 -11
- package/app-typescript/dist/components/FormLabel.d.ts +0 -9
- package/app-typescript/dist/components/Genie.d.ts +0 -13
- package/app-typescript/dist/components/GridItem.d.ts +0 -69
- package/app-typescript/dist/components/GridList.d.ts +0 -14
- package/app-typescript/dist/components/HeadingText.d.ts +0 -10
- package/app-typescript/dist/components/HelloWorld.d.ts +0 -8
- package/app-typescript/dist/components/Icon.d.ts +0 -12
- package/app-typescript/dist/components/IconButton.d.ts +0 -12
- package/app-typescript/dist/components/IconLabel.d.ts +0 -11
- package/app-typescript/dist/components/Input.d.ts +0 -24
- package/app-typescript/dist/components/Label.d.ts +0 -15
- package/app-typescript/dist/components/LeftMenu.d.ts +0 -26
- package/app-typescript/dist/components/Loader.d.ts +0 -8
- package/app-typescript/dist/components/NavButton.d.ts +0 -15
- package/app-typescript/dist/components/Popover.d.ts +0 -13
- package/app-typescript/dist/components/PropsList.d.ts +0 -15
- package/app-typescript/dist/components/Radio.d.ts +0 -19
- package/app-typescript/dist/components/RadioButton.d.ts +0 -20
- package/app-typescript/dist/components/Select.d.ts +0 -29
- package/app-typescript/dist/components/SelectWithTemplate.d.ts +0 -32
- package/app-typescript/dist/components/SlidingToolbar.d.ts +0 -8
- package/app-typescript/dist/components/StrechBar.d.ts +0 -4
- package/app-typescript/dist/components/SubNav.d.ts +0 -10
- package/app-typescript/dist/components/Switch.d.ts +0 -12
- package/app-typescript/dist/components/TabCustom.d.ts +0 -25
- package/app-typescript/dist/components/TabList.d.ts +0 -22
- package/app-typescript/dist/components/Tag.d.ts +0 -9
- package/app-typescript/dist/components/TagInput.d.ts +0 -7
- package/app-typescript/dist/components/TagInputTest.d.ts +0 -18
- package/app-typescript/dist/components/TimePicker.d.ts +0 -11
- package/app-typescript/dist/components/Tooltip.d.ts +0 -11
- package/app-typescript/dist/components/_Positioner.d.ts +0 -27
- package/app-typescript/dist/index.d.ts +0 -56
- package/yarn-error.log +0 -111
@@ -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);
|
@@ -56360,7 +56361,7 @@ function addLeadingZeros(number, targetLength) {
|
|
56360
56361
|
"use strict";
|
56361
56362
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
|
56362
56363
|
/* 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__(
|
56364
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
56364
56365
|
|
56365
56366
|
// This function will be a part of public API when UTC function will be implemented.
|
56366
56367
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -56398,7 +56399,7 @@ function getUTCISOWeekYear(dirtyDate) {
|
|
56398
56399
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
|
56399
56400
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
56400
56401
|
/* 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__(
|
56402
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
56402
56403
|
|
56403
56404
|
|
56404
56405
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -57038,7 +57039,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
57038
57039
|
exports.Dropdown = void 0;
|
57039
57040
|
var React = __importStar(__webpack_require__(0));
|
57040
57041
|
var ReactDOM = __importStar(__webpack_require__(9));
|
57041
|
-
var core_1 = __webpack_require__(
|
57042
|
+
var core_1 = __webpack_require__(60);
|
57042
57043
|
var react_id_generator_1 = __webpack_require__(8);
|
57043
57044
|
var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
|
57044
57045
|
var Dropdown = function (_a) {
|
@@ -57275,13 +57276,13 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57275
57276
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
57276
57277
|
|
57277
57278
|
"use strict";
|
57278
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(
|
57279
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(61);
|
57279
57280
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
|
57280
57281
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(228);
|
57281
57282
|
/* 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__(
|
57283
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(64);
|
57283
57284
|
/* 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__(
|
57285
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(65);
|
57285
57286
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
|
57286
57287
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(234);
|
57287
57288
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
|
@@ -57289,7 +57290,7 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57289
57290
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
|
57290
57291
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(239);
|
57291
57292
|
/* 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__(
|
57293
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(69);
|
57293
57294
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
|
57294
57295
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(240);
|
57295
57296
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
|
@@ -57309,10 +57310,10 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57309
57310
|
|
57310
57311
|
"use strict";
|
57311
57312
|
/* 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__(
|
57313
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
57313
57314
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(229);
|
57314
57315
|
/* 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__(
|
57316
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57316
57317
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(230);
|
57317
57318
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(231);
|
57318
57319
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(233);
|
@@ -57678,7 +57679,7 @@ function flip(_ref) {
|
|
57678
57679
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
|
57679
57680
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
|
57680
57681
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
|
57681
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(
|
57682
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(68);
|
57682
57683
|
|
57683
57684
|
|
57684
57685
|
|
@@ -57729,7 +57730,7 @@ function rectToClientRect(rect) {
|
|
57729
57730
|
/* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
|
57730
57731
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(21);
|
57731
57732
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
|
57732
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(
|
57733
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57733
57734
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
|
57734
57735
|
|
57735
57736
|
|
@@ -57941,10 +57942,10 @@ function offset(_ref2) {
|
|
57941
57942
|
"use strict";
|
57942
57943
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
|
57943
57944
|
/* 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__(
|
57945
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57945
57946
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
|
57946
57947
|
/* 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__(
|
57948
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
57948
57949
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
57949
57950
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
|
57950
57951
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
|
@@ -58100,11 +58101,11 @@ function preventOverflow(_ref) {
|
|
58100
58101
|
"use strict";
|
58101
58102
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
58102
58103
|
/* 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__(
|
58104
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
58105
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
58106
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
58107
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
58108
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
58108
58109
|
/* unused harmony reexport popperGenerator */
|
58109
58110
|
/* unused harmony reexport detectOverflow */
|
58110
58111
|
|
@@ -58176,7 +58177,7 @@ exports.SelectGrid = void 0;
|
|
58176
58177
|
var React = __importStar(__webpack_require__(0));
|
58177
58178
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
58178
58179
|
var overlaypanel_1 = __webpack_require__(429);
|
58179
|
-
var Loader_1 = __webpack_require__(
|
58180
|
+
var Loader_1 = __webpack_require__(59);
|
58180
58181
|
var SelectGrid = /** @class */ (function (_super) {
|
58181
58182
|
__extends(SelectGrid, _super);
|
58182
58183
|
function SelectGrid(props) {
|
@@ -58383,7 +58384,7 @@ exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = e
|
|
58383
58384
|
var React = __importStar(__webpack_require__(0));
|
58384
58385
|
var Icon_1 = __webpack_require__(7);
|
58385
58386
|
var IconButton_1 = __webpack_require__(44);
|
58386
|
-
var Spinner_1 = __webpack_require__(
|
58387
|
+
var Spinner_1 = __webpack_require__(53);
|
58387
58388
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
58388
58389
|
var Panel = /** @class */ (function (_super) {
|
58389
58390
|
__extends(Panel, _super);
|
@@ -58710,8 +58711,8 @@ var getBatch = function getBatch() {
|
|
58710
58711
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
|
58711
58712
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(501);
|
58712
58713
|
/* 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__(
|
58714
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(72);
|
58715
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
58715
58716
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(30);
|
58716
58717
|
|
58717
58718
|
|
@@ -62872,11 +62873,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
62872
62873
|
exports.TreeSelect = void 0;
|
62873
62874
|
var React = __importStar(__webpack_require__(0));
|
62874
62875
|
var Icon_1 = __webpack_require__(7);
|
62875
|
-
var Loader_1 = __webpack_require__(
|
62876
|
+
var Loader_1 = __webpack_require__(59);
|
62876
62877
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
62877
62878
|
var debounce_1 = __importDefault(__webpack_require__(483));
|
62878
62879
|
var Form_1 = __webpack_require__(14);
|
62879
|
-
var core_1 = __webpack_require__(
|
62880
|
+
var core_1 = __webpack_require__(60);
|
62880
62881
|
var lodash_1 = __webpack_require__(33);
|
62881
62882
|
var TreeSelect = /** @class */ (function (_super) {
|
62882
62883
|
__extends(TreeSelect, _super);
|
@@ -63561,7 +63562,7 @@ exports.typeOf = typeOf;
|
|
63561
63562
|
var ReactIs = __webpack_require__(48);
|
63562
63563
|
var assign = __webpack_require__(274);
|
63563
63564
|
|
63564
|
-
var ReactPropTypesSecret = __webpack_require__(
|
63565
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
63565
63566
|
var has = __webpack_require__(79);
|
63566
63567
|
var checkPropTypes = __webpack_require__(275);
|
63567
63568
|
|
@@ -64276,7 +64277,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
64276
64277
|
var printWarning = function() {};
|
64277
64278
|
|
64278
64279
|
if (process.env.NODE_ENV !== 'production') {
|
64279
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64280
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64280
64281
|
var loggedTypeFailures = {};
|
64281
64282
|
var has = __webpack_require__(79);
|
64282
64283
|
|
@@ -64384,7 +64385,7 @@ module.exports = checkPropTypes;
|
|
64384
64385
|
|
64385
64386
|
|
64386
64387
|
|
64387
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64388
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64388
64389
|
|
64389
64390
|
function emptyFunction() {}
|
64390
64391
|
function emptyFunctionWithReset() {}
|
@@ -64986,9 +64987,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
64986
64987
|
__setModuleDefault(result, mod);
|
64987
64988
|
return result;
|
64988
64989
|
};
|
64990
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
64991
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
64992
|
+
};
|
64989
64993
|
Object.defineProperty(exports, "__esModule", { value: true });
|
64990
64994
|
exports.InputBase = void 0;
|
64991
64995
|
var React = __importStar(__webpack_require__(0));
|
64996
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
64992
64997
|
var InputBase = /** @class */ (function (_super) {
|
64993
64998
|
__extends(InputBase, _super);
|
64994
64999
|
function InputBase(props) {
|
@@ -65018,7 +65023,17 @@ var InputBase = /** @class */ (function (_super) {
|
|
65018
65023
|
};
|
65019
65024
|
InputBase.prototype.render = function () {
|
65020
65025
|
var _a;
|
65021
|
-
|
65026
|
+
var _b;
|
65027
|
+
var classes = (0, classnames_1.default)('sd-input__input', (_a = {
|
65028
|
+
'sd-input__input--boxed-style': this.props.boxedStyle,
|
65029
|
+
'sd-input__input--required': this.props.required,
|
65030
|
+
'sd-input__input--invalid': this.props.invalid,
|
65031
|
+
'sd-input__input--disabled': this.props.disabled,
|
65032
|
+
'sd-input__input--medium': this.props.size === undefined
|
65033
|
+
},
|
65034
|
+
_a["sd-input__input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
65035
|
+
_a));
|
65036
|
+
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
65037
|
};
|
65023
65038
|
return InputBase;
|
65024
65039
|
}(React.Component));
|
@@ -70704,7 +70719,7 @@ function getUTCDayOfYear(dirtyDate) {
|
|
70704
70719
|
"use strict";
|
70705
70720
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
|
70706
70721
|
/* 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__(
|
70722
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
70708
70723
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
|
70709
70724
|
|
70710
70725
|
|
@@ -70732,7 +70747,7 @@ function getUTCISOWeek(dirtyDate) {
|
|
70732
70747
|
"use strict";
|
70733
70748
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
|
70734
70749
|
/* 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__(
|
70750
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
70736
70751
|
|
70737
70752
|
// This function will be a part of public API when UTC function will be implemented.
|
70738
70753
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -70757,7 +70772,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
|
|
70757
70772
|
"use strict";
|
70758
70773
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
|
70759
70774
|
/* 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__(
|
70775
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
70761
70776
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
|
70762
70777
|
|
70763
70778
|
|
@@ -70786,7 +70801,7 @@ function getUTCWeek(dirtyDate, options) {
|
|
70786
70801
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
|
70787
70802
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
70788
70803
|
/* 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__(
|
70804
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
70790
70805
|
|
70791
70806
|
|
70792
70807
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -75076,7 +75091,7 @@ exports.RadioButtonGroup = void 0;
|
|
75076
75091
|
var React = __importStar(__webpack_require__(0));
|
75077
75092
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75078
75093
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
75079
|
-
var FormLabel_1 = __webpack_require__(
|
75094
|
+
var FormLabel_1 = __webpack_require__(49);
|
75080
75095
|
var RadioButtonGroup = /** @class */ (function (_super) {
|
75081
75096
|
__extends(RadioButtonGroup, _super);
|
75082
75097
|
function RadioButtonGroup(props) {
|
@@ -75311,7 +75326,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
75311
75326
|
exports.CheckButtonGroup = void 0;
|
75312
75327
|
var React = __importStar(__webpack_require__(0));
|
75313
75328
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75314
|
-
var FormLabel_1 = __webpack_require__(
|
75329
|
+
var FormLabel_1 = __webpack_require__(49);
|
75315
75330
|
var CheckButtonGroup = /** @class */ (function (_super) {
|
75316
75331
|
__extends(CheckButtonGroup, _super);
|
75317
75332
|
function CheckButtonGroup() {
|
@@ -76572,7 +76587,7 @@ function getClippingRect(element, boundary, rootBoundary) {
|
|
76572
76587
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
|
76573
76588
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
|
76574
76589
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
76575
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
76590
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76576
76591
|
|
76577
76592
|
|
76578
76593
|
|
@@ -76622,8 +76637,8 @@ function getViewportRect(element) {
|
|
76622
76637
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
|
76623
76638
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(22);
|
76624
76639
|
/* 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__(
|
76640
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76641
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(67);
|
76627
76642
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(29);
|
76628
76643
|
|
76629
76644
|
|
@@ -76662,7 +76677,7 @@ function getDocumentRect(element) {
|
|
76662
76677
|
"use strict";
|
76663
76678
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
|
76664
76679
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
|
76665
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(
|
76680
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(68);
|
76666
76681
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
76667
76682
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
76668
76683
|
|
@@ -76761,9 +76776,9 @@ function getAltAxis(axis) {
|
|
76761
76776
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
|
76762
76777
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
76763
76778
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
76764
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(
|
76779
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76765
76780
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(22);
|
76766
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(
|
76781
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(68);
|
76767
76782
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(29);
|
76768
76783
|
|
76769
76784
|
|
@@ -76830,7 +76845,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
76830
76845
|
|
76831
76846
|
"use strict";
|
76832
76847
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
|
76833
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(
|
76848
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(67);
|
76834
76849
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
|
76835
76850
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
|
76836
76851
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
|
@@ -77085,11 +77100,11 @@ function mergeByName(modifiers) {
|
|
77085
77100
|
"use strict";
|
77086
77101
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
77087
77102
|
/* 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__(
|
77103
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
77104
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
77105
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
77106
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
77107
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
77093
77108
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(239);
|
77094
77109
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(234);
|
77095
77110
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(240);
|
@@ -96643,7 +96658,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
96643
96658
|
exports.TagInput = void 0;
|
96644
96659
|
var React = __importStar(__webpack_require__(0));
|
96645
96660
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
96646
|
-
var core_1 = __webpack_require__(
|
96661
|
+
var core_1 = __webpack_require__(60);
|
96647
96662
|
var lodash_1 = __webpack_require__(33);
|
96648
96663
|
var TagInput = function (_a) {
|
96649
96664
|
var items = _a.items, label = _a.label, freetype = _a.freetype;
|
@@ -97470,7 +97485,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
97470
97485
|
Object.defineProperty(exports, "__esModule", {
|
97471
97486
|
value: true
|
97472
97487
|
});
|
97473
|
-
exports.TieredMenu =
|
97488
|
+
exports.TieredMenu = void 0;
|
97474
97489
|
|
97475
97490
|
var _react = _interopRequireWildcard(__webpack_require__(0));
|
97476
97491
|
|
@@ -97496,8 +97511,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
97496
97511
|
|
97497
97512
|
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
97513
|
|
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
97514
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
97502
97515
|
|
97503
97516
|
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 +97531,27 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
|
|
97518
97531
|
|
97519
97532
|
function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
|
97520
97533
|
|
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;
|
97534
|
+
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
97535
|
|
97593
97536
|
var TieredMenu = /*#__PURE__*/function (_Component) {
|
97594
97537
|
_inherits(TieredMenu, _Component);
|
97595
97538
|
|
97596
|
-
var
|
97539
|
+
var _super = _createSuper(TieredMenu);
|
97597
97540
|
|
97598
97541
|
function TieredMenu(props) {
|
97599
|
-
var
|
97542
|
+
var _this;
|
97600
97543
|
|
97601
97544
|
_classCallCheck(this, TieredMenu);
|
97602
97545
|
|
97603
|
-
|
97604
|
-
|
97546
|
+
_this = _super.call(this, props);
|
97547
|
+
_this.state = {
|
97605
97548
|
visible: !props.popup
|
97606
97549
|
};
|
97607
|
-
|
97608
|
-
|
97609
|
-
|
97610
|
-
|
97611
|
-
return
|
97550
|
+
_this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
|
97551
|
+
_this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
|
97552
|
+
_this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
|
97553
|
+
_this.id = _this.props.id || (0, _UniqueComponentId.default)();
|
97554
|
+
return _this;
|
97612
97555
|
}
|
97613
97556
|
|
97614
97557
|
_createClass(TieredMenu, [{
|
@@ -97621,31 +97564,29 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97621
97564
|
}, {
|
97622
97565
|
key: "show",
|
97623
97566
|
value: function show(event) {
|
97624
|
-
var
|
97567
|
+
var _this2 = this;
|
97625
97568
|
|
97626
97569
|
this.target = event.currentTarget;
|
97627
97570
|
var currentEvent = event;
|
97628
|
-
this.
|
97629
|
-
|
97630
|
-
|
97631
|
-
|
97632
|
-
|
97633
|
-
|
97634
|
-
}
|
97635
|
-
});
|
97571
|
+
this.setState({
|
97572
|
+
visible: true
|
97573
|
+
}, function () {
|
97574
|
+
if (_this2.props.onShow) {
|
97575
|
+
_this2.props.onShow(currentEvent);
|
97576
|
+
}
|
97636
97577
|
});
|
97637
97578
|
}
|
97638
97579
|
}, {
|
97639
97580
|
key: "hide",
|
97640
97581
|
value: function hide(event) {
|
97641
|
-
var
|
97582
|
+
var _this3 = this;
|
97642
97583
|
|
97643
97584
|
var currentEvent = event;
|
97644
97585
|
this.setState({
|
97645
97586
|
visible: false
|
97646
97587
|
}, function () {
|
97647
|
-
if (
|
97648
|
-
|
97588
|
+
if (_this3.props.onHide) {
|
97589
|
+
_this3.props.onHide(currentEvent);
|
97649
97590
|
}
|
97650
97591
|
});
|
97651
97592
|
}
|
@@ -97686,12 +97627,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97686
97627
|
}, {
|
97687
97628
|
key: "bindDocumentClickListener",
|
97688
97629
|
value: function bindDocumentClickListener() {
|
97689
|
-
var
|
97630
|
+
var _this4 = this;
|
97690
97631
|
|
97691
97632
|
if (!this.documentClickListener) {
|
97692
97633
|
this.documentClickListener = function (event) {
|
97693
|
-
if (
|
97694
|
-
|
97634
|
+
if (_this4.props.popup && _this4.state.visible && !_this4.container.contains(event.target)) {
|
97635
|
+
_this4.hide(event);
|
97695
97636
|
}
|
97696
97637
|
};
|
97697
97638
|
|
@@ -97709,12 +97650,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97709
97650
|
}, {
|
97710
97651
|
key: "bindDocumentResizeListener",
|
97711
97652
|
value: function bindDocumentResizeListener() {
|
97712
|
-
var
|
97653
|
+
var _this5 = this;
|
97713
97654
|
|
97714
97655
|
if (!this.documentResizeListener) {
|
97715
97656
|
this.documentResizeListener = function (event) {
|
97716
|
-
if (
|
97717
|
-
|
97657
|
+
if (_this5.state.visible) {
|
97658
|
+
_this5.hide(event);
|
97718
97659
|
}
|
97719
97660
|
};
|
97720
97661
|
|
@@ -97732,12 +97673,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97732
97673
|
}, {
|
97733
97674
|
key: "bindScrollListener",
|
97734
97675
|
value: function bindScrollListener() {
|
97735
|
-
var
|
97676
|
+
var _this6 = this;
|
97736
97677
|
|
97737
97678
|
if (!this.scrollHandler) {
|
97738
97679
|
this.scrollHandler = new _ConnectedOverlayScrollHandler.default(this.target, function (event) {
|
97739
|
-
if (
|
97740
|
-
|
97680
|
+
if (_this6.state.visible) {
|
97681
|
+
_this6.hide(event);
|
97741
97682
|
}
|
97742
97683
|
});
|
97743
97684
|
}
|
@@ -97763,8 +97704,8 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97763
97704
|
}
|
97764
97705
|
}, {
|
97765
97706
|
key: "renderElement",
|
97766
|
-
value: function renderElement(
|
97767
|
-
var
|
97707
|
+
value: function renderElement() {
|
97708
|
+
var _this7 = this;
|
97768
97709
|
|
97769
97710
|
var className = (0, _ClassNames.classNames)('p-tieredmenu p-component', {
|
97770
97711
|
'p-tieredmenu-overlay': this.props.popup
|
@@ -97782,7 +97723,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97782
97723
|
onExit: this.onExit
|
97783
97724
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
97784
97725
|
ref: function ref(el) {
|
97785
|
-
return
|
97726
|
+
return _this7.container = el;
|
97786
97727
|
},
|
97787
97728
|
id: this.id,
|
97788
97729
|
className: className,
|
@@ -97791,28 +97732,14 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
|
|
97791
97732
|
}, /*#__PURE__*/_react.default.createElement(_TieredMenuSub.TieredMenuSub, {
|
97792
97733
|
model: this.props.model,
|
97793
97734
|
root: true,
|
97794
|
-
popup: this.props.popup
|
97795
|
-
direction: direction
|
97735
|
+
popup: this.props.popup
|
97796
97736
|
})));
|
97797
97737
|
}
|
97798
97738
|
}, {
|
97799
97739
|
key: "render",
|
97800
97740
|
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
|
-
});
|
97741
|
+
var element = this.renderElement();
|
97742
|
+
if (this.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, this.props.appendTo);else return element;
|
97816
97743
|
}
|
97817
97744
|
}]);
|
97818
97745
|
|
@@ -97976,8 +97903,6 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
97976
97903
|
}, {
|
97977
97904
|
key: "onItemClick",
|
97978
97905
|
value: function onItemClick(event, item) {
|
97979
|
-
var _item$items$length, _item$items;
|
97980
|
-
|
97981
97906
|
if (item.disabled) {
|
97982
97907
|
event.preventDefault();
|
97983
97908
|
return;
|
@@ -97994,27 +97919,21 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
97994
97919
|
});
|
97995
97920
|
}
|
97996
97921
|
|
97997
|
-
if (
|
97998
|
-
if (
|
97999
|
-
this.
|
98000
|
-
|
98001
|
-
|
98002
|
-
|
98003
|
-
|
98004
|
-
|
98005
|
-
|
97922
|
+
if (this.props.root) {
|
97923
|
+
if (item.items) {
|
97924
|
+
if (this.state.activeItem && item === this.state.activeItem) {
|
97925
|
+
this.setState({
|
97926
|
+
activeItem: null
|
97927
|
+
});
|
97928
|
+
} else {
|
97929
|
+
this.setState({
|
97930
|
+
activeItem: item
|
97931
|
+
});
|
97932
|
+
}
|
98006
97933
|
}
|
98007
97934
|
}
|
98008
97935
|
|
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) {
|
97936
|
+
if (!item.items) {
|
98018
97937
|
this.onLeafClick();
|
98019
97938
|
}
|
98020
97939
|
}
|
@@ -98071,10 +97990,8 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98071
97990
|
}, {
|
98072
97991
|
key: "onChildItemKeyDown",
|
98073
97992
|
value: function onChildItemKeyDown(event, childListItem) {
|
98074
|
-
|
98075
|
-
|
98076
|
-
|
98077
|
-
if (leftArrow || escape) {
|
97993
|
+
//left
|
97994
|
+
if (event.which === 37) {
|
98078
97995
|
this.setState({
|
98079
97996
|
activeItem: null
|
98080
97997
|
});
|
@@ -98146,8 +98063,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98146
98063
|
onLeafClick: this.onLeafClick,
|
98147
98064
|
popup: this.props.popup,
|
98148
98065
|
onKeyDown: this.onChildItemKeyDown,
|
98149
|
-
parentActive: item === this.state.activeItem
|
98150
|
-
direction: this.props.direction
|
98066
|
+
parentActive: item === this.state.activeItem
|
98151
98067
|
});
|
98152
98068
|
}
|
98153
98069
|
|
@@ -98175,8 +98091,10 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98175
98091
|
return _this3.onItemMouseEnter(event, item);
|
98176
98092
|
},
|
98177
98093
|
role: "none"
|
98178
|
-
}, /*#__PURE__*/_react.default.createElement("
|
98094
|
+
}, /*#__PURE__*/_react.default.createElement("a", {
|
98095
|
+
href: item.url || '#',
|
98179
98096
|
className: linkClassName,
|
98097
|
+
target: item.target,
|
98180
98098
|
role: "menuitem",
|
98181
98099
|
"aria-haspopup": item.items != null,
|
98182
98100
|
onClick: function onClick(event) {
|
@@ -98222,10 +98140,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
|
|
98222
98140
|
},
|
98223
98141
|
className: className,
|
98224
98142
|
role: this.props.root ? 'menubar' : 'menu',
|
98225
|
-
"aria-orientation": "horizontal"
|
98226
|
-
style: {
|
98227
|
-
left: this.props.direction === 'left' ? '-100%' : '100%'
|
98228
|
-
}
|
98143
|
+
"aria-orientation": "horizontal"
|
98229
98144
|
}, submenu);
|
98230
98145
|
}
|
98231
98146
|
}]);
|
@@ -98252,8 +98167,7 @@ _defineProperty(TieredMenuSub, "propTypes", {
|
|
98252
98167
|
popup: _propTypes.default.bool,
|
98253
98168
|
onLeafClick: _propTypes.default.func,
|
98254
98169
|
onKeyDown: _propTypes.default.func,
|
98255
|
-
parentActive: _propTypes.default.bool
|
98256
|
-
direction: _propTypes.default.string
|
98170
|
+
parentActive: _propTypes.default.bool
|
98257
98171
|
});
|
98258
98172
|
|
98259
98173
|
/***/ }),
|
@@ -98802,7 +98716,7 @@ exports.IconPicker = void 0;
|
|
98802
98716
|
var React = __importStar(__webpack_require__(0));
|
98803
98717
|
// @ts-ignore
|
98804
98718
|
var iconFont = __importStar(__webpack_require__(265));
|
98805
|
-
var Button_1 = __webpack_require__(
|
98719
|
+
var Button_1 = __webpack_require__(52);
|
98806
98720
|
var Icon_1 = __webpack_require__(7);
|
98807
98721
|
var SelectGrid_1 = __webpack_require__(243);
|
98808
98722
|
var IconPicker = /** @class */ (function (_super) {
|
@@ -112665,8 +112579,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
|
|
112665
112579
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
|
112666
112580
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
112667
112581
|
/* 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__(
|
112582
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(72);
|
112583
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
112670
112584
|
|
112671
112585
|
|
112672
112586
|
|
@@ -113440,8 +113354,8 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
|
|
113440
113354
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
113441
113355
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
113442
113356
|
/* 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__(
|
113357
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(72);
|
113358
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
113445
113359
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(30);
|
113446
113360
|
|
113447
113361
|
|
@@ -113685,7 +113599,7 @@ var useCallback = useCallbackOne;
|
|
113685
113599
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
|
113686
113600
|
/* unused harmony export shrink */
|
113687
113601
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
|
113688
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(
|
113602
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(74);
|
113689
113603
|
|
113690
113604
|
|
113691
113605
|
var getRect = function getRect(_ref) {
|
@@ -114191,7 +114105,7 @@ var ToggleBoxNext = exports.ToggleBoxNext = function (_React$Component) {
|
|
114191
114105
|
var isOpen = this.state.isOpen;
|
114192
114106
|
|
114193
114107
|
|
114194
|
-
var classNames = ['toggle-box toggle-box--' + style, mode];
|
114108
|
+
var classNames = ['toggle-box toggle-box--margin-normal toggle-box--' + style, mode];
|
114195
114109
|
|
114196
114110
|
if (!isOpen) {
|
114197
114111
|
classNames.push('hidden');
|