superdesk-ui-framework 3.0.1-beta.13 → 3.0.1-beta.15
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/scripts/toggleBoxNext.js +1 -1
- package/app/styles/_buttons.scss +1 -1
- package/app/styles/_content-divider.scss +5 -5
- package/app/styles/_helpers.scss +24 -1
- package/app/styles/_icon-font.scss +9 -9
- package/app/styles/_modals.scss +3 -0
- package/app/styles/_normalize.scss +4 -0
- package/app/styles/_simple-list.scss +1 -0
- package/app/styles/_table-list.scss +11 -1
- package/app/styles/app.scss +1 -0
- package/app/styles/components/_list-item.scss +23 -16
- package/app/styles/components/_sd-collapse-box.scss +6 -6
- package/app/styles/design-tokens/_new-colors.scss +10 -5
- package/app/styles/dropdowns/_basic-dropdown.scss +6 -0
- package/app/styles/form-elements/_input-wrap.scss +138 -0
- package/app/styles/form-elements/_inputs.scss +230 -61
- package/app/styles/interface-elements/_side-panel.scss +1 -1
- package/app/styles/primereact/_pr-dialog.scss +1 -0
- package/app/styles/primereact/_pr-menu.scss +6 -5
- package/app-typescript/components/Dropdown.tsx +65 -65
- package/app-typescript/components/DurationInput.tsx +10 -6
- package/app-typescript/components/Form/FormLabel.tsx +8 -1
- package/app-typescript/components/Form/InputBase.tsx +12 -2
- package/app-typescript/components/Lists/ContentList.tsx +28 -4
- package/app-typescript/components/Lists/TableList.tsx +11 -9
- package/dist/examples.bundle.css +8 -8
- package/dist/examples.bundle.js +1075 -640
- package/dist/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +5 -10
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +20 -21
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/dist/react/ContentDivider.tsx +4 -4
- package/dist/react/ContentList.tsx +2 -10
- package/dist/react/Dropdowns.tsx +357 -5
- package/dist/react/Inputs.tsx +1 -7
- package/dist/react/TableList.tsx +28 -30
- package/dist/react/Togglebox.tsx +1 -1
- package/dist/superdesk-ui.bundle.css +463 -176
- package/dist/superdesk-ui.bundle.js +591 -539
- package/dist/vendor.bundle.js +2 -2
- package/examples/pages/playgrounds/react-playgrounds/CoreLayout.tsx +1 -1
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +5 -10
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +20 -21
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +198 -25
- package/examples/pages/react/ContentDivider.tsx +4 -4
- package/examples/pages/react/ContentList.tsx +2 -10
- package/examples/pages/react/Dropdowns.tsx +357 -5
- package/examples/pages/react/Inputs.tsx +1 -7
- package/examples/pages/react/TableList.tsx +28 -30
- package/examples/pages/react/Togglebox.tsx +1 -1
- package/package.json +1 -1
- package/react/components/Dropdown.d.ts +4 -4
- package/react/components/Dropdown.js +19 -15
- package/react/components/DurationInput.d.ts +1 -1
- package/react/components/DurationInput.js +12 -7
- package/react/components/Form/FormLabel.d.ts +4 -1
- package/react/components/Form/FormLabel.js +9 -3
- package/react/components/Form/InputBase.d.ts +0 -1
- package/react/components/Form/InputBase.js +15 -1
- package/react/components/Lists/ContentList.d.ts +5 -0
- package/react/components/Lists/ContentList.js +36 -15
- package/react/components/Lists/TableList.d.ts +5 -5
- package/react/components/Lists/TableList.js +6 -4
package/dist/examples.bundle.js
CHANGED
@@ -5769,7 +5769,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
|
|
5769
5769
|
|
5770
5770
|
})));
|
5771
5771
|
|
5772
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(
|
5772
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(50)(module)))
|
5773
5773
|
|
5774
5774
|
/***/ }),
|
5775
5775
|
/* 2 */
|
@@ -5860,7 +5860,7 @@ exports.TableListItem = exports.TableList = exports.TreeSelect = exports.BottomN
|
|
5860
5860
|
exports.ContentListItem = void 0;
|
5861
5861
|
var HelloWorld_1 = __webpack_require__(277);
|
5862
5862
|
Object.defineProperty(exports, "HelloWorld", { enumerable: true, get: function () { return HelloWorld_1.HelloWorld; } });
|
5863
|
-
var Button_1 = __webpack_require__(
|
5863
|
+
var Button_1 = __webpack_require__(52);
|
5864
5864
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
5865
5865
|
var Input_1 = __webpack_require__(278);
|
5866
5866
|
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return Input_1.Input; } });
|
@@ -5891,15 +5891,15 @@ var IconLabel_1 = __webpack_require__(306);
|
|
5891
5891
|
Object.defineProperty(exports, "IconLabel", { enumerable: true, get: function () { return IconLabel_1.IconLabel; } });
|
5892
5892
|
var Tooltip_1 = __webpack_require__(36);
|
5893
5893
|
Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return Tooltip_1.Tooltip; } });
|
5894
|
-
var DurationInput_1 = __webpack_require__(
|
5894
|
+
var DurationInput_1 = __webpack_require__(75);
|
5895
5895
|
Object.defineProperty(exports, "DurationInput", { enumerable: true, get: function () { return DurationInput_1.DurationInput; } });
|
5896
|
-
var DurationInput_2 = __webpack_require__(
|
5896
|
+
var DurationInput_2 = __webpack_require__(75);
|
5897
5897
|
Object.defineProperty(exports, "getDurationString", { enumerable: true, get: function () { return DurationInput_2.getDurationString; } });
|
5898
|
-
var DatePicker_1 = __webpack_require__(
|
5898
|
+
var DatePicker_1 = __webpack_require__(56);
|
5899
5899
|
Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return DatePicker_1.DatePicker; } });
|
5900
|
-
var DatePicker_2 = __webpack_require__(
|
5900
|
+
var DatePicker_2 = __webpack_require__(56);
|
5901
5901
|
Object.defineProperty(exports, "DatePickerISO", { enumerable: true, get: function () { return DatePicker_2.DatePickerISO; } });
|
5902
|
-
var DatePicker_3 = __webpack_require__(
|
5902
|
+
var DatePicker_3 = __webpack_require__(56);
|
5903
5903
|
Object.defineProperty(exports, "DatePickerLocaleSettings", { enumerable: true, get: function () { return DatePicker_3.DatePickerLocaleSettings; } });
|
5904
5904
|
var TimePicker_1 = __webpack_require__(264);
|
5905
5905
|
Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return TimePicker_1.TimePicker; } });
|
@@ -5911,7 +5911,7 @@ var SwitchGroup_1 = __webpack_require__(339);
|
|
5911
5911
|
Object.defineProperty(exports, "SwitchGroup", { enumerable: true, get: function () { return SwitchGroup_1.SwitchGroup; } });
|
5912
5912
|
var ButtonGroup_1 = __webpack_require__(340);
|
5913
5913
|
Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return ButtonGroup_1.ButtonGroup; } });
|
5914
|
-
var Loader_1 = __webpack_require__(
|
5914
|
+
var Loader_1 = __webpack_require__(59);
|
5915
5915
|
Object.defineProperty(exports, "Loader", { enumerable: true, get: function () { return Loader_1.Loader; } });
|
5916
5916
|
var RadioGroup_1 = __webpack_require__(341);
|
5917
5917
|
Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return RadioGroup_1.RadioGroup; } });
|
@@ -5983,7 +5983,7 @@ var TagInputTest_1 = __webpack_require__(417);
|
|
5983
5983
|
Object.defineProperty(exports, "TagInputTest", { enumerable: true, get: function () { return TagInputTest_1.TagInputTest; } });
|
5984
5984
|
var GridList_1 = __webpack_require__(418);
|
5985
5985
|
Object.defineProperty(exports, "GridList", { enumerable: true, get: function () { return GridList_1.GridList; } });
|
5986
|
-
var GridItem_1 = __webpack_require__(
|
5986
|
+
var GridItem_1 = __webpack_require__(71);
|
5987
5987
|
Object.defineProperty(exports, "GridItem", { enumerable: true, get: function () { return GridItem_1.GridItem; } });
|
5988
5988
|
Object.defineProperty(exports, "GridItemContent", { enumerable: true, get: function () { return GridItem_1.GridItemContent; } });
|
5989
5989
|
Object.defineProperty(exports, "GridItemMedia", { enumerable: true, get: function () { return GridItem_1.GridItemMedia; } });
|
@@ -6025,7 +6025,7 @@ var Skeleton_1 = __webpack_require__(246);
|
|
6025
6025
|
Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return Skeleton_1.Skeleton; } });
|
6026
6026
|
var ListItemLoader_1 = __webpack_require__(479);
|
6027
6027
|
Object.defineProperty(exports, "ListItemLoader", { enumerable: true, get: function () { return ListItemLoader_1.ListItemLoader; } });
|
6028
|
-
var Spinner_1 = __webpack_require__(
|
6028
|
+
var Spinner_1 = __webpack_require__(53);
|
6029
6029
|
Object.defineProperty(exports, "Spinner", { enumerable: true, get: function () { return Spinner_1.Spinner; } });
|
6030
6030
|
Object.defineProperty(exports, "LoadingOverlay", { enumerable: true, get: function () { return Spinner_1.LoadingOverlay; } });
|
6031
6031
|
var Text_1 = __webpack_require__(480);
|
@@ -7672,7 +7672,7 @@ var FormItem_1 = __webpack_require__(281);
|
|
7672
7672
|
Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return FormItem_1.FormItem; } });
|
7673
7673
|
var FormText_1 = __webpack_require__(282);
|
7674
7674
|
Object.defineProperty(exports, "FormText", { enumerable: true, get: function () { return FormText_1.FormText; } });
|
7675
|
-
var FormLabel_1 = __webpack_require__(
|
7675
|
+
var FormLabel_1 = __webpack_require__(49);
|
7676
7676
|
Object.defineProperty(exports, "FormLabel", { enumerable: true, get: function () { return FormLabel_1.FormLabel; } });
|
7677
7677
|
var InputWrapper_1 = __webpack_require__(283);
|
7678
7678
|
Object.defineProperty(exports, "InputWrapper", { enumerable: true, get: function () { return InputWrapper_1.InputWrapper; } });
|
@@ -26208,7 +26208,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
26208
26208
|
}
|
26209
26209
|
}.call(this));
|
26210
26210
|
|
26211
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(
|
26211
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(50)(module)))
|
26212
26212
|
|
26213
26213
|
/***/ }),
|
26214
26214
|
/* 34 */
|
@@ -38021,6 +38021,75 @@ if (process.env.NODE_ENV === 'production') {
|
|
38021
38021
|
|
38022
38022
|
/***/ }),
|
38023
38023
|
/* 49 */
|
38024
|
+
/***/ (function(module, exports, __webpack_require__) {
|
38025
|
+
|
38026
|
+
"use strict";
|
38027
|
+
|
38028
|
+
var __extends = (this && this.__extends) || (function () {
|
38029
|
+
var extendStatics = function (d, b) {
|
38030
|
+
extendStatics = Object.setPrototypeOf ||
|
38031
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
38032
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
38033
|
+
return extendStatics(d, b);
|
38034
|
+
};
|
38035
|
+
return function (d, b) {
|
38036
|
+
if (typeof b !== "function" && b !== null)
|
38037
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
38038
|
+
extendStatics(d, b);
|
38039
|
+
function __() { this.constructor = d; }
|
38040
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
38041
|
+
};
|
38042
|
+
})();
|
38043
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
38044
|
+
if (k2 === undefined) k2 = k;
|
38045
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
38046
|
+
}) : (function(o, m, k, k2) {
|
38047
|
+
if (k2 === undefined) k2 = k;
|
38048
|
+
o[k2] = m[k];
|
38049
|
+
}));
|
38050
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
38051
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
38052
|
+
}) : function(o, v) {
|
38053
|
+
o["default"] = v;
|
38054
|
+
});
|
38055
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
38056
|
+
if (mod && mod.__esModule) return mod;
|
38057
|
+
var result = {};
|
38058
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
38059
|
+
__setModuleDefault(result, mod);
|
38060
|
+
return result;
|
38061
|
+
};
|
38062
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
38063
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38064
|
+
};
|
38065
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
38066
|
+
exports.FormLabel = void 0;
|
38067
|
+
var React = __importStar(__webpack_require__(0));
|
38068
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
38069
|
+
var FormLabel = /** @class */ (function (_super) {
|
38070
|
+
__extends(FormLabel, _super);
|
38071
|
+
function FormLabel() {
|
38072
|
+
return _super !== null && _super.apply(this, arguments) || this;
|
38073
|
+
}
|
38074
|
+
FormLabel.prototype.render = function () {
|
38075
|
+
var _a;
|
38076
|
+
var classes = (0, classnames_1.default)('form-label', (_a = {
|
38077
|
+
'form-label--light': this.props.style === 'light',
|
38078
|
+
'form-label--boxed': this.props.style === 'boxed',
|
38079
|
+
'form-label--required': this.props.required,
|
38080
|
+
'form-label--invalid': this.props.invalid
|
38081
|
+
},
|
38082
|
+
_a["form-label--".concat(this.props.state)] = this.props.state !== 'default' && this.props.state !== undefined,
|
38083
|
+
_a));
|
38084
|
+
return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
|
38085
|
+
};
|
38086
|
+
return FormLabel;
|
38087
|
+
}(React.PureComponent));
|
38088
|
+
exports.FormLabel = FormLabel;
|
38089
|
+
|
38090
|
+
|
38091
|
+
/***/ }),
|
38092
|
+
/* 50 */
|
38024
38093
|
/***/ (function(module, exports) {
|
38025
38094
|
|
38026
38095
|
module.exports = function(module) {
|
@@ -38048,7 +38117,7 @@ module.exports = function(module) {
|
|
38048
38117
|
|
38049
38118
|
|
38050
38119
|
/***/ }),
|
38051
|
-
/*
|
38120
|
+
/* 51 */
|
38052
38121
|
/***/ (function(module, exports, __webpack_require__) {
|
38053
38122
|
|
38054
38123
|
"use strict";
|
@@ -38067,7 +38136,7 @@ module.exports = ReactPropTypesSecret;
|
|
38067
38136
|
|
38068
38137
|
|
38069
38138
|
/***/ }),
|
38070
|
-
/*
|
38139
|
+
/* 52 */
|
38071
38140
|
/***/ (function(module, exports, __webpack_require__) {
|
38072
38141
|
|
38073
38142
|
"use strict";
|
@@ -38114,7 +38183,7 @@ exports.Button = void 0;
|
|
38114
38183
|
var React = __importStar(__webpack_require__(0));
|
38115
38184
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
38116
38185
|
var Icon_1 = __webpack_require__(7);
|
38117
|
-
var Spinner_1 = __webpack_require__(
|
38186
|
+
var Spinner_1 = __webpack_require__(53);
|
38118
38187
|
var Button = /** @class */ (function (_super) {
|
38119
38188
|
__extends(Button, _super);
|
38120
38189
|
function Button() {
|
@@ -38145,7 +38214,7 @@ exports.Button = Button;
|
|
38145
38214
|
|
38146
38215
|
|
38147
38216
|
/***/ }),
|
38148
|
-
/*
|
38217
|
+
/* 53 */
|
38149
38218
|
/***/ (function(module, exports, __webpack_require__) {
|
38150
38219
|
|
38151
38220
|
"use strict";
|
@@ -38222,69 +38291,6 @@ var Spinner = /** @class */ (function (_super) {
|
|
38222
38291
|
exports.Spinner = Spinner;
|
38223
38292
|
|
38224
38293
|
|
38225
|
-
/***/ }),
|
38226
|
-
/* 53 */
|
38227
|
-
/***/ (function(module, exports, __webpack_require__) {
|
38228
|
-
|
38229
|
-
"use strict";
|
38230
|
-
|
38231
|
-
var __extends = (this && this.__extends) || (function () {
|
38232
|
-
var extendStatics = function (d, b) {
|
38233
|
-
extendStatics = Object.setPrototypeOf ||
|
38234
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
38235
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
38236
|
-
return extendStatics(d, b);
|
38237
|
-
};
|
38238
|
-
return function (d, b) {
|
38239
|
-
if (typeof b !== "function" && b !== null)
|
38240
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
38241
|
-
extendStatics(d, b);
|
38242
|
-
function __() { this.constructor = d; }
|
38243
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
38244
|
-
};
|
38245
|
-
})();
|
38246
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
38247
|
-
if (k2 === undefined) k2 = k;
|
38248
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
38249
|
-
}) : (function(o, m, k, k2) {
|
38250
|
-
if (k2 === undefined) k2 = k;
|
38251
|
-
o[k2] = m[k];
|
38252
|
-
}));
|
38253
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
38254
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
38255
|
-
}) : function(o, v) {
|
38256
|
-
o["default"] = v;
|
38257
|
-
});
|
38258
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
38259
|
-
if (mod && mod.__esModule) return mod;
|
38260
|
-
var result = {};
|
38261
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
38262
|
-
__setModuleDefault(result, mod);
|
38263
|
-
return result;
|
38264
|
-
};
|
38265
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
38266
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38267
|
-
};
|
38268
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
38269
|
-
exports.FormLabel = void 0;
|
38270
|
-
var React = __importStar(__webpack_require__(0));
|
38271
|
-
var classnames_1 = __importDefault(__webpack_require__(2));
|
38272
|
-
var FormLabel = /** @class */ (function (_super) {
|
38273
|
-
__extends(FormLabel, _super);
|
38274
|
-
function FormLabel() {
|
38275
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
38276
|
-
}
|
38277
|
-
FormLabel.prototype.render = function () {
|
38278
|
-
var classes = (0, classnames_1.default)('form-label', {
|
38279
|
-
'form-label--light': this.props.style === 'light',
|
38280
|
-
});
|
38281
|
-
return (React.createElement("label", { htmlFor: this.props.forId, className: classes }, this.props.text));
|
38282
|
-
};
|
38283
|
-
return FormLabel;
|
38284
|
-
}(React.PureComponent));
|
38285
|
-
exports.FormLabel = FormLabel;
|
38286
|
-
|
38287
|
-
|
38288
38294
|
/***/ }),
|
38289
38295
|
/* 54 */
|
38290
38296
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
@@ -38950,356 +38956,6 @@ Transition.EXITING = EXITING;
|
|
38950
38956
|
|
38951
38957
|
"use strict";
|
38952
38958
|
|
38953
|
-
var __extends = (this && this.__extends) || (function () {
|
38954
|
-
var extendStatics = function (d, b) {
|
38955
|
-
extendStatics = Object.setPrototypeOf ||
|
38956
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
38957
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
38958
|
-
return extendStatics(d, b);
|
38959
|
-
};
|
38960
|
-
return function (d, b) {
|
38961
|
-
if (typeof b !== "function" && b !== null)
|
38962
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
38963
|
-
extendStatics(d, b);
|
38964
|
-
function __() { this.constructor = d; }
|
38965
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
38966
|
-
};
|
38967
|
-
})();
|
38968
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
38969
|
-
if (k2 === undefined) k2 = k;
|
38970
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
38971
|
-
}) : (function(o, m, k, k2) {
|
38972
|
-
if (k2 === undefined) k2 = k;
|
38973
|
-
o[k2] = m[k];
|
38974
|
-
}));
|
38975
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
38976
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
38977
|
-
}) : function(o, v) {
|
38978
|
-
o["default"] = v;
|
38979
|
-
});
|
38980
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
38981
|
-
if (mod && mod.__esModule) return mod;
|
38982
|
-
var result = {};
|
38983
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
38984
|
-
__setModuleDefault(result, mod);
|
38985
|
-
return result;
|
38986
|
-
};
|
38987
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
38988
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
38989
|
-
};
|
38990
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
38991
|
-
exports.getDurationString = exports.DurationInput = void 0;
|
38992
|
-
var React = __importStar(__webpack_require__(0));
|
38993
|
-
var classnames_1 = __importDefault(__webpack_require__(2));
|
38994
|
-
var moment_1 = __importDefault(__webpack_require__(1));
|
38995
|
-
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
38996
|
-
var Form_1 = __webpack_require__(14);
|
38997
|
-
var DurationInput = /** @class */ (function (_super) {
|
38998
|
-
__extends(DurationInput, _super);
|
38999
|
-
function DurationInput(props) {
|
39000
|
-
var _this = _super.call(this, props) || this;
|
39001
|
-
_this.htmlId = (0, react_id_generator_1.default)();
|
39002
|
-
_this.state = {
|
39003
|
-
hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
|
39004
|
-
minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
|
39005
|
-
seconds: _this.stateUpdate('seconds', _this.props.seconds),
|
39006
|
-
blink: '',
|
39007
|
-
};
|
39008
|
-
_this.hourRef = React.createRef();
|
39009
|
-
_this.minuteRef = React.createRef();
|
39010
|
-
_this.secondRef = React.createRef();
|
39011
|
-
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
|
39012
|
-
_this.zeroPad = _this.zeroPad.bind(_this);
|
39013
|
-
_this.handleChange = _this.handleChange.bind(_this);
|
39014
|
-
_this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
|
39015
|
-
_this.handleKeyValue = _this.handleKeyValue.bind(_this);
|
39016
|
-
_this.valueUpdate = _this.valueUpdate.bind(_this);
|
39017
|
-
_this.stateUpdate = _this.stateUpdate.bind(_this);
|
39018
|
-
return _this;
|
39019
|
-
}
|
39020
|
-
DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
|
39021
|
-
var value;
|
39022
|
-
if (state === 'hours') {
|
39023
|
-
value = parametar1
|
39024
|
-
? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
|
39025
|
-
: Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
|
39026
|
-
}
|
39027
|
-
else if (state === 'minutes') {
|
39028
|
-
value = parametar1
|
39029
|
-
? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
|
39030
|
-
: Math.floor((parametar2 || 0) % 3600 / 60);
|
39031
|
-
}
|
39032
|
-
else {
|
39033
|
-
value = parametar1 ? parametar1 % 60 : 0;
|
39034
|
-
}
|
39035
|
-
return this.zeroPad(value);
|
39036
|
-
};
|
39037
|
-
DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
|
39038
|
-
var _this = this;
|
39039
|
-
if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
|
39040
|
-
return;
|
39041
|
-
}
|
39042
|
-
if (this.state.hours !== prevState.hours) {
|
39043
|
-
if (Number(this.hourRef.current.value) > 99) {
|
39044
|
-
this.setState({
|
39045
|
-
hours: this.zeroPad(99),
|
39046
|
-
});
|
39047
|
-
}
|
39048
|
-
}
|
39049
|
-
if (this.state.minutes !== prevState.minutes) {
|
39050
|
-
if (Number(this.minuteRef.current.value) > 59) {
|
39051
|
-
this.setState({
|
39052
|
-
hours: this.zeroPad(Number(this.state.hours) + 1),
|
39053
|
-
minutes: this.zeroPad(this.state.minutes % 60),
|
39054
|
-
});
|
39055
|
-
this.setState({ blink: 'hour' });
|
39056
|
-
setTimeout(function () {
|
39057
|
-
_this.setState({ blink: '' });
|
39058
|
-
}, 500);
|
39059
|
-
}
|
39060
|
-
if (Number(this.minuteRef.current.value) < 0) {
|
39061
|
-
this.setState({
|
39062
|
-
hours: this.zeroPad(Number(this.state.hours)) > 0
|
39063
|
-
? this.zeroPad(Number(this.state.hours) - 1)
|
39064
|
-
: this.zeroPad(Number(this.state.hours)),
|
39065
|
-
minutes: 59,
|
39066
|
-
});
|
39067
|
-
this.setState({ blink: 'hour' });
|
39068
|
-
setTimeout(function () {
|
39069
|
-
_this.setState({ blink: '' });
|
39070
|
-
}, 500);
|
39071
|
-
}
|
39072
|
-
}
|
39073
|
-
if (this.state.seconds !== prevState.seconds) {
|
39074
|
-
if (Number(this.secondRef.current.value) > 59) {
|
39075
|
-
this.setState({
|
39076
|
-
minutes: this.zeroPad(Number(this.state.minutes) + 1),
|
39077
|
-
seconds: this.zeroPad(this.state.seconds % 60),
|
39078
|
-
});
|
39079
|
-
this.setState({ blink: 'minute' });
|
39080
|
-
setTimeout(function () {
|
39081
|
-
_this.setState({ blink: '' });
|
39082
|
-
}, 500);
|
39083
|
-
}
|
39084
|
-
if (Number(this.secondRef.current.value) < 0) {
|
39085
|
-
this.setState({
|
39086
|
-
minutes: this.zeroPad(Number(this.state.minutes) - 1),
|
39087
|
-
seconds: 59,
|
39088
|
-
});
|
39089
|
-
this.setState({ blink: 'minute' });
|
39090
|
-
setTimeout(function () {
|
39091
|
-
_this.setState({ blink: '' });
|
39092
|
-
}, 500);
|
39093
|
-
}
|
39094
|
-
}
|
39095
|
-
if ((this.props.hours !== prevProps.hours)
|
39096
|
-
|| (this.props.minutes !== prevProps.minutes)
|
39097
|
-
|| (this.props.seconds !== prevProps.seconds)) {
|
39098
|
-
this.setState({
|
39099
|
-
hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
|
39100
|
-
minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
|
39101
|
-
seconds: this.stateUpdate('seconds', this.props.seconds),
|
39102
|
-
});
|
39103
|
-
}
|
39104
|
-
};
|
39105
|
-
DurationInput.prototype.valueUpdate = function () {
|
39106
|
-
if (this.props.onChange) {
|
39107
|
-
this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
|
39108
|
-
.asSeconds());
|
39109
|
-
}
|
39110
|
-
};
|
39111
|
-
DurationInput.prototype.handleKeyDown = function (event) {
|
39112
|
-
if (!(event.target instanceof HTMLInputElement)) {
|
39113
|
-
return;
|
39114
|
-
}
|
39115
|
-
if (event.target.id === 'hours') {
|
39116
|
-
if (event.key === 'ArrowRight') {
|
39117
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
39118
|
-
this.handleFocus(this.minuteRef.current, event.target.id);
|
39119
|
-
}
|
39120
|
-
}
|
39121
|
-
if (event.key === 'ArrowLeft') {
|
39122
|
-
if (event.target.selectionStart === 0) {
|
39123
|
-
this.handleFocus(this.secondRef.current, event.target.id);
|
39124
|
-
}
|
39125
|
-
}
|
39126
|
-
}
|
39127
|
-
if (event.target.id === 'minutes') {
|
39128
|
-
if (event.key === 'ArrowRight') {
|
39129
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
39130
|
-
this.handleFocus(this.secondRef.current, event.target.id);
|
39131
|
-
}
|
39132
|
-
}
|
39133
|
-
if (event.key === 'ArrowLeft') {
|
39134
|
-
if (event.target.selectionStart === 0) {
|
39135
|
-
this.handleFocus(this.hourRef.current, event.target.id);
|
39136
|
-
}
|
39137
|
-
}
|
39138
|
-
}
|
39139
|
-
if (event.target.id === 'seconds') {
|
39140
|
-
if (event.key === 'ArrowRight') {
|
39141
|
-
if (event.target.selectionEnd === event.target.value.length) {
|
39142
|
-
this.handleFocus(this.hourRef.current, event.target.id);
|
39143
|
-
}
|
39144
|
-
}
|
39145
|
-
if (event.key === 'ArrowLeft') {
|
39146
|
-
if (event.target.selectionStart === 0) {
|
39147
|
-
this.handleFocus(this.minuteRef.current, event.target.id);
|
39148
|
-
}
|
39149
|
-
}
|
39150
|
-
}
|
39151
|
-
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
|
39152
|
-
this.handleKeyValue(event, event.target.id);
|
39153
|
-
setTimeout(this.valueUpdate);
|
39154
|
-
}
|
39155
|
-
if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
|
39156
|
-
if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
|
39157
|
-
setTimeout(this.valueUpdate);
|
39158
|
-
}
|
39159
|
-
}
|
39160
|
-
};
|
39161
|
-
DurationInput.prototype.handleKeyValue = function (event, state) {
|
39162
|
-
if (!(event.target instanceof HTMLInputElement)) {
|
39163
|
-
return;
|
39164
|
-
}
|
39165
|
-
if (!this.state[state]) {
|
39166
|
-
return;
|
39167
|
-
}
|
39168
|
-
event.preventDefault();
|
39169
|
-
event.stopPropagation();
|
39170
|
-
var stateClone = {};
|
39171
|
-
if (event.key === 'ArrowUp') {
|
39172
|
-
if (event.target.id === 'hours') {
|
39173
|
-
stateClone[state] = this.state[state] < 99
|
39174
|
-
? this.zeroPad(Number(this.state[state]) + 1)
|
39175
|
-
: this.zeroPad(99);
|
39176
|
-
}
|
39177
|
-
else {
|
39178
|
-
stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
|
39179
|
-
}
|
39180
|
-
}
|
39181
|
-
else if (event.key === 'ArrowDown') {
|
39182
|
-
if (event.target.id === 'hours') {
|
39183
|
-
stateClone[state] = this.state[state] > 0
|
39184
|
-
? this.zeroPad(Number(this.state[state]) - 1)
|
39185
|
-
: this.zeroPad(0);
|
39186
|
-
}
|
39187
|
-
else {
|
39188
|
-
stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
|
39189
|
-
}
|
39190
|
-
}
|
39191
|
-
this.setState(stateClone);
|
39192
|
-
};
|
39193
|
-
DurationInput.prototype.zeroPad = function (value) {
|
39194
|
-
if (value.toString().length === 1 || value === 0) {
|
39195
|
-
return "0".concat(value);
|
39196
|
-
}
|
39197
|
-
else if (!value) {
|
39198
|
-
return '00';
|
39199
|
-
}
|
39200
|
-
else {
|
39201
|
-
return value;
|
39202
|
-
}
|
39203
|
-
};
|
39204
|
-
DurationInput.prototype.handleChange = function (event, state) {
|
39205
|
-
var stateClone = {};
|
39206
|
-
if (event.target.value.length >= 2) {
|
39207
|
-
if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
|
39208
|
-
stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
|
39209
|
-
}
|
39210
|
-
else {
|
39211
|
-
stateClone[state] = event.target.value.slice(0, 2);
|
39212
|
-
}
|
39213
|
-
}
|
39214
|
-
else {
|
39215
|
-
stateClone[state] = event.target.value;
|
39216
|
-
}
|
39217
|
-
this.setState(stateClone);
|
39218
|
-
setTimeout(this.valueUpdate);
|
39219
|
-
};
|
39220
|
-
DurationInput.prototype.handleFocus = function (ref, state) {
|
39221
|
-
ref === null || ref === void 0 ? void 0 : ref.focus();
|
39222
|
-
setTimeout(function () {
|
39223
|
-
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
39224
|
-
});
|
39225
|
-
var stateClone = {};
|
39226
|
-
stateClone[state] = this.zeroPad(this.state[state]);
|
39227
|
-
this.setState(stateClone);
|
39228
|
-
};
|
39229
|
-
DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
|
39230
|
-
if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
|
39231
|
-
if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
|
39232
|
-
var target = event.target;
|
39233
|
-
if (target.value.length >= 2) {
|
39234
|
-
ref === null || ref === void 0 ? void 0 : ref.focus();
|
39235
|
-
setTimeout(function () {
|
39236
|
-
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
39237
|
-
});
|
39238
|
-
}
|
39239
|
-
}
|
39240
|
-
}
|
39241
|
-
};
|
39242
|
-
DurationInput.prototype.render = function () {
|
39243
|
-
var _this = this;
|
39244
|
-
var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
|
39245
|
-
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
|
39246
|
-
React.createElement("div", { className: InputClasses },
|
39247
|
-
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
39248
|
-
if (!/[0-9]/.test(event.key)) {
|
39249
|
-
event.preventDefault();
|
39250
|
-
}
|
39251
|
-
} }),
|
39252
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "h"),
|
39253
|
-
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
39254
|
-
if (!/[0-9]/.test(event.key)) {
|
39255
|
-
event.preventDefault();
|
39256
|
-
}
|
39257
|
-
} }),
|
39258
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "m"),
|
39259
|
-
React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
39260
|
-
if (!/[0-9]/.test(event.key)) {
|
39261
|
-
event.preventDefault();
|
39262
|
-
}
|
39263
|
-
} }),
|
39264
|
-
React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
|
39265
|
-
};
|
39266
|
-
return DurationInput;
|
39267
|
-
}(React.PureComponent));
|
39268
|
-
exports.DurationInput = DurationInput;
|
39269
|
-
function getDurationString(seconds) {
|
39270
|
-
function zeroPad(value) {
|
39271
|
-
if (value.toString().length === 1 || value === 0) {
|
39272
|
-
return "0".concat(value);
|
39273
|
-
}
|
39274
|
-
else if (!value) {
|
39275
|
-
return '00';
|
39276
|
-
}
|
39277
|
-
else {
|
39278
|
-
return value;
|
39279
|
-
}
|
39280
|
-
}
|
39281
|
-
var hour = zeroPad(Math.floor(seconds / 3600));
|
39282
|
-
var minute = zeroPad(Math.floor((seconds % 3600) / 60));
|
39283
|
-
var second = zeroPad(Math.floor(seconds % 60));
|
39284
|
-
if (Number(hour) === 0 && Number(minute) > 0) {
|
39285
|
-
return "".concat(minute, "m ").concat(second, "s");
|
39286
|
-
}
|
39287
|
-
else if (Number(hour) === 0 && Number(minute) === 0) {
|
39288
|
-
return "".concat(second, "s");
|
39289
|
-
}
|
39290
|
-
else {
|
39291
|
-
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
39292
|
-
}
|
39293
|
-
}
|
39294
|
-
exports.getDurationString = getDurationString;
|
39295
|
-
|
39296
|
-
|
39297
|
-
/***/ }),
|
39298
|
-
/* 57 */
|
39299
|
-
/***/ (function(module, exports, __webpack_require__) {
|
39300
|
-
|
39301
|
-
"use strict";
|
39302
|
-
|
39303
38959
|
var __extends = (this && this.__extends) || (function () {
|
39304
38960
|
var extendStatics = function (d, b) {
|
39305
38961
|
extendStatics = Object.setPrototypeOf ||
|
@@ -39485,7 +39141,7 @@ exports.DatePickerISO = DatePickerISO;
|
|
39485
39141
|
|
39486
39142
|
|
39487
39143
|
/***/ }),
|
39488
|
-
/*
|
39144
|
+
/* 57 */
|
39489
39145
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39490
39146
|
|
39491
39147
|
"use strict";
|
@@ -39509,7 +39165,7 @@ function startOfUTCISOWeek(dirtyDate) {
|
|
39509
39165
|
}
|
39510
39166
|
|
39511
39167
|
/***/ }),
|
39512
|
-
/*
|
39168
|
+
/* 58 */
|
39513
39169
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39514
39170
|
|
39515
39171
|
"use strict";
|
@@ -39544,7 +39200,7 @@ function startOfUTCWeek(dirtyDate, dirtyOptions) {
|
|
39544
39200
|
}
|
39545
39201
|
|
39546
39202
|
/***/ }),
|
39547
|
-
/*
|
39203
|
+
/* 59 */
|
39548
39204
|
/***/ (function(module, exports, __webpack_require__) {
|
39549
39205
|
|
39550
39206
|
"use strict";
|
@@ -39605,7 +39261,7 @@ exports.Loader = Loader;
|
|
39605
39261
|
|
39606
39262
|
|
39607
39263
|
/***/ }),
|
39608
|
-
/*
|
39264
|
+
/* 60 */
|
39609
39265
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39610
39266
|
|
39611
39267
|
"use strict";
|
@@ -39645,7 +39301,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39645
39301
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "offset", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["g"]; });
|
39646
39302
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "popperOffsets", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["h"]; });
|
39647
39303
|
/* harmony namespace reexport (by provided) */ __webpack_require__.d(__webpack_exports__, "preventOverflow", function() { return __WEBPACK_IMPORTED_MODULE_1__modifiers_index_js__["i"]; });
|
39648
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(
|
39304
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__createPopper_js__ = __webpack_require__(70);
|
39649
39305
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "popperGenerator", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["c"]; });
|
39650
39306
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "detectOverflow", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["b"]; });
|
39651
39307
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "createPopperBase", function() { return __WEBPACK_IMPORTED_MODULE_2__createPopper_js__["a"]; });
|
@@ -39663,7 +39319,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
39663
39319
|
|
39664
39320
|
|
39665
39321
|
/***/ }),
|
39666
|
-
/*
|
39322
|
+
/* 61 */
|
39667
39323
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39668
39324
|
|
39669
39325
|
"use strict";
|
@@ -39755,7 +39411,7 @@ function effect(_ref2) {
|
|
39755
39411
|
});
|
39756
39412
|
|
39757
39413
|
/***/ }),
|
39758
|
-
/*
|
39414
|
+
/* 62 */
|
39759
39415
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39760
39416
|
|
39761
39417
|
"use strict";
|
@@ -39788,7 +39444,7 @@ function getLayoutRect(element) {
|
|
39788
39444
|
}
|
39789
39445
|
|
39790
39446
|
/***/ }),
|
39791
|
-
/*
|
39447
|
+
/* 63 */
|
39792
39448
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39793
39449
|
|
39794
39450
|
"use strict";
|
@@ -39798,7 +39454,7 @@ function getMainAxisFromPlacement(placement) {
|
|
39798
39454
|
}
|
39799
39455
|
|
39800
39456
|
/***/ }),
|
39801
|
-
/*
|
39457
|
+
/* 64 */
|
39802
39458
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
39803
39459
|
|
39804
39460
|
"use strict";
|
@@ -39995,7 +39651,7 @@ function computeStyles(_ref5) {
|
|
39995
39651
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
39996
39652
|
|
39997
39653
|
/***/ }),
|
39998
|
-
/*
|
39654
|
+
/* 65 */
|
39999
39655
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40000
39656
|
|
40001
39657
|
"use strict";
|
@@ -40051,14 +39707,14 @@ function effect(_ref) {
|
|
40051
39707
|
});
|
40052
39708
|
|
40053
39709
|
/***/ }),
|
40054
|
-
/*
|
39710
|
+
/* 66 */
|
40055
39711
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40056
39712
|
|
40057
39713
|
"use strict";
|
40058
39714
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getWindowScrollBarX;
|
40059
39715
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBoundingClientRect_js__ = __webpack_require__(37);
|
40060
39716
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
40061
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(
|
39717
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScroll_js__ = __webpack_require__(67);
|
40062
39718
|
|
40063
39719
|
|
40064
39720
|
|
@@ -40074,7 +39730,7 @@ function getWindowScrollBarX(element) {
|
|
40074
39730
|
}
|
40075
39731
|
|
40076
39732
|
/***/ }),
|
40077
|
-
/*
|
39733
|
+
/* 67 */
|
40078
39734
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40079
39735
|
|
40080
39736
|
"use strict";
|
@@ -40092,7 +39748,7 @@ function getWindowScroll(node) {
|
|
40092
39748
|
}
|
40093
39749
|
|
40094
39750
|
/***/ }),
|
40095
|
-
/*
|
39751
|
+
/* 68 */
|
40096
39752
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40097
39753
|
|
40098
39754
|
"use strict";
|
@@ -40110,7 +39766,7 @@ function isScrollParent(element) {
|
|
40110
39766
|
}
|
40111
39767
|
|
40112
39768
|
/***/ }),
|
40113
|
-
/*
|
39769
|
+
/* 69 */
|
40114
39770
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40115
39771
|
|
40116
39772
|
"use strict";
|
@@ -40142,14 +39798,14 @@ function popperOffsets(_ref) {
|
|
40142
39798
|
});
|
40143
39799
|
|
40144
39800
|
/***/ }),
|
40145
|
-
/*
|
39801
|
+
/* 70 */
|
40146
39802
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40147
39803
|
|
40148
39804
|
"use strict";
|
40149
39805
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony export (immutable) */ __webpack_exports__["c"] = popperGenerator;
|
40150
39806
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
40151
39807
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__dom_utils_getCompositeRect_js__ = __webpack_require__(382);
|
40152
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
39808
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
40153
39809
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_listScrollParents_js__ = __webpack_require__(235);
|
40154
39810
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
40155
39811
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__dom_utils_getComputedStyle_js__ = __webpack_require__(34);
|
@@ -40425,7 +40081,7 @@ var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line i
|
|
40425
40081
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40426
40082
|
|
40427
40083
|
/***/ }),
|
40428
|
-
/*
|
40084
|
+
/* 71 */
|
40429
40085
|
/***/ (function(module, exports, __webpack_require__) {
|
40430
40086
|
|
40431
40087
|
"use strict";
|
@@ -40647,7 +40303,7 @@ exports.default = GridItem;
|
|
40647
40303
|
|
40648
40304
|
|
40649
40305
|
/***/ }),
|
40650
|
-
/*
|
40306
|
+
/* 72 */
|
40651
40307
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40652
40308
|
|
40653
40309
|
"use strict";
|
@@ -40781,7 +40437,7 @@ function createSubscription(store, parentSub) {
|
|
40781
40437
|
}
|
40782
40438
|
|
40783
40439
|
/***/ }),
|
40784
|
-
/*
|
40440
|
+
/* 73 */
|
40785
40441
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40786
40442
|
|
40787
40443
|
"use strict";
|
@@ -40800,7 +40456,7 @@ function createSubscription(store, parentSub) {
|
|
40800
40456
|
var useIsomorphicLayoutEffect = typeof window !== 'undefined' && typeof window.document !== 'undefined' && typeof window.document.createElement !== 'undefined' ? __WEBPACK_IMPORTED_MODULE_0_react__["useLayoutEffect"] : __WEBPACK_IMPORTED_MODULE_0_react__["useEffect"];
|
40801
40457
|
|
40802
40458
|
/***/ }),
|
40803
|
-
/*
|
40459
|
+
/* 74 */
|
40804
40460
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
40805
40461
|
|
40806
40462
|
"use strict";
|
@@ -40823,6 +40479,361 @@ function invariant(condition, message) {
|
|
40823
40479
|
|
40824
40480
|
/* WEBPACK VAR INJECTION */}.call(__webpack_exports__, __webpack_require__(4)))
|
40825
40481
|
|
40482
|
+
/***/ }),
|
40483
|
+
/* 75 */
|
40484
|
+
/***/ (function(module, exports, __webpack_require__) {
|
40485
|
+
|
40486
|
+
"use strict";
|
40487
|
+
|
40488
|
+
var __extends = (this && this.__extends) || (function () {
|
40489
|
+
var extendStatics = function (d, b) {
|
40490
|
+
extendStatics = Object.setPrototypeOf ||
|
40491
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
40492
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
40493
|
+
return extendStatics(d, b);
|
40494
|
+
};
|
40495
|
+
return function (d, b) {
|
40496
|
+
if (typeof b !== "function" && b !== null)
|
40497
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
40498
|
+
extendStatics(d, b);
|
40499
|
+
function __() { this.constructor = d; }
|
40500
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
40501
|
+
};
|
40502
|
+
})();
|
40503
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
40504
|
+
if (k2 === undefined) k2 = k;
|
40505
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
40506
|
+
}) : (function(o, m, k, k2) {
|
40507
|
+
if (k2 === undefined) k2 = k;
|
40508
|
+
o[k2] = m[k];
|
40509
|
+
}));
|
40510
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
40511
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
40512
|
+
}) : function(o, v) {
|
40513
|
+
o["default"] = v;
|
40514
|
+
});
|
40515
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
40516
|
+
if (mod && mod.__esModule) return mod;
|
40517
|
+
var result = {};
|
40518
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
40519
|
+
__setModuleDefault(result, mod);
|
40520
|
+
return result;
|
40521
|
+
};
|
40522
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
40523
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
40524
|
+
};
|
40525
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
40526
|
+
exports.getDurationString = exports.DurationInput = void 0;
|
40527
|
+
var React = __importStar(__webpack_require__(0));
|
40528
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
40529
|
+
var moment_1 = __importDefault(__webpack_require__(1));
|
40530
|
+
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
40531
|
+
var Form_1 = __webpack_require__(14);
|
40532
|
+
var DurationInput = /** @class */ (function (_super) {
|
40533
|
+
__extends(DurationInput, _super);
|
40534
|
+
function DurationInput(props) {
|
40535
|
+
var _this = _super.call(this, props) || this;
|
40536
|
+
_this.htmlId = (0, react_id_generator_1.default)();
|
40537
|
+
_this.state = {
|
40538
|
+
hours: _this.stateUpdate('hours', _this.props.hours, _this.props.minutes, _this.props.seconds),
|
40539
|
+
minutes: _this.stateUpdate('minutes', _this.props.minutes, _this.props.seconds),
|
40540
|
+
seconds: _this.stateUpdate('seconds', _this.props.seconds),
|
40541
|
+
blink: '',
|
40542
|
+
};
|
40543
|
+
_this.hourRef = React.createRef();
|
40544
|
+
_this.minuteRef = React.createRef();
|
40545
|
+
_this.secondRef = React.createRef();
|
40546
|
+
_this.handleKeyDown = _this.handleKeyDown.bind(_this);
|
40547
|
+
_this.zeroPad = _this.zeroPad.bind(_this);
|
40548
|
+
_this.handleChange = _this.handleChange.bind(_this);
|
40549
|
+
_this.handleFocusOnKeyUp = _this.handleFocusOnKeyUp.bind(_this);
|
40550
|
+
_this.handleKeyValue = _this.handleKeyValue.bind(_this);
|
40551
|
+
_this.valueUpdate = _this.valueUpdate.bind(_this);
|
40552
|
+
_this.stateUpdate = _this.stateUpdate.bind(_this);
|
40553
|
+
return _this;
|
40554
|
+
}
|
40555
|
+
DurationInput.prototype.stateUpdate = function (state, parametar1, parametar2, parametar3) {
|
40556
|
+
var value;
|
40557
|
+
if (state === 'hours') {
|
40558
|
+
value = parametar1
|
40559
|
+
? parametar1 + Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600)
|
40560
|
+
: Math.floor((parametar2 || 0) / 60) + Math.floor((parametar3 || 0) / 3600);
|
40561
|
+
}
|
40562
|
+
else if (state === 'minutes') {
|
40563
|
+
value = parametar1
|
40564
|
+
? (parametar1 % 60) + Math.floor((parametar2 || 0) % 3600 / 60)
|
40565
|
+
: Math.floor((parametar2 || 0) % 3600 / 60);
|
40566
|
+
}
|
40567
|
+
else {
|
40568
|
+
value = parametar1 ? parametar1 % 60 : 0;
|
40569
|
+
}
|
40570
|
+
return this.zeroPad(value);
|
40571
|
+
};
|
40572
|
+
DurationInput.prototype.componentDidUpdate = function (prevProps, prevState) {
|
40573
|
+
var _this = this;
|
40574
|
+
if (!this.hourRef.current || !this.minuteRef.current || !this.secondRef.current) {
|
40575
|
+
return;
|
40576
|
+
}
|
40577
|
+
if (this.state.hours !== prevState.hours) {
|
40578
|
+
if (Number(this.hourRef.current.value) > 99) {
|
40579
|
+
this.setState({
|
40580
|
+
hours: this.zeroPad(99),
|
40581
|
+
});
|
40582
|
+
}
|
40583
|
+
}
|
40584
|
+
if (this.state.minutes !== prevState.minutes) {
|
40585
|
+
if (Number(this.minuteRef.current.value) > 59) {
|
40586
|
+
this.setState({
|
40587
|
+
hours: this.zeroPad(Number(this.state.hours) + 1),
|
40588
|
+
minutes: this.zeroPad(this.state.minutes % 60),
|
40589
|
+
});
|
40590
|
+
this.setState({ blink: 'hour' });
|
40591
|
+
setTimeout(function () {
|
40592
|
+
_this.setState({ blink: '' });
|
40593
|
+
}, 500);
|
40594
|
+
}
|
40595
|
+
if (Number(this.minuteRef.current.value) < 0) {
|
40596
|
+
this.setState({
|
40597
|
+
hours: this.zeroPad(Number(this.state.hours)) > 0
|
40598
|
+
? this.zeroPad(Number(this.state.hours) - 1)
|
40599
|
+
: this.zeroPad(Number(this.state.hours)),
|
40600
|
+
minutes: 59,
|
40601
|
+
});
|
40602
|
+
this.setState({ blink: 'hour' });
|
40603
|
+
setTimeout(function () {
|
40604
|
+
_this.setState({ blink: '' });
|
40605
|
+
}, 500);
|
40606
|
+
}
|
40607
|
+
}
|
40608
|
+
if (this.state.seconds !== prevState.seconds) {
|
40609
|
+
if (Number(this.secondRef.current.value) > 59) {
|
40610
|
+
this.setState({
|
40611
|
+
minutes: this.zeroPad(Number(this.state.minutes) + 1),
|
40612
|
+
seconds: this.zeroPad(this.state.seconds % 60),
|
40613
|
+
});
|
40614
|
+
this.setState({ blink: 'minute' });
|
40615
|
+
setTimeout(function () {
|
40616
|
+
_this.setState({ blink: '' });
|
40617
|
+
}, 500);
|
40618
|
+
}
|
40619
|
+
if (Number(this.secondRef.current.value) < 0) {
|
40620
|
+
this.setState({
|
40621
|
+
minutes: this.zeroPad(Number(this.state.minutes) - 1),
|
40622
|
+
seconds: 59,
|
40623
|
+
});
|
40624
|
+
this.setState({ blink: 'minute' });
|
40625
|
+
setTimeout(function () {
|
40626
|
+
_this.setState({ blink: '' });
|
40627
|
+
}, 500);
|
40628
|
+
}
|
40629
|
+
}
|
40630
|
+
if ((this.props.hours !== prevProps.hours)
|
40631
|
+
|| (this.props.minutes !== prevProps.minutes)
|
40632
|
+
|| (this.props.seconds !== prevProps.seconds)) {
|
40633
|
+
this.setState({
|
40634
|
+
hours: this.stateUpdate('hours', this.props.hours, this.props.minutes, this.props.seconds),
|
40635
|
+
minutes: this.stateUpdate('minutes', this.props.minutes, this.props.seconds),
|
40636
|
+
seconds: this.stateUpdate('seconds', this.props.seconds),
|
40637
|
+
});
|
40638
|
+
}
|
40639
|
+
};
|
40640
|
+
DurationInput.prototype.valueUpdate = function () {
|
40641
|
+
if (this.props.onChange) {
|
40642
|
+
this.props.onChange(moment_1.default.duration("".concat(this.state.hours, ":").concat(this.state.minutes, ":").concat(this.state.seconds))
|
40643
|
+
.asSeconds());
|
40644
|
+
}
|
40645
|
+
};
|
40646
|
+
DurationInput.prototype.handleKeyDown = function (event) {
|
40647
|
+
if (!(event.target instanceof HTMLInputElement)) {
|
40648
|
+
return;
|
40649
|
+
}
|
40650
|
+
if (event.target.id === 'hours') {
|
40651
|
+
if (event.key === 'ArrowRight') {
|
40652
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40653
|
+
this.handleFocus(this.minuteRef.current, event.target.id);
|
40654
|
+
}
|
40655
|
+
}
|
40656
|
+
if (event.key === 'ArrowLeft') {
|
40657
|
+
if (event.target.selectionStart === 0) {
|
40658
|
+
this.handleFocus(this.secondRef.current, event.target.id);
|
40659
|
+
}
|
40660
|
+
}
|
40661
|
+
}
|
40662
|
+
if (event.target.id === 'minutes') {
|
40663
|
+
if (event.key === 'ArrowRight') {
|
40664
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40665
|
+
this.handleFocus(this.secondRef.current, event.target.id);
|
40666
|
+
}
|
40667
|
+
}
|
40668
|
+
if (event.key === 'ArrowLeft') {
|
40669
|
+
if (event.target.selectionStart === 0) {
|
40670
|
+
this.handleFocus(this.hourRef.current, event.target.id);
|
40671
|
+
}
|
40672
|
+
}
|
40673
|
+
}
|
40674
|
+
if (event.target.id === 'seconds') {
|
40675
|
+
if (event.key === 'ArrowRight') {
|
40676
|
+
if (event.target.selectionEnd === event.target.value.length) {
|
40677
|
+
this.handleFocus(this.hourRef.current, event.target.id);
|
40678
|
+
}
|
40679
|
+
}
|
40680
|
+
if (event.key === 'ArrowLeft') {
|
40681
|
+
if (event.target.selectionStart === 0) {
|
40682
|
+
this.handleFocus(this.minuteRef.current, event.target.id);
|
40683
|
+
}
|
40684
|
+
}
|
40685
|
+
}
|
40686
|
+
if (event.key === 'ArrowUp' || event.key === 'ArrowDown') {
|
40687
|
+
this.handleKeyValue(event, event.target.id);
|
40688
|
+
setTimeout(this.valueUpdate);
|
40689
|
+
}
|
40690
|
+
if (event.key === 'ArrowRight' || event.key === 'ArrowLeft') {
|
40691
|
+
if (!this.state.hours || !this.state.minutes || !this.state.seconds) {
|
40692
|
+
setTimeout(this.valueUpdate);
|
40693
|
+
}
|
40694
|
+
}
|
40695
|
+
};
|
40696
|
+
DurationInput.prototype.handleKeyValue = function (event, state) {
|
40697
|
+
if (!(event.target instanceof HTMLInputElement)) {
|
40698
|
+
return;
|
40699
|
+
}
|
40700
|
+
if (!this.state[state]) {
|
40701
|
+
return;
|
40702
|
+
}
|
40703
|
+
event.preventDefault();
|
40704
|
+
event.stopPropagation();
|
40705
|
+
var stateClone = {};
|
40706
|
+
if (event.key === 'ArrowUp') {
|
40707
|
+
if (event.target.id === 'hours') {
|
40708
|
+
stateClone[state] = this.state[state] < 99
|
40709
|
+
? this.zeroPad(Number(this.state[state]) + 1)
|
40710
|
+
: this.zeroPad(99);
|
40711
|
+
}
|
40712
|
+
else {
|
40713
|
+
stateClone[state] = this.zeroPad(Number(this.state[state]) + 1);
|
40714
|
+
}
|
40715
|
+
}
|
40716
|
+
else if (event.key === 'ArrowDown') {
|
40717
|
+
if (event.target.id === 'hours') {
|
40718
|
+
stateClone[state] = this.state[state] > 0
|
40719
|
+
? this.zeroPad(Number(this.state[state]) - 1)
|
40720
|
+
: this.zeroPad(0);
|
40721
|
+
}
|
40722
|
+
else {
|
40723
|
+
stateClone[state] = this.zeroPad(Number(this.state[state]) - 1);
|
40724
|
+
}
|
40725
|
+
}
|
40726
|
+
this.setState(stateClone);
|
40727
|
+
};
|
40728
|
+
DurationInput.prototype.zeroPad = function (value) {
|
40729
|
+
if (value.toString().length === 1 || value === 0) {
|
40730
|
+
return "0".concat(value);
|
40731
|
+
}
|
40732
|
+
else if (!value) {
|
40733
|
+
return '00';
|
40734
|
+
}
|
40735
|
+
else {
|
40736
|
+
return value;
|
40737
|
+
}
|
40738
|
+
};
|
40739
|
+
DurationInput.prototype.handleChange = function (event, state) {
|
40740
|
+
var stateClone = {};
|
40741
|
+
if (event.target.value.length >= 2) {
|
40742
|
+
if (event.target.selectionStart === 1 && event.target.selectionEnd === 1) {
|
40743
|
+
stateClone[state] = event.target.value.slice(0, 1) + event.target.value.slice(2, 3);
|
40744
|
+
}
|
40745
|
+
else {
|
40746
|
+
stateClone[state] = event.target.value.slice(0, 2);
|
40747
|
+
}
|
40748
|
+
}
|
40749
|
+
else {
|
40750
|
+
stateClone[state] = event.target.value;
|
40751
|
+
}
|
40752
|
+
this.setState(stateClone);
|
40753
|
+
setTimeout(this.valueUpdate);
|
40754
|
+
};
|
40755
|
+
DurationInput.prototype.handleFocus = function (ref, state) {
|
40756
|
+
ref === null || ref === void 0 ? void 0 : ref.focus();
|
40757
|
+
setTimeout(function () {
|
40758
|
+
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
40759
|
+
});
|
40760
|
+
var stateClone = {};
|
40761
|
+
stateClone[state] = this.zeroPad(this.state[state]);
|
40762
|
+
this.setState(stateClone);
|
40763
|
+
};
|
40764
|
+
DurationInput.prototype.handleFocusOnKeyUp = function (event, ref) {
|
40765
|
+
if (event.key !== 'ArrowRight' && event.key !== 'ArrowLeft' && event.key !== 'ArrowUp' && event.key !== 'ArrowDown' && event.key !== 'Backspace') {
|
40766
|
+
if ((event.keyCode > 46 && event.keyCode < 58) || (event.keyCode > 95 && event.keyCode < 106)) {
|
40767
|
+
var target = event.target;
|
40768
|
+
if (target.value.length >= 2) {
|
40769
|
+
ref === null || ref === void 0 ? void 0 : ref.focus();
|
40770
|
+
setTimeout(function () {
|
40771
|
+
ref === null || ref === void 0 ? void 0 : ref.setSelectionRange(0, 2);
|
40772
|
+
});
|
40773
|
+
}
|
40774
|
+
}
|
40775
|
+
}
|
40776
|
+
};
|
40777
|
+
DurationInput.prototype.render = function () {
|
40778
|
+
var _this = this;
|
40779
|
+
var InputClasses = (0, classnames_1.default)('sd-input__duration-input');
|
40780
|
+
return (React.createElement(Form_1.InputWrapper, { label: this.props.label, error: this.props.error, required: this.props.required, disabled: this.props.disabled, invalid: this.props.invalid, info: this.props.info, inlineLabel: this.props.inlineLabel, labelHidden: this.props.labelHidden, fullWidth: this.props.fullWidth, htmlId: this.htmlId, tabindex: this.props.tabindex },
|
40781
|
+
React.createElement("div", { className: InputClasses },
|
40782
|
+
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'hour' ? 'blink_me' : ''), type: 'text', id: 'hours', max: 99, min: 0, ref: this.hourRef, value: this.state.hours, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.minuteRef.current); }, onChange: function (event) { _this.handleChange(event, 'hours'); }, onBlur: function (event) { return _this.setState({ hours: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40783
|
+
if (!/[0-9]/.test(event.key)) {
|
40784
|
+
event.preventDefault();
|
40785
|
+
}
|
40786
|
+
} }),
|
40787
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "h"),
|
40788
|
+
React.createElement("input", { className: "duration-input ".concat(this.state.blink === 'minute' ? 'blink_me' : ''), type: 'text', id: 'minutes', ref: this.minuteRef, value: this.state.minutes, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.secondRef.current); }, onChange: function (event) { _this.handleChange(event, 'minutes'); }, onBlur: function (event) { return _this.setState({ minutes: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40789
|
+
if (!/[0-9]/.test(event.key)) {
|
40790
|
+
event.preventDefault();
|
40791
|
+
}
|
40792
|
+
} }),
|
40793
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "m"),
|
40794
|
+
React.createElement("input", { className: 'duration-input', type: 'text', id: 'seconds', ref: this.secondRef, value: this.state.seconds, disabled: this.props.disabled, onKeyDown: function (event) { return _this.handleKeyDown(event); }, onKeyUp: function (event) { return _this.handleFocusOnKeyUp(event, _this.hourRef.current); }, onChange: function (event) { _this.handleChange(event, 'seconds'); }, onBlur: function (event) { return _this.setState({ seconds: _this.zeroPad(event.target.value) }); }, onKeyPress: function (event) {
|
40795
|
+
if (!/[0-9]/.test(event.key)) {
|
40796
|
+
event.preventDefault();
|
40797
|
+
}
|
40798
|
+
} }),
|
40799
|
+
React.createElement("span", { className: 'sd-input__suffix' }, "s"))));
|
40800
|
+
};
|
40801
|
+
return DurationInput;
|
40802
|
+
}(React.PureComponent));
|
40803
|
+
exports.DurationInput = DurationInput;
|
40804
|
+
function getDurationString(seconds, zero) {
|
40805
|
+
function zeroPad(value) {
|
40806
|
+
if (value.toString().length === 1 || value === 0) {
|
40807
|
+
return "0".concat(value);
|
40808
|
+
}
|
40809
|
+
else if (!value) {
|
40810
|
+
return '00';
|
40811
|
+
}
|
40812
|
+
else {
|
40813
|
+
return value;
|
40814
|
+
}
|
40815
|
+
}
|
40816
|
+
var hour = zeroPad(Math.floor(seconds / 3600));
|
40817
|
+
var minute = zeroPad(Math.floor((seconds % 3600) / 60));
|
40818
|
+
var second = zeroPad(Math.floor(seconds % 60));
|
40819
|
+
if (zero) {
|
40820
|
+
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
40821
|
+
}
|
40822
|
+
else {
|
40823
|
+
if (Number(hour) === 0 && Number(minute) > 0) {
|
40824
|
+
return "".concat(minute, "m ").concat(second, "s");
|
40825
|
+
}
|
40826
|
+
else if (Number(hour) === 0 && Number(minute) === 0) {
|
40827
|
+
return "".concat(second, "s");
|
40828
|
+
}
|
40829
|
+
else {
|
40830
|
+
return "".concat(hour, "h ").concat(minute, "m ").concat(second, "s");
|
40831
|
+
}
|
40832
|
+
}
|
40833
|
+
}
|
40834
|
+
exports.getDurationString = getDurationString;
|
40835
|
+
|
40836
|
+
|
40826
40837
|
/***/ }),
|
40827
40838
|
/* 76 */
|
40828
40839
|
/***/ (function(module, exports, __webpack_require__) {
|
@@ -41079,7 +41090,7 @@ var React = __importStar(__webpack_require__(0));
|
|
41079
41090
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
41080
41091
|
var react_beautiful_dnd_1 = __webpack_require__(494);
|
41081
41092
|
var Tooltip_1 = __webpack_require__(36);
|
41082
|
-
var Button_1 = __webpack_require__(
|
41093
|
+
var Button_1 = __webpack_require__(52);
|
41083
41094
|
var Dropdown_1 = __webpack_require__(226);
|
41084
41095
|
var reorder = function (list, startIndex, endIndex) {
|
41085
41096
|
var result = Array.from(list);
|
@@ -41124,7 +41135,7 @@ var TableList = /** @class */ (function (_super) {
|
|
41124
41135
|
this.props.onDrag(result.source.index, result.destination.index) : null;
|
41125
41136
|
};
|
41126
41137
|
TableList.prototype.dropDown = function () {
|
41127
|
-
return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
|
41138
|
+
return (React.createElement(Dropdown_1.Dropdown, { items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
41128
41139
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } })));
|
41129
41140
|
};
|
41130
41141
|
TableList.prototype.render = function () {
|
@@ -41143,7 +41154,9 @@ var TableList = /** @class */ (function (_super) {
|
|
41143
41154
|
_this.state.items.map(function (item, index) { return (React.createElement(react_beautiful_dnd_1.Draggable, { key: index, draggableId: "".concat(index), index: index }, function (provided2, _snapshot2) { return (React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
|
41144
41155
|
React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
41145
41156
|
? item.onDoubleClick
|
41146
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown:
|
41157
|
+
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
|
41158
|
+
? _this.props.itemsDropdown(index)
|
41159
|
+
: []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
41147
41160
|
&& _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
|
41148
41161
|
provided.placeholder,
|
41149
41162
|
(_this.props.addItem && !_this.props.readOnly) &&
|
@@ -41153,7 +41166,7 @@ var TableList = /** @class */ (function (_super) {
|
|
41153
41166
|
: React.createElement("ul", { className: classes },
|
41154
41167
|
this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
|
41155
41168
|
? item.onDoubleClick
|
41156
|
-
: undefined, addItem: _this.props.addItem, itemsDropdown: _this.props.itemsDropdown, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
41169
|
+
: undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, onAddItem: function () { return _this.props.onAddItem
|
41157
41170
|
&& _this.props.onAddItem(index, item); } })); }),
|
41158
41171
|
(this.props.addItem && !this.props.readOnly) &&
|
41159
41172
|
React.createElement("li", { className: "table-list__add-item table-list__item--margin" },
|
@@ -41215,7 +41228,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
41215
41228
|
React.createElement("div", { className: 'table-list__add-bar-container' },
|
41216
41229
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
41217
41230
|
React.createElement("div", { className: 'table-list__add-bar' },
|
41218
|
-
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown : [] },
|
41231
|
+
React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
|
41219
41232
|
React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
|
41220
41233
|
: React.createElement("li", { className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
|
41221
41234
|
React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
|
@@ -56704,7 +56717,7 @@ function addLeadingZeros(number, targetLength) {
|
|
56704
56717
|
"use strict";
|
56705
56718
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeekYear;
|
56706
56719
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
56707
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
56720
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
56708
56721
|
|
56709
56722
|
// This function will be a part of public API when UTC function will be implemented.
|
56710
56723
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -56742,7 +56755,7 @@ function getUTCISOWeekYear(dirtyDate) {
|
|
56742
56755
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeekYear;
|
56743
56756
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
56744
56757
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__toDate_index_js__ = __webpack_require__(15);
|
56745
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(
|
56758
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
56746
56759
|
|
56747
56760
|
|
56748
56761
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -57382,14 +57395,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
57382
57395
|
exports.Dropdown = void 0;
|
57383
57396
|
var React = __importStar(__webpack_require__(0));
|
57384
57397
|
var ReactDOM = __importStar(__webpack_require__(9));
|
57385
|
-
var core_1 = __webpack_require__(
|
57398
|
+
var core_1 = __webpack_require__(60);
|
57386
57399
|
var react_id_generator_1 = __webpack_require__(8);
|
57400
|
+
var DROPDOWN_ID_CONTAINER = "sd-dropdown-constainer";
|
57387
57401
|
var Dropdown = function (_a) {
|
57388
57402
|
var items = _a.items, header = _a.header, footer = _a.footer, children = _a.children, append = _a.append, align = _a.align, onChange = _a.onChange;
|
57389
57403
|
var _b = React.useState(false), open = _b[0], setOpen = _b[1];
|
57390
57404
|
var _c = React.useState(false), change = _c[0], setChange = _c[1];
|
57391
57405
|
var menuID = (0, react_id_generator_1.useId)()[0];
|
57392
|
-
var DROPDOWN_ID = "react-placeholder";
|
57393
57406
|
var ref = React.useRef(null);
|
57394
57407
|
var buttonRef = React.useRef(null);
|
57395
57408
|
var headerElements = header === null || header === void 0 ? void 0 : header.map(function (el, index) {
|
@@ -57402,11 +57415,10 @@ var Dropdown = function (_a) {
|
|
57402
57415
|
return each(el, index);
|
57403
57416
|
});
|
57404
57417
|
React.useEffect(function () {
|
57405
|
-
var existingElement = document.getElementById(
|
57418
|
+
var existingElement = document.getElementById(DROPDOWN_ID_CONTAINER);
|
57406
57419
|
if (!existingElement) {
|
57407
57420
|
var el = document.createElement("div");
|
57408
|
-
el.id =
|
57409
|
-
// style placeholder
|
57421
|
+
el.id = DROPDOWN_ID_CONTAINER;
|
57410
57422
|
el.style.position = 'absolute';
|
57411
57423
|
el.style.top = '0';
|
57412
57424
|
el.style.left = '0';
|
@@ -57421,7 +57433,6 @@ var Dropdown = function (_a) {
|
|
57421
57433
|
}
|
57422
57434
|
setChange(true);
|
57423
57435
|
}, [open]);
|
57424
|
-
// structure for append menu
|
57425
57436
|
function createAppendMenu() {
|
57426
57437
|
if (header && footer) {
|
57427
57438
|
return (React.createElement("div", { className: 'dropdown__menu dropdown__menu--has-head-foot', id: menuID, role: 'menu', ref: ref },
|
@@ -57443,7 +57454,6 @@ var Dropdown = function (_a) {
|
|
57443
57454
|
return (React.createElement("ul", { className: 'dropdown__menu ', id: menuID, role: 'menu', ref: ref }, dropdownElements));
|
57444
57455
|
}
|
57445
57456
|
}
|
57446
|
-
// toggle menu
|
57447
57457
|
function toggleDisplay() {
|
57448
57458
|
if (!open) {
|
57449
57459
|
var menuRef_1;
|
@@ -57492,15 +57502,14 @@ var Dropdown = function (_a) {
|
|
57492
57502
|
}
|
57493
57503
|
}
|
57494
57504
|
function addInPlaceholder() {
|
57495
|
-
var placeholder = document.getElementById(
|
57505
|
+
var placeholder = document.getElementById(DROPDOWN_ID_CONTAINER);
|
57496
57506
|
var menu = createAppendMenu();
|
57497
57507
|
if (open) {
|
57498
57508
|
return ReactDOM.render(menu, placeholder);
|
57499
57509
|
}
|
57500
57510
|
else {
|
57501
|
-
|
57502
|
-
|
57503
|
-
menuDOM.style.display = 'none';
|
57511
|
+
if (placeholder) {
|
57512
|
+
ReactDOM.unmountComponentAtNode(placeholder);
|
57504
57513
|
}
|
57505
57514
|
}
|
57506
57515
|
}
|
@@ -57510,7 +57519,7 @@ var Dropdown = function (_a) {
|
|
57510
57519
|
item['items'].forEach(function (el, key) {
|
57511
57520
|
submenuItems_1.push(each(el, key));
|
57512
57521
|
});
|
57513
|
-
return (React.createElement(DropdownItemWithSubmenu, { key: index, item: item, subMenuItems: submenuItems_1 }));
|
57522
|
+
return (React.createElement(DropdownItemWithSubmenu, { key: index, index: index, item: item, menuID: menuID, subMenuItems: submenuItems_1, onChange: onChange }));
|
57514
57523
|
}
|
57515
57524
|
else if (item['type'] === 'group') {
|
57516
57525
|
var groupItems_1 = [];
|
@@ -57580,19 +57589,20 @@ var DropdownItem = function (_a) {
|
|
57580
57589
|
label)));
|
57581
57590
|
};
|
57582
57591
|
var DropdownItemWithSubmenu = function (_a) {
|
57583
|
-
var index = _a.index, item = _a.item, subMenuItems = _a.subMenuItems;
|
57592
|
+
var index = _a.index, item = _a.item, menuID = _a.menuID, subMenuItems = _a.subMenuItems, onChange = _a.onChange;
|
57584
57593
|
var _b = React.useState(undefined), open = _b[0], setOpen = _b[1];
|
57585
57594
|
var refButtonSubMenu = React.useRef(null);
|
57586
57595
|
var refSubMenu = React.useRef(null);
|
57596
|
+
var placeholder = document.getElementById(menuID);
|
57587
57597
|
React.useEffect(function () {
|
57588
57598
|
var subMenuRef = refSubMenu.current;
|
57589
57599
|
var subToggleRef = refButtonSubMenu.current;
|
57590
57600
|
if (open === true) {
|
57591
|
-
|
57601
|
+
placeholder === null || placeholder === void 0 ? void 0 : placeholder.appendChild(subMenuRef);
|
57592
57602
|
subMenuRef.style.display = 'block';
|
57593
57603
|
}
|
57594
57604
|
else if (open === false) {
|
57595
|
-
|
57605
|
+
placeholder === null || placeholder === void 0 ? void 0 : placeholder.removeChild(subMenuRef);
|
57596
57606
|
subMenuRef.style.display = 'none';
|
57597
57607
|
}
|
57598
57608
|
if (subMenuRef && subToggleRef) {
|
@@ -57603,7 +57613,14 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57603
57613
|
}, [open]);
|
57604
57614
|
return (React.createElement("li", { key: index, ref: refButtonSubMenu },
|
57605
57615
|
React.createElement("div", { className: 'dropdown', onMouseLeave: function () { return setOpen(false); } },
|
57606
|
-
React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0,
|
57616
|
+
React.createElement("button", { className: 'dropdown__toggle dropdown-toggle', "aria-haspopup": "menu", tabIndex: 0, onClick: function () {
|
57617
|
+
if (item.onSelect) {
|
57618
|
+
item.onSelect();
|
57619
|
+
}
|
57620
|
+
if (onChange) {
|
57621
|
+
onChange();
|
57622
|
+
}
|
57623
|
+
}, onMouseOver: function () { return setOpen(true); } },
|
57607
57624
|
item['icon'] ? React.createElement("i", { className: 'icon-' + item['icon'] }) : null,
|
57608
57625
|
item['label']),
|
57609
57626
|
React.createElement("ul", { role: 'menu', ref: refSubMenu, style: { display: 'none' }, className: 'dropdown__menu' }, subMenuItems))));
|
@@ -57615,13 +57632,13 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57615
57632
|
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
57616
57633
|
|
57617
57634
|
"use strict";
|
57618
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(
|
57635
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__ = __webpack_require__(61);
|
57619
57636
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return __WEBPACK_IMPORTED_MODULE_0__applyStyles_js__["a"]; });
|
57620
57637
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__arrow_js__ = __webpack_require__(228);
|
57621
57638
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "b", function() { return __WEBPACK_IMPORTED_MODULE_1__arrow_js__["a"]; });
|
57622
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(
|
57639
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__ = __webpack_require__(64);
|
57623
57640
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "c", function() { return __WEBPACK_IMPORTED_MODULE_2__computeStyles_js__["a"]; });
|
57624
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(
|
57641
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__ = __webpack_require__(65);
|
57625
57642
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "d", function() { return __WEBPACK_IMPORTED_MODULE_3__eventListeners_js__["a"]; });
|
57626
57643
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__flip_js__ = __webpack_require__(234);
|
57627
57644
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "e", function() { return __WEBPACK_IMPORTED_MODULE_4__flip_js__["a"]; });
|
@@ -57629,7 +57646,7 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57629
57646
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return __WEBPACK_IMPORTED_MODULE_5__hide_js__["a"]; });
|
57630
57647
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__offset_js__ = __webpack_require__(239);
|
57631
57648
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return __WEBPACK_IMPORTED_MODULE_6__offset_js__["a"]; });
|
57632
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(
|
57649
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__ = __webpack_require__(69);
|
57633
57650
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "h", function() { return __WEBPACK_IMPORTED_MODULE_7__popperOffsets_js__["a"]; });
|
57634
57651
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__ = __webpack_require__(240);
|
57635
57652
|
/* harmony reexport (binding) */ __webpack_require__.d(__webpack_exports__, "i", function() { return __WEBPACK_IMPORTED_MODULE_8__preventOverflow_js__["a"]; });
|
@@ -57649,10 +57666,10 @@ var DropdownItemWithSubmenu = function (_a) {
|
|
57649
57666
|
|
57650
57667
|
"use strict";
|
57651
57668
|
/* WEBPACK VAR INJECTION */(function(process) {/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__utils_getBasePlacement_js__ = __webpack_require__(21);
|
57652
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
57669
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
57653
57670
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__dom_utils_contains_js__ = __webpack_require__(229);
|
57654
57671
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
57655
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(
|
57672
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
57656
57673
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_within_js__ = __webpack_require__(230);
|
57657
57674
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_mergePaddingObject_js__ = __webpack_require__(231);
|
57658
57675
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_expandToHashMap_js__ = __webpack_require__(233);
|
@@ -58018,7 +58035,7 @@ function flip(_ref) {
|
|
58018
58035
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getScrollParent_js__ = __webpack_require__(379);
|
58019
58036
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getParentNode_js__ = __webpack_require__(46);
|
58020
58037
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindow_js__ = __webpack_require__(19);
|
58021
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(
|
58038
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__isScrollParent_js__ = __webpack_require__(68);
|
58022
58039
|
|
58023
58040
|
|
58024
58041
|
|
@@ -58069,7 +58086,7 @@ function rectToClientRect(rect) {
|
|
58069
58086
|
/* harmony export (immutable) */ __webpack_exports__["a"] = computeOffsets;
|
58070
58087
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getBasePlacement_js__ = __webpack_require__(21);
|
58071
58088
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getVariation_js__ = __webpack_require__(39);
|
58072
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(
|
58089
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
58073
58090
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__enums_js__ = __webpack_require__(11);
|
58074
58091
|
|
58075
58092
|
|
@@ -58281,10 +58298,10 @@ function offset(_ref2) {
|
|
58281
58298
|
"use strict";
|
58282
58299
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__enums_js__ = __webpack_require__(11);
|
58283
58300
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__utils_getBasePlacement_js__ = __webpack_require__(21);
|
58284
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(
|
58301
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_getMainAxisFromPlacement_js__ = __webpack_require__(63);
|
58285
58302
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_getAltAxis_js__ = __webpack_require__(381);
|
58286
58303
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_within_js__ = __webpack_require__(230);
|
58287
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(
|
58304
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__dom_utils_getLayoutRect_js__ = __webpack_require__(62);
|
58288
58305
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__dom_utils_getOffsetParent_js__ = __webpack_require__(38);
|
58289
58306
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_detectOverflow_js__ = __webpack_require__(40);
|
58290
58307
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8__utils_getVariation_js__ = __webpack_require__(39);
|
@@ -58440,11 +58457,11 @@ function preventOverflow(_ref) {
|
|
58440
58457
|
"use strict";
|
58441
58458
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
58442
58459
|
/* unused harmony export defaultModifiers */
|
58443
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
58444
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
58445
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
58446
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
58447
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(
|
58460
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
58461
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
58462
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
58463
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
58464
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
58448
58465
|
/* unused harmony reexport popperGenerator */
|
58449
58466
|
/* unused harmony reexport detectOverflow */
|
58450
58467
|
|
@@ -58516,7 +58533,7 @@ exports.SelectGrid = void 0;
|
|
58516
58533
|
var React = __importStar(__webpack_require__(0));
|
58517
58534
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
58518
58535
|
var overlaypanel_1 = __webpack_require__(429);
|
58519
|
-
var Loader_1 = __webpack_require__(
|
58536
|
+
var Loader_1 = __webpack_require__(59);
|
58520
58537
|
var SelectGrid = /** @class */ (function (_super) {
|
58521
58538
|
__extends(SelectGrid, _super);
|
58522
58539
|
function SelectGrid(props) {
|
@@ -58723,7 +58740,7 @@ exports.PanelTools = exports.PanelHeaderSlidingToolbar = exports.PanelFooter = e
|
|
58723
58740
|
var React = __importStar(__webpack_require__(0));
|
58724
58741
|
var Icon_1 = __webpack_require__(7);
|
58725
58742
|
var IconButton_1 = __webpack_require__(44);
|
58726
|
-
var Spinner_1 = __webpack_require__(
|
58743
|
+
var Spinner_1 = __webpack_require__(53);
|
58727
58744
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
58728
58745
|
var Panel = /** @class */ (function (_super) {
|
58729
58746
|
__extends(Panel, _super);
|
@@ -59050,8 +59067,8 @@ var getBatch = function getBatch() {
|
|
59050
59067
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_3_react__);
|
59051
59068
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is__ = __webpack_require__(501);
|
59052
59069
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_react_is___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_4_react_is__);
|
59053
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(
|
59054
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
59070
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__utils_Subscription__ = __webpack_require__(72);
|
59071
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
59055
59072
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__Context__ = __webpack_require__(30);
|
59056
59073
|
|
59057
59074
|
|
@@ -59731,28 +59748,49 @@ var classnames_1 = __importDefault(__webpack_require__(2));
|
|
59731
59748
|
var ContentListItem = /** @class */ (function (_super) {
|
59732
59749
|
__extends(ContentListItem, _super);
|
59733
59750
|
function ContentListItem() {
|
59734
|
-
|
59751
|
+
var _this = _super !== null && _super.apply(this, arguments) || this;
|
59752
|
+
_this.delay = 200;
|
59753
|
+
_this.prevent = false;
|
59754
|
+
_this.onSingleClick = function () {
|
59755
|
+
_this.timer = setTimeout(function () {
|
59756
|
+
if (!_this.prevent) {
|
59757
|
+
if (_this.props.onClick) {
|
59758
|
+
_this.props.onClick();
|
59759
|
+
}
|
59760
|
+
}
|
59761
|
+
}, _this.delay);
|
59762
|
+
};
|
59763
|
+
_this.onDoubleClick = function () {
|
59764
|
+
clearTimeout(_this.timer);
|
59765
|
+
_this.prevent = true;
|
59766
|
+
if (_this.props.onDoubleClick) {
|
59767
|
+
_this.props.onDoubleClick();
|
59768
|
+
}
|
59769
|
+
setTimeout(function () {
|
59770
|
+
_this.prevent = false;
|
59771
|
+
}, _this.delay);
|
59772
|
+
};
|
59773
|
+
return _this;
|
59735
59774
|
}
|
59736
59775
|
ContentListItem.prototype.render = function () {
|
59737
|
-
var classes = (0, classnames_1.default)('sd-list-item sd-
|
59776
|
+
var classes = (0, classnames_1.default)('sd-list-item sd-shadow--z1', {
|
59738
59777
|
'sd-list-item--activated': this.props.activated,
|
59739
59778
|
'sd-list-item--selected': this.props.selected,
|
59740
59779
|
'fetched': this.props.archived,
|
59741
59780
|
'actioning': this.props.loading,
|
59742
59781
|
});
|
59743
|
-
return (React.createElement("div", { className: classes, onClick: this.
|
59744
|
-
|
59745
|
-
|
59746
|
-
|
59747
|
-
|
59748
|
-
|
59749
|
-
return
|
59750
|
-
|
59751
|
-
|
59752
|
-
|
59753
|
-
|
59754
|
-
|
59755
|
-
React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action))));
|
59782
|
+
return (React.createElement("div", { className: classes, onClick: this.onSingleClick, onDoubleClick: this.onDoubleClick },
|
59783
|
+
this.props.locked
|
59784
|
+
? React.createElement("div", { className: "sd-list-item__border sd-list-item__border--locked" })
|
59785
|
+
: React.createElement("div", { className: "sd-list-item__border" }),
|
59786
|
+
this.props.itemColum.map(function (item, index) {
|
59787
|
+
return React.createElement("div", { className: "sd-list-item__column ".concat(item.fullwidth && 'sd-list-item__column--grow', " ").concat(!item.border && 'sd-list-item__column--no-border'), key: index }, item.itemRow.map(function (e, i) {
|
59788
|
+
return (item.itemRow.length <= 1
|
59789
|
+
? React.createElement(React.Fragment, { key: i }, e.content)
|
59790
|
+
: React.createElement("div", { className: "sd-list-item__row", key: i }, e.content));
|
59791
|
+
}));
|
59792
|
+
}),
|
59793
|
+
React.createElement("div", { className: "sd-list-item__action-menu" }, this.props.action)));
|
59756
59794
|
};
|
59757
59795
|
return ContentListItem;
|
59758
59796
|
}(React.PureComponent));
|
@@ -63218,11 +63256,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
63218
63256
|
exports.TreeSelect = void 0;
|
63219
63257
|
var React = __importStar(__webpack_require__(0));
|
63220
63258
|
var Icon_1 = __webpack_require__(7);
|
63221
|
-
var Loader_1 = __webpack_require__(
|
63259
|
+
var Loader_1 = __webpack_require__(59);
|
63222
63260
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
63223
63261
|
var debounce_1 = __importDefault(__webpack_require__(483));
|
63224
63262
|
var Form_1 = __webpack_require__(14);
|
63225
|
-
var core_1 = __webpack_require__(
|
63263
|
+
var core_1 = __webpack_require__(60);
|
63226
63264
|
var lodash_1 = __webpack_require__(33);
|
63227
63265
|
var TreeSelect = /** @class */ (function (_super) {
|
63228
63266
|
__extends(TreeSelect, _super);
|
@@ -63697,7 +63735,7 @@ Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
|
63697
63735
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_tiny_warning__ = __webpack_require__(259);
|
63698
63736
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__babel_runtime_helpers_esm_extends__ = __webpack_require__(24);
|
63699
63737
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_objectWithoutPropertiesLoose__ = __webpack_require__(20);
|
63700
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_tiny_invariant__ = __webpack_require__(
|
63738
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_tiny_invariant__ = __webpack_require__(74);
|
63701
63739
|
|
63702
63740
|
|
63703
63741
|
|
@@ -64263,7 +64301,7 @@ exports.typeOf = typeOf;
|
|
64263
64301
|
var ReactIs = __webpack_require__(48);
|
64264
64302
|
var assign = __webpack_require__(274);
|
64265
64303
|
|
64266
|
-
var ReactPropTypesSecret = __webpack_require__(
|
64304
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64267
64305
|
var has = __webpack_require__(79);
|
64268
64306
|
var checkPropTypes = __webpack_require__(275);
|
64269
64307
|
|
@@ -64978,7 +65016,7 @@ module.exports = shouldUseNative() ? Object.assign : function (target, source) {
|
|
64978
65016
|
var printWarning = function() {};
|
64979
65017
|
|
64980
65018
|
if (process.env.NODE_ENV !== 'production') {
|
64981
|
-
var ReactPropTypesSecret = __webpack_require__(
|
65019
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
64982
65020
|
var loggedTypeFailures = {};
|
64983
65021
|
var has = __webpack_require__(79);
|
64984
65022
|
|
@@ -65086,7 +65124,7 @@ module.exports = checkPropTypes;
|
|
65086
65124
|
|
65087
65125
|
|
65088
65126
|
|
65089
|
-
var ReactPropTypesSecret = __webpack_require__(
|
65127
|
+
var ReactPropTypesSecret = __webpack_require__(51);
|
65090
65128
|
|
65091
65129
|
function emptyFunction() {}
|
65092
65130
|
function emptyFunctionWithReset() {}
|
@@ -65688,9 +65726,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
65688
65726
|
__setModuleDefault(result, mod);
|
65689
65727
|
return result;
|
65690
65728
|
};
|
65729
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
65730
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
65731
|
+
};
|
65691
65732
|
Object.defineProperty(exports, "__esModule", { value: true });
|
65692
65733
|
exports.InputBase = void 0;
|
65693
65734
|
var React = __importStar(__webpack_require__(0));
|
65735
|
+
var classnames_1 = __importDefault(__webpack_require__(2));
|
65694
65736
|
var InputBase = /** @class */ (function (_super) {
|
65695
65737
|
__extends(InputBase, _super);
|
65696
65738
|
function InputBase(props) {
|
@@ -65720,7 +65762,17 @@ var InputBase = /** @class */ (function (_super) {
|
|
65720
65762
|
};
|
65721
65763
|
InputBase.prototype.render = function () {
|
65722
65764
|
var _a;
|
65723
|
-
|
65765
|
+
var _b;
|
65766
|
+
var classes = (0, classnames_1.default)('sd-input__input', (_a = {
|
65767
|
+
'sd-input__input--boxed-style': this.props.boxedStyle,
|
65768
|
+
'sd-input__input--required': this.props.required,
|
65769
|
+
'sd-input__input--invalid': this.props.invalid,
|
65770
|
+
'sd-input__input--disabled': this.props.disabled,
|
65771
|
+
'sd-input__input--medium': this.props.size === undefined
|
65772
|
+
},
|
65773
|
+
_a["sd-input__input--".concat(this.props.size)] = this.props.size || this.props.size !== undefined,
|
65774
|
+
_a));
|
65775
|
+
return (React.createElement("input", { className: classes, type: (_b = this.props.type) !== null && _b !== void 0 ? _b : 'text', id: this.props.htmlId, value: this.state.value, "aria-describedby": this.props.htmlId + 'label', tabIndex: this.props.tabIndex, onChange: this.handleChange, placeholder: this.props.placeholder, disabled: this.props.disabled }));
|
65724
65776
|
};
|
65725
65777
|
return InputBase;
|
65726
65778
|
}(React.Component));
|
@@ -71406,7 +71458,7 @@ function getUTCDayOfYear(dirtyDate) {
|
|
71406
71458
|
"use strict";
|
71407
71459
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCISOWeek;
|
71408
71460
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
71409
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
71461
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
71410
71462
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCISOWeekYear_index_js__ = __webpack_require__(327);
|
71411
71463
|
|
71412
71464
|
|
@@ -71434,7 +71486,7 @@ function getUTCISOWeek(dirtyDate) {
|
|
71434
71486
|
"use strict";
|
71435
71487
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCISOWeekYear;
|
71436
71488
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getUTCISOWeekYear_index_js__ = __webpack_require__(220);
|
71437
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(
|
71489
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCISOWeek_index_js__ = __webpack_require__(57);
|
71438
71490
|
|
71439
71491
|
// This function will be a part of public API when UTC function will be implemented.
|
71440
71492
|
// See issue: https://github.com/date-fns/date-fns/issues/376
|
@@ -71459,7 +71511,7 @@ function startOfUTCISOWeekYear(dirtyDate) {
|
|
71459
71511
|
"use strict";
|
71460
71512
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getUTCWeek;
|
71461
71513
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toDate_index_js__ = __webpack_require__(15);
|
71462
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(
|
71514
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
71463
71515
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeekYear_index_js__ = __webpack_require__(329);
|
71464
71516
|
|
71465
71517
|
|
@@ -71488,7 +71540,7 @@ function getUTCWeek(dirtyDate, options) {
|
|
71488
71540
|
/* harmony export (immutable) */ __webpack_exports__["a"] = startOfUTCWeekYear;
|
71489
71541
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__toInteger_index_js__ = __webpack_require__(27);
|
71490
71542
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getUTCWeekYear_index_js__ = __webpack_require__(221);
|
71491
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(
|
71543
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__startOfUTCWeek_index_js__ = __webpack_require__(58);
|
71492
71544
|
|
71493
71545
|
|
71494
71546
|
// This function will be a part of public API when UTC function will be implemented.
|
@@ -75778,7 +75830,7 @@ exports.RadioButtonGroup = void 0;
|
|
75778
75830
|
var React = __importStar(__webpack_require__(0));
|
75779
75831
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
75780
75832
|
var react_id_generator_1 = __importDefault(__webpack_require__(8));
|
75781
|
-
var FormLabel_1 = __webpack_require__(
|
75833
|
+
var FormLabel_1 = __webpack_require__(49);
|
75782
75834
|
var RadioButtonGroup = /** @class */ (function (_super) {
|
75783
75835
|
__extends(RadioButtonGroup, _super);
|
75784
75836
|
function RadioButtonGroup(props) {
|
@@ -76013,7 +76065,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
76013
76065
|
exports.CheckButtonGroup = void 0;
|
76014
76066
|
var React = __importStar(__webpack_require__(0));
|
76015
76067
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
76016
|
-
var FormLabel_1 = __webpack_require__(
|
76068
|
+
var FormLabel_1 = __webpack_require__(49);
|
76017
76069
|
var CheckButtonGroup = /** @class */ (function (_super) {
|
76018
76070
|
__extends(CheckButtonGroup, _super);
|
76019
76071
|
function CheckButtonGroup() {
|
@@ -77274,7 +77326,7 @@ function getClippingRect(element, boundary, rootBoundary) {
|
|
77274
77326
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getViewportRect;
|
77275
77327
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindow_js__ = __webpack_require__(19);
|
77276
77328
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getDocumentElement_js__ = __webpack_require__(22);
|
77277
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
77329
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
77278
77330
|
|
77279
77331
|
|
77280
77332
|
|
@@ -77324,8 +77376,8 @@ function getViewportRect(element) {
|
|
77324
77376
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getDocumentRect;
|
77325
77377
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getDocumentElement_js__ = __webpack_require__(22);
|
77326
77378
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getComputedStyle_js__ = __webpack_require__(34);
|
77327
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(
|
77328
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(
|
77379
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getWindowScrollBarX_js__ = __webpack_require__(66);
|
77380
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getWindowScroll_js__ = __webpack_require__(67);
|
77329
77381
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_math_js__ = __webpack_require__(29);
|
77330
77382
|
|
77331
77383
|
|
@@ -77364,7 +77416,7 @@ function getDocumentRect(element) {
|
|
77364
77416
|
"use strict";
|
77365
77417
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getScrollParent;
|
77366
77418
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getParentNode_js__ = __webpack_require__(46);
|
77367
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(
|
77419
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__isScrollParent_js__ = __webpack_require__(68);
|
77368
77420
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
77369
77421
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
77370
77422
|
|
@@ -77463,9 +77515,9 @@ function getAltAxis(axis) {
|
|
77463
77515
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getNodeScroll_js__ = __webpack_require__(383);
|
77464
77516
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__getNodeName_js__ = __webpack_require__(28);
|
77465
77517
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__instanceOf_js__ = __webpack_require__(13);
|
77466
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(
|
77518
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__getWindowScrollBarX_js__ = __webpack_require__(66);
|
77467
77519
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__getDocumentElement_js__ = __webpack_require__(22);
|
77468
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(
|
77520
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__isScrollParent_js__ = __webpack_require__(68);
|
77469
77521
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__utils_math_js__ = __webpack_require__(29);
|
77470
77522
|
|
77471
77523
|
|
@@ -77532,7 +77584,7 @@ function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {
|
|
77532
77584
|
|
77533
77585
|
"use strict";
|
77534
77586
|
/* harmony export (immutable) */ __webpack_exports__["a"] = getNodeScroll;
|
77535
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(
|
77587
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__getWindowScroll_js__ = __webpack_require__(67);
|
77536
77588
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__getWindow_js__ = __webpack_require__(19);
|
77537
77589
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__instanceOf_js__ = __webpack_require__(13);
|
77538
77590
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__getHTMLElementScroll_js__ = __webpack_require__(384);
|
@@ -77787,11 +77839,11 @@ function mergeByName(modifiers) {
|
|
77787
77839
|
"use strict";
|
77788
77840
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return createPopper; });
|
77789
77841
|
/* unused harmony export defaultModifiers */
|
77790
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(
|
77791
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(
|
77792
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(
|
77793
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(
|
77794
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(
|
77842
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0__createPopper_js__ = __webpack_require__(70);
|
77843
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__modifiers_eventListeners_js__ = __webpack_require__(65);
|
77844
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__modifiers_popperOffsets_js__ = __webpack_require__(69);
|
77845
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__modifiers_computeStyles_js__ = __webpack_require__(64);
|
77846
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__modifiers_applyStyles_js__ = __webpack_require__(61);
|
77795
77847
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5__modifiers_offset_js__ = __webpack_require__(239);
|
77796
77848
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6__modifiers_flip_js__ = __webpack_require__(234);
|
77797
77849
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__modifiers_preventOverflow_js__ = __webpack_require__(240);
|
@@ -97345,7 +97397,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
97345
97397
|
exports.TagInput = void 0;
|
97346
97398
|
var React = __importStar(__webpack_require__(0));
|
97347
97399
|
var classnames_1 = __importDefault(__webpack_require__(2));
|
97348
|
-
var core_1 = __webpack_require__(
|
97400
|
+
var core_1 = __webpack_require__(60);
|
97349
97401
|
var lodash_1 = __webpack_require__(33);
|
97350
97402
|
var TagInput = function (_a) {
|
97351
97403
|
var items = _a.items, label = _a.label, freetype = _a.freetype;
|
@@ -99403,7 +99455,7 @@ exports.IconPicker = void 0;
|
|
99403
99455
|
var React = __importStar(__webpack_require__(0));
|
99404
99456
|
// @ts-ignore
|
99405
99457
|
var iconFont = __importStar(__webpack_require__(265));
|
99406
|
-
var Button_1 = __webpack_require__(
|
99458
|
+
var Button_1 = __webpack_require__(52);
|
99407
99459
|
var Icon_1 = __webpack_require__(7);
|
99408
99460
|
var SelectGrid_1 = __webpack_require__(243);
|
99409
99461
|
var IconPicker = /** @class */ (function (_super) {
|
@@ -113266,8 +113318,8 @@ Object(__WEBPACK_IMPORTED_MODULE_2__utils_batch__["b" /* setBatch */])(__WEBPACK
|
|
113266
113318
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types__ = __webpack_require__(5);
|
113267
113319
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_prop_types___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_1_prop_types__);
|
113268
113320
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__Context__ = __webpack_require__(30);
|
113269
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(
|
113270
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
113321
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_Subscription__ = __webpack_require__(72);
|
113322
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
113271
113323
|
|
113272
113324
|
|
113273
113325
|
|
@@ -114041,8 +114093,8 @@ var useDispatch = /*#__PURE__*/createDispatchHook();
|
|
114041
114093
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react__ = __webpack_require__(0);
|
114042
114094
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_react___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_0_react__);
|
114043
114095
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1__useReduxContext__ = __webpack_require__(257);
|
114044
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(
|
114045
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(
|
114096
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2__utils_Subscription__ = __webpack_require__(72);
|
114097
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3__utils_useIsomorphicLayoutEffect__ = __webpack_require__(73);
|
114046
114098
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4__components_Context__ = __webpack_require__(30);
|
114047
114099
|
|
114048
114100
|
|
@@ -114286,7 +114338,7 @@ var useCallback = useCallbackOne;
|
|
114286
114338
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "f", function() { return offset; });
|
114287
114339
|
/* unused harmony export shrink */
|
114288
114340
|
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "g", function() { return withScroll; });
|
114289
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(
|
114341
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_0_tiny_invariant__ = __webpack_require__(74);
|
114290
114342
|
|
114291
114343
|
|
114292
114344
|
var getRect = function getRect(_ref) {
|
@@ -114667,7 +114719,7 @@ exports.default = items;
|
|
114667
114719
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_history__ = __webpack_require__(522);
|
114668
114720
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_warning__ = __webpack_require__(259);
|
114669
114721
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_5_mini_create_react_context__ = __webpack_require__(554);
|
114670
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_tiny_invariant__ = __webpack_require__(
|
114722
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_6_tiny_invariant__ = __webpack_require__(74);
|
114671
114723
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_7__babel_runtime_helpers_esm_extends__ = __webpack_require__(24);
|
114672
114724
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_path_to_regexp__ = __webpack_require__(555);
|
114673
114725
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_8_path_to_regexp___default = __webpack_require__.n(__WEBPACK_IMPORTED_MODULE_8_path_to_regexp__);
|
@@ -115445,7 +115497,7 @@ if (process.env.NODE_ENV !== "production") {
|
|
115445
115497
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_1_resolve_pathname__ = __webpack_require__(552);
|
115446
115498
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_2_value_equal__ = __webpack_require__(553);
|
115447
115499
|
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_3_tiny_warning__ = __webpack_require__(259);
|
115448
|
-
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_invariant__ = __webpack_require__(
|
115500
|
+
/* harmony import */ var __WEBPACK_IMPORTED_MODULE_4_tiny_invariant__ = __webpack_require__(74);
|
115449
115501
|
|
115450
115502
|
|
115451
115503
|
|
@@ -116573,15 +116625,15 @@ var RundownEditor = /** @class */ (function (_super) {
|
|
116573
116625
|
React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Duration:', text: '00:38', size: 'large', type: 'warning' }),
|
116574
116626
|
React.createElement(index_1.Text, { color: 'light', size: 'medium', className: 'sd-margin--0' }, "OF"),
|
116575
116627
|
React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Planned:', text: '00:45', size: 'large' })),
|
116576
|
-
React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', dragAndDrop: true, addItem: true, array: this.state.array, itemsDropdown: [
|
116628
|
+
React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', dragAndDrop: true, addItem: true, array: this.state.array, itemsDropdown: function () { return [
|
116577
116629
|
{ label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return 1; } },
|
116578
116630
|
{ label: React.createElement(index_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return 1; } },
|
116579
116631
|
{ label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return 1; } },
|
116580
|
-
]
|
116632
|
+
]; } }))),
|
116581
116633
|
React.createElement(Layout.RightPanel, { open: this.state.rightPanelOpen },
|
116582
|
-
React.createElement(Layout.Panel, { size: '
|
116634
|
+
React.createElement(Layout.Panel, { size: 'x-large', side: 'right' },
|
116583
116635
|
React.createElement(Layout.PanelContent, null,
|
116584
|
-
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolbarCustom: true, toolBar: (React.createElement(React.Fragment, null,
|
116636
|
+
React.createElement(Layout.AuthoringFrame, { main: React.createElement(Layout.AuthoringMain, { headerPadding: 'medium', toolbarCustom: true, headerCollapsed: true, toolBar: (React.createElement(React.Fragment, null,
|
116585
116637
|
React.createElement(index_1.SubNav, { className: 'sd-shadow--z0' },
|
116586
116638
|
React.createElement(index_1.SlidingToolbar, null,
|
116587
116639
|
React.createElement(index_1.ButtonGroup, { align: 'start' },
|
@@ -124606,7 +124658,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
124606
124658
|
var React = __importStar(__webpack_require__(0));
|
124607
124659
|
var Markup = __importStar(__webpack_require__(6));
|
124608
124660
|
var app_typescript_1 = __webpack_require__(3);
|
124609
|
-
var DurationInput_1 = __webpack_require__(56);
|
124610
124661
|
var InputsDoc = /** @class */ (function (_super) {
|
124611
124662
|
__extends(InputsDoc, _super);
|
124612
124663
|
function InputsDoc(props) {
|
@@ -124651,25 +124702,21 @@ var InputsDoc = /** @class */ (function (_super) {
|
|
124651
124702
|
React.createElement("p", { className: "docs-page__paragraph" }, "// Hidden label"),
|
124652
124703
|
React.createElement("div", { className: 'form__row' },
|
124653
124704
|
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', maxLength: 25, type: 'text', placeholder: 'Placeholder', error: 'This is error message', info: 'Donec id elit non mi porta gravida at eget metus.', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124705
|
+
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with hidden label"),
|
124654
124706
|
React.createElement("div", { className: 'form__row' },
|
124655
|
-
React.createElement(
|
124656
|
-
|
124657
|
-
|
124658
|
-
|
124659
|
-
React.createElement(
|
124660
|
-
|
124661
|
-
|
124662
|
-
|
124663
|
-
|
124664
|
-
|
124665
|
-
React.createElement(
|
124666
|
-
|
124667
|
-
|
124668
|
-
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with boxed label"),
|
124669
|
-
React.createElement("div", { className: 'form__row' },
|
124670
|
-
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124671
|
-
React.createElement("div", { className: 'form__row' },
|
124672
|
-
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', placeholder: 'Hide my label', labelHidden: true, type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } }))))),
|
124707
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, maxLength: 25, type: 'text', placeholder: 'Default boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124708
|
+
React.createElement("div", { className: 'form__row' },
|
124709
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, type: 'text', placeholder: 'Large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124710
|
+
React.createElement("div", { className: 'form__row' },
|
124711
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'x-large', maxLength: 25, type: 'text', placeholder: 'Extra large boxed input', error: 'This is error message', inlineLabel: true, labelHidden: true, required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124712
|
+
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with default label"),
|
124713
|
+
React.createElement("div", { className: 'form__row' },
|
124714
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124715
|
+
React.createElement("p", { className: "docs-page__paragraph" }, "// Boxed with boxed label"),
|
124716
|
+
React.createElement("div", { className: 'form__row' },
|
124717
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', maxLength: 25, placeholder: 'Placeholder', type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })),
|
124718
|
+
React.createElement("div", { className: 'form__row' },
|
124719
|
+
React.createElement(app_typescript_1.Input, { label: 'Input label', value: '', boxedStyle: true, boxedLable: true, size: 'large', placeholder: 'Hide my label', labelHidden: true, type: 'text', error: 'This is error message', required: this.state.required, disabled: this.state.disabled, invalid: this.state.invalid, tabindex: 0, onChange: function (value) { return _this.setState({ value2: value }); } })))),
|
124673
124720
|
React.createElement(Markup.ReactMarkupCode, null, "\n <Input label='Input label'\n value='This is some value'\n maxLength={30}\n error='This is error message'\n info='This is some hint message'\n inlineLabel={false}\n required={true}\n disabled={false}\n invalid={false}\n onChange={(value) => {}} />\n\n <Input label='Number Input'\n value={this.state.value}\n type='number'\n error='This is error message'\n info='Morbi leo risus porta ac consectetur ac.'\n inlineLabel={this.state.inlineLabel}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n // Hidden label\n <Input label='Input label'\n value={''}\n maxLength={25}\n type='text'\n placeholder='Placeholder'\n error='This is error message'\n info='Donec id elit non mi porta gravida at eget metus.'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n // Boxed with hidden label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n maxLength={25}\n type='text'\n placeholder='Default boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='large'\n maxLength={25}\n type='text'\n placeholder='Large boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='x-large'\n maxLength={25}\n type='text'\n placeholder='Extra large boxed input'\n error='This is error message'\n inlineLabel={true}\n labelHidden={true}\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n\n // Boxed with default label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n size='large'\n maxLength={25}\n placeholder='Placeholder'\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n // Boxed with boxed label\n <Input label='Input label'\n value={''}\n boxedStyle={true}\n boxedLable={true}\n size='large'\n maxLength={25}\n placeholder='Placeholder'\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n \n <Input label='Input label'\n value={''}\n boxedStyle={true}\n boxedLable={true}\n size='large'\n placeholder='Hide my label'\n labelHidden={true}\n type='text'\n error='This is error message'\n required={this.state.required}\n disabled={this.state.disabled}\n invalid={this.state.invalid}\n tabindex={0}\n onChange={(value) => {}} />\n ")),
|
124674
124721
|
React.createElement("h3", { className: 'docs-page__h3' }, "Props"),
|
124675
124722
|
React.createElement(app_typescript_1.PropsList, null,
|
@@ -129291,7 +129338,7 @@ var DropdownDoc = /** @class */ (function (_super) {
|
|
129291
129338
|
" to the dropdown element to append to the inner dropdown menu to the body. This is useful when the dropdown button is inside a div with overflow: hidden, and the menu would otherwise be hidden."),
|
129292
129339
|
React.createElement(Markup.ReactMarkup, null,
|
129293
129340
|
React.createElement(Markup.ReactMarkupPreview, null,
|
129294
|
-
React.createElement(app_typescript_1.Dropdown, { header: [
|
129341
|
+
React.createElement(app_typescript_1.Dropdown, { append: true, header: [
|
129295
129342
|
{
|
129296
129343
|
type: 'group',
|
129297
129344
|
label: 'Create new',
|
@@ -129305,7 +129352,14 @@ var DropdownDoc = /** @class */ (function (_super) {
|
|
129305
129352
|
type: 'submenu',
|
129306
129353
|
label: 'Show 1',
|
129307
129354
|
icon: 'plus-sign',
|
129308
|
-
items: [
|
129355
|
+
items: [
|
129356
|
+
{
|
129357
|
+
type: 'submenu',
|
129358
|
+
label: 'Show 1',
|
129359
|
+
icon: 'plus-sign',
|
129360
|
+
items: []
|
129361
|
+
}
|
129362
|
+
],
|
129309
129363
|
},
|
129310
129364
|
{
|
129311
129365
|
type: 'submenu',
|
@@ -129341,6 +129395,272 @@ var DropdownDoc = /** @class */ (function (_super) {
|
|
129341
129395
|
},
|
129342
129396
|
],
|
129343
129397
|
},
|
129398
|
+
{
|
129399
|
+
type: 'submenu',
|
129400
|
+
label: 'Rundown',
|
129401
|
+
icon: 'plus-sign',
|
129402
|
+
items: [
|
129403
|
+
{
|
129404
|
+
type: 'submenu',
|
129405
|
+
label: 'Show 1',
|
129406
|
+
icon: 'plus-sign',
|
129407
|
+
items: [],
|
129408
|
+
},
|
129409
|
+
{
|
129410
|
+
type: 'submenu',
|
129411
|
+
label: 'Show 2',
|
129412
|
+
icon: 'plus-sign',
|
129413
|
+
items: [],
|
129414
|
+
},
|
129415
|
+
],
|
129416
|
+
},
|
129417
|
+
{
|
129418
|
+
type: 'submenu',
|
129419
|
+
label: 'Rundown',
|
129420
|
+
icon: 'plus-sign',
|
129421
|
+
items: [
|
129422
|
+
{
|
129423
|
+
type: 'submenu',
|
129424
|
+
label: 'Show 1',
|
129425
|
+
icon: 'plus-sign',
|
129426
|
+
items: [],
|
129427
|
+
},
|
129428
|
+
{
|
129429
|
+
type: 'submenu',
|
129430
|
+
label: 'Show 2',
|
129431
|
+
icon: 'plus-sign',
|
129432
|
+
items: [],
|
129433
|
+
},
|
129434
|
+
],
|
129435
|
+
},
|
129436
|
+
{
|
129437
|
+
type: 'submenu',
|
129438
|
+
label: 'Rundown',
|
129439
|
+
icon: 'plus-sign',
|
129440
|
+
items: [
|
129441
|
+
{
|
129442
|
+
type: 'submenu',
|
129443
|
+
label: 'Show 1',
|
129444
|
+
icon: 'plus-sign',
|
129445
|
+
items: [],
|
129446
|
+
},
|
129447
|
+
{
|
129448
|
+
type: 'submenu',
|
129449
|
+
label: 'Show 2',
|
129450
|
+
icon: 'plus-sign',
|
129451
|
+
items: [],
|
129452
|
+
},
|
129453
|
+
],
|
129454
|
+
},
|
129455
|
+
{
|
129456
|
+
type: 'submenu',
|
129457
|
+
label: 'Rundown',
|
129458
|
+
icon: 'plus-sign',
|
129459
|
+
items: [
|
129460
|
+
{
|
129461
|
+
type: 'submenu',
|
129462
|
+
label: 'Show 1',
|
129463
|
+
icon: 'plus-sign',
|
129464
|
+
items: [],
|
129465
|
+
},
|
129466
|
+
{
|
129467
|
+
type: 'submenu',
|
129468
|
+
label: 'Show 2',
|
129469
|
+
icon: 'plus-sign',
|
129470
|
+
items: [],
|
129471
|
+
},
|
129472
|
+
],
|
129473
|
+
},
|
129474
|
+
{
|
129475
|
+
type: 'submenu',
|
129476
|
+
label: 'Rundown',
|
129477
|
+
icon: 'plus-sign',
|
129478
|
+
items: [
|
129479
|
+
{
|
129480
|
+
type: 'submenu',
|
129481
|
+
label: 'Show 1',
|
129482
|
+
icon: 'plus-sign',
|
129483
|
+
items: [],
|
129484
|
+
},
|
129485
|
+
{
|
129486
|
+
type: 'submenu',
|
129487
|
+
label: 'Show 2',
|
129488
|
+
icon: 'plus-sign',
|
129489
|
+
items: [],
|
129490
|
+
},
|
129491
|
+
],
|
129492
|
+
},
|
129493
|
+
{
|
129494
|
+
type: 'submenu',
|
129495
|
+
label: 'Rundown',
|
129496
|
+
icon: 'plus-sign',
|
129497
|
+
items: [
|
129498
|
+
{
|
129499
|
+
type: 'submenu',
|
129500
|
+
label: 'Show 1',
|
129501
|
+
icon: 'plus-sign',
|
129502
|
+
items: [],
|
129503
|
+
},
|
129504
|
+
{
|
129505
|
+
type: 'submenu',
|
129506
|
+
label: 'Show 2',
|
129507
|
+
icon: 'plus-sign',
|
129508
|
+
items: [],
|
129509
|
+
},
|
129510
|
+
],
|
129511
|
+
},
|
129512
|
+
{
|
129513
|
+
type: 'submenu',
|
129514
|
+
label: 'Rundown',
|
129515
|
+
icon: 'plus-sign',
|
129516
|
+
items: [
|
129517
|
+
{
|
129518
|
+
type: 'submenu',
|
129519
|
+
label: 'Show 1',
|
129520
|
+
icon: 'plus-sign',
|
129521
|
+
items: [],
|
129522
|
+
},
|
129523
|
+
{
|
129524
|
+
type: 'submenu',
|
129525
|
+
label: 'Show 2',
|
129526
|
+
icon: 'plus-sign',
|
129527
|
+
items: [],
|
129528
|
+
},
|
129529
|
+
],
|
129530
|
+
},
|
129531
|
+
{
|
129532
|
+
type: 'submenu',
|
129533
|
+
label: 'Rundown',
|
129534
|
+
icon: 'plus-sign',
|
129535
|
+
items: [
|
129536
|
+
{
|
129537
|
+
type: 'submenu',
|
129538
|
+
label: 'Show 1',
|
129539
|
+
icon: 'plus-sign',
|
129540
|
+
items: [],
|
129541
|
+
},
|
129542
|
+
{
|
129543
|
+
type: 'submenu',
|
129544
|
+
label: 'Show 2',
|
129545
|
+
icon: 'plus-sign',
|
129546
|
+
items: [],
|
129547
|
+
},
|
129548
|
+
],
|
129549
|
+
},
|
129550
|
+
{
|
129551
|
+
type: 'submenu',
|
129552
|
+
label: 'Rundown',
|
129553
|
+
icon: 'plus-sign',
|
129554
|
+
items: [
|
129555
|
+
{
|
129556
|
+
type: 'submenu',
|
129557
|
+
label: 'Show 1',
|
129558
|
+
icon: 'plus-sign',
|
129559
|
+
items: [],
|
129560
|
+
},
|
129561
|
+
{
|
129562
|
+
type: 'submenu',
|
129563
|
+
label: 'Show 2',
|
129564
|
+
icon: 'plus-sign',
|
129565
|
+
items: [],
|
129566
|
+
},
|
129567
|
+
],
|
129568
|
+
},
|
129569
|
+
{
|
129570
|
+
type: 'submenu',
|
129571
|
+
label: 'Rundown',
|
129572
|
+
icon: 'plus-sign',
|
129573
|
+
items: [
|
129574
|
+
{
|
129575
|
+
type: 'submenu',
|
129576
|
+
label: 'Show 1',
|
129577
|
+
icon: 'plus-sign',
|
129578
|
+
items: [],
|
129579
|
+
},
|
129580
|
+
{
|
129581
|
+
type: 'submenu',
|
129582
|
+
label: 'Show 2',
|
129583
|
+
icon: 'plus-sign',
|
129584
|
+
items: [],
|
129585
|
+
},
|
129586
|
+
],
|
129587
|
+
},
|
129588
|
+
{
|
129589
|
+
type: 'submenu',
|
129590
|
+
label: 'Rundown',
|
129591
|
+
icon: 'plus-sign',
|
129592
|
+
items: [
|
129593
|
+
{
|
129594
|
+
type: 'submenu',
|
129595
|
+
label: 'Show 1',
|
129596
|
+
icon: 'plus-sign',
|
129597
|
+
items: [],
|
129598
|
+
},
|
129599
|
+
{
|
129600
|
+
type: 'submenu',
|
129601
|
+
label: 'Show 2',
|
129602
|
+
icon: 'plus-sign',
|
129603
|
+
items: [],
|
129604
|
+
},
|
129605
|
+
],
|
129606
|
+
},
|
129607
|
+
{
|
129608
|
+
type: 'submenu',
|
129609
|
+
label: 'Rundown',
|
129610
|
+
icon: 'plus-sign',
|
129611
|
+
items: [
|
129612
|
+
{
|
129613
|
+
type: 'submenu',
|
129614
|
+
label: 'Show 1',
|
129615
|
+
icon: 'plus-sign',
|
129616
|
+
items: [],
|
129617
|
+
},
|
129618
|
+
{
|
129619
|
+
type: 'submenu',
|
129620
|
+
label: 'Show 2',
|
129621
|
+
icon: 'plus-sign',
|
129622
|
+
items: [],
|
129623
|
+
},
|
129624
|
+
],
|
129625
|
+
},
|
129626
|
+
{
|
129627
|
+
type: 'submenu',
|
129628
|
+
label: 'Rundown',
|
129629
|
+
icon: 'plus-sign',
|
129630
|
+
items: [
|
129631
|
+
{
|
129632
|
+
type: 'submenu',
|
129633
|
+
label: 'Show 1',
|
129634
|
+
icon: 'plus-sign',
|
129635
|
+
items: [],
|
129636
|
+
},
|
129637
|
+
{
|
129638
|
+
type: 'submenu',
|
129639
|
+
label: 'Show 2',
|
129640
|
+
icon: 'plus-sign',
|
129641
|
+
items: [],
|
129642
|
+
},
|
129643
|
+
],
|
129644
|
+
},
|
129645
|
+
{
|
129646
|
+
type: 'submenu',
|
129647
|
+
label: 'Rundown',
|
129648
|
+
icon: 'plus-sign',
|
129649
|
+
items: [
|
129650
|
+
{
|
129651
|
+
type: 'submenu',
|
129652
|
+
label: 'Show 1',
|
129653
|
+
icon: 'plus-sign',
|
129654
|
+
items: [],
|
129655
|
+
},
|
129656
|
+
{
|
129657
|
+
type: 'submenu',
|
129658
|
+
label: 'Show 2',
|
129659
|
+
icon: 'plus-sign',
|
129660
|
+
items: [],
|
129661
|
+
},
|
129662
|
+
],
|
129663
|
+
},
|
129344
129664
|
],
|
129345
129665
|
},
|
129346
129666
|
], footer: [
|
@@ -129350,7 +129670,7 @@ var DropdownDoc = /** @class */ (function (_super) {
|
|
129350
129670
|
{
|
129351
129671
|
icon: 'rundown',
|
129352
129672
|
label: 'Create new Show',
|
129353
|
-
onSelect: function () { return
|
129673
|
+
onSelect: function () { return console.log('aaa'); },
|
129354
129674
|
},
|
129355
129675
|
],
|
129356
129676
|
},
|
@@ -129508,7 +129828,13 @@ var DropdownDoc = /** @class */ (function (_super) {
|
|
129508
129828
|
type: 'submenu',
|
129509
129829
|
label: 'Show 1',
|
129510
129830
|
icon: 'plus-sign',
|
129511
|
-
items: [
|
129831
|
+
items: [
|
129832
|
+
{
|
129833
|
+
type: 'submenu',
|
129834
|
+
label: 'Show 1',
|
129835
|
+
items: []
|
129836
|
+
}
|
129837
|
+
],
|
129512
129838
|
},
|
129513
129839
|
{
|
129514
129840
|
type: 'submenu',
|
@@ -130256,7 +130582,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
130256
130582
|
var React = __importStar(__webpack_require__(0));
|
130257
130583
|
var Markup = __importStar(__webpack_require__(6));
|
130258
130584
|
var app_typescript_1 = __webpack_require__(3);
|
130259
|
-
var GridElements = __importStar(__webpack_require__(
|
130585
|
+
var GridElements = __importStar(__webpack_require__(71));
|
130260
130586
|
var GridItemDoc = /** @class */ (function (_super) {
|
130261
130587
|
__extends(GridItemDoc, _super);
|
130262
130588
|
function GridItemDoc(props) {
|
@@ -130773,10 +131099,10 @@ var ContentDividerDoc = /** @class */ (function (_super) {
|
|
130773
131099
|
React.createElement(Markup.ReactMarkupCode, null, "\n // Basic\n\n <span>Option one</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option two</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option three</span>\n\n // With text\n\n <div>\n Cras justo odio, dapibus ac facilisis in, egestas eget quam...\n </div>\n\n <ContentDivider orientation=\"vertical\">\n or\n </ContentDivider>\n\n <div>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et...\n </div>\n ")),
|
130774
131100
|
React.createElement("h3", { className: "docs-page__h3" }, "Props"),
|
130775
131101
|
React.createElement(app_typescript_1.PropsList, null,
|
130776
|
-
React.createElement(app_typescript_1.Prop, { name: 'type',
|
130777
|
-
React.createElement(app_typescript_1.Prop, { name: 'orientation',
|
130778
|
-
React.createElement(app_typescript_1.Prop, { name: 'align',
|
130779
|
-
React.createElement(app_typescript_1.Prop, { name: 'border',
|
131102
|
+
React.createElement(app_typescript_1.Prop, { name: 'type', isRequired: false, type: 'dashed | dotted | solid', default: 'solid', description: 'Border style of the divider.' }),
|
131103
|
+
React.createElement(app_typescript_1.Prop, { name: 'orientation', isRequired: false, type: 'horizontal | vertical', default: 'horizontal', description: 'Defines if the divider is horizontal or vertical. Default is horizontal.' }),
|
131104
|
+
React.createElement(app_typescript_1.Prop, { name: 'align', isRequired: false, type: 'center | left | right', default: 'right', description: 'Text alignment inside the divider. Should not be used without any text inside the divider. The vertical divider has no alignment options.' }),
|
131105
|
+
React.createElement(app_typescript_1.Prop, { name: 'border', isRequired: false, type: 'boolean', default: 'true', description: 'Removes the border if set to true. Should be generally avoided especially if there is textual content. It can be used to add space between elements if there is no other option.' }))));
|
130780
131106
|
};
|
130781
131107
|
return ContentDividerDoc;
|
130782
131108
|
}(React.Component));
|
@@ -130834,6 +131160,7 @@ var ToggleboxDocs = function () {
|
|
130834
131160
|
React.createElement(app_typescript_1.Prop, { name: 'hideUsingCSS', isRequired: false, type: 'boolean', default: 'false', description: 'Usefull when working with forms. Content of togglebox will be hidden but remain rendered.' }),
|
130835
131161
|
React.createElement(app_typescript_1.Prop, { name: 'initiallyOpen', isRequired: false, type: 'boolean', default: 'false', description: 'Opens togglebox on initial render' }),
|
130836
131162
|
React.createElement(app_typescript_1.Prop, { name: 'className', isRequired: false, type: 'string', default: 'null', description: 'Style class of the component' }),
|
131163
|
+
React.createElement(app_typescript_1.Prop, { name: 'margin', isRequired: false, type: 'none | small | normal | large', default: 'normal', description: 'Defines the bottom margin of the toggle box.' }),
|
130837
131164
|
React.createElement(app_typescript_1.Prop, { name: 'onOpen', isRequired: false, type: 'function', default: 'null', description: 'Callback on open event' }),
|
130838
131165
|
React.createElement(app_typescript_1.Prop, { name: 'onClose', isRequired: false, type: 'function', default: 'null', description: 'Callback on close event' }))));
|
130839
131166
|
};
|
@@ -131546,9 +131873,8 @@ var TableListDoc = /** @class */ (function (_super) {
|
|
131546
131873
|
center: React.createElement("span", null, "Item 2"),
|
131547
131874
|
end: React.createElement(app_typescript_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }),
|
131548
131875
|
action: React.createElement(app_typescript_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }),
|
131549
|
-
onClick: function () {
|
131550
|
-
|
131551
|
-
}
|
131876
|
+
onClick: function () { return console.log('single'); },
|
131877
|
+
onDoubleClick: function () { return console.log('double'); },
|
131552
131878
|
},
|
131553
131879
|
{
|
131554
131880
|
start: React.createElement(React.Fragment, null,
|
@@ -131557,9 +131883,9 @@ var TableListDoc = /** @class */ (function (_super) {
|
|
131557
131883
|
center: React.createElement("span", null, "Item 3"),
|
131558
131884
|
end: React.createElement(app_typescript_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }),
|
131559
131885
|
action: React.createElement(app_typescript_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }),
|
131560
|
-
onClick: function () {
|
131561
|
-
|
131562
|
-
|
131886
|
+
onClick: function () { return console.log('single'); },
|
131887
|
+
onDoubleClick: function () { return console.log('double'); },
|
131888
|
+
hexColor: '#ff9808'
|
131563
131889
|
},
|
131564
131890
|
]
|
131565
131891
|
};
|
@@ -131568,35 +131894,35 @@ var TableListDoc = /** @class */ (function (_super) {
|
|
131568
131894
|
TableListDoc.prototype.render = function () {
|
131569
131895
|
return (React.createElement("section", { className: 'docs-page__container' },
|
131570
131896
|
React.createElement("h2", { className: 'docs-page__h2' }, "TableList"),
|
131571
|
-
React.createElement(Markup.ReactMarkupCodePreview, null, "\n <TableList\n dragAndDrop\n addItem\n array={this.state.array}\n itemsDropdown={[\n { label: '
|
131897
|
+
React.createElement(Markup.ReactMarkupCodePreview, null, "\n <TableList\n dragAndDrop\n addItem\n array={this.state.array}\n itemsDropdown={(index) => [\n { label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => console.log(index) },\n { label: <Label style='translucent' text='prlg' />, onSelect: () => console.log(index) },\n { label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => console.log(index) },\n ]} />\n "),
|
131572
131898
|
React.createElement("p", { className: "docs-page__paragraph" }, "With drag and drop functionality:"),
|
131573
131899
|
React.createElement(Markup.ReactMarkup, null,
|
131574
131900
|
React.createElement(Markup.ReactMarkupPreview, null,
|
131575
|
-
React.createElement(TableList_1.TableList, { dragAndDrop: true, addItem: true,
|
131576
|
-
{ label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return
|
131577
|
-
{ label: React.createElement(app_typescript_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return
|
131578
|
-
{ label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return
|
131579
|
-
], onDrag: function (start, end) { return console.log(start, end); } })),
|
131580
|
-
React.createElement(Markup.ReactMarkupCode, null, "\n <TableList\n dragAndDrop\n addItem\n array={this.state.array}\n itemsDropdown={[\n
|
131901
|
+
React.createElement(TableList_1.TableList, { dragAndDrop: true, addItem: true, array: this.state.array, itemsDropdown: function (index) { return [
|
131902
|
+
{ label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return console.log(index); } },
|
131903
|
+
{ label: React.createElement(app_typescript_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return console.log(index); } },
|
131904
|
+
{ label: React.createElement(app_typescript_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return console.log(index); } },
|
131905
|
+
]; }, onDrag: function (start, end) { return console.log(start, end); } })),
|
131906
|
+
React.createElement(Markup.ReactMarkupCode, null, "\n <TableList\n dragAndDrop\n addItem\n array={this.state.array}\n itemsDropdown={(index) => [\n { label: <Label style='translucent' type='primary' text='aacc' />, onSelect: () => console.log(index) },\n { label: <Label style='translucent' text='prlg' />, onSelect: () => console.log(index) },\n { label: <Label style='translucent' type='primary' text='prlg' />, onSelect: () => console.log(index) },\n ]\n }\n onDrag={(start, end) => console.log(start, end)}\n />\n ")),
|
131581
131907
|
React.createElement("h3", { className: "docs-page__h3" }, "Props"),
|
131582
131908
|
React.createElement("p", { className: "docs-page__paragraph" }, "TableList"),
|
131583
131909
|
React.createElement(app_typescript_1.PropsList, null,
|
131584
|
-
React.createElement(app_typescript_1.Prop, { name: 'array', isRequired:
|
131585
|
-
React.createElement(app_typescript_1.Prop, { name: 'children', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Children of component.' }),
|
131910
|
+
React.createElement(app_typescript_1.Prop, { name: 'array', isRequired: true, type: 'Array', default: 'false', description: 'Array of object.' }),
|
131586
131911
|
React.createElement(app_typescript_1.Prop, { name: 'addItem', isRequired: false, type: 'boolean', default: 'false', description: 'Functionality to add items to the list.' }),
|
131587
131912
|
React.createElement(app_typescript_1.Prop, { name: 'dragAndDrop', isRequired: false, type: 'boolean', default: 'false', description: 'Drag&Drop functionality.' }),
|
131588
|
-
React.createElement(app_typescript_1.Prop, { name: 'itemsDropdown', isRequired: false, type: 'React.ReactNode | any', default: 'false', description: 'Dropdown for functionality to add items to the list.' }),
|
131589
131913
|
React.createElement(app_typescript_1.Prop, { name: 'className', isRequired: false, type: 'string', default: 'false', description: 'Add class on TableList container.' }),
|
131590
|
-
React.createElement(app_typescript_1.Prop, { name: 'showDragHandle', isRequired: false, type: 'string', default: 'always', description: '' }),
|
131591
|
-
React.createElement(app_typescript_1.Prop, { name: '
|
131914
|
+
React.createElement(app_typescript_1.Prop, { name: 'showDragHandle', isRequired: false, type: 'string', default: 'always', description: '"always" | "onHover" | "none".' }),
|
131915
|
+
React.createElement(app_typescript_1.Prop, { name: 'readOnly', isRequired: false, type: 'boolean', default: 'false', description: 'When specified, component changes are not enabled.' }),
|
131592
131916
|
React.createElement(app_typescript_1.Prop, { name: 'onDrag', isRequired: false, type: 'function', default: 'false', description: 'Returns start and end position of draggable item' }),
|
131593
|
-
React.createElement(app_typescript_1.Prop, { name: 'onAddItem', isRequired: false, type: 'function', default: 'false', description: 'Returns index of draggable item.' })
|
131917
|
+
React.createElement(app_typescript_1.Prop, { name: 'onAddItem', isRequired: false, type: 'function', default: 'false', description: 'Returns index of draggable item.' }),
|
131918
|
+
React.createElement(app_typescript_1.Prop, { name: 'itemsDropdown', isRequired: false, type: 'function', default: 'false', description: 'Dropdown for adding items in the list. Returns index of draggable item.' })),
|
131594
131919
|
React.createElement("p", { className: "docs-page__paragraph" }, "array:"),
|
131595
131920
|
React.createElement(app_typescript_1.PropsList, null,
|
131596
131921
|
React.createElement(app_typescript_1.Prop, { name: 'start', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual items of list.' }),
|
131597
131922
|
React.createElement(app_typescript_1.Prop, { name: 'center', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual items of list.' }),
|
131598
131923
|
React.createElement(app_typescript_1.Prop, { name: 'end', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual items of list.' }),
|
131599
131924
|
React.createElement(app_typescript_1.Prop, { name: 'action', isRequired: false, type: 'React.ReactNode', default: 'false', description: 'Column of individual list items that is displayed on hover.' }),
|
131925
|
+
React.createElement(app_typescript_1.Prop, { name: 'hexColor', isRequired: false, type: 'string', default: 'false', description: '' }),
|
131600
131926
|
React.createElement(app_typescript_1.Prop, { name: 'onClick', isRequired: false, type: 'function', default: 'false', description: 'onClick functionality.' }),
|
131601
131927
|
React.createElement(app_typescript_1.Prop, { name: 'onDoubleClick', isRequired: false, type: 'function', default: 'false', description: 'onDoubleClick functionality.' }))));
|
131602
131928
|
};
|
@@ -132481,7 +132807,7 @@ exports.SamsPlayground = void 0;
|
|
132481
132807
|
var React = __importStar(__webpack_require__(0));
|
132482
132808
|
var Components = __importStar(__webpack_require__(47));
|
132483
132809
|
var index_1 = __webpack_require__(3);
|
132484
|
-
var GridElements = __importStar(__webpack_require__(
|
132810
|
+
var GridElements = __importStar(__webpack_require__(71));
|
132485
132811
|
var items_1 = __importDefault(__webpack_require__(519));
|
132486
132812
|
var SamsPlayground = /** @class */ (function (_super) {
|
132487
132813
|
__extends(SamsPlayground, _super);
|
@@ -132722,6 +133048,7 @@ exports.TestGround = void 0;
|
|
132722
133048
|
var React = __importStar(__webpack_require__(0));
|
132723
133049
|
var Components = __importStar(__webpack_require__(47));
|
132724
133050
|
var index_1 = __webpack_require__(3);
|
133051
|
+
var FormLabel_1 = __webpack_require__(49);
|
132725
133052
|
var TestGround = /** @class */ (function (_super) {
|
132726
133053
|
__extends(TestGround, _super);
|
132727
133054
|
function TestGround(props) {
|
@@ -132757,6 +133084,25 @@ var TestGround = /** @class */ (function (_super) {
|
|
132757
133084
|
return (React.createElement(Components.Layout, { header: 'Testing Ground' },
|
132758
133085
|
React.createElement(Components.LayoutContainer, null,
|
132759
133086
|
React.createElement(Components.MainPanel, null,
|
133087
|
+
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Form test"),
|
133088
|
+
React.createElement("hr", null),
|
133089
|
+
React.createElement("div", { className: "input-wrap" },
|
133090
|
+
React.createElement(FormLabel_1.FormLabel, { invalid: true, required: true, state: 'focused', text: "Form Label", forId: "input1" }),
|
133091
|
+
React.createElement(index_1.IconButton, { size: 'small', icon: "settings", ariaValue: "Screen-reader text", onClick: function () { return false; } }),
|
133092
|
+
React.createElement(index_1.InputBase, { placeholder: 'Test placeholder', boxedStyle: true, invalid: true, type: 'text', id: "input1", value: '', onChange: function (value) { } }),
|
133093
|
+
React.createElement("div", { className: "input-wrap__message-box" },
|
133094
|
+
React.createElement("div", { className: "sd-input__hint" }, "Error message")),
|
133095
|
+
React.createElement("span", { className: "sd-input__char-count" }, "0 / 40")),
|
133096
|
+
React.createElement("hr", null),
|
133097
|
+
React.createElement("div", { className: "input-wrap input-wrap--boxed" },
|
133098
|
+
React.createElement(FormLabel_1.FormLabel, { style: 'boxed', text: "Form Label", required: true, forId: "input2" }),
|
133099
|
+
React.createElement(index_1.IconButton, { size: 'small', icon: "settings", ariaValue: "Screen-reader text", onClick: function () { return false; } }),
|
133100
|
+
React.createElement(index_1.InputBase, { disabled: true, size: 'medium', placeholder: 'Test placeholder', boxedStyle: true, type: 'text', id: "input2", value: '', onChange: function (value) { } }),
|
133101
|
+
React.createElement("div", { className: "input-wrap__message-box" },
|
133102
|
+
React.createElement("div", { className: "sd-input__hint" }, "Error message")),
|
133103
|
+
React.createElement("span", { className: "sd-input__char-count" }, "0 / 40")),
|
133104
|
+
React.createElement("hr", null),
|
133105
|
+
React.createElement("hr", null),
|
132760
133106
|
React.createElement(index_1.InputNew, { label: 'test', value: '', onChange: function (value) { return false; }, placeholder: 'test', required: true, info: 'Nullam Sollicitudin', maxLength: 20, error: 'Error message', inlineLabel: true, labelHidden: true, type: 'text' }),
|
132761
133107
|
React.createElement("hr", null),
|
132762
133108
|
React.createElement("div", { className: 'form__group-new' },
|
@@ -132813,65 +133159,162 @@ var TestGround = /** @class */ (function (_super) {
|
|
132813
133159
|
} }),
|
132814
133160
|
React.createElement(index_1.Button, { text: "Save", type: 'primary', onClick: function () { return false; } })),
|
132815
133161
|
React.createElement("hr", null),
|
132816
|
-
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Table list"),
|
133162
|
+
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0" }, "Table list (draggable)"),
|
132817
133163
|
React.createElement("hr", null),
|
132818
|
-
React.createElement("
|
132819
|
-
|
133164
|
+
React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles visible"),
|
133165
|
+
React.createElement("ul", { className: 'table-list table-list--gap-s' },
|
133166
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
|
133167
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
132820
133168
|
React.createElement("div", { className: 'table-list__item-content' },
|
132821
133169
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132822
|
-
React.createElement(index_1.Label, {
|
132823
|
-
React.createElement(index_1.Label, {
|
133170
|
+
React.createElement(index_1.Label, { text: 'Uvod' }),
|
133171
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
132824
133172
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
132825
|
-
React.createElement("span", null, "
|
133173
|
+
React.createElement("span", null, "Handle visible. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
|
132826
133174
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132827
133175
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
132828
133176
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
132829
133177
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133178
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
|
133179
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133180
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133181
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133182
|
+
React.createElement(index_1.Label, { text: 'Gost' }),
|
133183
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133184
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133185
|
+
React.createElement("span", null, "Handle visible. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
|
133186
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133187
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133188
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133189
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133190
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always' },
|
133191
|
+
React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
|
133192
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133193
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133194
|
+
React.createElement(index_1.Label, { text: 'Podatak' }),
|
133195
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
|
133196
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133197
|
+
React.createElement("span", null, "Handle visible. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
|
133198
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133199
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133200
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133201
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133202
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-always table-list__item--selected' },
|
133203
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133204
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133205
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133206
|
+
React.createElement(index_1.Label, { text: 'Odjava' }),
|
133207
|
+
React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
|
133208
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133209
|
+
React.createElement("span", null, "Handle visible. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
133210
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133211
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133212
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133213
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
|
133214
|
+
React.createElement("hr", null),
|
133215
|
+
React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles hidden"),
|
133216
|
+
React.createElement("ul", { className: 'table-list table-list--gap-s' },
|
133217
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
|
133218
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133219
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133220
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133221
|
+
React.createElement(index_1.Label, { text: 'Uvod' }),
|
133222
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133223
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133224
|
+
React.createElement("span", null, "Handle hidden. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
|
133225
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133226
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133227
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133228
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133229
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
|
133230
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133231
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133232
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133233
|
+
React.createElement(index_1.Label, { text: 'Gost' }),
|
133234
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
133235
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133236
|
+
React.createElement("span", null, "Handle hidden. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
|
133237
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133238
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133239
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133240
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133241
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none' },
|
133242
|
+
React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
|
133243
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133244
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133245
|
+
React.createElement(index_1.Label, { text: 'Podatak' }),
|
133246
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
|
133247
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133248
|
+
React.createElement("span", null, "Handle hidden. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
|
133249
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133250
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133251
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133252
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133253
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--drag-handles-none table-list__item--selected' },
|
133254
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
133255
|
+
React.createElement("div", { className: 'table-list__item-content' },
|
133256
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133257
|
+
React.createElement(index_1.Label, { text: 'Odjava' }),
|
133258
|
+
React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
|
133259
|
+
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
133260
|
+
React.createElement("span", null, "Handle hidden. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
133261
|
+
React.createElement("div", { className: 'table-list__item-content-block' },
|
133262
|
+
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
133263
|
+
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
133264
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
|
133265
|
+
React.createElement("hr", null),
|
133266
|
+
React.createElement("h4", { className: "docs-page__h4 sd-margin-y--1" }, "Handles on hover"),
|
133267
|
+
React.createElement("ul", { className: 'table-list table-list--gap-s' },
|
132830
133268
|
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
|
133269
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
132831
133270
|
React.createElement("div", { className: 'table-list__item-content' },
|
132832
133271
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132833
|
-
React.createElement(index_1.Label, {
|
132834
|
-
React.createElement(index_1.Label, {
|
133272
|
+
React.createElement(index_1.Label, { text: 'Uvod' }),
|
133273
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
132835
133274
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
132836
|
-
React.createElement("span", null, "
|
133275
|
+
React.createElement("span", null, "Handle on hover. Nisi erat porttitor ligula, eget lacinia odio sem nec elit.")),
|
132837
133276
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132838
133277
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
132839
133278
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
132840
133279
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
132841
|
-
React.createElement("li", { className: 'table-list__item table-list__item--clickable' },
|
133280
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
|
133281
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
132842
133282
|
React.createElement("div", { className: 'table-list__item-content' },
|
132843
133283
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132844
|
-
React.createElement(index_1.Label, {
|
132845
|
-
React.createElement(index_1.Label, {
|
133284
|
+
React.createElement(index_1.Label, { text: 'Gost' }),
|
133285
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'prlg' })),
|
132846
133286
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
132847
|
-
React.createElement("span", null, "
|
133287
|
+
React.createElement("span", null, "Handle on hover. Duis mollis, est non commodo luctus, nisi erat porttitor ligula..")),
|
132848
133288
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132849
133289
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
132850
133290
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
132851
|
-
React.createElement(index_1.IconButton, { icon: '
|
132852
|
-
|
132853
|
-
|
133291
|
+
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
133292
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable' },
|
133293
|
+
React.createElement("div", { style: { background: '#83cf7e', }, className: 'table-list__item-border' }),
|
132854
133294
|
React.createElement("div", { className: 'table-list__item-content' },
|
132855
133295
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132856
|
-
React.createElement(index_1.Label, {
|
132857
|
-
React.createElement(index_1.Label, {
|
133296
|
+
React.createElement(index_1.Label, { text: 'Podatak' }),
|
133297
|
+
React.createElement(index_1.Label, { type: 'primary', text: 'Gost' })),
|
132858
133298
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
132859
|
-
React.createElement("span", null, "
|
133299
|
+
React.createElement("span", null, "Handle on hover. Mollis est non commodo luctus, nisi erat porttitor ligula.")),
|
132860
133300
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132861
133301
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
132862
133302
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
132863
133303
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } }))),
|
132864
|
-
React.createElement("li", { className: 'table-list__item table-list__item--clickable' },
|
133304
|
+
React.createElement("li", { className: 'table-list__item table-list__item--clickable table-list__item--draggable table-list__item--selected' },
|
133305
|
+
React.createElement("div", { className: 'table-list__item-border' }),
|
132865
133306
|
React.createElement("div", { className: 'table-list__item-content' },
|
132866
133307
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132867
|
-
React.createElement(index_1.Label, {
|
132868
|
-
React.createElement(index_1.Label, {
|
133308
|
+
React.createElement(index_1.Label, { text: 'Odjava' }),
|
133309
|
+
React.createElement(index_1.Label, { type: 'warning', text: 'Slika' })),
|
132869
133310
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' },
|
132870
|
-
React.createElement("span", null, "Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
133311
|
+
React.createElement("span", null, "Handle on hover. Nullam id dolor id nibh ultricies vehicula ut id elit.")),
|
132871
133312
|
React.createElement("div", { className: 'table-list__item-content-block' },
|
132872
133313
|
React.createElement(index_1.IconLabel, { style: 'translucent', text: 'Label success', type: 'success', icon: 'time' }))),
|
132873
133314
|
React.createElement("div", { className: 'table-list__slide-in-actions' },
|
132874
133315
|
React.createElement(index_1.IconButton, { icon: 'dots-vertical', size: 'small', ariaValue: 'More actions', onClick: function () { return false; } })))),
|
133316
|
+
React.createElement("hr", null),
|
133317
|
+
React.createElement("hr", null),
|
132875
133318
|
React.createElement("h3", { className: "docs-page__h3 sd-margin-y--0 sd-margin-t--3" }, "Table list with items between"),
|
132876
133319
|
React.createElement("hr", null),
|
132877
133320
|
React.createElement("ul", { className: 'table-list table-list--contained' },
|
@@ -133110,7 +133553,7 @@ exports.UiPlayground = void 0;
|
|
133110
133553
|
var React = __importStar(__webpack_require__(0));
|
133111
133554
|
var Components = __importStar(__webpack_require__(47));
|
133112
133555
|
var index_1 = __webpack_require__(3);
|
133113
|
-
var GridElements = __importStar(__webpack_require__(
|
133556
|
+
var GridElements = __importStar(__webpack_require__(71));
|
133114
133557
|
var items_1 = __importDefault(__webpack_require__(519));
|
133115
133558
|
var UiPlayground = /** @class */ (function (_super) {
|
133116
133559
|
__extends(UiPlayground, _super);
|
@@ -133351,7 +133794,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
133351
133794
|
exports.PageLayoutTest = void 0;
|
133352
133795
|
var React = __importStar(__webpack_require__(0));
|
133353
133796
|
var index_1 = __webpack_require__(3);
|
133354
|
-
var GridElements = __importStar(__webpack_require__(
|
133797
|
+
var GridElements = __importStar(__webpack_require__(71));
|
133355
133798
|
var Layout = __importStar(__webpack_require__(16));
|
133356
133799
|
var items_1 = __importDefault(__webpack_require__(519));
|
133357
133800
|
var PageLayoutTest = /** @class */ (function (_super) {
|
@@ -134181,6 +134624,9 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134181
134624
|
theme: newTheme
|
134182
134625
|
});
|
134183
134626
|
};
|
134627
|
+
Rundowns.prototype.componentDidUpdate = function () {
|
134628
|
+
console.log(this.state);
|
134629
|
+
};
|
134184
134630
|
Rundowns.prototype.changeStatus = function (item, status) {
|
134185
134631
|
if (item.status.includes(status)) {
|
134186
134632
|
item.status.splice(item.status.indexOf(status), 1);
|
@@ -134400,18 +134846,7 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134400
134846
|
React.createElement(index_1.Container, { direction: 'row', gap: 'small' },
|
134401
134847
|
React.createElement(index_1.Text, { color: 'light' }, "Updated 3 hours ago by "),
|
134402
134848
|
React.createElement(index_1.Text, { weight: 'medium' }, "John Doe"))),
|
134403
|
-
React.createElement(index_1.Container, { className: 'sd-margin-s--auto sd-flex--items-center' },
|
134404
|
-
React.createElement(index_1.Dropdown, { align: 'right', append: true, items: [
|
134405
|
-
{
|
134406
|
-
type: 'group', label: 'Actions', items: [
|
134407
|
-
'divider',
|
134408
|
-
{ label: 'Edit', icon: 'pencil', onSelect: function () { return _this.setState({ dropDownState: 'Edit ' }); } },
|
134409
|
-
{ label: 'Download', icon: 'download', onSelect: function () { return _this.setState({ dropDownState: 'Download' }); } },
|
134410
|
-
{ label: 'Delete', icon: 'trash', onSelect: function () { return _this.setState({ dropDownState: 'Delete' }); } },
|
134411
|
-
]
|
134412
|
-
}
|
134413
|
-
] },
|
134414
|
-
React.createElement(index_1.IconButton, { ariaValue: 'dropdown-more-options', icon: 'dots-vertical', onClick: function () { return false; } })))),
|
134849
|
+
React.createElement(index_1.Container, { className: 'sd-margin-s--auto sd-flex--items-center' })),
|
134415
134850
|
React.createElement(Layout.PanelContentBlock, null,
|
134416
134851
|
React.createElement(index_1.Container, { direction: 'row', gap: 'large', className: 'sd-margin-b--3' },
|
134417
134852
|
React.createElement(index_1.Label, { size: 'large', text: 'Tabu', color: 'blue--800' }),
|
@@ -134425,16 +134860,16 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134425
134860
|
React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Duration:', text: '00:56', type: 'warning' }),
|
134426
134861
|
React.createElement(index_1.Text, { color: 'light', size: 'small', className: 'sd-margin--0' }, "OF"),
|
134427
134862
|
React.createElement(index_1.IconLabel, { style: 'translucent', innerLabel: 'Planned:', text: '01:00' })),
|
134428
|
-
React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', array: this.state.array, itemsDropdown: [
|
134863
|
+
React.createElement(TableList_1.TableList, { className: 'sd-margin-y--4', array: this.state.array, itemsDropdown: function () { return [
|
134429
134864
|
{ label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'aacc' }), onSelect: function () { return 1; } },
|
134430
134865
|
{ label: React.createElement(index_1.Label, { style: 'translucent', text: 'prlg' }), onSelect: function () { return 1; } },
|
134431
134866
|
{ label: React.createElement(index_1.Label, { style: 'translucent', type: 'primary', text: 'prlg' }), onSelect: function () { return 1; } },
|
134432
|
-
]
|
134867
|
+
]; } }))))),
|
134433
134868
|
React.createElement(Layout.OverlayPanel, null)),
|
134434
134869
|
React.createElement(Layout.ContentSplitter, { visible: this.state.openEditor }),
|
134435
134870
|
React.createElement(Layout.AuthoringContainer, { open: this.state.openEditor },
|
134436
134871
|
React.createElement(RundownEditor_1.RundownEditor, null))),
|
134437
|
-
React.createElement(index_1.Modal, { headerTemplate: "Manage Templates", visible: this.state.modalManageTemplate, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageTemplate: false }); } },
|
134872
|
+
React.createElement(index_1.Modal, { headerTemplate: "Manage Templates", visible: this.state.modalManageTemplate, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageTemplate: false }); } },
|
134438
134873
|
React.createElement(Layout.LayoutContainer, null,
|
134439
134874
|
React.createElement(Layout.LeftPanel, { open: true },
|
134440
134875
|
React.createElement(Layout.Panel, { side: 'left', background: 'grey' },
|
@@ -134448,14 +134883,14 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134448
134883
|
React.createElement(index_1.EmptyState, { title: 'No show is selected', description: 'Please select a Show from the dropdown at the top.', size: "small", illustration: "1" })))),
|
134449
134884
|
React.createElement(Layout.MainPanel, null,
|
134450
134885
|
React.createElement(index_1.EmptyState, { title: 'No Template selected', description: 'Please select a Show and Template frome the side panel.', size: "large", illustration: "1" })))),
|
134451
|
-
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShow, footerTemplate: newShowFooter, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShow: false }); } },
|
134886
|
+
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShow, zIndex: 1000, footerTemplate: newShowFooter, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShow: false }); } },
|
134452
134887
|
React.createElement(Form.FormGroup, null,
|
134453
134888
|
React.createElement(Form.FormItem, null,
|
134454
134889
|
React.createElement(index_1.Input, { label: 'Show name', type: 'text', value: '', error: 'This is error message', required: true, onChange: function () { } }))),
|
134455
134890
|
React.createElement(Form.FormGroup, null,
|
134456
134891
|
React.createElement(Form.FormItem, null,
|
134457
134892
|
React.createElement(index_1.Input, { label: 'Description', type: 'text', value: '', error: 'This is error message', required: false, onChange: function () { } })))),
|
134458
|
-
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShowSuccess, footerTemplate: newShowFooter2, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShowSuccess: false }); } },
|
134893
|
+
React.createElement(index_1.Modal, { headerTemplate: "Create new Show", visible: this.state.modalNewShowSuccess, zIndex: 1000, footerTemplate: newShowFooter2, contentBg: 'medium', size: 'medium', onHide: function () { _this.setState({ modalNewShowSuccess: false }); } },
|
134459
134894
|
React.createElement(index_1.Container, { direction: 'column', className: 'sd-flex--justify-center sd-flex--items-center sd-padding-y--2', gap: 'medium' },
|
134460
134895
|
React.createElement(index_1.Icon, { name: 'checkmark-circle', type: 'success', size: 'big', scale: '3x' }),
|
134461
134896
|
React.createElement(index_1.Text, { align: 'center', size: 'medium' },
|
@@ -134464,7 +134899,7 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134464
134899
|
" has been successfully created.",
|
134465
134900
|
React.createElement("br", null),
|
134466
134901
|
"Do you want to cretate a template for this show right away?"))),
|
134467
|
-
React.createElement(index_1.Modal, { headerTemplate: "Create new Template", visible: this.state.modalNewTemplate, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalNewTemplate: false }); } },
|
134902
|
+
React.createElement(index_1.Modal, { headerTemplate: "Create new Template", visible: this.state.modalNewTemplate, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalNewTemplate: false }); } },
|
134468
134903
|
React.createElement(Layout.LayoutContainer, null,
|
134469
134904
|
React.createElement(Layout.LeftPanel, { open: true },
|
134470
134905
|
React.createElement(Layout.Panel, { side: 'left', background: 'grey' },
|
@@ -134498,7 +134933,7 @@ var Rundowns = /** @class */ (function (_super) {
|
|
134498
134933
|
React.createElement("span", null, "Marker Special")))))))),
|
134499
134934
|
React.createElement(Layout.MainPanel, { padding: 'none' },
|
134500
134935
|
React.createElement(RundownEditor_1.RundownEditor, null)))),
|
134501
|
-
React.createElement(index_1.Modal, { headerTemplate: "Manage Shows", visible: this.state.modalManageShow, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageShow: false }); } },
|
134936
|
+
React.createElement(index_1.Modal, { headerTemplate: "Manage Shows", visible: this.state.modalManageShow, zIndex: 1000, contentBg: 'medium', contentPadding: 'none', size: 'x-large', onHide: function () { _this.setState({ modalManageShow: false }); } },
|
134502
134937
|
React.createElement(Layout.LayoutContainer, null,
|
134503
134938
|
React.createElement(Layout.HeaderPanel, null,
|
134504
134939
|
React.createElement(index_1.SubNav, { zIndex: 2 },
|
@@ -134667,7 +135102,7 @@ var CoreLayout = /** @class */ (function (_super) {
|
|
134667
135102
|
});
|
134668
135103
|
};
|
134669
135104
|
CoreLayout.prototype.render = function () {
|
134670
|
-
return (React.createElement(Layout.CoreLayout, { heading: 'Core Layout', menuOpen: this.state.mainMenuOpen, onClick: this.handleMainMenu, active: this.state.mainMenuOpen, ariaControls: 'main-menu', menuId: 'main-menu', editorFullWidth:
|
135105
|
+
return (React.createElement(Layout.CoreLayout, { heading: 'Core Layout', menuOpen: this.state.mainMenuOpen, onClick: this.handleMainMenu, active: this.state.mainMenuOpen, ariaControls: 'main-menu', menuId: 'main-menu', editorFullWidth: false, slideInMenu: (React.createElement(Layout.MainMenu, { headerTitle: 'Main Menu', poweredBy: 'Powered by Superdesk technology', header: (null), footerContent: true, footer: (React.createElement("p", null, "Menu footer testing")) },
|
134671
135106
|
React.createElement(index_1.LeftMenu, { style: 'blanc', reverseItemBorder: true, size: 'large', ariaLabel: 'Left navigation', activeItemId: '1', groups: [
|
134672
135107
|
{ label: 'MAIN SECTIONS', items: [
|
134673
135108
|
{ id: '1', label: 'Section 1', ref: 'section1' },
|
@@ -136985,7 +137420,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
136985
137420
|
var React = __importStar(__webpack_require__(0));
|
136986
137421
|
var Markup = __importStar(__webpack_require__(6));
|
136987
137422
|
var app_typescript_1 = __webpack_require__(3);
|
136988
|
-
var DurationInput_1 = __webpack_require__(
|
137423
|
+
var DurationInput_1 = __webpack_require__(75);
|
136989
137424
|
var DurationInputDoc = /** @class */ (function (_super) {
|
136990
137425
|
__extends(DurationInputDoc, _super);
|
136991
137426
|
function DurationInputDoc(props) {
|
@@ -137331,7 +137766,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
|
|
137331
137766
|
/* 649 */
|
137332
137767
|
/***/ (function(module, exports) {
|
137333
137768
|
|
137334
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.
|
137769
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.15","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
|
137335
137770
|
|
137336
137771
|
/***/ }),
|
137337
137772
|
/* 650 */
|