@wix/design-system 1.0.0

package/dist/cjs/Tooltip/Tooltip.js

@@ -0,0 +1,222 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Popover = _interopRequireDefault(require("../Popover"));
+var _RawText = _interopRequireDefault(require("../Text/RawText"));
+var _constants = require("./constants");
+var _TooltipSt = require("./Tooltip.st.css.js");
+var _excluded = ["onShow", "onHide", "size", "className", "placement", "exitDelay", "enterDelay", "moveArrowTo", "appendTo", "flip", "fixed", "maxWidth", "fluid", "moveBy", "disabled", "children", "zIndex", "textAlign", "content", "aria-describedby"];
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Tooltip/Tooltip.tsx";
+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; }
+var Tooltip = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var {
+      onShow,
+      onHide,
+      size,
+      className,
+      placement,
+      exitDelay,
+      enterDelay,
+      moveArrowTo,
+      appendTo,
+      flip,
+      fixed,
+      maxWidth,
+      fluid,
+      moveBy,
+      disabled,
+      children,
+      zIndex,
+      textAlign,
+      content,
+      'aria-describedby': ariaDescribedBy
+    } = _ref,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var [shown, setShown] = (0, _react.useState)(false);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    open,
+    close
+  }));
+  var open = (0, _react.useCallback)(() => {
+    setShown(true);
+    onShow == null ? void 0 : onShow();
+  }, [onShow]);
+  var close = (0, _react.useCallback)(() => {
+    setShown(false);
+    onHide == null ? void 0 : onHide();
+  }, [onHide]);
+  var isDisabled = (0, _react.useMemo)(() => {
+    var _children$props;
+    return disabled === undefined ?
+    // @ts-expect-error
+    (children == null ? void 0 : children.props) && (children == null ? void 0 : (_children$props = children.props) == null ? void 0 : _children$props.disabled) : disabled;
+  }, [children, disabled]);
+  var onFocus = (0, _react.useCallback)((event, handlers) => {
+    var focusableHOC = handlers && handlers.focus;
+    var target = event.target;
+    try {
+      if (process.env.NODE_ENV !== 'test' && target instanceof Element && !target.matches(':focus-visible')) {
+        handlers == null ? void 0 : handlers.blur();
+        return;
+      }
+    } catch (e) {
+      // browser does not support `matches(':focus-visible')` fallback to original focus behavior
+    }
+    open();
+    return focusableHOC ? handlers.focus() : null;
+  }, [open]);
+  var onBlur = (0, _react.useCallback)((_event, handlers) => {
+    var focusableHOC = handlers && handlers.blur;
+    close();
+    return focusableHOC ? handlers.blur() : null;
+  }, [close]);
+  var triggerElement = (0, _react.useMemo)(() => {
+    if (typeof children === 'string' || !children) {
+      return children;
+    }
+    if ( /*#__PURE__*/_react.default.isValidElement(children)) {
+      return /*#__PURE__*/_react.default.cloneElement(children, {
+        onFocus: isDisabled ? undefined : onFocus,
+        onBlur: isDisabled ? undefined : onBlur,
+        'aria-describedby': ariaDescribedBy
+      });
+    }
+    if (typeof children === 'function') {
+      return children({
+        onFocus,
+        onBlur
+      });
+    }
+  }, [children, isDisabled, onFocus, onBlur, ariaDescribedBy]);
+  var contentElement = (0, _react.useMemo)(() => {
+    var textSize = size === 'small' ? 'tiny' : 'small';
+    var textWeight = size === 'small' ? 'normal' : 'thin';
+    return /*#__PURE__*/_react.default.createElement("div", {
+      style: {
+        textAlign
+      },
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 129,
+        columnNumber: 9
+      }
+    }, typeof content === 'string' ?
+    /*#__PURE__*/
+    // @ts-ignore
+    _react.default.createElement(_RawText.default, {
+      dataHook: _constants.dataHooks.tooltipText,
+      size: textSize,
+      weight: textWeight,
+      light: true,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 132,
+        columnNumber: 13
+      }
+    }, content) : content);
+  }, [content, textAlign, size]);
+  return /*#__PURE__*/_react.default.createElement(_Popover.default, (0, _extends2.default)({
+    role: "tooltip",
+    showArrow: size !== 'small',
+    className: (0, _TooltipSt.st)(_TooltipSt.classes.root, {
+      size
+    }, className),
+    placement: placement,
+    shown: isDisabled ? false : shown,
+    onMouseEnter: isDisabled ? undefined : open,
+    onMouseLeave: close,
+    onClickOutside: close,
+    "data-size": size,
+    hideDelay: exitDelay,
+    showDelay: enterDelay,
+    moveBy: moveBy,
+    moveArrowTo: moveArrowTo,
+    appendTo: appendTo,
+    id: ariaDescribedBy,
+    flip: flip,
+    fixed: fixed,
+    maxWidth: maxWidth,
+    fluid: fluid,
+    disableClickOutsideWhenClosed: true,
+    zIndex: zIndex
+  }, rest, {
+    theme: "dark",
+    timeout: _constants.TIMEOUT,
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 148,
+      columnNumber: 7
+    }
+  }), /*#__PURE__*/_react.default.createElement(_Popover.default.Element, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 174,
+      columnNumber: 9
+    }
+  }, triggerElement), /*#__PURE__*/_react.default.createElement(_Popover.default.Content, {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 175,
+      columnNumber: 9
+    }
+  }, contentElement));
+});
+Tooltip.defaultProps = {
+  placement: 'top',
+  appendTo: 'window',
+  onShow: () => ({}),
+  onHide: () => ({}),
+  enterDelay: 0,
+  exitDelay: 0,
+  maxWidth: 204,
+  flip: true,
+  fixed: false,
+  textAlign: 'start',
+  size: 'medium',
+  zIndex: 6000,
+  content: ''
+};
+Tooltip.displayName = 'Tooltip';
+Tooltip.propTypes = {
+  dataHook: _propTypes.default.string,
+  className: _propTypes.default.string,
+  children: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
+  content: _propTypes.default.node,
+  textAlign: _propTypes.default.oneOf(['start', 'center']),
+  enterDelay: _propTypes.default.number,
+  exitDelay: _propTypes.default.number,
+  // @ts-expect-error
+  moveBy: _propTypes.default.shape({
+    x: _propTypes.default.number,
+    y: _propTypes.default.number
+  }),
+  moveArrowTo: _propTypes.default.number,
+  // @ts-expect-error
+  appendTo: _propTypes.default.oneOfType([_propTypes.default.oneOf(['window', 'scrollParent', 'viewport', 'parent']), _propTypes.default.element, _propTypes.default.func]),
+  flip: _propTypes.default.bool,
+  fixed: _propTypes.default.bool,
+  maxWidth: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
+  onShow: _propTypes.default.func,
+  onHide: _propTypes.default.func,
+  placement: _propTypes.default.oneOf(['auto-start', 'auto', 'auto-end', 'top-start', 'top', 'top-end', 'right-start', 'right', 'right-end', 'bottom-end', 'bottom', 'bottom-start', 'left-end', 'left', 'left-start']),
+  disabled: _propTypes.default.bool,
+  size: _propTypes.default.oneOf(['small', 'medium']),
+  'aria-describedby': _propTypes.default.string,
+  zIndex: _propTypes.default.number,
+  fluid: _propTypes.default.bool
+};
+var _default = Tooltip;
+exports.default = _default;
+//# sourceMappingURL=Tooltip.js.map

