superdesk-ui-framework 3.0.1-beta.5 → 3.0.1-beta.6

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 (12) hide show
  1. package/app/styles/form-elements/_inputs.scss +2 -0
  2. package/app-typescript/components/DurationInput.tsx +15 -1
  3. package/app-typescript/components/Input.tsx +1 -1
  4. package/app-typescript/index.ts +1 -0
  5. package/dist/examples.bundle.js +413 -397
  6. package/dist/superdesk-ui.bundle.css +3 -1
  7. package/dist/superdesk-ui.bundle.js +394 -378
  8. package/package.json +1 -1
  9. package/react/components/DurationInput.js +15 -1
  10. package/react/components/Input.js +1 -1
  11. package/react/index.d.ts +1 -0
  12. package/react/index.js +4 -2
package/dist/examples.bundle.js CHANGED
@@ -5855,11 +5855,11 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
5855
5855
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
5856
5856
  };
5857
5857
  Object.defineProperty(exports, "__esModule", { value: true });
5858
- exports.DropdownLabel = exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerLocaleSettings = exports.DatePickerISO = exports.DatePicker = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
5859
- exports.ContentListItem = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.TagInputTest = exports.TagInput = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.Tag = exports.Dropdown = exports.DropdownDivider = void 0;
5858
+ exports.DropdownItem = exports.DropdownFirst = exports.HeadingText = exports.ContentDivider = exports.Divider = exports.Icon = exports.Prop = exports.PropsList = exports.StrechBar = exports.SlidingToolbar = exports.SubNavDivider = exports.SubNav = exports.LeftMenu = exports.TabList = exports.Tab = exports.NavButton = exports.CheckButtonGroup = exports.CheckGroup = exports.CheckboxButton = exports.RadioButtonGroup = exports.Checkbox = exports.RadioGroup = exports.Loader = exports.ButtonGroup = exports.SwitchGroup = exports.Switch = exports.FormLabel = exports.TimePicker = exports.DatePickerLocaleSettings = exports.DatePickerISO = exports.DatePicker = exports.getDurationString = exports.DurationInput = exports.Tooltip = exports.IconLabel = exports.IconButton = exports.AvatarGroup = exports.AvatarContentImage = exports.AvatarContentText = exports.AvatarWrapper = exports.Alert = exports.Badge = exports.Label = exports.Popover = exports.SelectWithTemplate = exports.Option = exports.Select = exports.Input = exports.Button = exports.HelloWorld = void 0;
5859
+ exports.ContentListItem = exports.TreeSelect = exports.BottomNav = exports.Heading = exports.Time = exports.Text = exports.LoadingOverlay = exports.Spinner = exports.ListItemLoader = exports.Skeleton = exports.WithSizeObserver = exports.SearchBar = exports.CreateButton = exports.DropZone = exports.ThemeSelector = exports.IconPicker = exports.SelectGrid = exports.ToggleBox = exports.Menu = exports.toasted = exports.GridItemCheckWrapper = exports.GridItemTopActions = exports.GridItemFooterActions = exports.GridItemFooterBlock = exports.GridItemSlug = exports.GridItemText = exports.GridItemTitle = exports.GridItemTime = exports.GridItemContentBlock = exports.GridItemFooter = exports.GridItemMedia = exports.GridItemContent = exports.GridItem = exports.GridList = exports.TagInputTest = exports.TagInput = exports.Modal = exports.Carousel = exports.DonutChart = exports.Autocomplete = exports.EmptyState = exports.Tabs = exports.TabContent = exports.TabPanel = exports.TabLabel = exports.Tag = exports.Dropdown = exports.DropdownDivider = exports.DropdownLabel = void 0;
5860
5860
  var HelloWorld_1 = __webpack_require__(261);
5861
5861
  Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
5862
- var Button_1 = __webpack_require__(70);
5862
+ var Button_1 = __webpack_require__(71);
5863
5863
  Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
5864
5864
  var Input_1 = __webpack_require__(262);
5865
5865
  Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
@@ -5890,13 +5890,15 @@ var IconLabel_1 = __webpack_require__(289);
5890
5890
  Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
5891
5891
  var Tooltip_1 = __webpack_require__(38);
5892
5892
  Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
5893
- var DurationInput_1 = __webpack_require__(77);
5893
+ var DurationInput_1 = __webpack_require__(54);
5894
5894
  Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
5895
- var DatePicker_1 = __webpack_require__(54);
5895
+ var DurationInput_2 = __webpack_require__(54);
5896
+ Object.defineProperty(exports, "getDurationString", { enumerable: true, get: function () { return DurationInput_2.getDurationString; } });
5897
+ var DatePicker_1 = __webpack_require__(55);
5896
5898
  Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
5897
- var DatePicker_2 = __webpack_require__(54);
5899
+ var DatePicker_2 = __webpack_require__(55);
5898
5900
  Object.defineProperty(exports, "DatePickerISO", { enumerable: true, get: function () { return DatePicker_2.DatePickerISO; } });
5899
- var DatePicker_3 = __webpack_require__(54);
5901
+ var DatePicker_3 = __webpack_require__(55);
5900
5902
  Object.defineProperty(exports, "DatePickerLocaleSettings", { enumerable: true, get: function () { return DatePicker_3.DatePickerLocaleSettings; } });
5901
5903
  var TimePicker_1 = __webpack_require__(247);
5902
5904
  Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
@@ -5908,7 +5910,7 @@ var SwitchGroup_1 = __webpack_require__(322);
5908
5910
  Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
5909
5911
  var ButtonGroup_1 = __webpack_require__(323);
5910
5912
  Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
5911
- var Loader_1 = __webpack_require__(57);
5913
+ var Loader_1 = __webpack_require__(58);
5912
5914
  Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
5913
5915
  var RadioGroup_1 = __webpack_require__(324);
5914
5916
  Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
@@ -5980,7 +5982,7 @@ var TagInputTest_1 = __webpack_require__(400);
5980
5982
  Object.defineProperty(exports, "TagInputTest", { enumerable: true, get: function () { return TagInputTest_1.TagInputTest; } });
5981
5983
  var GridList_1 = __webpack_require__(401);
5982
5984
  Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
5983
- var GridItem_1 = __webpack_require__(68);
5985
+ var GridItem_1 = __webpack_require__(69);
5984
5986
  Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
5985
5987
  Object.defineProperty(exports, "GridItemContent", { enumerable: true, get: function () { return GridItem_1.GridItemContent; } });
5986
5988
  Object.defineProperty(exports, "GridItemMedia", { enumerable: true, get: function () { return GridItem_1.GridItemMedia; } });
@@ -6016,7 +6018,7 @@ var WithSizeObserver_1 = __webpack_require__(250);
6016
6018
  Object.defineProperty(exports, "WithSizeObserver", { enumerable: true, get: function () { return WithSizeObserver_1.WithSizeObserver; } });
6017
6019
  __exportStar(__webpack_require__(16), exports);
6018
6020
  __exportStar(__webpack_require__(15), exports);
6019
- __exportStar(__webpack_require__(72), exports);
6021
+ __exportStar(__webpack_require__(73), exports);
6020
6022
  __exportStar(__webpack_require__(239), exports);
6021
6023
  var Skeleton_1 = __webpack_require__(240);
6022
6024
  Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
