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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (63) 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 +11 -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/dropdowns/_basic-dropdown.scss +6 -0
  15. package/app/styles/form-elements/_input-wrap.scss +138 -0
  16. package/app/styles/form-elements/_inputs.scss +230 -61
  17. package/app/styles/interface-elements/_side-panel.scss +1 -1
  18. package/app/styles/primereact/_pr-dialog.scss +1 -0
  19. package/app/styles/primereact/_pr-menu.scss +6 -5
  20. package/app-typescript/components/Dropdown.tsx +65 -65
  21. package/app-typescript/components/DurationInput.tsx +10 -6
  22. package/app-typescript/components/Form/FormLabel.tsx +8 -1
  23. package/app-typescript/components/Form/InputBase.tsx +12 -2
  24. package/app-typescript/components/Lists/ContentList.tsx +28 -4
  25. package/app-typescript/components/Lists/TableList.tsx +11 -9
  26. package/dist/examples.bundle.css +8 -8
  27. package/dist/examples.bundle.js +1075 -640
  28. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
  29. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +5 -10
  30. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +20 -21
  31. package/dist/playgrounds/react-playgrounds/TestGround.tsx +198 -25
  32. package/dist/react/ContentDivider.tsx +4 -4
  33. package/dist/react/ContentList.tsx +2 -10
  34. package/dist/react/Dropdowns.tsx +357 -5
  35. package/dist/react/Inputs.tsx +1 -7
  36. package/dist/react/TableList.tsx +28 -30
  37. package/dist/react/Togglebox.tsx +1 -1
  38. package/dist/superdesk-ui.bundle.css +463 -176
  39. package/dist/superdesk-ui.bundle.js +591 -539
  40. package/dist/vendor.bundle.js +2 -2
  41. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
  42. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +5 -10
  43. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +20 -21
  44. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +198 -25
  45. package/examples/pages/react/ContentDivider.tsx +4 -4
  46. package/examples/pages/react/ContentList.tsx +2 -10
  47. package/examples/pages/react/Dropdowns.tsx +357 -5
  48. package/examples/pages/react/Inputs.tsx +1 -7
  49. package/examples/pages/react/TableList.tsx +28 -30
  50. package/examples/pages/react/Togglebox.tsx +1 -1
  51. package/package.json +1 -1
  52. package/react/components/Dropdown.d.ts +4 -4
  53. package/react/components/Dropdown.js +19 -15
  54. package/react/components/DurationInput.d.ts +1 -1
  55. package/react/components/DurationInput.js +12 -7
  56. package/react/components/Form/FormLabel.d.ts +4 -1
  57. package/react/components/Form/FormLabel.js +9 -3
  58. package/react/components/Form/InputBase.d.ts +0 -1
  59. package/react/components/Form/InputBase.js +15 -1
  60. package/react/components/Lists/ContentList.d.ts +5 -0
  61. package/react/components/Lists/ContentList.js +36 -15
  62. package/react/components/Lists/TableList.d.ts +5 -5
  63. package/react/components/Lists/TableList.js +6 -4
@@ -5769,7 +5769,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
5769
5769
 
5770
5770
  })));
5771
5771
 