package/dist/cjs/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Tooltip","forwardRef","ref","onShow","onHide","size","className","placement","exitDelay","enterDelay","moveArrowTo","appendTo","flip","fixed","maxWidth","fluid","moveBy","disabled","children","zIndex","textAlign","content","ariaDescribedBy","rest","shown","setShown","useState","useImperativeHandle","open","close","useCallback","isDisabled","useMemo","undefined","props","onFocus","event","handlers","focusableHOC","focus","target","process","env","NODE_ENV","Element","matches","blur","e","onBlur","_event","triggerElement","React","isValidElement","cloneElement","contentElement","textSize","textWeight","dataHooks","tooltipText","st","classes","root","TIMEOUT","defaultProps","displayName","propTypes","dataHook","PropTypes","string","oneOfType","node","func","oneOf","number","shape","x","y","element","bool"],"sources":["../../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  useState,\n  useImperativeHandle,\n  forwardRef,\n  useMemo,\n  useCallback,\n} from 'react';\nimport PropTypes from 'prop-types';\nimport Popover from '../Popover';\nimport RawText from '../Text/RawText';\n\nimport { dataHooks, TIMEOUT } from './constants';\nimport type { TooltipProps, TooltipActions } from './Tooltip.types';\n\nimport { st, classes } from './Tooltip.st.css';\n\nconst Tooltip = forwardRef<TooltipActions, TooltipProps>(\n  (\n    {\n      onShow,\n      onHide,\n      size,\n      className,\n      placement,\n      exitDelay,\n      enterDelay,\n      moveArrowTo,\n      appendTo,\n      flip,\n      fixed,\n      maxWidth,\n      fluid,\n      moveBy,\n      disabled,\n      children,\n      zIndex,\n      textAlign,\n      content,\n      'aria-describedby': ariaDescribedBy,\n      ...rest\n    }: TooltipProps,\n    ref,\n  ) => {\n    const [shown, setShown] = useState(false);\n\n    useImperativeHandle(ref, () => ({ open, close }));\n\n    const open = useCallback(() => {\n      setShown(true);\n      onShow?.();\n    }, [onShow]);\n\n    const close = useCallback(() => {\n      setShown(false);\n      onHide?.();\n    }, [onHide]);\n\n    const isDisabled = useMemo(\n      () =>\n        disabled === undefined\n          ? // @ts-expect-error\n            children?.props && children?.props?.disabled\n          : disabled,\n      [children, disabled],\n    );\n\n    const onFocus = useCallback(\n      (\n        event: React.MouseEvent,\n        handlers?: { focus: () => void; blur: () => void },\n      ) => {\n        const focusableHOC = handlers && handlers.focus;\n        const target = event.target;\n\n        try {\n          if (\n            process.env.NODE_ENV !== 'test' &&\n            target instanceof Element &&\n            !target.matches(':focus-visible')\n          ) {\n            handlers?.blur();\n            return;\n          }\n        } catch (e) {\n          // browser does not support `matches(':focus-visible')` fallback to original focus behavior\n        }\n\n        open();\n        return focusableHOC ? handlers.focus() : null;\n      },\n      [open],\n    );\n\n    const onBlur = useCallback(\n      (_event: React.MouseEvent, handlers?: { blur: () => void }) => {\n        const focusableHOC = handlers && handlers.blur;\n        close();\n        return focusableHOC ? handlers.blur() : null;\n      },\n      [close],\n    );\n\n    const triggerElement = useMemo(() => {\n      if (typeof children === 'string' || !children) {\n        return children;\n      }\n\n      if (React.isValidElement(children)) {\n        return React.cloneElement(children as any, {\n          onFocus: isDisabled ? undefined : onFocus,\n          onBlur: isDisabled ? undefined : onBlur,\n          'aria-describedby': ariaDescribedBy,\n        });\n      }\n\n      if (typeof children === 'function') {\n        return children({\n          onFocus,\n          onBlur,\n        });\n      }\n    }, [children, isDisabled, onFocus, onBlur, ariaDescribedBy]);\n\n    const contentElement = useMemo(() => {\n      const textSize = size === 'small' ? 'tiny' : 'small';\n      const textWeight = size === 'small' ? 'normal' : 'thin';\n\n      return (\n        <div style={{ textAlign }}>\n          {typeof content === 'string' ? (\n            // @ts-ignore\n            <RawText\n              dataHook={dataHooks.tooltipText}\n              size={textSize}\n              weight={textWeight}\n              light\n            >\n              {content}\n            </RawText>\n          ) : (\n            content\n          )}\n        </div>\n      );\n    }, [content, textAlign, size]);\n\n    return (\n      <Popover\n        role=\"tooltip\"\n        showArrow={size !== 'small'}\n        className={st(classes.root, { size }, className)}\n        placement={placement}\n        shown={isDisabled ? false : shown}\n        onMouseEnter={isDisabled ? undefined : open}\n        onMouseLeave={close}\n        onClickOutside={close}\n        data-size={size}\n        hideDelay={exitDelay}\n        showDelay={enterDelay}\n        moveBy={moveBy}\n        moveArrowTo={moveArrowTo}\n        appendTo={appendTo}\n        id={ariaDescribedBy}\n        flip={flip}\n        fixed={fixed}\n        maxWidth={maxWidth}\n        fluid={fluid}\n        disableClickOutsideWhenClosed\n        zIndex={zIndex}\n        {...rest}\n        theme=\"dark\"\n        timeout={TIMEOUT}\n      >\n        <Popover.Element>{triggerElement}</Popover.Element>\n        <Popover.Content>{contentElement}</Popover.Content>\n      </Popover>\n    );\n  },\n);\n\nTooltip.defaultProps = {\n  placement: 'top',\n  appendTo: 'window',\n  onShow: () => ({}),\n  onHide: () => ({}),\n  enterDelay: 0,\n  exitDelay: 0,\n  maxWidth: 204,\n  flip: true,\n  fixed: false,\n  textAlign: 'start',\n  size: 'medium',\n  zIndex: 6000,\n  content: '',\n};\n\nTooltip.displayName = 'Tooltip';\n\nTooltip.propTypes = {\n  dataHook: PropTypes.string,\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n  content: PropTypes.node,\n  textAlign: PropTypes.oneOf(['start', 'center']),\n  enterDelay: PropTypes.number,\n  exitDelay: PropTypes.number,\n  // @ts-expect-error\n  moveBy: PropTypes.shape({\n    x: PropTypes.number,\n    y: PropTypes.number,\n  }),\n  moveArrowTo: PropTypes.number,\n  // @ts-expect-error\n  appendTo: PropTypes.oneOfType([\n    PropTypes.oneOf(['window', 'scrollParent', 'viewport', 'parent']),\n    PropTypes.element,\n    PropTypes.func,\n  ]),\n  flip: PropTypes.bool,\n  fixed: PropTypes.bool,\n  maxWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  onShow: PropTypes.func,\n  onHide: PropTypes.func,\n  placement: PropTypes.oneOf([\n    'auto-start',\n    'auto',\n    'auto-end',\n    'top-start',\n    'top',\n    'top-end',\n    'right-start',\n    'right',\n    'right-end',\n    'bottom-end',\n    'bottom',\n    'bottom-start',\n    'left-end',\n    'left',\n    'left-start',\n  ]),\n  disabled: PropTypes.bool,\n  size: PropTypes.oneOf(['small', 'medium']),\n  'aria-describedby': PropTypes.string,\n  zIndex: PropTypes.number,\n  fluid: PropTypes.bool,\n};\n\nexport default Tooltip;\n"],"mappings":"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"}

package/dist/cjs/Tooltip/Tooltip.meta.js

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.testkitTests = exports.ssrTests = exports.requiredProps = exports.a11yTests = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Tooltip/Tooltip.meta.tsx";
+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; }
+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) { (0, _defineProperty2.default)(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; }
+// This object should contain a mock value for each required prop of this component
+var requiredProps = {
+  children: /*#__PURE__*/_react.default.createElement("div", {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 6,
+      columnNumber: 13
+    }
+  })
+};
+
+// This array should contain an object only for tests you wish to run on all compliance tests
+exports.requiredProps = requiredProps;
+var sharedTests = [{
+  title: 'render',
+  props: _objectSpread({}, requiredProps)
+}];
+var testkitTests = [{
+  title: 'render',
+  props: _objectSpread(_objectSpread({}, requiredProps), {}, {
+    content: 'hello'
+  })
+}];
+exports.testkitTests = testkitTests;
+var ssrTests = [...sharedTests];
+exports.ssrTests = ssrTests;
+var a11yTests = [...sharedTests];
+exports.a11yTests = a11yTests;
+//# sourceMappingURL=Tooltip.meta.js.map

package/dist/cjs/Tooltip/Tooltip.meta.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["requiredProps","children","sharedTests","title","props","testkitTests","content","ssrTests","a11yTests"],"sources":["../../../src/Tooltip/Tooltip.meta.tsx"],"sourcesContent":["import { TooltipProps } from '.';\nimport React from \"react\";\n\n// This object should contain a mock value for each required prop of this component\nexport const requiredProps: TooltipProps = {\n  children: <div />,\n};\n\n// This array should contain an object only for tests you wish to run on all compliance tests\nconst sharedTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n    } as TooltipProps,\n  },\n];\n\nexport const testkitTests = [\n  {\n    title: 'render',\n    props: {\n      ...requiredProps,\n      content: 'hello',\n    } as TooltipProps,\n  },\n];\n\nexport const ssrTests = [...sharedTests];\n\nexport const a11yTests = [...sharedTests];\n"],"mappings":";;;;;;AACA;AAA0B;AAAA;AAAA;AAE1B;AACO,IAAMA,aAA2B,GAAG;EACzCC,QAAQ,eAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA;AACZ,CAAC;;AAED;AAAA;AACA,IAAMC,WAAW,GAAG,CAClB;EACEC,KAAK,EAAE,QAAQ;EACfC,KAAK,oBACAJ,aAAa;AAEpB,CAAC,CACF;AAEM,IAAMK,YAAY,GAAG,CAC1B;EACEF,KAAK,EAAE,QAAQ;EACfC,KAAK,kCACAJ,aAAa;IAChBM,OAAO,EAAE;EAAO;AAEpB,CAAC,CACF;AAAC;AAEK,IAAMC,QAAQ,GAAG,CAAC,GAAGL,WAAW,CAAC;AAAC;AAElC,IAAMM,SAAS,GAAG,CAAC,GAAGN,WAAW,CAAC;AAAC"}

