@mirai/ui 2.0.20 → 2.0.22

package/build/components/Form/Form.constants.js

@@ -3,13 +3,15 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.FIELDS_WITHOUT_ERROR = exports.FIELDS_BOOLEAN = exports.DEFAULT_TIMEOUT_ONERROR = exports.DEFAULT_TIMEOUT_ONCHANGE = void 0;
+exports.FIELDS_WITHOUT_ERROR = exports.FIELDS_INPUT = exports.FIELDS_BOOLEAN = exports.DEFAULT_TIMEOUT_ONERROR = exports.DEFAULT_TIMEOUT_ONCHANGE = void 0;
 var DEFAULT_TIMEOUT_ONCHANGE = 0;
 exports.DEFAULT_TIMEOUT_ONCHANGE = DEFAULT_TIMEOUT_ONCHANGE;
 var DEFAULT_TIMEOUT_ONERROR = 10;
 exports.DEFAULT_TIMEOUT_ONERROR = DEFAULT_TIMEOUT_ONERROR;
 var FIELDS_BOOLEAN = ['Component:InputOption', 'Primitive:Checkbox', 'Primitive:Radio', 'Primitive.Switch'];
 exports.FIELDS_BOOLEAN = FIELDS_BOOLEAN;
+var FIELDS_INPUT = ['Component:InputText', 'Component:InputDate', 'Component:InputPhone'];
+exports.FIELDS_INPUT = FIELDS_INPUT;
 var FIELDS_WITHOUT_ERROR = ['Primitive:Radio', 'Component:InputNumber'];
 exports.FIELDS_WITHOUT_ERROR = FIELDS_WITHOUT_ERROR;
 //# sourceMappingURL=Form.constants.js.map

package/build/components/Form/Form.constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.constants.js","names":["DEFAULT_TIMEOUT_ONCHANGE","DEFAULT_TIMEOUT_ONERROR","FIELDS_BOOLEAN","FIELDS_WITHOUT_ERROR"],"sources":["../../../src/components/Form/Form.constants.js"],"sourcesContent":["const DEFAULT_TIMEOUT_ONCHANGE = 0;\nconst DEFAULT_TIMEOUT_ONERROR = 10;\nconst FIELDS_BOOLEAN = ['Component:InputOption', 'Primitive:Checkbox', 'Primitive:Radio', 'Primitive.Switch'];\nconst FIELDS_WITHOUT_ERROR = ['Primitive:Radio', 'Component:InputNumber'];\n\nexport { DEFAULT_TIMEOUT_ONCHANGE, DEFAULT_TIMEOUT_ONERROR, FIELDS_BOOLEAN, FIELDS_WITHOUT_ERROR };\n"],"mappings":";;;;;;AAAA,IAAMA,wBAAwB,GAAG,CAAC;AAAC;AACnC,IAAMC,uBAAuB,GAAG,EAAE;AAAC;AACnC,IAAMC,cAAc,GAAG,CAAC,uBAAuB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;AAAC;AAC9G,IAAMC,oBAAoB,GAAG,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;AAAC"}
+{"version":3,"file":"Form.constants.js","names":["DEFAULT_TIMEOUT_ONCHANGE","DEFAULT_TIMEOUT_ONERROR","FIELDS_BOOLEAN","FIELDS_INPUT","FIELDS_WITHOUT_ERROR"],"sources":["../../../src/components/Form/Form.constants.js"],"sourcesContent":["const DEFAULT_TIMEOUT_ONCHANGE = 0;\nconst DEFAULT_TIMEOUT_ONERROR = 10;\nconst FIELDS_BOOLEAN = ['Component:InputOption', 'Primitive:Checkbox', 'Primitive:Radio', 'Primitive.Switch'];\nconst FIELDS_INPUT = ['Component:InputText', 'Component:InputDate', 'Component:InputPhone'];\nconst FIELDS_WITHOUT_ERROR = ['Primitive:Radio', 'Component:InputNumber'];\n\nexport { DEFAULT_TIMEOUT_ONCHANGE, DEFAULT_TIMEOUT_ONERROR, FIELDS_BOOLEAN, FIELDS_INPUT, FIELDS_WITHOUT_ERROR };\n"],"mappings":";;;;;;AAAA,IAAMA,wBAAwB,GAAG,CAAC;AAAC;AACnC,IAAMC,uBAAuB,GAAG,EAAE;AAAC;AACnC,IAAMC,cAAc,GAAG,CAAC,uBAAuB,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,kBAAkB,CAAC;AAAC;AAC9G,IAAMC,YAAY,GAAG,CAAC,qBAAqB,EAAE,qBAAqB,EAAE,sBAAsB,CAAC;AAAC;AAC5F,IAAMC,oBAAoB,GAAG,CAAC,iBAAiB,EAAE,uBAAuB,CAAC;AAAC"}

