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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (97) hide show
  1. package/app/scripts/toggleBoxNext.js +1 -1
  2. package/app/styles/_buttons.scss +1 -1
  3. package/app/styles/_content-divider.scss +5 -5
  4. package/app/styles/_helpers.scss +24 -1
  5. package/app/styles/_icon-font.scss +9 -9
  6. package/app/styles/_modals.scss +3 -0
  7. package/app/styles/_normalize.scss +4 -0
  8. package/app/styles/_simple-list.scss +1 -0
  9. package/app/styles/_table-list.scss +10 -1
  10. package/app/styles/app.scss +1 -0
  11. package/app/styles/components/_list-item.scss +23 -16
  12. package/app/styles/components/_sd-collapse-box.scss +6 -6
  13. package/app/styles/design-tokens/_new-colors.scss +10 -5
  14. package/app/styles/form-elements/_input-wrap.scss +138 -0
  15. package/app/styles/form-elements/_inputs.scss +230 -61
  16. package/app/styles/interface-elements/_side-panel.scss +1 -1
  17. package/app/styles/primereact/_pr-dialog.scss +1 -0
  18. package/app/styles/primereact/_pr-menu.scss +6 -5
  19. package/app-typescript/components/DurationInput.tsx +11 -17
  20. package/app-typescript/components/Form/FormLabel.tsx +8 -1
  21. package/app-typescript/components/Form/InputBase.tsx +12 -2
  22. package/dist/examples.bundle.css +8 -8
  23. package/dist/examples.bundle.js +860 -841
  24. package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
  25. package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +2 -1
  26. package/dist/playgrounds/react-playgrounds/Rundowns.tsx +11 -2
  27. package/dist/playgrounds/react-playgrounds/TestGround.tsx +198 -25
  28. package/dist/react/ContentDivider.tsx +4 -4
  29. package/dist/react/Inputs.tsx +1 -7
  30. package/dist/react/Togglebox.tsx +1 -1
  31. package/dist/superdesk-ui.bundle.css +457 -175
  32. package/dist/superdesk-ui.bundle.js +586 -672
  33. package/dist/vendor.bundle.js +2 -2
  34. package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
  35. package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +2 -1
  36. package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +11 -2
  37. package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +198 -25
  38. package/examples/pages/react/ContentDivider.tsx +4 -4
  39. package/examples/pages/react/Inputs.tsx +1 -7
  40. package/examples/pages/react/Togglebox.tsx +1 -1
  41. package/package.json +1 -1
  42. package/react/components/DurationInput.js +13 -18
  43. package/react/components/Form/FormLabel.d.ts +4 -1
  44. package/react/components/Form/FormLabel.js +9 -3
  45. package/react/components/Form/InputBase.d.ts +0 -1
  46. package/react/components/Form/InputBase.js +15 -1
  47. package/.vscode/settings.json +0 -5
  48. package/app-typescript/dist/components/Alert.d.ts +0 -16
  49. package/app-typescript/dist/components/Autocomplete.d.ts +0 -48
  50. package/app-typescript/dist/components/Avatar.d.ts +0 -33
  51. package/app-typescript/dist/components/Badge.d.ts +0 -13
  52. package/app-typescript/dist/components/Button.d.ts +0 -23
  53. package/app-typescript/dist/components/ButtonGroup.d.ts +0 -12
  54. package/app-typescript/dist/components/CheckButtonGroup.d.ts +0 -11
  55. package/app-typescript/dist/components/CheckGroup.d.ts +0 -9
  56. package/app-typescript/dist/components/Checkbox.d.ts +0 -19
  57. package/app-typescript/dist/components/CheckboxButton.d.ts +0 -19
  58. package/app-typescript/dist/components/DatePicker.d.ts +0 -37
  59. package/app-typescript/dist/components/Divider.d.ts +0 -9
  60. package/app-typescript/dist/components/DonutChart.d.ts +0 -12
  61. package/app-typescript/dist/components/Dropdown.d.ts +0 -28
  62. package/app-typescript/dist/components/DropdownFirst.d.ts +0 -42
  63. package/app-typescript/dist/components/EmptyState.d.ts +0 -11
  64. package/app-typescript/dist/components/FormLabel.d.ts +0 -9
  65. package/app-typescript/dist/components/Genie.d.ts +0 -13
  66. package/app-typescript/dist/components/GridItem.d.ts +0 -69
  67. package/app-typescript/dist/components/GridList.d.ts +0 -14
  68. package/app-typescript/dist/components/HeadingText.d.ts +0 -10
  69. package/app-typescript/dist/components/HelloWorld.d.ts +0 -8
  70. package/app-typescript/dist/components/Icon.d.ts +0 -12
  71. package/app-typescript/dist/components/IconButton.d.ts +0 -12
  72. package/app-typescript/dist/components/IconLabel.d.ts +0 -11
  73. package/app-typescript/dist/components/Input.d.ts +0 -24
  74. package/app-typescript/dist/components/Label.d.ts +0 -15
  75. package/app-typescript/dist/components/LeftMenu.d.ts +0 -26
  76. package/app-typescript/dist/components/Loader.d.ts +0 -8
  77. package/app-typescript/dist/components/NavButton.d.ts +0 -15
  78. package/app-typescript/dist/components/Popover.d.ts +0 -13
  79. package/app-typescript/dist/components/PropsList.d.ts +0 -15
  80. package/app-typescript/dist/components/Radio.d.ts +0 -19
  81. package/app-typescript/dist/components/RadioButton.d.ts +0 -20
  82. package/app-typescript/dist/components/Select.d.ts +0 -29
  83. package/app-typescript/dist/components/SelectWithTemplate.d.ts +0 -32
  84. package/app-typescript/dist/components/SlidingToolbar.d.ts +0 -8
  85. package/app-typescript/dist/components/StrechBar.d.ts +0 -4
  86. package/app-typescript/dist/components/SubNav.d.ts +0 -10
  87. package/app-typescript/dist/components/Switch.d.ts +0 -12
  88. package/app-typescript/dist/components/TabCustom.d.ts +0 -25
  89. package/app-typescript/dist/components/TabList.d.ts +0 -22
  90. package/app-typescript/dist/components/Tag.d.ts +0 -9
  91. package/app-typescript/dist/components/TagInput.d.ts +0 -7
  92. package/app-typescript/dist/components/TagInputTest.d.ts +0 -18
  93. package/app-typescript/dist/components/TimePicker.d.ts +0 -11
  94. package/app-typescript/dist/components/Tooltip.d.ts +0 -11
  95. package/app-typescript/dist/components/_Positioner.d.ts +0 -27
  96. package/app-typescript/dist/index.d.ts +0 -56
  97. package/yarn-error.log +0 -111
@@ -5769,7 +5769,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
5769
5769
 
5770
5770
  })));
5771
5771
 
5772
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(49)(module)))
5772
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(50)(module)))
5773
5773
 
5774
5774
  /***/ }),
5775
5775
  /* 2 */
@@ -5860,7 +5860,7 @@ exports.TableListItem = exports.TableList = exports.TreeSelect = exports.BottomN
5860
5860
  exports.ContentListItem = void 0;
5861
5861
  var HelloWorld_1 = __webpack_require__(277);
5862
5862
  Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
5863
- var Button_1 = __webpack_require__(51);
5863
+ var Button_1 = __webpack_require__(52);
5864
5864
  Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
5865
5865
  var Input_1 = __webpack_require__(278);
5866
5866
  Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
@@ -5891,15 +5891,15 @@ var IconLabel_1 = __webpack_require__(306);
5891
5891
  Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
5892
5892
  var Tooltip_1 = __webpack_require__(36);
5893
5893
  Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
5894
- var DurationInput_1 = __webpack_require__(56);
5894
+ var DurationInput_1 = __webpack_require__(75);
5895
5895
  Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
5896
- var DurationInput_2 = __webpack_require__(56);
5896
+ var DurationInput_2 = __webpack_require__(75);
5897
5897
  Object.defineProperty(exports, "getDurationString", { enumerable: true, get: function () { return DurationInput_2.getDurationString; } });
5898
- var DatePicker_1 = __webpack_require__(57);
5898
+ var DatePicker_1 = __webpack_require__(56);
5899
5899
  Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
5900
- var DatePicker_2 = __webpack_require__(57);
5900
+ var DatePicker_2 = __webpack_require__(56);
5901
5901
  Object.defineProperty(exports, "DatePickerISO", { enumerable: true, get: function () { return DatePicker_2.DatePickerISO; } });
5902
- var DatePicker_3 = __webpack_require__(57);
5902
+ var DatePicker_3 = __webpack_require__(56);
5903
5903
  Object.defineProperty(exports, "DatePickerLocaleSettings", { enumerable: true, get: function () { return DatePicker_3.DatePickerLocaleSettings; } });
5904
5904
  var TimePicker_1 = __webpack_require__(264);
5905
5905
  Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
@@ -5911,7 +5911,7 @@ var SwitchGroup_1 = __webpack_require__(339);
5911
5911
  Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
5912
5912
  var ButtonGroup_1 = __webpack_require__(340);
5913
5913
  Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
5914
- var Loader_1 = __webpack_require__(60);
5914
+ var Loader_1 = __webpack_require__(59);
5915
5915
  Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
5916
5916
  var RadioGroup_1 = __webpack_require__(341);
5917
5917
  Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
@@ -5983,7 +5983,7 @@ var TagInputTest_1 = __webpack_require__(417);
5983
5983
  Object.defineProperty(exports, "TagInputTest", { enumerable: true, get: function () { return TagInputTest_1.TagInputTest; } });
5984
5984
  var GridList_1 = __webpack_require__(418);
5985
5985
  Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
5986
- var GridItem_1 = __webpack_require__(72);
5986
+ var GridItem_1 = __webpack_require__(71);
5987
5987
  Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
5988
5988
  Object.defineProperty(exports, "GridItemContent", { enumerable: true, get: function () { return GridItem_1.GridItemContent; } });
5989
5989
  Object.defineProperty(exports, "GridItemMedia", { enumerable: true, get: function () { return GridItem_1.GridItemMedia; } });
@@ -6025,7 +6025,7 @@ var Skeleton_1 = __webpack_require__(246);
6025
6025
  Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
6026
6026
  var ListItemLoader_1 = __webpack_require__(479);
6027
6027
  Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
6028
- var Spinner_1 = __webpack_require__(52);
6028
+ var Spinner_1 = __webpack_require__(53);
6029
6029
  Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
6030
6030
  Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
6031
6031
  var Text_1 = __webpack_require__(480);
@@ -7672,7 +7672,7 @@ var FormItem_1 = __webpack_require__(281);
7672
7672
  Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
7673
7673
  var FormText_1 = __webpack_require__(282);
7674
7674
  Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
7675
- var FormLabel_1 = __webpack_require__(53);
7675
+ var FormLabel_1 = __webpack_require__(49);
7676
7676
  Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
7677
7677
  var InputWrapper_1 = __webpack_require__(283);
7678
7678
  Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
@@ -26208,7 +26208,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
26208
26208
  }
26209
26209
  }.call(this));
26210
26210
 
26211
- /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(49)(module)))
26211
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(50)(module)))
26212
26212
 
26213
26213
  /***/ }),
26214
26214
  /* 34 */
@@ -38021,6 +38021,75 @@ if (process.env.NODE_ENV === 'production') {
38021
38021
 
38022
38022
  /***/ }),
38023
38023
  /* 49 */