package/dist/cjs/Tooltip/Tooltip.st.css

@@ -0,0 +1,24 @@
+@st-import Popover from "../Popover/Popover.st.css";
+@st-import [text-small-normal, text-tiny-thin] from "../Foundation/stylable/typography.st.css";
+
+.root {
+  -st-extends: Popover;
+  -st-states: size(enum(small, medium));
+  display: inline;
+}
+
+.root::content {
+  overflow-wrap: break-word;
+  word-wrap: break-word;
+  word-break: break-word;
+}
+
+.root:size(small)::content:skin(dark) {
+  -st-mixin: text-tiny-thin;
+  padding: 8px 12px 7px 12px;
+}
+
+.root:size(medium)::content:skin(dark) {
+  -st-mixin: text-small-normal;
+  padding: 12px 24px;
+}

package/dist/cjs/Tooltip/Tooltip.st.css.js

@@ -0,0 +1,25 @@
+
+require("../Popover/Popover.st.css.js");
+require("../Foundation/stylable/typography.st.css.js");
+const { classesRuntime, statesRuntime } = require("./../stylable-cjs-runtime.js");
+
+
+
+var _namespace_ = "wds_1_0_0_Tooltip";
+var _style_ = /*#__PURE__*/ classesRuntime.bind(null, _namespace_);
+
+module.exports.cssStates = /*#__PURE__*/ statesRuntime.bind(null, _namespace_);
+module.exports.style = /*#__PURE__*/ _style_;
+module.exports.st = /*#__PURE__*/ _style_;
+
+module.exports.namespace = _namespace_;
+module.exports.classes = {"root":"wds_1_0_0_Tooltip__root","text-small-normal":"wds_1_0_0_StylableTypography__text-small-normal","text-tiny-thin":"wds_1_0_0_StylableTypography__text-tiny-thin"};
+module.exports.keyframes = {}; 
+module.exports.layers = {};
+module.exports.containers = {};
+module.exports.stVars = {}; 
+module.exports.vars = {}; 
+
+
+
+

