@react95/core 6.0.7 → 6.1.0
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/@types/Alert/Alert.d.ts +2 -2
- package/@types/Checkbox/Checkbox.d.ts +2 -2
- package/@types/Cursor/Cursor.d.ts +32 -32
- package/@types/Fieldset/Fieldset.d.ts +1 -1
- package/@types/Input/Input.d.ts +1 -1
- package/@types/List/List.d.ts +2 -2
- package/@types/List/ListItem.d.ts +1 -1
- package/@types/Modal/Modal.d.ts +13 -9
- package/@types/Modal/ModalContext.d.ts +1 -1
- package/@types/Modal/ModalProvider.d.ts +1 -1
- package/@types/ProgressBar/ProgressBar.d.ts +1 -1
- package/@types/RadioButton/RadioButton.d.ts +1 -1
- package/@types/Tabs/Tabs.d.ts +1 -1
- package/@types/TaskBar/Clock.d.ts +2 -1
- package/@types/TaskBar/TaskBar.d.ts +1 -1
- package/@types/TaskBar/WindowButton.d.ts +1 -1
- package/@types/TextArea/TextArea.d.ts +2 -2
- package/@types/ThemeProvider/ThemeProvider.d.ts +1 -1
- package/@types/ThemeProvider/themes/baseTheme.d.ts +1 -1
- package/@types/Tooltip/Tooltip.d.ts +1 -1
- package/@types/Tree/Node.d.ts +1 -1
- package/@types/Tree/Tree.d.ts +2 -2
- package/@types/Video/Video.d.ts +2 -2
- package/@types/Video/buttons/Fullscreen.d.ts +1 -1
- package/@types/Video/buttons/Pause.d.ts +1 -1
- package/@types/Video/buttons/Play.d.ts +1 -1
- package/@types/Video/buttons/Stop.d.ts +1 -1
- package/cjs/Alert/Alert.js +9 -33
- package/cjs/Alert/index.js +0 -3
- package/cjs/Avatar/Avatar.js +7 -21
- package/cjs/Avatar/index.js +0 -3
- package/cjs/Button/Button.js +0 -6
- package/cjs/Button/index.js +0 -3
- package/cjs/Checkbox/Checkbox.js +6 -25
- package/cjs/Checkbox/index.js +0 -3
- package/cjs/Cursor/Cursor.js +23 -57
- package/cjs/Cursor/index.js +0 -3
- package/cjs/Dropdown/Dropdown.js +1 -16
- package/cjs/Dropdown/index.js +0 -3
- package/cjs/Fieldset/Fieldset.js +2 -15
- package/cjs/Fieldset/index.js +0 -3
- package/cjs/Frame/Frame.js +0 -6
- package/cjs/Frame/index.js +0 -3
- package/cjs/GlobalStyle/Borders.js +10 -22
- package/cjs/GlobalStyle/GlobalStyle.js +10 -23
- package/cjs/GlobalStyle/Scrollbar.js +7 -12
- package/cjs/GlobalStyle/index.js +0 -3
- package/cjs/Input/Input.js +0 -5
- package/cjs/Input/index.js +0 -3
- package/cjs/List/List.js +0 -9
- package/cjs/List/ListDivider.js +0 -4
- package/cjs/List/ListItem.js +3 -17
- package/cjs/List/index.js +0 -3
- package/cjs/Modal/Modal.js +35 -67
- package/cjs/Modal/ModalContext.js +1 -2
- package/cjs/Modal/ModalProvider.js +13 -38
- package/cjs/Modal/index.js +0 -4
- package/cjs/ProgressBar/ProgressBar.js +2 -17
- package/cjs/ProgressBar/index.js +0 -3
- package/cjs/RadioButton/RadioButton.js +2 -18
- package/cjs/RadioButton/index.js +0 -3
- package/cjs/RadioButton/radioButtonStates.js +0 -5
- package/cjs/Range/Range.js +0 -7
- package/cjs/Range/index.js +0 -3
- package/cjs/Tabs/Tab.js +2 -14
- package/cjs/Tabs/Tabs.js +16 -39
- package/cjs/Tabs/index.js +0 -3
- package/cjs/TaskBar/Clock.js +5 -24
- package/cjs/TaskBar/TaskBar.js +17 -41
- package/cjs/TaskBar/WindowButton.js +6 -23
- package/cjs/TaskBar/index.js +0 -3
- package/cjs/TextArea/TextArea.js +0 -10
- package/cjs/TextArea/index.js +0 -3
- package/cjs/ThemeProvider/ThemeProvider.js +1 -11
- package/cjs/ThemeProvider/index.js +0 -3
- package/cjs/ThemeProvider/themes/azureOrange.js +4 -12
- package/cjs/ThemeProvider/themes/baseTheme.js +0 -2
- package/cjs/ThemeProvider/themes/bee.js +4 -12
- package/cjs/ThemeProvider/themes/blackAndWhite.js +4 -12
- package/cjs/ThemeProvider/themes/brick.js +4 -12
- package/cjs/ThemeProvider/themes/candy.js +4 -12
- package/cjs/ThemeProvider/themes/coldGray.js +4 -12
- package/cjs/ThemeProvider/themes/counterStrike.js +4 -12
- package/cjs/ThemeProvider/themes/eggplant.js +4 -12
- package/cjs/ThemeProvider/themes/highContrast.js +4 -12
- package/cjs/ThemeProvider/themes/lilac.js +4 -12
- package/cjs/ThemeProvider/themes/lilacRoseDark.js +4 -12
- package/cjs/ThemeProvider/themes/maple.js +4 -12
- package/cjs/ThemeProvider/themes/marine.js +4 -12
- package/cjs/ThemeProvider/themes/matrix.js +4 -12
- package/cjs/ThemeProvider/themes/millenium.js +4 -12
- package/cjs/ThemeProvider/themes/modernDark.js +4 -12
- package/cjs/ThemeProvider/themes/molecule.js +4 -12
- package/cjs/ThemeProvider/themes/ninjaTurtles.js +4 -12
- package/cjs/ThemeProvider/themes/olive.js +4 -12
- package/cjs/ThemeProvider/themes/pamelaAnderson.js +4 -12
- package/cjs/ThemeProvider/themes/plum.js +4 -12
- package/cjs/ThemeProvider/themes/rainyDay.js +4 -12
- package/cjs/ThemeProvider/themes/rose.js +4 -12
- package/cjs/ThemeProvider/themes/slate.js +4 -12
- package/cjs/ThemeProvider/themes/spruce.js +4 -12
- package/cjs/ThemeProvider/themes/storm.js +4 -12
- package/cjs/ThemeProvider/themes/theSixtiesUSA.js +4 -12
- package/cjs/ThemeProvider/themes/tokyoDark.js +4 -12
- package/cjs/ThemeProvider/themes/tooSexy.js +4 -12
- package/cjs/ThemeProvider/themes/travel.js +4 -12
- package/cjs/ThemeProvider/themes/vaporTeal.js +4 -12
- package/cjs/ThemeProvider/themes/vermillion.js +4 -12
- package/cjs/ThemeProvider/themes/violetDark.js +4 -12
- package/cjs/ThemeProvider/themes/water.js +4 -12
- package/cjs/ThemeProvider/themes/win95.js +4 -12
- package/cjs/ThemeProvider/themes.js +0 -37
- package/cjs/TitleBar/TitleBar.js +7 -20
- package/cjs/TitleBar/index.js +0 -3
- package/cjs/Tooltip/Tooltip.js +11 -39
- package/cjs/Tooltip/index.js +0 -3
- package/cjs/Tree/Node.js +13 -51
- package/cjs/Tree/Tree.js +1 -15
- package/cjs/Tree/index.js +0 -3
- package/cjs/Video/Video.js +19 -76
- package/cjs/Video/buttons/Fullscreen.js +0 -7
- package/cjs/Video/buttons/Pause.js +0 -7
- package/cjs/Video/buttons/Play.js +0 -7
- package/cjs/Video/buttons/Stop.js +0 -7
- package/cjs/Video/buttons/index.js +0 -5
- package/cjs/Video/index.js +0 -3
- package/cjs/index.js +0 -24
- package/cjs/shared/test/utils.js +28 -53
- package/esm/Alert/Alert.js +8 -21
- package/esm/Avatar/Avatar.js +7 -12
- package/esm/Checkbox/Checkbox.js +6 -11
- package/esm/Cursor/Cursor.js +23 -23
- package/esm/Dropdown/Dropdown.js +1 -6
- package/esm/Fieldset/Fieldset.js +2 -7
- package/esm/GlobalStyle/Borders.js +10 -13
- package/esm/GlobalStyle/GlobalStyle.js +7 -7
- package/esm/GlobalStyle/Scrollbar.js +7 -6
- package/esm/List/ListItem.js +3 -8
- package/esm/Modal/Modal.js +35 -51
- package/esm/Modal/ModalProvider.js +15 -31
- package/esm/ProgressBar/ProgressBar.js +2 -7
- package/esm/RadioButton/RadioButton.js +2 -7
- package/esm/Tabs/Tab.js +2 -7
- package/esm/Tabs/Tabs.js +15 -29
- package/esm/TaskBar/Clock.js +5 -15
- package/esm/TaskBar/TaskBar.js +16 -27
- package/esm/TaskBar/WindowButton.js +6 -13
- package/esm/TextArea/TextArea.js +0 -1
- package/esm/ThemeProvider/ThemeProvider.js +1 -3
- package/esm/ThemeProvider/themes/azureOrange.js +4 -6
- package/esm/ThemeProvider/themes/bee.js +4 -6
- package/esm/ThemeProvider/themes/blackAndWhite.js +4 -6
- package/esm/ThemeProvider/themes/brick.js +4 -6
- package/esm/ThemeProvider/themes/candy.js +4 -6
- package/esm/ThemeProvider/themes/coldGray.js +4 -6
- package/esm/ThemeProvider/themes/counterStrike.js +4 -6
- package/esm/ThemeProvider/themes/eggplant.js +4 -6
- package/esm/ThemeProvider/themes/highContrast.js +4 -6
- package/esm/ThemeProvider/themes/lilac.js +4 -6
- package/esm/ThemeProvider/themes/lilacRoseDark.js +4 -6
- package/esm/ThemeProvider/themes/maple.js +4 -6
- package/esm/ThemeProvider/themes/marine.js +4 -6
- package/esm/ThemeProvider/themes/matrix.js +4 -6
- package/esm/ThemeProvider/themes/millenium.js +4 -6
- package/esm/ThemeProvider/themes/modernDark.js +4 -6
- package/esm/ThemeProvider/themes/molecule.js +4 -6
- package/esm/ThemeProvider/themes/ninjaTurtles.js +4 -6
- package/esm/ThemeProvider/themes/olive.js +4 -6
- package/esm/ThemeProvider/themes/pamelaAnderson.js +4 -6
- package/esm/ThemeProvider/themes/plum.js +4 -6
- package/esm/ThemeProvider/themes/rainyDay.js +4 -6
- package/esm/ThemeProvider/themes/rose.js +4 -6
- package/esm/ThemeProvider/themes/slate.js +4 -6
- package/esm/ThemeProvider/themes/spruce.js +4 -6
- package/esm/ThemeProvider/themes/storm.js +4 -6
- package/esm/ThemeProvider/themes/theSixtiesUSA.js +4 -6
- package/esm/ThemeProvider/themes/tokyoDark.js +4 -6
- package/esm/ThemeProvider/themes/tooSexy.js +4 -6
- package/esm/ThemeProvider/themes/travel.js +4 -6
- package/esm/ThemeProvider/themes/vaporTeal.js +4 -6
- package/esm/ThemeProvider/themes/vermillion.js +4 -6
- package/esm/ThemeProvider/themes/violetDark.js +4 -6
- package/esm/ThemeProvider/themes/water.js +4 -6
- package/esm/ThemeProvider/themes/win95.js +4 -6
- package/esm/TitleBar/TitleBar.js +7 -9
- package/esm/Tooltip/Tooltip.js +11 -30
- package/esm/Tree/Node.js +13 -34
- package/esm/Tree/Tree.js +1 -6
- package/esm/Video/Video.js +20 -58
- package/esm/Video/buttons/Fullscreen.js +0 -3
- package/esm/Video/buttons/Pause.js +0 -3
- package/esm/Video/buttons/Play.js +0 -3
- package/esm/Video/buttons/Stop.js +0 -3
- package/esm/shared/test/utils.js +28 -48
- package/package.json +2 -3
package/cjs/Tooltip/Tooltip.js
CHANGED
|
@@ -1,82 +1,57 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("@xstyled/styled-components"));
|
|
13
|
-
|
|
14
10
|
var _Frame = _interopRequireDefault(require("../Frame"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["children", "text", "delay"];
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
26
16
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
-
|
|
28
17
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
29
|
-
|
|
30
18
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
31
|
-
|
|
32
|
-
function
|
|
33
|
-
|
|
34
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
35
|
-
|
|
19
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
20
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
36
21
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
-
|
|
38
22
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
39
|
-
|
|
40
23
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
41
|
-
|
|
42
24
|
var Tip = (0, _styledComponents["default"])(_Frame["default"]).withConfig({
|
|
43
25
|
displayName: "Tooltip__Tip",
|
|
44
26
|
componentId: "sc-klr207-0"
|
|
45
27
|
})(["\n background: radial-gradient(#ff0 20%, transparent 20%) 0 0,\n radial-gradient(#ff0 20%, transparent 20%) 4px 4px,\n radial-gradient(rgba(255, 255, 255, 0.1) 20%, transparent 25%) 0 1px,\n radial-gradient(rgba(255, 255, 255, 0.1) 20%, transparent 25%) 3px 4px;\n background-size: 7px 7px;\n background-color: borderLightest;\n border: 1;\n padding: 2 2 2 4;\n box-shadow: none;\n position: absolute;\n top: -20px;\n text-align: center;\n z-index: taskbar;\n"]);
|
|
46
|
-
|
|
47
28
|
var Wrapper = _styledComponents["default"].div.withConfig({
|
|
48
29
|
displayName: "Tooltip__Wrapper",
|
|
49
30
|
componentId: "sc-klr207-1"
|
|
50
31
|
})(["\n display: inline-block;\n position: relative;\n cursor: default;\n white-space: nowrap;\n"]);
|
|
51
|
-
|
|
52
32
|
var TooltipRenderer = function TooltipRenderer(_ref, ref) {
|
|
53
33
|
var children = _ref.children,
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
34
|
+
text = _ref.text,
|
|
35
|
+
delay = _ref.delay,
|
|
36
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
58
37
|
var _React$useState = React.useState(false),
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
38
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
39
|
+
show = _React$useState2[0],
|
|
40
|
+
setShow = _React$useState2[1];
|
|
63
41
|
var _React$useState3 = React.useState(0),
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
42
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
43
|
+
delayTimer = _React$useState4[0],
|
|
44
|
+
setDelayTimer = _React$useState4[1];
|
|
68
45
|
var handleEnter = function handleEnter() {
|
|
69
46
|
var timer = window.setTimeout(function () {
|
|
70
47
|
setShow(true);
|
|
71
48
|
}, delay);
|
|
72
49
|
setDelayTimer(timer);
|
|
73
50
|
};
|
|
74
|
-
|
|
75
51
|
var handleLeave = function handleLeave() {
|
|
76
52
|
clearTimeout(delayTimer);
|
|
77
53
|
setShow(false);
|
|
78
54
|
};
|
|
79
|
-
|
|
80
55
|
return /*#__PURE__*/React.createElement(Wrapper, _extends({
|
|
81
56
|
onMouseEnter: handleEnter,
|
|
82
57
|
onMouseLeave: handleLeave
|
|
@@ -84,9 +59,7 @@ var TooltipRenderer = function TooltipRenderer(_ref, ref) {
|
|
|
84
59
|
ref: ref
|
|
85
60
|
}), show && /*#__PURE__*/React.createElement(Tip, null, text), children);
|
|
86
61
|
};
|
|
87
|
-
|
|
88
62
|
var Tooltip = /*#__PURE__*/React.forwardRef(TooltipRenderer);
|
|
89
|
-
|
|
90
63
|
function formatDate(date) {
|
|
91
64
|
var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
|
92
65
|
var day = date.getDate();
|
|
@@ -94,7 +67,6 @@ function formatDate(date) {
|
|
|
94
67
|
var year = date.getFullYear();
|
|
95
68
|
return "".concat(day.toString().padStart(2, '0'), " ").concat(monthNames[monthIndex], " ").concat(year);
|
|
96
69
|
}
|
|
97
|
-
|
|
98
70
|
Tooltip.defaultProps = {
|
|
99
71
|
delay: 1000,
|
|
100
72
|
text: formatDate(new Date())
|
package/cjs/Tooltip/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Tooltip = _interopRequireDefault(require("./Tooltip"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Tooltip["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Tree/Node.js
CHANGED
|
@@ -1,50 +1,29 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.icons = exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("@xstyled/styled-components"));
|
|
13
|
-
|
|
14
10
|
var _treeMid = _interopRequireDefault(require("./imgs/tree-mid.png"));
|
|
15
|
-
|
|
16
11
|
var _treeLast = _interopRequireDefault(require("./imgs/tree-last.png"));
|
|
17
|
-
|
|
18
12
|
var _treeNodeChildren = _interopRequireDefault(require("./imgs/tree-node-children.png"));
|
|
19
|
-
|
|
20
13
|
var _icons = require("@react95/icons");
|
|
21
|
-
|
|
22
14
|
var _excluded = ["children", "id", "icon", "label", "onClick"];
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
25
|
-
|
|
26
16
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
27
|
-
|
|
28
17
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
29
|
-
|
|
30
18
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
|
-
|
|
32
19
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
33
|
-
|
|
34
20
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
35
|
-
|
|
36
21
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
37
|
-
|
|
38
|
-
function
|
|
39
|
-
|
|
40
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
41
|
-
|
|
22
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
23
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
42
24
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
|
-
|
|
44
25
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
45
|
-
|
|
46
26
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
47
|
-
|
|
48
27
|
var icons = {
|
|
49
28
|
FILE_MEDIA: _icons.MediaCd,
|
|
50
29
|
FILE_TEXT: _icons.FileText,
|
|
@@ -56,7 +35,6 @@ var icons = {
|
|
|
56
35
|
FILE_EXECUTABLE: _icons.BatExec
|
|
57
36
|
};
|
|
58
37
|
exports.icons = icons;
|
|
59
|
-
|
|
60
38
|
var NodeItem = _styledComponents["default"].div.withConfig({
|
|
61
39
|
displayName: "Node__NodeItem",
|
|
62
40
|
componentId: "sc-284w29-0"
|
|
@@ -64,17 +42,14 @@ var NodeItem = _styledComponents["default"].div.withConfig({
|
|
|
64
42
|
var isOpen = _ref.isOpen;
|
|
65
43
|
return isOpen ? _treeMid["default"] : _treeLast["default"];
|
|
66
44
|
});
|
|
67
|
-
|
|
68
45
|
var NodeInfo = _styledComponents["default"].div.withConfig({
|
|
69
46
|
displayName: "Node__NodeInfo",
|
|
70
47
|
componentId: "sc-284w29-1"
|
|
71
48
|
})(["\n display: flex;\n align-items: center;\n user-select: none;\n -webkit-user-select: none;\n -khtml-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n"]);
|
|
72
|
-
|
|
73
49
|
var FolderStatus = _styledComponents["default"].div.withConfig({
|
|
74
50
|
displayName: "Node__FolderStatus",
|
|
75
51
|
componentId: "sc-284w29-2"
|
|
76
52
|
})(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 10px;\n height: 10px;\n border: 1;\n border-color: borderDarkest;\n background-color: inputBackground;\n font-size: 11px;\n"]);
|
|
77
|
-
|
|
78
53
|
var IconContainer = _styledComponents["default"].div.withConfig({
|
|
79
54
|
displayName: "Node__IconContainer",
|
|
80
55
|
componentId: "sc-284w29-3"
|
|
@@ -82,58 +57,48 @@ var IconContainer = _styledComponents["default"].div.withConfig({
|
|
|
82
57
|
var hasChildren = _ref2.hasChildren;
|
|
83
58
|
return hasChildren ? 8 : 18;
|
|
84
59
|
});
|
|
85
|
-
|
|
86
60
|
var NodeChildren = _styledComponents["default"].ul.withConfig({
|
|
87
61
|
displayName: "Node__NodeChildren",
|
|
88
62
|
componentId: "sc-284w29-4"
|
|
89
63
|
})(["\n padding: 0 0 0 22;\n background-image: url(", ");\n background-repeat: repeat-y;\n"], _treeNodeChildren["default"]);
|
|
90
|
-
|
|
91
64
|
var Label = _styledComponents["default"].span.withConfig({
|
|
92
65
|
displayName: "Node__Label",
|
|
93
66
|
componentId: "sc-284w29-5"
|
|
94
67
|
})(["\n outline: none;\n padding: 1;\n\n :focus {\n border-width: 1;\n border-style: dotted;\n padding: 0;\n }\n"]);
|
|
95
|
-
|
|
96
68
|
var NodeIcon = function NodeIcon(_ref3) {
|
|
97
69
|
var hasChildren = _ref3.hasChildren,
|
|
98
|
-
|
|
99
|
-
|
|
70
|
+
isOpen = _ref3.isOpen;
|
|
100
71
|
if (!hasChildren) {
|
|
101
72
|
return /*#__PURE__*/React.createElement(_icons.Bat, {
|
|
102
73
|
variant: "32x32_4",
|
|
103
74
|
"data-testid": "react95-default-icon-bat"
|
|
104
75
|
});
|
|
105
76
|
}
|
|
106
|
-
|
|
107
77
|
if (isOpen) {
|
|
108
78
|
return /*#__PURE__*/React.createElement(_icons.FolderOpen, {
|
|
109
79
|
variant: "32x32_4",
|
|
110
80
|
"data-testid": "react95-default-icon-folder-open"
|
|
111
81
|
});
|
|
112
82
|
}
|
|
113
|
-
|
|
114
83
|
return /*#__PURE__*/React.createElement(_icons.Folder, {
|
|
115
84
|
variant: "32x32_4",
|
|
116
85
|
"data-testid": "react95-default-icon-folder"
|
|
117
86
|
});
|
|
118
87
|
};
|
|
119
|
-
|
|
120
88
|
var Node = function Node(_ref4) {
|
|
121
89
|
var _ref4$children = _ref4.children,
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
90
|
+
children = _ref4$children === void 0 ? [] : _ref4$children,
|
|
91
|
+
id = _ref4.id,
|
|
92
|
+
icon = _ref4.icon,
|
|
93
|
+
label = _ref4.label,
|
|
94
|
+
_ref4$onClick = _ref4.onClick,
|
|
95
|
+
onClick = _ref4$onClick === void 0 ? function () {} : _ref4$onClick,
|
|
96
|
+
rest = _objectWithoutProperties(_ref4, _excluded);
|
|
130
97
|
var _React$useState = React.useState(false),
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
98
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
99
|
+
isOpen = _React$useState2[0],
|
|
100
|
+
setIsOpen = _React$useState2[1];
|
|
135
101
|
var hasChildren = children.length > 0;
|
|
136
|
-
|
|
137
102
|
var onClickHandler = function onClickHandler(event) {
|
|
138
103
|
onClick(event, {
|
|
139
104
|
id: id,
|
|
@@ -142,14 +107,12 @@ var Node = function Node(_ref4) {
|
|
|
142
107
|
children: children
|
|
143
108
|
});
|
|
144
109
|
};
|
|
145
|
-
|
|
146
110
|
var onKeyDownHandler = function onKeyDownHandler(event) {
|
|
147
111
|
if (event.key === ' ') {
|
|
148
112
|
setIsOpen(!isOpen);
|
|
149
113
|
onClickHandler(event);
|
|
150
114
|
}
|
|
151
115
|
};
|
|
152
|
-
|
|
153
116
|
return /*#__PURE__*/React.createElement(NodeItem, _extends({
|
|
154
117
|
isOpen: isOpen
|
|
155
118
|
}, rest), /*#__PURE__*/React.createElement(NodeInfo, null, hasChildren && /*#__PURE__*/React.createElement(FolderStatus, {
|
|
@@ -174,6 +137,5 @@ var Node = function Node(_ref4) {
|
|
|
174
137
|
}, dataNode));
|
|
175
138
|
})));
|
|
176
139
|
};
|
|
177
|
-
|
|
178
140
|
var _default = Node;
|
|
179
141
|
exports["default"] = _default;
|
package/cjs/Tree/Tree.js
CHANGED
|
@@ -1,41 +1,27 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
13
|
-
|
|
14
10
|
var _Node = _interopRequireWildcard(require("./Node"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["data"];
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
19
|
-
|
|
20
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
15
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
-
|
|
26
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
|
-
|
|
28
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
-
|
|
30
18
|
var TreeParent = _styledComponents["default"].ul.withConfig({
|
|
31
19
|
displayName: "Tree__TreeParent",
|
|
32
20
|
componentId: "sc-1wiuvvx-0"
|
|
33
21
|
})(["\n padding: 0;\n"]);
|
|
34
|
-
|
|
35
22
|
var Tree = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
36
23
|
var data = _ref.data,
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
39
25
|
return /*#__PURE__*/_react["default"].createElement(TreeParent, _extends({}, rest, {
|
|
40
26
|
ref: ref
|
|
41
27
|
}), data.map(function (dataNode) {
|
package/cjs/Tree/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _Tree = _interopRequireDefault(require("./Tree"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Tree["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Video/Video.js
CHANGED
|
@@ -1,62 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
8
|
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
13
|
-
|
|
14
10
|
var _icons = require("@react95/icons");
|
|
15
|
-
|
|
16
11
|
var _Frame = _interopRequireDefault(require("../Frame/Frame"));
|
|
17
|
-
|
|
18
12
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
19
|
-
|
|
20
13
|
var _Range = _interopRequireDefault(require("../Range"));
|
|
21
|
-
|
|
22
14
|
var _TitleBar = _interopRequireDefault(require("../TitleBar"));
|
|
23
|
-
|
|
24
15
|
var _buttons = require("./buttons");
|
|
25
|
-
|
|
26
16
|
var _ListDivider = _interopRequireDefault(require("../List/ListDivider"));
|
|
27
|
-
|
|
28
17
|
var _excluded = ["name", "src", "videoProps", "style"];
|
|
29
|
-
|
|
30
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
31
|
-
|
|
32
19
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
33
|
-
|
|
34
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
35
|
-
|
|
36
21
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
37
|
-
|
|
38
22
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
39
|
-
|
|
40
23
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
41
|
-
|
|
42
|
-
function
|
|
43
|
-
|
|
24
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
25
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
26
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
44
27
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
45
|
-
|
|
46
28
|
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
47
|
-
|
|
48
29
|
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
49
|
-
|
|
50
|
-
function
|
|
51
|
-
|
|
52
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
53
|
-
|
|
30
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
|
|
31
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
54
32
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
55
|
-
|
|
56
33
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
57
|
-
|
|
58
34
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
59
|
-
|
|
60
35
|
var VideoTag = _styledComponents["default"].video.withConfig({
|
|
61
36
|
displayName: "Video__VideoTag",
|
|
62
37
|
componentId: "sc-aeevd2-0"
|
|
@@ -64,7 +39,6 @@ var VideoTag = _styledComponents["default"].video.withConfig({
|
|
|
64
39
|
var visible = _ref.visible;
|
|
65
40
|
return visible ? 'block' : 'none';
|
|
66
41
|
});
|
|
67
|
-
|
|
68
42
|
var Source = function Source(_ref2) {
|
|
69
43
|
var src = _ref2.src;
|
|
70
44
|
return /*#__PURE__*/React.createElement("source", {
|
|
@@ -72,7 +46,6 @@ var Source = function Source(_ref2) {
|
|
|
72
46
|
type: "video/".concat(src.substring(src.length - 3))
|
|
73
47
|
});
|
|
74
48
|
};
|
|
75
|
-
|
|
76
49
|
var ControlBtn = (0, _styledComponents["default"])(_Button["default"]).withConfig({
|
|
77
50
|
displayName: "Video__ControlBtn",
|
|
78
51
|
componentId: "sc-aeevd2-1"
|
|
@@ -80,22 +53,18 @@ var ControlBtn = (0, _styledComponents["default"])(_Button["default"]).withConfi
|
|
|
80
53
|
var disabled = _ref3.disabled;
|
|
81
54
|
return disabled && (0, _styledComponents.css)(["\n padding: 4;\n svg {\n fill: borderDark;\n border-bottom: 1px solid;\n border-bottom-color: borderLightest;\n border-right: 1px solid;\n border-right-color: borderLightest;\n }\n "]);
|
|
82
55
|
});
|
|
83
|
-
|
|
84
56
|
var Controls = _styledComponents["default"].div.withConfig({
|
|
85
57
|
displayName: "Video__Controls",
|
|
86
58
|
componentId: "sc-aeevd2-2"
|
|
87
59
|
})(["\n display: flex;\n align-items: center;\n padding: 2 0;\n"]);
|
|
88
|
-
|
|
89
60
|
var CountDownContainer = (0, _styledComponents["default"])(_Frame["default"]).withConfig({
|
|
90
61
|
displayName: "Video__CountDownContainer",
|
|
91
62
|
componentId: "sc-aeevd2-3"
|
|
92
63
|
})(["\n display: flex;\n padding: 6;\n margin-bottom: 4;\n\n box-shadow: in;\n background-color: canvas;\n height: 50px;\n\n color: canvasText;\n"]);
|
|
93
|
-
|
|
94
64
|
var VideoFont = _styledComponents["default"].span.withConfig({
|
|
95
65
|
displayName: "Video__VideoFont",
|
|
96
66
|
componentId: "sc-aeevd2-4"
|
|
97
67
|
})(["\n font-family: 'React95Video-Numbers';\n text-transform: uppercase;\n"]);
|
|
98
|
-
|
|
99
68
|
var ResetFrame = (0, _styledComponents["default"])(_Frame["default"]).withConfig({
|
|
100
69
|
displayName: "Video__ResetFrame",
|
|
101
70
|
componentId: "sc-aeevd2-5"
|
|
@@ -104,26 +73,21 @@ var VideoRange = (0, _styledComponents["default"])(_Range["default"]).withConfig
|
|
|
104
73
|
displayName: "Video__VideoRange",
|
|
105
74
|
componentId: "sc-aeevd2-6"
|
|
106
75
|
})(["\n &::-webkit-slider-thumb {\n height: 18px;\n margin-top: -7px;\n width: 10px;\n }\n\n &[value='0']::-webkit-slider-thumb {\n margin-left: -2px;\n }\n"]);
|
|
107
|
-
|
|
108
76
|
var PlayOrPause = function PlayOrPause(_ref4) {
|
|
109
77
|
var playing = _ref4.playing;
|
|
110
78
|
return playing ? /*#__PURE__*/React.createElement(_buttons.Pause, null) : /*#__PURE__*/React.createElement(_buttons.Play, null);
|
|
111
79
|
};
|
|
112
|
-
|
|
113
80
|
var arrayFy = function arrayFy(str) {
|
|
114
81
|
return [].concat(str);
|
|
115
82
|
};
|
|
116
|
-
|
|
117
83
|
function updateProgressBar(player, updateProgress) {
|
|
118
84
|
var percentage = Math.floor(100 / player.duration * player.currentTime);
|
|
119
85
|
updateProgress(percentage);
|
|
120
86
|
}
|
|
121
|
-
|
|
122
87
|
function parseCurrentTime(secs) {
|
|
123
88
|
if (!secs) {
|
|
124
89
|
return '00:00';
|
|
125
90
|
}
|
|
126
|
-
|
|
127
91
|
var sec = parseInt(secs.toString(), 10);
|
|
128
92
|
var hours = Math.floor(sec / 3600);
|
|
129
93
|
var minutes = Math.floor(sec / 60) % 60;
|
|
@@ -134,29 +98,24 @@ function parseCurrentTime(secs) {
|
|
|
134
98
|
return v !== '00' || i > 0;
|
|
135
99
|
}).join(':');
|
|
136
100
|
}
|
|
137
|
-
|
|
138
101
|
var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
139
102
|
var name = _ref5.name,
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
103
|
+
src = _ref5.src,
|
|
104
|
+
videoProps = _ref5.videoProps,
|
|
105
|
+
style = _ref5.style,
|
|
106
|
+
props = _objectWithoutProperties(_ref5, _excluded);
|
|
145
107
|
var _React$useState = React.useState(false),
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
|
|
149
|
-
|
|
108
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
109
|
+
playing = _React$useState2[0],
|
|
110
|
+
setPlaying = _React$useState2[1];
|
|
150
111
|
var _React$useState3 = React.useState(false),
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
112
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
113
|
+
loadeddata = _React$useState4[0],
|
|
114
|
+
setLoadeddata = _React$useState4[1];
|
|
155
115
|
var _React$useState5 = React.useState(0),
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
116
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
117
|
+
progress = _React$useState6[0],
|
|
118
|
+
setProgress = _React$useState6[1];
|
|
160
119
|
var player = React.useRef(null);
|
|
161
120
|
var progressRef = React.useRef(null);
|
|
162
121
|
var wrapperRef = React.useRef(null);
|
|
@@ -164,10 +123,8 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
164
123
|
var stopRef = React.useRef(null);
|
|
165
124
|
var fullScreenRef = React.useRef(null);
|
|
166
125
|
var paths = arrayFy(src);
|
|
167
|
-
|
|
168
126
|
var _paths = _slicedToArray(paths, 1),
|
|
169
|
-
|
|
170
|
-
|
|
127
|
+
pathname = _paths[0];
|
|
171
128
|
var normalizedName = name || pathname.replace(/^.*[\\/]/, '');
|
|
172
129
|
var title = "".concat(normalizedName).concat(!loadeddata ? ' (Opening)' : '');
|
|
173
130
|
React.useImperativeHandle(ref, function () {
|
|
@@ -175,32 +132,25 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
175
132
|
get video() {
|
|
176
133
|
return player;
|
|
177
134
|
},
|
|
178
|
-
|
|
179
135
|
get progress() {
|
|
180
136
|
return progressRef;
|
|
181
137
|
},
|
|
182
|
-
|
|
183
138
|
get wrapper() {
|
|
184
139
|
return wrapperRef;
|
|
185
140
|
},
|
|
186
|
-
|
|
187
141
|
get playpause() {
|
|
188
142
|
return playPauseRef;
|
|
189
143
|
},
|
|
190
|
-
|
|
191
144
|
get stop() {
|
|
192
145
|
return stopRef;
|
|
193
146
|
},
|
|
194
|
-
|
|
195
147
|
get fullScreen() {
|
|
196
148
|
return fullScreenRef;
|
|
197
149
|
}
|
|
198
|
-
|
|
199
150
|
};
|
|
200
151
|
});
|
|
201
152
|
React.useEffect(function () {
|
|
202
153
|
var _player$current, _player$current2, _player$current3, _player$current4;
|
|
203
|
-
|
|
204
154
|
(_player$current = player.current) === null || _player$current === void 0 ? void 0 : _player$current.addEventListener('ended', function () {
|
|
205
155
|
setPlaying(false);
|
|
206
156
|
setProgress(0);
|
|
@@ -277,14 +227,11 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
277
227
|
onClick: function onClick() {
|
|
278
228
|
if (!playing) {
|
|
279
229
|
var _player$current5;
|
|
280
|
-
|
|
281
230
|
(_player$current5 = player.current) === null || _player$current5 === void 0 ? void 0 : _player$current5.play();
|
|
282
231
|
} else {
|
|
283
232
|
var _player$current6;
|
|
284
|
-
|
|
285
233
|
(_player$current6 = player.current) === null || _player$current6 === void 0 ? void 0 : _player$current6.pause();
|
|
286
234
|
}
|
|
287
|
-
|
|
288
235
|
setPlaying(!playing);
|
|
289
236
|
},
|
|
290
237
|
ref: playPauseRef
|
|
@@ -299,7 +246,6 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
299
246
|
player.current.pause();
|
|
300
247
|
player.current.currentTime = 0;
|
|
301
248
|
}
|
|
302
|
-
|
|
303
249
|
setPlaying(false);
|
|
304
250
|
},
|
|
305
251
|
ref: stopRef
|
|
@@ -307,7 +253,6 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
307
253
|
disabled: !loadeddata,
|
|
308
254
|
onClick: function onClick() {
|
|
309
255
|
var _player$current7;
|
|
310
|
-
|
|
311
256
|
player === null || player === void 0 ? void 0 : (_player$current7 = player.current) === null || _player$current7 === void 0 ? void 0 : _player$current7.requestFullscreen();
|
|
312
257
|
},
|
|
313
258
|
ref: fullScreenRef
|
|
@@ -324,7 +269,6 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
324
269
|
onClick: function onClick(e) {
|
|
325
270
|
var el = progressRef.current;
|
|
326
271
|
var video = player.current;
|
|
327
|
-
|
|
328
272
|
if (video && el) {
|
|
329
273
|
var percent = e.nativeEvent.offsetX / el.offsetWidth;
|
|
330
274
|
video.currentTime = percent * video.duration;
|
|
@@ -333,7 +277,6 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
333
277
|
}
|
|
334
278
|
}))));
|
|
335
279
|
};
|
|
336
|
-
|
|
337
280
|
var Video = /*#__PURE__*/React.forwardRef(VideoRenderer);
|
|
338
281
|
var _default = Video;
|
|
339
282
|
exports["default"] = _default;
|