5772
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(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,356 +38600,6 @@ Transition.EXITING = EXITING;
38594
38600
 
38595
38601
  "use strict";
38596
38602
 
38597
- var __extends = (this && this.__extends) || (function () {
38598
- var extendStatics = function (d, b) {
38599
- extendStatics = Object.setPrototypeOf ||
38600
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
38601
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
38602
- return extendStatics(d, b);
38603
- };
38604
- return function (d, b) {
38605
- if (typeof b !== "function" && b !== null)
38606
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
38607
- extendStatics(d, b);
38608
- function __() { this.constructor = d; }
38609
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
38610
- };
38611
- })();
38612
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
38613
- if (k2 === undefined) k2 = k;
38614
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
38615
- }) : (function(o, m, k, k2) {
38616
- if (k2 === undefined) k2 = k;
38617
- o[k2] = m[k];
38618
- }));
38619
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
38620
- Object.defineProperty(o, "default", { enumerable: true, value: v });
38621
- }) : function(o, v) {
38622
- o["default"] = v;
38623
- });
38624
- var __importStar = (this && this.__importStar) || function (mod) {
38625
- if (mod && mod.__esModule) return mod;
38626
- var result = {};
38627
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
38628
- __setModuleDefault(result, mod);
38629
- return result;
38630
- };
38631
- var __importDefault = (this && this.__importDefault) || function (mod) {
38632
- return (mod && mod.__esModule) ? mod : { "default": mod };
38633
- };
38634
- Object.defineProperty(exports, "__esModule", { value: true });
38635
- exports.getDurationString = exports.DurationInput = void 0;
38636
- var React = __importStar(__webpack_require__(0));
38637
- var classnames_1 = __importDefault(__webpack_require__(2));
38638
- var moment_1 = __importDefault(__webpack_require__(1));
38639
- var react_id_generator_1 = __importDefault(__webpack_require__(8));
38640
- var Form_1 = __webpack_require__(14);
38641
- var DurationInput = /** @class */ (function (_super) {
38642
- __extends(DurationInput, _super);
38643
- function DurationInput(props) {
38644
- var _this = _super.call(this, props) || this;
38645
- _this.htmlId = (0, react_id_generator_1.default)();
38646
- _this.state = {
38647
- hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
38648
- minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
38649
- seconds: _this.stateUpdate('seconds', _this.props.seconds),
38650
- blink: '',
38651
- };
38652
- _this.hourRef = React.createRef();
38653
- _this.minuteRef = React.createRef();
38654
- _this.secondRef = React.createRef();
38655
- _this.handleKeyDown = _this.handleKeyDown.bind(_this);
38656
- _this.zeroPad = _this.zeroPad.bind(_this);
38657
- _this.handleChange = _this.handleChange.bind(_this);
38658
- _this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
38659
- _this.handleKeyValue = _this.handleKeyValue.bind(_this);
38660
- _this.valueUpdate = _this.valueUpdate.bind(_this);
38661
- _this.stateUpdate = _this.stateUpdate.bind(_this);
38662
- return _this;
38663
- }
38664
- DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
38665
- var value;
38666
- if (state === 'hours') {
38667
- value = parametar1
38668
- ? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
38669
- : Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
38670
- }
38671
- else if (state === 'minutes') {
38672
- value = parametar1
38673
- ? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
38674
- : Math.floor((parametar2 || 0) % 3600 / 60);
38675
- }
38676
- else {
38677
- value = parametar1 ? parametar1 % 60 : 0;
38678
- }
38679
- return this.zeroPad(value);
38680
- };
38681
- DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
38682
- var _this = this;
38683
- if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
38684
- return;
38685
- }
38686
- if (this.state.hours !== prevState.hours) {
38687
- if (Number(this.hourRef.current.value) > 99) {
38688
- this.setState({
38689
- hours: this.zeroPad(99),
38690
- });
38691
- }
38692
- }
38693
- if (this.state.minutes !== prevState.minutes) {
38694
- if (Number(this.minuteRef.current.value) > 59) {
38695
- this.setState({
38696
- hours: this.zeroPad(Number(this.state.hours) + 1),
38697
- minutes: this.zeroPad(this.state.minutes % 60),
38698
- });
38699
- this.setState({ blink: 'hour' });
38700
- setTimeout(function () {
38701
- _this.setState({ blink: '' });
38702
- }, 500);
38703
- }
38704
- if (Number(this.minuteRef.current.value) < 0) {
38705
- this.setState({
38706
- hours: this.zeroPad(Number(this.state.hours)) > 0
38707
- ? this.zeroPad(Number(this.state.hours) - 1)
38708
- : this.zeroPad(Number(this.state.hours)),
38709
- minutes: 59,
38710
- });
38711
- this.setState({ blink: 'hour' });
38712
- setTimeout(function () {
38713
- _this.setState({ blink: '' });
38714
- }, 500);
38715
- }
38716
- }
38717
- if (this.state.seconds !== prevState.seconds) {
38718
- if (Number(this.secondRef.current.value) > 59) {
38719
- this.setState({
38720
- minutes: this.zeroPad(Number(this.state.minutes) + 1),
38721
- seconds: this.zeroPad(this.state.seconds % 60),
38722
- });
38723
- this.setState({ blink: 'minute' });
38724
- setTimeout(function () {
38725
- _this.setState({ blink: '' });
38726
- }, 500);
38727
- }
38728
- if (Number(this.secondRef.current.value) < 0) {
38729
- this.setState({
38730
- minutes: this.zeroPad(Number(this.state.minutes) - 1),
38731
- seconds: 59,
38732
- });
38733
- this.setState({ blink: 'minute' });
38734
- setTimeout(function () {
38735
- _this.setState({ blink: '' });
38736
- }, 500);
38737
- }
38738
- }
38739
- if ((this.props.hours !== prevProps.hours)
38740
- || (this.props.minutes !== prevProps.minutes)
38741
- || (this.props.seconds !== prevProps.seconds)) {
38742
- this.setState({
38743
- hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
38744
- minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
38745
- seconds: this.stateUpdate('seconds', this.props.seconds),
38746
- });
38747
- }
38748
- };
38749
- DurationInput.prototype.valueUpdate = function () {
38750
- if (this.props.onChange) {
38751
- this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
38752
- .asSeconds());
38753
- }
38754
- };
38755
- DurationInput.prototype.handleKeyDown = function (event) {
38756
- if (!(event.target instanceof HTMLInputElement)) {
38757
- return;
38758
- }
38759
- if (event.target.id === 'hours') {
38760
- if (event.key === 'ArrowRight') {
38761
- if (event.target.selectionEnd === event.target.value.length) {
38762
- this.handleFocus(this.minuteRef.current, event.target.id);
38763
- }
38764
- }
38765
- if (event.key === 'ArrowLeft') {
38766
- if (event.target.selectionStart === 0) {
38767
- this.handleFocus(this.secondRef.current, event.target.id);
38768
- }
38769
- }
38770
- }
38771
- if (event.target.id === 'minutes') {
38772
- if (event.key === 'ArrowRight') {
38773
- if (event.target.selectionEnd === event.target.value.length) {
38774
- this.handleFocus(this.secondRef.current, event.target.id);
38775
- }
38776
- }
38777
- if (event.key === 'ArrowLeft') {
38778
- if (event.target.selectionStart === 0) {
38779
- this.handleFocus(this.hourRef.current, event.target.id);
38780
- }
38781
- }
38782
- }
38783
- if (event.target.id === 'seconds') {
38784
- if (event.key === 'ArrowRight') {
38785
- if (event.target.selectionEnd === event.target.value.length) {
38786
- this.handleFocus(this.hourRef.current, event.target.id);
38787
- }
38788
- }
38789
- if (event.key === 'ArrowLeft') {
38790
- if (event.target.selectionStart === 0) {
38791
- this.handleFocus(this.minuteRef.current, event.target.id);
38792
- }
38793
- }
38794
- }
38795
- if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
38796
- this.handleKeyValue(event, event.target.id);
38797
- setTimeout(this.valueUpdate);
38798
- }
38799
- if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
38800
- if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
38801
- setTimeout(this.valueUpdate);
38802
- }
38803
- }
38804
- };
38805
- DurationInput.prototype.handleKeyValue = function (event, state) {
38806
- if (!(event.target instanceof HTMLInputElement)) {
38807
- return;
38808
- }
38809
- if (!this.state[state]) {
38810
- return;
38811
- }
38812
- event.preventDefault();
38813
- event.stopPropagation();
38814
- var stateClone = {};
38815
- if (event.key === 'ArrowUp') {
38816
- if (event.target.id === 'hours') {
38817
- stateClone[state] = this.state[state] < 99
38818
- ? this.zeroPad(Number(this.state[state]) + 1)
38819
- : this.zeroPad(99);
38820
- }
38821
- else {
38822
- stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
38823
- }
38824
- }
38825
- else if (event.key === 'ArrowDown') {
38826
- if (event.target.id === 'hours') {
38827
- stateClone[state] = this.state[state] > 0
38828
- ? this.zeroPad(Number(this.state[state]) - 1)
38829
- : this.zeroPad(0);
38830
- }
38831
- else {
38832
- stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
38833
- }
38834
- }
38835
- this.setState(stateClone);
38836
- };
38837
- DurationInput.prototype.zeroPad = function (value) {
38838
- if (value.toString().length === 1 || value === 0) {
38839
- return "0".concat(value);
38840
- }
38841
- else if (!value) {
38842
- return '00';
38843
- }
38844
- else {
38845
- return value;
38846
- }
38847
- };
38848
- DurationInput.prototype.handleChange = function (event, state) {
38849
- var stateClone = {};
38850
- if (event.target.value.length >= 2) {
38851
- if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
38852
- stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
38853
- }
38854
- else {
38855
- stateClone[state] = event.target.value.slice(0, 2);
38856
- }
38857
- }
38858
- else {
38859
- stateClone[state] = event.target.value;
38860
- }
38861
- this.setState(stateClone);
38862
- setTimeout(this.valueUpdate);
38863
- };
38864
- DurationInput.prototype.handleFocus = function (ref, state) {
38865
- ref === null || ref === void 0 ? void 0 : ref.focus();
38866
- setTimeout(function () {
38867
- ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
38868
- });
38869
- var stateClone = {};
38870
- stateClone[state] = this.zeroPad(this.state[state]);
38871
- this.setState(stateClone);
38872
- };
38873
- DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
38874
- if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
38875
- if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
38876
- var target = event.target;
38877
- if (target.value.length >= 2) {
38878
- ref === null || ref === void 0 ? void 0 : ref.focus();
38879
- setTimeout(function () {
38880
- ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
38881
- });
38882
- }
38883
- }
38884
- }
38885
- };
38886
- DurationInput.prototype.render = function () {
38887
- var _this = this;
38888
- var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
38889
- return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
38890
- React.createElement("div", { className: InputClasses },
38891
- React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
38892
- if (!/[0-9]/.test(event.key)) {
38893
- event.preventDefault();
38894
- }
38895
- } }),
38896
- React.createElement("span", { className: 'sd-input__suffix' }, "h"),
38897
- React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
38898
- if (!/[0-9]/.test(event.key)) {
38899
- event.preventDefault();
38900
- }
38901
- } }),
38902
- React.createElement("span", { className: 'sd-input__suffix' }, "m"),
38903
- React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
38904
- if (!/[0-9]/.test(event.key)) {
38905
- event.preventDefault();
38906
- }
38907
- } }),
38908
- React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
38909
- };
38910
- return DurationInput;
38911
- }(React.PureComponent));
38912
- exports.DurationInput = DurationInput;
38913
- function getDurationString(seconds) {
38914
- function zeroPad(value) {
38915
- if (value.toString().length === 1 || value === 0) {
38916
- return "0".concat(value);
38917
- }
38918
- else if (!value) {
38919
- return '00';
38920
- }
38921
- else {
38922
- return value;
38923
- }
38924
- }
38925
- var hour = zeroPad(Math.floor(seconds / 3600));
38926
- var minute = zeroPad(Math.floor((seconds % 3600) / 60));
38927
- var second = zeroPad(Math.floor(seconds % 60));
38928
- if (Number(hour) === 0 && Number(minute) > 0) {
38929
- return "".concat(minute, "m ").concat(second, "s");
38930
- }
38931
- else if (Number(hour) === 0 && Number(minute) === 0) {
38932
- return "".concat(second, "s");
38933
- }
38934
- else {
38935
- return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
38936
- }
38937
- }
38938
- exports.getDurationString = getDurationString;
38939
-
38940
-
38941
- /***/ }),
38942
- /* 57 */
38943
- /***/ (function(module, exports, __webpack_require__) {
38944
-
38945
- "use strict";
38946
-
38947
38603
  var __extends = (this && this.__extends) || (function () {
38948
38604
  var extendStatics = function (d, b) {
38949
38605
  extendStatics = Object.setPrototypeOf ||
@@ -39129,7 +38785,7 @@ exports.DatePickerISO = DatePickerISO;
39129
38785
 
39130
38786
 
39131
38787
  /***/ }),
39132
- /* 58 */
38788
+ /* 57 */
39133
38789
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39134
38790
 
39135
38791
  "use strict";
@@ -39153,7 +38809,7 @@ function startOfUTCISOWeek(dirtyDate) {
39153
38809
  }
39154
38810
 
39155
38811
  /***/ }),
39156
- /* 59 */
38812
+ /* 58 */
39157
38813
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39158
38814
 
39159
38815
  "use strict";
@@ -39188,7 +38844,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
39188
38844
  }