package/dist/cjs/Tooltip/Tooltip.types.js

@@ -0,0 +1,4 @@
+"use strict";
+
+exports.__esModule = true;
+//# sourceMappingURL=Tooltip.types.js.map

package/dist/cjs/Tooltip/Tooltip.types.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Tooltip/Tooltip.types.ts"],"sourcesContent":["import React from 'react';\nimport { Placement, AppendTo, PopoverProps } from '../Popover/Popover.types';\n\nexport type TooltipTextAlign = 'center' | 'start';\nexport type TooltipSize = 'small' | 'medium';\n\nexport interface TooltipChildrenProps {\n  onFocus: (\n    event: React.MouseEvent,\n    handlers?: {\n      focus: () => void;\n      blur: () => void;\n    },\n  ) => void;\n  onBlur: (event: React.MouseEvent, handlers?: { blur: () => void }) => void;\n}\n\nexport interface TooltipProps {\n  /** Applies a data-hook HTML attribute to be used in the tests */\n  dataHook?: string;\n  /** Applies a CSS class to the component’s root element */\n  className?: string;\n  /** Defines tooltip’s trigger element */\n  children: React.ReactNode | React.FC<TooltipChildrenProps>;\n  /** Defines the content to be shown inside a tooltip */\n  content?: React.ReactNode;\n  /** Allows showing a tooltip when hovering on a disabled trigger element with mouse */\n  disabled?: boolean;\n  /** Controls the alignment of tooltip’s content */\n  textAlign?: TooltipTextAlign;\n  /** Sets time to wait before showing the tooltip (in milliseconds) */\n  enterDelay?: number;\n  /** Sets time to wait before hiding the tooltip (in milliseconds) */\n  exitDelay?: number;\n  /** Moves a tooltip in relation to its trigger element on x or y axis */\n  moveBy?: PopoverProps['moveBy'];\n  /** Moves a tooltip’s arrow by a defined amount */\n  moveArrowTo?: number;\n  /**\n   * Calculates tooltip’s position in relation to a DOM element.\n   * Can be either: 'window', 'scrollParent', 'viewport', 'parent', element or\n   * function based predicate. I.e., (elm) => elm.getAttribute('data-hook') === 'value\n   */\n  appendTo?: AppendTo;\n  /** Flips a tooltip’s placement when it starts to overlap its trigger element */\n  flip?: boolean;\n  /** Enables keeping a tooltip at its original placement even when it is being positioned outside the boundary */\n  fixed?: boolean;\n  /** Defines max width of a tooltip in px. If content is wider than maxWidth allows, it wraps into multiple lines.\n   * @linkTypeTo https://developer.mozilla.org/en-US/docs/Web/CSS/max-width\n   */\n  maxWidth?: React.CSSProperties['maxWidth'];\n  /** Defines a callback function on tooltip’s show event */\n  onShow?: () => void;\n  /** Defines a callback function on tooltip’s hide event */\n  onHide?: () => void;\n  /** Sets tooltip’s placement in relation to its trigger element */\n  placement?: Placement;\n  /** Controls the size of a tooltip */\n  size?: TooltipSize;\n  /** Controls the tooltip’s z-index */\n  zIndex?: number;\n  /** Stretches the root element to the width of its container */\n  fluid?: boolean;\n  /** Connects tooltip’s trigger element to tooltip’s content for assistive technologies */\n  'aria-describedby'?: string;\n}\n\nexport type TooltipActions = {\n  open: () => void;\n  close: () => void;\n};\n"],"mappings":""}