@@ -8930,11 +8932,11 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
8930
8932
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "ReplaceTransition", function() { return __WEBPACK_IMPORTED_MODULE_1__ReplaceTransition__["a"]; });
8931
8933
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__SwitchTransition__ = __webpack_require__(284);
8932
8934
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "SwitchTransition", function() { return __WEBPACK_IMPORTED_MODULE_2__SwitchTransition__["a"]; });
8933
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__ = __webpack_require__(76);
8935
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__ = __webpack_require__(77);
8934
8936
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "TransitionGroup", function() { return __WEBPACK_IMPORTED_MODULE_3__TransitionGroup__["a"]; });
8935
8937
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__Transition__ = __webpack_require__(52);
8936
8938
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "Transition", function() { return __WEBPACK_IMPORTED_MODULE_4__Transition__["d"]; });
8937
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(74);
8939
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(75);
8938
8940
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "config", function() { return __WEBPACK_IMPORTED_MODULE_5__config__["a"]; });
8939
8941
 
8940
8942
 
@@ -38199,8 +38201,8 @@ exports.FormLabel = FormLabel;
38199
38201
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
38200
38202
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom__ = __webpack_require__(9);
38201
38203
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_dom__);
38202
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(74);
38203
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_PropTypes__ = __webpack_require__(75);
38204
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__config__ = __webpack_require__(75);
38205
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_PropTypes__ = __webpack_require__(76);
38204
38206
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__TransitionGroupContext__ = __webpack_require__(53);
38205
38207
 
38206
38208
 
@@ -38836,6 +38838,316 @@ Transition.EXITING = EXITING;
38836
38838
 
38837
38839
  "use strict";
38838
38840
 