39189
38845
 
39190
38846
  /***/ }),
39191
- /* 60 */
38847
+ /* 59 */
39192
38848
  /***/ (function(module, exports, __webpack_require__) {
39193
38849
 
39194
38850
  "use strict";
@@ -39249,7 +38905,7 @@ exports.Loader = Loader;
39249
38905
 
39250
38906
 
39251
38907
  /***/ }),
39252
- /* 61 */
38908
+ /* 60 */
39253
38909
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39254
38910
 
39255
38911
  "use strict";
@@ -39289,7 +38945,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
39289
38945
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
39290
38946
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
39291
38947
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
39292
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(71);
38948
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(70);
39293
38949
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
39294
38950
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
39295
38951
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
@@ -39307,7 +38963,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
39307
38963
 
39308
38964
 
39309
38965
  /***/ }),
39310
- /* 62 */
38966
+ /* 61 */
39311
38967
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39312
38968
 
39313
38969
  "use strict";
@@ -39399,7 +39055,7 @@ function effect(_ref2) {
39399
39055
  });
39400
39056
 
39401
39057
  /***/ }),
39402
- /* 63 */
39058
+ /* 62 */
39403
39059
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39404
39060
 
39405
39061
  "use strict";
@@ -39432,7 +39088,7 @@ function getLayoutRect(element) {
39432
39088
  }
39433
39089
 
39434
39090
  /***/ }),
39435
- /* 64 */
39091
+ /* 63 */
39436
39092
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39437
39093
 
39438
39094
  "use strict";
@@ -39442,7 +39098,7 @@ function getMainAxisFromPlacement(placement) {
39442
39098
  }
39443
39099
 
39444
39100
  /***/ }),
39445
- /* 65 */
39101
+ /* 64 */
39446
39102
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39447
39103
 
39448
39104
  "use strict";
@@ -39639,7 +39295,7 @@ function computeStyles(_ref5) {
39639
39295
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
39640
39296
 
39641
39297
  /***/ }),
39642
- /* 66 */
39298
+ /* 65 */
39643
39299
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39644
39300
 
39645
39301
  "use strict";
@@ -39695,14 +39351,14 @@ function effect(_ref) {
39695
39351
  });
39696
39352
 
39697
39353
  /***/ }),
39698
- /* 67 */
39354
+ /* 66 */
39699
39355
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39700
39356
 
39701
39357
  "use strict";
39702
39358
  /* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
39703
39359
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
39704
39360
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
39705
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(68);
39361
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(67);
39706
39362
 
39707
39363
 
39708
39364
 
@@ -39718,7 +39374,7 @@ function getWindowScrollBarX(element) {
39718
39374
  }
39719
39375
 
39720
39376
  /***/ }),
39721
- /* 68 */
39377
+ /* 67 */
39722
39378
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39723
39379
 
39724
39380
  "use strict";
@@ -39736,7 +39392,7 @@ function getWindowScroll(node) {
39736
39392
  }
39737
39393
 
39738
39394
  /***/ }),
39739
- /* 69 */
39395
+ /* 68 */
39740
39396
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39741
39397
 
39742
39398
  "use strict";
@@ -39754,7 +39410,7 @@ function isScrollParent(element) {
39754
39410
  }
39755
39411
 
39756
39412
  /***/ }),
39757
- /* 70 */
39413
+ /* 69 */
39758
39414
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39759
39415
 
39760
39416
  "use strict";
@@ -39786,14 +39442,14 @@ function popperOffsets(_ref) {
39786
39442
  });
39787
39443
 
39788
39444
  /***/ }),
39789
- /* 71 */
39445
+ /* 70 */
39790
39446
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39791
39447
 
39792
39448
  "use strict";
39793
39449
  /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
39794
39450
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
39795
39451
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(382);
39796
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
39452
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
39797
39453
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(235);
39798
39454
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
39799
39455
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
@@ -40069,7 +39725,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
40069
39725
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
40070
39726
 
40071
39727
  /***/ }),
40072
- /* 72 */
39728
+ /* 71 */
40073
39729
  /***/ (function(module, exports, __webpack_require__) {
40074
39730
 
40075
39731
  "use strict";
@@ -40291,7 +39947,7 @@ exports.default = GridItem;
40291
39947
 
40292
39948
 
40293
39949
  /***/ }),
40294
- /* 73 */
39950
+ /* 72 */
40295
39951
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40296
39952
 
40297
39953
  "use strict";
@@ -40425,7 +40081,7 @@ function createSubscription(store, parentSub) {
40425
40081
  }
40426
40082
 
40427
40083
  /***/ }),
40428
- /* 74 */
40084
+ /* 73 */
40429
40085
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40430
40086
 
40431
40087
  "use strict";
@@ -40444,7 +40100,7 @@ function createSubscription(store, parentSub) {
40444
40100
  var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? __WEBPACK_IMPORTED_MODULE_0_react__["useLayoutEffect"] : __WEBPACK_IMPORTED_MODULE_0_react__["useEffect"];
40445
40101
 
40446
40102
  /***/ }),
40447
- /* 75 */
40103
+ /* 74 */
40448
40104
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40449
40105
 
40450
40106
  "use strict";