package/dist/cjs/Tooltip/Tooltip.uni.driver.js

@@ -0,0 +1,96 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.tooltipDriverFactory = void 0;
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _PopoverUni = require("../Popover/Popover.uni.driver");
+var tooltipDriverFactory = (base, body) => {
+  var popoverDriver = (0, _PopoverUni.popoverUniDriverFactory)(base, body);
+  return {
+    /** returns true if trigger element exists on the DOM */
+    exists: function () {
+      var _exists = (0, _asyncToGenerator2.default)(function* () {
+        return popoverDriver.exists();
+      });
+      function exists() {
+        return _exists.apply(this, arguments);
+      }
+      return exists;
+    }(),
+    /** returns true if tooltip element exists on the DOM */
+    tooltipExists: function () {
+      var _tooltipExists = (0, _asyncToGenerator2.default)(function* () {
+        return popoverDriver.isContentElementExists();
+      });
+      function tooltipExists() {
+        return _tooltipExists.apply(this, arguments);
+      }
+      return tooltipExists;
+    }(),
+    /** mouse over the target element */
+    mouseEnter: function () {
+      var _mouseEnter = (0, _asyncToGenerator2.default)(function* () {
+        return popoverDriver.mouseEnter();
+      });
+      function mouseEnter() {
+        return _mouseEnter.apply(this, arguments);
+      }
+      return mouseEnter;
+    }(),
+    /** mouse leaves the target element */
+    mouseLeave: function () {
+      var _mouseLeave = (0, _asyncToGenerator2.default)(function* () {
+        return popoverDriver.mouseLeave();
+      });
+      function mouseLeave() {
+        return _mouseLeave.apply(this, arguments);
+      }
+      return mouseLeave;
+    }(),
+    /** clicks outside the tooltip target */
+    clickOutside: function () {
+      var _clickOutside = (0, _asyncToGenerator2.default)(function* () {
+        return popoverDriver.clickOutside();
+      });
+      function clickOutside() {
+        return _clickOutside.apply(this, arguments);
+      }
+      return clickOutside;
+    }(),
+    /** returns tooltips content value in string */
+    getTooltipText: function () {
+      var _getTooltipText = (0, _asyncToGenerator2.default)(function* () {
+        yield popoverDriver.mouseEnter();
+        try {
+          var text = (yield popoverDriver.getContentElementUniDriver()).text();
+          // Clean yourself!
+          yield popoverDriver.mouseLeave();
+          return text;
+        } catch (e) {
+          return null;
+        }
+      });
+      function getTooltipText() {
+        return _getTooltipText.apply(this, arguments);
+      }
+      return getTooltipText;
+    }(),
+    /**
+     * Checks whether tooltip has a given size
+     * @param {boolean} sizeName The tooltip size
+     * @return {Promise<boolean>}
+     */
+    hasSize: function () {
+      var _hasSize = (0, _asyncToGenerator2.default)(function* (sizeName) {
+        return (yield base.attr("data-size")) === sizeName;
+      });
+      function hasSize(_x) {
+        return _hasSize.apply(this, arguments);
+      }
+      return hasSize;
+    }()
+  };
+};
+exports.tooltipDriverFactory = tooltipDriverFactory;
+//# sourceMappingURL=Tooltip.uni.driver.js.map