38841
+ var __extends = (this && this.__extends) || (function () {
38842
+ var extendStatics = function (d, b) {
38843
+ extendStatics = Object.setPrototypeOf ||
38844
+ ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
38845
+ function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
38846
+ return extendStatics(d, b);
38847
+ };
38848
+ return function (d, b) {
38849
+ if (typeof b !== "function" && b !== null)
38850
+ throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
38851
+ extendStatics(d, b);
38852
+ function __() { this.constructor = d; }
38853
+ d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
38854
+ };
38855
+ })();
38856
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
38857
+ if (k2 === undefined) k2 = k;
38858
+ Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
38859
+ }) : (function(o, m, k, k2) {
38860
+ if (k2 === undefined) k2 = k;
38861
+ o[k2] = m[k];
38862
+ }));
38863
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
38864
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
38865
+ }) : function(o, v) {
38866
+ o["default"] = v;
38867
+ });
38868
+ var __importStar = (this && this.__importStar) || function (mod) {
38869
+ if (mod && mod.__esModule) return mod;
38870
+ var result = {};
38871
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
38872
+ __setModuleDefault(result, mod);
38873
+ return result;
38874
+ };
38875
+ var __importDefault = (this && this.__importDefault) || function (mod) {
38876
+ return (mod && mod.__esModule) ? mod : { "default": mod };
38877
+ };
38878
+ Object.defineProperty(exports, "__esModule", { value: true });
38879
+ exports.getDurationString = exports.DurationInput = void 0;
38880
+ var React = __importStar(__webpack_require__(0));
38881
+ var classnames_1 = __importDefault(__webpack_require__(2));
38882
+ var moment_1 = __importDefault(__webpack_require__(1));
38883
+ var react_id_generator_1 = __importDefault(__webpack_require__(8));
38884
+ var Form_1 = __webpack_require__(15);
38885
+ var DurationInput = /** @class */ (function (_super) {
38886
+ __extends(DurationInput, _super);
38887
+ function DurationInput(props) {
38888
+ var _this = _super.call(this, props) || this;
38889
+ _this.htmlId = (0, react_id_generator_1.default)();
38890
+ _this.state = {
38891
+ hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
38892
+ minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
38893
+ seconds: _this.stateUpdate('seconds', _this.props.seconds),
38894
+ };
38895
+ _this.hourRef = React.createRef();
38896
+ _this.minuteRef = React.createRef();
38897
+ _this.secondRef = React.createRef();
38898
+ _this.handleKeyDown = _this.handleKeyDown.bind(_this);
38899
+ _this.zeroPad = _this.zeroPad.bind(_this);
38900
+ _this.handleChange = _this.handleChange.bind(_this);
38901
+ _this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
38902
+ _this.handleKeyValue = _this.handleKeyValue.bind(_this);
38903
+ _this.valueUpdate = _this.valueUpdate.bind(_this);
38904
+ _this.stateUpdate = _this.stateUpdate.bind(_this);
38905
+ return _this;
38906
+ }
38907
+ DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
38908
+ var value;
38909
+ if (state === 'hours') {
38910
+ value = parametar1
38911
+ ? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
38912
+ : Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
38913
+ }
38914
+ else if (state === 'minutes') {
38915
+ value = parametar1
38916
+ ? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
38917
+ : Math.floor((parametar2 || 0) % 3600 / 60);
38918
+ }
38919
+ else {
38920
+ value = parametar1 ? parametar1 % 60 : 0;
38921
+ }
38922
+ return this.zeroPad(value);
38923
+ };
38924
+ DurationInput.prototype.componentDidUpdate = function (_, prevState) {
38925
+ if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
38926
+ return;
38927
+ }
38928
+ if (this.state.hours !== prevState.hours) {
38929
+ if (Number(this.hourRef.current.value) > 99) {
38930
+ this.setState({
38931
+ hours: this.zeroPad(99),
38932
+ });
38933
+ }
38934
+ }
38935
+ if (this.state.minutes !== prevState.minutes) {
38936
+ if (Number(this.minuteRef.current.value) > 59) {
38937
+ this.setState({
38938
+ hours: this.zeroPad(Number(this.state.hours) + 1),
38939
+ minutes: this.zeroPad(this.state.minutes % 60),
38940
+ });
38941
+ }
38942
+ if (Number(this.minuteRef.current.value) < 0) {
38943
+ this.setState({
38944
+ hours: this.zeroPad(Number(this.state.hours)) > 0
38945
+ ? this.zeroPad(Number(this.state.hours) - 1)
38946
+ : this.zeroPad(Number(this.state.hours)),
38947
+ minutes: 59,
38948
+ });
38949
+ }
38950
+ }
38951
+ if (this.state.seconds !== prevState.seconds) {
38952
+ if (Number(this.secondRef.current.value) > 59) {
38953
+ this.setState({
38954
+ minutes: this.zeroPad(Number(this.state.minutes) + 1),
38955
+ seconds: this.zeroPad(this.state.seconds % 60),
38956
+ });
38957
+ }
38958
+ if (Number(this.secondRef.current.value) < 0) {
38959
+ this.setState({
38960
+ minutes: this.zeroPad(Number(this.state.minutes) - 1),
38961
+ seconds: 59,
38962
+ });
38963
+ }
38964
+ }
38965
+ };
38966
+ DurationInput.prototype.valueUpdate = function () {
38967
+ if (this.props.onChange) {
38968
+ this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
38969
+ .asSeconds());
38970
+ }
38971
+ };
38972
+ DurationInput.prototype.handleKeyDown = function (event) {
38973
+ if (!(event.target instanceof HTMLInputElement)) {
38974
+ return;
38975
+ }
38976
+ if (event.target.id === 'hours') {
38977
+ if (event.key === 'ArrowRight') {
38978
+ if (event.target.selectionEnd === event.target.value.length) {
38979
+ this.handleFocus(this.minuteRef.current, event.target.id);
38980
+ }
38981
+ }
38982
+ if (event.key === 'ArrowLeft') {
38983
+ if (event.target.selectionStart === 0) {
38984
+ this.handleFocus(this.secondRef.current, event.target.id);
38985
+ }
38986
+ }
38987
+ }
38988
+ if (event.target.id === 'minutes') {
38989
+ if (event.key === 'ArrowRight') {
38990
+ if (event.target.selectionEnd === event.target.value.length) {
38991
+ this.handleFocus(this.secondRef.current, event.target.id);
38992
+ }
38993
+ }
38994
+ if (event.key === 'ArrowLeft') {
38995
+ if (event.target.selectionStart === 0) {
38996
+ this.handleFocus(this.hourRef.current, event.target.id);
38997
+ }
38998
+ }
38999
+ }
39000
+ if (event.target.id === 'seconds') {
39001
+ if (event.key === 'ArrowRight') {
39002
+ if (event.target.selectionEnd === event.target.value.length) {
39003
+ this.handleFocus(this.hourRef.current, event.target.id);
39004
+ }
39005
+ }
39006
+ if (event.key === 'ArrowLeft') {
39007
+ if (event.target.selectionStart === 0) {
39008
+ this.handleFocus(this.minuteRef.current, event.target.id);
39009
+ }
39010
+ }
39011
+ }
39012
+ if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
39013
+ this.handleKeyValue(event, event.target.id);
39014
+ setTimeout(this.valueUpdate);
39015
+ }
39016
+ if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
39017
+ if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
39018
+ setTimeout(this.valueUpdate);
39019
+ }
39020
+ }
39021
+ };
39022
+ DurationInput.prototype.handleKeyValue = function (event, state) {
39023
+ if (!(event.target instanceof HTMLInputElement)) {
39024
+ return;
39025
+ }
39026
+ if (!this.state[state]) {
39027
+ return;
39028
+ }
39029
+ event.preventDefault();
39030
+ event.stopPropagation();
39031
+ var stateClone = {};
39032
+ if (event.key === 'ArrowUp') {
39033
+ if (event.target.id === 'hours') {
39034
+ stateClone[state] = this.state[state] < 99
39035
+ ? this.zeroPad(Number(this.state[state]) + 1)
39036
+ : this.zeroPad(99);
39037
+ }
39038
+ else {
39039
+ stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
39040
+ }
39041
+ }
39042
+ else if (event.key === 'ArrowDown') {
39043
+ if (event.target.id === 'hours') {
39044
+ stateClone[state] = this.state[state] > 0
39045
+ ? this.zeroPad(Number(this.state[state]) - 1)
39046
+ : this.zeroPad(0);
39047
+ }
39048
+ else {
39049
+ stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
39050
+ }
39051
+ }
39052
+ this.setState(stateClone);
39053
+ };
39054
+ DurationInput.prototype.zeroPad = function (value) {
39055
+ if (value.toString().length === 1 || value === 0) {
39056
+ return "0".concat(value);
39057
+ }
39058
+ else if (!value) {
39059
+ return '00';
39060
+ }
39061
+ else {
39062
+ return value;
39063
+ }
39064
+ };
39065
+ DurationInput.prototype.handleChange = function (event, state) {
39066
+ var stateClone = {};
39067
+ if (event.target.value.length >= 2) {
39068
+ stateClone[state] = event.target.value.slice(0, 2);
39069
+ }
39070
+ else {
39071
+ stateClone[state] = event.target.value;
39072
+ }
39073
+ this.setState(stateClone);
39074
+ setTimeout(this.valueUpdate);
39075
+ };
39076
+ DurationInput.prototype.handleFocus = function (ref, state) {
39077
+ ref === null || ref === void 0 ? void 0 : ref.focus();
39078
+ setTimeout(function () {
39079
+ ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
39080
+ });
39081
+ var stateClone = {};
39082
+ stateClone[state] = this.zeroPad(this.state[state]);
39083
+ this.setState(stateClone);
39084
+ };
39085
+ DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
39086
+ if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
39087
+ if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
39088
+ var target = event.target;
39089
+ if (target.value.length >= 2) {
39090
+ ref === null || ref === void 0 ? void 0 : ref.focus();
39091
+ setTimeout(function () {
39092
+ ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
39093
+ });
39094
+ }
39095
+ }
39096
+ }
39097
+ };
39098
+ DurationInput.prototype.render = function () {
39099
+ var _this = this;
39100
+ var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
39101
+ 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 },
39102
+ React.createElement("div", { className: InputClasses },
39103
+ React.createElement("input", { className: 'duration-input', 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) {
39104
+ if (!/[0-9]/.test(event.key)) {
39105
+ event.preventDefault();
39106
+ }
39107
+ } }),
39108
+ React.createElement("span", { className: 'sd-input__suffix' }, "h"),
39109
+ React.createElement("input", { className: 'duration-input', 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) {
39110
+ if (!/[0-9]/.test(event.key)) {
39111
+ event.preventDefault();
39112
+ }
39113
+ } }),
39114
+ React.createElement("span", { className: 'sd-input__suffix' }, "m"),
39115
+ 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) {
39116
+ if (!/[0-9]/.test(event.key)) {
39117
+ event.preventDefault();
39118
+ }
39119
+ } }),
39120
+ React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
39121
+ };
39122
+ return DurationInput;
39123
+ }(React.PureComponent));
39124
+ exports.DurationInput = DurationInput;
39125
+ function getDurationString(seconds) {
39126
+ function zeroPad(value) {
39127
+ if (value.toString().length === 1 || value === 0) {
39128
+ return "0".concat(value);
39129
+ }
39130
+ else if (!value) {
39131
+ return '00';
39132
+ }
39133
+ else {
39134
+ return value;
39135
+ }
39136
+ }
39137
+ var hour = zeroPad(Math.floor(seconds / 3600));
39138
+ var minute = zeroPad(Math.floor((seconds % 3600) / 60));
39139
+ var second = zeroPad(Math.floor(seconds % 60));
39140
+ return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
39141
+ }
39142
+ exports.getDurationString = getDurationString;
39143
+
39144
+
39145
+ /***/ }),
39146
+ /* 55 */
39147
+ /***/ (function(module, exports, __webpack_require__) {
39148
+
39149
+ "use strict";
39150
+
38839
39151
  var __extends = (this && this.__extends) || (function () {
38840
39152
  var extendStatics = function (d, b) {
38841
39153
  extendStatics = Object.setPrototypeOf ||
@@ -39021,7 +39333,7 @@ exports.DatePickerISO = DatePickerISO;
39021
39333
 
39022
39334
 
39023
39335
  /***/ }),
39024
- /* 55 */
39336
+ /* 56 */
39025
39337
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39026
39338
 
39027
39339
  "use strict";
@@ -39045,7 +39357,7 @@ function startOfUTCISOWeek(dirtyDate) {
39045
39357
  }
39046
39358
 
39047
39359
  /***/ }),
39048
- /* 56 */
39360
+ /* 57 */
39049
39361
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39050
39362
 
39051
39363
  "use strict";
@@ -39080,7 +39392,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
39080
39392
  }
39081
39393
 
39082
39394
  /***/ }),
39083
- /* 57 */
39395
+ /* 58 */
39084
39396
  /***/ (function(module, exports, __webpack_require__) {
39085
39397
 
39086
39398
  "use strict";
@@ -39141,7 +39453,7 @@ exports.Loader = Loader;
39141
39453
 
39142
39454
 
39143
39455
  /***/ }),
39144
- /* 58 */
39456
+ /* 59 */
39145
39457
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39146
39458
 
39147
39459
  "use strict";
@@ -39233,7 +39545,7 @@ function effect(_ref2) {
39233
39545
  });
39234
39546
 
39235
39547
  /***/ }),
39236
- /* 59 */
39548
+ /* 60 */
39237
39549
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39238
39550
 
39239
39551
  "use strict";
@@ -39266,7 +39578,7 @@ function getLayoutRect(element) {
39266
39578
  }
39267
39579
 
39268
39580
  /***/ }),
