superdesk-ui-framework 3.0.1-beta.13 → 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 +11 -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/dropdowns/_basic-dropdown.scss +6 -0
- 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/Dropdown.tsx +65 -65
- package/app-typescript/components/DurationInput.tsx +10 -6
- package/app-typescript/components/Form/FormLabel.tsx +8 -1
- package/app-typescript/components/Form/InputBase.tsx +12 -2
- package/app-typescript/components/Lists/ContentList.tsx +28 -4
- package/app-typescript/components/Lists/TableList.tsx +11 -9
- package/dist/examples.bundle.css +8 -8
- package/dist/examples.bundle.js +1075 -640
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +5 -10
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +20 -21
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/dist/react/ContentDivider.tsx +4 -4
- package/dist/react/ContentList.tsx +2 -10
- package/dist/react/Dropdowns.tsx +357 -5
- package/dist/react/Inputs.tsx +1 -7
- package/dist/react/TableList.tsx +28 -30
- package/dist/react/Togglebox.tsx +1 -1
- package/dist/superdesk-ui.bundle.css +463 -176
- package/dist/superdesk-ui.bundle.js +591 -539
- 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 +5 -10
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +20 -21
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/examples/pages/react/ContentDivider.tsx +4 -4
- package/examples/pages/react/ContentList.tsx +2 -10
- package/examples/pages/react/Dropdowns.tsx +357 -5
- package/examples/pages/react/Inputs.tsx +1 -7
- package/examples/pages/react/TableList.tsx +28 -30
- package/examples/pages/react/Togglebox.tsx +1 -1
- package/package.json +1 -1
- package/react/components/Dropdown.d.ts +4 -4
- package/react/components/Dropdown.js +19 -15
- package/react/components/DurationInput.d.ts +1 -1
- package/react/components/DurationInput.js +12 -7
- package/react/components/Form/FormLabel.d.ts +4 -1
- package/react/components/Form/FormLabel.js +9 -3
- package/react/components/Form/InputBase.d.ts +0 -1
- package/react/components/Form/InputBase.js +15 -1
- package/react/components/Lists/ContentList.d.ts +5 -0
- package/react/components/Lists/ContentList.js +36 -15
- package/react/components/Lists/TableList.d.ts +5 -5
- package/react/components/Lists/TableList.js +6 -4
@@ -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,356 +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) {
|
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 = zeroPad(Math.floor(seconds / 3600));
|
38926
|
-
var minute = zeroPad(Math.floor((seconds % 3600) / 60));
|
38927
|
-
var second = zeroPad(Math.floor(seconds % 60));
|
38928
|
-
if (Number(hour) === 0 && Number(minute) > 0) {
|
38929
|
-
return "".concat(minute, "m ").concat(second, "s");
|
38930
|
-
}
|
38931
|
-
else if (Number(hour) === 0 && Number(minute) === 0) {
|
38932
|
-
return "".concat(second, "s");
|
38933
|
-
}
|
38934
|
-
else {
|
38935
|
-
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
38936
|
-
}
|
38937
|
-
}
|
38938
|
-
exports.getDurationString = getDurationString;
|
38939
|
-
|
38940
|
-
|
38941
|
-
/***/ }),
|
38942
|
-
/* 57 */
|
38943
|
-
/***/ (function(module, exports, __webpack_require__) {
|
38944
|
-
|
38945
|
-
"use strict";
|
38946
|
-
|
38947
38603
|
var __extends = (this && this.__extends) || (function () {
|
38948
38604
|
var extendStatics = function (d, b) {
|
38949
38605
|
extendStatics = Object.setPrototypeOf ||
|
@@ -39129,7 +38785,7 @@ exports.DatePickerISO = DatePickerISO;
|
|
39129
38785
|
|
39130
38786
|
|
39131
38787
|
/***/ }),
|
39132
|
-
/*
|
38788
|
+
/* 57 */
|
39133
38789
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39134
38790
|
|
39135
38791
|
"use strict";
|
@@ -39153,7 +38809,7 @@ function startOfUTCISOWeek(dirtyDate) {
|
|
39153
38809
|
}
|
39154
38810
|
|
39155
38811
|
/***/ }),
|
39156
|
-
/*
|
38812
|
+
/* 58 */
|
39157
38813
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39158
38814
|
|
39159
38815
|
"use strict";
|
@@ -39188,7 +38844,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
|
|
39188
38844
|
}
|
39189
38845
|
|
39190
38846
|
/***/ }),
|
39191
|
-
/*
|
38847
|
+
/* 59 */
|
39192
38848
|
/***/ (function(module, exports, __webpack_require__) {
|
39193
38849
|
|
39194
38850
|
"use strict";
|
@@ -39249,7 +38905,7 @@ exports.Loader = Loader;
|
|
39249
38905
|
|
39250
38906
|
|
39251
38907
|
/***/ }),
|
39252
|
-
/*
|
38908
|
+
/* 60 */
|
39253
38909
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39254
38910
|
|
39255
38911
|
"use strict";
|
@@ -39289,7 +38945,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39289
38945
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
|
39290
38946
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
|
39291
38947
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
|
39292
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(
|
38948
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(70);
|
39293
38949
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
|
39294
38950
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
|
39295
38951
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
|
@@ -39307,7 +38963,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39307
38963
|
|
39308
38964
|
|
39309
38965
|
/***/ }),
|
39310
|
-
/*
|
38966
|
+
/* 61 */
|
39311
38967
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39312
38968
|
|
39313
38969
|
"use strict";
|
@@ -39399,7 +39055,7 @@ function effect(_ref2) {
|
|
39399
39055
|
});
|
39400
39056
|
|
39401
39057
|
/***/ }),
|
39402
|
-
/*
|
39058
|
+
/* 62 */
|
39403
39059
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39404
39060
|
|
39405
39061
|
"use strict";
|
@@ -39432,7 +39088,7 @@ function getLayoutRect(element) {
|
|
39432
39088
|
}
|
39433
39089
|
|
39434
39090
|
/***/ }),
|
39435
|
-
/*
|
39091
|
+
/* 63 */
|
39436
39092
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39437
39093
|
|
39438
39094
|
"use strict";
|
@@ -39442,7 +39098,7 @@ function getMainAxisFromPlacement(placement) {
|
|
39442
39098
|
}
|
39443
39099
|
|
39444
39100
|
/***/ }),
|
39445
|
-
/*
|
39101
|
+
/* 64 */
|
39446
39102
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39447
39103
|
|
39448
39104
|
"use strict";
|
@@ -39639,7 +39295,7 @@ function computeStyles(_ref5) {
|
|
39639
39295
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
39640
39296
|
|
39641
39297
|
/***/ }),
|
39642
|
-
/*
|
39298
|
+
/* 65 */
|
39643
39299
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39644
39300
|
|
39645
39301
|
"use strict";
|
@@ -39695,14 +39351,14 @@ function effect(_ref) {
|
|
39695
39351
|
});
|
39696
39352
|
|
39697
39353
|
/***/ }),
|
39698
|
-
/*
|
39354
|
+
/* 66 */
|
39699
39355
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39700
39356
|
|
39701
39357
|
"use strict";
|
39702
39358
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
|
39703
39359
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
|
39704
39360
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
39705
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(
|
39361
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(67);
|
39706
39362
|
|
39707
39363
|
|
39708
39364
|
|
@@ -39718,7 +39374,7 @@ function getWindowScrollBarX(element) {
|
|
39718
39374
|
}
|
39719
39375
|
|
39720
39376
|
/***/ }),
|
39721
|
-
/*
|
39377
|
+
/* 67 */
|
39722
39378
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39723
39379
|
|
39724
39380
|
"use strict";
|
@@ -39736,7 +39392,7 @@ function getWindowScroll(node) {
|
|
39736
39392
|
}
|
39737
39393
|
|
39738
39394
|
/***/ }),
|
39739
|
-
/*
|
39395
|
+
/* 68 */
|
39740
39396
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39741
39397
|
|
39742
39398
|
"use strict";
|
@@ -39754,7 +39410,7 @@ function isScrollParent(element) {
|
|
39754
39410
|
}
|
39755
39411
|
|
39756
39412
|
/***/ }),
|
39757
|
-
/*
|
39413
|
+
/* 69 */
|
39758
39414
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39759
39415
|
|
39760
39416
|
"use strict";
|
@@ -39786,14 +39442,14 @@ function popperOffsets(_ref) {
|
|
39786
39442
|
});
|
39787
39443
|
|
39788
39444
|
/***/ }),
|
39789
|
-
/*
|
39445
|
+
/* 70 */
|
39790
39446
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39791
39447
|
|
39792
39448
|
"use strict";
|
39793
39449
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
|
39794
39450
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
39795
39451
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(382);
|
39796
|
-
/* 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);
|
39797
39453
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(235);
|
39798
39454
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
39799
39455
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
|
@@ -40069,7 +39725,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
|
|
40069
39725
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40070
39726
|
|
40071
39727
|
/***/ }),
|
40072
|
-
/*
|
39728
|
+
/* 71 */
|
40073
39729
|
/***/ (function(module, exports, __webpack_require__) {
|
40074
39730
|
|
40075
39731
|
"use strict";
|
@@ -40291,7 +39947,7 @@ exports.default = GridItem;
|
|
40291
39947
|
|
40292
39948
|
|
40293
39949
|
/***/ }),
|
40294
|
-
/*
|
39950
|
+
/* 72 */
|
40295
39951
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40296
39952
|
|
40297
39953
|
"use strict";
|
@@ -40425,7 +40081,7 @@ function createSubscription(store, parentSub) {
|
|
40425
40081
|
}
|
40426
40082
|
|
40427
40083
|
/***/ }),
|
40428
|
-
/*
|
40084
|
+
/* 73 */
|
40429
40085
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40430
40086
|
|
40431
40087
|
"use strict";
|
@@ -40444,7 +40100,7 @@ function createSubscription(store, parentSub) {
|
|
40444
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"];
|
40445
40101
|
|
40446
40102
|
/***/ }),
|
40447
|
-
/*
|
40103
|
+
/* 74 */
|
40448
40104
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40449
40105
|
|
40450
40106
|
"use strict";
|
@@ -40467,6 +40123,361 @@ function invariant(condition, message) {
|
|
40467
40123
|
|
40468
40124
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40469
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
|
+
|
40470
40481
|
/***/ }),
|
40471
40482
|
/* 76 */
|
40472
40483
|
/***/ (function(module, exports, __webpack_require__) {
|
@@ -40723,7 +40734,7 @@ var React = __importStar(__webpack_require__(0));
|
|
40723
40734
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
40724
40735
|
var react_beautiful_dnd_1 = __webpack_require__(494);
|
40725
40736
|
var Tooltip_1 = __webpack_require__(36);
|
40726
|
-
var Button_1 = __webpack_require__(
|
40737
|
+
var Button_1 = __webpack_require__(52);
|
40727
40738
|
var Dropdown_1 = __webpack_require__(226);
|
40728
40739
|
var reorder = function (list, startIndex, endIndex) {
|
40729
40740
|
var result = Array.from(list);
|
@@ -40768,7 +40779,7 @@ var TableList = /** @class */ (function (_super) {
|
|
40768
40779
|
this.props.onDrag(result.source.index, result.destination.index) : null;
|
40769
40780
|
};
|
40770
40781
|
TableList.prototype.dropDown = function () {
|
40771
|
-
return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
|
40782
|
+
return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
40772
40783
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } })));
|
40773
40784
|
};
|
40774
40785
|
TableList.prototype.render = function () {
|
@@ -40787,7 +40798,9 @@ var TableList = /** @class */ (function (_super) {
|
|
40787
40798
|
_this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
|
40788
40799
|
React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
40789
40800
|
? item.onDoubleClick
|
40790
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown:
|
40801
|
+
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
|
40802
|
+
? _this.props.itemsDropdown(index)
|
40803
|
+
: []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
40791
40804
|
&& _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
|
40792
40805
|
provided.placeholder,
|
40793
40806
|
(_this.props.addItem && !_this.props.readOnly) &&
|
@@ -40797,7 +40810,7 @@ var TableList = /** @class */ (function (_super) {
|
|
40797
40810
|
: React.createElement("ul", { className: classes },
|
40798
40811
|
this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
40799
40812
|
? item.onDoubleClick
|
40800
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown: _this.props.itemsDropdown, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
40813
|
+
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
40801
40814
|
&& _this.props.onAddItem(index, item); } })); }),
|
40802
40815
|
(this.props.addItem && !this.props.readOnly) &&
|
40803
40816
|
React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
|
@@ -40859,7 +40872,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40859
40872
|
React.createElement("div", { className: 'table-list__add-bar-container' },
|
40860
40873
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40861
40874
|
React.createElement("div", { className: 'table-list__add-bar' },
|
40862
|
-
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
|
40875
|
+
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
40863
40876
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
|
40864
40877
|
: React.createElement("li", { className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
|
40865
40878
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
@@ -56348,7 +56361,7 @@ function addLeadingZeros(number, targetLength) {
|
|
56348
56361
|
"use strict";
|
56349
56362
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
|
56350
56363
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
56351
|
-
/* 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);
|
56352
56365
|
|
56353
56366
|
// This function will be a part of public API when UTC function will be implemented.
|
56354
56367
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -56386,7 +56399,7 @@ function getUTCISOWeekYear(dirtyDate) {
|
|
56386
56399
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
|
56387
56400
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
56388
56401
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(15);
|
56389
|
-
/* 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);
|
56390
56403
|
|
56391
56404
|
|
56392
56405
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -57026,14 +57039,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
57026
57039
|
exports.Dropdown = void 0;
|
57027
57040
|
var React = __importStar(__webpack_require__(0));
|
57028
57041
|
var ReactDOM = __importStar(__webpack_require__(9));
|
57029
|
-
var core_1 = __webpack_require__(
|
57042
|
+
var core_1 = __webpack_require__(60);
|
57030
57043
|
var react_id_generator_1 = __webpack_require__(8);
|
57044
|
+
var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
|
57031
57045
|
var Dropdown = function (_a) {
|
57032
57046
|
var items = _a.items, header = _a.header, footer = _a.footer, children = _a.children, append = _a.append, align = _a.align, onChange = _a.onChange;
|
57033
57047
|
var _b = React.useState(false), open = _b[0], setOpen = _b[1];
|
57034
57048
|
var _c = React.useState(false), change = _c[0], setChange = _c[1];
|
57035
57049
|
var menuID = (0, react_id_generator_1.useId)()[0];
|
57036
|
-
var DROPDOWN_ID = "react-placeholder";
|
57037
57050
|
var ref = React.useRef(null);
|
57038
57051
|
var buttonRef = React.useRef(null);
|
57039
57052
|
var headerElements = header === null || header === void 0 ? void 0 : header.map(function (el, index) {
|
@@ -57046,11 +57059,10 @@ var Dropdown = function (_a) {
|
|
57046
57059
|
return each(el, index);
|
57047
57060
|
});
|
57048
57061
|
React.useEffect(function () {
|
57049
|
-
var existingElement = document.getElementById(
|
57062
|
+
var existingElement = document.getElementById(DROPDOWN_ID_CONTAINER);
|
57050
57063
|
if (!existingElement) {
|
57051
57064
|
var el = document.createElement("div");
|
57052
|
-
el.id =
|
57053
|
-
// style placeholder
|
57065
|
+
el.id = DROPDOWN_ID_CONTAINER;
|
57054
57066
|
el.style.position = 'absolute';
|
57055
57067
|
el.style.top = '0';
|
57056
57068
|
el.style.left = '0';
|
@@ -57065,7 +57077,6 @@ var Dropdown = function (_a) {
|
|
57065
57077
|
}
|
57066
57078
|
setChange(true);
|
57067
57079
|
}, [open]);
|
57068
|
-
// structure for append menu
|
57069
57080
|
function createAppendMenu() {
|
57070
57081
|
if (header && footer) {
|
57071
57082
|
return (React.createElement("div", { className: 'dropdown__menu dropdown__menu--has-head-foot', id: menuID, role: 'menu', ref: ref },
|
@@ -57087,7 +57098,6 @@ var Dropdown = function (_a) {
|
|
57087
57098
|
return (React.createElement("ul", { className: 'dropdown__menu ', id: menuID, role: 'menu', ref: ref }, dropdownElements));
|
57088
57099
|
}
|
57089
57100
|
}
|
57090
|
-
// toggle menu
|
57091
57101
|
function toggleDisplay() {
|
57092
57102
|
if (!open) {
|
57093
57103
|
var menuRef_1;
|
@@ -57136,15 +57146,14 @@ var Dropdown = function (_a) {
|
|
57136
57146
|
}
|
57137
57147
|
}
|
57138
57148
|
function addInPlaceholder() {
|
57139
|
-
var placeholder = document.getElementById(
|
57149
|
+
var placeholder = document.getElementById(DROPDOWN_ID_CONTAINER);
|
57140
57150
|
var menu = createAppendMenu();
|
57141
57151
|
if (open) {
|
57142
57152
|
return ReactDOM.render(menu, placeholder);
|
57143
57153
|
}
|
57144
57154
|
else {
|
57145
|
-
|
57146
|
-
|
57147
|
-
menuDOM.style.display = 'none';
|
57155
|
+
if (placeholder) {
|
57156
|
+
ReactDOM.unmountComponentAtNode(placeholder);
|
57148
57157
|
}
|
57149
57158
|
}
|
57150
57159
|
}
|
@@ -57154,7 +57163,7 @@ var Dropdown = function (_a) {
|
|
57154
57163
|
item['items'].forEach(function (el, key) {
|
57155
57164
|
submenuItems_1.push(each(el, key));
|
57156
57165
|
});
|
57157
|
-
return (React.createElement(DropdownItemWithSubmenu, { key: index, item: item, subMenuItems: submenuItems_1 }));
|
57166
|
+
return (React.createElement(DropdownItemWithSubmenu, { key: index, index: index, item: item, menuID: menuID, subMenuItems: submenuItems_1, onChange: onChange }));
|
57158
57167
|
}
|
57159
57168
|
else if (item['type'] === 'group') {
|
57160
57169
|
var groupItems_1 = [];
|
@@ -57224,19 +57233,20 @@ var DropdownItem = function (_a) {
|
|
57224
57233
|
label)));
|
57225
57234
|
};
|
57226
57235
|
var DropdownItemWithSubmenu = function (_a) {
|
57227
|
-
var index = _a.index, item = _a.item, subMenuItems = _a.subMenuItems;
|
57236
|
+
var index = _a.index, item = _a.item, menuID = _a.menuID, subMenuItems = _a.subMenuItems, onChange = _a.onChange;
|
57228
57237
|
var _b = React.useState(undefined), open = _b[0], setOpen = _b[1];
|
57229
57238
|
var refButtonSubMenu = React.useRef(null);
|
57230
57239
|
var refSubMenu = React.useRef(null);
|
57240
|
+
var placeholder = document.getElementById(menuID);
|
57231
57241
|
React.useEffect(function () {
|
57232
57242
|
var subMenuRef = refSubMenu.current;
|
57233
57243
|
var subToggleRef = refButtonSubMenu.current;
|
57234
57244
|
if (open === true) {
|
57235
|
-
|
57245
|
+
placeholder === null || placeholder === void 0 ? void 0 : placeholder.appendChild(subMenuRef);
|
57236
57246
|
subMenuRef.style.display = 'block';
|
57237
57247
|
}
|
57238
57248
|
else if (open === false) {
|
57239
|
-
|
57249
|
+
placeholder === null || placeholder === void 0 ? void 0 : placeholder.removeChild(subMenuRef);
|
57240
57250
|
subMenuRef.style.display = 'none';
|
57241
57251
|
}
|
57242
57252
|
if (subMenuRef && subToggleRef) {
|
@@ -57247,7 +57257,14 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57247
57257
|
}, [open]);
|
57248
57258
|
return (React.createElement("li", { key: index, ref: refButtonSubMenu },
|
57249
57259
|
React.createElement("div", { className: 'dropdown', onMouseLeave: function () { return setOpen(false); } },
|
57250
|
-
React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0,
|
57260
|
+
React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0, onClick: function () {
|
57261
|
+
if (item.onSelect) {
|
57262
|
+
item.onSelect();
|
57263
|
+
}
|
57264
|
+
if (onChange) {
|
57265
|
+
onChange();
|
57266
|
+
}
|
57267
|
+
}, onMouseOver: function () { return setOpen(true); } },
|
57251
57268
|
item['icon'] ? React.createElement("i", { className: 'icon-' + item['icon'] }) : null,
|
57252
57269
|
item['label']),
|
57253
57270
|
React.createElement("ul", { role: 'menu', ref: refSubMenu, style: { display: 'none' }, className: 'dropdown__menu' }, subMenuItems))));
|
@@ -57259,13 +57276,13 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57259
57276
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
57260
57277
|
|
57261
57278
|
"use strict";
|
57262
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(
|
57279
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(61);
|
57263
57280
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
|
57264
57281
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(228);
|
57265
57282
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
|
57266
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(
|
57283
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(64);
|
57267
57284
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
|
57268
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(
|
57285
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(65);
|
57269
57286
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
|
57270
57287
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(234);
|
57271
57288
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
|
@@ -57273,7 +57290,7 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57273
57290
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
|
57274
57291
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(239);
|
57275
57292
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
|
57276
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(
|
57293
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(69);
|
57277
57294
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
|
57278
57295
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(240);
|
57279
57296
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
|
@@ -57293,10 +57310,10 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57293
57310
|
|
57294
57311
|
"use strict";
|
57295
57312
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(21);
|
57296
|
-
/* 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);
|
57297
57314
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(229);
|
57298
57315
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
57299
|
-
/* 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);
|
57300
57317
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(230);
|
57301
57318
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(231);
|
57302
57319
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(233);
|
@@ -57662,7 +57679,7 @@ function flip(_ref) {
|
|
57662
57679
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
|
57663
57680
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
|
57664
57681
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
|
57665
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(
|
57682
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(68);
|
57666
57683
|
|
57667
57684
|
|
57668
57685
|
|
@@ -57713,7 +57730,7 @@ function rectToClientRect(rect) {
|
|
57713
57730
|
/* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
|
57714
57731
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(21);
|
57715
57732
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
|
57716
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(
|
57733
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57717
57734
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
|
57718
57735
|
|
57719
57736
|
|
@@ -57925,10 +57942,10 @@ function offset(_ref2) {
|
|
57925
57942
|
"use strict";
|
57926
57943
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
|
57927
57944
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(21);
|
57928
|
-
/* 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);
|
57929
57946
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
|
57930
57947
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(230);
|
57931
|
-
/* 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);
|
57932
57949
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
57933
57950
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
|
57934
57951
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
|
@@ -58084,11 +58101,11 @@ function preventOverflow(_ref) {
|
|
58084
58101
|
"use strict";
|
58085
58102
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
58086
58103
|
/* unused harmony export defaultModifiers */
|
58087
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
58088
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
58089
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
58090
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
58091
|
-
/* 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);
|
58092
58109
|
/* unused harmony reexport popperGenerator */
|
58093
58110
|
/* unused harmony reexport detectOverflow */
|
58094
58111
|
|
@@ -58160,7 +58177,7 @@ exports.SelectGrid = void 0;
|
|
58160
58177
|
var React = __importStar(__webpack_require__(0));
|
58161
58178
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
58162
58179
|
var overlaypanel_1 = __webpack_require__(429);
|
58163
|
-
var Loader_1 = __webpack_require__(
|
58180
|
+
var Loader_1 = __webpack_require__(59);
|
58164
58181
|
var SelectGrid = /** @class */ (function (_super) {
|
58165
58182
|
__extends(SelectGrid, _super);
|
58166
58183
|
function SelectGrid(props) {
|
@@ -58367,7 +58384,7 @@ exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = e
|
|
58367
58384
|
var React = __importStar(__webpack_require__(0));
|
58368
58385
|
var Icon_1 = __webpack_require__(7);
|
58369
58386
|
var IconButton_1 = __webpack_require__(44);
|
58370
|
-
var Spinner_1 = __webpack_require__(
|
58387
|
+
var Spinner_1 = __webpack_require__(53);
|
58371
58388
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
58372
58389
|
var Panel = /** @class */ (function (_super) {
|
58373
58390
|
__extends(Panel, _super);
|
@@ -58694,8 +58711,8 @@ var getBatch = function getBatch() {
|
|
58694
58711
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
|
58695
58712
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(501);
|
58696
58713
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
|
58697
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(
|
58698
|
-
/* 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);
|
58699
58716
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(30);
|
58700
58717
|
|
58701
58718
|
|
@@ -59375,28 +59392,49 @@ var classnames_1 = __importDefault(__webpack_require__(2));
|
|
59375
59392
|
var ContentListItem = /** @class */ (function (_super) {
|
59376
59393
|
__extends(ContentListItem, _super);
|
59377
59394
|
function ContentListItem() {
|
59378
|
-
|
59395
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
59396
|
+
_this.delay = 200;
|
59397
|
+
_this.prevent = false;
|
59398
|
+
_this.onSingleClick = function () {
|
59399
|
+
_this.timer = setTimeout(function () {
|
59400
|
+
if (!_this.prevent) {
|
59401
|
+
if (_this.props.onClick) {
|
59402
|
+
_this.props.onClick();
|
59403
|
+
}
|
59404
|
+
}
|
59405
|
+
}, _this.delay);
|
59406
|
+
};
|
59407
|
+
_this.onDoubleClick = function () {
|
59408
|
+
clearTimeout(_this.timer);
|
59409
|
+
_this.prevent = true;
|
59410
|
+
if (_this.props.onDoubleClick) {
|
59411
|
+
_this.props.onDoubleClick();
|
59412
|
+
}
|
59413
|
+
setTimeout(function () {
|
59414
|
+
_this.prevent = false;
|
59415
|
+
}, _this.delay);
|
59416
|
+
};
|
59417
|
+
return _this;
|
59379
59418
|
}
|
59380
59419
|
ContentListItem.prototype.render = function () {
|
59381
|
-
var classes = (0, classnames_1.default)('sd-list-item sd-
|
59420
|
+
var classes = (0, classnames_1.default)('sd-list-item sd-shadow--z1', {
|
59382
59421
|
'sd-list-item--activated': this.props.activated,
|
59383
59422
|
'sd-list-item--selected': this.props.selected,
|
59384
59423
|
'fetched': this.props.archived,
|
59385
59424
|
'actioning': this.props.loading,
|
59386
59425
|
});
|
59387
|
-
return (React.createElement("div", { className: classes, onClick: this.
|
59388
|
-
|
59389
|
-
|
59390
|
-
|
59391
|
-
|
59392
|
-
|
59393
|
-
return
|
59394
|
-
|
59395
|
-
|
59396
|
-
|
59397
|
-
|
59398
|
-
|
59399
|
-
React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action))));
|
59426
|
+
return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59427
|
+
this.props.locked
|
59428
|
+
? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
|
59429
|
+
: React.createElement("div", { className: "sd-list-item__border" }),
|
59430
|
+
this.props.itemColum.map(function (item, index) {
|
59431
|
+
return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
|
59432
|
+
return (item.itemRow.length <= 1
|
59433
|
+
? React.createElement(React.Fragment, { key: i }, e.content)
|
59434
|
+
: React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
|
59435
|
+
}));
|
59436
|
+
}),
|
59437
|
+
React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action)));
|
59400
59438
|
};
|
59401
59439
|
return ContentListItem;
|
59402
59440
|
}(React.PureComponent));
|
@@ -62835,11 +62873,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
62835
62873
|
exports.TreeSelect = void 0;
|
62836
62874
|
var React = __importStar(__webpack_require__(0));
|
62837
62875
|
var Icon_1 = __webpack_require__(7);
|
62838
|
-
var Loader_1 = __webpack_require__(
|
62876
|
+
var Loader_1 = __webpack_require__(59);
|
62839
62877
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
62840
62878
|
var debounce_1 = __importDefault(__webpack_require__(483));
|
62841
62879
|
var Form_1 = __webpack_require__(14);
|
62842
|
-
var core_1 = __webpack_require__(
|
62880
|
+
var core_1 = __webpack_require__(60);
|
62843
62881
|
var lodash_1 = __webpack_require__(33);
|
62844
62882
|
var TreeSelect = /** @class */ (function (_super) {
|
62845
62883
|
__extends(TreeSelect, _super);
|
@@ -63524,7 +63562,7 @@ exports.typeOf = typeOf;
|
|
63524
63562
|
var ReactIs = __webpack_require__(48);
|
63525
63563
|
var assign = __webpack_require__(274);
|
63526
63564
|
|
63527
|
-
var ReactPropTypesSecret = __webpack_require__(
|
63565
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
63528
63566
|
var has = __webpack_require__(79);
|
63529
63567
|
var checkPropTypes = __webpack_require__(275);
|
63530
63568
|
|
@@ -64239,7 +64277,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
64239
64277
|
var printWarning = function() {};
|
64240
64278
|
|
64241
64279
|
if (process.env.NODE_ENV !== 'production') {
|
64242
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64280
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64243
64281
|
var loggedTypeFailures = {};
|
64244
64282
|
var has = __webpack_require__(79);
|
64245
64283
|
|
@@ -64347,7 +64385,7 @@ module.exports = checkPropTypes;
|
|
64347
64385
|
|
64348
64386
|
|
64349
64387
|
|
64350
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64388
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64351
64389
|
|
64352
64390
|
function emptyFunction() {}
|
64353
64391
|
function emptyFunctionWithReset() {}
|
@@ -64949,9 +64987,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
64949
64987
|
__setModuleDefault(result, mod);
|
64950
64988
|
return result;
|
64951
64989
|
};
|
64990
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
64991
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
64992
|
+
};
|
64952
64993
|
Object.defineProperty(exports, "__esModule", { value: true });
|
64953
64994
|
exports.InputBase = void 0;
|
64954
64995
|
var React = __importStar(__webpack_require__(0));
|
64996
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
64955
64997
|
var InputBase = /** @class */ (function (_super) {
|
64956
64998
|
__extends(InputBase, _super);
|
64957
64999
|
function InputBase(props) {
|
@@ -64981,7 +65023,17 @@ var InputBase = /** @class */ (function (_super) {
|
|
64981
65023
|
};
|
64982
65024
|
InputBase.prototype.render = function () {
|
64983
65025
|
var _a;
|
64984
|
-
|
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 }));
|
64985
65037
|
};
|
64986
65038
|
return InputBase;
|
64987
65039
|
}(React.Component));
|
@@ -70667,7 +70719,7 @@ function getUTCDayOfYear(dirtyDate) {
|
|
70667
70719
|
"use strict";
|
70668
70720
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
|
70669
70721
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
70670
|
-
/* 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);
|
70671
70723
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
|
70672
70724
|
|
70673
70725
|
|
@@ -70695,7 +70747,7 @@ function getUTCISOWeek(dirtyDate) {
|
|
70695
70747
|
"use strict";
|
70696
70748
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
|
70697
70749
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(220);
|
70698
|
-
/* 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);
|
70699
70751
|
|
70700
70752
|
// This function will be a part of public API when UTC function will be implemented.
|
70701
70753
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -70720,7 +70772,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
|
|
70720
70772
|
"use strict";
|
70721
70773
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
|
70722
70774
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
70723
|
-
/* 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);
|
70724
70776
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
|
70725
70777
|
|
70726
70778
|
|
@@ -70749,7 +70801,7 @@ function getUTCWeek(dirtyDate, options) {
|
|
70749
70801
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
|
70750
70802
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
70751
70803
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(221);
|
70752
|
-
/* 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);
|
70753
70805
|
|
70754
70806
|
|
70755
70807
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -75039,7 +75091,7 @@ exports.RadioButtonGroup = void 0;
|
|
75039
75091
|
var React = __importStar(__webpack_require__(0));
|
75040
75092
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75041
75093
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
75042
|
-
var FormLabel_1 = __webpack_require__(
|
75094
|
+
var FormLabel_1 = __webpack_require__(49);
|
75043
75095
|
var RadioButtonGroup = /** @class */ (function (_super) {
|
75044
75096
|
__extends(RadioButtonGroup, _super);
|
75045
75097
|
function RadioButtonGroup(props) {
|
@@ -75274,7 +75326,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
75274
75326
|
exports.CheckButtonGroup = void 0;
|
75275
75327
|
var React = __importStar(__webpack_require__(0));
|
75276
75328
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75277
|
-
var FormLabel_1 = __webpack_require__(
|
75329
|
+
var FormLabel_1 = __webpack_require__(49);
|
75278
75330
|
var CheckButtonGroup = /** @class */ (function (_super) {
|
75279
75331
|
__extends(CheckButtonGroup, _super);
|
75280
75332
|
function CheckButtonGroup() {
|
@@ -76535,7 +76587,7 @@ function getClippingRect(element, boundary, rootBoundary) {
|
|
76535
76587
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
|
76536
76588
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
|
76537
76589
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
76538
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
76590
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76539
76591
|
|
76540
76592
|
|
76541
76593
|
|
@@ -76585,8 +76637,8 @@ function getViewportRect(element) {
|
|
76585
76637
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
|
76586
76638
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(22);
|
76587
76639
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(34);
|
76588
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
76589
|
-
/* 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);
|
76590
76642
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(29);
|
76591
76643
|
|
76592
76644
|
|
@@ -76625,7 +76677,7 @@ function getDocumentRect(element) {
|
|
76625
76677
|
"use strict";
|
76626
76678
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
|
76627
76679
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
|
76628
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(
|
76680
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(68);
|
76629
76681
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
76630
76682
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
76631
76683
|
|
@@ -76724,9 +76776,9 @@ function getAltAxis(axis) {
|
|
76724
76776
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
|
76725
76777
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
76726
76778
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
76727
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(
|
76779
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(66);
|
76728
76780
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(22);
|
76729
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(
|
76781
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(68);
|
76730
76782
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(29);
|
76731
76783
|
|
76732
76784
|
|
@@ -76793,7 +76845,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
76793
76845
|
|
76794
76846
|
"use strict";
|
76795
76847
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
|
76796
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(
|
76848
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(67);
|
76797
76849
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
|
76798
76850
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
|
76799
76851
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
|
@@ -77048,11 +77100,11 @@ function mergeByName(modifiers) {
|
|
77048
77100
|
"use strict";
|
77049
77101
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
77050
77102
|
/* unused harmony export defaultModifiers */
|
77051
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
77052
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
77053
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
77054
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
77055
|
-
/* 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);
|
77056
77108
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(239);
|
77057
77109
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(234);
|
77058
77110
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(240);
|
@@ -96606,7 +96658,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
96606
96658
|
exports.TagInput = void 0;
|
96607
96659
|
var React = __importStar(__webpack_require__(0));
|
96608
96660
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
96609
|
-
var core_1 = __webpack_require__(
|
96661
|
+
var core_1 = __webpack_require__(60);
|
96610
96662
|
var lodash_1 = __webpack_require__(33);
|
96611
96663
|
var TagInput = function (_a) {
|
96612
96664
|
var items = _a.items, label = _a.label, freetype = _a.freetype;
|
@@ -98664,7 +98716,7 @@ exports.IconPicker = void 0;
|
|
98664
98716
|
var React = __importStar(__webpack_require__(0));
|
98665
98717
|
// @ts-ignore
|
98666
98718
|
var iconFont = __importStar(__webpack_require__(265));
|
98667
|
-
var Button_1 = __webpack_require__(
|
98719
|
+
var Button_1 = __webpack_require__(52);
|
98668
98720
|
var Icon_1 = __webpack_require__(7);
|
98669
98721
|
var SelectGrid_1 = __webpack_require__(243);
|
98670
98722
|
var IconPicker = /** @class */ (function (_super) {
|
@@ -112527,8 +112579,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
|
|
112527
112579
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
|
112528
112580
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
112529
112581
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(30);
|
112530
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(
|
112531
|
-
/* 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);
|
112532
112584
|
|
112533
112585
|
|
112534
112586
|
|
@@ -113302,8 +113354,8 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
|
|
113302
113354
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
113303
113355
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
113304
113356
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(257);
|
113305
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(
|
113306
|
-
/* 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);
|
113307
113359
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(30);
|
113308
113360
|
|
113309
113361
|
|
@@ -113547,7 +113599,7 @@ var useCallback = useCallbackOne;
|
|
113547
113599
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
|
113548
113600
|
/* unused harmony export shrink */
|
113549
113601
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
|
113550
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(
|
113602
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(74);
|
113551
113603
|
|
113552
113604
|
|
113553
113605
|
var getRect = function getRect(_ref) {
|
@@ -114053,7 +114105,7 @@ var ToggleBoxNext = exports.ToggleBoxNext = function (_React$Component) {
|
|
114053
114105
|
var isOpen = this.state.isOpen;
|
114054
114106
|
|
114055
114107
|
|
114056
|
-
var classNames = ['toggle-box toggle-box--' + style, mode];
|
114108
|
+
var classNames = ['toggle-box toggle-box--margin-normal toggle-box--' + style, mode];
|
114057
114109
|
|
114058
114110
|
if (!isOpen) {
|
114059
114111
|
classNames.push('hidden');
|