package/dist/cjs/Tooltip/Tooltip.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["tooltipDriverFactory","base","body","popoverDriver","popoverUniDriverFactory","exists","tooltipExists","isContentElementExists","mouseEnter","mouseLeave","clickOutside","getTooltipText","text","getContentElementUniDriver","e","hasSize","sizeName","attr"],"sources":["../../../src/Tooltip/Tooltip.uni.driver.ts"],"sourcesContent":["import { popoverUniDriverFactory } from '../Popover/Popover.uni.driver';\n\nimport type { UniDriver } from 'wix-ui-test-utils/unidriver';\nimport type { TooltipSize } from './Tooltip.types';\n\nexport const tooltipDriverFactory = (base: UniDriver, body: UniDriver) => {\n  const popoverDriver = popoverUniDriverFactory(base, body);\n  return {\n    /** returns true if trigger element exists on the DOM */\n    exists: async () => popoverDriver.exists(),\n    /** returns true if tooltip element exists on the DOM */\n    tooltipExists: async () => popoverDriver.isContentElementExists(),\n    /** mouse over the target element */\n    mouseEnter: async () => popoverDriver.mouseEnter(),\n    /** mouse leaves the target element */\n    mouseLeave: async () => popoverDriver.mouseLeave(),\n    /** clicks outside the tooltip target */\n    clickOutside: async () => popoverDriver.clickOutside(),\n    /** returns tooltips content value in string */\n    getTooltipText: async () => {\n      await popoverDriver.mouseEnter();\n      try {\n        const text = (await popoverDriver.getContentElementUniDriver()).text();\n        // Clean yourself!\n        await popoverDriver.mouseLeave();\n        return text;\n      } catch (e) {\n        return null;\n      }\n    },\n    /**\n     * Checks whether tooltip has a given size\n     * @param {boolean} sizeName The tooltip size\n     * @return {Promise<boolean>}\n     */\n    hasSize: async (sizeName: TooltipSize) =>\n      (await base.attr(`data-size`)) === sizeName,\n  };\n};\n"],"mappings":";;;;;;AAAA;AAKO,IAAMA,oBAAoB,GAAG,CAACC,IAAe,EAAEC,IAAe,KAAK;EACxE,IAAMC,aAAa,GAAG,IAAAC,mCAAuB,EAACH,IAAI,EAAEC,IAAI,CAAC;EACzD,OAAO;IACL;IACAG,MAAM;MAAA,8CAAE;QAAA,OAAYF,aAAa,CAACE,MAAM,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAC1C;IACAC,aAAa;MAAA,qDAAE;QAAA,OAAYH,aAAa,CAACI,sBAAsB,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IACjE;IACAC,UAAU;MAAA,kDAAE;QAAA,OAAYL,aAAa,CAACK,UAAU,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAClD;IACAC,UAAU;MAAA,kDAAE;QAAA,OAAYN,aAAa,CAACM,UAAU,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IAClD;IACAC,YAAY;MAAA,oDAAE;QAAA,OAAYP,aAAa,CAACO,YAAY,EAAE;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;IACtD;IACAC,cAAc;MAAA,sDAAE,aAAY;QAC1B,MAAMR,aAAa,CAACK,UAAU,EAAE;QAChC,IAAI;UACF,IAAMI,IAAI,GAAG,OAAOT,aAAa,CAACU,0BAA0B,EAAE,EAAED,IAAI,EAAE;UACtE;UACA,MAAMT,aAAa,CAACM,UAAU,EAAE;UAChC,OAAOG,IAAI;QACb,CAAC,CAAC,OAAOE,CAAC,EAAE;UACV,OAAO,IAAI;QACb;MACF,CAAC;MAAA;QAAA;MAAA;MAAA;IAAA;IACD;AACJ;AACA;AACA;AACA;IACIC,OAAO;MAAA,+CAAE,WAAOC,QAAqB;QAAA,OACnC,OAAOf,IAAI,CAACgB,IAAI,aAAa,MAAMD,QAAQ;MAAA;MAAA;QAAA;MAAA;MAAA;IAAA;EAC/C,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/Tooltip/constants.js

@@ -0,0 +1,19 @@
+"use strict";
+
+exports.__esModule = true;
+exports.dataHooks = exports.TIMEOUT = exports.SIZES = void 0;
+var dataHooks = {
+  tooltipText: 'tooltip-text'
+};
+exports.dataHooks = dataHooks;
+var TIMEOUT = {
+  enter: 100,
+  exit: 150
+};
+exports.TIMEOUT = TIMEOUT;
+var SIZES = {
+  small: 'small',
+  medium: 'medium'
+};
+exports.SIZES = SIZES;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/Tooltip/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["dataHooks","tooltipText","TIMEOUT","enter","exit","SIZES","small","medium"],"sources":["../../../src/Tooltip/constants.ts"],"sourcesContent":["export const dataHooks = { tooltipText: 'tooltip-text' };\nexport const TIMEOUT = { enter: 100, exit: 150 };\nexport const SIZES = { small: 'small', medium: 'medium' };\n"],"mappings":";;;;AAAO,IAAMA,SAAS,GAAG;EAAEC,WAAW,EAAE;AAAe,CAAC;AAAC;AAClD,IAAMC,OAAO,GAAG;EAAEC,KAAK,EAAE,GAAG;EAAEC,IAAI,EAAE;AAAI,CAAC;AAAC;AAC1C,IAAMC,KAAK,GAAG;EAAEC,KAAK,EAAE,OAAO;EAAEC,MAAM,EAAE;AAAS,CAAC;AAAC"}