38024
+ /***/ (function(module, exports, __webpack_require__) {
38025
+
38026
+ "use strict";
38027
+
38028
+ var __extends = (this && this.__extends) || (function () {
38029
+ var extendStatics = function (d, b) {
38030
+ extendStatics = Object.setPrototypeOf ||
38031
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
38032
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
38033
+ return extendStatics(d, b);
38034
+ };
38035
+ return function (d, b) {
38036
+ if (typeof b !== "function" && b !== null)
38037
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
38038
+ extendStatics(d, b);
38039
+ function __() { this.constructor = d; }
38040
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
38041
+ };
38042
+ })();
38043
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
38044
+ if (k2 === undefined) k2 = k;
38045
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
38046
+ }) : (function(o, m, k, k2) {
38047
+ if (k2 === undefined) k2 = k;
38048
+ o[k2] = m[k];
38049
+ }));
38050
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
38051
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
38052
+ }) : function(o, v) {
38053
+ o["default"] = v;
38054
+ });
38055
+ var __importStar = (this && this.__importStar) || function (mod) {
38056
+ if (mod && mod.__esModule) return mod;
38057
+ var result = {};
38058
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
38059
+ __setModuleDefault(result, mod);
38060
+ return result;
38061
+ };
38062
+ var __importDefault = (this && this.__importDefault) || function (mod) {
38063
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38064
+ };
38065
+ Object.defineProperty(exports, "__esModule", { value: true });
38066
+ exports.FormLabel = void 0;
38067
+ var React = __importStar(__webpack_require__(0));
38068
+ var classnames_1 = __importDefault(__webpack_require__(2));
38069
+ var FormLabel = /** @class */ (function (_super) {
38070
+ __extends(FormLabel, _super);
38071
+ function FormLabel() {
38072
+ return _super !== null && _super.apply(this, arguments) || this;
38073
+ }
38074
+ FormLabel.prototype.render = function () {
38075
+ var _a;
38076
+ var classes = (0, classnames_1.default)('form-label', (_a = {
38077
+ 'form-label--light': this.props.style === 'light',
38078
+ 'form-label--boxed': this.props.style === 'boxed',
38079
+ 'form-label--required': this.props.required,
38080
+ 'form-label--invalid': this.props.invalid
38081
+ },
38082
+ _a["form-label--".concat(this.props.state)] = this.props.state !== 'default' && this.props.state !== undefined,
38083
+ _a));
38084
+ return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
38085
+ };
38086
+ return FormLabel;
38087
+ }(React.PureComponent));
38088
+ exports.FormLabel = FormLabel;
38089
+
38090
+
38091
+ /***/ }),
38092
+ /* 50 */
38024
38093
  /***/ (function(module, exports) {
38025
38094
 
38026
38095
  module.exports = function(module) {
@@ -38048,7 +38117,7 @@ module.exports = function(module) {
38048
38117
 
38049
38118
 
38050
38119
  /***/ }),
38051
- /* 50 */
38120
+ /* 51 */
38052
38121
  /***/ (function(module, exports, __webpack_require__) {
38053
38122
 
38054
38123
  "use strict";
@@ -38067,7 +38136,7 @@ module.exports = ReactPropTypesSecret;
38067
38136
 
38068
38137
 
38069
38138
  /***/ }),
38070
- /* 51 */
38139
+ /* 52 */
38071
38140
  /***/ (function(module, exports, __webpack_require__) {
38072
38141
 
38073
38142
  "use strict";
@@ -38114,7 +38183,7 @@ exports.Button = void 0;
38114
38183
  var React = __importStar(__webpack_require__(0));
38115
38184
  var classnames_1 = __importDefault(__webpack_require__(2));
38116
38185
  var Icon_1 = __webpack_require__(7);
38117
- var Spinner_1 = __webpack_require__(52);
38186
+ var Spinner_1 = __webpack_require__(53);
38118
38187
  var Button = /** @class */ (function (_super) {
38119
38188
  __extends(Button, _super);
38120
38189
  function Button() {
@@ -38145,7 +38214,7 @@ exports.Button = Button;
38145
38214
 
38146
38215
 
38147
38216
  /***/ }),
38148
- /* 52 */
38217
+ /* 53 */
38149
38218
  /***/ (function(module, exports, __webpack_require__) {
38150
38219
 
38151
38220
  "use strict";
@@ -38222,69 +38291,6 @@ var Spinner = /** @class */ (function (_super) {
38222
38291
  exports.Spinner = Spinner;
38223
38292
 
38224
38293
 
38225
- /***/ }),
38226
- /* 53 */
38227
- /***/ (function(module, exports, __webpack_require__) {
38228
-
38229
- "use strict";
38230
-
38231
- var __extends = (this && this.__extends) || (function () {
38232
- var extendStatics = function (d, b) {
38233
- extendStatics = Object.setPrototypeOf ||
38234
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
38235
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
38236
- return extendStatics(d, b);
38237
- };
38238
- return function (d, b) {
38239
- if (typeof b !== "function" && b !== null)
38240
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
38241
- extendStatics(d, b);
38242
- function __() { this.constructor = d; }
38243
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
38244
- };
38245
- })();
38246
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
38247
- if (k2 === undefined) k2 = k;
38248
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
38249
- }) : (function(o, m, k, k2) {
38250
- if (k2 === undefined) k2 = k;
38251
- o[k2] = m[k];
38252
- }));
38253
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
38254
- Object.defineProperty(o, "default", { enumerable: true, value: v });
38255
- }) : function(o, v) {
38256
- o["default"] = v;
38257
- });
38258
- var __importStar = (this && this.__importStar) || function (mod) {
38259
- if (mod && mod.__esModule) return mod;
38260
- var result = {};
38261
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
38262
- __setModuleDefault(result, mod);
38263
- return result;
38264
- };
38265
- var __importDefault = (this && this.__importDefault) || function (mod) {
38266
- return (mod && mod.__esModule) ? mod : { "default": mod };
38267
- };
38268
- Object.defineProperty(exports, "__esModule", { value: true });
38269
- exports.FormLabel = void 0;
38270
- var React = __importStar(__webpack_require__(0));
38271
- var classnames_1 = __importDefault(__webpack_require__(2));
38272
- var FormLabel = /** @class */ (function (_super) {
38273
- __extends(FormLabel, _super);
38274
- function FormLabel() {
38275
- return _super !== null && _super.apply(this, arguments) || this;
38276
- }
38277
- FormLabel.prototype.render = function () {
38278
- var classes = (0, classnames_1.default)('form-label', {
38279
- 'form-label--light': this.props.style === 'light',
38280
- });
38281
- return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
38282
- };
38283
- return FormLabel;
38284
- }(React.PureComponent));
38285
- exports.FormLabel = FormLabel;
38286
-
38287
-
38288
38294
  /***/ }),
38289
38295
  /* 54 */
38290
38296
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
@@ -38950,366 +38956,6 @@ Transition.EXITING = EXITING;
38950
38956
 
38951
38957
  "use strict";
38952
38958
 
38953
- var __extends = (this && this.__extends) || (function () {
38954
- var extendStatics = function (d, b) {
38955
- extendStatics = Object.setPrototypeOf ||
38956
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
38957
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
38958
- return extendStatics(d, b);
38959
- };
38960
- return function (d, b) {
38961
- if (typeof b !== "function" && b !== null)
38962
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
38963
- extendStatics(d, b);
38964
- function __() { this.constructor = d; }
38965
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
38966
- };
38967
- })();
38968
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
38969
- if (k2 === undefined) k2 = k;
38970
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
38971
- }) : (function(o, m, k, k2) {
38972
- if (k2 === undefined) k2 = k;
38973
- o[k2] = m[k];
38974
- }));
38975
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
38976
- Object.defineProperty(o, "default", { enumerable: true, value: v });
38977
- }) : function(o, v) {
38978
- o["default"] = v;
38979
- });
38980
- var __importStar = (this && this.__importStar) || function (mod) {
38981
- if (mod && mod.__esModule) return mod;
38982
- var result = {};
38983
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
38984
- __setModuleDefault(result, mod);
38985
- return result;
38986
- };
38987
- var __importDefault = (this && this.__importDefault) || function (mod) {
38988
- return (mod && mod.__esModule) ? mod : { "default": mod };
38989
- };
38990
- Object.defineProperty(exports, "__esModule", { value: true });
38991
- exports.getDurationString = exports.DurationInput = void 0;
38992
- var React = __importStar(__webpack_require__(0));
38993
- var classnames_1 = __importDefault(__webpack_require__(2));
38994
- var moment_1 = __importDefault(__webpack_require__(1));
38995
- var react_id_generator_1 = __importDefault(__webpack_require__(8));
38996
- var Form_1 = __webpack_require__(14);
38997
- var DurationInput = /** @class */ (function (_super) {
38998
- __extends(DurationInput, _super);
38999
- function DurationInput(props) {
39000
- var _this = _super.call(this, props) || this;
39001
- _this.htmlId = (0, react_id_generator_1.default)();
39002
- _this.state = {
39003
- hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
39004
- minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
39005
- seconds: _this.stateUpdate('seconds', _this.props.seconds),
39006
- blink: '',
39007
- };
39008
- _this.hourRef = React.createRef();
39009
- _this.minuteRef = React.createRef();
39010
- _this.secondRef = React.createRef();
39011
- _this.handleKeyDown = _this.handleKeyDown.bind(_this);
39012
- _this.zeroPad = _this.zeroPad.bind(_this);
39013
- _this.handleChange = _this.handleChange.bind(_this);
39014
- _this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
39015
- _this.handleKeyValue = _this.handleKeyValue.bind(_this);
39016
- _this.valueUpdate = _this.valueUpdate.bind(_this);
39017
- _this.stateUpdate = _this.stateUpdate.bind(_this);
39018
- return _this;
39019
- }
39020
- DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
39021
- var value;
39022
- if (state === 'hours') {
39023
- value = parametar1
39024
- ? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
39025
- : Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
39026
- }
39027
- else if (state === 'minutes') {
39028
- value = parametar1
39029
- ? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
39030
- : Math.floor((parametar2 || 0) % 3600 / 60);
39031
- }
39032
- else {
39033
- value = parametar1 ? parametar1 % 60 : 0;
39034
- }
39035
- return this.zeroPad(value);
39036
- };
39037
- DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
39038
- var _this = this;
39039
- if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
39040
- return;
39041
- }
39042
- if (this.state.hours !== prevState.hours) {
39043
- if (Number(this.hourRef.current.value) > 99) {
39044
- this.setState({
39045
- hours: this.zeroPad(99),
39046
- });
39047
- }
39048
- }
39049
- if (this.state.minutes !== prevState.minutes) {
39050
- if (Number(this.minuteRef.current.value) > 59) {
39051
- this.setState({
39052
- hours: this.zeroPad(Number(this.state.hours) + 1),
39053
- minutes: this.zeroPad(this.state.minutes % 60),
39054
- });
39055
- this.setState({ blink: 'hour' });
39056
- setTimeout(function () {
39057
- _this.setState({ blink: '' });
39058
- }, 500);
39059
- }
39060
- if (Number(this.minuteRef.current.value) < 0) {
39061
- this.setState({
39062
- hours: this.zeroPad(Number(this.state.hours)) > 0
39063
- ? this.zeroPad(Number(this.state.hours) - 1)
39064
- : this.zeroPad(Number(this.state.hours)),
39065
- minutes: 59,
39066
- });
39067
- this.setState({ blink: 'hour' });
39068
- setTimeout(function () {
39069
- _this.setState({ blink: '' });
39070
- }, 500);
39071
- }
39072
- }
39073
- if (this.state.seconds !== prevState.seconds) {
39074
- if (Number(this.secondRef.current.value) > 59) {
39075
- this.setState({
39076
- minutes: this.zeroPad(Number(this.state.minutes) + 1),
39077
- seconds: this.zeroPad(this.state.seconds % 60),
39078
- });
39079
- this.setState({ blink: 'minute' });
39080
- setTimeout(function () {
39081
- _this.setState({ blink: '' });
39082
- }, 500);
39083
- }
39084
- if (Number(this.secondRef.current.value) < 0) {
39085
- this.setState({
39086
- minutes: this.zeroPad(Number(this.state.minutes) - 1),
39087
- seconds: 59,
39088
- });
39089
- this.setState({ blink: 'minute' });
39090
- setTimeout(function () {
39091
- _this.setState({ blink: '' });
39092
- }, 500);
39093
- }
39094
- }
39095
- if ((this.props.hours !== prevProps.hours)
39096
- || (this.props.minutes !== prevProps.minutes)
39097
- || (this.props.seconds !== prevProps.seconds)) {
39098
- this.setState({
39099
- hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
39100
- minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
39101
- seconds: this.stateUpdate('seconds', this.props.seconds),
39102
- });
39103
- }
39104
- };
39105
- DurationInput.prototype.valueUpdate = function () {
39106
- if (this.props.onChange) {
39107
- this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
39108
- .asSeconds());
39109
- }
39110
- };
39111
- DurationInput.prototype.handleKeyDown = function (event) {
39112
- if (!(event.target instanceof HTMLInputElement)) {
39113
- return;
39114
- }
39115
- if (event.target.id === 'hours') {
39116
- if (event.key === 'ArrowRight') {
39117
- if (event.target.selectionEnd === event.target.value.length) {
39118
- this.handleFocus(this.minuteRef.current, event.target.id);
39119
- }
39120
- }
39121
- if (event.key === 'ArrowLeft') {
39122
- if (event.target.selectionStart === 0) {
39123
- this.handleFocus(this.secondRef.current, event.target.id);
39124
- }
39125
- }
39126
- }
39127
- if (event.target.id === 'minutes') {
39128
- if (event.key === 'ArrowRight') {
39129
- if (event.target.selectionEnd === event.target.value.length) {
39130
- this.handleFocus(this.secondRef.current, event.target.id);
39131
- }
39132
- }
39133
- if (event.key === 'ArrowLeft') {
39134
- if (event.target.selectionStart === 0) {
39135
- this.handleFocus(this.hourRef.current, event.target.id);
39136
- }
39137
- }
39138
- }
39139
- if (event.target.id === 'seconds') {
39140
- if (event.key === 'ArrowRight') {
39141
- if (event.target.selectionEnd === event.target.value.length) {
39142
- this.handleFocus(this.hourRef.current, event.target.id);
39143
- }
39144
- }
39145
- if (event.key === 'ArrowLeft') {
39146
- if (event.target.selectionStart === 0) {
39147
- this.handleFocus(this.minuteRef.current, event.target.id);
39148
- }
39149
- }
39150
- }
39151
- if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
39152
- this.handleKeyValue(event, event.target.id);
39153
- setTimeout(this.valueUpdate);
39154
- }
39155
- if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
39156
- if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
39157
- setTimeout(this.valueUpdate);
39158
- }
39159
- }
39160
- };
39161
- DurationInput.prototype.handleKeyValue = function (event, state) {
39162
- if (!(event.target instanceof HTMLInputElement)) {
39163
- return;
39164
- }
39165
- if (!this.state[state]) {
39166
- return;
39167
- }
39168
- event.preventDefault();
39169
- event.stopPropagation();
39170
- var stateClone = {};
39171
- if (event.key === 'ArrowUp') {
39172
- if (event.target.id === 'hours') {
39173
- stateClone[state] = this.state[state] < 99
39174
- ? this.zeroPad(Number(this.state[state]) + 1)
39175
- : this.zeroPad(99);
39176
- }
39177
- else {
39178
- stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
39179
- }
39180
- }
39181
- else if (event.key === 'ArrowDown') {
39182
- if (event.target.id === 'hours') {
39183
- stateClone[state] = this.state[state] > 0
39184
- ? this.zeroPad(Number(this.state[state]) - 1)
39185
- : this.zeroPad(0);
39186
- }
39187
- else {
39188
- stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
39189
- }
39190
- }
39191
- this.setState(stateClone);
39192
- };
39193
- DurationInput.prototype.zeroPad = function (value) {
39194
- if (value.toString().length === 1 || value === 0) {
39195
- return "0".concat(value);
39196
- }
39197
- else if (!value) {
39198
- return '00';
39199
- }
39200
- else {
39201
- return value;
39202
- }
39203
- };
39204
- DurationInput.prototype.handleChange = function (event, state) {
39205
- var stateClone = {};
39206
- if (event.target.value.length >= 2) {
39207
- if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
39208
- stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
39209
- }
39210
- else {
39211
- stateClone[state] = event.target.value.slice(0, 2);
39212
- }
39213
- }
39214
- else {
39215
- stateClone[state] = event.target.value;
39216
- }
39217
- this.setState(stateClone);
39218
- setTimeout(this.valueUpdate);
39219
- };
39220
- DurationInput.prototype.handleFocus = function (ref, state) {
39221
- ref === null || ref === void 0 ? void 0 : ref.focus();
39222
- setTimeout(function () {
39223
- ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
39224
- });
39225
- var stateClone = {};
39226
- stateClone[state] = this.zeroPad(this.state[state]);
39227
- this.setState(stateClone);
39228
- };
39229
- DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
39230
- if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
39231
- if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
39232
- var target = event.target;
39233
- if (target.value.length >= 2) {
39234
- ref === null || ref === void 0 ? void 0 : ref.focus();
39235
- setTimeout(function () {
39236
- ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
39237
- });
39238
- }
39239
- }
39240
- }
39241
- };
39242
- DurationInput.prototype.render = function () {
39243
- var _this = this;
39244
- var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
39245
- 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 },
39246
- React.createElement("div", { className: InputClasses },
39247
- 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) {
39248
- if (!/[0-9]/.test(event.key)) {
39249
- event.preventDefault();
39250
- }
39251
- } }),
39252
- React.createElement("span", { className: 'sd-input__suffix' }, "h"),
39253
- 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) {
39254
- if (!/[0-9]/.test(event.key)) {
39255
- event.preventDefault();
39256
- }
39257
- } }),
39258
- React.createElement("span", { className: 'sd-input__suffix' }, "m"),
39259
- 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) {
39260
- if (!/[0-9]/.test(event.key)) {
39261
- event.preventDefault();
39262
- }
39263
- } }),
39264
- React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
39265
- };
39266
- return DurationInput;
39267
- }(React.PureComponent));
39268
- exports.DurationInput = DurationInput;
39269
- function getDurationString(seconds, zero) {
39270
- function zeroPad(value) {
39271
- if (value.toString().length === 1 || value === 0) {
39272
- return "0".concat(value);
39273
- }
39274
- else if (!value) {
39275
- return '00';
39276
- }
39277
- else {
39278
- return value;
39279
- }
39280
- }
39281
- var hour;
39282
- var minute;
39283
- var second;
39284
- if (zero) {
39285
- hour = zeroPad(Math.floor(seconds / 3600));
39286
- minute = zeroPad(Math.floor((seconds % 3600) / 60));
39287
- second = zeroPad(Math.floor(seconds % 60));
39288
- }
39289
- else {
39290
- hour = Math.floor(seconds / 3600);
39291
- minute = Math.floor((seconds % 3600) / 60);
39292
- second = Math.floor(seconds % 60);
39293
- }
39294
- if (Number(hour) === 0 && Number(minute) > 0) {
39295
- return "".concat(minute, "m ").concat(second, "s");
39296
- }
39297
- else if (Number(hour) === 0 && Number(minute) === 0) {
39298
- return "".concat(second, "s");
39299
- }
39300
- else {
39301
- return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
39302
- }
39303
- }
39304
- exports.getDurationString = getDurationString;
39305
-
39306
-
39307
- /***/ }),
39308
- /* 57 */
39309
- /***/ (function(module, exports, __webpack_require__) {
39310
-
39311
- "use strict";
39312
-
39313
38959
  var __extends = (this && this.__extends) || (function () {
39314
38960
  var extendStatics = function (d, b) {
39315
38961
  extendStatics = Object.setPrototypeOf ||
@@ -39495,7 +39141,7 @@ exports.DatePickerISO = DatePickerISO;
39495
39141
 
39496
39142
 
39497
39143
  /***/ }),
39498
- /* 58 */
39144
+ /* 57 */
39499
39145
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39500
39146
 
39501
39147
  "use strict";
@@ -39519,7 +39165,7 @@ function startOfUTCISOWeek(dirtyDate) {
39519
39165
  }
39520
39166
 
39521
39167
  /***/ }),
39522
- /* 59 */
39168
+ /* 58 */
39523
39169
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39524
39170
 
39525
39171
  "use strict";
@@ -39554,7 +39200,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
39554
39200
  }
