@mirai/ui 2.1.23 → 2.1.25
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/InputOption/InputOption.js +1 -1
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/Modal/Modal.js +1 -2
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +1 -1
- package/build/primitives/ScrollView/ScrollView.js +3 -0
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/Text/Text.stories.js +31 -7
- package/build/primitives/Text/Text.stories.js.map +1 -1
- package/build/theme/default.theme.css +27 -0
- package/package.json +1 -1
|
@@ -57,8 +57,8 @@ var InputOption = function InputOption(_ref) {
|
|
|
57
57
|
checked: checked || type === _InputOption.CHECKBOX && indeterminate,
|
|
58
58
|
"aria-label": label
|
|
59
59
|
}, type === _InputOption.CHECKBOX && (checked || indeterminate) ? /*#__PURE__*/_react["default"].createElement(_primitives.Icon, {
|
|
60
|
-
value: checked ? _primitives.ICON.CHECK : _primitives.ICON.REMOVE,
|
|
61
60
|
paragraph: !isMobile,
|
|
61
|
+
value: checked ? _primitives.ICON.CHECK : _primitives.ICON.REMOVE,
|
|
62
62
|
className: _InputOptionModule["default"].icon
|
|
63
63
|
}) : undefined), label && /*#__PURE__*/_react["default"].createElement(_partials.Label, {
|
|
64
64
|
action: !small,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOption.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_hooks","_primitives","_partials","_InputOption","_InputOptionModule","_excluded","e","__esModule","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","InputOption","_ref","checked","disabled","error","indeterminate","label","name","required","_ref$showRequired","showRequired","small","_ref$type","type","CHECKBOX","_ref$value","value","_ref$onChange","onChange","others","_useDevice","useDevice","isMobile","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","id","createElement","Pressable","tag","preventDefault","onPress","className","styles","style","inputOption","Icon","ICON","CHECK","REMOVE","
|
|
1
|
+
{"version":3,"file":"InputOption.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_hooks","_primitives","_partials","_InputOption","_InputOptionModule","_excluded","e","__esModule","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","InputOption","_ref","checked","disabled","error","indeterminate","label","name","required","_ref$showRequired","showRequired","small","_ref$type","type","CHECKBOX","_ref$value","value","_ref$onChange","onChange","others","_useDevice","useDevice","isMobile","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","SWITCH","id","createElement","Pressable","tag","preventDefault","onPress","className","styles","style","inputOption","Icon","paragraph","ICON","CHECK","REMOVE","icon","undefined","Label","action","focus","requiredText","success","exports","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","oneOfType","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { Checkbox, Icon, ICON, Pressable, Radio, Switch } from '../../primitives';\nimport { Label } from '../InputText/partials';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n error,\n indeterminate,\n label,\n name,\n required,\n showRequired = false,\n small,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const { isMobile } = useDevice();\n\n const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n const handleChange = (event) => {\n onChange([CHECKBOX, SWITCH].includes(type) ? !checked : value, event);\n };\n\n const id = label ? others.id || name : others.id;\n\n return (\n <Pressable\n {...others}\n tag=\"input-option\"\n preventDefault={false}\n onPress={handleChange}\n className={styles(style.inputOption, others.className)}\n >\n <Primitive\n {...{ disabled, error, id, name, type, value }}\n checked={checked || (type === CHECKBOX && indeterminate)}\n aria-label={label}\n >\n {type === CHECKBOX && (checked || indeterminate) ? (\n <Icon paragraph={!isMobile} value={checked ? ICON.CHECK : ICON.REMOVE} className={style.icon} />\n ) : undefined}\n </Primitive>\n {label && (\n <Label\n action={!small}\n small={small}\n {...{\n disabled,\n error,\n focus: checked,\n for: id,\n label,\n required: showRequired && required && !checked,\n requiredText: others.requiredText,\n success: checked,\n value: value?.length > 0,\n }}\n className={style.label}\n />\n )}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n indeterminate: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n showRequired: PropTypes.bool,\n small: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -63,7 +63,6 @@ var Modal = function Modal(_ref) {
|
|
|
63
63
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
64
64
|
var _useDevice = (0, _hooks.useDevice)(),
|
|
65
65
|
isDesktop = _useDevice.isDesktop,
|
|
66
|
-
isMobile = _useDevice.isMobile,
|
|
67
66
|
height = _useDevice.height;
|
|
68
67
|
var ref = (0, _react.useRef)();
|
|
69
68
|
var _useState = (0, _react.useState)(),
|
|
@@ -161,7 +160,7 @@ var Modal = function Modal(_ref) {
|
|
|
161
160
|
value: _primitives.ICON.LEFT,
|
|
162
161
|
className: _ModalModule["default"].icon
|
|
163
162
|
})), title && /*#__PURE__*/_react["default"].createElement(_primitives.Text, {
|
|
164
|
-
headline:
|
|
163
|
+
headline: true,
|
|
165
164
|
medium: true,
|
|
166
165
|
className: _ModalModule["default"].title
|
|
167
166
|
}, title), onClose && /*#__PURE__*/_react["default"].createElement(_components.Button, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","names":["_dataSources","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_reactDom","_components","_helpers","_hooks","_primitives","_theme","_Modal","_ModalModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","f","next","done","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","s","includes","propertyIsEnumerable","Modal","_ref","_ref$blur","blur","children","displayName","_ref$fit","fit","_ref$mobileBehavior","mobileBehavior","_ref$overflow","overflow","_ref$portal","portal","_ref$preventDefault","preventDefault","title","visible","onBack","onClose","onOverflow","_ref$aria","aria","_ref$aria$buttonBack","buttonBack","ariaBack","_ref$aria$buttonClose","buttonClose","ariaClose","others","_useDevice","useDevice","isDesktop","isMobile","height","ref","useRef","_useState","useState","_useState2","dataset","setDataset","_useState3","IS_JEST","_useState4","instance","setInstance","useEffect","setTimeout","UNLOAD_DELAY","Event","publish","EVENT_VISIBLE","handleKeydown","event","key","handleClose","document","addEventListener","removeEventListener","body","miraiModal","undefined","handleOverflow","_ref$current","target","current","contains","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","renderer","jsx","ReactDOM","createPortal","testId","createElement","Pressable","tag","onPress","className","styles","style","container","concat","View","modal","calcWidth","row","header","reverse","hideBack","hideClose","Button","small","squared","transparent","Icon","ICON","icon","Text","headline","medium","CLOSE","React","Children","map","child","index","cloneElement","props","role","exports","propTypes","PropTypes","bool","node","string","func","shape"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport 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 { DIRECTION_TYPE, Theme } from '../../theme';\nimport { EVENT_VISIBLE, UNLOAD_DELAY } from './Modal.constants';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n blur = false,\n children,\n displayName,\n fit = false,\n mobileBehavior = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n aria: { buttonBack: ariaBack = 'Back', buttonClose: ariaClose = 'Close' } = {},\n ...others\n}) => {\n const { isDesktop, isMobile, height } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n const [instance, setInstance] = useState(IS_JEST);\n\n useEffect(() => {\n if (IS_JEST) return;\n\n !instance && visible\n ? setInstance(visible)\n : instance && !visible\n ? setTimeout(() => setInstance(visible), UNLOAD_DELAY)\n : null;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [!instance, visible]);\n\n useEffect(() => {\n Event?.publish(EVENT_VISIBLE, { visible, displayName });\n if (!visible || !onClose) return;\n\n const handleKeydown = (event) => event.key === 'Escape' && handleClose();\n\n document.addEventListener('keydown', handleKeydown);\n return () => document.removeEventListener('keydown', handleKeydown);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\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\n if (onOverflow && !ref.current?.contains(target)) {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onOverflow(event);\n }\n };\n\n const handleClose = (event) => {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onClose(event);\n };\n\n const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n const { testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n tag=\"modal-overflow\"\n onPress={visible && overflow ? handleOverflow : undefined}\n className={styles(\n style.container,\n isDesktop && mobileBehavior && style.mobileBehavior,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && instance && style.visible,\n onOverflow && style.onOverflow,\n )}\n style={{ height }}\n testId={testId && overflow ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n tag=\"modal\"\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n aria-hidden={visible ? 'false' : 'true'}\n >\n {(title || onBack || onClose) && (\n <View\n row\n className={styles(\n style.header,\n !defaultDirection && style.reverse,\n !onBack && style.hideBack,\n !onClose && style.hideClose,\n )}\n >\n {onBack && (\n <Button\n small\n squared\n transparent\n onPress={onBack}\n aria-label={ariaBack}\n testId={testId ? `${testId}-button-back` : undefined}\n >\n <Icon value={ICON.LEFT} className={style.icon} />\n </Button>\n )}\n {title && (\n <Text headline={!isMobile} medium className={style.title}>\n {title}\n </Text>\n )}\n {onClose && (\n <Button\n small\n squared\n transparent\n onPress={handleClose}\n aria-label={ariaClose}\n testId={testId ? `${testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} className={style.icon} />\n </Button>\n )}\n </View>\n )}\n\n {instance &&\n React.Children.map(children, (child, index) =>\n !child || child === null\n ? null\n : React.cloneElement(child, { key: child.key || index, ...child.props, role: 'modal-content' }),\n )}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n displayName: PropTypes.string,\n fit: PropTypes.bool,\n mobileBehavior: 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 aria: PropTypes.shape({\n buttonBack: PropTypes.string,\n buttonClose: PropTypes.string,\n }),\n};\n\nexport { Modal };\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"Modal.js","names":["_dataSources","require","_propTypes","_interopRequireDefault","_react","_interopRequireWildcard","_reactDom","_components","_helpers","_hooks","_primitives","_theme","_Modal","_ModalModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","f","next","done","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","s","includes","propertyIsEnumerable","Modal","_ref","_ref$blur","blur","children","displayName","_ref$fit","fit","_ref$mobileBehavior","mobileBehavior","_ref$overflow","overflow","_ref$portal","portal","_ref$preventDefault","preventDefault","title","visible","onBack","onClose","onOverflow","_ref$aria","aria","_ref$aria$buttonBack","buttonBack","ariaBack","_ref$aria$buttonClose","buttonClose","ariaClose","others","_useDevice","useDevice","isDesktop","height","ref","useRef","_useState","useState","_useState2","dataset","setDataset","_useState3","IS_JEST","_useState4","instance","setInstance","useEffect","setTimeout","UNLOAD_DELAY","Event","publish","EVENT_VISIBLE","handleKeydown","event","key","handleClose","document","addEventListener","removeEventListener","body","miraiModal","undefined","handleOverflow","_ref$current","target","current","contains","defaultDirection","Theme","getDirection","DIRECTION_TYPE","LEFT","renderer","jsx","ReactDOM","createPortal","testId","createElement","Pressable","tag","onPress","className","styles","style","container","concat","View","modal","calcWidth","row","header","reverse","hideBack","hideClose","Button","small","squared","transparent","Icon","ICON","icon","Text","headline","medium","CLOSE","React","Children","map","child","index","cloneElement","props","role","exports","propTypes","PropTypes","bool","node","string","func","shape"],"sources":["../../../src/components/Modal/Modal.jsx"],"sourcesContent":["import { Event } from '@mirai/data-sources';\nimport 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 { DIRECTION_TYPE, Theme } from '../../theme';\nimport { EVENT_VISIBLE, UNLOAD_DELAY } from './Modal.constants';\nimport style from './Modal.module.css';\n\nconst Modal = ({\n blur = false,\n children,\n displayName,\n fit = false,\n mobileBehavior = false,\n overflow = true,\n portal = false,\n preventDefault = true,\n title,\n visible,\n onBack,\n onClose,\n onOverflow,\n aria: { buttonBack: ariaBack = 'Back', buttonClose: ariaClose = 'Close' } = {},\n ...others\n}) => {\n const { isDesktop, height } = useDevice();\n const ref = useRef();\n\n const [dataset, setDataset] = useState();\n const [instance, setInstance] = useState(IS_JEST);\n\n useEffect(() => {\n if (IS_JEST) return;\n\n !instance && visible\n ? setInstance(visible)\n : instance && !visible\n ? setTimeout(() => setInstance(visible), UNLOAD_DELAY)\n : null;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [!instance, visible]);\n\n useEffect(() => {\n Event?.publish(EVENT_VISIBLE, { visible, displayName });\n if (!visible || !onClose) return;\n\n const handleKeydown = (event) => event.key === 'Escape' && handleClose();\n\n document.addEventListener('keydown', handleKeydown);\n return () => document.removeEventListener('keydown', handleKeydown);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [visible]);\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\n if (onOverflow && !ref.current?.contains(target)) {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onOverflow(event);\n }\n };\n\n const handleClose = (event) => {\n Event.publish(EVENT_VISIBLE, { visible: false, displayName });\n onClose(event);\n };\n\n const defaultDirection = Theme.getDirection() === DIRECTION_TYPE.LEFT;\n const renderer = IS_JEST || !portal ? (jsx) => jsx : ReactDOM.createPortal;\n const { testId } = others;\n\n return renderer(\n <Pressable\n preventDefault={preventDefault}\n tag=\"modal-overflow\"\n onPress={visible && overflow ? handleOverflow : undefined}\n className={styles(\n style.container,\n isDesktop && mobileBehavior && style.mobileBehavior,\n overflow && style.overflow,\n overflow && blur && style.blur,\n visible && instance && style.visible,\n onOverflow && style.onOverflow,\n )}\n style={{ height }}\n testId={testId && overflow ? `${testId}-overflow` : undefined}\n >\n <View\n {...others}\n fit\n ref={ref}\n tag=\"modal\"\n className={styles(style.modal, !fit && style.calcWidth, visible && style.visible, others.className)}\n aria-hidden={visible ? 'false' : 'true'}\n >\n {(title || onBack || onClose) && (\n <View\n row\n className={styles(\n style.header,\n !defaultDirection && style.reverse,\n !onBack && style.hideBack,\n !onClose && style.hideClose,\n )}\n >\n {onBack && (\n <Button\n small\n squared\n transparent\n onPress={onBack}\n aria-label={ariaBack}\n testId={testId ? `${testId}-button-back` : undefined}\n >\n <Icon value={ICON.LEFT} className={style.icon} />\n </Button>\n )}\n {title && (\n <Text headline medium className={style.title}>\n {title}\n </Text>\n )}\n {onClose && (\n <Button\n small\n squared\n transparent\n onPress={handleClose}\n aria-label={ariaClose}\n testId={testId ? `${testId}-button-close` : undefined}\n >\n <Icon value={ICON.CLOSE} className={style.icon} />\n </Button>\n )}\n </View>\n )}\n\n {instance &&\n React.Children.map(children, (child, index) =>\n !child || child === null\n ? null\n : React.cloneElement(child, { key: child.key || index, ...child.props, role: 'modal-content' }),\n )}\n </View>\n </Pressable>,\n document.body,\n );\n};\n\nModal.displayName = 'Component:Modal';\n\nModal.propTypes = {\n blur: PropTypes.bool,\n children: PropTypes.node,\n displayName: PropTypes.string,\n fit: PropTypes.bool,\n mobileBehavior: 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 aria: PropTypes.shape({\n buttonBack: PropTypes.string,\n buttonClose: PropTypes.string,\n }),\n};\n\nexport { Modal };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -68,6 +68,9 @@ var ScrollView = function ScrollView(_ref) {
|
|
|
68
68
|
childList: true,
|
|
69
69
|
subtree: true
|
|
70
70
|
});
|
|
71
|
+
if (horizontal ? el.clientWidth !== el.scrollWidth : el.clientHeight !== el.scrollHeight) {
|
|
72
|
+
setValue(calcValue(el));
|
|
73
|
+
}
|
|
71
74
|
return function () {
|
|
72
75
|
return observer.disconnect();
|
|
73
76
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ScrollView.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_Icon","_Primitive","_View","_ScrollViewModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","f","next","done","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","s","includes","propertyIsEnumerable","ScrollView","_ref","_ref$behavior","behavior","children","_ref$defaultScrollInd","defaultScrollIndicator","height","horizontal","_ref$scrollEventThrot","scrollEventThrottle","_ref$scrollIndicator","scrollIndicator","scrollTo","_ref$snap","snap","_ref$tag","tag","width","_ref$onScroll","onScroll","others","ref","useRef","_useState","useState","_useState2","setValue","timeout","useEffect","_ref2","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","disconnect","_current$scrollTo","_ref3","_ref3$current","undefined","setTimeout","clearTimeout","handleScroll","_ref4","target","_ref5","clientHeight","clientWidth","scrollHeight","scrollWidth","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","className","styles","style","scrollview","vertical","notIndicator","Fragment","View","indicator","hide","progress","concat","Icon","headline","level","ICON","RIGHT","DOWN","icon","exports","displayName","propTypes","PropTypes","string","node","isRequired","bool","number","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n defaultScrollIndicator = false,\n height,\n horizontal,\n scrollEventThrottle = 16, // * 60fps\n scrollIndicator = false,\n scrollTo,\n snap = true,\n tag = 'scrollview',\n width,\n onScroll = () => {},\n ...others\n}) => {\n const ref = useRef();\n\n const [value, setValue] = useState();\n\n let timeout = null;\n\n useEffect(() => {\n const { current: el } = ref || {};\n if (!scrollIndicator || !el) return;\n\n const callback = () => setValue(calcValue(el));\n const observer = new MutationObserver(callback);\n observer.observe(el, { childList: true, subtree: true });\n\n return () => observer.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref]);\n\n useEffect(() => {\n const { current = {} } = ref || {};\n if (!current.scrollTo || scrollTo === undefined) return;\n\n current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scrollTo]);\n\n useEffect(() => {\n if (!value) return;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n timeout = setTimeout(() => onScroll(value), scrollEventThrottle);\n\n return () => clearTimeout(timeout);\n }, [value]);\n\n const handleScroll = ({ target } = {}) => setValue(calcValue(target));\n\n const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n return (horizontal ? offsetX : offsetY) > 0\n ? {\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n }\n : undefined;\n };\n\n const percent =\n scrollIndicator && !defaultScrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n tag,\n onScroll: handleScroll,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n (!scrollIndicator || !defaultScrollIndicator) && style.notIndicator,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n <>\n {children}\n {percent >= 0 && (\n <View\n tag=\"scrollview-indicator\"\n className={styles(\n style.indicator,\n horizontal ? style.horizontal : style.vertical,\n percent > 95 && style.hide,\n )}\n >\n <View\n className={style.progress}\n style={\n horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n }\n />\n <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} className={style.icon} />\n </View>\n )}\n </>,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n defaultScrollIndicator: PropTypes.bool,\n height: PropTypes.number,\n horizontal: PropTypes.bool,\n scrollEventThrottle: PropTypes.number,\n scrollIndicator: PropTypes.bool,\n scrollTo: PropTypes.number,\n snap: PropTypes.bool,\n tag: PropTypes.string,\n width: PropTypes.number,\n onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"file":"ScrollView.js","names":["_propTypes","_interopRequireDefault","require","_react","_interopRequireWildcard","_helpers","_Icon","_Primitive","_View","_ScrollViewModule","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","_toPropertyKey","value","configurable","writable","_toPrimitive","Symbol","toPrimitive","TypeError","String","Number","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","iterator","f","next","done","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","s","includes","propertyIsEnumerable","ScrollView","_ref","_ref$behavior","behavior","children","_ref$defaultScrollInd","defaultScrollIndicator","height","horizontal","_ref$scrollEventThrot","scrollEventThrottle","_ref$scrollIndicator","scrollIndicator","scrollTo","_ref$snap","snap","_ref$tag","tag","width","_ref$onScroll","onScroll","others","ref","useRef","_useState","useState","_useState2","setValue","timeout","useEffect","_ref2","el","current","callback","calcValue","observer","MutationObserver","observe","childList","subtree","clientWidth","scrollWidth","clientHeight","scrollHeight","disconnect","_current$scrollTo","_ref3","_ref3$current","undefined","setTimeout","clearTimeout","handleScroll","_ref4","target","_ref5","scrollTop","scrollLeft","x","parseInt","y","offsetX","offsetY","percentX","percentY","percent","React","createElement","Primitive","className","styles","style","scrollview","vertical","notIndicator","Fragment","View","indicator","hide","progress","concat","Icon","headline","level","ICON","RIGHT","DOWN","icon","exports","displayName","propTypes","PropTypes","string","node","isRequired","bool","number","func"],"sources":["../../../src/primitives/ScrollView/ScrollView.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON } from '../Icon';\nimport { Primitive } from '../Primitive';\nimport { View } from '../View';\nimport style from './ScrollView.module.css';\n\nconst ScrollView = ({\n behavior = 'smooth',\n children,\n defaultScrollIndicator = false,\n height,\n horizontal,\n scrollEventThrottle = 16, // * 60fps\n scrollIndicator = false,\n scrollTo,\n snap = true,\n tag = 'scrollview',\n width,\n onScroll = () => {},\n ...others\n}) => {\n const ref = useRef();\n\n const [value, setValue] = useState();\n\n let timeout = null;\n\n useEffect(() => {\n const { current: el } = ref || {};\n if (!scrollIndicator || !el) return;\n\n const callback = () => setValue(calcValue(el));\n const observer = new MutationObserver(callback);\n observer.observe(el, { childList: true, subtree: true });\n\n if (horizontal ? el.clientWidth !== el.scrollWidth : el.clientHeight !== el.scrollHeight) {\n setValue(calcValue(el));\n }\n\n return () => observer.disconnect();\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [ref]);\n\n useEffect(() => {\n const { current = {} } = ref || {};\n if (!current.scrollTo || scrollTo === undefined) return;\n\n current.scrollTo({ [horizontal ? 'left' : 'top']: scrollTo, behavior });\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [scrollTo]);\n\n useEffect(() => {\n if (!value) return;\n\n // eslint-disable-next-line react-hooks/exhaustive-deps\n timeout = setTimeout(() => onScroll(value), scrollEventThrottle);\n\n return () => clearTimeout(timeout);\n }, [value]);\n\n const handleScroll = ({ target } = {}) => setValue(calcValue(target));\n\n const calcValue = ({ clientHeight, clientWidth, scrollHeight, scrollWidth, scrollTop, scrollLeft } = {}) => {\n const x = parseInt(scrollLeft, 10);\n const y = parseInt(scrollTop, 10);\n const offsetX = scrollWidth - clientWidth;\n const offsetY = scrollHeight - clientHeight;\n\n return (horizontal ? offsetX : offsetY) > 0\n ? {\n x,\n y,\n percentX: offsetX ? parseInt((x * 100) / offsetX, 10) : 0,\n percentY: offsetY ? parseInt((y * 100) / offsetY, 10) : 0,\n }\n : undefined;\n };\n\n const percent =\n scrollIndicator && !defaultScrollIndicator && value ? (horizontal ? value.percentX : value.percentY) : undefined;\n\n return React.createElement(\n Primitive,\n {\n ...others,\n ref,\n tag,\n onScroll: handleScroll,\n className: styles(\n style.scrollview,\n snap && style.snap,\n horizontal ? style.horizontal : style.vertical,\n (!scrollIndicator || !defaultScrollIndicator) && style.notIndicator,\n others.className,\n ),\n style: { ...others.style, height, width },\n },\n <>\n {children}\n {percent >= 0 && (\n <View\n tag=\"scrollview-indicator\"\n className={styles(\n style.indicator,\n horizontal ? style.horizontal : style.vertical,\n percent > 95 && style.hide,\n )}\n >\n <View\n className={style.progress}\n style={\n horizontal ? { height: '100%', width: `${percent || 0}%` } : { height: `${percent || 0}%`, width: '100%' }\n }\n />\n <Icon headline level={2} value={horizontal ? ICON.RIGHT : ICON.DOWN} className={style.icon} />\n </View>\n )}\n </>,\n );\n};\n\nScrollView.displayName = 'Primitive:ScrollView';\n\nScrollView.propTypes = {\n behavior: PropTypes.string,\n children: PropTypes.node.isRequired,\n defaultScrollIndicator: PropTypes.bool,\n height: PropTypes.number,\n horizontal: PropTypes.bool,\n scrollEventThrottle: PropTypes.number,\n scrollIndicator: PropTypes.bool,\n scrollTo: PropTypes.number,\n snap: PropTypes.bool,\n tag: PropTypes.string,\n width: PropTypes.number,\n onScroll: PropTypes.func,\n};\n\nexport { ScrollView };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -18,7 +18,37 @@ exports["default"] = _default;
|
|
|
18
18
|
var Story = function Story(_ref) {
|
|
19
19
|
var childrenMarkdown = _ref.childrenMarkdown,
|
|
20
20
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Text.Text,
|
|
21
|
+
return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_Text.Text, {
|
|
22
|
+
bold: true,
|
|
23
|
+
small: true,
|
|
24
|
+
upperCase: true
|
|
25
|
+
}, "Variants"), [
|
|
26
|
+
//
|
|
27
|
+
{
|
|
28
|
+
headline: true,
|
|
29
|
+
level: 1
|
|
30
|
+
}, {
|
|
31
|
+
headline: true,
|
|
32
|
+
level: 2
|
|
33
|
+
}, {
|
|
34
|
+
headline: true,
|
|
35
|
+
level: 3
|
|
36
|
+
}, {}, {
|
|
37
|
+
action: true
|
|
38
|
+
}, {
|
|
39
|
+
small: true
|
|
40
|
+
}, {
|
|
41
|
+
tiny: true
|
|
42
|
+
}].map(function (variant) {
|
|
43
|
+
return /*#__PURE__*/_react["default"].createElement(_Text.Text, _extends({}, props, variant), Object.keys(variant)[0], variant.level || '');
|
|
44
|
+
}), /*#__PURE__*/_react["default"].createElement(_Text.Text, {
|
|
45
|
+
bold: true,
|
|
46
|
+
small: true,
|
|
47
|
+
upperCase: true,
|
|
48
|
+
style: {
|
|
49
|
+
marginTop: '1rem'
|
|
50
|
+
}
|
|
51
|
+
}, "Markdown"), /*#__PURE__*/_react["default"].createElement(_Text.Text, _extends({}, props, {
|
|
22
52
|
children: childrenMarkdown
|
|
23
53
|
})));
|
|
24
54
|
};
|
|
@@ -28,23 +58,17 @@ Story.args = {
|
|
|
28
58
|
accent: false,
|
|
29
59
|
accentDark: false,
|
|
30
60
|
accentLight: false,
|
|
31
|
-
action: false,
|
|
32
61
|
bold: false,
|
|
33
62
|
brand: false,
|
|
34
63
|
capitalize: false,
|
|
35
|
-
children: 'children',
|
|
36
64
|
childrenMarkdown: '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',
|
|
37
65
|
dark: false,
|
|
38
66
|
error: false,
|
|
39
|
-
headline: false,
|
|
40
67
|
info: false,
|
|
41
|
-
level: 3,
|
|
42
68
|
light: false,
|
|
43
69
|
medium: false,
|
|
44
|
-
small: false,
|
|
45
70
|
success: false,
|
|
46
71
|
tag: 'span',
|
|
47
|
-
tiny: false,
|
|
48
72
|
underline: false,
|
|
49
73
|
upperCase: false,
|
|
50
74
|
warning: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.stories.js","names":["_react","_interopRequireDefault","require","_Text","_excluded","e","__esModule","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_default","title","exports","Story","_ref","childrenMarkdown","props","createElement","Fragment","Text","
|
|
1
|
+
{"version":3,"file":"Text.stories.js","names":["_react","_interopRequireDefault","require","_Text","_excluded","e","__esModule","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","s","includes","propertyIsEnumerable","_default","title","exports","Story","_ref","childrenMarkdown","props","createElement","Fragment","Text","bold","small","upperCase","headline","level","action","tiny","map","variant","keys","style","marginTop","children","storyName","args","accent","accentDark","accentLight","brand","capitalize","dark","error","info","light","medium","success","tag","underline","warning","wide","testId","argTypes"],"sources":["../../../src/primitives/Text/Text.stories.jsx"],"sourcesContent":["import React from 'react';\n\nimport { Text } from './Text';\n\nexport default { title: 'Primitives' };\n\nexport const Story = ({ childrenMarkdown, ...props }) => (\n <>\n <Text bold small upperCase>\n Variants\n </Text>\n {[\n //\n { headline: true, level: 1 },\n { headline: true, level: 2 },\n { headline: true, level: 3 },\n {},\n { action: true },\n { small: true },\n { tiny: true },\n ].map((variant) => (\n <Text {...props} {...variant}>\n {Object.keys(variant)[0]}\n {variant.level || ''}\n </Text>\n ))}\n\n <Text bold small upperCase style={{ marginTop: '1rem' }}>\n Markdown\n </Text>\n <Text {...props} children={childrenMarkdown} />\n </>\n);\n\nStory.storyName = 'Text';\n\nStory.args = {\n accent: false,\n accentDark: false,\n accentLight: false,\n bold: false,\n brand: false,\n capitalize: false,\n childrenMarkdown:\n '<Text> is **capable** of _interpreting_ and *representing* [markdown](https://www.markdownguide.org/) ~~markup~~ {language}.',\n dark: false,\n error: false,\n info: false,\n light: false,\n medium: false,\n success: false,\n tag: 'span',\n underline: false,\n upperCase: false,\n warning: false,\n wide: false,\n // inherited properties\n testId: 'test-story',\n style: {},\n};\n\nStory.argTypes = {};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -277,6 +277,33 @@
|
|
|
277
277
|
--mirai-ui-tooltip-max-width: calc(var(--mirai-ui-space-XXL) * 4);
|
|
278
278
|
}
|
|
279
279
|
|
|
280
|
+
@media only screen and (max-width: 480px) {
|
|
281
|
+
:root {
|
|
282
|
+
/* typography */
|
|
283
|
+
--mirai-ui-font-size-headline-1: 28px;
|
|
284
|
+
--mirai-ui-line-height-headline-1: 36px;
|
|
285
|
+
--mirai-ui-font-size-headline-2: 22px;
|
|
286
|
+
--mirai-ui-line-height-headline-2: 28px;
|
|
287
|
+
--mirai-ui-font-size-headline-3: 18px;
|
|
288
|
+
--mirai-ui-line-height-headline-3: 22px;
|
|
289
|
+
--mirai-ui-font-size-paragraph: 15px;
|
|
290
|
+
--mirai-ui-line-height-paragraph: 19px;
|
|
291
|
+
--mirai-ui-font-size-action: 13px;
|
|
292
|
+
--mirai-ui-line-height-action: 17px;
|
|
293
|
+
--mirai-ui-font-size-small: 12px;
|
|
294
|
+
--mirai-ui-line-height-small: 16px;
|
|
295
|
+
--mirai-ui-font-size-tiny: 10px;
|
|
296
|
+
--mirai-ui-line-height-tiny: 12px;
|
|
297
|
+
|
|
298
|
+
/* spacing */
|
|
299
|
+
--mirai-ui-space-S: 10px;
|
|
300
|
+
--mirai-ui-space-M: 14px;
|
|
301
|
+
--mirai-ui-space-L: 22px;
|
|
302
|
+
--mirai-ui-space-XL: 44px;
|
|
303
|
+
--mirai-ui-space-XXL: 60px;
|
|
304
|
+
}
|
|
305
|
+
}
|
|
306
|
+
|
|
280
307
|
@keyframes mirai-button-busy {
|
|
281
308
|
0% {
|
|
282
309
|
background-color: var(--mirai-ui-base);
|