package/dist/cjs/Tooltip/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+var _exportNames = {};
+exports.default = void 0;
+var _Tooltip = _interopRequireDefault(require("./Tooltip"));
+exports.default = _Tooltip.default;
+var _Tooltip2 = require("./Tooltip.types");
+Object.keys(_Tooltip2).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _Tooltip2[key]) return;
+  exports[key] = _Tooltip2[key];
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/Tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../src/Tooltip/index.ts"],"sourcesContent":["export { default } from './Tooltip';\nexport * from './Tooltip.types';\n"],"mappings":";;;;;;AAAA;AAAoC;AACpC;AAAA;EAAA;EAAA;EAAA;EAAA;AAAA"}

package/dist/cjs/Transition/Toggle/Toggle.js

@@ -0,0 +1,55 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _useCollapse = require("../../providers/useCollapse");
+var _jsxFileName = "/home/builduser/work/31dad9578a4e06bb/packages/wix-design-system/dist/cjs/Transition/Toggle/Toggle.tsx";
+/** Toggle is a component to solve ReactTransitionGroup bug with lagging collapse and expand transitions. */
+var Toggle = _ref => {
+  var {
+    children,
+    dataHook,
+    mountOnEnter,
+    show,
+    timeout,
+    unmountOnExit,
+    onEnd,
+    onStart
+  } = _ref;
+  var {
+    getCollapseProps,
+    exitAnimationEnded
+  } = (0, _useCollapse.useCollapse)({
+    isExpanded: show,
+    duration: process.env.NODE_ENV === 'test' ? 0 : timeout,
+    onCollapseStart: onEnd,
+    onExpandStart: onStart
+  });
+  return /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({
+    "data-hook": dataHook
+  }, getCollapseProps(), {
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 26,
+      columnNumber: 5
+    }
+  }), !show && (unmountOnExit || mountOnEnter && unmountOnExit === false) && exitAnimationEnded ? null : children);
+};
+Toggle.displayName = 'Toggle';
+Toggle.propTypes = {
+  children: _propTypes.default.node,
+  dataHook: _propTypes.default.string,
+  mountOnEnter: _propTypes.default.bool,
+  onStart: _propTypes.default.func,
+  onEnd: _propTypes.default.func,
+  show: _propTypes.default.bool,
+  unmountOnExit: _propTypes.default.bool
+};
+var _default = Toggle;
+exports.default = _default;
+//# sourceMappingURL=Toggle.js.map

package/dist/cjs/Transition/Toggle/Toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Toggle","children","dataHook","mountOnEnter","show","timeout","unmountOnExit","onEnd","onStart","getCollapseProps","exitAnimationEnded","useCollapse","isExpanded","duration","process","env","NODE_ENV","onCollapseStart","onExpandStart","displayName","propTypes","PropTypes","node","string","bool","func"],"sources":["../../../../src/Transition/Toggle/Toggle.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport PropTypes from 'prop-types';\nimport { useCollapse } from '../../providers/useCollapse';\n\nimport { TransitionProps } from '../Transition.types';\n\n/** Toggle is a component to solve ReactTransitionGroup bug with lagging collapse and expand transitions. */\nconst Toggle = ({\n  children,\n  dataHook,\n  mountOnEnter,\n  show,\n  timeout,\n  unmountOnExit,\n  onEnd,\n  onStart,\n}: TransitionProps & { timeout: number }): ReactElement => {\n  const { getCollapseProps, exitAnimationEnded } = useCollapse({\n    isExpanded: show,\n    duration: process.env.NODE_ENV === 'test' ? 0 : timeout,\n    onCollapseStart: onEnd,\n    onExpandStart: onStart,\n  });\n\n  return (\n    <div data-hook={dataHook} {...getCollapseProps()}>\n      {!show &&\n      (unmountOnExit || (mountOnEnter && unmountOnExit === false)) &&\n      exitAnimationEnded\n        ? null\n        : children}\n    </div>\n  );\n};\n\nToggle.displayName = 'Toggle';\n\nToggle.propTypes = {\n  children: PropTypes.node,\n  dataHook: PropTypes.string,\n  mountOnEnter: PropTypes.bool,\n  onStart: PropTypes.func,\n  onEnd: PropTypes.func,\n  show: PropTypes.bool,\n  unmountOnExit: PropTypes.bool,\n};\n\nexport default Toggle;\n"],"mappings":";;;;;;AAAA;AACA;AACA;AAA0D;AAI1D;AACA,IAAMA,MAAM,GAAG,QAS4C;EAAA,IAT3C;IACdC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,IAAI;IACJC,OAAO;IACPC,aAAa;IACbC,KAAK;IACLC;EACqC,CAAC;EACtC,IAAM;IAAEC,gBAAgB;IAAEC;EAAmB,CAAC,GAAG,IAAAC,wBAAW,EAAC;IAC3DC,UAAU,EAAER,IAAI;IAChBS,QAAQ,EAAEC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,GAAG,CAAC,GAAGX,OAAO;IACvDY,eAAe,EAAEV,KAAK;IACtBW,aAAa,EAAEV;EACjB,CAAC,CAAC;EAEF,oBACE;IAAK,aAAWN;EAAS,GAAKO,gBAAgB,EAAE;IAAA;IAAA;MAAA;MAAA;MAAA;IAAA;EAAA,IAC7C,CAACL,IAAI,KACLE,aAAa,IAAKH,YAAY,IAAIG,aAAa,KAAK,KAAM,CAAC,IAC5DI,kBAAkB,GACd,IAAI,GACJT,QAAQ,CACR;AAEV,CAAC;AAEDD,MAAM,CAACmB,WAAW,GAAG,QAAQ;AAE7BnB,MAAM,CAACoB,SAAS,GAAG;EACjBnB,QAAQ,EAAEoB,kBAAS,CAACC,IAAI;EACxBpB,QAAQ,EAAEmB,kBAAS,CAACE,MAAM;EAC1BpB,YAAY,EAAEkB,kBAAS,CAACG,IAAI;EAC5BhB,OAAO,EAAEa,kBAAS,CAACI,IAAI;EACvBlB,KAAK,EAAEc,kBAAS,CAACI,IAAI;EACrBrB,IAAI,EAAEiB,kBAAS,CAACG,IAAI;EACpBlB,aAAa,EAAEe,kBAAS,CAACG;AAC3B,CAAC;AAAC,eAEaxB,MAAM;AAAA"}

