@react95/core 6.0.7 → 6.1.1
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 +3 -4
package/cjs/Input/Input.js
CHANGED
|
@@ -4,17 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("@xstyled/styled-components"));
|
|
9
|
-
|
|
10
8
|
var _styledSystem = require("styled-system");
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
13
|
-
|
|
14
10
|
var Input = _styledComponents["default"].input.withConfig({
|
|
15
11
|
displayName: "Input",
|
|
16
12
|
componentId: "sc-1thk6g5-0"
|
|
17
13
|
})(["\n outline: none;\n border: none;\n cursor: text;\n\n padding: 3 3 5 3;\n\n color: materialText;\n background-color: inputBackground;\n\n border-radius: 0;\n\n border-top-width: 1;\n border-top-style: 1;\n border-top-color: borderDark;\n\n border-right-width: 0;\n border-bottom-width: 0;\n\n border-left-width: 1;\n border-left-style: 1;\n border-left-color: borderDark;\n\n box-shadow: input;\n\n -webkit-appearance: none;\n\n ", "\n ", "\n ", "\n"], _styledSystem.padding, _styledSystem.borders, _styledSystem.shadow);
|
|
18
|
-
|
|
19
14
|
var _default = Input;
|
|
20
15
|
exports["default"] = _default;
|
package/cjs/Input/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 _Input = _interopRequireDefault(require("./Input"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _Input["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/List/List.js
CHANGED
|
@@ -1,24 +1,16 @@
|
|
|
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 _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
11
|
-
|
|
12
9
|
var _ListItem = _interopRequireDefault(require("./ListItem"));
|
|
13
|
-
|
|
14
10
|
var _ListDivider = _interopRequireDefault(require("./ListDivider"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
12
|
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); }
|
|
19
|
-
|
|
20
13
|
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; }
|
|
21
|
-
|
|
22
14
|
var StyledList = _styledComponents["default"].ul.withConfig({
|
|
23
15
|
displayName: "List__StyledList",
|
|
24
16
|
componentId: "sc-11tpq62-0"
|
|
@@ -26,7 +18,6 @@ var StyledList = _styledComponents["default"].ul.withConfig({
|
|
|
26
18
|
var width = _ref.width;
|
|
27
19
|
return "\n width: ".concat(width, "px;\n ");
|
|
28
20
|
});
|
|
29
|
-
|
|
30
21
|
var List = Object.assign(StyledList, {
|
|
31
22
|
Item: _ListItem["default"],
|
|
32
23
|
Divider: _ListDivider["default"]
|
package/cjs/List/ListDivider.js
CHANGED
|
@@ -4,16 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _styledComponents = _interopRequireDefault(require("@xstyled/styled-components"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var Divider = _styledComponents["default"].li.withConfig({
|
|
13
10
|
displayName: "ListDivider__Divider",
|
|
14
11
|
componentId: "sc-mgbvoj-0"
|
|
15
12
|
})(["\n height: 1px;\n border-top: 1;\n border-top-color: borderDark;\n border-bottom: 1;\n border-bottom-color: borderLightest;\n\n width: 98%;\n margin-left: 2;\n"]);
|
|
16
|
-
|
|
17
13
|
Divider.displayName = 'List.Divider';
|
|
18
14
|
var _default = Divider;
|
|
19
15
|
exports["default"] = _default;
|
package/cjs/List/ListItem.js
CHANGED
|
@@ -1,32 +1,20 @@
|
|
|
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 _rightcaret = _interopRequireDefault(require("../GlobalStyle/imgs/rightcaret.svg"));
|
|
15
|
-
|
|
16
11
|
var _excluded = ["icon", "children"];
|
|
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 Item = _styledComponents["default"].li.withConfig({
|
|
31
19
|
displayName: "ListItem__Item",
|
|
32
20
|
componentId: "sc-1k1qq02-0"
|
|
@@ -37,13 +25,11 @@ var Item = _styledComponents["default"].li.withConfig({
|
|
|
37
25
|
var hasList = _ref2.hasList;
|
|
38
26
|
return hasList && (0, _styledComponents.css)(["\n &:after {\n position: absolute;\n width: 5px;\n height: 8px;\n right: 8px;\n\n content: '';\n background-color: materialText;\n mask-image: url('", "');\n mask-position: center center;\n mask-size: 5px 8px;\n mask-repeat: no-repeat;\n }\n\n &:hover {\n &:after {\n background-color: materialTextInvert;\n }\n\n ul {\n display: block;\n }\n }\n "], _rightcaret["default"]);
|
|
39
27
|
});
|
|
40
|
-
|
|
41
28
|
var ListItem = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, ref) {
|
|
42
29
|
var icon = _ref3.icon,
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
30
|
+
_ref3$children = _ref3.children,
|
|
31
|
+
children = _ref3$children === void 0 ? [] : _ref3$children,
|
|
32
|
+
rest = _objectWithoutProperties(_ref3, _excluded);
|
|
47
33
|
return /*#__PURE__*/_react["default"].createElement(Item, _extends({}, rest, {
|
|
48
34
|
icon: !!icon,
|
|
49
35
|
ref: ref,
|
package/cjs/List/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 _List = _interopRequireDefault(require("./List"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _List["default"];
|
|
13
10
|
exports["default"] = _default;
|
package/cjs/Modal/Modal.js
CHANGED
|
@@ -1,81 +1,56 @@
|
|
|
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
|
-
var React = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _styledComponents = _interopRequireWildcard(require("@xstyled/styled-components"));
|
|
13
|
-
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
14
10
|
var _reactDraggable = _interopRequireDefault(require("react-draggable"));
|
|
15
|
-
|
|
16
11
|
var _Button = _interopRequireDefault(require("../Button"));
|
|
17
|
-
|
|
18
12
|
var _TitleBar = _interopRequireDefault(require("../TitleBar"));
|
|
19
|
-
|
|
20
13
|
var _ModalContext = _interopRequireDefault(require("./ModalContext"));
|
|
21
|
-
|
|
22
|
-
var _excluded = ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "defaultPosition", "height", "icon", "menu", "title", "width"];
|
|
23
|
-
|
|
14
|
+
var _excluded = ["hasWindowButton", "buttons", "buttonsAlignment", "children", "closeModal", "defaultPosition", "positionOffset", "height", "icon", "menu", "title", "width"];
|
|
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 ModalWrapper = _styledComponents["default"].div.withConfig({
|
|
49
28
|
displayName: "Modal__ModalWrapper",
|
|
50
29
|
componentId: "sc-4ouk59-0"
|
|
51
30
|
})(["\n display: flex;\n flex-direction: column;\n\n position: fixed;\n\n padding: 2 2 8;\n\n top: 50px;\n\n background-color: material;\n\n box-shadow: inset 1px 1px 0px 1px ", ",\n inset 0 0 0 1px ", ",\n 1px 1px 0 1px ", ";\n\n ", "\n ", "\n"], (0, _styledComponents.th)('colors.borderLightest'), (0, _styledComponents.th)('colors.borderDark'), (0, _styledComponents.th)('colors.borderDarkest'), function (_ref) {
|
|
52
31
|
var width = _ref.width,
|
|
53
|
-
|
|
32
|
+
height = _ref.height;
|
|
54
33
|
return "\n width: ".concat(width ? "".concat(width, "px") : 'auto', ";\n height: ").concat(height ? "".concat(height, "px") : 'auto', ";\n ");
|
|
55
34
|
}, function (_ref2) {
|
|
56
35
|
var active = _ref2.active;
|
|
57
36
|
return active ? (0, _styledComponents.css)(["\n z-index: modal;\n "]) : '';
|
|
58
37
|
});
|
|
59
|
-
|
|
60
38
|
var Content = _styledComponents["default"].div.withConfig({
|
|
61
39
|
displayName: "Modal__Content",
|
|
62
40
|
componentId: "sc-4ouk59-1"
|
|
63
41
|
})(["\n flex-grow: 1;\n display: flex;\n flex-direction: column;\n\n padding: 6;\n"]);
|
|
64
|
-
|
|
65
42
|
var ButtonWrapper = _styledComponents["default"].div.withConfig({
|
|
66
43
|
displayName: "Modal__ButtonWrapper",
|
|
67
44
|
componentId: "sc-4ouk59-2"
|
|
68
45
|
})(["\n display: flex;\n flex-direction: row;\n justify-content: ", ";\n\n padding: 0 6 6 6;\n\n & ", " {\n margin-right: 6;\n min-width: 70px;\n\n &:last-child {\n margin-right: 0;\n }\n }\n"], function (_ref3) {
|
|
69
46
|
var _ref3$buttonsAlignmen = _ref3.buttonsAlignment,
|
|
70
|
-
|
|
47
|
+
buttonsAlignment = _ref3$buttonsAlignmen === void 0 ? 'center' : _ref3$buttonsAlignmen;
|
|
71
48
|
return buttonsAlignment;
|
|
72
49
|
}, _Button["default"]);
|
|
73
|
-
|
|
74
50
|
var MenuWrapper = _styledComponents["default"].ul.withConfig({
|
|
75
51
|
displayName: "Modal__MenuWrapper",
|
|
76
52
|
componentId: "sc-4ouk59-3"
|
|
77
53
|
})(["\n display: flex;\n flex-direction: row;\n\n list-style: none;\n margin: 0;\n padding-left: 0;\n padding-bottom: 3;\n\n border-bottom-style: solid;\n border-width: 1;\n border-bottom-color: borderDark;\n\n box-shadow: 0 1px 0 0 ", ";\n"], (0, _styledComponents.th)('colors.borderLighter'));
|
|
78
|
-
|
|
79
54
|
var MenuItem = _styledComponents["default"].li.withConfig({
|
|
80
55
|
displayName: "Modal__MenuItem",
|
|
81
56
|
componentId: "sc-4ouk59-4"
|
|
@@ -83,46 +58,40 @@ var MenuItem = _styledComponents["default"].li.withConfig({
|
|
|
83
58
|
var active = _ref4.active;
|
|
84
59
|
return active && (0, _styledComponents.css)(["\n background-color: primary;\n color: materialTextInvert;\n "]);
|
|
85
60
|
});
|
|
86
|
-
|
|
87
61
|
MenuItem.displayName = 'MenuItem';
|
|
88
|
-
|
|
89
62
|
var ModalRenderer = function ModalRenderer(_ref5, ref) {
|
|
90
63
|
var _ref5$hasWindowButton = _ref5.hasWindowButton,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
64
|
+
hasButton = _ref5$hasWindowButton === void 0 ? true : _ref5$hasWindowButton,
|
|
65
|
+
buttons = _ref5.buttons,
|
|
66
|
+
buttonsAlignment = _ref5.buttonsAlignment,
|
|
67
|
+
children = _ref5.children,
|
|
68
|
+
closeModal = _ref5.closeModal,
|
|
69
|
+
defaultPosition = _ref5.defaultPosition,
|
|
70
|
+
positionOffset = _ref5.positionOffset,
|
|
71
|
+
height = _ref5.height,
|
|
72
|
+
icon = _ref5.icon,
|
|
73
|
+
menu = _ref5.menu,
|
|
74
|
+
title = _ref5.title,
|
|
75
|
+
width = _ref5.width,
|
|
76
|
+
rest = _objectWithoutProperties(_ref5, _excluded);
|
|
104
77
|
var _React$useContext = React.useContext(_ModalContext["default"]),
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
78
|
+
addWindows = _React$useContext.addWindows,
|
|
79
|
+
removeWindow = _React$useContext.removeWindow,
|
|
80
|
+
updateWindow = _React$useContext.updateWindow,
|
|
81
|
+
setActiveWindow = _React$useContext.setActiveWindow,
|
|
82
|
+
activeWindow = _React$useContext.activeWindow;
|
|
111
83
|
var _React$useState = React.useState(null),
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
84
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
85
|
+
id = _React$useState2[0],
|
|
86
|
+
setId = _React$useState2[1];
|
|
116
87
|
var _React$useState3 = React.useState(''),
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
88
|
+
_React$useState4 = _slicedToArray(_React$useState3, 2),
|
|
89
|
+
menuOpened = _React$useState4[0],
|
|
90
|
+
setMenuOpened = _React$useState4[1];
|
|
121
91
|
var _React$useState5 = React.useState(false),
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
92
|
+
_React$useState6 = _slicedToArray(_React$useState5, 2),
|
|
93
|
+
isActive = _React$useState6[0],
|
|
94
|
+
setIsActive = _React$useState6[1];
|
|
126
95
|
React.useEffect(function () {
|
|
127
96
|
if (!id) {
|
|
128
97
|
var newId = addWindows({
|
|
@@ -130,7 +99,6 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
|
|
|
130
99
|
title: title,
|
|
131
100
|
hasButton: hasButton
|
|
132
101
|
});
|
|
133
|
-
|
|
134
102
|
if (newId) {
|
|
135
103
|
setId(newId);
|
|
136
104
|
setActiveWindow(newId);
|
|
@@ -156,6 +124,7 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
|
|
|
156
124
|
return /*#__PURE__*/React.createElement(_reactDraggable["default"], {
|
|
157
125
|
handle: ".draggable",
|
|
158
126
|
defaultPosition: defaultPosition,
|
|
127
|
+
positionOffset: positionOffset,
|
|
159
128
|
onMouseDown: id ? function () {
|
|
160
129
|
return setActiveWindow(id);
|
|
161
130
|
} : undefined
|
|
@@ -174,7 +143,7 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
|
|
|
174
143
|
onClick: closeModal
|
|
175
144
|
}, "X"))), menu && menu.length > 0 && /*#__PURE__*/React.createElement(MenuWrapper, null, menu.map(function (_ref6) {
|
|
176
145
|
var name = _ref6.name,
|
|
177
|
-
|
|
146
|
+
list = _ref6.list;
|
|
178
147
|
var active = menuOpened === name;
|
|
179
148
|
return /*#__PURE__*/React.createElement(MenuItem, {
|
|
180
149
|
key: name,
|
|
@@ -197,7 +166,6 @@ var ModalRenderer = function ModalRenderer(_ref5, ref) {
|
|
|
197
166
|
}, button.value);
|
|
198
167
|
}))));
|
|
199
168
|
};
|
|
200
|
-
|
|
201
169
|
var Modal = /*#__PURE__*/React.forwardRef(ModalRenderer);
|
|
202
170
|
Modal.displayName = 'Modal';
|
|
203
171
|
Modal.defaultProps = {
|
|
@@ -4,10 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports["default"] = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
/* eslint-disable no-unused-vars */
|
|
9
|
+
|
|
11
10
|
var ModalContext = /*#__PURE__*/(0, _react.createContext)({
|
|
12
11
|
windows: {},
|
|
13
12
|
addWindows: function addWindows() {},
|
|
@@ -1,82 +1,61 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports["default"] = void 0;
|
|
9
|
-
|
|
10
7
|
var _nanoid = require("nanoid");
|
|
11
|
-
|
|
12
8
|
var React = _interopRequireWildcard(require("react"));
|
|
13
|
-
|
|
14
9
|
var _ModalContext = _interopRequireDefault(require("./ModalContext"));
|
|
15
|
-
|
|
16
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
17
|
-
|
|
18
11
|
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); }
|
|
19
|
-
|
|
20
12
|
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; }
|
|
21
|
-
|
|
13
|
+
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); }
|
|
22
14
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
-
|
|
24
15
|
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."); }
|
|
25
|
-
|
|
26
16
|
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); }
|
|
27
|
-
|
|
28
|
-
function
|
|
29
|
-
|
|
30
|
-
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; }
|
|
31
|
-
|
|
17
|
+
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; }
|
|
18
|
+
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; } }
|
|
32
19
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
33
|
-
|
|
34
20
|
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; }
|
|
35
|
-
|
|
36
21
|
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; }
|
|
37
|
-
|
|
38
|
-
function
|
|
22
|
+
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; }
|
|
23
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
24
|
+
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); }
|
|
25
|
+
// eslint-disable-next-line @typescript-eslint/ban-types
|
|
39
26
|
|
|
40
27
|
var windowStackReducer = function windowStackReducer(state, action) {
|
|
41
28
|
var newWindows = _objectSpread({}, state);
|
|
42
|
-
|
|
43
29
|
switch (action.type) {
|
|
44
30
|
case 'ADD_WINDOW':
|
|
45
31
|
{
|
|
46
32
|
newWindows[action.id] = action.window;
|
|
47
33
|
return newWindows;
|
|
48
34
|
}
|
|
49
|
-
|
|
50
35
|
case 'REMOVE_WINDOW':
|
|
51
36
|
{
|
|
52
37
|
delete newWindows[action.id];
|
|
53
38
|
return newWindows;
|
|
54
39
|
}
|
|
55
|
-
|
|
56
40
|
case 'UPDATE_WINDOW':
|
|
57
41
|
{
|
|
58
42
|
newWindows[action.id] = action.window;
|
|
59
43
|
return newWindows;
|
|
60
44
|
}
|
|
61
|
-
|
|
62
45
|
default:
|
|
63
46
|
return state;
|
|
64
47
|
}
|
|
65
48
|
};
|
|
66
|
-
|
|
67
49
|
var ModalProvider = function ModalProvider(_ref) {
|
|
68
50
|
var children = _ref.children;
|
|
69
|
-
|
|
70
51
|
var _React$useReducer = React.useReducer(windowStackReducer, {}),
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
52
|
+
_React$useReducer2 = _slicedToArray(_React$useReducer, 2),
|
|
53
|
+
windows = _React$useReducer2[0],
|
|
54
|
+
dispatch = _React$useReducer2[1];
|
|
75
55
|
var _React$useState = React.useState(),
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
56
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
57
|
+
activeWindow = _React$useState2[0],
|
|
58
|
+
setActiveWindow = _React$useState2[1];
|
|
80
59
|
var addWindows = function addWindows(window) {
|
|
81
60
|
var id = (0, _nanoid.nanoid)();
|
|
82
61
|
dispatch({
|
|
@@ -86,14 +65,12 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
86
65
|
});
|
|
87
66
|
return id;
|
|
88
67
|
};
|
|
89
|
-
|
|
90
68
|
var removeWindow = function removeWindow(id) {
|
|
91
69
|
dispatch({
|
|
92
70
|
type: 'REMOVE_WINDOW',
|
|
93
71
|
id: id
|
|
94
72
|
});
|
|
95
73
|
};
|
|
96
|
-
|
|
97
74
|
var updateWindow = function updateWindow(id, window) {
|
|
98
75
|
dispatch({
|
|
99
76
|
type: 'UPDATE_WINDOW',
|
|
@@ -101,7 +78,6 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
101
78
|
window: window
|
|
102
79
|
});
|
|
103
80
|
};
|
|
104
|
-
|
|
105
81
|
return /*#__PURE__*/React.createElement(_ModalContext["default"].Provider, {
|
|
106
82
|
value: {
|
|
107
83
|
windows: windows,
|
|
@@ -113,6 +89,5 @@ var ModalProvider = function ModalProvider(_ref) {
|
|
|
113
89
|
}
|
|
114
90
|
}, children);
|
|
115
91
|
};
|
|
116
|
-
|
|
117
92
|
var _default = ModalProvider;
|
|
118
93
|
exports["default"] = _default;
|
package/cjs/Modal/index.js
CHANGED
|
@@ -21,11 +21,7 @@ Object.defineProperty(exports, "ModalProvider", {
|
|
|
21
21
|
return _ModalProvider["default"];
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
|
-
|
|
25
24
|
var _Modal = _interopRequireDefault(require("./Modal"));
|
|
26
|
-
|
|
27
25
|
var _ModalContext = _interopRequireDefault(require("./ModalContext"));
|
|
28
|
-
|
|
29
26
|
var _ModalProvider = _interopRequireDefault(require("./ModalProvider"));
|
|
30
|
-
|
|
31
27
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
@@ -1,28 +1,18 @@
|
|
|
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 _excluded = ["width", "percent"];
|
|
15
|
-
|
|
16
11
|
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); }
|
|
17
|
-
|
|
18
12
|
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; }
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
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; }
|
|
25
|
-
|
|
26
16
|
var Wrapper = _styledComponents["default"].div.withConfig({
|
|
27
17
|
displayName: "ProgressBar__Wrapper",
|
|
28
18
|
componentId: "sc-1xpcki1-0"
|
|
@@ -30,7 +20,6 @@ var Wrapper = _styledComponents["default"].div.withConfig({
|
|
|
30
20
|
var width = _ref.width;
|
|
31
21
|
return width;
|
|
32
22
|
});
|
|
33
|
-
|
|
34
23
|
var WhiteBar = _styledComponents["default"].div.withConfig({
|
|
35
24
|
displayName: "ProgressBar__WhiteBar",
|
|
36
25
|
componentId: "sc-1xpcki1-1"
|
|
@@ -38,7 +27,6 @@ var WhiteBar = _styledComponents["default"].div.withConfig({
|
|
|
38
27
|
var width = _ref2.width;
|
|
39
28
|
return width;
|
|
40
29
|
}, (0, _styledComponents.css)(["\n box-shadow: inset -1px -1px 0 0 ", ",\n inset 1px 1px 0 0 ", ",\n 0.5px 0.5px 0 0.5px ", ";\n "], (0, _styledComponents.th)('colors.material'), (0, _styledComponents.th)('colors.borderDarkest'), (0, _styledComponents.th)('colors.borderLightest')));
|
|
41
|
-
|
|
42
30
|
var Container = _styledComponents["default"].div.withConfig({
|
|
43
31
|
displayName: "ProgressBar__Container",
|
|
44
32
|
componentId: "sc-1xpcki1-2"
|
|
@@ -46,7 +34,6 @@ var Container = _styledComponents["default"].div.withConfig({
|
|
|
46
34
|
var percent = _ref3.percent;
|
|
47
35
|
return percent;
|
|
48
36
|
});
|
|
49
|
-
|
|
50
37
|
var Progress = _styledComponents["default"].div.withConfig({
|
|
51
38
|
displayName: "ProgressBar__Progress",
|
|
52
39
|
componentId: "sc-1xpcki1-3"
|
|
@@ -54,12 +41,10 @@ var Progress = _styledComponents["default"].div.withConfig({
|
|
|
54
41
|
var width = _ref4.width;
|
|
55
42
|
return width;
|
|
56
43
|
}, (0, _styledComponents.th)('colors.materialTextInvert'));
|
|
57
|
-
|
|
58
44
|
var ProgressBar = /*#__PURE__*/(0, _react.forwardRef)(function (_ref5, ref) {
|
|
59
45
|
var width = _ref5.width,
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
46
|
+
percent = _ref5.percent,
|
|
47
|
+
rest = _objectWithoutProperties(_ref5, _excluded);
|
|
63
48
|
return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
|
|
64
49
|
width: width
|
|
65
50
|
}, rest, {
|
package/cjs/ProgressBar/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 _ProgressBar = _interopRequireDefault(require("./ProgressBar"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _ProgressBar["default"];
|
|
13
10
|
exports["default"] = _default;
|