@@ -40467,6 +40123,361 @@ function invariant(condition, message) {
40467
40123
 
40468
40124
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
40469
40125
 
40126
+ /***/ }),
40127
+ /* 75 */
40128
+ /***/ (function(module, exports, __webpack_require__) {
40129
+
40130
+ "use strict";
40131
+
40132
+ var __extends = (this && this.__extends) || (function () {
40133
+ var extendStatics = function (d, b) {
40134
+ extendStatics = Object.setPrototypeOf ||
40135
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
40136
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
40137
+ return extendStatics(d, b);
40138
+ };
40139
+ return function (d, b) {
40140
+ if (typeof b !== "function" && b !== null)
40141
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
40142
+ extendStatics(d, b);
40143
+ function __() { this.constructor = d; }
40144
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
40145
+ };
40146
+ })();
40147
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
40148
+ if (k2 === undefined) k2 = k;
40149
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
40150
+ }) : (function(o, m, k, k2) {
40151
+ if (k2 === undefined) k2 = k;
40152
+ o[k2] = m[k];
40153
+ }));
40154
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
40155
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
40156
+ }) : function(o, v) {
40157
+ o["default"] = v;
40158
+ });
40159
+ var __importStar = (this && this.__importStar) || function (mod) {
40160
+ if (mod && mod.__esModule) return mod;
40161
+ var result = {};
40162
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
40163
+ __setModuleDefault(result, mod);
40164
+ return result;
40165
+ };
40166
+ var __importDefault = (this && this.__importDefault) || function (mod) {
40167
+ return (mod && mod.__esModule) ? mod : { "default": mod };
40168
+ };
40169
+ Object.defineProperty(exports, "__esModule", { value: true });
40170
+ exports.getDurationString = exports.DurationInput = void 0;
40171
+ var React = __importStar(__webpack_require__(0));
40172
+ var classnames_1 = __importDefault(__webpack_require__(2));
40173
+ var moment_1 = __importDefault(__webpack_require__(1));
40174
+ var react_id_generator_1 = __importDefault(__webpack_require__(8));
40175
+ var Form_1 = __webpack_require__(14);
40176
+ var DurationInput = /** @class */ (function (_super) {
40177
+ __extends(DurationInput, _super);
40178
+ function DurationInput(props) {
40179
+ var _this = _super.call(this, props) || this;
40180
+ _this.htmlId = (0, react_id_generator_1.default)();
40181
+ _this.state = {
40182
+ hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
40183
+ minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
40184
+ seconds: _this.stateUpdate('seconds', _this.props.seconds),
40185
+ blink: '',
40186
+ };
40187
+ _this.hourRef = React.createRef();
40188
+ _this.minuteRef = React.createRef();
40189
+ _this.secondRef = React.createRef();
40190
+ _this.handleKeyDown = _this.handleKeyDown.bind(_this);
40191
+ _this.zeroPad = _this.zeroPad.bind(_this);
40192
+ _this.handleChange = _this.handleChange.bind(_this);
40193
+ _this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
40194
+ _this.handleKeyValue = _this.handleKeyValue.bind(_this);
40195
+ _this.valueUpdate = _this.valueUpdate.bind(_this);
40196
+ _this.stateUpdate = _this.stateUpdate.bind(_this);
40197
+ return _this;
40198
+ }
40199
+ DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
40200
+ var value;
40201
+ if (state === 'hours') {
40202
+ value = parametar1
40203
+ ? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
40204
+ : Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
40205
+ }
40206
+ else if (state === 'minutes') {
40207
+ value = parametar1
40208
+ ? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
40209
+ : Math.floor((parametar2 || 0) % 3600 / 60);
40210
+ }
40211
+ else {
40212
+ value = parametar1 ? parametar1 % 60 : 0;
40213
+ }
40214
+ return this.zeroPad(value);
40215
+ };
40216
+ DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
40217
+ var _this = this;
40218
+ if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
40219
+ return;
40220
+ }
40221
+ if (this.state.hours !== prevState.hours) {
40222
+ if (Number(this.hourRef.current.value) > 99) {
40223
+ this.setState({
40224
+ hours: this.zeroPad(99),
40225
+ });
40226
+ }
40227
+ }
40228
+ if (this.state.minutes !== prevState.minutes) {
40229
+ if (Number(this.minuteRef.current.value) > 59) {
40230
+ this.setState({
40231
+ hours: this.zeroPad(Number(this.state.hours) + 1),
40232
+ minutes: this.zeroPad(this.state.minutes % 60),
40233
+ });
40234
+ this.setState({ blink: 'hour' });
40235
+ setTimeout(function () {
40236
+ _this.setState({ blink: '' });
40237
+ }, 500);
40238
+ }
40239
+ if (Number(this.minuteRef.current.value) < 0) {
40240
+ this.setState({
40241
+ hours: this.zeroPad(Number(this.state.hours)) > 0
40242
+ ? this.zeroPad(Number(this.state.hours) - 1)
40243
+ : this.zeroPad(Number(this.state.hours)),
40244
+ minutes: 59,
40245
+ });
40246
+ this.setState({ blink: 'hour' });
40247
+ setTimeout(function () {
40248
+ _this.setState({ blink: '' });
40249
+ }, 500);
40250
+ }
40251
+ }
40252
+ if (this.state.seconds !== prevState.seconds) {
40253
+ if (Number(this.secondRef.current.value) > 59) {
40254
+ this.setState({
40255
+ minutes: this.zeroPad(Number(this.state.minutes) + 1),
40256
+ seconds: this.zeroPad(this.state.seconds % 60),
40257
+ });
40258
+ this.setState({ blink: 'minute' });
40259
+ setTimeout(function () {
40260
+ _this.setState({ blink: '' });
40261
+ }, 500);
40262
+ }
40263
+ if (Number(this.secondRef.current.value) < 0) {
40264
+ this.setState({
40265
+ minutes: this.zeroPad(Number(this.state.minutes) - 1),
40266
+ seconds: 59,
40267
+ });
40268
+ this.setState({ blink: 'minute' });
40269
+ setTimeout(function () {
40270
+ _this.setState({ blink: '' });
40271
+ }, 500);
40272
+ }
40273
+ }
40274
+ if ((this.props.hours !== prevProps.hours)
40275
+ || (this.props.minutes !== prevProps.minutes)
40276
+ || (this.props.seconds !== prevProps.seconds)) {
40277
+ this.setState({
40278
+ hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
40279
+ minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
40280
+ seconds: this.stateUpdate('seconds', this.props.seconds),
40281
+ });
40282
+ }
40283
+ };
40284
+ DurationInput.prototype.valueUpdate = function () {
40285
+ if (this.props.onChange) {
40286
+ this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
40287
+ .asSeconds());
40288
+ }
40289
+ };
40290
+ DurationInput.prototype.handleKeyDown = function (event) {
40291
+ if (!(event.target instanceof HTMLInputElement)) {
40292
+ return;
40293
+ }
40294
+ if (event.target.id === 'hours') {
40295
+ if (event.key === 'ArrowRight') {
40296
+ if (event.target.selectionEnd === event.target.value.length) {
40297
+ this.handleFocus(this.minuteRef.current, event.target.id);
40298
+ }
40299
+ }
40300
+ if (event.key === 'ArrowLeft') {
40301
+ if (event.target.selectionStart === 0) {
40302
+ this.handleFocus(this.secondRef.current, event.target.id);
40303
+ }
40304
+ }
40305
+ }
40306
+ if (event.target.id === 'minutes') {
40307
+ if (event.key === 'ArrowRight') {
40308
+ if (event.target.selectionEnd === event.target.value.length) {
40309
+ this.handleFocus(this.secondRef.current, event.target.id);
40310
+ }
40311
+ }
40312
+ if (event.key === 'ArrowLeft') {
40313
+ if (event.target.selectionStart === 0) {
40314
+ this.handleFocus(this.hourRef.current, event.target.id);
40315
+ }
40316
+ }
40317
+ }
40318
+ if (event.target.id === 'seconds') {
40319
+ if (event.key === 'ArrowRight') {
40320
+ if (event.target.selectionEnd === event.target.value.length) {
40321
+ this.handleFocus(this.hourRef.current, event.target.id);
40322
+ }
40323
+ }
40324
+ if (event.key === 'ArrowLeft') {
40325
+ if (event.target.selectionStart === 0) {
40326
+ this.handleFocus(this.minuteRef.current, event.target.id);
40327
+ }
40328
+ }
40329
+ }
40330
+ if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
40331
+ this.handleKeyValue(event, event.target.id);
40332
+ setTimeout(this.valueUpdate);
40333
+ }
40334
+ if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
40335
+ if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
40336
+ setTimeout(this.valueUpdate);
40337
+ }
40338
+ }
40339
+ };
40340
+ DurationInput.prototype.handleKeyValue = function (event, state) {
40341
+ if (!(event.target instanceof HTMLInputElement)) {
40342
+ return;
40343
+ }
40344
+ if (!this.state[state]) {
40345
+ return;
40346
+ }
40347
+ event.preventDefault();
40348
+ event.stopPropagation();
40349
+ var stateClone = {};
40350
+ if (event.key === 'ArrowUp') {
40351
+ if (event.target.id === 'hours') {
40352
+ stateClone[state] = this.state[state] < 99
40353
+ ? this.zeroPad(Number(this.state[state]) + 1)
40354
+ : this.zeroPad(99);
40355
+ }
40356
+ else {
40357
+ stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
40358
+ }
40359
+ }
40360
+ else if (event.key === 'ArrowDown') {
40361
+ if (event.target.id === 'hours') {
40362
+ stateClone[state] = this.state[state] > 0
40363
+ ? this.zeroPad(Number(this.state[state]) - 1)
40364
+ : this.zeroPad(0);
40365
+ }
40366
+ else {
40367
+ stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
40368
+ }
40369
+ }
40370
+ this.setState(stateClone);
40371
+ };
40372
+ DurationInput.prototype.zeroPad = function (value) {
40373
+ if (value.toString().length === 1 || value === 0) {
40374
+ return "0".concat(value);
40375
+ }
40376
+ else if (!value) {
40377
+ return '00';
40378
+ }
40379
+ else {
40380
+ return value;
40381
+ }
40382
+ };
40383
+ DurationInput.prototype.handleChange = function (event, state) {
40384
+ var stateClone = {};
40385
+ if (event.target.value.length >= 2) {
40386
+ if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
40387
+ stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
40388
+ }
40389
+ else {
40390
+ stateClone[state] = event.target.value.slice(0, 2);
40391
+ }
40392
+ }
40393
+ else {
40394
+ stateClone[state] = event.target.value;
40395
+ }
40396
+ this.setState(stateClone);
40397
+ setTimeout(this.valueUpdate);
40398
+ };
40399
+ DurationInput.prototype.handleFocus = function (ref, state) {
40400
+ ref === null || ref === void 0 ? void 0 : ref.focus();
40401
+ setTimeout(function () {
40402
+ ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
40403
+ });
40404
+ var stateClone = {};
40405
+ stateClone[state] = this.zeroPad(this.state[state]);
40406
+ this.setState(stateClone);
40407
+ };
40408
+ DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
40409
+ if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
40410
+ if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
40411
+ var target = event.target;
40412
+ if (target.value.length >= 2) {
40413
+ ref === null || ref === void 0 ? void 0 : ref.focus();
40414
+ setTimeout(function () {
40415
+ ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
40416
+ });
40417
+ }
40418
+ }
40419
+ }
40420
+ };
40421
+ DurationInput.prototype.render = function () {
40422
+ var _this = this;
40423
+ var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
40424
+ return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
40425
+ React.createElement("div", { className: InputClasses },
40426
+ React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
40427
+ if (!/[0-9]/.test(event.key)) {
40428
+ event.preventDefault();
40429
+ }
40430
+ } }),
40431
+ React.createElement("span", { className: 'sd-input__suffix' }, "h"),
40432
+ React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
40433
+ if (!/[0-9]/.test(event.key)) {
40434
+ event.preventDefault();
40435
+ }
40436
+ } }),
40437
+ React.createElement("span", { className: 'sd-input__suffix' }, "m"),
40438
+ React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
40439
+ if (!/[0-9]/.test(event.key)) {
40440
+ event.preventDefault();
40441
+ }
40442
+ } }),
40443
+ React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
40444
+ };
40445
+ return DurationInput;
40446
+ }(React.PureComponent));
40447
+ exports.DurationInput = DurationInput;
40448
+ function getDurationString(seconds, zero) {
40449
+ function zeroPad(value) {
40450
+ if (value.toString().length === 1 || value === 0) {
40451
+ return "0".concat(value);
40452
+ }
40453
+ else if (!value) {
40454
+ return '00';
40455
+ }
40456
+ else {
40457
+ return value;
40458
+ }
40459
+ }
40460
+ var hour = zeroPad(Math.floor(seconds / 3600));
40461
+ var minute = zeroPad(Math.floor((seconds % 3600) / 60));
40462
+ var second = zeroPad(Math.floor(seconds % 60));
40463
+ if (zero) {
40464
+ return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
40465
+ }
40466
+ else {
40467
+ if (Number(hour) === 0 && Number(minute) > 0) {
40468
+ return "".concat(minute, "m ").concat(second, "s");
40469
+ }
40470
+ else if (Number(hour) === 0 && Number(minute) === 0) {
40471
+ return "".concat(second, "s");
40472
+ }
40473
+ else {
40474
+ return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
40475
+ }
40476
+ }
40477
+ }
40478
+ exports.getDurationString = getDurationString;
40479
+
40480
+
40470
40481
  /***/ }),