39555
39201
 
39556
39202
  /***/ }),
39557
- /* 60 */
39203
+ /* 59 */
39558
39204
  /***/ (function(module, exports, __webpack_require__) {
39559
39205
 
39560
39206
  "use strict";
@@ -39615,7 +39261,7 @@ exports.Loader = Loader;
39615
39261
 
39616
39262
 
39617
39263
  /***/ }),
39618
- /* 61 */
39264
+ /* 60 */
39619
39265
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39620
39266
 
39621
39267
  "use strict";
@@ -39655,7 +39301,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
39655
39301
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
39656
39302
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
39657
39303
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
39658
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(71);
39304
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(70);
39659
39305
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
39660
39306
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
39661
39307
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
@@ -39673,7 +39319,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
39673
39319
 
39674
39320
 
39675
39321
  /***/ }),
39676
- /* 62 */
39322
+ /* 61 */
39677
39323
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39678
39324
 
39679
39325
  "use strict";
@@ -39765,7 +39411,7 @@ function effect(_ref2) {
39765
39411
  });
39766
39412
 
39767
39413
  /***/ }),
39768
- /* 63 */
39414
+ /* 62 */
39769
39415
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39770
39416
 
39771
39417
  "use strict";
@@ -39798,7 +39444,7 @@ function getLayoutRect(element) {
39798
39444
  }
39799
39445
 
39800
39446
  /***/ }),
39801
- /* 64 */
39447
+ /* 63 */
39802
39448
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39803
39449
 
39804
39450
  "use strict";
@@ -39808,7 +39454,7 @@ function getMainAxisFromPlacement(placement) {
39808
39454
  }
39809
39455
 
39810
39456
  /***/ }),
39811
- /* 65 */
39457
+ /* 64 */
39812
39458
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39813
39459
 
39814
39460
  "use strict";
@@ -40005,7 +39651,7 @@ function computeStyles(_ref5) {
40005
39651
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
40006
39652
 
40007
39653
  /***/ }),
40008
- /* 66 */
39654
+ /* 65 */
40009
39655
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40010
39656
 
40011
39657
  "use strict";
@@ -40061,14 +39707,14 @@ function effect(_ref) {
40061
39707
  });
40062
39708
 
40063
39709
  /***/ }),
40064
- /* 67 */
39710
+ /* 66 */
40065
39711
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40066
39712
 
40067
39713
  "use strict";
40068
39714
  /* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
40069
39715
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
40070
39716
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
40071
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(68);
39717
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(67);
40072
39718
 
40073
39719
 
40074
39720
 
@@ -40084,7 +39730,7 @@ function getWindowScrollBarX(element) {
40084
39730
  }
40085
39731
 
40086
39732
  /***/ }),
40087
- /* 68 */
39733
+ /* 67 */
40088
39734
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40089
39735
 
40090
39736
  "use strict";
@@ -40102,7 +39748,7 @@ function getWindowScroll(node) {
40102
39748
  }
40103
39749
 
40104
39750
  /***/ }),
40105
- /* 69 */
39751
+ /* 68 */
40106
39752
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40107
39753
 
40108
39754
  "use strict";
@@ -40120,7 +39766,7 @@ function isScrollParent(element) {
40120
39766
  }
40121
39767
 
40122
39768
  /***/ }),
40123
- /* 70 */
39769
+ /* 69 */
40124
39770
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40125
39771
 
40126
39772
  "use strict";
@@ -40152,14 +39798,14 @@ function popperOffsets(_ref) {
40152
39798
  });
40153
39799
 
40154
39800
  /***/ }),
40155
- /* 71 */
39801
+ /* 70 */
40156
39802
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40157
39803
 
40158
39804
  "use strict";
40159
39805
  /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
40160
39806
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
40161
39807
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(382);
40162
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
39808
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
40163
39809
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(235);
40164
39810
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
40165
39811
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
@@ -40435,7 +40081,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
40435
40081
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
40436
40082
 
40437
40083
  /***/ }),
40438
- /* 72 */
40084
+ /* 71 */
40439
40085
  /***/ (function(module, exports, __webpack_require__) {
40440
40086
 
40441
40087
  "use strict";
@@ -40657,7 +40303,7 @@ exports.default = GridItem;
40657
40303
 
40658
40304
 
40659
40305
  /***/ }),
40660
- /* 73 */
40306
+ /* 72 */
40661
40307
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40662
40308
 
40663
40309
  "use strict";
@@ -40791,7 +40437,7 @@ function createSubscription(store, parentSub) {
40791
40437
  }
40792
40438
 
40793
40439
  /***/ }),
40794
- /* 74 */
40440
+ /* 73 */
40795
40441
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40796
40442
 
40797
40443
  "use strict";
@@ -40810,7 +40456,7 @@ function createSubscription(store, parentSub) {
40810
40456
  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"];
40811
40457
 
40812
40458
  /***/ }),
40813
- /* 75 */
40459
+ /* 74 */
40814
40460
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40815
40461
 
40816
40462
  "use strict";
@@ -40833,6 +40479,361 @@ function invariant(condition, message) {
40833
40479
 
40834
40480
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
40835
40481
 
40482
+ /***/ }),
40483
+ /* 75 */
40484
+ /***/ (function(module, exports, __webpack_require__) {
40485
+
40486
+ "use strict";
40487
+
40488
+ var __extends = (this && this.__extends) || (function () {
40489
+ var extendStatics = function (d, b) {
40490
+ extendStatics = Object.setPrototypeOf ||
40491
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
40492
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
40493
+ return extendStatics(d, b);
40494
+ };
40495
+ return function (d, b) {
40496
+ if (typeof b !== "function" && b !== null)
40497
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
40498
+ extendStatics(d, b);
40499
+ function __() { this.constructor = d; }
40500
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
40501
+ };
40502
+ })();
40503
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
40504
+ if (k2 === undefined) k2 = k;
40505
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
40506
+ }) : (function(o, m, k, k2) {
40507
+ if (k2 === undefined) k2 = k;
40508
+ o[k2] = m[k];
40509
+ }));
40510
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
40511
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
40512
+ }) : function(o, v) {
40513
+ o["default"] = v;
40514
+ });
40515
+ var __importStar = (this && this.__importStar) || function (mod) {
40516
+ if (mod && mod.__esModule) return mod;
40517
+ var result = {};
40518
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
40519
+ __setModuleDefault(result, mod);
40520
+ return result;
40521
+ };
40522
+ var __importDefault = (this && this.__importDefault) || function (mod) {
40523
+ return (mod && mod.__esModule) ? mod : { "default": mod };
40524
+ };
40525
+ Object.defineProperty(exports, "__esModule", { value: true });
40526
+ exports.getDurationString = exports.DurationInput = void 0;
40527
+ var React = __importStar(__webpack_require__(0));
40528
+ var classnames_1 = __importDefault(__webpack_require__(2));
40529
+ var moment_1 = __importDefault(__webpack_require__(1));
40530
+ var react_id_generator_1 = __importDefault(__webpack_require__(8));
40531
+ var Form_1 = __webpack_require__(14);
40532
+ var DurationInput = /** @class */ (function (_super) {
40533
+ __extends(DurationInput, _super);
40534
+ function DurationInput(props) {
40535
+ var _this = _super.call(this, props) || this;
40536
+ _this.htmlId = (0, react_id_generator_1.default)();
40537
+ _this.state = {
40538
+ hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
40539
+ minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
40540
+ seconds: _this.stateUpdate('seconds', _this.props.seconds),
40541
+ blink: '',
40542
+ };
40543
+ _this.hourRef = React.createRef();
40544
+ _this.minuteRef = React.createRef();
40545
+ _this.secondRef = React.createRef();
40546
+ _this.handleKeyDown = _this.handleKeyDown.bind(_this);
40547
+ _this.zeroPad = _this.zeroPad.bind(_this);
40548
+ _this.handleChange = _this.handleChange.bind(_this);
40549
+ _this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
40550
+ _this.handleKeyValue = _this.handleKeyValue.bind(_this);
40551
+ _this.valueUpdate = _this.valueUpdate.bind(_this);
40552
+ _this.stateUpdate = _this.stateUpdate.bind(_this);
40553
+ return _this;
40554
+ }
40555
+ DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
40556
+ var value;
40557
+ if (state === 'hours') {
40558
+ value = parametar1
40559
+ ? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
40560
+ : Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
40561
+ }
40562
+ else if (state === 'minutes') {
40563
+ value = parametar1
40564
+ ? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
40565
+ : Math.floor((parametar2 || 0) % 3600 / 60);
40566
+ }
40567
+ else {
40568
+ value = parametar1 ? parametar1 % 60 : 0;
40569
+ }
40570
+ return this.zeroPad(value);
40571
+ };
40572
+ DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
40573
+ var _this = this;
40574
+ if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
40575
+ return;
40576
+ }
40577
+ if (this.state.hours !== prevState.hours) {
40578
+ if (Number(this.hourRef.current.value) > 99) {
40579
+ this.setState({
40580
+ hours: this.zeroPad(99),
40581
+ });
40582
+ }
40583
+ }
40584
+ if (this.state.minutes !== prevState.minutes) {
40585
+ if (Number(this.minuteRef.current.value) > 59) {
40586
+ this.setState({
40587
+ hours: this.zeroPad(Number(this.state.hours) + 1),
40588
+ minutes: this.zeroPad(this.state.minutes % 60),
40589
+ });
40590
+ this.setState({ blink: 'hour' });
40591
+ setTimeout(function () {
40592
+ _this.setState({ blink: '' });
40593
+ }, 500);
40594
+ }
40595
+ if (Number(this.minuteRef.current.value) < 0) {
40596
+ this.setState({
40597
+ hours: this.zeroPad(Number(this.state.hours)) > 0
40598
+ ? this.zeroPad(Number(this.state.hours) - 1)
40599
+ : this.zeroPad(Number(this.state.hours)),
40600
+ minutes: 59,
40601
+ });
40602
+ this.setState({ blink: 'hour' });
40603
+ setTimeout(function () {
40604
+ _this.setState({ blink: '' });
40605
+ }, 500);
40606
+ }
40607
+ }
40608
+ if (this.state.seconds !== prevState.seconds) {
40609
+ if (Number(this.secondRef.current.value) > 59) {
40610
+ this.setState({
40611
+ minutes: this.zeroPad(Number(this.state.minutes) + 1),
40612
+ seconds: this.zeroPad(this.state.seconds % 60),
40613
+ });
40614
+ this.setState({ blink: 'minute' });
40615
+ setTimeout(function () {
40616
+ _this.setState({ blink: '' });
40617
+ }, 500);
40618
+ }
40619
+ if (Number(this.secondRef.current.value) < 0) {
40620
+ this.setState({
40621
+ minutes: this.zeroPad(Number(this.state.minutes) - 1),
40622
+ seconds: 59,
40623
+ });
40624
+ this.setState({ blink: 'minute' });
40625
+ setTimeout(function () {
40626
+ _this.setState({ blink: '' });
40627
+ }, 500);
40628
+ }
40629
+ }
40630
+ if ((this.props.hours !== prevProps.hours)
40631
+ || (this.props.minutes !== prevProps.minutes)
40632
+ || (this.props.seconds !== prevProps.seconds)) {
40633
+ this.setState({
40634
+ hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
40635
+ minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
40636
+ seconds: this.stateUpdate('seconds', this.props.seconds),
40637
+ });
40638
+ }
40639
+ };
40640
+ DurationInput.prototype.valueUpdate = function () {
40641
+ if (this.props.onChange) {
40642
+ this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
40643
+ .asSeconds());
40644
+ }
40645
+ };
40646
+ DurationInput.prototype.handleKeyDown = function (event) {
40647
+ if (!(event.target instanceof HTMLInputElement)) {
40648
+ return;
40649
+ }
40650
+ if (event.target.id === 'hours') {
40651
+ if (event.key === 'ArrowRight') {
40652
+ if (event.target.selectionEnd === event.target.value.length) {
40653
+ this.handleFocus(this.minuteRef.current, event.target.id);
40654
+ }
40655
+ }
40656
+ if (event.key === 'ArrowLeft') {
40657
+ if (event.target.selectionStart === 0) {
40658
+ this.handleFocus(this.secondRef.current, event.target.id);
40659
+ }
40660
+ }
40661
+ }
40662
+ if (event.target.id === 'minutes') {
40663
+ if (event.key === 'ArrowRight') {
40664
+ if (event.target.selectionEnd === event.target.value.length) {
40665
+ this.handleFocus(this.secondRef.current, event.target.id);
40666
+ }
40667
+ }
40668
+ if (event.key === 'ArrowLeft') {
40669
+ if (event.target.selectionStart === 0) {
40670
+ this.handleFocus(this.hourRef.current, event.target.id);
40671
+ }
40672
+ }
40673
+ }
40674
+ if (event.target.id === 'seconds') {
40675
+ if (event.key === 'ArrowRight') {
40676
+ if (event.target.selectionEnd === event.target.value.length) {
40677
+ this.handleFocus(this.hourRef.current, event.target.id);
40678
+ }
40679
+ }
40680
+ if (event.key === 'ArrowLeft') {
40681
+ if (event.target.selectionStart === 0) {
40682
+ this.handleFocus(this.minuteRef.current, event.target.id);
40683
+ }
40684
+ }
40685
+ }
40686
+ if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
40687
+ this.handleKeyValue(event, event.target.id);
40688
+ setTimeout(this.valueUpdate);
40689
+ }
40690
+ if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
40691
+ if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
40692
+ setTimeout(this.valueUpdate);
40693
+ }
40694
+ }
40695
+ };
40696
+ DurationInput.prototype.handleKeyValue = function (event, state) {
40697
+ if (!(event.target instanceof HTMLInputElement)) {
40698
+ return;
40699
+ }
40700
+ if (!this.state[state]) {
40701
+ return;
40702
+ }
40703
+ event.preventDefault();
40704
+ event.stopPropagation();
40705
+ var stateClone = {};
40706
+ if (event.key === 'ArrowUp') {
40707
+ if (event.target.id === 'hours') {
40708
+ stateClone[state] = this.state[state] < 99
40709
+ ? this.zeroPad(Number(this.state[state]) + 1)
40710
+ : this.zeroPad(99);
40711
+ }
40712
+ else {
40713
+ stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
40714
+ }
40715
+ }
40716
+ else if (event.key === 'ArrowDown') {
40717
+ if (event.target.id === 'hours') {
40718
+ stateClone[state] = this.state[state] > 0
40719
+ ? this.zeroPad(Number(this.state[state]) - 1)
40720
+ : this.zeroPad(0);
40721
+ }
40722
+ else {
40723
+ stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
40724
+ }
40725
+ }
40726
+ this.setState(stateClone);
40727
+ };
40728
+ DurationInput.prototype.zeroPad = function (value) {
40729
+ if (value.toString().length === 1 || value === 0) {
40730
+ return "0".concat(value);
40731
+ }
40732
+ else if (!value) {
40733
+ return '00';
40734
+ }
40735
+ else {
40736
+ return value;
40737
+ }
40738
+ };
40739
+ DurationInput.prototype.handleChange = function (event, state) {
40740
+ var stateClone = {};
40741
+ if (event.target.value.length >= 2) {
40742
+ if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
40743
+ stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
40744
+ }
40745
+ else {
40746
+ stateClone[state] = event.target.value.slice(0, 2);
40747
+ }
40748
+ }
40749
+ else {
40750
+ stateClone[state] = event.target.value;
40751
+ }
40752
+ this.setState(stateClone);
40753
+ setTimeout(this.valueUpdate);
40754
+ };
40755
+ DurationInput.prototype.handleFocus = function (ref, state) {
40756
+ ref === null || ref === void 0 ? void 0 : ref.focus();
40757
+ setTimeout(function () {
40758
+ ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
40759
+ });
40760
+ var stateClone = {};
40761
+ stateClone[state] = this.zeroPad(this.state[state]);
40762
+ this.setState(stateClone);
40763
+ };
40764
+ DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
40765
+ if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
40766
+ if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
40767
+ var target = event.target;
40768
+ if (target.value.length >= 2) {
40769
+ ref === null || ref === void 0 ? void 0 : ref.focus();
40770
+ setTimeout(function () {
40771
+ ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
40772
+ });
40773
+ }
40774
+ }
40775
+ }
40776
+ };
40777
+ DurationInput.prototype.render = function () {
40778
+ var _this = this;
40779
+ var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
40780
+ 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 },
40781
+ React.createElement("div", { className: InputClasses },
40782
+ 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) {
40783
+ if (!/[0-9]/.test(event.key)) {
40784
+ event.preventDefault();
40785
+ }
40786
+ } }),
40787
+ React.createElement("span", { className: 'sd-input__suffix' }, "h"),
40788
+ 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) {
40789
+ if (!/[0-9]/.test(event.key)) {
40790
+ event.preventDefault();
40791
+ }
40792
+ } }),
40793
+ React.createElement("span", { className: 'sd-input__suffix' }, "m"),
40794
+ 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) {
40795
+ if (!/[0-9]/.test(event.key)) {
40796
+ event.preventDefault();
40797
+ }
40798
+ } }),
40799
+ React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
40800
+ };
40801
+ return DurationInput;
40802
+ }(React.PureComponent));
40803
+ exports.DurationInput = DurationInput;
40804
+ function getDurationString(seconds, zero) {
40805
+ function zeroPad(value) {
40806
+ if (value.toString().length === 1 || value === 0) {
40807
+ return "0".concat(value);
40808
+ }
40809
+ else if (!value) {
40810
+ return '00';
40811
+ }
40812
+ else {
40813
+ return value;
40814
+ }
40815
+ }
40816
+ var hour = zeroPad(Math.floor(seconds / 3600));
40817
+ var minute = zeroPad(Math.floor((seconds % 3600) / 60));
40818
+ var second = zeroPad(Math.floor(seconds % 60));
40819
+ if (zero) {
40820
+ return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
40821
+ }
40822
+ else {
40823
+ if (Number(hour) === 0 && Number(minute) > 0) {
40824
+ return "".concat(minute, "m ").concat(second, "s");
40825
+ }
40826
+ else if (Number(hour) === 0 && Number(minute) === 0) {
40827
+ return "".concat(second, "s");
40828
+ }
40829
+ else {
40830
+ return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
40831
+ }
40832
+ }
40833
+ }
40834
+ exports.getDurationString = getDurationString;
40835
+
40836
+
40836
40837
  /***/ }),
