@mirai/ui 1.0.93-beta → 1.0.94
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/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +4 -6
- package/build/components/Tooltip/Tooltip.js +8 -10
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +14 -32
- package/build/hooks/helpers/index.js +15 -4
- package/build/hooks/helpers/index.js.map +1 -1
- package/build/hooks/helpers/sanitizePx.js +11 -0
- package/build/hooks/helpers/sanitizePx.js.map +1 -0
- package/build/hooks/useDevice.js +8 -2
- package/build/hooks/useDevice.js.map +1 -1
- package/build/theme/default.theme.css +1 -1
- package/package.json +1 -1
|
@@ -30,12 +30,11 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
|
|
|
30
30
|
xmlns="http://www.w3.org/2000/svg"
|
|
31
31
|
>
|
|
32
32
|
<path
|
|
33
|
-
d="
|
|
33
|
+
d="M0 0h24v24H0V0z"
|
|
34
34
|
fill="none"
|
|
35
|
-
opacity=".87"
|
|
36
35
|
/>
|
|
37
36
|
<path
|
|
38
|
-
d="
|
|
37
|
+
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
|
|
39
38
|
/>
|
|
40
39
|
</svg>
|
|
41
40
|
</span>
|
|
@@ -173,12 +172,11 @@ exports[`component:<Modal> prop:onClose 1`] = `
|
|
|
173
172
|
xmlns="http://www.w3.org/2000/svg"
|
|
174
173
|
>
|
|
175
174
|
<path
|
|
176
|
-
d="
|
|
175
|
+
d="M0 0h24v24H0V0z"
|
|
177
176
|
fill="none"
|
|
178
|
-
opacity=".87"
|
|
179
177
|
/>
|
|
180
178
|
<path
|
|
181
|
-
d="
|
|
179
|
+
d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
|
|
182
180
|
/>
|
|
183
181
|
</svg>
|
|
184
182
|
</span>
|
|
@@ -54,7 +54,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
54
54
|
right = position.right,
|
|
55
55
|
_position$top = position.top,
|
|
56
56
|
top = _position$top === void 0 ? propTop : _position$top;
|
|
57
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Layer, {
|
|
57
|
+
return text || Template ? /*#__PURE__*/_react.default.createElement(_primitives.Layer, {
|
|
58
58
|
centered: true,
|
|
59
59
|
forceRender: false,
|
|
60
60
|
visible: visible,
|
|
@@ -63,17 +63,15 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
63
63
|
onPosition: setPosition,
|
|
64
64
|
"data-testid": testId
|
|
65
65
|
}, _react.default.Children.map(children, function (child, index) {
|
|
66
|
-
return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread(
|
|
66
|
+
return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread(_objectSpread({
|
|
67
67
|
key: index
|
|
68
|
-
},
|
|
69
|
-
onClick: function
|
|
68
|
+
}, child.props), {}, {
|
|
69
|
+
onClick: pressable ? function () {
|
|
70
70
|
return setVisible(!visible);
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
onMouseEnter: function onMouseEnter() {
|
|
71
|
+
} : undefined,
|
|
72
|
+
onMouseEnter: !pressable ? function () {
|
|
74
73
|
return setVisible(true);
|
|
75
|
-
}
|
|
76
|
-
}), {}, {
|
|
74
|
+
} : undefined,
|
|
77
75
|
onMouseLeave: function onMouseLeave() {
|
|
78
76
|
return setVisible(false);
|
|
79
77
|
},
|
|
@@ -86,7 +84,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
86
84
|
bold: true,
|
|
87
85
|
small: true,
|
|
88
86
|
className: _TooltipModule.default.text
|
|
89
|
-
}, text))));
|
|
87
|
+
}, text)))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, children);
|
|
90
88
|
};
|
|
91
89
|
exports.Tooltip = Tooltip;
|
|
92
90
|
Tooltip.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["Tooltip","children","pressable","Template","text","timestamp","propTop","top","visible","propVisible","others","useState","setVisible","position","setPosition","testId","rest","left","right","React","Children","map","child","index","cloneElement","
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["Tooltip","children","pressable","Template","text","timestamp","propTop","top","visible","propVisible","others","useState","setVisible","position","setPosition","testId","rest","left","right","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","onMouseEnter","onMouseLeave","className","styles","style","dispatcher","tooltip","bottom","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Layer, LayerContent, Text, View } from '../../primitives';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n children,\n pressable = false,\n Template,\n text,\n timestamp,\n top: propTop,\n visible: propVisible = false,\n ...others\n}) => {\n const [visible, setVisible] = useState(propVisible);\n const [position, setPosition] = useState({});\n\n const { ['data-testid']: testId, ...rest } = others;\n\n const { left, right, top = propTop } = position;\n\n return text || Template ? (\n <Layer\n centered\n forceRender={false}\n visible={visible}\n timestamp={timestamp}\n top={top}\n onPosition={setPosition}\n data-testid={testId}\n >\n {React.Children.map(children, (child, index) =>\n React.cloneElement(child, {\n key: index,\n ...child.props,\n onClick: pressable ? () => setVisible(!visible) : undefined,\n onMouseEnter: !pressable ? () => setVisible(true) : undefined,\n onMouseLeave: () => setVisible(false),\n className: styles(style.dispatcher, child.props.className),\n 'data-testid': testId ? `${testId}-dispatcher` : undefined,\n }),\n )}\n\n <LayerContent>\n <View\n {...rest}\n className={styles(\n style.tooltip,\n left && style.left,\n right && style.right,\n top ? style.top : style.bottom,\n rest.className,\n )}\n >\n {Template ? (\n <Template />\n ) : (\n <Text bold small className={style.text}>\n {text}\n </Text>\n )}\n </View>\n </LayerContent>\n </Layer>\n ) : (\n <>{children}</>\n );\n};\n\nTooltip.propTypes = {\n children: PropTypes.node.isRequired,\n pressable: PropTypes.bool,\n Template: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n text: PropTypes.string,\n timestamp: PropTypes.number,\n top: PropTypes.bool,\n visible: PropTypes.bool,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}
|
|
@@ -62,13 +62,11 @@ exports[` 4`] = `
|
|
|
62
62
|
|
|
63
63
|
exports[`component:<Tooltip> inherit:className 1`] = `
|
|
64
64
|
<DocumentFragment>
|
|
65
|
-
<
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
</button>
|
|
71
|
-
</span>
|
|
65
|
+
<button
|
|
66
|
+
class="pressable button"
|
|
67
|
+
>
|
|
68
|
+
Action
|
|
69
|
+
</button>
|
|
72
70
|
</DocumentFragment>
|
|
73
71
|
`;
|
|
74
72
|
|
|
@@ -124,37 +122,21 @@ exports[`component:<Tooltip> prop:text 1`] = `
|
|
|
124
122
|
|
|
125
123
|
exports[`component:<Tooltip> prop:top 1`] = `
|
|
126
124
|
<DocumentFragment>
|
|
127
|
-
<
|
|
128
|
-
|
|
129
|
-
class="pressable button dispatcher"
|
|
130
|
-
>
|
|
131
|
-
Action
|
|
132
|
-
</button>
|
|
133
|
-
</span>
|
|
134
|
-
<div
|
|
135
|
-
class="layer"
|
|
136
|
-
style="left: 0px; top: 0px;"
|
|
125
|
+
<button
|
|
126
|
+
class="pressable button"
|
|
137
127
|
>
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
>
|
|
141
|
-
<span
|
|
142
|
-
class="text bold small text"
|
|
143
|
-
/>
|
|
144
|
-
</div>
|
|
145
|
-
</div>
|
|
128
|
+
Action
|
|
129
|
+
</button>
|
|
146
130
|
</DocumentFragment>
|
|
147
131
|
`;
|
|
148
132
|
|
|
149
133
|
exports[`component:<Tooltip> renders 1`] = `
|
|
150
134
|
<DocumentFragment>
|
|
151
|
-
<
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
</button>
|
|
157
|
-
</span>
|
|
135
|
+
<button
|
|
136
|
+
class="pressable button"
|
|
137
|
+
>
|
|
138
|
+
Action
|
|
139
|
+
</button>
|
|
158
140
|
</DocumentFragment>
|
|
159
141
|
`;
|
|
160
142
|
|
|
@@ -3,6 +3,17 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
var _getNavigator = require("./getNavigator");
|
|
7
|
+
Object.keys(_getNavigator).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _getNavigator[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function get() {
|
|
13
|
+
return _getNavigator[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
6
17
|
var _getResolution = require("./getResolution");
|
|
7
18
|
Object.keys(_getResolution).forEach(function (key) {
|
|
8
19
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -14,14 +25,14 @@ Object.keys(_getResolution).forEach(function (key) {
|
|
|
14
25
|
}
|
|
15
26
|
});
|
|
16
27
|
});
|
|
17
|
-
var
|
|
18
|
-
Object.keys(
|
|
28
|
+
var _sanitizePx = require("./sanitizePx");
|
|
29
|
+
Object.keys(_sanitizePx).forEach(function (key) {
|
|
19
30
|
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] ===
|
|
31
|
+
if (key in exports && exports[key] === _sanitizePx[key]) return;
|
|
21
32
|
Object.defineProperty(exports, key, {
|
|
22
33
|
enumerable: true,
|
|
23
34
|
get: function get() {
|
|
24
|
-
return
|
|
35
|
+
return _sanitizePx[key];
|
|
25
36
|
}
|
|
26
37
|
});
|
|
27
38
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/helpers/index.js"],"sourcesContent":["export * from './getResolution';\nexport * from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../src/hooks/helpers/index.js"],"sourcesContent":["export * from './getNavigator';\nexport * from './getResolution';\nexport * from './sanitizePx';\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;AACA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.sanitizePx = void 0;
|
|
7
|
+
var sanitizePx = function sanitizePx(text) {
|
|
8
|
+
return typeof text === 'string' && text.trim().length > 0 ? parseInt(text.replace('px')) : undefined;
|
|
9
|
+
};
|
|
10
|
+
exports.sanitizePx = sanitizePx;
|
|
11
|
+
//# sourceMappingURL=sanitizePx.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"sanitizePx.js","names":["sanitizePx","text","trim","length","parseInt","replace","undefined"],"sources":["../../../src/hooks/helpers/sanitizePx.js"],"sourcesContent":["export const sanitizePx = (text) =>\n typeof text === 'string' && text.trim().length > 0 ? parseInt(text.replace('px')) : undefined;\n"],"mappings":";;;;;;AAAO,IAAMA,UAAU,GAAG,SAAbA,UAAU,CAAIC,IAAI;EAAA,OAC7B,OAAOA,IAAI,KAAK,QAAQ,IAAIA,IAAI,CAACC,IAAI,EAAE,CAACC,MAAM,GAAG,CAAC,GAAGC,QAAQ,CAACH,IAAI,CAACI,OAAO,CAAC,IAAI,CAAC,CAAC,GAAGC,SAAS;AAAA;AAAC"}
|
package/build/hooks/useDevice.js
CHANGED
|
@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
});
|
|
7
7
|
exports.useDevice = void 0;
|
|
8
8
|
var _react = require("react");
|
|
9
|
+
var _theme = require("../theme");
|
|
9
10
|
var _helpers = require("./helpers");
|
|
10
11
|
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; }
|
|
11
12
|
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; }
|
|
@@ -33,14 +34,19 @@ var useDevice = function useDevice() {
|
|
|
33
34
|
};
|
|
34
35
|
}, []);
|
|
35
36
|
return (0, _react.useMemo)(function () {
|
|
37
|
+
var _Theme$get = _theme.Theme.get(),
|
|
38
|
+
breakpointS = _Theme$get.breakpointS,
|
|
39
|
+
breakpointM = _Theme$get.breakpointM;
|
|
36
40
|
var isLandscape = resolution.width >= resolution.height;
|
|
37
|
-
var isMobile = resolution.width <=
|
|
41
|
+
var isMobile = resolution.width <= (0, _helpers.sanitizePx)(breakpointS);
|
|
42
|
+
var isTablet = !isMobile && resolution.width <= (0, _helpers.sanitizePx)(breakpointM);
|
|
38
43
|
var navigator = (0, _helpers.getNavigator)();
|
|
39
44
|
return _objectSpread(_objectSpread(_objectSpread({}, resolution), navigator), {}, {
|
|
40
45
|
isLandscape: isLandscape,
|
|
41
46
|
isPortrait: !isLandscape,
|
|
42
47
|
isMobile: isMobile,
|
|
43
|
-
|
|
48
|
+
isTablet: isTablet,
|
|
49
|
+
isDesktop: !isMobile && !isTablet
|
|
44
50
|
});
|
|
45
51
|
}, [resolution]);
|
|
46
52
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDevice.js","names":["useDevice","useState","getResolution","resolution","setResolution","useEffect","handleResize","window","addEventListener","removeEventListener","useMemo","isLandscape","width","height","isMobile","navigator","getNavigator","isPortrait","isDesktop"],"sources":["../../src/hooks/useDevice.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { getResolution, getNavigator } from './helpers';\n\nexport const useDevice = () => {\n const [resolution, setResolution] = useState(getResolution());\n\n useEffect(() => {\n const handleResize = () => setResolution(getResolution());\n\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return useMemo(() => {\n const isLandscape = resolution.width >= resolution.height;\n const isMobile = resolution.width <=
|
|
1
|
+
{"version":3,"file":"useDevice.js","names":["useDevice","useState","getResolution","resolution","setResolution","useEffect","handleResize","window","addEventListener","removeEventListener","useMemo","Theme","get","breakpointS","breakpointM","isLandscape","width","height","isMobile","sanitizePx","isTablet","navigator","getNavigator","isPortrait","isDesktop"],"sources":["../../src/hooks/useDevice.js"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\n\nimport { Theme } from '../theme';\nimport { getResolution, getNavigator, sanitizePx } from './helpers';\n\nexport const useDevice = () => {\n const [resolution, setResolution] = useState(getResolution());\n\n useEffect(() => {\n const handleResize = () => setResolution(getResolution());\n\n window.addEventListener('resize', handleResize);\n\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n\n return useMemo(() => {\n const { breakpointS, breakpointM } = Theme.get();\n const isLandscape = resolution.width >= resolution.height;\n const isMobile = resolution.width <= sanitizePx(breakpointS);\n const isTablet = !isMobile && resolution.width <= sanitizePx(breakpointM);\n const navigator = getNavigator();\n\n return {\n ...resolution,\n ...navigator,\n isLandscape,\n isPortrait: !isLandscape,\n isMobile,\n isTablet,\n isDesktop: !isMobile && !isTablet,\n };\n }, [resolution]);\n};\n"],"mappings":";;;;;;;AAAA;AAEA;AACA;AAAoE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAE7D,IAAMA,SAAS,GAAG,SAAZA,SAAS,GAAS;EAC7B,gBAAoC,IAAAC,eAAQ,EAAC,IAAAC,sBAAa,GAAE,CAAC;IAAA;IAAtDC,UAAU;IAAEC,aAAa;EAEhC,IAAAC,gBAAS,EAAC,YAAM;IACd,IAAMC,YAAY,GAAG,SAAfA,YAAY;MAAA,OAASF,aAAa,CAAC,IAAAF,sBAAa,GAAE,CAAC;IAAA;IAEzDK,MAAM,CAACC,gBAAgB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAE/C,OAAO;MAAA,OAAMC,MAAM,CAACE,mBAAmB,CAAC,QAAQ,EAAEH,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,OAAO,IAAAI,cAAO,EAAC,YAAM;IACnB,iBAAqCC,YAAK,CAACC,GAAG,EAAE;MAAxCC,WAAW,cAAXA,WAAW;MAAEC,WAAW,cAAXA,WAAW;IAChC,IAAMC,WAAW,GAAGZ,UAAU,CAACa,KAAK,IAAIb,UAAU,CAACc,MAAM;IACzD,IAAMC,QAAQ,GAAGf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACN,WAAW,CAAC;IAC5D,IAAMO,QAAQ,GAAG,CAACF,QAAQ,IAAIf,UAAU,CAACa,KAAK,IAAI,IAAAG,mBAAU,EAACL,WAAW,CAAC;IACzE,IAAMO,SAAS,GAAG,IAAAC,qBAAY,GAAE;IAEhC,qDACKnB,UAAU,GACVkB,SAAS;MACZN,WAAW,EAAXA,WAAW;MACXQ,UAAU,EAAE,CAACR,WAAW;MACxBG,QAAQ,EAARA,QAAQ;MACRE,QAAQ,EAARA,QAAQ;MACRI,SAAS,EAAE,CAACN,QAAQ,IAAI,CAACE;IAAQ;EAErC,CAAC,EAAE,CAACjB,UAAU,CAAC,CAAC;AAClB,CAAC;AAAC"}
|