superdesk-ui-framework 3.0.1-beta.14 → 3.0.1-beta.16

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