40837
40838
  /* 76 */
40838
40839
  /***/ (function(module, exports, __webpack_require__) {
@@ -41089,7 +41090,7 @@ var React = __importStar(__webpack_require__(0));
41089
41090
  var classnames_1 = __importDefault(__webpack_require__(2));
41090
41091
  var react_beautiful_dnd_1 = __webpack_require__(494);
41091
41092
  var Tooltip_1 = __webpack_require__(36);
41092
- var Button_1 = __webpack_require__(51);
41093
+ var Button_1 = __webpack_require__(52);
41093
41094
  var Dropdown_1 = __webpack_require__(226);
41094
41095
  var reorder = function (list, startIndex, endIndex) {
41095
41096
  var result = Array.from(list);
@@ -56716,7 +56717,7 @@ function addLeadingZeros(number, targetLength) {
56716
56717
  "use strict";
56717
56718
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
56718
56719
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
56719
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
56720
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
56720
56721
 
56721
56722
  // This function will be a part of public API when UTC function will be implemented.
56722
56723
  // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -56754,7 +56755,7 @@ function getUTCISOWeekYear(dirtyDate) {
56754
56755
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
56755
56756
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
56756
56757
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(15);
56757
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(59);
56758
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
56758
56759
 
56759
56760
 
56760
56761
  // This function will be a part of public API when UTC function will be implemented.
@@ -57394,7 +57395,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
57394
57395
  exports.Dropdown = void 0;
57395
57396
  var React = __importStar(__webpack_require__(0));
57396
57397
  var ReactDOM = __importStar(__webpack_require__(9));
57397
- var core_1 = __webpack_require__(61);
57398
+ var core_1 = __webpack_require__(60);
57398
57399
  var react_id_generator_1 = __webpack_require__(8);
57399
57400
  var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
57400
57401
  var Dropdown = function (_a) {
@@ -57631,13 +57632,13 @@ var DropdownItemWithSubmenu = function (_a) {
57631
57632
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
57632
57633
 
57633
57634
  "use strict";
57634
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(62);
57635
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(61);
57635
57636
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
57636
57637
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(228);
57637
57638
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
57638
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(65);
57639
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(64);
57639
57640
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
57640
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(66);
57641
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(65);
57641
57642
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
57642
57643
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(234);
57643
57644
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
@@ -57645,7 +57646,7 @@ var DropdownItemWithSubmenu = function (_a) {
57645
57646
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
57646
57647
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(239);
57647
57648
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
57648
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(70);
57649
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(69);
57649
57650
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
57650
57651
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(240);
57651
57652
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
@@ -57665,10 +57666,10 @@ var DropdownItemWithSubmenu = function (_a) {
57665
57666
 
57666
57667
  "use strict";
57667
57668
  /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(21);
57668
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
57669
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
57669
57670
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(229);
57670
57671
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
57671
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(64);
57672
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
57672
57673
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(230);
57673
57674
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(231);
57674
57675
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(233);
@@ -58034,7 +58035,7 @@ function flip(_ref) {
58034
58035
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
58035
58036
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
58036
58037
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
58037
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(69);
58038
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(68);
58038
58039
 
58039
58040
 
58040
58041
 
@@ -58085,7 +58086,7 @@ function rectToClientRect(rect) {
58085
58086
  /* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
58086
58087
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(21);
58087
58088
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
58088
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(64);
58089
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(63);
58089
58090
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
58090
58091
 
58091
58092
 
@@ -58297,10 +58298,10 @@ function offset(_ref2) {
58297
58298
  "use strict";
58298
58299
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
58299
58300
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(21);
58300
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(64);
58301
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
58301
58302
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
58302
58303
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(230);
58303
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(63);
58304
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
58304
58305
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
58305
58306
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
58306
58307
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
@@ -58456,11 +58457,11 @@ function preventOverflow(_ref) {
58456
58457
  "use strict";
58457
58458
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
58458
58459
  /* unused harmony export defaultModifiers */
58459
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(71);
58460
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(66);
58461
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(70);
58462
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(65);
58463
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(62);
58460
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
58461
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
58462
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
58463
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
58464
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
58464
58465
  /* unused harmony reexport popperGenerator */
58465
58466
  /* unused harmony reexport detectOverflow */
58466
58467
 
@@ -58532,7 +58533,7 @@ exports.SelectGrid = void 0;
58532
58533
  var React = __importStar(__webpack_require__(0));
58533
58534
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
58534
58535
  var overlaypanel_1 = __webpack_require__(429);
58535
- var Loader_1 = __webpack_require__(60);
58536
+ var Loader_1 = __webpack_require__(59);
58536
58537
  var SelectGrid = /** @class */ (function (_super) {
58537
58538
  __extends(SelectGrid, _super);
58538
58539
  function SelectGrid(props) {
@@ -58739,7 +58740,7 @@ exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = e
58739
58740
  var React = __importStar(__webpack_require__(0));
58740
58741
  var Icon_1 = __webpack_require__(7);
58741
58742
  var IconButton_1 = __webpack_require__(44);
58742
- var Spinner_1 = __webpack_require__(52);
58743
+ var Spinner_1 = __webpack_require__(53);
58743
58744
  var classnames_1 = __importDefault(__webpack_require__(2));
58744
58745
  var Panel = /** @class */ (function (_super) {
58745
58746
  __extends(Panel, _super);
@@ -59066,8 +59067,8 @@ var getBatch = function getBatch() {
59066
59067
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
59067
59068
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(501);
59068
59069
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
59069
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(73);
59070
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(74);
59070
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(72);
59071
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
59071
59072
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(30);
59072
59073
 
59073
59074
 
@@ -63255,11 +63256,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
63255
63256
  exports.TreeSelect = void 0;
63256
63257
  var React = __importStar(__webpack_require__(0));
63257
63258
  var Icon_1 = __webpack_require__(7);
63258
- var Loader_1 = __webpack_require__(60);
63259
+ var Loader_1 = __webpack_require__(59);
63259
63260
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
63260
63261
  var debounce_1 = __importDefault(__webpack_require__(483));
63261
63262
  var Form_1 = __webpack_require__(14);
63262
- var core_1 = __webpack_require__(61);
63263
+ var core_1 = __webpack_require__(60);
63263
63264
  var lodash_1 = __webpack_require__(33);
63264
63265
  var TreeSelect = /** @class */ (function (_super) {
63265
63266
  __extends(TreeSelect, _super);
@@ -63734,7 +63735,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
63734
63735
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_tiny_warning__ = __webpack_require__(259);
63735
63736
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_extends__ = __webpack_require__(24);
63736
63737
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(20);
63737
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_tiny_invariant__ = __webpack_require__(75);
63738
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_tiny_invariant__ = __webpack_require__(74);
63738
63739
 
63739
63740
 
63740
63741
 
@@ -64300,7 +64301,7 @@ exports.typeOf = typeOf;
64300
64301
  var ReactIs = __webpack_require__(48);
64301
64302
  var assign = __webpack_require__(274);
64302
64303
 
64303
- var ReactPropTypesSecret = __webpack_require__(50);
64304
+ var ReactPropTypesSecret = __webpack_require__(51);
64304
64305
  var has = __webpack_require__(79);
64305
64306
  var checkPropTypes = __webpack_require__(275);
64306
64307
 
@@ -65015,7 +65016,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
65015
65016
  var printWarning = function() {};
65016
65017
 
65017
65018
  if (process.env.NODE_ENV !== 'production') {
65018
- var ReactPropTypesSecret = __webpack_require__(50);
65019
+ var ReactPropTypesSecret = __webpack_require__(51);
65019
65020
  var loggedTypeFailures = {};
65020
65021
  var has = __webpack_require__(79);
65021
65022
 
@@ -65123,7 +65124,7 @@ module.exports = checkPropTypes;
65123
65124
 
65124
65125
 
65125
65126
 
65126
- var ReactPropTypesSecret = __webpack_require__(50);
65127
+ var ReactPropTypesSecret = __webpack_require__(51);
65127
65128
 
65128
65129
  function emptyFunction() {}
65129
65130
  function emptyFunctionWithReset() {}
@@ -65631,103 +65632,107 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
65631
65632
  return (mod && mod.__esModule) ? mod : { "default": mod };
65632
65633
  };
65633
65634
  Object.defineProperty(exports, "__esModule", { value: true });
65634
- exports.InputWrapper = void 0;
65635
- var React = __importStar(__webpack_require__(0));
65636
- var classnames_1 = __importDefault(__webpack_require__(2));
65637
- var InputWrapper = /** @class */ (function (_super) {
65638
- __extends(InputWrapper, _super);
65639
- function InputWrapper(props) {
65640
- var _a;
65641
- var _this = _super.call(this, props) || this;
65642
- _this.state = {
65643
- value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : '',
65644
- };
65645
- return _this;
65646
- }
65647
- InputWrapper.prototype.render = function () {
65648
- var _a;
65649
- var _b;
65650
- var classes = (0, classnames_1.default)('sd-input', (_a = {
65651
- 'sd-input--inline-label': this.props.inlineLabel,
65652
- 'sd-input--required': this.props.required,
65653
- 'sd-input--disabled': this.props.disabled,
65654
- 'sd-input--full-width': this.props.fullWidth,
65655
- 'sd-input--invalid': this.props.invalid,
65656
- 'sd-input--medium': this.props.size === undefined
65657
- },
65658
- _a["sd-input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
65659
- _a['sd-input--boxed-style'] = this.props.boxedStyle,
65660
- _a['sd-input--boxed-label'] = this.props.boxedLable,
65661
- _a));
65662
- var labelClasses = (0, classnames_1.default)('sd-input__label', {
65663
- 'a11y-only': this.props.labelHidden,
65664
- 'sd-input__label--boxed': this.props.boxedLable,
65665
- });
65666
- return (React.createElement("div", { className: classes },
65667
- React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 }, this.props.label),
65668
- React.createElement("div", { className: "sd-input__input-container" }, this.props.children),
65669
- this.props.maxLength
65670
- ? React.createElement("div", { className: 'sd-input__char-count' }, (_b = this.props.value) === null || _b === void 0 ? void 0 :
65671
- _b.toString().length,
65672
- " / ",
65673
- this.props.maxLength)
65674
- : null,
65675
- React.createElement("div", { className: 'sd-input__message-box' },
65676
- this.props.info && !this.props.invalid && !this.props.invalid
65677
- ? React.createElement("div", { className: 'sd-input__hint' }, this.props.info)
65678
- : null,
65679
- this.props.invalid || this.props.invalid
65680
- ? React.createElement("div", { className: 'sd-input__message' }, this.props.error)
65681
- : null)));
65682
- };
65683
- return InputWrapper;
65684
- }(React.Component));
65685
- exports.InputWrapper = InputWrapper;
65686
-
65687
-
65688
- /***/ }),
65689
- /* 284 */
65690
- /***/ (function(module, exports, __webpack_require__) {
65691
-
65692
- "use strict";
65693
-
65694
- var __extends = (this && this.__extends) || (function () {
65695
- var extendStatics = function (d, b) {
65696
- extendStatics = Object.setPrototypeOf ||
65697
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
65698
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
65699
- return extendStatics(d, b);
65700
- };
65701
- return function (d, b) {
65702
- if (typeof b !== "function" && b !== null)
65703
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
65704
- extendStatics(d, b);
65705
- function __() { this.constructor = d; }
65706
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
65707
- };
65708
- })();
65709
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
65710
- if (k2 === undefined) k2 = k;
65711
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
65712
- }) : (function(o, m, k, k2) {
65713
- if (k2 === undefined) k2 = k;
65714
- o[k2] = m[k];
65715
- }));
65716
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
65717
- Object.defineProperty(o, "default", { enumerable: true, value: v });
65718
- }) : function(o, v) {
65719
- o["default"] = v;
65720
- });
65721
- var __importStar = (this && this.__importStar) || function (mod) {
65722
- if (mod && mod.__esModule) return mod;
65723
- var result = {};
65724
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
65725
- __setModuleDefault(result, mod);
65726
- return result;
65727
- };
65728
- Object.defineProperty(exports, "__esModule", { value: true });
65635
+ exports.InputWrapper = void 0;
65636
+ var React = __importStar(__webpack_require__(0));
65637
+ var classnames_1 = __importDefault(__webpack_require__(2));
65638
+ var InputWrapper = /** @class */ (function (_super) {
65639
+ __extends(InputWrapper, _super);
65640
+ function InputWrapper(props) {
65641
+ var _a;
65642
+ var _this = _super.call(this, props) || this;
65643
+ _this.state = {
65644
+ value: (_a = _this.props.value) !== null && _a !== void 0 ? _a : '',
65645
+ };
65646
+ return _this;
65647
+ }
65648
+ InputWrapper.prototype.render = function () {
65649
+ var _a;
65650
+ var _b;
65651
+ var classes = (0, classnames_1.default)('sd-input', (_a = {
65652
+ 'sd-input--inline-label': this.props.inlineLabel,
65653
+ 'sd-input--required': this.props.required,
65654
+ 'sd-input--disabled': this.props.disabled,
65655
+ 'sd-input--full-width': this.props.fullWidth,
65656
+ 'sd-input--invalid': this.props.invalid,
65657
+ 'sd-input--medium': this.props.size === undefined
65658
+ },
65659
+ _a["sd-input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
65660
+ _a['sd-input--boxed-style'] = this.props.boxedStyle,
65661
+ _a['sd-input--boxed-label'] = this.props.boxedLable,
65662
+ _a));
65663
+ var labelClasses = (0, classnames_1.default)('sd-input__label', {
65664
+ 'a11y-only': this.props.labelHidden,
65665
+ 'sd-input__label--boxed': this.props.boxedLable,
65666
+ });
65667
+ return (React.createElement("div", { className: classes },
65668
+ React.createElement("label", { className: labelClasses, htmlFor: this.props.htmlId, id: this.props.htmlId + 'label', tabIndex: this.props.tabindex === undefined ? undefined : -1 }, this.props.label),
65669
+ React.createElement("div", { className: "sd-input__input-container" }, this.props.children),
65670
+ this.props.maxLength
65671
+ ? React.createElement("div", { className: 'sd-input__char-count' }, (_b = this.props.value) === null || _b === void 0 ? void 0 :
65672
+ _b.toString().length,
65673
+ " / ",
65674
+ this.props.maxLength)
65675
+ : null,
65676
+ React.createElement("div", { className: 'sd-input__message-box' },
65677
+ this.props.info && !this.props.invalid && !this.props.invalid
65678
+ ? React.createElement("div", { className: 'sd-input__hint' }, this.props.info)
65679
+ : null,
65680
+ this.props.invalid || this.props.invalid
65681
+ ? React.createElement("div", { className: 'sd-input__message' }, this.props.error)
65682
+ : null)));
65683
+ };
65684
+ return InputWrapper;
65685
+ }(React.Component));
65686
+ exports.InputWrapper = InputWrapper;
65687
+
65688
+
65689
+ /***/ }),
65690
+ /* 284 */
65691
+ /***/ (function(module, exports, __webpack_require__) {
65692
+
65693
+ "use strict";
65694
+
65695
+ var __extends = (this && this.__extends) || (function () {
65696
+ var extendStatics = function (d, b) {
65697
+ extendStatics = Object.setPrototypeOf ||
65698
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
65699
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
65700
+ return extendStatics(d, b);
65701
+ };
65702
+ return function (d, b) {
65703
+ if (typeof b !== "function" && b !== null)
65704
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
65705
+ extendStatics(d, b);
65706
+ function __() { this.constructor = d; }
65707
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
65708
+ };
65709
+ })();
65710
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
65711
+ if (k2 === undefined) k2 = k;
65712
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
65713
+ }) : (function(o, m, k, k2) {
65714
+ if (k2 === undefined) k2 = k;
65715
+ o[k2] = m[k];
65716
+ }));
65717
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
65718
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
65719
+ }) : function(o, v) {
65720
+ o["default"] = v;
65721
+ });
65722
+ var __importStar = (this && this.__importStar) || function (mod) {
65723
+ if (mod && mod.__esModule) return mod;
65724
+ var result = {};
65725
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
65726
+ __setModuleDefault(result, mod);
65727
+ return result;
65728
+ };
65729
+ var __importDefault = (this && this.__importDefault) || function (mod) {
65730
+ return (mod && mod.__esModule) ? mod : { "default": mod };
65731
+ };
65732
+ Object.defineProperty(exports, "__esModule", { value: true });
65729
65733
  exports.InputBase = void 0;
65730
65734
  var React = __importStar(__webpack_require__(0));
65735
+ var classnames_1 = __importDefault(__webpack_require__(2));
65731
65736
  var InputBase = /** @class */ (function (_super) {
65732
65737
  __extends(InputBase, _super);
65733
65738
  function InputBase(props) {
@@ -65757,7 +65762,17 @@ var InputBase = /** @class */ (function (_super) {
65757
65762
  };
65758
65763
  InputBase.prototype.render = function () {
65759
65764
  var _a;
65760
- 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 }));
65765
+ var _b;
65766
+ var classes = (0, classnames_1.default)('sd-input__input', (_a = {
65767
+ 'sd-input__input--boxed-style': this.props.boxedStyle,
65768
+ 'sd-input__input--required': this.props.required,
65769
+ 'sd-input__input--invalid': this.props.invalid,
65770
+ 'sd-input__input--disabled': this.props.disabled,
65771
+ 'sd-input__input--medium': this.props.size === undefined
65772
+ },
65773
+ _a["sd-input__input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
65774
+ _a));
65775
+ 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 }));
65761
65776
  };
65762
65777
  return InputBase;
65763
65778
  }(React.Component));
@@ -71443,7 +71458,7 @@ function getUTCDayOfYear(dirtyDate) {
71443
71458
  "use strict";
71444
71459
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
71445
71460
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
71446
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
71461
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
71447
71462
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
71448
71463
 
71449
71464
 
@@ -71471,7 +71486,7 @@ function getUTCISOWeek(dirtyDate) {
71471
71486
  "use strict";
71472
71487
  /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
71473
71488
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(220);
71474
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(58);
71489
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
71475
71490
 
71476
71491
  // This function will be a part of public API when UTC function will be implemented.
71477
71492
  // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -71496,7 +71511,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
71496
71511
  "use strict";
71497
71512
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
71498
71513
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
71499
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(59);
71514
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(58);
71500
71515
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
71501
71516
 
71502
71517
 
@@ -71525,7 +71540,7 @@ function getUTCWeek(dirtyDate, options) {
71525
71540
  /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
71526
71541
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
71527
71542
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(221);
71528
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(59);
71543
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
71529
71544
 
71530
71545
 
71531
71546
  // This function will be a part of public API when UTC function will be implemented.
@@ -75815,7 +75830,7 @@ exports.RadioButtonGroup = void 0;
75815
75830
  var React = __importStar(__webpack_require__(0));
75816
75831
  var classnames_1 = __importDefault(__webpack_require__(2));
75817
75832
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
75818
- var FormLabel_1 = __webpack_require__(53);
75833
+ var FormLabel_1 = __webpack_require__(49);
75819
75834
  var RadioButtonGroup = /** @class */ (function (_super) {
75820
75835
  __extends(RadioButtonGroup, _super);
75821
75836
  function RadioButtonGroup(props) {
@@ -76050,7 +76065,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
76050
76065
  exports.CheckButtonGroup = void 0;
76051
76066
  var React = __importStar(__webpack_require__(0));
76052
76067
  var classnames_1 = __importDefault(__webpack_require__(2));
76053
- var FormLabel_1 = __webpack_require__(53);
76068
+ var FormLabel_1 = __webpack_require__(49);
76054
76069
  var CheckButtonGroup = /** @class */ (function (_super) {
76055
76070
  __extends(CheckButtonGroup, _super);
76056
76071
  function CheckButtonGroup() {
@@ -77311,7 +77326,7 @@ function getClippingRect(element, boundary, rootBoundary) {
77311
77326
  /* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
77312
77327
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
77313
77328
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
77314
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(67);
77329
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
77315
77330
 
77316
77331
 
77317
77332
 
@@ -77361,8 +77376,8 @@ function getViewportRect(element) {
77361
77376
  /* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
77362
77377
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(22);
77363
77378
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(34);
77364
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(67);
77365
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(68);
77379
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
77380
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(67);
77366
77381
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(29);
77367
77382
 
77368
77383
 
@@ -77401,7 +77416,7 @@ function getDocumentRect(element) {
77401
77416
  "use strict";
77402
77417
  /* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
77403
77418
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
77404
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(69);
77419
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(68);
77405
77420
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
77406
77421
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
77407
77422
 
@@ -77500,9 +77515,9 @@ function getAltAxis(axis) {
77500
77515
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
77501
77516
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
77502
77517
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
77503
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(67);
77518
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(66);
77504
77519
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(22);
77505
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(69);
77520
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(68);
77506
77521
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(29);
77507
77522
 
77508
77523
 
@@ -77569,7 +77584,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
77569
77584
 
77570
77585
  "use strict";
77571
77586
  /* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
77572
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(68);
77587
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(67);
77573
77588
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
77574
77589
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
77575
77590
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
@@ -77824,11 +77839,11 @@ function mergeByName(modifiers) {
77824
77839
  "use strict";
77825
77840
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
77826
77841
  /* unused harmony export defaultModifiers */
77827
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(71);
77828
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(66);
77829
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(70);
77830
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(65);
77831
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(62);
77842
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
77843
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
77844
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
77845
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
77846
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
77832
77847
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(239);
77833
77848
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(234);
77834
77849
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(240);
@@ -97382,7 +97397,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
97382
97397
  exports.TagInput = void 0;
97383
97398
  var React = __importStar(__webpack_require__(0));
97384
97399
  var classnames_1 = __importDefault(__webpack_require__(2));
97385
- var core_1 = __webpack_require__(61);
97400
+ var core_1 = __webpack_require__(60);
97386
97401
  var lodash_1 = __webpack_require__(33);
97387
97402
  var TagInput = function (_a) {
97388
97403
  var items = _a.items, label = _a.label, freetype = _a.freetype;
@@ -98209,7 +98224,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
98209
98224
  Object.defineProperty(exports, "__esModule", {
98210
98225
  value: true
98211
98226
  });
98212
- exports.TieredMenu = exports.LocationRetrieved = void 0;
98227
+ exports.TieredMenu = void 0;
98213
98228
 
98214
98229
  var _react = _interopRequireWildcard(__webpack_require__(0));
98215
98230
 
@@ -98235,8 +98250,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
98235
98250
 
98236
98251
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
98237
98252
 
98238
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
98239
-
98240
98253
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
98241
98254
 
98242
98255
  function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
@@ -98257,97 +98270,27 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
98257
98270
 
98258
98271
  function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
98259
98272
 
98260
- // interface IProps {
98261
- // children(args: {direction: 'left' | 'right'}): JSX.Element;
98262
- // }
98263
- // interface IState {
98264
- // direction: 'left' | 'right' | null;
98265
- // }
98266
-
98267
- /**
98268
- * Checks whether there is more space on the left or right,
98269
- * in order to choose which direction submenus open to.
98270
- */
98271
- var LocationRetrieved = /*#__PURE__*/function (_React$PureComponent) {
98272
- _inherits(LocationRetrieved, _React$PureComponent);
98273
-
98274
- var _super = _createSuper(LocationRetrieved);
98275
-
98276
- // <IProps, IState>
98277
- function LocationRetrieved(props) {
98278
- var _this;
98279
-
98280
- _classCallCheck(this, LocationRetrieved);
98281
-
98282
- _this = _super.call(this, props);
98283
- _this.state = {
98284
- direction: null
98285
- };
98286
- _this.recompute = _this.recompute.bind(_assertThisInitialized(_this));
98287
- return _this;
98288
- }
98289
-
98290
- _createClass(LocationRetrieved, [{
98291
- key: "recompute",
98292
- value: function recompute(callback) {
98293
- // public, used in TieredMenu#show
98294
- this.setState({
98295
- direction: null
98296
- });
98297
- setTimeout(callback, 0);
98298
- }
98299
- }, {
98300
- key: "render",
98301
- value: function render() {
98302
- var _this2 = this;
98303
-
98304
- if (this.state.direction == null) {
98305
- return /*#__PURE__*/_react.default.createElement("span", {
98306
- ref: function ref(el) {
98307
- if (el != null) {
98308
- var rect = el.getBoundingClientRect();
98309
- var left = rect.left;
98310
- var availableSpaceH = document.body.offsetWidth;
98311
- var direction = left < availableSpaceH / 2 ? 'right' : 'left';
98312
-
98313
- _this2.setState({
98314
- direction: direction
98315
- });
98316
- }
98317
- }
98318
- });
98319
- } else {
98320
- return this.props.children({
98321
- direction: this.state.direction
98322
- });
98323
- }
98324
- }
98325
- }]);
98326
-
98327
- return LocationRetrieved;
98328
- }(_react.default.PureComponent);
98329
-
98330
- exports.LocationRetrieved = LocationRetrieved;
98273
+ function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
98331
98274
 
98332
98275
  var TieredMenu = /*#__PURE__*/function (_Component) {
98333
98276
  _inherits(TieredMenu, _Component);
98334
98277
 
98335
- var _super2 = _createSuper(TieredMenu);
98278
+ var _super = _createSuper(TieredMenu);
98336
98279
 
98337
98280
  function TieredMenu(props) {
98338
- var _this3;
98281
+ var _this;
98339
98282
 
98340
98283
  _classCallCheck(this, TieredMenu);
98341
98284
 
98342
- _this3 = _super2.call(this, props);
98343
- _this3.state = {
98285
+ _this = _super.call(this, props);
98286
+ _this.state = {
98344
98287
  visible: !props.popup
98345
98288
  };
98346
- _this3.onEnter = _this3.onEnter.bind(_assertThisInitialized(_this3));
98347
- _this3.onEntered = _this3.onEntered.bind(_assertThisInitialized(_this3));
98348
- _this3.onExit = _this3.onExit.bind(_assertThisInitialized(_this3));
98349
- _this3.id = _this3.props.id || (0, _UniqueComponentId.default)();
98350
- return _this3;
98289
+ _this.onEnter = _this.onEnter.bind(_assertThisInitialized(_this));
98290
+ _this.onEntered = _this.onEntered.bind(_assertThisInitialized(_this));
98291
+ _this.onExit = _this.onExit.bind(_assertThisInitialized(_this));
98292
+ _this.id = _this.props.id || (0, _UniqueComponentId.default)();
98293
+ return _this;
98351
98294
  }
98352
98295
 
98353
98296
  _createClass(TieredMenu, [{
@@ -98360,31 +98303,29 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
98360
98303
  }, {
98361
98304
  key: "show",
98362
98305
  value: function show(event) {
98363
- var _this4 = this;
98306
+ var _this2 = this;
98364
98307
 
98365
98308
  this.target = event.currentTarget;
98366
98309
  var currentEvent = event;
98367
- this.locator.recompute(function () {
98368
- _this4.setState({
98369
- visible: true
98370
- }, function () {
98371
- if (_this4.props.onShow) {
98372
- _this4.props.onShow(currentEvent);
98373
- }
98374
- });
98310
+ this.setState({
98311
+ visible: true
98312
+ }, function () {
98313
+ if (_this2.props.onShow) {
98314
+ _this2.props.onShow(currentEvent);
98315
+ }
98375
98316
  });
98376
98317
  }
98377
98318
  }, {
98378
98319
  key: "hide",
98379
98320
  value: function hide(event) {
98380
- var _this5 = this;
98321
+ var _this3 = this;
98381
98322
 
98382
98323
  var currentEvent = event;
98383
98324
  this.setState({
98384
98325
  visible: false
98385
98326
  }, function () {
98386
- if (_this5.props.onHide) {
98387
- _this5.props.onHide(currentEvent);
98327
+ if (_this3.props.onHide) {
98328
+ _this3.props.onHide(currentEvent);
98388
98329
  }
98389
98330
  });
98390
98331
  }
@@ -98425,12 +98366,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
98425
98366
  }, {
98426
98367
  key: "bindDocumentClickListener",
98427
98368
  value: function bindDocumentClickListener() {
98428
- var _this6 = this;
98369
+ var _this4 = this;
98429
98370
 
98430
98371
  if (!this.documentClickListener) {
98431
98372
  this.documentClickListener = function (event) {
98432
- if (_this6.props.popup && _this6.state.visible && !_this6.container.contains(event.target)) {
98433
- _this6.hide(event);
98373
+ if (_this4.props.popup && _this4.state.visible && !_this4.container.contains(event.target)) {
98374
+ _this4.hide(event);
98434
98375
  }
98435
98376
  };
98436
98377
 
@@ -98448,12 +98389,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
98448
98389
  }, {
98449
98390
  key: "bindDocumentResizeListener",
98450
98391
  value: function bindDocumentResizeListener() {
98451
- var _this7 = this;
98392
+ var _this5 = this;
98452
98393
 
98453
98394
  if (!this.documentResizeListener) {
98454
98395
  this.documentResizeListener = function (event) {
98455
- if (_this7.state.visible) {
98456
- _this7.hide(event);
98396
+ if (_this5.state.visible) {
98397
+ _this5.hide(event);
98457
98398
  }
98458
98399
  };
98459
98400
 
@@ -98471,12 +98412,12 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
98471
98412
  }, {
98472
98413
  key: "bindScrollListener",
98473
98414
  value: function bindScrollListener() {
98474
- var _this8 = this;
98415
+ var _this6 = this;
98475
98416
 
98476
98417
  if (!this.scrollHandler) {
98477
98418
  this.scrollHandler = new _ConnectedOverlayScrollHandler.default(this.target, function (event) {
98478
- if (_this8.state.visible) {
98479
- _this8.hide(event);
98419
+ if (_this6.state.visible) {
98420
+ _this6.hide(event);
98480
98421
  }
98481
98422
  });
98482
98423
  }
@@ -98502,8 +98443,8 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
98502
98443
  }
98503
98444
  }, {
98504
98445
  key: "renderElement",
98505
- value: function renderElement(direction) {
98506
- var _this9 = this;
98446
+ value: function renderElement() {
98447
+ var _this7 = this;
98507
98448
 
98508
98449
  var className = (0, _ClassNames.classNames)('p-tieredmenu p-component', {
98509
98450
  'p-tieredmenu-overlay': this.props.popup
@@ -98521,7 +98462,7 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
98521
98462
  onExit: this.onExit
98522
98463
  }, /*#__PURE__*/_react.default.createElement("div", {
98523
98464
  ref: function ref(el) {
98524
- return _this9.container = el;
98465
+ return _this7.container = el;
98525
98466
  },
98526
98467
  id: this.id,
98527
98468
  className: className,
@@ -98530,28 +98471,14 @@ var TieredMenu = /*#__PURE__*/function (_Component) {
98530
98471
  }, /*#__PURE__*/_react.default.createElement(_TieredMenuSub.TieredMenuSub, {
98531
98472
  model: this.props.model,
98532
98473
  root: true,
98533
- popup: this.props.popup,
98534
- direction: direction
98474
+ popup: this.props.popup
98535
98475
  })));
98536
98476
  }
98537
98477
  }, {
98538
98478
  key: "render",
98539
98479
  value: function render() {
98540
- var _this10 = this;
98541
-
98542
- return /*#__PURE__*/_react.default.createElement(LocationRetrieved, {
98543
- ref: function ref(instance) {
98544
- if (instance != null) {
98545
- _this10.locator = instance;
98546
- }
98547
- }
98548
- }, function (_ref) {
98549
- var direction = _ref.direction;
98550
-
98551
- var element = _this10.renderElement(direction);
98552
-
98553
- if (_this10.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, _this10.props.appendTo);else return element;
98554
- });
98480
+ var element = this.renderElement();
98481
+ if (this.props.appendTo) return /*#__PURE__*/_reactDom.default.createPortal(element, this.props.appendTo);else return element;
98555
98482
  }
98556
98483
  }]);
98557
98484
 
@@ -98715,8 +98642,6 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
98715
98642
  }, {
98716
98643
  key: "onItemClick",
98717
98644
  value: function onItemClick(event, item) {
98718
- var _item$items$length, _item$items;
98719
-
98720
98645
  if (item.disabled) {
98721
98646
  event.preventDefault();
98722
98647
  return;
@@ -98733,27 +98658,21 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
98733
98658
  });
98734
98659
  }
98735
98660
 
98736
- if (((_item$items$length = (_item$items = item.items) === null || _item$items === void 0 ? void 0 : _item$items.length) !== null && _item$items$length !== void 0 ? _item$items$length : 0) > 0) {
98737
- if (this.state.activeItem && item === this.state.activeItem) {
98738
- this.setState({
98739
- activeItem: null
98740
- });
98741
- } else {
98742
- this.setState({
98743
- activeItem: item
98744
- });
98661
+ if (this.props.root) {
98662
+ if (item.items) {
98663
+ if (this.state.activeItem && item === this.state.activeItem) {
98664
+ this.setState({
98665
+ activeItem: null
98666
+ });
98667
+ } else {
98668
+ this.setState({
98669
+ activeItem: item
98670
+ });
98671
+ }
98745
98672
  }
98746
98673
  }
98747
98674
 
98748
- var target = event.target;
98749
- var isKeyboardEvent = event.clientX === 0 && event.clientY === 0;
98750
-
98751
- if (isKeyboardEvent) {
98752
- setTimeout(function () {
98753
- var el = target.parentElement.querySelectorAll('.p-submenu-list > .p-menuitem')[0].querySelector('button');
98754
- el.focus();
98755
- }, 0);
98756
- } else if (!item.items) {
98675
+ if (!item.items) {
98757
98676
  this.onLeafClick();
98758
98677
  }
98759
98678
  }
@@ -98810,10 +98729,8 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
98810
98729
  }, {
98811
98730
  key: "onChildItemKeyDown",
98812
98731
  value: function onChildItemKeyDown(event, childListItem) {
98813
- var leftArrow = event.which === 37;
98814
- var escape = event.which === 27;
98815
-
98816
- if (leftArrow || escape) {
98732
+ //left
98733
+ if (event.which === 37) {
98817
98734
  this.setState({
98818
98735
  activeItem: null
98819
98736
  });
@@ -98885,8 +98802,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
98885
98802
  onLeafClick: this.onLeafClick,
98886
98803
  popup: this.props.popup,
98887
98804
  onKeyDown: this.onChildItemKeyDown,
98888
- parentActive: item === this.state.activeItem,
98889
- direction: this.props.direction
98805
+ parentActive: item === this.state.activeItem
98890
98806
  });
98891
98807
  }
98892
98808
 
@@ -98914,8 +98830,10 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
98914
98830
  return _this3.onItemMouseEnter(event, item);
98915
98831
  },
98916
98832
  role: "none"
98917
- }, /*#__PURE__*/_react.default.createElement("button", {
98833
+ }, /*#__PURE__*/_react.default.createElement("a", {
98834
+ href: item.url || '#',
98918
98835
  className: linkClassName,
98836
+ target: item.target,
98919
98837
  role: "menuitem",
98920
98838
  "aria-haspopup": item.items != null,
98921
98839
  onClick: function onClick(event) {
@@ -98961,10 +98879,7 @@ var TieredMenuSub = /*#__PURE__*/function (_Component) {
98961
98879
  },
98962
98880
  className: className,
98963
98881
  role: this.props.root ? 'menubar' : 'menu',
98964
- "aria-orientation": "horizontal",
98965
- style: {
98966
- left: this.props.direction === 'left' ? '-100%' : '100%'
98967
- }
98882
+ "aria-orientation": "horizontal"
98968
98883
  }, submenu);
98969
98884
  }
98970
98885
  }]);
@@ -98991,8 +98906,7 @@ _defineProperty(TieredMenuSub, "propTypes", {
98991
98906
  popup: _propTypes.default.bool,
98992
98907
  onLeafClick: _propTypes.default.func,
98993
98908
  onKeyDown: _propTypes.default.func,
98994
- parentActive: _propTypes.default.bool,
98995
- direction: _propTypes.default.string
98909
+ parentActive: _propTypes.default.bool
98996
98910
  });
98997
98911
 
98998
98912
  /***/ }),
@@ -99541,7 +99455,7 @@ exports.IconPicker = void 0;
99541
99455
  var React = __importStar(__webpack_require__(0));
99542
99456
  // @ts-ignore
99543
99457
  var iconFont = __importStar(__webpack_require__(265));
99544
- var Button_1 = __webpack_require__(51);
99458
+ var Button_1 = __webpack_require__(52);
99545
99459
  var Icon_1 = __webpack_require__(7);
99546
99460
  var SelectGrid_1 = __webpack_require__(243);
99547
99461
  var IconPicker = /** @class */ (function (_super) {
@@ -113404,8 +113318,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
113404
113318
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
113405
113319
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
113406
113320
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(30);
113407
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(73);
113408
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(74);
113321
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(72);
113322
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
113409
113323
 
113410
113324
 
113411
113325
 
@@ -114179,8 +114093,8 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
114179
114093
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
114180
114094
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
114181
114095
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(257);
114182
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(73);
114183
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(74);
114096
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(72);
114097
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
114184
114098
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(30);
114185
114099
 
114186
114100
 
@@ -114424,7 +114338,7 @@ var useCallback = useCallbackOne;
114424
114338
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
114425
114339
  /* unused harmony export shrink */
114426
114340
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
114427
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(75);
114341
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(74);
114428
114342
 
114429
114343
 
114430
114344
  var getRect = function getRect(_ref) {
@@ -114805,7 +114719,7 @@ exports.default = items;
114805
114719
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_history__ = __webpack_require__(522);
114806
114720
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_warning__ = __webpack_require__(259);
114807
114721
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_mini_create_react_context__ = __webpack_require__(554);
114808
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_tiny_invariant__ = __webpack_require__(75);
114722
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_tiny_invariant__ = __webpack_require__(74);
114809
114723
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_extends__ = __webpack_require__(24);
114810
114724
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_path_to_regexp__ = __webpack_require__(555);
114811
114725
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_path_to_regexp___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_path_to_regexp__);
@@ -115583,7 +115497,7 @@ if (process.env.NODE_ENV !== "production") {
115583
115497
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_resolve_pathname__ = __webpack_require__(552);
115584
115498
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_value_equal__ = __webpack_require__(553);
115585
115499
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_tiny_warning__ = __webpack_require__(259);
115586
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_invariant__ = __webpack_require__(75);
115500
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_invariant__ = __webpack_require__(74);
115587
115501
 
115588
115502
 
115589
115503
 
@@ -116717,9 +116631,9 @@ var RundownEditor = /** @class */ (function (_super) {
116717
116631
  { label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return 1; } },
116718
116632
  ]; } }))),
116719
116633
  React.createElement(Layout.RightPanel, { open: this.state.rightPanelOpen },
116720
- React.createElement(Layout.Panel, { size: 'full', side: 'right' },
116634
+ React.createElement(Layout.Panel, { size: 'x-large', side: 'right' },
116721
116635
  React.createElement(Layout.PanelContent, null,
116722
- React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolbarCustom: true, toolBar: (React.createElement(React.Fragment, null,
116636
+ React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolbarCustom: true, headerCollapsed: true, toolBar: (React.createElement(React.Fragment, null,
116723
116637
  React.createElement(index_1.SubNav, { className: 'sd-shadow--z0' },
116724
116638
  React.createElement(index_1.SlidingToolbar, null,
116725
116639
  React.createElement(index_1.ButtonGroup, { align: 'start' },
@@ -124744,7 +124658,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
124744
124658
  var React = __importStar(__webpack_require__(0));
124745
124659
  var Markup = __importStar(__webpack_require__(6));
124746
124660
  var app_typescript_1 = __webpack_require__(3);
124747
- var DurationInput_1 = __webpack_require__(56);
124748
124661
  var InputsDoc = /** @class */ (function (_super) {
124749
124662
  __extends(InputsDoc, _super);
124750
124663
  function InputsDoc(props) {
@@ -124789,25 +124702,21 @@ var InputsDoc = /** @class */ (function (_super) {
124789
124702
  React.createElement("p", { className: "docs-page__paragraph" }, "// Hidden label"),
124790
124703
  React.createElement("div", { className: 'form__row' },
124791
124704
  React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', maxLength: 25, type: 'text', placeholder: 'Placeholder', error: 'This is error message', info: 'Donec id elit non mi porta gravida at eget metus.', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124705
+ React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with hidden label"),
124792
124706
  React.createElement("div", { className: 'form__row' },
124793
- React.createElement(DurationInput_1.DurationInput, { onChange: function (e) {
124794
- console.log(e);
124795
- } }),
124796
- React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with hidden label"),
124797
- React.createElement("div", { className: 'form__row' },
124798
- React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, maxLength: 25, type: 'text', placeholder: 'Default boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124799
- React.createElement("div", { className: 'form__row' },
124800
- React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, type: 'text', placeholder: 'Large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124801
- React.createElement("div", { className: 'form__row' },
124802
- React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'x-large', maxLength: 25, type: 'text', placeholder: 'Extra large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124803
- React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with default label"),
124804
- React.createElement("div", { className: 'form__row' },
124805
- React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124806
- React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with boxed label"),
124807
- React.createElement("div", { className: 'form__row' },
124808
- React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124809
- React.createElement("div", { className: 'form__row' },
124810
- React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', placeholder: 'Hide my label', labelHidden: true, type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } }))))),
124707
+ React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, maxLength: 25, type: 'text', placeholder: 'Default boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124708
+ React.createElement("div", { className: 'form__row' },
124709
+ React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, type: 'text', placeholder: 'Large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124710
+ React.createElement("div", { className: 'form__row' },
124711
+ React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'x-large', maxLength: 25, type: 'text', placeholder: 'Extra large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124712
+ React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with default label"),
124713
+ React.createElement("div", { className: 'form__row' },
124714
+ React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124715
+ React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with boxed label"),
124716
+ React.createElement("div", { className: 'form__row' },
124717
+ React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
124718
+ React.createElement("div", { className: 'form__row' },
124719
+ React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', placeholder: 'Hide my label', labelHidden: true, type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })))),
124811
124720
  React.createElement(Markup.ReactMarkupCode, null, "\n <Input label='Input label'\n value='This is some value'\n maxLength={30}\n error='This is error message'\n info='This is some hint message'\n inlineLabel={false}\n required={true}\n disabled={false}\n invalid={false}\n onChange={(value) => {}} />\n\n <Input label='Number Input'\n value={this.state.value}\n type='number'\n error='This is error message'\n info='Morbi leo risus porta ac consectetur ac.'\n inlineLabel={this.state.inlineLabel}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n // Hidden label\n <Input label='Input label'\n value={''}\n maxLength={25}\n type='text'\n placeholder='Placeholder'\n error='This is error message'\n info='Donec id elit non mi porta gravida at eget metus.'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n // Boxed with hidden label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n maxLength={25}\n type='text'\n placeholder='Default boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='large'\n maxLength={25}\n type='text'\n placeholder='Large boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='x-large'\n maxLength={25}\n type='text'\n placeholder='Extra large boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n // Boxed with default label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='large'\n maxLength={25}\n placeholder='Placeholder'\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n // Boxed with boxed label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n boxedLable={true}\n size='large'\n maxLength={25}\n placeholder='Placeholder'\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n <Input label='Input label'\n value={''}\n boxedStyle={true}\n boxedLable={true}\n size='large'\n placeholder='Hide my label'\n labelHidden={true}\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n ")),
124812
124721
  React.createElement("h3", { className: 'docs-page__h3' }, "Props"),
124813
124722
  React.createElement(app_typescript_1.PropsList, null,
@@ -130673,7 +130582,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
130673
130582
  var React = __importStar(__webpack_require__(0));
130674
130583
  var Markup = __importStar(__webpack_require__(6));
130675
130584
  var app_typescript_1 = __webpack_require__(3);
130676
- var GridElements = __importStar(__webpack_require__(72));
130585
+ var GridElements = __importStar(__webpack_require__(71));
130677
130586
  var GridItemDoc = /** @class */ (function (_super) {
130678
130587
  __extends(GridItemDoc, _super);
130679
130588
  function GridItemDoc(props) {
@@ -131190,10 +131099,10 @@ var ContentDividerDoc = /** @class */ (function (_super) {
131190
131099
  React.createElement(Markup.ReactMarkupCode, null, "\n // Basic\n\n <span>Option one</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option two</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option three</span>\n\n // With text\n\n <div>\n Cras justo odio, dapibus ac facilisis in, egestas eget quam...\n </div>\n\n <ContentDivider orientation=\"vertical\">\n or\n </ContentDivider>\n\n <div>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et...\n </div>\n ")),
131191
131100
  React.createElement("h3", { className: "docs-page__h3" }, "Props"),
131192
131101
  React.createElement(app_typescript_1.PropsList, null,
131193
- React.createElement(app_typescript_1.Prop, { name: 'type', isRequered: false, type: 'dashed | dotted | solid', default: 'solid', description: 'Border style of the divider.' }),
131194
- React.createElement(app_typescript_1.Prop, { name: 'orientation', isRequered: false, type: 'horizontal | vertical', default: 'horizontal', description: 'Defines if the divider is horizontal or vertical. Default is horizontal.' }),
131195
- React.createElement(app_typescript_1.Prop, { name: 'align', isRequered: false, type: 'center | left | right', default: 'right', description: 'Text alignment inside the divider. Should not be used without any text inside the divider. The vertical divider has no alignment options.' }),
131196
- React.createElement(app_typescript_1.Prop, { name: 'border', isRequered: false, type: 'boolean', default: 'true', description: 'Removes the border if set to true. Should be generally avoided especially if there is textual content. It can be used to add space between elements if there is no other option.' }))));
131102
+ React.createElement(app_typescript_1.Prop, { name: 'type', isRequired: false, type: 'dashed | dotted | solid', default: 'solid', description: 'Border style of the divider.' }),
131103
+ React.createElement(app_typescript_1.Prop, { name: 'orientation', isRequired: false, type: 'horizontal | vertical', default: 'horizontal', description: 'Defines if the divider is horizontal or vertical. Default is horizontal.' }),
131104
+ React.createElement(app_typescript_1.Prop, { name: 'align', isRequired: false, type: 'center | left | right', default: 'right', description: 'Text alignment inside the divider. Should not be used without any text inside the divider. The vertical divider has no alignment options.' }),
131105
+ React.createElement(app_typescript_1.Prop, { name: 'border', isRequired: false, type: 'boolean', default: 'true', description: 'Removes the border if set to true. Should be generally avoided especially if there is textual content. It can be used to add space between elements if there is no other option.' }))));
131197
131106
  };
131198
131107
  return ContentDividerDoc;
131199
131108
  }(React.Component));
@@ -131251,6 +131160,7 @@ var ToggleboxDocs = function () {
131251
131160
  React.createElement(app_typescript_1.Prop, { name: 'hideUsingCSS', isRequired: false, type: 'boolean', default: 'false', description: 'Usefull when working with forms. Content of togglebox will be hidden but remain rendered.' }),
131252
131161
  React.createElement(app_typescript_1.Prop, { name: 'initiallyOpen', isRequired: false, type: 'boolean', default: 'false', description: 'Opens togglebox on initial render' }),
131253
131162
  React.createElement(app_typescript_1.Prop, { name: 'className', isRequired: false, type: 'string', default: 'null', description: 'Style class of the component' }),
131163
+ React.createElement(app_typescript_1.Prop, { name: 'margin', isRequired: false, type: 'none | small | normal | large', default: 'normal', description: 'Defines the bottom margin of the toggle box.' }),
131254
131164
  React.createElement(app_typescript_1.Prop, { name: 'onOpen', isRequired: false, type: 'function', default: 'null', description: 'Callback on open event' }),
131255
131165
  React.createElement(app_typescript_1.Prop, { name: 'onClose', isRequired: false, type: 'function', default: 'null', description: 'Callback on close event' }))));
131256
131166
  };
@@ -132897,7 +132807,7 @@ exports.SamsPlayground = void 0;
132897
132807
  var React = __importStar(__webpack_require__(0));
132898
132808
  var Components = __importStar(__webpack_require__(47));
132899
132809
  var index_1 = __webpack_require__(3);
132900
- var GridElements = __importStar(__webpack_require__(72));
132810
+ var GridElements = __importStar(__webpack_require__(71));
132901
132811
  var items_1 = __importDefault(__webpack_require__(519));
132902
132812
  var SamsPlayground = /** @class */ (function (_super) {
132903
132813
  __extends(SamsPlayground, _super);
@@ -133138,6 +133048,7 @@ exports.TestGround = void 0;
133138
133048
  var React = __importStar(__webpack_require__(0));
133139
133049
  var Components = __importStar(__webpack_require__(47));
133140
133050
  var index_1 = __webpack_require__(3);
133051
+ var FormLabel_1 = __webpack_require__(49);
133141
133052
  var TestGround = /** @class */ (function (_super) {
133142
133053
  __extends(TestGround, _super);
133143
133054
  function TestGround(props) {
@@ -133173,6 +133084,25 @@ var TestGround = /** @class */ (function (_super) {
133173
133084
  return (React.createElement(Components.Layout, { header: 'Testing Ground' },
133174
133085
  React.createElement(Components.LayoutContainer, null,
133175
133086
  React.createElement(Components.MainPanel, null,
133087
+ React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Form test"),
133088
+ React.createElement("hr", null),
133089
+ React.createElement("div", { className: "input-wrap" },
133090
+ React.createElement(FormLabel_1.FormLabel, { invalid: true, required: true, state: 'focused', text: "Form Label", forId: "input1" }),
133091
+ React.createElement(index_1.IconButton, { size: 'small', icon: "settings", ariaValue: "Screen-reader text", onClick: function () { return false; } }),
133092
+ React.createElement(index_1.InputBase, { placeholder: 'Test placeholder', boxedStyle: true, invalid: true, type: 'text', id: "input1", value: '', onChange: function (value) { } }),
133093
+ React.createElement("div", { className: "input-wrap__message-box" },
133094
+ React.createElement("div", { className: "sd-input__hint" }, "Error message")),
133095
+ React.createElement("span", { className: "sd-input__char-count" }, "0 / 40")),
133096
+ React.createElement("hr", null),
133097
+ React.createElement("div", { className: "input-wrap input-wrap--boxed" },
133098
+ React.createElement(FormLabel_1.FormLabel, { style: 'boxed', text: "Form Label", required: true, forId: "input2" }),
133099
+ React.createElement(index_1.IconButton, { size: 'small', icon: "settings", ariaValue: "Screen-reader text", onClick: function () { return false; } }),
133100
+ React.createElement(index_1.InputBase, { disabled: true, size: 'medium', placeholder: 'Test placeholder', boxedStyle: true, type: 'text', id: "input2", value: '', onChange: function (value) { } }),
133101
+ React.createElement("div", { className: "input-wrap__message-box" },
133102
+ React.createElement("div", { className: "sd-input__hint" }, "Error message")),
133103
+ React.createElement("span", { className: "sd-input__char-count" }, "0 / 40")),
133104
+ React.createElement("hr", null),
133105
+ React.createElement("hr", null),
133176
133106
  React.createElement(index_1.InputNew, { label: 'test', value: '', onChange: function (value) { return false; }, placeholder: 'test', required: true, info: 'Nullam Sollicitudin', maxLength: 20, error: 'Error message', inlineLabel: true, labelHidden: true, type: 'text' }),
133177
133107
  React.createElement("hr", null),
133178
133108
  React.createElement("div", { className: 'form__group-new' },
@@ -133229,65 +133159,162 @@ var TestGround = /** @class */ (function (_super) {
133229
133159
  } }),
133230
133160
  React.createElement(index_1.Button, { text: "Save", type: 'primary', onClick: function () { return false; } })),
133231
133161
  React.createElement("hr", null),
133232
- React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Table list"),
133162
+ React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Table list (draggable)"),
133233
133163
  React.createElement("hr", null),
133234
- React.createElement("ul", { className: 'table-list' },
133235
- React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
133164
+ React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles visible"),
133165
+ React.createElement("ul", { className: 'table-list table-list--gap-s' },
133166
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
133167
+ React.createElement("div", { className: 'table-list__item-border' }),
133168
+ React.createElement("div", { className: 'table-list__item-content' },
133169
+ React.createElement("div", { className: 'table-list__item-content-block' },
133170
+ React.createElement(index_1.Label, { text: 'Uvod' }),
133171
+ React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
133172
+ React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133173
+ React.createElement("span", null, "Handle visible. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
133174
+ React.createElement("div", { className: 'table-list__item-content-block' },
133175
+ React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133176
+ React.createElement("div", { className: 'table-list__slide-in-actions' },
133177
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133178
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
133179
+ React.createElement("div", { className: 'table-list__item-border' }),
133180
+ React.createElement("div", { className: 'table-list__item-content' },
133181
+ React.createElement("div", { className: 'table-list__item-content-block' },
133182
+ React.createElement(index_1.Label, { text: 'Gost' }),
133183
+ React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
133184
+ React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133185
+ React.createElement("span", null, "Handle visible. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
133186
+ React.createElement("div", { className: 'table-list__item-content-block' },
133187
+ React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133188
+ React.createElement("div", { className: 'table-list__slide-in-actions' },
133189
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133190
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
133191
+ React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
133192
+ React.createElement("div", { className: 'table-list__item-content' },
133193
+ React.createElement("div", { className: 'table-list__item-content-block' },
133194
+ React.createElement(index_1.Label, { text: 'Podatak' }),
133195
+ React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
133196
+ React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133197
+ React.createElement("span", null, "Handle visible. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
133198
+ React.createElement("div", { className: 'table-list__item-content-block' },
133199
+ React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133200
+ React.createElement("div", { className: 'table-list__slide-in-actions' },
133201
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133202
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always table-list__item--selected' },
133203
+ React.createElement("div", { className: 'table-list__item-border' }),
133204
+ React.createElement("div", { className: 'table-list__item-content' },
133205
+ React.createElement("div", { className: 'table-list__item-content-block' },
133206
+ React.createElement(index_1.Label, { text: 'Odjava' }),
133207
+ React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
133208
+ React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133209
+ React.createElement("span", null, "Handle visible. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
133210
+ React.createElement("div", { className: 'table-list__item-content-block' },
133211
+ React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133212
+ React.createElement("div", { className: 'table-list__slide-in-actions' },
133213
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
133214
+ React.createElement("hr", null),
133215
+ React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles hidden"),
133216
+ React.createElement("ul", { className: 'table-list table-list--gap-s' },
133217
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
133218
+ React.createElement("div", { className: 'table-list__item-border' }),
133219
+ React.createElement("div", { className: 'table-list__item-content' },
133220
+ React.createElement("div", { className: 'table-list__item-content-block' },
133221
+ React.createElement(index_1.Label, { text: 'Uvod' }),
133222
+ React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
133223
+ React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133224
+ React.createElement("span", null, "Handle hidden. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
133225
+ React.createElement("div", { className: 'table-list__item-content-block' },
133226
+ React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133227
+ React.createElement("div", { className: 'table-list__slide-in-actions' },
133228
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133229
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
133230
+ React.createElement("div", { className: 'table-list__item-border' }),
133231
+ React.createElement("div", { className: 'table-list__item-content' },
133232
+ React.createElement("div", { className: 'table-list__item-content-block' },
133233
+ React.createElement(index_1.Label, { text: 'Gost' }),
133234
+ React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
133235
+ React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133236
+ React.createElement("span", null, "Handle hidden. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
133237
+ React.createElement("div", { className: 'table-list__item-content-block' },
133238
+ React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133239
+ React.createElement("div", { className: 'table-list__slide-in-actions' },
133240
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133241
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
133242
+ React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
133236
133243
  React.createElement("div", { className: 'table-list__item-content' },
133237
133244
  React.createElement("div", { className: 'table-list__item-content-block' },
133238
- React.createElement(index_1.Label, { style: 'translucent', text: 'aacc' }),
133239
- React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' })),
133245
+ React.createElement(index_1.Label, { text: 'Podatak' }),
133246
+ React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
133240
133247
  React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133241
- React.createElement("span", null, "Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
133248
+ React.createElement("span", null, "Handle hidden. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
133242
133249
  React.createElement("div", { className: 'table-list__item-content-block' },
133243
133250
  React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133244
133251
  React.createElement("div", { className: 'table-list__slide-in-actions' },
133245
133252
  React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133253
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none table-list__item--selected' },
133254
+ React.createElement("div", { className: 'table-list__item-border' }),
133255
+ React.createElement("div", { className: 'table-list__item-content' },
133256
+ React.createElement("div", { className: 'table-list__item-content-block' },
133257
+ React.createElement(index_1.Label, { text: 'Odjava' }),
133258
+ React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
133259
+ React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133260
+ React.createElement("span", null, "Handle hidden. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
133261
+ React.createElement("div", { className: 'table-list__item-content-block' },
133262
+ React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133263
+ React.createElement("div", { className: 'table-list__slide-in-actions' },
133264
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
133265
+ React.createElement("hr", null),
133266
+ React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles on hover"),
133267
+ React.createElement("ul", { className: 'table-list table-list--gap-s' },
133246
133268
  React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
133269
+ React.createElement("div", { className: 'table-list__item-border' }),
133247
133270
  React.createElement("div", { className: 'table-list__item-content' },
133248
133271
  React.createElement("div", { className: 'table-list__item-content-block' },
133249
- React.createElement(index_1.Label, { style: 'translucent', type: 'warning', text: 'pokr' }),
133250
- React.createElement(index_1.Label, { style: 'translucent', text: 'slika' })),
133272
+ React.createElement(index_1.Label, { text: 'Uvod' }),
133273
+ React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
133251
133274
  React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133252
- React.createElement("span", null, "Nullam id dolor id nibh ultricies vehicula ut id elit.")),
133275
+ React.createElement("span", null, "Handle on hover. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
133253
133276
  React.createElement("div", { className: 'table-list__item-content-block' },
133254
133277
  React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133255
133278
  React.createElement("div", { className: 'table-list__slide-in-actions' },
133256
133279
  React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133257
- React.createElement("li", { className: 'table-list__item table-list__item--clickable' },
133280
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
133281
+ React.createElement("div", { className: 'table-list__item-border' }),
133258
133282
  React.createElement("div", { className: 'table-list__item-content' },
133259
133283
  React.createElement("div", { className: 'table-list__item-content-block' },
133260
- React.createElement(index_1.Label, { style: 'translucent', type: 'warning', text: 'pokr' }),
133261
- React.createElement(index_1.Label, { style: 'translucent', text: 'slika' })),
133284
+ React.createElement(index_1.Label, { text: 'Gost' }),
133285
+ React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
133262
133286
  React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133263
- React.createElement("span", null, "Nullam id dolor id nibh ultricies vehicula ut id elit.")),
133287
+ React.createElement("span", null, "Handle on hover. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
133264
133288
  React.createElement("div", { className: 'table-list__item-content-block' },
133265
133289
  React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133266
133290
  React.createElement("div", { className: 'table-list__slide-in-actions' },
133267
- React.createElement(index_1.IconButton, { icon: 'pencil', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }),
133268
- React.createElement(index_1.IconButton, { icon: 'trash', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133269
- React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--selected' },
133291
+ React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133292
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
133293
+ React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
133270
133294
  React.createElement("div", { className: 'table-list__item-content' },
133271
133295
  React.createElement("div", { className: 'table-list__item-content-block' },
133272
- React.createElement(index_1.Label, { style: 'translucent', type: 'warning', text: 'pokr' }),
133273
- React.createElement(index_1.Label, { style: 'translucent', text: 'slika' })),
133296
+ React.createElement(index_1.Label, { text: 'Podatak' }),
133297
+ React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
133274
133298
  React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133275
- React.createElement("span", null, "Nullam id dolor id nibh ultricies vehicula ut id elit.")),
133299
+ React.createElement("span", null, "Handle on hover. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
133276
133300
  React.createElement("div", { className: 'table-list__item-content-block' },
133277
133301
  React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133278
133302
  React.createElement("div", { className: 'table-list__slide-in-actions' },
133279
133303
  React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
133280
- React.createElement("li", { className: 'table-list__item table-list__item--clickable' },
133304
+ React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--selected' },
133305
+ React.createElement("div", { className: 'table-list__item-border' }),
133281
133306
  React.createElement("div", { className: 'table-list__item-content' },
133282
133307
  React.createElement("div", { className: 'table-list__item-content-block' },
133283
- React.createElement(index_1.Label, { style: 'translucent', type: 'warning', text: 'pokr' }),
133284
- React.createElement(index_1.Label, { style: 'translucent', text: 'slika' })),
133308
+ React.createElement(index_1.Label, { text: 'Odjava' }),
133309
+ React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
133285
133310
  React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
133286
- React.createElement("span", null, "Nullam id dolor id nibh ultricies vehicula ut id elit.")),
133311
+ React.createElement("span", null, "Handle on hover. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
133287
133312
  React.createElement("div", { className: 'table-list__item-content-block' },
133288
133313
  React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
133289
133314
  React.createElement("div", { className: 'table-list__slide-in-actions' },
133290
133315
  React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
133316
+ React.createElement("hr", null),
133317
+ React.createElement("hr", null),
133291
133318
  React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0 sd-margin-t--3" }, "Table list with items between"),
133292
133319
  React.createElement("hr", null),
133293
133320
  React.createElement("ul", { className: 'table-list table-list--contained' },
@@ -133526,7 +133553,7 @@ exports.UiPlayground = void 0;
133526
133553
  var React = __importStar(__webpack_require__(0));
133527
133554
  var Components = __importStar(__webpack_require__(47));
133528
133555
  var index_1 = __webpack_require__(3);
133529
- var GridElements = __importStar(__webpack_require__(72));
133556
+ var GridElements = __importStar(__webpack_require__(71));
133530
133557
  var items_1 = __importDefault(__webpack_require__(519));
133531
133558
  var UiPlayground = /** @class */ (function (_super) {
133532
133559
  __extends(UiPlayground, _super);
@@ -133767,7 +133794,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
133767
133794
  exports.PageLayoutTest = void 0;
133768
133795
  var React = __importStar(__webpack_require__(0));
133769
133796
  var index_1 = __webpack_require__(3);
133770
- var GridElements = __importStar(__webpack_require__(72));
133797
+ var GridElements = __importStar(__webpack_require__(71));
133771
133798
  var Layout = __importStar(__webpack_require__(16));
133772
133799
  var items_1 = __importDefault(__webpack_require__(519));
133773
133800
  var PageLayoutTest = /** @class */ (function (_super) {
@@ -134597,6 +134624,9 @@ var Rundowns = /** @class */ (function (_super) {
134597
134624
  theme: newTheme
134598
134625
  });
134599
134626
  };
134627
+ Rundowns.prototype.componentDidUpdate = function () {
134628
+ console.log(this.state);
134629
+ };
134600
134630
  Rundowns.prototype.changeStatus = function (item, status) {
134601
134631
  if (item.status.includes(status)) {
134602
134632
  item.status.splice(item.status.indexOf(status), 1);
@@ -134816,18 +134846,7 @@ var Rundowns = /** @class */ (function (_super) {
134816
134846
  React.createElement(index_1.Container, { direction: 'row', gap: 'small' },
134817
134847
  React.createElement(index_1.Text, { color: 'light' }, "Updated 3 hours ago by "),
134818
134848
  React.createElement(index_1.Text, { weight: 'medium' }, "John Doe"))),
134819
- React.createElement(index_1.Container, { className: 'sd-margin-s--auto sd-flex--items-center' },
134820
- React.createElement(index_1.Dropdown, { align: 'right', append: true, items: [
134821
- {
134822
- type: 'group', label: 'Actions', items: [
134823
- 'divider',
134824
- { label: 'Edit', icon: 'pencil', onSelect: function () { return _this.setState({ dropDownState: 'Edit ' }); } },
134825
- { label: 'Download', icon: 'download', onSelect: function () { return _this.setState({ dropDownState: 'Download' }); } },
134826
- { label: 'Delete', icon: 'trash', onSelect: function () { return _this.setState({ dropDownState: 'Delete' }); } },
134827
- ]
134828
- }
134829
- ] },
134830
- React.createElement(index_1.IconButton, { ariaValue: 'dropdown-more-options', icon: 'dots-vertical', onClick: function () { return false; } })))),
134849
+ React.createElement(index_1.Container, { className: 'sd-margin-s--auto sd-flex--items-center' })),
134831
134850
  React.createElement(Layout.PanelContentBlock, null,
134832
134851
  React.createElement(index_1.Container, { direction: 'row', gap: 'large', className: 'sd-margin-b--3' },
134833
134852
  React.createElement(index_1.Label, { size: 'large', text: 'Tabu', color: 'blue--800' }),
@@ -134850,7 +134869,7 @@ var Rundowns = /** @class */ (function (_super) {
134850
134869
  React.createElement(Layout.ContentSplitter, { visible: this.state.openEditor }),
134851
134870
  React.createElement(Layout.AuthoringContainer, { open: this.state.openEditor },
134852
134871
  React.createElement(RundownEditor_1.RundownEditor, null))),
134853
- React.createElement(index_1.Modal, { headerTemplate: "Manage Templates", visible: this.state.modalManageTemplate, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageTemplate: false }); } },
134872
+ React.createElement(index_1.Modal, { headerTemplate: "Manage Templates", visible: this.state.modalManageTemplate, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageTemplate: false }); } },
134854
134873
  React.createElement(Layout.LayoutContainer, null,
134855
134874
  React.createElement(Layout.LeftPanel, { open: true },
134856
134875
  React.createElement(Layout.Panel, { side: 'left', background: 'grey' },
@@ -134864,14 +134883,14 @@ var Rundowns = /** @class */ (function (_super) {
134864
134883
  React.createElement(index_1.EmptyState, { title: 'No show is selected', description: 'Please select a Show from the dropdown at the top.', size: "small", illustration: "1" })))),
134865
134884
  React.createElement(Layout.MainPanel, null,
134866
134885
  React.createElement(index_1.EmptyState, { title: 'No Template selected', description: 'Please select a Show and Template frome the side panel.', size: "large", illustration: "1" })))),
134867
- React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShow, footerTemplate: newShowFooter, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShow: false }); } },
134886
+ React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShow, zIndex: 1000, footerTemplate: newShowFooter, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShow: false }); } },
134868
134887
  React.createElement(Form.FormGroup, null,
134869
134888
  React.createElement(Form.FormItem, null,
134870
134889
  React.createElement(index_1.Input, { label: 'Show name', type: 'text', value: '', error: 'This is error message', required: true, onChange: function () { } }))),
134871
134890
  React.createElement(Form.FormGroup, null,
134872
134891
  React.createElement(Form.FormItem, null,
134873
134892
  React.createElement(index_1.Input, { label: 'Description', type: 'text', value: '', error: 'This is error message', required: false, onChange: function () { } })))),
134874
- React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShowSuccess, footerTemplate: newShowFooter2, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShowSuccess: false }); } },
134893
+ React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShowSuccess, zIndex: 1000, footerTemplate: newShowFooter2, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShowSuccess: false }); } },
134875
134894
  React.createElement(index_1.Container, { direction: 'column', className: 'sd-flex--justify-center sd-flex--items-center sd-padding-y--2', gap: 'medium' },
134876
134895
  React.createElement(index_1.Icon, { name: 'checkmark-circle', type: 'success', size: 'big', scale: '3x' }),
134877
134896
  React.createElement(index_1.Text, { align: 'center', size: 'medium' },
@@ -134880,7 +134899,7 @@ var Rundowns = /** @class */ (function (_super) {
134880
134899
  " has been successfully created.",
134881
134900
  React.createElement("br", null),
134882
134901
  "Do you want to cretate a template for this show right away?"))),
134883
- React.createElement(index_1.Modal, { headerTemplate: "Create new Template", visible: this.state.modalNewTemplate, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalNewTemplate: false }); } },
134902
+ React.createElement(index_1.Modal, { headerTemplate: "Create new Template", visible: this.state.modalNewTemplate, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalNewTemplate: false }); } },
134884
134903
  React.createElement(Layout.LayoutContainer, null,
134885
134904
  React.createElement(Layout.LeftPanel, { open: true },
134886
134905
  React.createElement(Layout.Panel, { side: 'left', background: 'grey' },
@@ -134914,7 +134933,7 @@ var Rundowns = /** @class */ (function (_super) {
134914
134933
  React.createElement("span", null, "Marker Special")))))))),
134915
134934
  React.createElement(Layout.MainPanel, { padding: 'none' },
134916
134935
  React.createElement(RundownEditor_1.RundownEditor, null)))),
134917
- React.createElement(index_1.Modal, { headerTemplate: "Manage Shows", visible: this.state.modalManageShow, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageShow: false }); } },
134936
+ React.createElement(index_1.Modal, { headerTemplate: "Manage Shows", visible: this.state.modalManageShow, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageShow: false }); } },
134918
134937
  React.createElement(Layout.LayoutContainer, null,
134919
134938
  React.createElement(Layout.HeaderPanel, null,
134920
134939
  React.createElement(index_1.SubNav, { zIndex: 2 },
@@ -135083,7 +135102,7 @@ var CoreLayout = /** @class */ (function (_super) {
135083
135102
  });
135084
135103
  };
135085
135104
  CoreLayout.prototype.render = function () {
135086
- return (React.createElement(Layout.CoreLayout, { heading: 'Core Layout', menuOpen: this.state.mainMenuOpen, onClick: this.handleMainMenu, active: this.state.mainMenuOpen, ariaControls: 'main-menu', menuId: 'main-menu', editorFullWidth: true, slideInMenu: (React.createElement(Layout.MainMenu, { headerTitle: 'Main Menu', poweredBy: 'Powered by Superdesk technology', header: (null), footerContent: true, footer: (React.createElement("p", null, "Menu footer testing")) },
135105
+ return (React.createElement(Layout.CoreLayout, { heading: 'Core Layout', menuOpen: this.state.mainMenuOpen, onClick: this.handleMainMenu, active: this.state.mainMenuOpen, ariaControls: 'main-menu', menuId: 'main-menu', editorFullWidth: false, slideInMenu: (React.createElement(Layout.MainMenu, { headerTitle: 'Main Menu', poweredBy: 'Powered by Superdesk technology', header: (null), footerContent: true, footer: (React.createElement("p", null, "Menu footer testing")) },
135087
135106
  React.createElement(index_1.LeftMenu, { style: 'blanc', reverseItemBorder: true, size: 'large', ariaLabel: 'Left navigation', activeItemId: '1', groups: [
135088
135107
  { label: 'MAIN SECTIONS', items: [
135089
135108
  { id: '1', label: 'Section 1', ref: 'section1' },
@@ -137401,7 +137420,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
137401
137420
  var React = __importStar(__webpack_require__(0));
137402
137421
  var Markup = __importStar(__webpack_require__(6));
137403
137422
  var app_typescript_1 = __webpack_require__(3);
137404
- var DurationInput_1 = __webpack_require__(56);
137423
+ var DurationInput_1 = __webpack_require__(75);
137405
137424
  var DurationInputDoc = /** @class */ (function (_super) {
137406
137425
  __extends(DurationInputDoc, _super);
137407
137426
  function DurationInputDoc(props) {
@@ -137747,7 +137766,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
137747
137766
  /* 649 */
137748
137767
  /***/ (function(module, exports) {
137749
137768
 
137750
- module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.14","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
137769
+ module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.15","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
137751
137770
 
137752
137771
  /***/ }),
137753
137772
  /* 650 */