40471
40482
  /* 76 */
40472
40483
  /***/ (function(module, exports, __webpack_require__) {
@@ -40723,7 +40734,7 @@ var React = __importStar(__webpack_require__(0));
40723
40734
  var classnames_1 = __importDefault(__webpack_require__(2));
40724
40735
  var react_beautiful_dnd_1 = __webpack_require__(494);
40725
40736
  var Tooltip_1 = __webpack_require__(36);
40726
- var Button_1 = __webpack_require__(51);
40737
+ var Button_1 = __webpack_require__(52);
40727
40738
  var Dropdown_1 = __webpack_require__(226);
40728
40739
  var reorder = function (list, startIndex, endIndex) {
40729
40740
  var result = Array.from(list);
@@ -40768,7 +40779,7 @@ var TableList = /** @class */ (function (_super) {
40768
40779
  this.props.onDrag(result.source.index, result.destination.index) : null;
40769
40780
  };
40770
40781
  TableList.prototype.dropDown = function () {
40771
- return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
40782
+ return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
40772
40783
  React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } })));
40773
40784
  };
40774
40785
  TableList.prototype.render = function () {
@@ -40787,7 +40798,9 @@ var TableList = /** @class */ (function (_super) {
40787
40798
  _this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
40788
40799
  React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
40789
40800
  ? item.onDoubleClick
40790
- : undefined, addItem: _this.props.addItem, itemsDropdown: _this.props.itemsDropdown, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
40801
+ : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
40802
+ ? _this.props.itemsDropdown(index)
40803
+ : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
40791
40804
  && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
40792
40805
  provided.placeholder,
40793
40806
  (_this.props.addItem && !_this.props.readOnly) &&
@@ -40797,7 +40810,7 @@ var TableList = /** @class */ (function (_super) {
40797
40810
  : React.createElement("ul", { className: classes },
40798
40811
  this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
40799
40812
  ? item.onDoubleClick
40800
- : undefined, addItem: _this.props.addItem, itemsDropdown: _this.props.itemsDropdown, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
40813
+ : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
40801
40814
  && _this.props.onAddItem(index, item); } })); }),
40802
40815
  (this.props.addItem && !this.props.readOnly) &&
40803
40816
  React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
