@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
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
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; }
|
|
2
|
-
|
|
3
3
|
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; }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
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); }
|
|
7
7
|
import BaseTheme, { generateShadows } from './baseTheme';
|
|
8
8
|
var colors = {
|
|
9
9
|
anchor: '#72b3b4',
|
|
@@ -33,10 +33,8 @@ var colors = {
|
|
|
33
33
|
inputBackgroundDisabled: '#dfe0e3',
|
|
34
34
|
tooltip: '#fefbcc'
|
|
35
35
|
};
|
|
36
|
-
|
|
37
36
|
var water = _objectSpread(_objectSpread({}, BaseTheme), {}, {
|
|
38
37
|
colors: colors,
|
|
39
38
|
shadows: generateShadows(colors)
|
|
40
39
|
});
|
|
41
|
-
|
|
42
40
|
export default water;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
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; }
|
|
2
|
-
|
|
3
3
|
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; }
|
|
4
|
-
|
|
5
|
-
function
|
|
6
|
-
|
|
4
|
+
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; }
|
|
5
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
6
|
+
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); }
|
|
7
7
|
import BaseTheme, { generateShadows } from './baseTheme';
|
|
8
8
|
var colors = {
|
|
9
9
|
anchor: '#000e7a',
|
|
@@ -33,10 +33,8 @@ var colors = {
|
|
|
33
33
|
inputBackgroundDisabled: '#d2d2d2',
|
|
34
34
|
tooltip: '#fefbcc'
|
|
35
35
|
};
|
|
36
|
-
|
|
37
36
|
var theme = _objectSpread(_objectSpread({}, BaseTheme), {}, {
|
|
38
37
|
colors: colors,
|
|
39
38
|
shadows: generateShadows(colors)
|
|
40
39
|
});
|
|
41
|
-
|
|
42
40
|
export default theme;
|
package/esm/TitleBar/TitleBar.js
CHANGED
|
@@ -18,22 +18,21 @@ var TitleBarBackground = styled(Frame).withConfig({
|
|
|
18
18
|
componentId: "sc-5cvtvn-2"
|
|
19
19
|
})(["\n height: 18;\n margin-bottom: 2;\n\n padding: 2;\n\n display: flex;\n\n box-shadow: none;\n\n img {\n width: 15;\n height: 14;\n margin-right: 4;\n }\n\n background: ", ";\n"], function (_ref) {
|
|
20
20
|
var active = _ref.active,
|
|
21
|
-
|
|
21
|
+
theme = _ref.theme;
|
|
22
22
|
return active ? theme.colors.headerBackground : theme.colors.headerNotActiveBackground;
|
|
23
23
|
});
|
|
24
24
|
var Title = styled.div.withConfig({
|
|
25
25
|
displayName: "TitleBar__Title",
|
|
26
26
|
componentId: "sc-5cvtvn-3"
|
|
27
27
|
})(["\n flex-grow: 1;\n font-weight: bold;\n line-height: 1.4em;\n margin: 0;\n font-size: 1em;\n"]);
|
|
28
|
-
|
|
29
28
|
var TitleBarRenderer = function TitleBarRenderer(_ref2, ref) {
|
|
30
29
|
var children = _ref2.children,
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
30
|
+
_ref2$title = _ref2.title,
|
|
31
|
+
title = _ref2$title === void 0 ? 'UNKNOWN.EXE' : _ref2$title,
|
|
32
|
+
icon = _ref2.icon,
|
|
33
|
+
_ref2$active = _ref2.active,
|
|
34
|
+
active = _ref2$active === void 0 ? true : _ref2$active,
|
|
35
|
+
className = _ref2.className;
|
|
37
36
|
return /*#__PURE__*/React.createElement(TitleBarBackground, {
|
|
38
37
|
active: active,
|
|
39
38
|
color: active ? 'headerText' : 'headerNotActiveText',
|
|
@@ -42,7 +41,6 @@ var TitleBarRenderer = function TitleBarRenderer(_ref2, ref) {
|
|
|
42
41
|
className: className
|
|
43
42
|
}, title), children);
|
|
44
43
|
};
|
|
45
|
-
|
|
46
44
|
var TitleBar = Object.assign( /*#__PURE__*/React.forwardRef(TitleBarRenderer), {
|
|
47
45
|
Option: Option,
|
|
48
46
|
OptionsBox: OptionsBox
|
package/esm/Tooltip/Tooltip.js
CHANGED
|
@@ -1,23 +1,13 @@
|
|
|
1
1
|
var _excluded = ["children", "text", "delay"];
|
|
2
|
-
|
|
3
2
|
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); }
|
|
4
|
-
|
|
5
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
-
|
|
7
4
|
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."); }
|
|
8
|
-
|
|
9
5
|
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); }
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
6
|
+
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; }
|
|
7
|
+
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; } }
|
|
15
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
-
|
|
17
9
|
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; }
|
|
18
|
-
|
|
19
10
|
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; }
|
|
20
|
-
|
|
21
11
|
import * as React from 'react';
|
|
22
12
|
import styled from '@xstyled/styled-components';
|
|
23
13
|
import Frame from '../Frame';
|
|
@@ -29,35 +19,29 @@ var Wrapper = styled.div.withConfig({
|
|
|
29
19
|
displayName: "Tooltip__Wrapper",
|
|
30
20
|
componentId: "sc-klr207-1"
|
|
31
21
|
})(["\n display: inline-block;\n position: relative;\n cursor: default;\n white-space: nowrap;\n"]);
|
|
32
|
-
|
|
33
22
|
var TooltipRenderer = function TooltipRenderer(_ref, ref) {
|
|
34
23
|
var children = _ref.children,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
24
|
+
text = _ref.text,
|
|
25
|
+
delay = _ref.delay,
|
|
26
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
39
27
|
var _React$useState = React.useState(false),
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
28
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
29
|
+
show = _React$useState2[0],
|
|
30
|
+
setShow = _React$useState2[1];
|
|
44
31
|
var _React$useState3 = React.useState(0),
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
32
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
33
|
+
delayTimer = _React$useState4[0],
|
|
34
|
+
setDelayTimer = _React$useState4[1];
|
|
49
35
|
var handleEnter = function handleEnter() {
|
|
50
36
|
var timer = window.setTimeout(function () {
|
|
51
37
|
setShow(true);
|
|
52
38
|
}, delay);
|
|
53
39
|
setDelayTimer(timer);
|
|
54
40
|
};
|
|
55
|
-
|
|
56
41
|
var handleLeave = function handleLeave() {
|
|
57
42
|
clearTimeout(delayTimer);
|
|
58
43
|
setShow(false);
|
|
59
44
|
};
|
|
60
|
-
|
|
61
45
|
return /*#__PURE__*/React.createElement(Wrapper, _extends({
|
|
62
46
|
onMouseEnter: handleEnter,
|
|
63
47
|
onMouseLeave: handleLeave
|
|
@@ -65,9 +49,7 @@ var TooltipRenderer = function TooltipRenderer(_ref, ref) {
|
|
|
65
49
|
ref: ref
|
|
66
50
|
}), show && /*#__PURE__*/React.createElement(Tip, null, text), children);
|
|
67
51
|
};
|
|
68
|
-
|
|
69
52
|
var Tooltip = /*#__PURE__*/React.forwardRef(TooltipRenderer);
|
|
70
|
-
|
|
71
53
|
function formatDate(date) {
|
|
72
54
|
var monthNames = ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'];
|
|
73
55
|
var day = date.getDate();
|
|
@@ -75,7 +57,6 @@ function formatDate(date) {
|
|
|
75
57
|
var year = date.getFullYear();
|
|
76
58
|
return "".concat(day.toString().padStart(2, '0'), " ").concat(monthNames[monthIndex], " ").concat(year);
|
|
77
59
|
}
|
|
78
|
-
|
|
79
60
|
Tooltip.defaultProps = {
|
|
80
61
|
delay: 1000,
|
|
81
62
|
text: formatDate(new Date())
|
package/esm/Tree/Node.js
CHANGED
|
@@ -1,23 +1,13 @@
|
|
|
1
1
|
var _excluded = ["children", "id", "icon", "label", "onClick"];
|
|
2
|
-
|
|
3
2
|
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); }
|
|
4
|
-
|
|
5
3
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
6
|
-
|
|
7
4
|
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."); }
|
|
8
|
-
|
|
9
5
|
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); }
|
|
10
|
-
|
|
11
|
-
function
|
|
12
|
-
|
|
13
|
-
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; }
|
|
14
|
-
|
|
6
|
+
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; }
|
|
7
|
+
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; } }
|
|
15
8
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
16
|
-
|
|
17
9
|
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; }
|
|
18
|
-
|
|
19
10
|
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; }
|
|
20
|
-
|
|
21
11
|
import * as React from 'react';
|
|
22
12
|
import styled from '@xstyled/styled-components';
|
|
23
13
|
import treeMidLines from './imgs/tree-mid.png';
|
|
@@ -64,48 +54,40 @@ var Label = styled.span.withConfig({
|
|
|
64
54
|
displayName: "Node__Label",
|
|
65
55
|
componentId: "sc-284w29-5"
|
|
66
56
|
})(["\n outline: none;\n padding: 1;\n\n :focus {\n border-width: 1;\n border-style: dotted;\n padding: 0;\n }\n"]);
|
|
67
|
-
|
|
68
57
|
var NodeIcon = function NodeIcon(_ref3) {
|
|
69
58
|
var hasChildren = _ref3.hasChildren,
|
|
70
|
-
|
|
71
|
-
|
|
59
|
+
isOpen = _ref3.isOpen;
|
|
72
60
|
if (!hasChildren) {
|
|
73
61
|
return /*#__PURE__*/React.createElement(Bat, {
|
|
74
62
|
variant: "32x32_4",
|
|
75
63
|
"data-testid": "react95-default-icon-bat"
|
|
76
64
|
});
|
|
77
65
|
}
|
|
78
|
-
|
|
79
66
|
if (isOpen) {
|
|
80
67
|
return /*#__PURE__*/React.createElement(FolderOpen, {
|
|
81
68
|
variant: "32x32_4",
|
|
82
69
|
"data-testid": "react95-default-icon-folder-open"
|
|
83
70
|
});
|
|
84
71
|
}
|
|
85
|
-
|
|
86
72
|
return /*#__PURE__*/React.createElement(Folder, {
|
|
87
73
|
variant: "32x32_4",
|
|
88
74
|
"data-testid": "react95-default-icon-folder"
|
|
89
75
|
});
|
|
90
76
|
};
|
|
91
|
-
|
|
92
77
|
var Node = function Node(_ref4) {
|
|
93
78
|
var _ref4$children = _ref4.children,
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
79
|
+
children = _ref4$children === void 0 ? [] : _ref4$children,
|
|
80
|
+
id = _ref4.id,
|
|
81
|
+
icon = _ref4.icon,
|
|
82
|
+
label = _ref4.label,
|
|
83
|
+
_ref4$onClick = _ref4.onClick,
|
|
84
|
+
onClick = _ref4$onClick === void 0 ? function () {} : _ref4$onClick,
|
|
85
|
+
rest = _objectWithoutProperties(_ref4, _excluded);
|
|
102
86
|
var _React$useState = React.useState(false),
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
87
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
88
|
+
isOpen = _React$useState2[0],
|
|
89
|
+
setIsOpen = _React$useState2[1];
|
|
107
90
|
var hasChildren = children.length > 0;
|
|
108
|
-
|
|
109
91
|
var onClickHandler = function onClickHandler(event) {
|
|
110
92
|
onClick(event, {
|
|
111
93
|
id: id,
|
|
@@ -114,14 +96,12 @@ var Node = function Node(_ref4) {
|
|
|
114
96
|
children: children
|
|
115
97
|
});
|
|
116
98
|
};
|
|
117
|
-
|
|
118
99
|
var onKeyDownHandler = function onKeyDownHandler(event) {
|
|
119
100
|
if (event.key === ' ') {
|
|
120
101
|
setIsOpen(!isOpen);
|
|
121
102
|
onClickHandler(event);
|
|
122
103
|
}
|
|
123
104
|
};
|
|
124
|
-
|
|
125
105
|
return /*#__PURE__*/React.createElement(NodeItem, _extends({
|
|
126
106
|
isOpen: isOpen
|
|
127
107
|
}, rest), /*#__PURE__*/React.createElement(NodeInfo, null, hasChildren && /*#__PURE__*/React.createElement(FolderStatus, {
|
|
@@ -146,5 +126,4 @@ var Node = function Node(_ref4) {
|
|
|
146
126
|
}, dataNode));
|
|
147
127
|
})));
|
|
148
128
|
};
|
|
149
|
-
|
|
150
129
|
export default Node;
|
package/esm/Tree/Tree.js
CHANGED
|
@@ -1,11 +1,7 @@
|
|
|
1
1
|
var _excluded = ["data"];
|
|
2
|
-
|
|
3
2
|
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); }
|
|
4
|
-
|
|
5
3
|
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; }
|
|
6
|
-
|
|
7
4
|
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; }
|
|
8
|
-
|
|
9
5
|
import React, { forwardRef } from 'react';
|
|
10
6
|
import styled from 'styled-components';
|
|
11
7
|
import Node, { icons } from './Node';
|
|
@@ -15,8 +11,7 @@ var TreeParent = styled.ul.withConfig({
|
|
|
15
11
|
})(["\n padding: 0;\n"]);
|
|
16
12
|
var Tree = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
17
13
|
var data = _ref.data,
|
|
18
|
-
|
|
19
|
-
|
|
14
|
+
rest = _objectWithoutProperties(_ref, _excluded);
|
|
20
15
|
return /*#__PURE__*/React.createElement(TreeParent, _extends({}, rest, {
|
|
21
16
|
ref: ref
|
|
22
17
|
}), data.map(function (dataNode) {
|
package/esm/Video/Video.js
CHANGED
|
@@ -1,29 +1,19 @@
|
|
|
1
|
+
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); }
|
|
1
2
|
var _excluded = ["name", "src", "videoProps", "style"];
|
|
2
|
-
|
|
3
3
|
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); }
|
|
4
|
-
|
|
5
4
|
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; }
|
|
6
|
-
|
|
7
5
|
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; }
|
|
8
|
-
|
|
9
|
-
function
|
|
10
|
-
|
|
6
|
+
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; }
|
|
7
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
8
|
+
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); }
|
|
11
9
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
12
|
-
|
|
13
10
|
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."); }
|
|
14
|
-
|
|
15
11
|
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); }
|
|
16
|
-
|
|
17
|
-
function
|
|
18
|
-
|
|
19
|
-
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; }
|
|
20
|
-
|
|
12
|
+
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; }
|
|
13
|
+
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; } }
|
|
21
14
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
22
|
-
|
|
23
15
|
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; }
|
|
24
|
-
|
|
25
16
|
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; }
|
|
26
|
-
|
|
27
17
|
import * as React from 'react';
|
|
28
18
|
import styled, { css } from '@xstyled/styled-components';
|
|
29
19
|
import { Mplayer113, User4 } from '@react95/icons';
|
|
@@ -40,7 +30,6 @@ var VideoTag = styled.video.withConfig({
|
|
|
40
30
|
var visible = _ref.visible;
|
|
41
31
|
return visible ? 'block' : 'none';
|
|
42
32
|
});
|
|
43
|
-
|
|
44
33
|
var Source = function Source(_ref2) {
|
|
45
34
|
var src = _ref2.src;
|
|
46
35
|
return /*#__PURE__*/React.createElement("source", {
|
|
@@ -48,7 +37,6 @@ var Source = function Source(_ref2) {
|
|
|
48
37
|
type: "video/".concat(src.substring(src.length - 3))
|
|
49
38
|
});
|
|
50
39
|
};
|
|
51
|
-
|
|
52
40
|
var ControlBtn = styled(Button).withConfig({
|
|
53
41
|
displayName: "Video__ControlBtn",
|
|
54
42
|
componentId: "sc-aeevd2-1"
|
|
@@ -76,26 +64,21 @@ var VideoRange = styled(Range).withConfig({
|
|
|
76
64
|
displayName: "Video__VideoRange",
|
|
77
65
|
componentId: "sc-aeevd2-6"
|
|
78
66
|
})(["\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"]);
|
|
79
|
-
|
|
80
67
|
var PlayOrPause = function PlayOrPause(_ref4) {
|
|
81
68
|
var playing = _ref4.playing;
|
|
82
69
|
return playing ? /*#__PURE__*/React.createElement(Pause, null) : /*#__PURE__*/React.createElement(Play, null);
|
|
83
70
|
};
|
|
84
|
-
|
|
85
71
|
var arrayFy = function arrayFy(str) {
|
|
86
72
|
return [].concat(str);
|
|
87
73
|
};
|
|
88
|
-
|
|
89
74
|
function updateProgressBar(player, updateProgress) {
|
|
90
75
|
var percentage = Math.floor(100 / player.duration * player.currentTime);
|
|
91
76
|
updateProgress(percentage);
|
|
92
77
|
}
|
|
93
|
-
|
|
94
78
|
function parseCurrentTime(secs) {
|
|
95
79
|
if (!secs) {
|
|
96
80
|
return '00:00';
|
|
97
81
|
}
|
|
98
|
-
|
|
99
82
|
var sec = parseInt(secs.toString(), 10);
|
|
100
83
|
var hours = Math.floor(sec / 3600);
|
|
101
84
|
var minutes = Math.floor(sec / 60) % 60;
|
|
@@ -106,29 +89,24 @@ function parseCurrentTime(secs) {
|
|
|
106
89
|
return v !== '00' || i > 0;
|
|
107
90
|
}).join(':');
|
|
108
91
|
}
|
|
109
|
-
|
|
110
92
|
var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
111
93
|
var name = _ref5.name,
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
94
|
+
src = _ref5.src,
|
|
95
|
+
videoProps = _ref5.videoProps,
|
|
96
|
+
style = _ref5.style,
|
|
97
|
+
props = _objectWithoutProperties(_ref5, _excluded);
|
|
117
98
|
var _React$useState = React.useState(false),
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
99
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
100
|
+
playing = _React$useState2[0],
|
|
101
|
+
setPlaying = _React$useState2[1];
|
|
122
102
|
var _React$useState3 = React.useState(false),
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
103
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
104
|
+
loadeddata = _React$useState4[0],
|
|
105
|
+
setLoadeddata = _React$useState4[1];
|
|
127
106
|
var _React$useState5 = React.useState(0),
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
107
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
108
|
+
progress = _React$useState6[0],
|
|
109
|
+
setProgress = _React$useState6[1];
|
|
132
110
|
var player = React.useRef(null);
|
|
133
111
|
var progressRef = React.useRef(null);
|
|
134
112
|
var wrapperRef = React.useRef(null);
|
|
@@ -136,10 +114,8 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
136
114
|
var stopRef = React.useRef(null);
|
|
137
115
|
var fullScreenRef = React.useRef(null);
|
|
138
116
|
var paths = arrayFy(src);
|
|
139
|
-
|
|
140
117
|
var _paths = _slicedToArray(paths, 1),
|
|
141
|
-
|
|
142
|
-
|
|
118
|
+
pathname = _paths[0];
|
|
143
119
|
var normalizedName = name || pathname.replace(/^.*[\\/]/, '');
|
|
144
120
|
var title = "".concat(normalizedName).concat(!loadeddata ? ' (Opening)' : '');
|
|
145
121
|
React.useImperativeHandle(ref, function () {
|
|
@@ -147,32 +123,25 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
147
123
|
get video() {
|
|
148
124
|
return player;
|
|
149
125
|
},
|
|
150
|
-
|
|
151
126
|
get progress() {
|
|
152
127
|
return progressRef;
|
|
153
128
|
},
|
|
154
|
-
|
|
155
129
|
get wrapper() {
|
|
156
130
|
return wrapperRef;
|
|
157
131
|
},
|
|
158
|
-
|
|
159
132
|
get playpause() {
|
|
160
133
|
return playPauseRef;
|
|
161
134
|
},
|
|
162
|
-
|
|
163
135
|
get stop() {
|
|
164
136
|
return stopRef;
|
|
165
137
|
},
|
|
166
|
-
|
|
167
138
|
get fullScreen() {
|
|
168
139
|
return fullScreenRef;
|
|
169
140
|
}
|
|
170
|
-
|
|
171
141
|
};
|
|
172
142
|
});
|
|
173
143
|
React.useEffect(function () {
|
|
174
144
|
var _player$current, _player$current2, _player$current3, _player$current4;
|
|
175
|
-
|
|
176
145
|
(_player$current = player.current) === null || _player$current === void 0 ? void 0 : _player$current.addEventListener('ended', function () {
|
|
177
146
|
setPlaying(false);
|
|
178
147
|
setProgress(0);
|
|
@@ -249,14 +218,11 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
249
218
|
onClick: function onClick() {
|
|
250
219
|
if (!playing) {
|
|
251
220
|
var _player$current5;
|
|
252
|
-
|
|
253
221
|
(_player$current5 = player.current) === null || _player$current5 === void 0 ? void 0 : _player$current5.play();
|
|
254
222
|
} else {
|
|
255
223
|
var _player$current6;
|
|
256
|
-
|
|
257
224
|
(_player$current6 = player.current) === null || _player$current6 === void 0 ? void 0 : _player$current6.pause();
|
|
258
225
|
}
|
|
259
|
-
|
|
260
226
|
setPlaying(!playing);
|
|
261
227
|
},
|
|
262
228
|
ref: playPauseRef
|
|
@@ -271,7 +237,6 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
271
237
|
player.current.pause();
|
|
272
238
|
player.current.currentTime = 0;
|
|
273
239
|
}
|
|
274
|
-
|
|
275
240
|
setPlaying(false);
|
|
276
241
|
},
|
|
277
242
|
ref: stopRef
|
|
@@ -279,7 +244,6 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
279
244
|
disabled: !loadeddata,
|
|
280
245
|
onClick: function onClick() {
|
|
281
246
|
var _player$current7;
|
|
282
|
-
|
|
283
247
|
player === null || player === void 0 ? void 0 : (_player$current7 = player.current) === null || _player$current7 === void 0 ? void 0 : _player$current7.requestFullscreen();
|
|
284
248
|
},
|
|
285
249
|
ref: fullScreenRef
|
|
@@ -296,7 +260,6 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
296
260
|
onClick: function onClick(e) {
|
|
297
261
|
var el = progressRef.current;
|
|
298
262
|
var video = player.current;
|
|
299
|
-
|
|
300
263
|
if (video && el) {
|
|
301
264
|
var percent = e.nativeEvent.offsetX / el.offsetWidth;
|
|
302
265
|
video.currentTime = percent * video.duration;
|
|
@@ -305,6 +268,5 @@ var VideoRenderer = function VideoRenderer(_ref5, ref) {
|
|
|
305
268
|
}
|
|
306
269
|
}))));
|
|
307
270
|
};
|
|
308
|
-
|
|
309
271
|
var Video = /*#__PURE__*/React.forwardRef(VideoRenderer);
|
|
310
272
|
export default Video;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
|
|
3
2
|
import * as React from 'react';
|
|
4
|
-
|
|
5
3
|
var Fullscreen = function Fullscreen(props) {
|
|
6
4
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -16,5 +14,4 @@ var Fullscreen = function Fullscreen(props) {
|
|
|
16
14
|
}
|
|
17
15
|
}));
|
|
18
16
|
};
|
|
19
|
-
|
|
20
17
|
export default Fullscreen;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
|
|
3
2
|
import * as React from 'react';
|
|
4
|
-
|
|
5
3
|
var Pause = function Pause(props) {
|
|
6
4
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
5
|
height: "6",
|
|
@@ -13,5 +11,4 @@ var Pause = function Pause(props) {
|
|
|
13
11
|
d: "M256.471 2h176.765v424.236H256.471zM2 2h176.765v424.236H2z"
|
|
14
12
|
}));
|
|
15
13
|
};
|
|
16
|
-
|
|
17
14
|
export default Pause;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
|
|
3
2
|
import * as React from 'react';
|
|
4
|
-
|
|
5
3
|
var Play = function Play(props) {
|
|
6
4
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
5
|
height: "6",
|
|
@@ -13,5 +11,4 @@ var Play = function Play(props) {
|
|
|
13
11
|
d: "M35.353 0l424.236 247.471L35.353 494.942z"
|
|
14
12
|
}));
|
|
15
13
|
};
|
|
16
|
-
|
|
17
14
|
export default Play;
|
|
@@ -1,7 +1,5 @@
|
|
|
1
1
|
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); }
|
|
2
|
-
|
|
3
2
|
import * as React from 'react';
|
|
4
|
-
|
|
5
3
|
var Stop = function Stop(props) {
|
|
6
4
|
return /*#__PURE__*/React.createElement("svg", _extends({
|
|
7
5
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -12,5 +10,4 @@ var Stop = function Stop(props) {
|
|
|
12
10
|
d: "M0 0h306v306H0z"
|
|
13
11
|
}));
|
|
14
12
|
};
|
|
15
|
-
|
|
16
13
|
export default Stop;
|