@mirai/ui 1.0.211 → 1.0.212
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/Modal.js +4 -8
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +6 -4
- package/build/components/Tooltip/Tooltip.js +1 -1
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/Tooltip.module.css +11 -11
- package/build/primitives/Layer/helpers/getScrollParent.js +3 -1
- package/build/primitives/Layer/helpers/getScrollParent.js.map +1 -1
- package/package.json +1 -1
|
@@ -18,11 +18,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
18
18
|
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
19
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
20
|
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
|
-
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; }
|
|
22
|
-
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; }
|
|
23
|
-
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; }
|
|
24
|
-
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
25
|
-
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); }
|
|
26
21
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
22
|
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."); }
|
|
28
23
|
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); }
|
|
@@ -117,9 +112,10 @@ var Modal = function Modal(_ref) {
|
|
|
117
112
|
}, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
|
|
118
113
|
value: isDesktop || title !== undefined ? _primitives.ICON.CLOSE : _primitives.ICON.EXPAND_MORE,
|
|
119
114
|
className: _ModalModule.default.icon
|
|
120
|
-
}))), children && /*#__PURE__*/_react.default.
|
|
121
|
-
role:
|
|
122
|
-
|
|
115
|
+
}))), children && /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
116
|
+
role: "modal-content",
|
|
117
|
+
wide: true
|
|
118
|
+
}, children))), document.body);
|
|
123
119
|
};
|
|
124
120
|
exports.Modal = Modal;
|
|
125
121
|
Modal.propTypes = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","height","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","role","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","button","CLOSE","EXPAND_MORE","
|
|
1
|
+
{"version":3,"file":"Modal.js","names":["Modal","blur","children","fit","overflow","portal","preventDefault","title","visible","onBack","onClose","onOverflow","others","useDevice","isDesktop","height","ref","useRef","useState","dataset","setDataset","useEffect","document","body","miraiModal","undefined","handleOverflow","event","target","current","contains","renderer","IS_JEST","jsx","ReactDOM","createPortal","testId","role","styles","style","container","modal","calcWidth","className","header","ICON","LEFT","icon","left","right","button","CLOSE","EXPAND_MORE","propTypes","PropTypes","bool","node","string","func"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\nimport ReactDOM from 'react-dom';\n\nimport { Button } from '../../components';\nimport { IS_JEST, styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Icon, ICON, Pressable, Text, View } from '../../primitives';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n blur = false,\n children,\n fit = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n ...others\n}) => {\n const { isDesktop, height } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n\n useEffect(() => {\n if (visible && !dataset) {\n setDataset(true);\n document.body.dataset.miraiModal = true;\n }\n\n return () => {\n if (visible && dataset) {\n setDataset(undefined);\n delete document.body.dataset.miraiModal;\n }\n };\n }, [dataset, visible]);\n\n const handleOverflow = (event) => {\n const { target } = event;\n onOverflow && !ref.current?.contains(target) && onOverflow(event);\n };\n\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n\n const { testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n role={others.role ? `${others.role}-overflow` : 'modal-overflow'}\n onPress={visible && overflow ? handleOverflow : undefined}\n className={styles(\n style.container,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && style.visible,\n onOverflow && style.onOverflow,\n )}\n style={{ height }}\n testId={testId ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n role={others.role || 'modal'}\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n >\n {(title || onBack || onClose) && (\n <View forceRow className={style.header}>\n {onBack && (\n <Button transparent small squared onPress={onBack} testId={testId ? `${testId}-button-back` : undefined}>\n <Icon value={ICON.LEFT} className={style.icon} />\n </Button>\n )}\n {title && (\n <Text headline className={styles(style.title, !onBack && style.left, !onClose && style.right)}>\n {title}\n </Text>\n )}\n {onClose && (\n <Button\n transparent\n small\n squared\n onPress={onClose}\n testId={testId ? `${testId}-button-close` : undefined}\n className={style.button}\n >\n <Icon value={isDesktop || title !== undefined ? ICON.CLOSE : ICON.EXPAND_MORE} className={style.icon} />\n </Button>\n )}\n </View>\n )}\n {children && (\n <View role=\"modal-content\" wide>\n {children}\n </View>\n )}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n fit: PropTypes.bool,\n overflow: PropTypes.bool,\n portal: PropTypes.bool,\n preventDefault: PropTypes.bool,\n title: PropTypes.string,\n visible: PropTypes.bool,\n onBack: PropTypes.func,\n onClose: PropTypes.func,\n onOverflow: PropTypes.func,\n};\n\nexport { Modal };\n"],"mappings":"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"}
|
|
@@ -82,11 +82,13 @@ exports[`component:<Modal> prop:children 1`] = `
|
|
|
82
82
|
<div
|
|
83
83
|
class="view fit modal calcWidth"
|
|
84
84
|
>
|
|
85
|
-
<
|
|
86
|
-
|
|
85
|
+
<div
|
|
86
|
+
class="view wide"
|
|
87
87
|
>
|
|
88
|
-
|
|
89
|
-
|
|
88
|
+
<span>
|
|
89
|
+
children
|
|
90
|
+
</span>
|
|
91
|
+
</div>
|
|
90
92
|
</div>
|
|
91
93
|
</div>
|
|
92
94
|
</DocumentFragment>
|
|
@@ -86,7 +86,7 @@ var Tooltip = function Tooltip(_ref) {
|
|
|
86
86
|
return setVisible(false);
|
|
87
87
|
}), _defineProperty(_objectSpread2, "className", (0, _helpers.styles)(_TooltipModule.default.dispatcher, child.props.className)), _defineProperty(_objectSpread2, "testId", testId ? "".concat(testId, "-dispatcher") : undefined), _objectSpread2)));
|
|
88
88
|
}), /*#__PURE__*/_react.default.createElement(_primitives.LayerContent, null, /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
89
|
-
className: (0, _helpers.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.
|
|
89
|
+
className: (0, _helpers.styles)(_TooltipModule.default.tooltip, (propLeft || propRight) && _TooltipModule.default.align, left && _TooltipModule.default.left, right && _TooltipModule.default.right, top ? _TooltipModule.default.top : _TooltipModule.default.bottom, others.className)
|
|
90
90
|
}), Template ? /*#__PURE__*/_react.default.createElement(Template, null) : /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
91
91
|
bold: true,
|
|
92
92
|
small: true,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","fixed","role","testId","others","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","isPressableInstance","styles","style","dispatcher","className","tooltip","
|
|
1
|
+
{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","inherit","useState","setVisible","position","setPosition","fixed","role","testId","others","React","Children","map","child","index","cloneElement","key","props","onClick","undefined","isPressableInstance","styles","style","dispatcher","className","tooltip","align","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 { isPressableInstance } from './helpers';\nimport style from './Tooltip.module.css';\n\nconst Tooltip = ({\n children,\n left: propLeft,\n pressable = false,\n right: propRight,\n Template,\n text,\n timestamp,\n top: propTop,\n visible: propVisible = false,\n ...inherit\n}) => {\n const [visible, setVisible] = useState(propVisible);\n const [position, setPosition] = useState({});\n\n const { fixed, role = 'tooltip', testId, ...others } = inherit;\n const { left, right, top = propTop } = position;\n\n return text || Template ? (\n <Layer\n {...{ fixed, role, testId, timestamp, top, visible }}\n centered\n forceRender={false}\n left={propLeft}\n right={propRight}\n onPosition={setPosition}\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 [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: () => setVisible(false),\n className: styles(style.dispatcher, child.props.className),\n testId: testId ? `${testId}-dispatcher` : undefined,\n }),\n )}\n\n <LayerContent>\n <View\n {...others}\n className={styles(\n style.tooltip,\n (propLeft || propRight) && style.align,\n left && style.left,\n right && style.right,\n top ? style.top : style.bottom,\n others.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 left: PropTypes.bool,\n pressable: PropTypes.bool,\n right: 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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"}
|
|
@@ -22,52 +22,52 @@
|
|
|
22
22
|
width: 0;
|
|
23
23
|
}
|
|
24
24
|
|
|
25
|
-
.tooltip:not(.
|
|
25
|
+
.tooltip:not(.align):not(.left):not(.right):before {
|
|
26
26
|
left: calc(50% - calc(var(--mirai-ui-tooltip-space) / 2));
|
|
27
27
|
}
|
|
28
28
|
|
|
29
|
-
.tooltip.top:not(.
|
|
29
|
+
.tooltip.top:not(.align):before {
|
|
30
30
|
border-color: var(--mirai-ui-tooltip-background) transparent transparent transparent;
|
|
31
31
|
bottom: calc(calc(var(--mirai-ui-tooltip-space) / 2) * -1);
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
.tooltip.bottom:not(.
|
|
34
|
+
.tooltip.bottom:not(.align):before {
|
|
35
35
|
border-color: transparent transparent var(--mirai-ui-tooltip-background) transparent;
|
|
36
36
|
top: calc(calc(var(--mirai-ui-tooltip-space) / 2) * -1);
|
|
37
37
|
}
|
|
38
38
|
|
|
39
|
-
.tooltip.left:not(.
|
|
39
|
+
.tooltip.left:not(.align):before {
|
|
40
40
|
left: calc(var(--mirai-ui-tooltip-space) * 2);
|
|
41
41
|
}
|
|
42
42
|
|
|
43
|
-
.tooltip.right:not(.
|
|
43
|
+
.tooltip.right:not(.align):before {
|
|
44
44
|
right: calc(var(--mirai-ui-tooltip-space) * 2);
|
|
45
45
|
}
|
|
46
46
|
|
|
47
|
-
.tooltip.
|
|
47
|
+
.tooltip.align {
|
|
48
48
|
margin-bottom: 0;
|
|
49
49
|
margin-top: 0;
|
|
50
50
|
}
|
|
51
51
|
|
|
52
|
-
.tooltip.
|
|
52
|
+
.tooltip.align.left {
|
|
53
53
|
position: relative;
|
|
54
54
|
right: calc(var(--mirai-ui-tooltip-space) / 2);
|
|
55
55
|
}
|
|
56
56
|
|
|
57
|
-
.tooltip.
|
|
57
|
+
.tooltip.align.right {
|
|
58
58
|
margin-left: calc(var(--mirai-ui-tooltip-space) / 2);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
|
-
.tooltip.
|
|
61
|
+
.tooltip.align:before {
|
|
62
62
|
top: calc(50% - calc(var(--mirai-ui-tooltip-space) / 2));
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
.tooltip.
|
|
65
|
+
.tooltip.align.left:before {
|
|
66
66
|
right: calc(var(--mirai-ui-tooltip-space) * -1);
|
|
67
67
|
border-color: transparent transparent transparent var(--mirai-ui-tooltip-background);
|
|
68
68
|
}
|
|
69
69
|
|
|
70
|
-
.tooltip.
|
|
70
|
+
.tooltip.align.right:before {
|
|
71
71
|
left: calc((var(--mirai-ui-tooltip-space) / 2) * -1);
|
|
72
72
|
border-color: transparent var(--mirai-ui-tooltip-background) transparent transparent;
|
|
73
73
|
}
|
|
@@ -5,7 +5,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
exports.getScrollParent = void 0;
|
|
7
7
|
var getScrollParent = function getScrollParent(node) {
|
|
8
|
-
|
|
8
|
+
var _ref = node && getComputedStyle(node),
|
|
9
|
+
position = _ref.position;
|
|
10
|
+
if (!node || node.tagName === 'HTML' || ['fixed', 'sticky'].includes(position)) return;
|
|
9
11
|
return node.scrollTop > 0 ? node : getScrollParent(node.parentNode);
|
|
10
12
|
};
|
|
11
13
|
exports.getScrollParent = getScrollParent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getScrollParent.js","names":["getScrollParent","node","tagName","scrollTop","parentNode"],"sources":["../../../../src/primitives/Layer/helpers/getScrollParent.js"],"sourcesContent":["export const getScrollParent = (node) => {\n if (!node || node.tagName === 'HTML') return;\n return node.scrollTop > 0 ? node : getScrollParent(node.parentNode);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAI,EAAK;EACvC,IAAI,
|
|
1
|
+
{"version":3,"file":"getScrollParent.js","names":["getScrollParent","node","getComputedStyle","position","tagName","includes","scrollTop","parentNode"],"sources":["../../../../src/primitives/Layer/helpers/getScrollParent.js"],"sourcesContent":["export const getScrollParent = (node) => {\n const { position } = node && getComputedStyle(node);\n if (!node || node.tagName === 'HTML' || ['fixed', 'sticky'].includes(position)) return;\n\n return node.scrollTop > 0 ? node : getScrollParent(node.parentNode);\n};\n"],"mappings":";;;;;;AAAO,IAAMA,eAAe,GAAG,SAAlBA,eAAe,CAAIC,IAAI,EAAK;EACvC,WAAqBA,IAAI,IAAIC,gBAAgB,CAACD,IAAI,CAAC;IAA3CE,QAAQ,QAARA,QAAQ;EAChB,IAAI,CAACF,IAAI,IAAIA,IAAI,CAACG,OAAO,KAAK,MAAM,IAAI,CAAC,OAAO,EAAE,QAAQ,CAAC,CAACC,QAAQ,CAACF,QAAQ,CAAC,EAAE;EAEhF,OAAOF,IAAI,CAACK,SAAS,GAAG,CAAC,GAAGL,IAAI,GAAGD,eAAe,CAACC,IAAI,CAACM,UAAU,CAAC;AACrE,CAAC;AAAC"}
|