39269
- /* 60 */
39581
+ /* 61 */
39270
39582
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39271
39583
 
39272
39584
  "use strict";
@@ -39276,7 +39588,7 @@ function getMainAxisFromPlacement(placement) {
39276
39588
  }
39277
39589
 
39278
39590
  /***/ }),
39279
- /* 61 */
39591
+ /* 62 */
39280
39592
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39281
39593
 
39282
39594
  "use strict";
@@ -39473,7 +39785,7 @@ function computeStyles(_ref5) {
39473
39785
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
39474
39786
 
39475
39787
  /***/ }),
39476
- /* 62 */
39788
+ /* 63 */
39477
39789
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39478
39790
 
39479
39791
  "use strict";
@@ -39529,14 +39841,14 @@ function effect(_ref) {
39529
39841
  });
39530
39842
 
39531
39843
  /***/ }),
39532
- /* 63 */
39844
+ /* 64 */
39533
39845
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39534
39846
 
39535
39847
  "use strict";
39536
39848
  /* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
39537
39849
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(34);
39538
39850
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(21);
39539
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(64);
39851
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(65);
39540
39852
 
39541
39853
 
39542
39854
 
@@ -39552,7 +39864,7 @@ function getWindowScrollBarX(element) {
39552
39864
  }
39553
39865
 
39554
39866
  /***/ }),
39555
- /* 64 */
39867
+ /* 65 */
39556
39868
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39557
39869
 
39558
39870
  "use strict";
@@ -39570,7 +39882,7 @@ function getWindowScroll(node) {
39570
39882
  }
39571
39883
 
39572
39884
  /***/ }),
39573
- /* 65 */
39885
+ /* 66 */
39574
39886
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39575
39887
 
39576
39888
  "use strict";
@@ -39588,7 +39900,7 @@ function isScrollParent(element) {
39588
39900
  }
39589
39901
 
39590
39902
  /***/ }),
39591
- /* 66 */
39903
+ /* 67 */
39592
39904
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39593
39905
 
39594
39906
  "use strict";
@@ -39620,14 +39932,14 @@ function popperOffsets(_ref) {
39620
39932
  });
39621
39933
 
39622
39934
  /***/ }),
39623
- /* 67 */
39935
+ /* 68 */
39624
39936
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
39625
39937
 
39626
39938
  "use strict";
39627
39939
  /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
39628
39940
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
39629
39941
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(365);
39630
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(59);
39942
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(60);
39631
39943
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(229);
39632
39944
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(35);
39633
39945
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(31);
@@ -39903,7 +40215,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
39903
40215
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
39904
40216
 
39905
40217
  /***/ }),
39906
- /* 68 */
40218
+ /* 69 */
39907
40219
  /***/ (function(module, exports, __webpack_require__) {
39908
40220
 
39909
40221
  "use strict";
@@ -40125,7 +40437,7 @@ exports.default = GridItem;
40125
40437
 
40126
40438
 
40127
40439
  /***/ }),
40128
- /* 69 */
40440
+ /* 70 */
40129
40441
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40130
40442
 
40131
40443
  "use strict";
@@ -40143,7 +40455,7 @@ if (process.env.NODE_ENV !== 'production') {
40143
40455
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
40144
40456
 
40145
40457
  /***/ }),
40146
- /* 70 */
40458
+ /* 71 */
40147
40459
  /***/ (function(module, exports, __webpack_require__) {
40148
40460
 
40149
40461
  "use strict";
@@ -40221,7 +40533,7 @@ exports.Button = Button;
40221
40533
 
40222
40534
 
40223
40535
  /***/ }),
40224
- /* 71 */
40536
+ /* 72 */
40225
40537
  /***/ (function(module, exports, __webpack_require__) {
40226
40538
 
40227
40539
  "use strict";
@@ -40401,7 +40713,7 @@ _defineProperty(InputText, "propTypes", {
40401
40713
  });
40402
40714
 
40403
40715
  /***/ }),
40404
- /* 72 */
40716
+ /* 73 */
40405
40717
  /***/ (function(module, exports, __webpack_require__) {
40406
40718
 
40407
40719
  "use strict";
@@ -40417,14 +40729,14 @@ Object.defineProperty(exports, "QuickNavBar", { enumerable: true, get: function
40417
40729
 
40418
40730
 
40419
40731
  /***/ }),
40420
- /* 73 */
40732
+ /* 74 */
40421
40733
  /***/ (function(module, exports) {
40422
40734
 
40423
40735
  module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
40424
40736
 
40425
40737
 
40426
40738
  /***/ }),
40427
- /* 74 */
40739
+ /* 75 */
40428
40740
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40429
40741
 
40430
40742
  "use strict";
@@ -40433,7 +40745,7 @@ module.exports = Function.call.bind(Object.prototype.hasOwnProperty);
40433
40745
  });
40434
40746
 
40435
40747
  /***/ }),
40436
- /* 75 */
40748
+ /* 76 */
40437
40749
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40438
40750
 
40439
40751
  "use strict";
@@ -40462,7 +40774,7 @@ var classNamesShape = process.env.NODE_ENV !== 'production' ? __WEBPACK_IMPORTED
40462
40774
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
40463
40775
 
40464
40776
  /***/ }),
40465
- /* 76 */
40777
+ /* 77 */
40466
40778
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
40467
40779
 
40468
40780
  "use strict";
@@ -40667,302 +40979,6 @@ TransitionGroup.defaultProps = defaultProps;
40667
40979
  /* harmony default export */ __webpack_exports__["a"] = (TransitionGroup);
