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

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