@@ -40859,7 +40872,7 @@ var TableListItem = /** @class */ (function (_super) {
40859
40872
  React.createElement("div", { className: 'table-list__add-bar-container' },
40860
40873
  React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
40861
40874
  React.createElement("div", { className: 'table-list__add-bar' },
40862
- React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
40875
+ React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
40863
40876
  React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
40864
40877
  : React.createElement("li", { className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
40865
40878
  React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
@@ -56348,7 +56361,7 @@ function addLeadingZeros(number, targetLength) {
56348
56361
  "use strict";
56349
56362
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
56350
56363
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
56351
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
56364
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
56352
56365
 
56353
56366
  // This function will be a part of public API when UTC function will be implemented.
56354
56367
  // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -56386,7 +56399,7 @@ function getUTCISOWeekYear(dirtyDate) {
56386
56399
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
56387
56400
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
56388
56401
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(15);
56389
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(59);
56402
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
56390
56403
 
56391
56404
 
56392
56405
  // This function will be a part of public API when UTC function will be implemented.
@@ -57026,14 +57039,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
57026
57039
  exports.Dropdown = void 0;
57027
57040
  var React = __importStar(__webpack_require__(0));
57028
57041
  var ReactDOM = __importStar(__webpack_require__(9));
57029
- var core_1 = __webpack_require__(61);
57042
+ var core_1 = __webpack_require__(60);
57030
57043
  var react_id_generator_1 = __webpack_require__(8);
57044
+ var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
57031
57045
  var Dropdown = function (_a) {
57032
57046
  var items = _a.items, header = _a.header, footer = _a.footer, children = _a.children, append = _a.append, align = _a.align, onChange = _a.onChange;
57033
57047
  var _b = React.useState(false), open = _b[0], setOpen = _b[1];
57034
57048
  var _c = React.useState(false), change = _c[0], setChange = _c[1];
57035
57049
  var menuID = (0, react_id_generator_1.useId)()[0];
57036
- var DROPDOWN_ID = "react-placeholder";
57037
57050
  var ref = React.useRef(null);
57038
57051
  var buttonRef = React.useRef(null);
57039
57052
  var headerElements = header === null || header === void 0 ? void 0 : header.map(function (el, index) {
@@ -57046,11 +57059,10 @@ var Dropdown = function (_a) {
57046
57059
  return each(el, index);
57047
57060
  });
57048
57061
  React.useEffect(function () {
57049
- var existingElement = document.getElementById(DROPDOWN_ID);
57062
+ var existingElement = document.getElementById(DROPDOWN_ID_CONTAINER);
57050
57063
  if (!existingElement) {
57051
57064
  var el = document.createElement("div");
57052
- el.id = DROPDOWN_ID;
57053
- // style placeholder
57065
+ el.id = DROPDOWN_ID_CONTAINER;
57054
57066
  el.style.position = 'absolute';
57055
57067
  el.style.top = '0';
57056
57068
  el.style.left = '0';
@@ -57065,7 +57077,6 @@ var Dropdown = function (_a) {
57065
57077
  }
57066
57078
  setChange(true);
57067
57079
  }, [open]);
57068
- // structure for append menu
57069
57080
  function createAppendMenu() {
57070
57081
  if (header && footer) {
57071
57082
  return (React.createElement("div", { className: 'dropdown__menu dropdown__menu--has-head-foot', id: menuID, role: 'menu', ref: ref },
@@ -57087,7 +57098,6 @@ var Dropdown = function (_a) {
57087
57098
  return (React.createElement("ul", { className: 'dropdown__menu ', id: menuID, role: 'menu', ref: ref }, dropdownElements));
57088
57099
  }
57089
57100
  }
57090
- // toggle menu
57091
57101
  function toggleDisplay() {
57092
57102
  if (!open) {
57093
57103
  var menuRef_1;
@@ -57136,15 +57146,14 @@ var Dropdown = function (_a) {
57136
57146
  }
57137
57147
  }
57138
57148
  function addInPlaceholder() {
57139
- var placeholder = document.getElementById(DROPDOWN_ID);
57149
+ var placeholder = document.getElementById(DROPDOWN_ID_CONTAINER);
57140
57150
  var menu = createAppendMenu();
57141
57151
  if (open) {
57142
57152
  return ReactDOM.render(menu, placeholder);
57143
57153
  }
57144
57154
  else {
57145
- var menuDOM = document.getElementById(menuID);
57146
- if (menuDOM) {
57147
- menuDOM.style.display = 'none';
57155
+ if (placeholder) {
57156
+ ReactDOM.unmountComponentAtNode(placeholder);
57148
57157
  }
57149
57158
  }
57150
57159
  }
@@ -57154,7 +57163,7 @@ var Dropdown = function (_a) {
57154
57163
  item['items'].forEach(function (el, key) {
57155
57164
  submenuItems_1.push(each(el, key));
57156
57165
  });
57157
- return (React.createElement(DropdownItemWithSubmenu, { key: index, item: item, subMenuItems: submenuItems_1 }));
57166
+ return (React.createElement(DropdownItemWithSubmenu, { key: index, index: index, item: item, menuID: menuID, subMenuItems: submenuItems_1, onChange: onChange }));
57158
57167
  }
57159
57168
  else if (item['type'] === 'group') {
57160
57169
  var groupItems_1 = [];
@@ -57224,19 +57233,20 @@ var DropdownItem = function (_a) {
57224
57233
  label)));
57225
57234
  };
57226
57235
  var DropdownItemWithSubmenu = function (_a) {
57227
- var index = _a.index, item = _a.item, subMenuItems = _a.subMenuItems;
57236
+ var index = _a.index, item = _a.item, menuID = _a.menuID, subMenuItems = _a.subMenuItems, onChange = _a.onChange;
57228
57237
  var _b = React.useState(undefined), open = _b[0], setOpen = _b[1];
57229
57238
  var refButtonSubMenu = React.useRef(null);
57230
57239
  var refSubMenu = React.useRef(null);
57240
+ var placeholder = document.getElementById(menuID);
57231
57241
  React.useEffect(function () {
57232
57242
  var subMenuRef = refSubMenu.current;
57233
57243
  var subToggleRef = refButtonSubMenu.current;
57234
57244
  if (open === true) {
57235
- document.body.appendChild(subMenuRef);
57245
+ placeholder === null || placeholder === void 0 ? void 0 : placeholder.appendChild(subMenuRef);
57236
57246
  subMenuRef.style.display = 'block';
57237
57247
  }
57238
57248
  else if (open === false) {
57239
- document.body.removeChild(subMenuRef);
57249
+ placeholder === null || placeholder === void 0 ? void 0 : placeholder.removeChild(subMenuRef);
57240
57250
  subMenuRef.style.display = 'none';
57241
57251
  }
57242
57252
  if (subMenuRef && subToggleRef) {
@@ -57247,7 +57257,14 @@ var DropdownItemWithSubmenu = function (_a) {
57247
57257
  }, [open]);
57248
57258
  return (React.createElement("li", { key: index, ref: refButtonSubMenu },
57249
57259
  React.createElement("div", { className: 'dropdown', onMouseLeave: function () { return setOpen(false); } },
57250
- React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0, onMouseOver: function () { return setOpen(true); }, onClick: item['onSelect'] },
57260
+ React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0, onClick: function () {
57261
+ if (item.onSelect) {
57262
+ item.onSelect();
57263
+ }
57264
+ if (onChange) {
57265
+ onChange();
57266
+ }
57267
+ }, onMouseOver: function () { return setOpen(true); } },
57251
57268
  item['icon'] ? React.createElement("i", { className: 'icon-' + item['icon'] }) : null,
57252
57269
  item['label']),
57253
57270
  React.createElement("ul", { role: 'menu', ref: refSubMenu, style: { display: 'none' }, className: 'dropdown__menu' }, subMenuItems))));
@@ -57259,13 +57276,13 @@ var DropdownItemWithSubmenu = function (_a) {
57259
57276
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
57260
57277
 
57261
57278
  "use strict";
57262
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(62);
57279
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(61);
57263
57280
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
57264
57281
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(228);
57265
57282
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
57266
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(65);
57283
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(64);
57267
57284
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
57268
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(66);
57285
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(65);
57269
57286
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
57270
57287
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(234);
57271
57288
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
@@ -57273,7 +57290,7 @@ var DropdownItemWithSubmenu = function (_a) {
57273
57290
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
57274
57291
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(239);
57275
57292
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
57276
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(70);
57293
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(69);
57277
57294
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
57278
57295
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(240);
57279
57296
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
@@ -57293,10 +57310,10 @@ var DropdownItemWithSubmenu = function (_a) {
57293
57310
 
57294
57311
  "use strict";
57295
57312
  /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(21);
57296
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
57313
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
57297
57314
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(229);
57298
57315
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
57299
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(64);
57316
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
57300
57317
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(230);
57301
57318
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(231);
57302
57319
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(233);
@@ -57662,7 +57679,7 @@ function flip(_ref) {
57662
57679
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
57663
57680
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
57664
57681
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
57665
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(69);
57682
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(68);
57666
57683
 
57667
57684
 
57668
57685
 
@@ -57713,7 +57730,7 @@ function rectToClientRect(rect) {
57713
57730
  /* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
57714
57731
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(21);
57715
57732
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
57716
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(64);
57733
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(63);
57717
57734
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
57718
57735
 
57719
57736
 
@@ -57925,10 +57942,10 @@ function offset(_ref2) {
57925
57942
  "use strict";
57926
57943
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
57927
57944
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(21);
57928
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(64);
57945
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
57929
57946
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
57930
57947
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(230);
57931
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
57948
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
57932
57949
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
57933
57950
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
57934
57951
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
@@ -58084,11 +58101,11 @@ function preventOverflow(_ref) {
58084
58101
  "use strict";
58085
58102
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
58086
58103
  /* unused harmony export defaultModifiers */
58087
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(71);
58088
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(66);
58089
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(70);
58090
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(65);
58091
- /* 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);
58092
58109
  /* unused harmony reexport popperGenerator */
58093
58110
  /* unused harmony reexport detectOverflow */
58094
58111
 
@@ -58160,7 +58177,7 @@ exports.SelectGrid = void 0;
58160
58177
  var React = __importStar(__webpack_require__(0));
58161
58178
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
58162
58179
  var overlaypanel_1 = __webpack_require__(429);
58163
- var Loader_1 = __webpack_require__(60);
58180
+ var Loader_1 = __webpack_require__(59);
58164
58181
  var SelectGrid = /** @class */ (function (_super) {
58165
58182
  __extends(SelectGrid, _super);
58166
58183
  function SelectGrid(props) {
@@ -58367,7 +58384,7 @@ exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = e
58367
58384
  var React = __importStar(__webpack_require__(0));
58368
58385
  var Icon_1 = __webpack_require__(7);
58369
58386
  var IconButton_1 = __webpack_require__(44);
58370
- var Spinner_1 = __webpack_require__(52);
58387
+ var Spinner_1 = __webpack_require__(53);
58371
58388
  var classnames_1 = __importDefault(__webpack_require__(2));
58372
58389
  var Panel = /** @class */ (function (_super) {
58373
58390
  __extends(Panel, _super);
@@ -58694,8 +58711,8 @@ var getBatch = function getBatch() {
58694
58711
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
58695
58712
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(501);
58696
58713
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
58697
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(73);
58698
- /* 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);
58699
58716
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(30);
58700
58717
 
58701
58718
 
@@ -59375,28 +59392,49 @@ var classnames_1 = __importDefault(__webpack_require__(2));
59375
59392
  var ContentListItem = /** @class */ (function (_super) {
59376
59393
  __extends(ContentListItem, _super);
59377
59394
  function ContentListItem() {
59378
- return _super !== null && _super.apply(this, arguments) || this;
59395
+ var _this = _super !== null && _super.apply(this, arguments) || this;
59396
+ _this.delay = 200;
59397
+ _this.prevent = false;
59398
+ _this.onSingleClick = function () {
59399
+ _this.timer = setTimeout(function () {
59400
+ if (!_this.prevent) {
59401
+ if (_this.props.onClick) {
59402
+ _this.props.onClick();
59403
+ }
59404
+ }
59405
+ }, _this.delay);
59406
+ };
59407
+ _this.onDoubleClick = function () {
59408
+ clearTimeout(_this.timer);
59409
+ _this.prevent = true;
59410
+ if (_this.props.onDoubleClick) {
59411
+ _this.props.onDoubleClick();
59412
+ }
59413
+ setTimeout(function () {
59414
+ _this.prevent = false;
59415
+ }, _this.delay);
59416
+ };
59417
+ return _this;
59379
59418
  }
59380
59419
  ContentListItem.prototype.render = function () {
59381
- var classes = (0, classnames_1.default)('sd-list-item sd-list-item-group sd-list-item-group--space-between-items', {
59420
+ var classes = (0, classnames_1.default)('sd-list-item sd-shadow--z1', {
59382
59421
  'sd-list-item--activated': this.props.activated,
59383
59422
  'sd-list-item--selected': this.props.selected,
59384
59423
  'fetched': this.props.archived,
59385
59424
  'actioning': this.props.loading,
59386
59425
  });
59387
- return (React.createElement("div", { className: classes, onClick: this.props.onClick, onDoubleClick: this.props.onDoubleClick },
59388
- React.createElement("div", { className: "sd-list-item sd-shadow--z1" },
59389
- this.props.locked
59390
- ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
59391
- : React.createElement("div", { className: "sd-list-item__border" }),
59392
- this.props.itemColum.map(function (item, index) {
59393
- return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
59394
- return (item.itemRow.length <= 1
59395
- ? React.createElement(React.Fragment, { key: i }, e.content)
59396
- : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
59397
- }));
59398
- }),
59399
- React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action))));
59426
+ return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
59427
+ this.props.locked
59428
+ ? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
59429
+ : React.createElement("div", { className: "sd-list-item__border" }),
59430
+ this.props.itemColum.map(function (item, index) {
59431
+ return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
59432
+ return (item.itemRow.length <= 1
59433
+ ? React.createElement(React.Fragment, { key: i }, e.content)
59434
+ : React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
59435
+ }));
59436
+ }),
59437
+ React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action)));
59400
59438
  };
59401
59439
  return ContentListItem;
59402
59440
  }(React.PureComponent));
@@ -62835,11 +62873,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
62835
62873
  exports.TreeSelect = void 0;
62836
62874
  var React = __importStar(__webpack_require__(0));
62837
62875
  var Icon_1 = __webpack_require__(7);
62838
- var Loader_1 = __webpack_require__(60);
62876
+ var Loader_1 = __webpack_require__(59);
62839
62877
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
62840
62878
  var debounce_1 = __importDefault(__webpack_require__(483));
62841
62879
  var Form_1 = __webpack_require__(14);
62842
- var core_1 = __webpack_require__(61);
62880
+ var core_1 = __webpack_require__(60);
62843
62881
  var lodash_1 = __webpack_require__(33);
62844
62882
  var TreeSelect = /** @class */ (function (_super) {
62845
62883
  __extends(TreeSelect, _super);
@@ -63524,7 +63562,7 @@ exports.typeOf = typeOf;
63524
63562
  var ReactIs = __webpack_require__(48);
63525
63563
  var assign = __webpack_require__(274);
63526
63564
 
63527
- var ReactPropTypesSecret = __webpack_require__(50);
63565
+ var ReactPropTypesSecret = __webpack_require__(51);
63528
63566
  var has = __webpack_require__(79);
63529
63567
  var checkPropTypes = __webpack_require__(275);
63530
63568
 
@@ -64239,7 +64277,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
64239
64277
  var printWarning = function() {};
64240
64278
 
64241
64279
  if (process.env.NODE_ENV !== 'production') {
64242
- var ReactPropTypesSecret = __webpack_require__(50);
64280
+ var ReactPropTypesSecret = __webpack_require__(51);
64243
64281
  var loggedTypeFailures = {};
64244
64282
  var has = __webpack_require__(79);
64245
64283
 
@@ -64347,7 +64385,7 @@ module.exports = checkPropTypes;
64347
64385
 
64348
64386
 
64349
64387
 
64350
- var ReactPropTypesSecret = __webpack_require__(50);
64388
+ var ReactPropTypesSecret = __webpack_require__(51);
64351
64389
 
64352
64390
  function emptyFunction() {}
64353
64391
  function emptyFunctionWithReset() {}
@@ -64949,9 +64987,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
64949
64987
  __setModuleDefault(result, mod);
64950
64988
  return result;
64951
64989
  };
64990
+ var __importDefault = (this && this.__importDefault) || function (mod) {
64991
+ return (mod && mod.__esModule) ? mod : { "default": mod };
64992
+ };
64952
64993
  Object.defineProperty(exports, "__esModule", { value: true });
64953
64994
  exports.InputBase = void 0;
64954
64995
  var React = __importStar(__webpack_require__(0));
64996
+ var classnames_1 = __importDefault(__webpack_require__(2));
64955
64997
  var InputBase = /** @class */ (function (_super) {
64956
64998
  __extends(InputBase, _super);
64957
64999
  function InputBase(props) {
@@ -64981,7 +65023,17 @@ var InputBase = /** @class */ (function (_super) {
64981
65023
  };
64982
65024
  InputBase.prototype.render = function () {
64983
65025
  var _a;
64984
- 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 }));
64985
65037
  };
64986
65038
  return InputBase;
64987
65039
  }(React.Component));
@@ -70667,7 +70719,7 @@ function getUTCDayOfYear(dirtyDate) {
70667
70719
  "use strict";
70668
70720
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
70669
70721
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
70670
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
70722
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
70671
70723
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
70672
70724
 
70673
70725
 
@@ -70695,7 +70747,7 @@ function getUTCISOWeek(dirtyDate) {
70695
70747
  "use strict";
70696
70748
  /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
70697
70749
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(220);
70698
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
70750
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
70699
70751
 
70700
70752
  // This function will be a part of public API when UTC function will be implemented.
70701
70753
  // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -70720,7 +70772,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
70720
70772
  "use strict";
70721
70773
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
70722
70774
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
70723
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(59);
70775
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(58);
70724
70776
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
70725
70777
 
70726
70778
 
@@ -70749,7 +70801,7 @@ function getUTCWeek(dirtyDate, options) {
70749
70801
  /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
70750
70802
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
70751
70803
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(221);
70752
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(59);
70804
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
70753
70805
 
70754
70806
 
70755
70807
  // This function will be a part of public API when UTC function will be implemented.
@@ -75039,7 +75091,7 @@ exports.RadioButtonGroup = void 0;
75039
75091
  var React = __importStar(__webpack_require__(0));
75040
75092
  var classnames_1 = __importDefault(__webpack_require__(2));
75041
75093
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
75042
- var FormLabel_1 = __webpack_require__(53);
75094
+ var FormLabel_1 = __webpack_require__(49);
75043
75095
  var RadioButtonGroup = /** @class */ (function (_super) {
75044
75096
  __extends(RadioButtonGroup, _super);
75045
75097
  function RadioButtonGroup(props) {
@@ -75274,7 +75326,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
75274
75326
  exports.CheckButtonGroup = void 0;
75275
75327
  var React = __importStar(__webpack_require__(0));
75276
75328
  var classnames_1 = __importDefault(__webpack_require__(2));
75277
- var FormLabel_1 = __webpack_require__(53);
75329
+ var FormLabel_1 = __webpack_require__(49);
75278
75330
  var CheckButtonGroup = /** @class */ (function (_super) {
75279
75331
  __extends(CheckButtonGroup, _super);
75280
75332
  function CheckButtonGroup() {
@@ -76535,7 +76587,7 @@ function getClippingRect(element, boundary, rootBoundary) {
76535
76587
  /* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
76536
76588
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
76537
76589
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
76538
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(67);
76590
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
76539
76591
 
76540
76592
 
76541
76593
 
@@ -76585,8 +76637,8 @@ function getViewportRect(element) {
76585
76637
  /* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
76586
76638
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(22);
76587
76639
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(34);
76588
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(67);
76589
- /* 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);
76590
76642
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(29);
76591
76643
 
76592
76644
 
@@ -76625,7 +76677,7 @@ function getDocumentRect(element) {
76625
76677
  "use strict";
76626
76678
  /* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
76627
76679
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
76628
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(69);
76680
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(68);
76629
76681
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
76630
76682
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
76631
76683
 
@@ -76724,9 +76776,9 @@ function getAltAxis(axis) {
76724
76776
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
76725
76777
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
76726
76778
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
76727
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(67);
76779
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(66);
76728
76780
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(22);
76729
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(69);
76781
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(68);
76730
76782
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(29);
76731
76783
 
76732
76784
 
@@ -76793,7 +76845,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
76793
76845
 
76794
76846
  "use strict";
76795
76847
  /* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
76796
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(68);
76848
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(67);
76797
76849
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
76798
76850
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
76799
76851
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
@@ -77048,11 +77100,11 @@ function mergeByName(modifiers) {
77048
77100
  "use strict";
77049
77101
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
77050
77102
  /* unused harmony export defaultModifiers */
77051
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(71);
77052
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(66);
77053
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(70);
77054
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(65);
77055
- /* 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);
77056
77108
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(239);
77057
77109
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(234);
77058
77110
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(240);
@@ -96606,7 +96658,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
96606
96658
  exports.TagInput = void 0;
96607
96659
  var React = __importStar(__webpack_require__(0));
96608
96660
  var classnames_1 = __importDefault(__webpack_require__(2));
96609
- var core_1 = __webpack_require__(61);
96661
+ var core_1 = __webpack_require__(60);
96610
96662
  var lodash_1 = __webpack_require__(33);
96611
96663
  var TagInput = function (_a) {
96612
96664
  var items = _a.items, label = _a.label, freetype = _a.freetype;
@@ -98664,7 +98716,7 @@ exports.IconPicker = void 0;
98664
98716
  var React = __importStar(__webpack_require__(0));
98665
98717
  // @ts-ignore
98666
98718
  var iconFont = __importStar(__webpack_require__(265));
98667
- var Button_1 = __webpack_require__(51);
98719
+ var Button_1 = __webpack_require__(52);
98668
98720
  var Icon_1 = __webpack_require__(7);
98669
98721
  var SelectGrid_1 = __webpack_require__(243);
98670
98722
  var IconPicker = /** @class */ (function (_super) {
@@ -112527,8 +112579,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
112527
112579
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
112528
112580
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
112529
112581
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(30);
112530
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(73);
112531
- /* 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);
112532
112584
 
112533
112585
 
112534
112586
 
@@ -113302,8 +113354,8 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
113302
113354
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
113303
113355
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
113304
113356
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(257);
113305
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(73);
113306
- /* 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);
113307
113359
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(30);
113308
113360
 
113309
113361
 
@@ -113547,7 +113599,7 @@ var useCallback = useCallbackOne;
113547
113599
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
113548
113600
  /* unused harmony export shrink */
113549
113601
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
113550
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(75);
113602
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(74);
113551
113603
 
113552
113604
 
113553
113605
  var getRect = function getRect(_ref) {
@@ -114053,7 +114105,7 @@ var ToggleBoxNext = exports.ToggleBoxNext = function (_React$Component) {
114053
114105
  var isOpen = this.state.isOpen;
114054
114106
 
114055
114107
 
114056
- var classNames = ['toggle-box toggle-box--' + style, mode];
114108
+ var classNames = ['toggle-box toggle-box--margin-normal toggle-box--' + style, mode];
114057
114109
 
114058
114110
  if (!isOpen) {
114059
114111
  classNames.push('hidden');