40668
40980
  /* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(6)))
40669
40981
 
40670
- /***/ }),
40671
- /* 77 */
40672
- /***/ (function(module, exports, __webpack_require__) {
40673
-
40674
- "use strict";
40675
-
40676
- var __extends = (this && this.__extends) || (function () {
40677
- var extendStatics = function (d, b) {
40678
- extendStatics = Object.setPrototypeOf ||
40679
- ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
40680
- function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
40681
- return extendStatics(d, b);
40682
- };
40683
- return function (d, b) {
40684
- if (typeof b !== "function" && b !== null)
40685
- throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
40686
- extendStatics(d, b);
40687
- function __() { this.constructor = d; }
40688
- d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
40689
- };
40690
- })();
40691
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
40692
- if (k2 === undefined) k2 = k;
40693
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
40694
- }) : (function(o, m, k, k2) {
40695
- if (k2 === undefined) k2 = k;
40696
- o[k2] = m[k];
40697
- }));
40698
- var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
40699
- Object.defineProperty(o, "default", { enumerable: true, value: v });
40700
- }) : function(o, v) {
40701
- o["default"] = v;
40702
- });
40703
- var __importStar = (this && this.__importStar) || function (mod) {
40704
- if (mod && mod.__esModule) return mod;
40705
- var result = {};
40706
- if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
40707
- __setModuleDefault(result, mod);
40708
- return result;
40709
- };
40710
- var __importDefault = (this && this.__importDefault) || function (mod) {
40711
- return (mod && mod.__esModule) ? mod : { "default": mod };
40712
- };
40713
- Object.defineProperty(exports, "__esModule", { value: true });
40714
- exports.getDurationString = exports.DurationInput = void 0;
40715
- var React = __importStar(__webpack_require__(0));
40716
- var classnames_1 = __importDefault(__webpack_require__(2));
40717
- var moment_1 = __importDefault(__webpack_require__(1));
40718
- var react_id_generator_1 = __importDefault(__webpack_require__(8));
40719
- var Form_1 = __webpack_require__(15);
40720
- var DurationInput = /** @class */ (function (_super) {
40721
- __extends(DurationInput, _super);
40722
- function DurationInput(props) {
40723
- var _this = _super.call(this, props) || this;
40724
- _this.htmlId = (0, react_id_generator_1.default)();
40725
- _this.state = {
40726
- hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
40727
- minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
40728
- seconds: _this.stateUpdate('seconds', _this.props.seconds),
40729
- };
40730
- _this.hourRef = React.createRef();
40731
- _this.minuteRef = React.createRef();
40732
- _this.secondRef = React.createRef();
40733
- _this.handleKeyDown = _this.handleKeyDown.bind(_this);
40734
- _this.zeroPad = _this.zeroPad.bind(_this);
40735
- _this.handleChange = _this.handleChange.bind(_this);
40736
- _this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
40737
- _this.handleKeyValue = _this.handleKeyValue.bind(_this);
40738
- _this.valueUpdate = _this.valueUpdate.bind(_this);
40739
- _this.stateUpdate = _this.stateUpdate.bind(_this);
40740
- return _this;
40741
- }
40742
- DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
40743
- var value;
40744
- if (state === 'hours') {
40745
- value = parametar1
40746
- ? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
40747
- : Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
40748
- }
40749
- else if (state === 'minutes') {
40750
- value = parametar1
40751
- ? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
40752
- : Math.floor((parametar2 || 0) % 3600 / 60);
40753
- }
40754
- else {
40755
- value = parametar1 ? parametar1 % 60 : 0;
40756
- }
40757
- return this.zeroPad(value);
40758
- };
40759
- DurationInput.prototype.componentDidUpdate = function (_, prevState) {
40760
- if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
40761
- return;
40762
- }
40763
- if (this.state.hours !== prevState.hours) {
40764
- if (Number(this.hourRef.current.value) > 99) {
40765
- this.setState({
40766
- hours: this.zeroPad(99),
40767
- });
40768
- }
40769
- }
40770
- if (this.state.minutes !== prevState.minutes) {
40771
- if (Number(this.minuteRef.current.value) > 59) {
40772
- this.setState({
40773
- hours: this.zeroPad(Number(this.state.hours) + 1),
40774
- minutes: this.zeroPad(this.state.minutes % 60),
40775
- });
40776
- }
40777
- if (Number(this.minuteRef.current.value) < 0) {
40778
- this.setState({
40779
- hours: this.zeroPad(Number(this.state.hours)) > 0
40780
- ? this.zeroPad(Number(this.state.hours) - 1)
40781
- : this.zeroPad(Number(this.state.hours)),
40782
- minutes: 59,
40783
- });
40784
- }
40785
- }
40786
- if (this.state.seconds !== prevState.seconds) {
40787
- if (Number(this.secondRef.current.value) > 59) {
40788
- this.setState({
40789
- minutes: this.zeroPad(Number(this.state.minutes) + 1),
40790
- seconds: this.zeroPad(this.state.seconds % 60),
40791
- });
40792
- }
40793
- if (Number(this.secondRef.current.value) < 0) {
40794
- this.setState({
40795
- minutes: this.zeroPad(Number(this.state.minutes) - 1),
40796
- seconds: 59,
40797
- });
40798
- }
40799
- }
40800
- };
40801
- DurationInput.prototype.valueUpdate = function () {
40802
- if (this.props.onChange) {
40803
- this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
40804
- .asSeconds());
40805
- }
40806
- };
40807
- DurationInput.prototype.handleKeyDown = function (event) {
40808
- if (!(event.target instanceof HTMLInputElement)) {
40809
- return;
40810
- }
40811
- if (event.target.id === 'hours') {
40812
- if (event.key === 'ArrowRight') {
40813
- if (event.target.selectionEnd === event.target.value.length) {
40814
- this.handleFocus(this.minuteRef.current, event.target.id);
40815
- }
40816
- }
40817
- if (event.key === 'ArrowLeft') {
40818
- if (event.target.selectionStart === 0) {
40819
- this.handleFocus(this.secondRef.current, event.target.id);
40820
- }
40821
- }
40822
- }
40823
- if (event.target.id === 'minutes') {
40824
- if (event.key === 'ArrowRight') {
40825
- if (event.target.selectionEnd === event.target.value.length) {
40826
- this.handleFocus(this.secondRef.current, event.target.id);
40827
- }
40828
- }
40829
- if (event.key === 'ArrowLeft') {
40830
- if (event.target.selectionStart === 0) {
40831
- this.handleFocus(this.hourRef.current, event.target.id);
40832
- }
40833
- }
40834
- }
40835
- if (event.target.id === 'seconds') {
40836
- if (event.key === 'ArrowRight') {
40837
- if (event.target.selectionEnd === event.target.value.length) {
40838
- this.handleFocus(this.hourRef.current, event.target.id);
40839
- }
40840
- }
40841
- if (event.key === 'ArrowLeft') {
40842
- if (event.target.selectionStart === 0) {
40843
- this.handleFocus(this.minuteRef.current, event.target.id);
40844
- }
40845
- }
40846
- }
40847
- if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
40848
- this.handleKeyValue(event, event.target.id);
40849
- setTimeout(this.valueUpdate);
40850
- }
40851
- if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
40852
- if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
40853
- setTimeout(this.valueUpdate);
40854
- }
40855
- }
40856
- };
40857
- DurationInput.prototype.handleKeyValue = function (event, state) {
40858
- if (!(event.target instanceof HTMLInputElement)) {
40859
- return;
40860
- }
40861
- if (!this.state[state]) {
40862
- return;
40863
- }
40864
- event.preventDefault();
40865
- event.stopPropagation();
40866
- var stateClone = {};
40867
- if (event.key === 'ArrowUp') {
40868
- if (event.target.id === 'hours') {
40869
- stateClone[state] = this.state[state] < 99
40870
- ? this.zeroPad(Number(this.state[state]) + 1)
40871
- : this.zeroPad(99);
40872
- }
40873
- else {
40874
- stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
40875
- }
40876
- }
40877
- else if (event.key === 'ArrowDown') {
40878
- if (event.target.id === 'hours') {
40879
- stateClone[state] = this.state[state] > 0
40880
- ? this.zeroPad(Number(this.state[state]) - 1)
40881
- : this.zeroPad(0);
40882
- }
40883
- else {
40884
- stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
40885
- }
40886
- }
40887
- this.setState(stateClone);
40888
- };
40889
- DurationInput.prototype.zeroPad = function (value) {
40890
- if (value.toString().length === 1 || value === 0) {
40891
- return "0".concat(value);
40892
- }
40893
- else if (!value) {
40894
- return '00';
40895
- }
40896
- else {
40897
- return value;
40898
- }
40899
- };
40900
- DurationInput.prototype.handleChange = function (event, state) {
40901
- var stateClone = {};
40902
- if (event.target.value.length >= 2) {
40903
- stateClone[state] = event.target.value.slice(0, 2);
40904
- }
40905
- else {
40906
- stateClone[state] = event.target.value;
40907
- }
40908
- this.setState(stateClone);
40909
- setTimeout(this.valueUpdate);
40910
- };
40911
- DurationInput.prototype.handleFocus = function (ref, state) {
40912
- ref === null || ref === void 0 ? void 0 : ref.focus();
40913
- setTimeout(function () {
40914
- ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
40915
- });
40916
- var stateClone = {};
40917
- stateClone[state] = this.zeroPad(this.state[state]);
40918
- this.setState(stateClone);
40919
- };
40920
- DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
40921
- if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
40922
- if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
40923
- var target = event.target;
40924
- if (target.value.length >= 2) {
40925
- ref === null || ref === void 0 ? void 0 : ref.focus();
40926
- setTimeout(function () {
40927
- ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
40928
- });
40929
- }
40930
- }
40931
- }
40932
- };
40933
- DurationInput.prototype.render = function () {
40934
- var _this = this;
40935
- var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
40936
- 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 },
40937
- React.createElement("div", { className: InputClasses },
40938
- React.createElement("input", { className: 'duration-input', 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) {
40939
- if (!/[0-9]/.test(event.key)) {
40940
- event.preventDefault();
40941
- }
40942
- } }),
40943
- React.createElement("span", { className: 'sd-input__suffix' }, "h"),
40944
- React.createElement("input", { className: 'duration-input', 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) {
40945
- if (!/[0-9]/.test(event.key)) {
40946
- event.preventDefault();
40947
- }
40948
- } }),
40949
- React.createElement("span", { className: 'sd-input__suffix' }, "m"),
40950
- 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) {
40951
- if (!/[0-9]/.test(event.key)) {
40952
- event.preventDefault();
40953
- }
40954
- } }),
40955
- React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
40956
- };
40957
- return DurationInput;
40958
- }(React.PureComponent));
40959
- exports.DurationInput = DurationInput;
40960
- function getDurationString(seconds) {
40961
- return moment_1.default.utc(seconds * 1000).format("HH:mm:ss");
40962
- }
40963
- exports.getDurationString = getDurationString;
40964
-
40965
-
40966
40982
  /***/ }),