package/dist/cjs/Transition/Toggle/Toggle.private.uni.driver.js

@@ -0,0 +1,20 @@
+"use strict";
+
+exports.__esModule = true;
+exports.togglePrivateDriverFactory = void 0;
+var _constants = require("../constants");
+var _unidriver = require("../../test-utils/utils/unidriver");
+var togglePrivateDriverFactory = base => {
+  var {
+    element,
+    exists
+  } = (0, _unidriver.baseUniDriverFactory)(base);
+  return {
+    exists,
+    element,
+    getToggleStyles: () => base.$$("[data-hook=\"".concat(_constants.dataHooks.toggleStyles, "\"]")).map(div => div.attr('style')),
+    getContentText: () => base.text()
+  };
+};
+exports.togglePrivateDriverFactory = togglePrivateDriverFactory;
+//# sourceMappingURL=Toggle.private.uni.driver.js.map

package/dist/cjs/Transition/Toggle/Toggle.private.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["togglePrivateDriverFactory","base","element","exists","baseUniDriverFactory","getToggleStyles","$$","dataHooks","toggleStyles","map","div","attr","getContentText","text"],"sources":["../../../../src/Transition/Toggle/Toggle.private.uni.driver.js"],"sourcesContent":["import { dataHooks } from '../constants';\nimport { baseUniDriverFactory } from '../../test-utils/utils/unidriver';\n\nexport const togglePrivateDriverFactory = base => {\n  const { element, exists } = baseUniDriverFactory(base);\n\n  return {\n    exists,\n    element,\n    getToggleStyles: () =>\n      base\n        .$$(`[data-hook=\"${dataHooks.toggleStyles}\"]`)\n        .map(div => div.attr('style')),\n    getContentText: () => base.text(),\n  };\n};\n"],"mappings":";;;;AAAA;AACA;AAEO,IAAMA,0BAA0B,GAAGC,IAAI,IAAI;EAChD,IAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,+BAAoB,EAACH,IAAI,CAAC;EAEtD,OAAO;IACLE,MAAM;IACND,OAAO;IACPG,eAAe,EAAE,MACfJ,IAAI,CACDK,EAAE,wBAAgBC,oBAAS,CAACC,YAAY,SAAK,CAC7CC,GAAG,CAACC,GAAG,IAAIA,GAAG,CAACC,IAAI,CAAC,OAAO,CAAC,CAAC;IAClCC,cAAc,EAAE,MAAMX,IAAI,CAACY,IAAI;EACjC,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/Transition/Toggle/Toggle.uni.driver.js

@@ -0,0 +1,17 @@
+"use strict";
+
+exports.__esModule = true;
+exports.toggleDriverFactory = void 0;
+var _unidriver = require("../test-utils/utils/unidriver");
+var toggleDriverFactory = base => {
+  var {
+    element,
+    exists
+  } = (0, _unidriver.baseUniDriverFactory)(base);
+  return {
+    exists,
+    element
+  };
+};
+exports.toggleDriverFactory = toggleDriverFactory;
+//# sourceMappingURL=Toggle.uni.driver.js.map

package/dist/cjs/Transition/Toggle/Toggle.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["toggleDriverFactory","base","element","exists","baseUniDriverFactory"],"sources":["../../../../src/Transition/Toggle/Toggle.uni.driver.js"],"sourcesContent":["import { baseUniDriverFactory } from '../test-utils/utils/unidriver';\n\nexport const toggleDriverFactory = base => {\n  const { element, exists } = baseUniDriverFactory(base);\n  return {\n    exists,\n    element,\n  };\n};\n"],"mappings":";;;;AAAA;AAEO,IAAMA,mBAAmB,GAAGC,IAAI,IAAI;EACzC,IAAM;IAAEC,OAAO;IAAEC;EAAO,CAAC,GAAG,IAAAC,+BAAoB,EAACH,IAAI,CAAC;EACtD,OAAO;IACLE,MAAM;IACND;EACF,CAAC;AACH,CAAC;AAAC"}

package/dist/cjs/Transition/Toggle/index.js

@@ -0,0 +1,8 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.default = void 0;
+var _Toggle = _interopRequireDefault(require("./Toggle"));
+exports.default = _Toggle.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Transition/Toggle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["../../../../src/Transition/Toggle/index.ts"],"sourcesContent":["export { default } from './Toggle';\n"],"mappings":";;;;;AAAA;AAAmC"}