package/build/components/Form/Form.js

@@ -121,6 +121,10 @@ var Form = function Form(_ref) {
     setTouched(_objectSpread(_objectSpread({}, touched), {}, _defineProperty({}, field, true)));
     if (onEnter) onEnter(field, event);
   };
+  var handleKeyUp = function handleKeyUp(event) {
+    if (event.key !== 'Enter' || Object.keys(error).length) return;
+    handleSubmit(event);
+  };
   var handleSubmit = function handleSubmit(event) {
     event.preventDefault();
     var errors = handleError(values);
@@ -155,6 +159,7 @@ var Form = function Form(_ref) {
         onEnter: function onEnter(event) {
           return handleLeave(field, event);
         },
+        onKeyUp: _Form.FIELDS_INPUT.includes(displayName) ? handleKeyUp : undefined,
         onLeave: onLeave ? function (event) {
           return onLeave(field, event);
         } : undefined

package/build/components/Form/Form.js.map

@@ -1 +1 @@
-{"version":3,"file":"Form.js","names":["timeoutError","Form","children","debounce","DEFAULT_TIMEOUT_ONCHANGE","schema","showErrors","validateOnMount","onChange","onEnter","onError","onLeave","onSubmit","others","useState","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","useEffect","nextValues","getChildrenValues","nextChildrenKeys","Object","keys","sort","length","JSON","stringify","clearTimeout","handleError","collision","some","key","groupState","value","timer","setTimeout","handleChange","field","fieldValue","DEFAULT_TIMEOUT_ONERROR","next","getChildrenErrors","handleLeave","event","handleSubmit","preventDefault","errors","useMemo","React","createElement","Primitive","tag","Children","map","child","index","props","type","displayName","getField","cloneElement","FIELDS_WITHOUT_ERROR","includes","FIELDS_BOOLEAN","undefined","onPress","propTypes","PropTypes","node","number","shape","bool","func"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Primitive } from '../../primitives';\nimport {\n  DEFAULT_TIMEOUT_ONCHANGE,\n  DEFAULT_TIMEOUT_ONERROR,\n  FIELDS_BOOLEAN,\n  FIELDS_WITHOUT_ERROR,\n} from './Form.constants';\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nlet timeoutError;\n\nconst Form = ({\n  children,\n  debounce = DEFAULT_TIMEOUT_ONCHANGE,\n  schema = {},\n  showErrors = false,\n  validateOnMount = false,\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  onSubmit,\n  ...others\n}) => {\n  const [error, setError] = useState({});\n  const [initialValue, setInitialValue] = useState({});\n  const [touched, setTouched] = useState({});\n  const [values, setValues] = useState({});\n\n  useEffect(() => {\n    const nextValues = getChildrenValues(children);\n    const nextChildrenKeys = Object.keys(nextValues).sort();\n\n    if (!Object.keys(nextValues).length) return;\n\n    if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n      setInitialValue(nextValues);\n      setValues(nextValues);\n      clearTimeout(timeoutError);\n\n      if (validateOnMount) handleError(nextValues);\n      else setError({});\n\n      setTouched({});\n    } else {\n      const collision = nextChildrenKeys.some((key) => JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]));\n      if (collision) {\n        setValues(nextValues);\n        handleError(nextValues);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  useEffect(() => {\n    if (!onChange || values === initialValue || !Object.keys(values).length) return;\n\n    if (!debounce) return onChange(values, groupState({ initialValue, value: values, touched }));\n\n    const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n    return () => clearTimeout(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  const handleChange = (field, fieldValue) => {\n    const nextValues = { ...values, [field]: fieldValue };\n\n    setValues(nextValues);\n    timeoutError = setTimeout(() => handleError(nextValues), DEFAULT_TIMEOUT_ONERROR);\n  };\n\n  const handleError = (values) => {\n    const next = getChildrenErrors({ children, schema, values });\n\n    setError(next);\n    if (JSON.stringify(error) !== JSON.stringify(next)) onError && onError(next);\n\n    return next;\n  };\n\n  const handleLeave = (field, event) => {\n    setTouched({ ...touched, [field]: true });\n    if (onEnter) onEnter(field, event);\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const errors = handleError(values);\n\n    if (Object.keys(errors).length) onError(errors);\n    else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n  };\n\n  return useMemo(\n    () =>\n      React.createElement(\n        Primitive,\n        {\n          ...others,\n          tag: 'form',\n          onSubmit: handleSubmit,\n        },\n        React.Children.map(children, (child, index) => {\n          if (!child || child === null) return;\n\n          const { props = {}, type: { displayName } = {} } = child || {};\n          const { type } = props;\n          const field = getField(props);\n\n          return React.cloneElement(child, {\n            key: index,\n            ...(field\n              ? {\n                  ...props,\n                  ...schema[field],\n                  error: !FIELDS_WITHOUT_ERROR.includes(displayName) && (props.error || (showErrors && !!error[field])),\n                  value: !FIELDS_BOOLEAN.includes(displayName) ? values[field] : props.value,\n                  onChange: (value) => handleChange(field, value),\n                  onEnter: (event) => handleLeave(field, event),\n                  onLeave: onLeave ? (event) => onLeave(field, event) : undefined,\n                }\n              : type === 'submit'\n              ? { ...props, onPress: handleSubmit }\n              : undefined),\n          });\n        }),\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [children, error, others, schema],\n  );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n  children: PropTypes.node,\n  debounce: PropTypes.number,\n  schema: PropTypes.shape({}),\n  showErrors: PropTypes.bool,\n  validateOnMount: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}
+{"version":3,"file":"Form.js","names":["timeoutError","Form","children","debounce","DEFAULT_TIMEOUT_ONCHANGE","schema","showErrors","validateOnMount","onChange","onEnter","onError","onLeave","onSubmit","others","useState","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","useEffect","nextValues","getChildrenValues","nextChildrenKeys","Object","keys","sort","length","JSON","stringify","clearTimeout","handleError","collision","some","key","groupState","value","timer","setTimeout","handleChange","field","fieldValue","DEFAULT_TIMEOUT_ONERROR","next","getChildrenErrors","handleLeave","event","handleKeyUp","handleSubmit","preventDefault","errors","useMemo","React","createElement","Primitive","tag","Children","map","child","index","props","type","displayName","getField","cloneElement","FIELDS_WITHOUT_ERROR","includes","FIELDS_BOOLEAN","onKeyUp","FIELDS_INPUT","undefined","onPress","propTypes","PropTypes","node","number","shape","bool","func"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { Primitive } from '../../primitives';\nimport {\n  DEFAULT_TIMEOUT_ONCHANGE,\n  DEFAULT_TIMEOUT_ONERROR,\n  FIELDS_BOOLEAN,\n  FIELDS_INPUT,\n  FIELDS_WITHOUT_ERROR,\n} from './Form.constants';\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nlet timeoutError;\n\nconst Form = ({\n  children,\n  debounce = DEFAULT_TIMEOUT_ONCHANGE,\n  schema = {},\n  showErrors = false,\n  validateOnMount = false,\n  onChange,\n  onEnter,\n  onError,\n  onLeave,\n  onSubmit,\n  ...others\n}) => {\n  const [error, setError] = useState({});\n  const [initialValue, setInitialValue] = useState({});\n  const [touched, setTouched] = useState({});\n  const [values, setValues] = useState({});\n\n  useEffect(() => {\n    const nextValues = getChildrenValues(children);\n    const nextChildrenKeys = Object.keys(nextValues).sort();\n\n    if (!Object.keys(nextValues).length) return;\n\n    if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n      setInitialValue(nextValues);\n      setValues(nextValues);\n      clearTimeout(timeoutError);\n\n      if (validateOnMount) handleError(nextValues);\n      else setError({});\n\n      setTouched({});\n    } else {\n      const collision = nextChildrenKeys.some((key) => JSON.stringify(values[key]) !== JSON.stringify(nextValues[key]));\n      if (collision) {\n        setValues(nextValues);\n        handleError(nextValues);\n      }\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [children]);\n\n  useEffect(() => {\n    if (!onChange || values === initialValue || !Object.keys(values).length) return;\n\n    if (!debounce) return onChange(values, groupState({ initialValue, value: values, touched }));\n\n    const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n    return () => clearTimeout(timer);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [values]);\n\n  const handleChange = (field, fieldValue) => {\n    const nextValues = { ...values, [field]: fieldValue };\n\n    setValues(nextValues);\n    timeoutError = setTimeout(() => handleError(nextValues), DEFAULT_TIMEOUT_ONERROR);\n  };\n\n  const handleError = (values) => {\n    const next = getChildrenErrors({ children, schema, values });\n\n    setError(next);\n    if (JSON.stringify(error) !== JSON.stringify(next)) onError && onError(next);\n\n    return next;\n  };\n\n  const handleLeave = (field, event) => {\n    setTouched({ ...touched, [field]: true });\n    if (onEnter) onEnter(field, event);\n  };\n\n  const handleKeyUp = (event) => {\n    if (event.key !== 'Enter' || Object.keys(error).length) return;\n    handleSubmit(event);\n  };\n\n  const handleSubmit = (event) => {\n    event.preventDefault();\n    const errors = handleError(values);\n\n    if (Object.keys(errors).length) onError(errors);\n    else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n  };\n\n  return useMemo(\n    () =>\n      React.createElement(\n        Primitive,\n        {\n          ...others,\n          tag: 'form',\n          onSubmit: handleSubmit,\n        },\n        React.Children.map(children, (child, index) => {\n          if (!child || child === null) return;\n\n          const { props = {}, type: { displayName } = {} } = child || {};\n          const { type } = props;\n          const field = getField(props);\n\n          return React.cloneElement(child, {\n            key: index,\n            ...(field\n              ? {\n                  ...props,\n                  ...schema[field],\n                  error: !FIELDS_WITHOUT_ERROR.includes(displayName) && (props.error || (showErrors && !!error[field])),\n                  value: !FIELDS_BOOLEAN.includes(displayName) ? values[field] : props.value,\n                  onChange: (value) => handleChange(field, value),\n                  onEnter: (event) => handleLeave(field, event),\n                  onKeyUp: FIELDS_INPUT.includes(displayName) ? handleKeyUp : undefined,\n                  onLeave: onLeave ? (event) => onLeave(field, event) : undefined,\n                }\n              : type === 'submit'\n              ? { ...props, onPress: handleSubmit }\n              : undefined),\n          });\n        }),\n      ),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [children, error, others, schema],\n  );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n  children: PropTypes.node,\n  debounce: PropTypes.number,\n  schema: PropTypes.shape({}),\n  showErrors: PropTypes.bool,\n  validateOnMount: PropTypes.bool,\n  onChange: PropTypes.func,\n  onEnter: PropTypes.func,\n  onError: PropTypes.func,\n  onLeave: PropTypes.func,\n  onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"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"}

package/build/components/Tooltip/Tooltip.js

@@ -11,7 +11,7 @@ var _helpers = require("../../helpers");
 var _primitives = require("../../primitives");
 var _helpers2 = require("./helpers");
 var _TooltipModule = _interopRequireDefault(require("./Tooltip.module.css"));
-var _excluded = ["children", "left", "pressable", "right", "Template", "text", "timestamp", "top", "visible"],
+var _excluded = ["children", "left", "pressable", "right", "Template", "text", "timestamp", "top", "visible", "onPress"],
   _excluded2 = ["fixed", "testId"];
 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); }
 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; }
@@ -42,6 +42,8 @@ var Tooltip = function Tooltip(_ref) {
     propTop = _ref.top,
     _ref$visible = _ref.visible,
     propVisible = _ref$visible === void 0 ? false : _ref$visible,
+    _ref$onPress = _ref.onPress,
+    onPress = _ref$onPress === void 0 ? function () {} : _ref$onPress,
     inherit = _objectWithoutProperties(_ref, _excluded);
   var _useState = (0, _react.useState)(propVisible),
     _useState2 = _slicedToArray(_useState, 2),
@@ -97,6 +99,7 @@ var Tooltip = function Tooltip(_ref) {
       onClick: pressable ? function (event) {
         event.stopPropagation();
         setVisible(!visible);
+        onPress(event, !visible);
       } : undefined
     }, _defineProperty(_objectSpread2, (0, _helpers2.isPressableInstance)(child) ? 'onEnter' : 'onMouseEnter', !pressable ? function () {
       return setVisible(true);
@@ -124,6 +127,7 @@ Tooltip.propTypes = {
   text: _propTypes.default.string,
   timestamp: _propTypes.default.number,
   top: _propTypes.default.bool,
-  visible: _propTypes.default.bool
+  visible: _propTypes.default.bool,
+  onPress: _propTypes.default.func
 };
 //# sourceMappingURL=Tooltip.js.map

package/build/components/Tooltip/Tooltip.js.map

@@ -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","contentRef","useRef","ref","fixed","testId","others","useEffect","handleClickOutside","target","current","contains","document","addEventListener","removeEventListener","React","createElement","View","Fragment","undefined","Children","map","child","index","cloneElement","key","props","onClick","event","stopPropagation","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","displayName","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } 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  const contentRef = useRef();\n  const ref = useRef();\n\n  const { fixed, testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  useEffect(() => {\n    if (!pressable || !visible) return;\n\n    const handleClickOutside = ({ target } = {}) =>\n      !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);\n\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      tag=\"tooltip\"\n      onPosition={setPosition}\n    >\n      {React.createElement(\n        pressable ? View : React.Fragment,\n        { ...(pressable ? { ref } : undefined) },\n        React.Children.map(children, (child, index) => {\n          return React.cloneElement(child, {\n            key: index,\n            ...child.props,\n            onClick: pressable\n              ? (event) => {\n                  event.stopPropagation();\n                  setVisible(!visible);\n                }\n              : undefined,\n            [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n            [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,\n            className: styles(style.dispatcher, child.props.className),\n            testId: testId ? `${testId}-dispatcher` : undefined,\n          });\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          {...(pressable ? { ref: contentRef } : undefined)}\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.displayName = 'Component:Tooltip';\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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"}
+{"version":3,"file":"Tooltip.js","names":["Tooltip","children","propLeft","left","pressable","propRight","right","Template","text","timestamp","propTop","top","visible","propVisible","onPress","inherit","useState","setVisible","position","setPosition","contentRef","useRef","ref","fixed","testId","others","useEffect","handleClickOutside","target","current","contains","document","addEventListener","removeEventListener","React","createElement","View","Fragment","undefined","Children","map","child","index","cloneElement","key","props","onClick","event","stopPropagation","isPressableInstance","styles","style","dispatcher","className","tooltip","align","bottom","displayName","propTypes","PropTypes","node","isRequired","bool","oneOfType","func","string","number"],"sources":["../../../src/components/Tooltip/Tooltip.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useState, useRef } 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  onPress = () => {},\n  ...inherit\n}) => {\n  const [visible, setVisible] = useState(propVisible);\n  const [position, setPosition] = useState({});\n  const contentRef = useRef();\n  const ref = useRef();\n\n  const { fixed, testId, ...others } = inherit;\n  const { left, right, top = propTop } = position;\n\n  useEffect(() => {\n    if (!pressable || !visible) return;\n\n    const handleClickOutside = ({ target } = {}) =>\n      !contentRef.current?.contains(target) && !ref.current?.contains(target) && setVisible(false);\n\n    document.addEventListener('click', handleClickOutside, true);\n\n    return () => document.removeEventListener('click', handleClickOutside, true);\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [visible]);\n\n  return text || Template ? (\n    <Layer\n      {...{ fixed, testId, timestamp, top, visible }}\n      centered\n      forceRender={false}\n      left={propLeft}\n      right={propRight}\n      tag=\"tooltip\"\n      onPosition={setPosition}\n    >\n      {React.createElement(\n        pressable ? View : React.Fragment,\n        { ...(pressable ? { ref } : undefined) },\n        React.Children.map(children, (child, index) => {\n          return React.cloneElement(child, {\n            key: index,\n            ...child.props,\n            onClick: pressable\n              ? (event) => {\n                  event.stopPropagation();\n                  setVisible(!visible);\n                  onPress(event, !visible);\n                }\n              : undefined,\n            [isPressableInstance(child) ? 'onEnter' : 'onMouseEnter']: !pressable ? () => setVisible(true) : undefined,\n            [isPressableInstance(child) ? 'onLeave' : 'onMouseLeave']: !pressable ? () => setVisible(false) : undefined,\n            className: styles(style.dispatcher, child.props.className),\n            testId: testId ? `${testId}-dispatcher` : undefined,\n          });\n        }),\n      )}\n\n      <LayerContent>\n        <View\n          {...others}\n          {...(pressable ? { ref: contentRef } : undefined)}\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.displayName = 'Component:Tooltip';\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  onPress: PropTypes.func,\n};\n\nexport { Tooltip };\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mirai/ui",
-  "version": "2.0.20",
+  "version": "2.0.22",
   "repository": "git@gitlab.com:miraicorp/dev/frontend/ui.git",
   "author": "JΛVI <hello@soyjavi.com>",
   "license": "MIT",