40967
40983
  /* 78 */
40968
40984
  /***/ (function(module, exports, __webpack_require__) {
@@ -56176,7 +56192,7 @@ function addLeadingZeros(number, targetLength) {
56176
56192
  "use strict";
56177
56193
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
56178
56194
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(14);
56179
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(55);
56195
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(56);
56180
56196
 
56181
56197
  // This function will be a part of public API when UTC function will be implemented.
56182
56198
  // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -56214,7 +56230,7 @@ function getUTCISOWeekYear(dirtyDate) {
56214
56230
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
56215
56231
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(25);
56216
56232
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(14);
56217
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(56);
56233
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(57);
56218
56234
 
56219
56235
 
56220
56236
  // This function will be a part of public API when UTC function will be implemented.
@@ -56866,7 +56882,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
56866
56882
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
56867
56883
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
56868
56884
  /* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
56869
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(67);
56885
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(68);
56870
56886
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
56871
56887
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
56872
56888
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
@@ -56888,13 +56904,13 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
56888
56904
  /***/ (function(module, __webpack_exports__, __webpack_require__) {
56889
56905
 
56890
56906
  "use strict";
56891
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(58);
56907
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(59);
56892
56908
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
56893
56909
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(222);
56894
56910
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
56895
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(61);
56911
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(62);
56896
56912
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
56897
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(62);
56913
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(63);
56898
56914
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
56899
56915
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(228);
56900
56916
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
@@ -56902,7 +56918,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
56902
56918
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
56903
56919
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(233);
56904
56920
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
56905
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(66);
56921
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(67);
56906
56922
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
56907
56923
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(234);
56908
56924
  /* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
@@ -56922,10 +56938,10 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
56922
56938
 
56923
56939
  "use strict";
56924
56940
  /* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(20);
56925
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(59);
56941
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(60);
56926
56942
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(223);
56927
56943
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(35);
56928
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(60);
56944
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(61);
56929
56945
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(224);
56930
56946
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(225);
56931
56947
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(227);
@@ -57291,7 +57307,7 @@ function flip(_ref) {
57291
57307
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(362);
57292
57308
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(45);
57293
57309
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
57294
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(65);
57310
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(66);
57295
57311
 
57296
57312
 
57297
57313
 
@@ -57342,7 +57358,7 @@ function rectToClientRect(rect) {
57342
57358
  /* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
57343
57359
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(20);
57344
57360
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(36);
57345
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(60);
57361
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(61);
57346
57362
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
57347
57363
 
57348
57364
 
@@ -57554,10 +57570,10 @@ function offset(_ref2) {
57554
57570
  "use strict";
57555
57571
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
57556
57572
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(20);
57557
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(60);
57573
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(61);
57558
57574
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(364);
57559
57575
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(224);
57560
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(59);
57576
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(60);
57561
57577
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(35);
57562
57578
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(37);
57563
57579
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(36);
@@ -57713,11 +57729,11 @@ function preventOverflow(_ref) {
57713
57729
  "use strict";
57714
57730
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
57715
57731
  /* unused harmony export defaultModifiers */
57716
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(67);
57717
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(62);
57718
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(66);
57719
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(61);
57720
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(58);
57732
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(68);
57733
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(63);
57734
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(67);
57735
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(62);
57736
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(59);
57721
57737
  /* unused harmony reexport popperGenerator */
57722
57738
  /* unused harmony reexport detectOverflow */
57723
57739
 
@@ -57789,7 +57805,7 @@ exports.SelectGrid = void 0;
57789
57805
  var React = __importStar(__webpack_require__(0));
57790
57806
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
57791
57807
  var overlaypanel_1 = __webpack_require__(412);
57792
- var Loader_1 = __webpack_require__(57);
57808
+ var Loader_1 = __webpack_require__(58);
57793
57809
  var SelectGrid = /** @class */ (function (_super) {
57794
57810
  __extends(SelectGrid, _super);
57795
57811
  function SelectGrid(props) {
@@ -61916,7 +61932,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
61916
61932
  exports.TreeSelect = void 0;
61917
61933
  var React = __importStar(__webpack_require__(0));
61918
61934
  var Icon_1 = __webpack_require__(7);
61919
- var Loader_1 = __webpack_require__(57);
61935
+ var Loader_1 = __webpack_require__(58);
61920
61936
  var classnames_1 = __importDefault(__webpack_require__(2));
61921
61937
  var react_id_generator_1 = __importDefault(__webpack_require__(8));
61922
61938
  var TreeSelect = /** @class */ (function (_super) {
@@ -62916,7 +62932,7 @@ var ReactIs = __webpack_require__(48);
62916
62932
  var assign = __webpack_require__(258);
62917
62933
 
62918
62934
  var ReactPropTypesSecret = __webpack_require__(49);
62919
- var has = __webpack_require__(73);
62935
+ var has = __webpack_require__(74);
62920
62936
  var checkPropTypes = __webpack_require__(259);
62921
62937
 
62922
62938
  var printWarning = function() {};
@@ -63632,7 +63648,7 @@ var printWarning = function() {};
63632
63648
  if (process.env.NODE_ENV !== 'production') {
63633
63649
  var ReactPropTypesSecret = __webpack_require__(49);
63634
63650
  var loggedTypeFailures = {};
63635
- var has = __webpack_require__(73);
63651
+ var has = __webpack_require__(74);
63636
63652
 
63637
63653
  printWarning = function(text) {
63638
63654
  var message = 'Warning: ' + text;
@@ -63934,7 +63950,7 @@ var Input = /** @class */ (function (_super) {
63934
63950
  };
63935
63951
  Input.prototype.render = function () {
63936
63952
  var _a, _b;
63937
- return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, value: this.state.value, invalid: this.state.invalid, info: this.props.info, maxLength: this.props.maxLength, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, size: (_a = this.props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: this.props.fullWidth, htmlId: this.htmlId, boxedStyle: this.props.boxedStyle, boxedLable: this.props.boxedLable, tabindex: this.props.tabindex },
63953
+ return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, value: this.state.value, invalid: this.props.invalid, info: this.props.info, maxLength: this.props.maxLength, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, size: (_a = this.props.size) !== null && _a !== void 0 ? _a : 'medium', fullWidth: this.props.fullWidth, htmlId: this.htmlId, boxedStyle: this.props.boxedStyle, boxedLable: this.props.boxedLable, tabindex: this.props.tabindex },
63938
63954
  React.createElement("input", { className: 'sd-input__input', type: (_b = this.props.type) !== null && _b !== void 0 ? _b : 'text', id: this.htmlId, value: this.state.value, "aria-describedby": this.htmlId + 'label', tabIndex: this.props.tabindex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled })));
63939
63955
  };
63940
63956
  return Input;
@@ -66063,7 +66079,7 @@ _defineProperty(PrimeReact, "ripple", false);
66063
66079
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react__ = __webpack_require__(0);
66064
66080
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_6_react__);
66065
66081
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Transition__ = __webpack_require__(52);
66066
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_PropTypes__ = __webpack_require__(75);
66082
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_PropTypes__ = __webpack_require__(76);
66067
66083
 
66068
66084
 
66069
66085
 
@@ -66554,7 +66570,7 @@ function removeClass(element, className) {
66554
66570
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
66555
66571
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom__ = __webpack_require__(9);
66556
66572
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_dom___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_dom__);
66557
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__TransitionGroup__ = __webpack_require__(76);
66573
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__TransitionGroup__ = __webpack_require__(77);
66558
66574
 
66559
66575
 
66560
66576
 
@@ -69983,7 +69999,7 @@ function getUTCDayOfYear(dirtyDate) {
69983
69999
  "use strict";
69984
70000
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
69985
70001
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(14);
69986
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(55);
70002
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(56);
69987
70003
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(310);
69988
70004
 
69989
70005
 
@@ -70011,7 +70027,7 @@ function getUTCISOWeek(dirtyDate) {
70011
70027
  "use strict";
70012
70028
  /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
70013
70029
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(214);
70014
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(55);
70030
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(56);
70015
70031
 
70016
70032
  // This function will be a part of public API when UTC function will be implemented.
70017
70033
  // See issue: https://github.com/date-fns/date-fns/issues/376
@@ -70036,7 +70052,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
70036
70052
  "use strict";
70037
70053
  /* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
70038
70054
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(14);
70039
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(56);
70055
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(57);
70040
70056
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(312);
70041
70057
 
70042
70058
 
@@ -70065,7 +70081,7 @@ function getUTCWeek(dirtyDate, options) {
70065
70081
  /* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
70066
70082
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(25);
70067
70083
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(215);
70068
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(56);
70084
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(57);
70069
70085
 
70070
70086
 
70071
70087
  // This function will be a part of public API when UTC function will be implemented.
@@ -70273,7 +70289,7 @@ var _reactDom = _interopRequireDefault(__webpack_require__(9));
70273
70289
 
70274
70290
  var _propTypes = _interopRequireDefault(__webpack_require__(4));
70275
70291
 
70276
- var _InputText = __webpack_require__(71);
70292
+ var _InputText = __webpack_require__(72);
70277
70293
 
70278
70294
  var _Button = __webpack_require__(216);
70279
70295
 
@@ -75844,7 +75860,7 @@ function getClippingRect(element, boundary, rootBoundary) {
75844
75860
  /* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
75845
75861
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
75846
75862
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(21);
75847
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(63);
75863
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(64);
75848
75864
 
75849
75865
 
75850
75866
 
@@ -75894,8 +75910,8 @@ function getViewportRect(element) {
75894
75910
  /* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
75895
75911
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(21);
75896
75912
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(31);
75897
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(63);
75898
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(64);
75913
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(64);
75914
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(65);
75899
75915
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(27);
75900
75916
 
75901
75917
 
@@ -75934,7 +75950,7 @@ function getDocumentRect(element) {
75934
75950
  "use strict";
75935
75951
  /* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
75936
75952
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(45);
75937
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(65);
75953
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(66);
75938
75954
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(26);
75939
75955
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
75940
75956
 
@@ -76033,9 +76049,9 @@ function getAltAxis(axis) {
76033
76049
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(366);
76034
76050
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(26);
76035
76051
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
76036
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(63);
76052
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(64);
76037
76053
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(21);
76038
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(65);
76054
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(66);
76039
76055
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(27);
76040
76056
 
76041
76057
 
@@ -76102,7 +76118,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
76102
76118
 
76103
76119
  "use strict";
76104
76120
  /* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
76105
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(64);
76121
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(65);
76106
76122
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
76107
76123
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
76108
76124
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(367);
@@ -76357,11 +76373,11 @@ function mergeByName(modifiers) {
76357
76373
  "use strict";
76358
76374
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
76359
76375
  /* unused harmony export defaultModifiers */
76360
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(67);
76361
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(62);
76362
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(66);
76363
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(61);
76364
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(58);
76376
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(68);
76377
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(63);
76378
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(67);
76379
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(62);
76380
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(59);
76365
76381
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(233);
76366
76382
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(228);
76367
76383
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(234);
@@ -76858,7 +76874,7 @@ var _propTypes = _interopRequireDefault(__webpack_require__(4));
76858
76874
 
76859
76875
  var _reactDom = _interopRequireDefault(__webpack_require__(9));
76860
76876
 
76861
- var _InputText = __webpack_require__(71);
76877
+ var _InputText = __webpack_require__(72);
76862
76878
 
76863
76879
  var _Button = __webpack_require__(216);
76864
76880
 
@@ -98071,7 +98087,7 @@ exports.IconPicker = void 0;
98071
98087
  var React = __importStar(__webpack_require__(0));
98072
98088
  // @ts-ignore
98073
98089
  var iconFont = __importStar(__webpack_require__(249));
98074
- var Button_1 = __webpack_require__(70);
98090
+ var Button_1 = __webpack_require__(71);
98075
98091
  var Icon_1 = __webpack_require__(7);
98076
98092
  var SelectGrid_1 = __webpack_require__(237);
98077
98093
  var IconPicker = /** @class */ (function (_super) {
@@ -102029,7 +102045,7 @@ var React = __importStar(__webpack_require__(0));
102029
102045
  var classnames_1 = __importDefault(__webpack_require__(2));
102030
102046
  var react_beautiful_dnd_1 = __webpack_require__(578);
102031
102047
  var Tooltip_1 = __webpack_require__(38);
102032
- var Button_1 = __webpack_require__(70);
102048
+ var Button_1 = __webpack_require__(71);
102033
102049
  var Dropdown_1 = __webpack_require__(248);
102034
102050
  var TableListItem = /** @class */ (function (_super) {
102035
102051
  __extends(TableListItem, _super);
@@ -104249,7 +104265,7 @@ var getBatch = function getBatch() {
104249
104265
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
104250
104266
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(467);
104251
104267
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(468);
104252
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(69);
104268
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(70);
104253
104269
 
104254
104270
 
104255
104271
  var _excluded = ["getDisplayName", "methodName", "renderCountProp", "shouldHandleStateChanges", "storeKey", "withRef", "forwardRef", "context"],
@@ -104794,7 +104810,7 @@ function warning(message) {
104794
104810
  /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return useStore; });
104795
104811
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
104796
104812
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
104797
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(69);
104813
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(70);
104798
104814
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__useReduxContext__ = __webpack_require__(481);
104799
104815
 
104800
104816
 
@@ -104847,7 +104863,7 @@ var useStore = /*#__PURE__*/createStoreHook();
104847
104863
  /* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["a"] = useReduxContext;
104848
104864
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
104849
104865
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
104850
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(69);
104866
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_Context__ = __webpack_require__(70);
104851
104867
 
104852
104868
 
104853
104869
  /**
@@ -104924,7 +104940,7 @@ var React = __importStar(__webpack_require__(0));
104924
104940
  var index_1 = __webpack_require__(3);
104925
104941
  var Layout = __importStar(__webpack_require__(16));
104926
104942
  var Form = __importStar(__webpack_require__(15));
104927
- var Nav = __importStar(__webpack_require__(72));
104943
+ var Nav = __importStar(__webpack_require__(73));
104928
104944
  var TableList_1 = __webpack_require__(466);
104929
104945
  var RundownEditor = /** @class */ (function (_super) {
104930
104946
  __extends(RundownEditor, _super);
@@ -113116,7 +113132,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
113116
113132
  var React = __importStar(__webpack_require__(0));
113117
113133
  var Markup = __importStar(__webpack_require__(5));
113118
113134
  var app_typescript_1 = __webpack_require__(3);
113119
- var DurationInput_1 = __webpack_require__(77);
113135
+ var DurationInput_1 = __webpack_require__(54);
113120
113136
  var InputsDoc = /** @class */ (function (_super) {
113121
113137
  __extends(InputsDoc, _super);
113122
113138
  function InputsDoc(props) {
@@ -118606,7 +118622,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
118606
118622
  var React = __importStar(__webpack_require__(0));
118607
118623
  var Markup = __importStar(__webpack_require__(5));
118608
118624
  var app_typescript_1 = __webpack_require__(3);
118609
- var GridElements = __importStar(__webpack_require__(68));
118625
+ var GridElements = __importStar(__webpack_require__(69));
118610
118626
  var GridItemDoc = /** @class */ (function (_super) {
118611
118627
  __extends(GridItemDoc, _super);
118612
118628
  function GridItemDoc(props) {
@@ -129322,7 +129338,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
129322
129338
  "use strict";
129323
129339
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Provider__ = __webpack_require__(584);
129324
129340
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__components_connectAdvanced__ = __webpack_require__(475);
129325
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(69);
129341
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__components_Context__ = __webpack_require__(70);
129326
129342
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__connect_connect__ = __webpack_require__(588);
129327
129343
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__hooks_useDispatch__ = __webpack_require__(596);
129328
129344
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__hooks_useSelector__ = __webpack_require__(597);
@@ -129358,7 +129374,7 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
129358
129374
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
129359
129375
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(4);
129360
129376
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
129361
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(69);
129377
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(70);
129362
129378
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(467);
129363
129379
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(468);
129364
129380
 
@@ -130078,7 +130094,7 @@ function verifySubselectors(mapStateToProps, mapDispatchToProps, mergeProps, dis
130078
130094
  "use strict";
130079
130095
  /* unused harmony export createDispatchHook */
130080
130096
  /* unused harmony export useDispatch */
130081
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Context__ = __webpack_require__(69);
130097
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__components_Context__ = __webpack_require__(70);
130082
130098
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useStore__ = __webpack_require__(480);
130083
130099
 
130084
130100
 
@@ -130136,7 +130152,7 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
130136
130152
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(481);
130137
130153
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(467);
130138
130154
  /* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(468);
130139
- /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(69);
130155
+ /* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(70);
130140
130156
 
130141
130157
 
130142
130158
 
@@ -131508,7 +131524,7 @@ exports.SamsPlayground = void 0;
131508
131524
  var React = __importStar(__webpack_require__(0));
131509
131525
  var Components = __importStar(__webpack_require__(46));
131510
131526
  var index_1 = __webpack_require__(3);
131511
- var GridElements = __importStar(__webpack_require__(68));
131527
+ var GridElements = __importStar(__webpack_require__(69));
131512
131528
  var items_1 = __importDefault(__webpack_require__(469));
131513
131529
  var SamsPlayground = /** @class */ (function (_super) {
131514
131530
  __extends(SamsPlayground, _super);
@@ -132105,7 +132121,7 @@ exports.UiPlayground = void 0;
132105
132121
  var React = __importStar(__webpack_require__(0));
132106
132122
  var Components = __importStar(__webpack_require__(46));
132107
132123
  var index_1 = __webpack_require__(3);
132108
- var GridElements = __importStar(__webpack_require__(68));
132124
+ var GridElements = __importStar(__webpack_require__(69));
132109
132125
  var items_1 = __importDefault(__webpack_require__(469));
132110
132126
  var UiPlayground = /** @class */ (function (_super) {
132111
132127
  __extends(UiPlayground, _super);
@@ -132346,7 +132362,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
132346
132362
  exports.PageLayoutTest = void 0;
132347
132363
  var React = __importStar(__webpack_require__(0));
132348
132364
  var index_1 = __webpack_require__(3);
132349
- var GridElements = __importStar(__webpack_require__(68));
132365
+ var GridElements = __importStar(__webpack_require__(69));
132350
132366
  var Layout = __importStar(__webpack_require__(16));
132351
132367
  var items_1 = __importDefault(__webpack_require__(469));
132352
132368
  var PageLayoutTest = /** @class */ (function (_super) {
@@ -132482,7 +132498,7 @@ var React = __importStar(__webpack_require__(0));
132482
132498
  var index_1 = __webpack_require__(3);
132483
132499
  var Layout = __importStar(__webpack_require__(16));
132484
132500
  var Form = __importStar(__webpack_require__(15));
132485
- var Nav = __importStar(__webpack_require__(72));
132501
+ var Nav = __importStar(__webpack_require__(73));
132486
132502
  var Lists_1 = __webpack_require__(239);
132487
132503
  var Lists_2 = __webpack_require__(239);
132488
132504
  var EditorTest = /** @class */ (function (_super) {
@@ -133085,7 +133101,7 @@ var index_1 = __webpack_require__(3);
133085
133101
  var Layout = __importStar(__webpack_require__(16));
133086
133102
  var Form = __importStar(__webpack_require__(15));
133087
133103
  var RundownEditor_1 = __webpack_require__(482);
133088
- var Nav = __importStar(__webpack_require__(72));
133104
+ var Nav = __importStar(__webpack_require__(73));
133089
133105
  var ContentList_1 = __webpack_require__(241);
133090
133106
  var TableList_1 = __webpack_require__(466);
133091
133107
  var Rundowns = /** @class */ (function (_super) {
@@ -134984,7 +135000,7 @@ var _react = _interopRequireWildcard(__webpack_require__(0));
134984
135000
 
134985
135001
  var _propTypes = _interopRequireDefault(__webpack_require__(4));
134986
135002
 
134987
- var _InputText = __webpack_require__(71);
135003
+ var _InputText = __webpack_require__(72);
134988
135004
 
134989
135005
  var _Checkbox = __webpack_require__(625);
134990
135006
 
@@ -136017,7 +136033,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
136017
136033
  var React = __importStar(__webpack_require__(0));
136018
136034
  var Markup = __importStar(__webpack_require__(5));
136019
136035
  var app_typescript_1 = __webpack_require__(3);
136020
- var DurationInput_1 = __webpack_require__(77);
136036
+ var DurationInput_1 = __webpack_require__(54);
136021
136037
  var DurationInputDoc = /** @class */ (function (_super) {
136022
136038
  __extends(DurationInputDoc, _super);
136023
136039
  function DurationInputDoc(props) {
@@ -136363,7 +136379,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
136363
136379
  /* 633 */
136364
136380
  /***/ (function(module, exports) {
136365
136381
 
136366
- module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.5","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","prepublish":"patch-package"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@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","patch-package":"6.2.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-4","@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"}}
136382
+ module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.6","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","prepublish":"patch-package"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@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","patch-package":"6.2.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-4","@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"}}
136367
136383
 
136368
136384
  /***/ }),
136369
136385
  /* 634 */