npm - @channel.io/bezier-react - Versions diffs - 2.6.1 → 3.0.0 - Mend

@channel.io/bezier-react 2.6.1 → 3.0.0

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.

Files changed (956) hide show

package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js CHANGED Viewed

@@ -1,28 +1,10 @@
 'use strict';
 var React = require('react');
-var index = require('../../../node_modules/classnames/index.js');
+var index = require('../../../_virtual/index.js');
 var LegacyStack_module = require('./LegacyStack.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
-/**
- * @deprecated Use `Stack` instead.
- *
- * `Stack` provides an abstraction of **flex layout** so that
- * rendering of child elements **linearly** can be done
- * with simplified options.
- *
- * `Stack` always fills the parent element.
- *
- * Be reminded to list `StackItem`s to be direct child of `Stack`.
- * @example
- *
- * ```tsx
- * <Stack direction="horizontal" spacing={8}>
- *  <StackItem>{ ... }</StackItem>
- *  <StackItem>{ ... }</StackItem>
- * </Stack>
- * ```
- */
 const LegacyStack = /*#__PURE__*/React.forwardRef(function Stack({
   as = 'div',
   className,
@@ -35,32 +17,34 @@ const LegacyStack = /*#__PURE__*/React.forwardRef(function Stack({
 }, forwardedRef) {
   const Comp = as;
   const firstValidElementIdx = React.useRef(-1);
-  return /*#__PURE__*/React.createElement(Comp, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(Comp, {
     className: index.default(LegacyStack_module.default.LegacyStack, LegacyStack_module.default[`direction-${direction}`], LegacyStack_module.default[`justify-${justify}`], LegacyStack_module.default[`align-${align}`], className),
     ref: forwardedRef,
-    "data-testid": "bezier-legacy-stack"
-  }, rest), React.Children.map(children, (element, index) => {
-    var _element$props$margin;
-    if (! /*#__PURE__*/React.isValidElement(element)) {
-      return element;
-    }
+    "data-testid": "bezier-legacy-stack",
+    ...rest,
+    children: React.Children.map(children, (element, index) => {
+      var _element$props, _marginBefore, _element$props2;
+      if (! /*#__PURE__*/React.isValidElement(element)) {
+        return element;
+      }
-    /**
-     * NOTE: this assumes that this element is `StackItem`.
-     *
-     * Even if the child is not a `StackItem` component,
-     * it could forward the prop to `StackItem` deeper in the tree,
-     * or implement a custom behavior compatible with `StackItemProps`.
-     */
-    if (firstValidElementIdx.current === -1) {
-      firstValidElementIdx.current = index;
-    }
-    return /*#__PURE__*/React.cloneElement(element, {
-      ...element.props,
-      direction,
-      marginBefore: (_element$props$margin = element.props.marginBefore) !== null && _element$props$margin !== void 0 ? _element$props$margin : index > firstValidElementIdx.current ? spacing : 0
-    });
-  }));
+      /**
+       * NOTE: this assumes that this element is `StackItem`.
+       *
+       * Even if the child is not a `StackItem` component,
+       * it could forward the prop to `StackItem` deeper in the tree,
+       * or implement a custom behavior compatible with `StackItemProps`.
+       */
+      if (firstValidElementIdx.current === -1) {
+        firstValidElementIdx.current = index;
+      }
+      return /*#__PURE__*/React.cloneElement(element, {
+        ...((_element$props = element.props) !== null && _element$props !== void 0 ? _element$props : {}),
+        direction,
+        marginBefore: (_marginBefore = (_element$props2 = element.props) === null || _element$props2 === void 0 ? void 0 : _element$props2.marginBefore) !== null && _marginBefore !== void 0 ? _marginBefore : index > firstValidElementIdx.current ? spacing : 0
+      });
+    })
+  });
 });
 exports.LegacyStack = LegacyStack;

package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyStack.js","sources":["../../../../../src/components/LegacyStack/LegacyStack/LegacyStack.tsx"],"sourcesContent":["'use client'\n\nimport ~~React,~~ {\n Children,\n cloneElement,\n forwardRef,\n isValidElement,\n useRef,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport type LegacyStackProps from './LegacyStack.types'\n\nimport styles from './LegacyStack.module.scss'\n\n/*\n @deprecated Use `Stack` instead.\n \n `Stack` provides an abstraction of flex layout so that\n * rendering of child elements linearly can be done\n * with simplified options.\n \n `Stack` always fills the parent element.\n \n Be reminded to list `StackItem`s to be direct child of `Stack`.\n * @example\n \n ```tsx\n * <Stack direction=\"horizontal\" spacing={8}>\n * <StackItem>{ ... }</StackItem>\n * <StackItem>{ ... }</StackItem>\n * </Stack>\n * ```\n /\nexport const LegacyStack = forwardRef<HTMLElement, LegacyStackProps>(\n function Stack(\n {\n as = 'div',\n className,\n children,\n direction,\n justify = 'start',\n align = 'stretch',\n spacing = 0,\n ...rest\n },\n forwardedRef\n ) {\n const Comp = as\n const firstValidElementIdx = useRef(-1)\n\n return (\n <Comp\n className={classNames(\n styles.LegacyStack,\n styles[`direction-${direction}`],\n styles[`justify-${justify}`],\n styles[`align-${align}`],\n className\n )}\n ref={forwardedRef}\n data-testid=\"bezier-legacy-stack\"\n {...rest}\n >\n {Children.map(children, (element, index) => {\n if (!isValidElement(element)) {\n return element\n }\n\n /\n NOTE: this assumes that this element is `StackItem`.\n \n Even if the child is not a `StackItem` component,\n * it could forward the prop to `StackItem` deeper in the tree,\n * or implement a custom behavior compatible with `StackItemProps`.\n */\n if (firstValidElementIdx.current === -1) {\n firstValidElementIdx.current = index\n }\n return cloneElement(element, {\n ...element.props,\n direction,\n marginBefore:\n element.props.marginBefore ??\n (index > firstValidElementIdx.current ? spacing : 0),\n })\n })}\n </Comp>\n )\n }\n)\n"],"names":["LegacyStack","forwardRef","Stack","as","className","children","direction","justify","align","spacing","rest","forwardedRef","Comp","firstValidElementIdx","useRef","~~React~~","~~createElement","Object","assign","~~classNames","styles","ref","Children","map","element","index","_element$props$~~margin~~","isValidElement","current","cloneElement","props","marginBefore"],"mappings":"~~;;;;;;AAgBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA~~,WAAW,gBAAGC,gBAAU,CACnC,SAASC,KAAKA,CACZ;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC~~,IAAAA~~;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGT,EAAE~~,CAAA~~;AACf,EAAA,MAAMU,oBAAoB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC~~,CAAA~~;EAEvC,oBACEC,~~KAAA~~,~~CAAAC~~,~~aAAA,CAACJ,~~IAAI,~~EAAAK,MAAA,CAAAC,MAAA,CAAA~~;~~AACHd~~,IAAAA,SAAS,~~EAAEe~~,aAAU,CACnBC,0BAAM,~~CAACpB~~,WAAW,~~EAClBoB~~,0BAAM,CAAC,CAAA,UAAA,~~EAAad~~,SAAS,CAAA,CAAE,CAAC,~~EAChCc~~,0BAAM,CAAC,~~CAAWb~~,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,~~EAC5Ba~~,0BAAM,CAAC,CAAA,MAAA,~~EAASZ~~,KAAK,CAAA,CAAE,CAAC,EACxBJ,SACF,CAAE;~~AACFiB~~,IAAAA,GAAG,~~EAAEV~~,YAAa;~~IAClB~~,~~aAAY~~,~~EAAA~~,~~qBAAA~~;~~AAAqB~~,~~GAAA~~,~~EAC7BD~~,IAAI,~~CAAA~~,~~EAEPY~~,cAAQ,CAACC,GAAG,~~CAAClB~~,QAAQ,EAAE,~~CAACmB~~,OAAO,EAAEC,KAAK,KAAK;AAAA,~~IAAA~~,IAAAC,~~qBAAA~~,~~CAAA~~;AAC1C,~~IAAA~~,IAAI,eAACC,oBAAc,~~CAACH~~,OAAO,CAAC,EAAE;AAC5B,~~MAAA~~,OAAOA,OAAO~~,CAAA~~;AAChB~~,KAAA~~;;AAEA;AACV;AACA;AACA;AACA;AACA;AACA;AACU,~~IAAA~~,~~IAAIX~~,oBAAoB,~~CAACe~~,OAAO,KAAK,CAAC,CAAC,EAAE;~~MACvCf~~,oBAAoB,~~CAACe~~,OAAO,~~GAAGH~~,KAAK~~,CAAA~~;AACtC~~,KAAA~~;~~IACA~~,~~oBAAOI~~,kBAAY,~~CAACL~~,OAAO,EAAE;~~MAC3B~~,~~GAAGA~~,OAAO,~~CAACM~~,KAAK;~~MAChBxB~~,SAAS;~~MACTyB~~,YAAY,EAAA,~~CAAAL~~,~~qBAAA~~,~~GACVF~~,OAAO,~~CAACM~~,KAAK,~~CAACC~~,YAAY,~~MAAAL~~,IAAAA,IAAAA,~~qBAAA~~,~~cAAAA~~,~~qBAAA~~,~~GACzBD~~,KAAK,~~GAAGZ~~,oBAAoB,~~CAACe~~,OAAO,~~GAAGnB~~,OAAO,GAAG~~,CAAA~~;AACtD,~~KAAC~~,CAAC~~,CAAA~~;~~AACJ~~,~~GAAC~~,~~CACG,~~CAAC~~,CAAA~~;AAEX,CACF;;;;"}
1	+ {"version":3,"file":"LegacyStack.js","sources":["../../../../../src/components/LegacyStack/LegacyStack/LegacyStack.tsx"],"sourcesContent":["'use client'\n\nimport {\n Children,\n cloneElement,\n forwardRef,\n isValidElement,\n useRef,\n} from 'react'\n\nimport classNames from 'classnames'\n\n// eslint-disable-next-line no-restricted-imports\nimport { type LegacyStackItemProps } from '../LegacyStackItem'\n\nimport type LegacyStackProps from './LegacyStack.types'\n\nimport styles from './LegacyStack.module.scss'\n\n/*\n @deprecated Use `Stack` instead.\n \n `Stack` provides an abstraction of flex layout so that\n * rendering of child elements linearly can be done\n * with simplified options.\n \n `Stack` always fills the parent element.\n \n Be reminded to list `StackItem`s to be direct child of `Stack`.\n * @example\n \n ```tsx\n * <Stack direction=\"horizontal\" spacing={8}>\n * <StackItem>{ ... }</StackItem>\n * <StackItem>{ ... }</StackItem>\n * </Stack>\n * ```\n /\nexport const LegacyStack = forwardRef<HTMLElement, LegacyStackProps>(\n function Stack(\n {\n as = 'div',\n className,\n children,\n direction,\n justify = 'start',\n align = 'stretch',\n spacing = 0,\n ...rest\n },\n forwardedRef\n ) {\n const Comp = as\n const firstValidElementIdx = useRef(-1)\n\n return (\n <Comp\n className={classNames(\n styles.LegacyStack,\n styles[`direction-${direction}`],\n styles[`justify-${justify}`],\n styles[`align-${align}`],\n className\n )}\n ref={forwardedRef}\n data-testid=\"bezier-legacy-stack\"\n {...rest}\n >\n {Children.map(children, (element, index) => {\n if (!isValidElement(element)) {\n return element\n }\n\n /\n NOTE: this assumes that this element is `StackItem`.\n \n Even if the child is not a `StackItem` component,\n * it could forward the prop to `StackItem` deeper in the tree,\n * or implement a custom behavior compatible with `StackItemProps`.\n */\n if (firstValidElementIdx.current === -1) {\n firstValidElementIdx.current = index\n }\n return cloneElement(element, {\n ...(element.props ?? {}),\n direction,\n marginBefore:\n (element.props as LegacyStackItemProps)?.marginBefore ??\n (index > firstValidElementIdx.current ? spacing : 0),\n } as LegacyStackItemProps)\n })}\n </Comp>\n )\n }\n)\n"],"names":["LegacyStack","forwardRef","Stack","as","className","children","direction","justify","align","spacing","rest","forwardedRef","Comp","firstValidElementIdx","useRef","_jsx","classNames","styles","ref","Children","map","element","index","_element$props","_marginBefore","_element$props2","isValidElement","current","cloneElement","props","marginBefore"],"mappings":";;;;;;;MAsCaA,WAAW,gBAAGC,gBAAU,CACnC,SAASC,KAAKA,CACZ;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGT,EAAE;AACf,EAAA,MAAMU,oBAAoB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC;EAEvC,oBACEC,cAAA,CAACH,IAAI,EAAA;AACHR,IAAAA,SAAS,EAAEY,aAAU,CACnBC,0BAAM,CAACjB,WAAW,EAClBiB,0BAAM,CAAC,CAAA,UAAA,EAAaX,SAAS,CAAA,CAAE,CAAC,EAChCW,0BAAM,CAAC,CAAWV,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5BU,0BAAM,CAAC,CAAA,MAAA,EAAST,KAAK,CAAA,CAAE,CAAC,EACxBJ,SACF,CAAE;AACFc,IAAAA,GAAG,EAAEP,YAAa;AAClB,IAAA,aAAA,EAAY,qBAAqB;AAAA,IAAA,GAC7BD,IAAI;IAAAL,QAAA,EAEPc,cAAQ,CAACC,GAAG,CAACf,QAAQ,EAAE,CAACgB,OAAO,EAAEC,KAAK,KAAK;AAAA,MAAA,IAAAC,cAAA,EAAAC,aAAA,EAAAC,eAAA;AAC1C,MAAA,IAAI,eAACC,oBAAc,CAACL,OAAO,CAAC,EAAE;AAC5B,QAAA,OAAOA,OAAO;AAChB;;AAEA;AACV;AACA;AACA;AACA;AACA;AACA;AACU,MAAA,IAAIR,oBAAoB,CAACc,OAAO,KAAK,CAAC,CAAC,EAAE;QACvCd,oBAAoB,CAACc,OAAO,GAAGL,KAAK;AACtC;MACA,oBAAOM,kBAAY,CAACP,OAAO,EAAE;AAC3B,QAAA,IAAA,CAAAE,cAAA,GAAIF,OAAO,CAACQ,KAAK,MAAA,IAAA,IAAAN,cAAA,KAAA,KAAA,CAAA,GAAAA,cAAA,GAAI,EAAE,CAAC;QACxBjB,SAAS;QACTwB,YAAY,EAAA,CAAAN,aAAA,GAAA,CAAAC,eAAA,GACTJ,OAAO,CAACQ,KAAK,MAAA,IAAA,IAAAJ,eAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,eAAA,CAAyCK,YAAY,MAAAN,IAAAA,IAAAA,aAAA,KAAAA,KAAAA,CAAAA,GAAAA,aAAA,GACpDF,KAAK,GAAGT,oBAAoB,CAACc,OAAO,GAAGlB,OAAO,GAAG;AACtD,OAAyB,CAAC;KAC3B;AAAC,GACE,CAAC;AAEX,CACF;;;;"}

package/dist/cjs/components/LegacyStack/LegacyStackItem/LegacyStackItem.js CHANGED Viewed

@@ -1,9 +1,10 @@
 'use strict';
 var React = require('react');
-var index = require('../../../node_modules/classnames/index.js');
+var index = require('../../../_virtual/index.js');
 var type = require('../../../utils/type.js');
 var LegacyStackItem_module = require('./LegacyStackItem.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 const sanitizeWeight = weight => {
   if (weight < 0) {
@@ -55,7 +56,7 @@ const LegacyStackItem = /*#__PURE__*/React.forwardRef(function StackItem({
   ...rest
 }, forwardedRef) {
   const Comp = as;
-  return /*#__PURE__*/React.createElement(Comp, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(Comp, {
     ref: forwardedRef,
     style: {
       ...style,
@@ -66,8 +67,10 @@ const LegacyStackItem = /*#__PURE__*/React.forwardRef(function StackItem({
       '--b-margin-after': `${marginAfter}px`
     },
     className: index.default(LegacyStackItem_module.default.LegacyStackItem, LegacyStackItem_module.default[`direction-${direction}`], LegacyStackItem_module.default[`justify-${justify}`], LegacyStackItem_module.default[`align-${align}`], className),
-    "data-testid": "bezier-legacy-stack-item"
-  }, rest), children);
+    "data-testid": "bezier-legacy-stack-item",
+    ...rest,
+    children: children
+  });
 });
 exports.LegacyStackItem = LegacyStackItem;

package/dist/cjs/components/LegacyStack/LegacyStackItem/LegacyStackItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyStackItem.js","sources":["../../../../../src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx"],"sourcesContent":["'use client'\n\nimport ~~React,~~ { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isInteger, isNil } from '~/src/utils/type'\n\nimport type LegacyStackItemProps from './LegacyStackItem.types'\n\nimport styles from './LegacyStackItem.module.scss'\n\nconst sanitizeWeight = (weight: number): number => {\n if (weight < 0) {\n return 0\n }\n if (!isInteger(weight)) {\n return 0\n }\n return weight\n}\n\n/*\n @deprecated Use layout components(`Box`, `Stack`) that support flex item related properties (`shrink`, `grow`) instead.\n * @example\n \n ```\n * <Stack>\n * <Stack grow={1} shrink={1} {...}>\n * { ... }\n * </Stack>\n * <Box grow={0} shrink={0} {...} />\n * </Stack>\n * ```\n \n \n * `StackItem` is used along `Stack`.\n * It inherits the default settings from `Stack`,\n * but allows to override some props to customize the behavior\n * of particular item.\n \n If you are not using `StackItem` as the direct child of `Stack`,\n * be reminded to forward props in `StackItemProps` to `StackItem` component,\n * or manually implement the behavior compatible with `StackItem`.\n */\nexport const LegacyStackItem = forwardRef<HTMLElement, LegacyStackItemProps>(\n function StackItem(\n {\n as = 'div',\n children,\n style,\n className,\n direction,\n justify,\n align,\n size,\n weight = 0,\n grow = false,\n shrink = false,\n marginBefore = 0,\n marginAfter = 0,\n ...rest\n },\n forwardedRef\n ) {\n const Comp = as\n\n return (\n <Comp\n ref={forwardedRef}\n style={{\n ...style,\n '--b-main-axis-size': isNil(size) ? 'initial' : `${size}px`,\n '--b-grow-weight': grow ? sanitizeWeight(weight) : '0',\n '--b-shrink-weight': shrink ? sanitizeWeight(weight) : '0',\n '--b-margin-before': `${marginBefore}px`,\n '--b-margin-after': `${marginAfter}px`,\n }}\n className={classNames(\n styles.LegacyStackItem,\n styles[`direction-${direction}`],\n styles[`justify-${justify}`],\n styles[`align-${align}`],\n className\n )}\n data-testid=\"bezier-legacy-stack-item\"\n {...rest}\n >\n {children}\n </Comp>\n )\n }\n)\n"],"names":["sanitizeWeight","weight","isInteger","LegacyStackItem","forwardRef","StackItem","as","children","style","className","direction","justify","align","size","grow","shrink","marginBefore","marginAfter","rest","forwardedRef","Comp","~~React~~","~~createElement","Object","assign","~~ref","isNil","classNames","styles"],"mappings":"~~;;;;;;;~~AAYA,MAAMA,cAAc,GAAIC,MAAc,IAAa;EACjD,IAAIA,MAAM,GAAG,CAAC,EAAE;AACd,IAAA,OAAO,CAAC~~,CAAA~~;AACV~~,GAAA~~;AACA,EAAA,IAAI,CAACC,cAAS,CAACD,MAAM,CAAC,EAAE;AACtB,IAAA,OAAO,CAAC~~,CAAA~~;AACV~~,GAAA~~;AACA,EAAA,OAAOA,MAAM~~,CAAA~~;AACf,CAAC~~,CAAA~~;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaE,eAAe,gBAAGC,gBAAU,CACvC,SAASC,SAASA,CAChB;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,KAAK;EACLC,IAAI;AACJZ,EAAAA,MAAM,GAAG,CAAC;AACVa,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,MAAM,GAAG,KAAK;AACdC,EAAAA,YAAY,GAAG,CAAC;AAChBC,EAAAA,WAAW,GAAG,CAAC;EACf,GAAGC~~,IAAAA~~;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGd,EAAE~~,CAAA~~;EAEf,oBACEe,~~KAAA~~,~~CAAAC~~,~~aAAA,CAACF,~~IAAI,~~EAAAG,MAAA,CAAAC,MAAA,CAAA~~;~~AACHC~~,IAAAA,GAAG,~~EAAEN~~,YAAa;AAClBX,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,KAAK;MACR,oBAAoB,~~EAAEkB~~,UAAK,~~CAACb~~,IAAI,CAAC,GAAG,SAAS,GAAG,CAAGA,EAAAA,IAAI,CAAI,EAAA,CAAA;MAC3D,iBAAiB,EAAEC,IAAI,GAAGd,cAAc,CAACC,MAAM,CAAC,GAAG,GAAG;MACtD,mBAAmB,EAAEc,MAAM,GAAGf,cAAc,CAACC,MAAM,CAAC,GAAG,GAAG;MAC1D,mBAAmB,EAAE,CAAGe,EAAAA,YAAY,CAAI,EAAA,CAAA;MACxC,kBAAkB,EAAE,GAAGC,WAAW,CAAA,EAAA~~,CAAA~~;KAClC;AACFR,IAAAA,SAAS,~~EAAEkB~~,aAAU,CACnBC,8BAAM,~~CAACzB~~,eAAe,~~EACtByB~~,8BAAM,CAAC,CAAA,UAAA,~~EAAalB~~,SAAS,CAAA,CAAE,CAAC,~~EAChCkB~~,8BAAM,CAAC,~~CAAWjB~~,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,~~EAC5BiB~~,8BAAM,CAAC,CAAA,MAAA,~~EAAShB~~,KAAK,CAAA,CAAE,CAAC,EACxBH,SACF,CAAE;~~IACF~~,~~aAAY~~,~~EAAA~~,~~0BAAA~~;~~GACRS~~,~~EAAAA~~,IAAI,~~CAEPX~~,~~EAAAA~~,~~QACG~~,CAAC~~,CAAA~~;AAEX,CACF;;;;"}
1	+ {"version":3,"file":"LegacyStackItem.js","sources":["../../../../../src/components/LegacyStack/LegacyStackItem/LegacyStackItem.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isInteger, isNil } from '~/src/utils/type'\n\nimport type LegacyStackItemProps from './LegacyStackItem.types'\n\nimport styles from './LegacyStackItem.module.scss'\n\nconst sanitizeWeight = (weight: number): number => {\n if (weight < 0) {\n return 0\n }\n if (!isInteger(weight)) {\n return 0\n }\n return weight\n}\n\n/*\n @deprecated Use layout components(`Box`, `Stack`) that support flex item related properties (`shrink`, `grow`) instead.\n * @example\n \n ```\n * <Stack>\n * <Stack grow={1} shrink={1} {...}>\n * { ... }\n * </Stack>\n * <Box grow={0} shrink={0} {...} />\n * </Stack>\n * ```\n \n \n * `StackItem` is used along `Stack`.\n * It inherits the default settings from `Stack`,\n * but allows to override some props to customize the behavior\n * of particular item.\n \n If you are not using `StackItem` as the direct child of `Stack`,\n * be reminded to forward props in `StackItemProps` to `StackItem` component,\n * or manually implement the behavior compatible with `StackItem`.\n */\nexport const LegacyStackItem = forwardRef<HTMLElement, LegacyStackItemProps>(\n function StackItem(\n {\n as = 'div',\n children,\n style,\n className,\n direction,\n justify,\n align,\n size,\n weight = 0,\n grow = false,\n shrink = false,\n marginBefore = 0,\n marginAfter = 0,\n ...rest\n },\n forwardedRef\n ) {\n const Comp = as\n\n return (\n <Comp\n ref={forwardedRef}\n style={{\n ...style,\n '--b-main-axis-size': isNil(size) ? 'initial' : `${size}px`,\n '--b-grow-weight': grow ? sanitizeWeight(weight) : '0',\n '--b-shrink-weight': shrink ? sanitizeWeight(weight) : '0',\n '--b-margin-before': `${marginBefore}px`,\n '--b-margin-after': `${marginAfter}px`,\n }}\n className={classNames(\n styles.LegacyStackItem,\n styles[`direction-${direction}`],\n styles[`justify-${justify}`],\n styles[`align-${align}`],\n className\n )}\n data-testid=\"bezier-legacy-stack-item\"\n {...rest}\n >\n {children}\n </Comp>\n )\n }\n)\n"],"names":["sanitizeWeight","weight","isInteger","LegacyStackItem","forwardRef","StackItem","as","children","style","className","direction","justify","align","size","grow","shrink","marginBefore","marginAfter","rest","forwardedRef","Comp","_jsx","ref","isNil","classNames","styles"],"mappings":";;;;;;;;AAYA,MAAMA,cAAc,GAAIC,MAAc,IAAa;EACjD,IAAIA,MAAM,GAAG,CAAC,EAAE;AACd,IAAA,OAAO,CAAC;AACV;AACA,EAAA,IAAI,CAACC,cAAS,CAACD,MAAM,CAAC,EAAE;AACtB,IAAA,OAAO,CAAC;AACV;AACA,EAAA,OAAOA,MAAM;AACf,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaE,eAAe,gBAAGC,gBAAU,CACvC,SAASC,SAASA,CAChB;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,SAAS;EACTC,OAAO;EACPC,KAAK;EACLC,IAAI;AACJZ,EAAAA,MAAM,GAAG,CAAC;AACVa,EAAAA,IAAI,GAAG,KAAK;AACZC,EAAAA,MAAM,GAAG,KAAK;AACdC,EAAAA,YAAY,GAAG,CAAC;AAChBC,EAAAA,WAAW,GAAG,CAAC;EACf,GAAGC;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGd,EAAE;EAEf,oBACEe,cAAA,CAACD,IAAI,EAAA;AACHE,IAAAA,GAAG,EAAEH,YAAa;AAClBX,IAAAA,KAAK,EAAE;AACL,MAAA,GAAGA,KAAK;MACR,oBAAoB,EAAEe,UAAK,CAACV,IAAI,CAAC,GAAG,SAAS,GAAG,CAAGA,EAAAA,IAAI,CAAI,EAAA,CAAA;MAC3D,iBAAiB,EAAEC,IAAI,GAAGd,cAAc,CAACC,MAAM,CAAC,GAAG,GAAG;MACtD,mBAAmB,EAAEc,MAAM,GAAGf,cAAc,CAACC,MAAM,CAAC,GAAG,GAAG;MAC1D,mBAAmB,EAAE,CAAGe,EAAAA,YAAY,CAAI,EAAA,CAAA;MACxC,kBAAkB,EAAE,GAAGC,WAAW,CAAA,EAAA;KAClC;AACFR,IAAAA,SAAS,EAAEe,aAAU,CACnBC,8BAAM,CAACtB,eAAe,EACtBsB,8BAAM,CAAC,CAAA,UAAA,EAAaf,SAAS,CAAA,CAAE,CAAC,EAChCe,8BAAM,CAAC,CAAWd,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5Bc,8BAAM,CAAC,CAAA,MAAA,EAASb,KAAK,CAAA,CAAE,CAAC,EACxBH,SACF,CAAE;AACF,IAAA,aAAA,EAAY,0BAA0B;AAAA,IAAA,GAClCS,IAAI;AAAAX,IAAAA,QAAA,EAEPA;AAAQ,GACL,CAAC;AAEX,CACF;;;;"}

package/dist/cjs/components/LegacyStack/LegacyVStack/LegacyVStack.js CHANGED Viewed

@@ -1,6 +1,7 @@
 'use strict';
 var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
 var LegacyStack = require('../LegacyStack/LegacyStack.js');
 /**
@@ -9,10 +10,11 @@ var LegacyStack = require('../LegacyStack/LegacyStack.js');
  * A container for vertical flex layout.
  */
 const LegacyVStack = /*#__PURE__*/React.forwardRef(function VStack(props, forwardedRef) {
-  return /*#__PURE__*/React.createElement(LegacyStack.LegacyStack, Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsx(LegacyStack.LegacyStack, {
     ref: forwardedRef,
-    direction: "vertical"
-  }, props));
+    direction: "vertical",
+    ...props
+  });
 });
 exports.LegacyVStack = LegacyVStack;

package/dist/cjs/components/LegacyStack/LegacyVStack/LegacyVStack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyVStack.js","sources":["../../../../../src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx"],"sourcesContent":["'use client'\n\nimport ~~React,~~ { forwardRef } from 'react'\n\nimport { LegacyStack } from '~/src/components/LegacyStack/LegacyStack'\n\nimport type LegacyVStackProps from './LegacyVStack.types'\n\n/*\n @deprecated Use `VStack` instead.\n \n A container for vertical flex layout.\n */\nexport const LegacyVStack = forwardRef<HTMLElement, LegacyVStackProps>(\n function VStack(props, forwardedRef) {\n return (\n <LegacyStack\n ref={forwardedRef}\n direction=\"vertical\"\n {...props}\n />\n )\n }\n)\n"],"names":["LegacyVStack","forwardRef","VStack","props","forwardedRef","~~React~~","~~createElement","~~LegacyStack","~~Object","assign","~~ref","direction"],"mappings":"~~;;;;;~~AAQA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,oBACEC,~~KAAA~~,~~CAAAC,aAAA,~~CAACC,uBAAW,~~EAAAC,MAAA,CAAAC,MAAA,CAAA~~;AACVC,IAAAA,GAAG,~~EAAEN~~,YAAa;~~AAClBO~~,IAAAA,SAAS,EAAC,~~UAAA~~;~~GACNR~~,~~EAAAA~~,~~KAAK~~,~~CACV,~~CAAC~~,CAAA~~;AAEN,CACF;;;;"}
1	+ {"version":3,"file":"LegacyVStack.js","sources":["../../../../../src/components/LegacyStack/LegacyVStack/LegacyVStack.tsx"],"sourcesContent":["'use client'\n\nimport { forwardRef } from 'react'\n\nimport { LegacyStack } from '~/src/components/LegacyStack/LegacyStack'\n\nimport type LegacyVStackProps from './LegacyVStack.types'\n\n/*\n @deprecated Use `VStack` instead.\n \n A container for vertical flex layout.\n */\nexport const LegacyVStack = forwardRef<HTMLElement, LegacyVStackProps>(\n function VStack(props, forwardedRef) {\n return (\n <LegacyStack\n ref={forwardedRef}\n direction=\"vertical\"\n {...props}\n />\n )\n }\n)\n"],"names":["LegacyVStack","forwardRef","VStack","props","forwardedRef","_jsx","LegacyStack","ref","direction"],"mappings":";;;;;;AAQA;AACA;AACA;AACA;AACA;AACO,MAAMA,YAAY,gBAAGC,gBAAU,CACpC,SAASC,MAAMA,CAACC,KAAK,EAAEC,YAAY,EAAE;EACnC,oBACEC,cAAA,CAACC,uBAAW,EAAA;AACVC,IAAAA,GAAG,EAAEH,YAAa;AAClBI,IAAAA,SAAS,EAAC,UAAU;IAAA,GAChBL;AAAK,GACV,CAAC;AAEN,CACF;;;;"}

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js CHANGED Viewed

@@ -1,9 +1,10 @@
 'use strict';
 var React = require('react');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var LegacyTooltipContent = require('./LegacyTooltipContent.js');
 var LegacyTooltip_module = require('./LegacyTooltip.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var WindowProvider = require('../WindowProvider/WindowProvider.js');
 const TOOLTIP_TEST_ID = 'bezier-tooltip';
@@ -39,7 +40,7 @@ const LegacyTooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(func
   const [show, setShow] = React.useState(false);
   const [didMount, setDidMount] = React.useState(show);
   const tooltipContainerRef = React.useRef(null);
-  const timerRef = React.useRef();
+  const timerRef = React.useRef(undefined);
   React.useEffect(function hideTooltipContentWhenDisabled() {
     if (disabled) {
       setShow(false);
@@ -72,7 +73,7 @@ const LegacyTooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(func
   }, [delayHide, disabled, window]);
   const TooltipComponent = React.useMemo(() => {
     if (!lazy || didMount) {
-      return /*#__PURE__*/React.createElement(LegacyTooltipContent.LegacyTooltipContent, {
+      return /*#__PURE__*/jsxRuntime.jsx(LegacyTooltipContent.LegacyTooltipContent, {
         as: as,
         content: content,
         contentStyle: contentStyle,
@@ -94,13 +95,15 @@ const LegacyTooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(func
   if (!children) {
     return null;
   }
-  return /*#__PURE__*/React.createElement("div", Object.assign({
+  return /*#__PURE__*/jsxRuntime.jsxs("div", {
     ref: tooltipContainerRef,
     className: index.default(LegacyTooltip_module.default.LegacyTooltip, className),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
-    "data-testid": TOOLTIP_TEST_ID
-  }, otherProps), children, show && TooltipComponent);
+    "data-testid": TOOLTIP_TEST_ID,
+    ...otherProps,
+    children: [children, show && TooltipComponent]
+  });
 }));
 exports.LegacyTooltip = LegacyTooltip;

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["'use client'\n\nimport ~~React,~~ {\n type Ref,\n forwardRef,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport { useWindow } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/*\n @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n forwardRef(function LegacyTooltip(\n {\n as,\n contentTestId = TOOLTIP_CONTENT_TEST_ID,\n className,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n content = null,\n lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n placement = 'bottom-center',\n disabled = false,\n offset = 4,\n keepInContainer = false,\n allowHover = false,\n delayShow = 0,\n delayHide = 0,\n children,\n ...otherProps\n }: LegacyTooltipProps,\n forwardedRef: Ref<any>\n ) {\n const { window } = useWindow()\n\n const [show, setShow] = useState(false)\n const [didMount, setDidMount] = useState(show)\n\n const tooltipContainerRef = useRef<HTMLDivElement>(null)\n const timerRef = useRef<ReturnType<Window['setTimeout']>>()\n\n useEffect(\n function hideTooltipContentWhenDisabled() {\n if (disabled) {\n setShow(false)\n }\n },\n [disabled]\n )\n\n useEffect(\n function updateDidMount() {\n setDidMount((prev) => prev \|\| show)\n },\n [show]\n )\n\n const handleMouseEnter = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(true)\n }, delayShow)\n }, [delayShow, disabled, window])\n\n const handleMouseLeave = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(false)\n }, delayHide)\n }, [delayHide, disabled, window])\n\n const TooltipComponent = useMemo(() => {\n if (!lazy \|\| didMount) {\n return (\n <LegacyTooltipContent\n as={as}\n content={content}\n contentStyle={contentStyle}\n contentClassName={contentClassName}\n contentWrapperStyle={contentWrapperStyle}\n contentWrapperClassName={contentWrapperClassName}\n disabled={disabled}\n placement={placement}\n offset={offset}\n allowHover={allowHover}\n keepInContainer={keepInContainer}\n tooltipContainer={tooltipContainerRef.current}\n forwardedRef={forwardedRef}\n data-testid={contentTestId}\n />\n )\n }\n\n return null\n }, [\n lazy,\n didMount,\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n disabled,\n placement,\n offset,\n allowHover,\n keepInContainer,\n forwardedRef,\n contentTestId,\n ])\n\n if (!children) {\n return null\n }\n\n return (\n <div\n ref={tooltipContainerRef}\n className={classNames(styles.LegacyTooltip, className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n data-testid={TOOLTIP_TEST_ID}\n {...otherProps}\n >\n {children}\n {show && TooltipComponent}\n </div>\n )\n })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","~~React~~","~~createElement","~~LegacyTooltipContent","tooltipContainer","~~Object~~","~~assign","~~ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":"~~;;;;;;;;~~AAsBO,MAAMA,eAAe,GAAG~~,iBAAgB~~;~~AACxC~~,MAAMC,uBAAuB,GAAG~~,yBAAwB~~;;~~AAE/D~~;AACA;AACA;AACO,MAAMC,aAAa,gBAAGC,UAAI,cAC/BC,gBAAU,CAAC,SAASF,aAAaA,CAC/B;EACEG,EAAE;AACFC,EAAAA,aAAa,GAAGL,uBAAuB;EACvCM,SAAS;EACTC,YAAY;EACZC,gBAAgB;EAChBC,mBAAmB;EACnBC,uBAAuB;AACvBC,EAAAA,OAAO,GAAG,IAAI;AACdC,EAAAA,IAAI,GAAG,KAAK;AAAE;AACdC,EAAAA,SAAS,GAAG,eAAe;AAC3BC,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,MAAM,GAAG,CAAC;AACVC,EAAAA,eAAe,GAAG,KAAK;AACvBC,EAAAA,UAAU,GAAG,KAAK;AAClBC,EAAAA,SAAS,GAAG,CAAC;AACbC,EAAAA,SAAS,GAAG,CAAC;EACbC,QAAQ;EACR,GAAGC~~,UAAAA~~;AACe,CAAC,EACrBC,YAAsB,EACtB;EACA,MAAM;AAAEC,IAAAA~~,MAAAA~~;GAAQ,GAAGC,wBAAS,EAAE~~,CAAA~~;EAE9B,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGC,cAAQ,CAAC,KAAK,CAAC~~,CAAA~~;EACvC,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGF,cAAQ,CAACF,IAAI,CAAC~~,CAAA~~;AAE9C,EAAA,MAAMK,mBAAmB,GAAGC,YAAM,CAAiB,IAAI,CAAC~~,CAAA~~;AACxD,EAAA,MAAMC,QAAQ,GAAGD,YAAM,~~EAAoC~~,~~CAAA~~;~~AAE3DE~~,EAAAA,eAAS,CACP,SAASC,8BAA8BA,GAAG;AACxC,IAAA,~~IAAIpB~~,QAAQ,EAAE;MACZY,OAAO,CAAC,KAAK,CAAC~~,CAAA~~;AAChB~~,KAAA~~;AACF,GAAC,EACD,CAACZ,QAAQ,CACX,CAAC~~,CAAA~~;~~AAEDmB~~,EAAAA,eAAS,CACP,SAASE,cAAcA,GAAG;~~AACxBN~~,IAAAA,WAAW,~~CAAEO~~,IAAI,IAAKA,IAAI,~~IAAIX~~,IAAI,CAAC~~,CAAA~~;AACrC,GAAC,EACD,CAACA,IAAI,CACP,CAAC~~,CAAA~~;AAED,EAAA,~~MAAMY~~,gBAAgB,GAAGC,iBAAW,CAAC,MAAM;AACzC,IAAA,~~IAAIxB~~,QAAQ,EAAE;AACZ,MAAA~~,OAAA~~;AACF~~,KAAA~~;IAEA,IAAIkB,QAAQ,~~CAACO~~,OAAO,EAAE;AACpBC,MAAAA,YAAY,~~CAACR~~,QAAQ,~~CAACO~~,OAAO,CAAC~~,CAAA~~;AAChC~~,KAAA~~;~~AAEAP~~,IAAAA,QAAQ,~~CAACO~~,OAAO,~~GAAGhB~~,MAAM,~~CAACkB~~,UAAU,CAAC,MAAM;~~MACzCf~~,OAAO,CAAC,IAAI,CAAC~~,CAAA~~;KACd,EAAER,SAAS,CAAC~~,CAAA~~;GACd,EAAE,CAACA,SAAS,EAAEJ,QAAQ,EAAES,MAAM,CAAC,CAAC~~,CAAA~~;AAEjC,EAAA,~~MAAMmB~~,gBAAgB,GAAGJ,iBAAW,CAAC,MAAM;AACzC,IAAA,~~IAAIxB~~,QAAQ,EAAE;AACZ,MAAA~~,OAAA~~;AACF~~,KAAA~~;IAEA,IAAIkB,QAAQ,~~CAACO~~,OAAO,EAAE;AACpBC,MAAAA,YAAY,~~CAACR~~,QAAQ,~~CAACO~~,OAAO,CAAC~~,CAAA~~;AAChC~~,KAAA~~;~~AAEAP~~,IAAAA,QAAQ,~~CAACO~~,OAAO,~~GAAGhB~~,MAAM,~~CAACkB~~,UAAU,CAAC,MAAM;~~MACzCf~~,OAAO,CAAC,KAAK,CAAC~~,CAAA~~;KACf,EAAEP,SAAS,CAAC~~,CAAA~~;GACd,EAAE,CAACA,SAAS,EAAEL,QAAQ,EAAES,MAAM,CAAC,CAAC~~,CAAA~~;AAEjC,EAAA,~~MAAMoB~~,gBAAgB,GAAGC,aAAO,CAAC,MAAM;AACrC,IAAA,IAAI,~~CAAChC~~,IAAI,IAAIgB,QAAQ,EAAE;~~AACrB~~,~~MAAA~~,~~oBACEiB~~,~~KAAA,CAAAC,aAAA,~~CAACC,yCAAoB,EAAA;AACnB3C,QAAAA,EAAE,EAAEA,EAAG;AACPO,QAAAA,OAAO,EAAEA,OAAQ;AACjBJ,QAAAA,YAAY,EAAEA,YAAa;AAC3BC,QAAAA,gBAAgB,EAAEA,gBAAiB;AACnCC,QAAAA,mBAAmB,EAAEA,mBAAoB;AACzCC,QAAAA,uBAAuB,EAAEA,uBAAwB;AACjDI,QAAAA,QAAQ,EAAEA,QAAS;AACnBD,QAAAA,SAAS,EAAEA,SAAU;AACrBE,QAAAA,MAAM,EAAEA,MAAO;AACfE,QAAAA,UAAU,EAAEA,UAAW;AACvBD,QAAAA,eAAe,EAAEA,eAAgB;QACjCgC,gBAAgB,EAAElB,mBAAmB,~~CAACS~~,OAAQ;~~AAC9CjB~~,QAAAA,YAAY,EAAEA,YAAa;QAC3B,aAAajB,EAAAA~~,aAAAA~~;AAAc,OAC5B,CAAC~~,CAAA~~;AAEN~~,KAAA~~;AAEA,IAAA,OAAO,IAAI~~,CAAA~~;AACb,GAAC,EAAE,CACDO,IAAI,EACJgB,QAAQ,EACRxB,EAAE,EACFO,OAAO,EACPJ,YAAY,EACZC,gBAAgB,EAChBC,mBAAmB,EACnBC,uBAAuB,EACvBI,QAAQ,EACRD,SAAS,EACTE,MAAM,EACNE,UAAU,EACVD,eAAe,EACfM,YAAY,EACZjB,aAAa,CACd,CAAC~~,CAAA~~;EAEF,IAAI,CAACe,QAAQ,EAAE;AACb,IAAA,OAAO,IAAI~~,CAAA~~;AACb~~,GAAA~~;AAEA,EAAA,~~oBACEyB~~,~~KAAA~~,~~CAAAC~~,~~aAAA~~,~~CAAAG,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA~~;AACEC,IAAAA,GAAG,~~EAAErB~~,mBAAoB;IACzBxB,SAAS,~~EAAE8C~~,aAAU,CAACC,4BAAM,~~CAACpD~~,aAAa,EAAEK,SAAS,CAAE;~~AACvDgD~~,IAAAA,YAAY,~~EAAEjB~~,gBAAiB;AAC/~~BkB~~,IAAAA,YAAY,~~EAAEb~~,gBAAiB;~~IAC~~/B,~~aAAa3C~~,~~EAAAA~~,~~eAAAA~~;~~AAAgB~~,~~GAAA~~,~~EACzBsB~~,UAAU,~~CAEbD~~,~~EAAAA~~,QAAQ,EACRK,IAAI,~~IAAIkB~~,~~gBACN~~,CAAC~~,CAAA~~;AAEV,CAAC,CACH;;;;;;"}
1	+ {"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["'use client'\n\nimport {\n type Ref,\n forwardRef,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport { useWindow } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/*\n @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n forwardRef(function LegacyTooltip(\n {\n as,\n contentTestId = TOOLTIP_CONTENT_TEST_ID,\n className,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n content = null,\n lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n placement = 'bottom-center',\n disabled = false,\n offset = 4,\n keepInContainer = false,\n allowHover = false,\n delayShow = 0,\n delayHide = 0,\n children,\n ...otherProps\n }: LegacyTooltipProps,\n forwardedRef: Ref<any>\n ) {\n const { window } = useWindow()\n\n const [show, setShow] = useState(false)\n const [didMount, setDidMount] = useState(show)\n\n const tooltipContainerRef = useRef<HTMLDivElement>(null)\n const timerRef = useRef<ReturnType<Window['setTimeout']>>(undefined)\n\n useEffect(\n function hideTooltipContentWhenDisabled() {\n if (disabled) {\n setShow(false)\n }\n },\n [disabled]\n )\n\n useEffect(\n function updateDidMount() {\n setDidMount((prev) => prev \|\| show)\n },\n [show]\n )\n\n const handleMouseEnter = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(true)\n }, delayShow)\n }, [delayShow, disabled, window])\n\n const handleMouseLeave = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(false)\n }, delayHide)\n }, [delayHide, disabled, window])\n\n const TooltipComponent = useMemo(() => {\n if (!lazy \|\| didMount) {\n return (\n <LegacyTooltipContent\n as={as}\n content={content}\n contentStyle={contentStyle}\n contentClassName={contentClassName}\n contentWrapperStyle={contentWrapperStyle}\n contentWrapperClassName={contentWrapperClassName}\n disabled={disabled}\n placement={placement}\n offset={offset}\n allowHover={allowHover}\n keepInContainer={keepInContainer}\n tooltipContainer={tooltipContainerRef.current}\n forwardedRef={forwardedRef}\n data-testid={contentTestId}\n />\n )\n }\n\n return null\n }, [\n lazy,\n didMount,\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n disabled,\n placement,\n offset,\n allowHover,\n keepInContainer,\n forwardedRef,\n contentTestId,\n ])\n\n if (!children) {\n return null\n }\n\n return (\n <div\n ref={tooltipContainerRef}\n className={classNames(styles.LegacyTooltip, className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n data-testid={TOOLTIP_TEST_ID}\n {...otherProps}\n >\n {children}\n {show && TooltipComponent}\n </div>\n )\n })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","undefined","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","_jsx","LegacyTooltipContent","tooltipContainer","_jsxs","ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":"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"}

package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js CHANGED Viewed

@@ -2,29 +2,50 @@
 var React = require('react');
 var ReactDOM = require('react-dom');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var useEventHandler = require('../../hooks/useEventHandler.js');
 var useMergeRefs = require('../../hooks/useMergeRefs.js');
 var type = require('../../utils/type.js');
 var utils = require('./utils.js');
 var LegacyTooltip_module = require('./LegacyTooltip.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var WindowProvider = require('../WindowProvider/WindowProvider.js');
 var ThemeProvider = require('../ThemeProvider/ThemeProvider.js');
 var Text = require('../Text/Text.js');
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 function getNewLineComponent(strContent) {
   return strContent.split('\n').map((str, index) => {
     if (index === 0) {
-      return /*#__PURE__*/React.createElement(Text.Text, {
-        key: str,
-        typo: "14"
+      return /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        typo: "14",
+        children: str
       }, str);
     }
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: str
-    }, /*#__PURE__*/React.createElement("br", null), /*#__PURE__*/React.createElement(Text.Text, {
-      typo: "14"
-    }, str));
+    return /*#__PURE__*/jsxRuntime.jsxs(React__namespace.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("br", {}), /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+        typo: "14",
+        children: str
+      })]
+    }, str);
   });
 }
 function getContentComponent(content) {
@@ -94,19 +115,25 @@ const LegacyTooltipContent = ({
     return {};
   }, [tooltipContainer, givenContentWrapperStyle, replacement, offset, allowHover]);
   const Comp = as !== null && as !== void 0 ? as : 'div';
-  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(ThemeProvider.InvertedThemeProvider, null, /*#__PURE__*/React.createElement("div", {
-    style: contentWrapperStyle,
-    className: index.default(LegacyTooltip_module.default.LegacyTooltipContentWrapper, (disabled || type.isEmpty(content)) && LegacyTooltip_module.default.disabled, contentWrapperClassName),
-    ref: tooltipWrapperRef
-  }, /*#__PURE__*/React.createElement(Comp, Object.assign({
-    style: contentStyle,
-    className: index.default(LegacyTooltip_module.default.LegacyTooltipContent, contentClassName),
-    ref: mergedRef
-  }, rest), /*#__PURE__*/React.createElement(Text.Text, {
-    color: "txt-black-darkest",
-    truncated: 20,
-    typo: "13"
-  }, ContentComponent)))), rootElement);
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/jsxRuntime.jsx(ThemeProvider.InvertedThemeProvider, {
+    children: /*#__PURE__*/jsxRuntime.jsx("div", {
+      style: contentWrapperStyle,
+      className: index.default(LegacyTooltip_module.default.LegacyTooltipContentWrapper, (disabled || type.isEmpty(content)) && LegacyTooltip_module.default.disabled, contentWrapperClassName),
+      ref: tooltipWrapperRef,
+      children: /*#__PURE__*/jsxRuntime.jsx(Comp, {
+        style: contentStyle,
+        className: index.default(LegacyTooltip_module.default.LegacyTooltipContent, contentClassName),
+        ref: mergedRef,
+        ...rest,
+        children: /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+          color: "txt-black-darkest",
+          truncated: 20,
+          typo: "13",
+          children: ContentComponent
+        })
+      })
+    })
+  }), rootElement);
 };
 exports.LegacyTooltipContent = LegacyTooltipContent;

package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyTooltipContent.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltipContent.tsx"],"sourcesContent":["'use client'\n\nimport ~~React,~~ { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { isArray, isEmpty, isString } from '~/src/utils/type'\n\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipContentProps } from './LegacyTooltip.types'\nimport { getReplacement, getTooltipStyle } from './utils'\n\nimport styles from './LegacyTooltip.module.scss'\n\nfunction getNewLineComponent(strContent: string) {\n return strContent.split('\\n').map((str, index) => {\n if (index === 0) {\n return (\n <Text\n key={str}\n typo=\"14\"\n >\n {str}\n </Text>\n )\n }\n\n return (\n <React.Fragment key={str}>\n <br />\n <Text typo=\"14\">{str}</Text>\n </React.Fragment>\n )\n })\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n if (isArray(content)) {\n return content.map((item) => {\n if (isString(item)) {\n return getNewLineComponent(item)\n }\n\n return item\n })\n }\n\n if (isString(content)) {\n return getNewLineComponent(content)\n }\n\n return content\n}\n\nexport const LegacyTooltipContent: React.FC<LegacyTooltipContentProps> = ({\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperClassName,\n contentWrapperStyle: givenContentWrapperStyle,\n disabled = false,\n keepInContainer = false,\n placement = 'bottom-center',\n tooltipContainer,\n offset = 4,\n allowHover = false,\n forwardedRef,\n ...rest\n}) => {\n const rootElement = useRootElement()\n\n const tooltipRef = useRef<HTMLDivElement>(null)\n const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n const [replacement, setReplacement] = useState(placement)\n\n const handleClickTooltip = useCallback(\n (event: HTMLElementEventMap['click']) => {\n event.stopPropagation()\n },\n []\n )\n\n useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n useEffect(() => {\n if (!tooltipRef.current) {\n return\n }\n const newPlacement = getReplacement({\n tooltip: tooltipRef.current,\n keepInContainer,\n placement,\n rootElement,\n })\n setReplacement(newPlacement)\n }, [rootElement, keepInContainer, placement])\n\n const ContentComponent = useMemo(\n () => getContentComponent(content),\n [content]\n )\n\n const contentWrapperStyle = useMemo(() => {\n if (tooltipContainer) {\n return {\n ...givenContentWrapperStyle,\n ...getTooltipStyle({\n tooltipContainer,\n placement: replacement,\n offset,\n allowHover,\n }),\n }\n }\n\n return {}\n }, [\n tooltipContainer,\n givenContentWrapperStyle,\n replacement,\n offset,\n allowHover,\n ])\n\n const Comp = as ?? 'div'\n\n return ReactDOM.createPortal(\n <InvertedThemeProvider>\n <div\n style={contentWrapperStyle}\n className={classNames(\n styles.LegacyTooltipContentWrapper,\n (disabled \|\| isEmpty(content)) && styles.disabled,\n contentWrapperClassName\n )}\n ref={tooltipWrapperRef}\n >\n <Comp\n style={contentStyle}\n className={classNames(styles.LegacyTooltipContent, contentClassName)}\n ref={mergedRef}\n {...rest}\n >\n <Text\n color=\"txt-black-darkest\"\n truncated={20}\n typo=\"13\"\n >\n {ContentComponent}\n </Text>\n </Comp>\n </div>\n </InvertedThemeProvider>,\n rootElement\n )\n}\n"],"names":["getNewLineComponent","strContent","split","map","str","index","~~React~~","~~createElement~~","~~Text~~","~~key~~","~~typo~~","Fragment","getContentComponent","content","isArray","item","isString","LegacyTooltipContent","as","contentStyle","contentClassName","contentWrapperClassName","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","tooltipContainer","offset","allowHover","forwardedRef","rest","rootElement","useRootElement","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","Comp","ReactDOM","createPortal","InvertedThemeProvider","style","className","classNames","styles","LegacyTooltipContentWrapper","isEmpty","ref","~~Object","assign","~~color","truncated"],"mappings":"~~;;;;;;;;;;;;;;AAoBA~~,SAASA,mBAAmBA,CAACC,UAAkB,EAAE;AAC/C,EAAA,OAAOA,UAAU,CAACC,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;IAChD,IAAIA,KAAK,KAAK,CAAC,EAAE;~~AACf~~,~~MAAA,~~oBACEC,~~KAAA~~,~~CAAAC,aAAA,~~CAACC,SAAI,EAAA;~~AACHC~~,QAAAA,~~GAAG~~,~~EAAEL~~,~~GAAI~~;~~AACTM~~,QAAAA,~~IAAI~~,~~EAAC,IAAA~~;~~AAAI~~,OAAA,~~EAERN~~,~~GACG~~,CAAC~~,CAAA~~;AAEX~~,KAAA~~;AAEA,IAAA,~~oBACEE~~,~~KAAA~~,~~CAAAC~~,~~aAAA~~,~~CAACD~~,~~KAAK,CAACK,~~QAAQ,EAAA;~~AAACF~~,MAAAA,~~GAAG~~,~~EAAEL~~,~~GAAAA;KACnBE~~,~~eAAAA~~,~~KAAA,CAAAC,aAAA,CAAK,~~IAAA,EAAA,~~IAAA~~,CAAC,~~eACND~~,~~KAAA~~,~~CAAAC,aAAA,~~CAACC,SAAI,EAAA;~~AAACE~~,~~MAAAA~~,IAAI,EAAC,~~IAAA~~;~~KAAMN~~,~~EAAAA~~,~~GAAU~~,~~CACb~~,CAAC,~~CAAA~~;AAErB,GAAC,CAAC~~,CAAA~~;AACJ~~,CAAA~~;AAEA,~~SAASQ~~,mBAAmBA,CAACC,OAAyB,EAAE;AACtD,EAAA,IAAIC,YAAO,CAACD,OAAO,CAAC,EAAE;AACpB,IAAA,OAAOA,OAAO,~~CAACV~~,GAAG,~~CAAEY~~,IAAI,IAAK;AAC3B,MAAA,IAAIC,aAAQ,CAACD,IAAI,CAAC,EAAE;QAClB,~~OAAOf~~,mBAAmB,~~CAACe~~,IAAI,CAAC~~,CAAA~~;AAClC~~,OAAA~~;AAEA,MAAA,OAAOA,IAAI~~,CAAA~~;AACb,KAAC,CAAC~~,CAAA~~;AACJ~~,GAAA~~;AAEA,EAAA,IAAIC,aAAQ,CAACH,OAAO,CAAC,EAAE;IACrB,~~OAAOb~~,mBAAmB,~~CAACa~~,OAAO,CAAC~~,CAAA~~;AACrC~~,GAAA~~;AAEA,EAAA,OAAOA,OAAO~~,CAAA~~;AAChB~~,CAAA~~;AAEO,MAAMI,oBAAyD,GAAGA,CAAC;EACxEC,EAAE;EACFL,OAAO;EACPM,YAAY;EACZC,gBAAgB;EAChBC,uBAAuB;AACvBC,EAAAA,mBAAmB,EAAEC,wBAAwB;AAC7CC,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,eAAe,GAAG,KAAK;AACvBC,EAAAA,SAAS,GAAG,eAAe;EAC3BC,gBAAgB;AAChBC,EAAAA,MAAM,GAAG,CAAC;AACVC,EAAAA,UAAU,GAAG,KAAK;EAClBC,YAAY;EACZ,GAAGC~~,IAAAA~~;AACL,CAAC,KAAK;AACJ,EAAA,MAAMC,WAAW,GAAGC,6BAAc,EAAE~~,CAAA~~;AAEpC,EAAA,MAAMC,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC~~,CAAA~~;AAC/C,EAAA,MAAMC,iBAAiB,GAAGD,YAAM,CAAiB,IAAI,CAAC~~,CAAA~~;AACtD,EAAA,MAAME,SAAS,GAAGC,oBAAY,CAAiBJ,UAAU,EAAEJ,YAAY,CAAC~~,CAAA~~;EACxE,MAAM,CAACS,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAACf,SAAS,CAAC~~,CAAA~~;AAEzD,EAAA,MAAMgB,kBAAkB,GAAGC,iBAAW,CACnCC,KAAmC,IAAK;IACvCA,KAAK,CAACC,eAAe,EAAE~~,CAAA~~;GACxB,EACD,EACF,CAAC~~,CAAA~~;EAEDC,uBAAe,CAACZ,UAAU,CAACa,OAAO,EAAE,OAAO,EAAEL,kBAAkB,CAAC~~,CAAA~~;AAEhEM,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACd,UAAU,CAACa,OAAO,EAAE;AACvB,MAAA~~,OAAA~~;AACF~~,KAAA~~;IACA,MAAME,YAAY,GAAGC,oBAAc,CAAC;MAClCC,OAAO,EAAEjB,UAAU,CAACa,OAAO;MAC3BtB,eAAe;MACfC,SAAS;AACTM,MAAAA~~,WAAAA~~;AACF,KAAC,CAAC~~,CAAA~~;IACFQ,cAAc,CAACS,YAAY,CAAC~~,CAAA~~;GAC7B,EAAE,CAACjB,WAAW,EAAEP,eAAe,EAAEC,SAAS,CAAC,CAAC~~,CAAA~~;AAE7C,EAAA,MAAM0B,gBAAgB,GAAGC,aAAO,CAC9B,MAAMzC,mBAAmB,CAACC,OAAO,CAAC,EAClC,CAACA,OAAO,CACV,CAAC~~,CAAA~~;AAED,EAAA,MAAMS,mBAAmB,GAAG+B,aAAO,CAAC,MAAM;AACxC,IAAA,IAAI1B,gBAAgB,EAAE;MACpB,OAAO;AACL,QAAA,GAAGJ,wBAAwB;AAC3B,QAAA,GAAG+B,qBAAe,CAAC;UACjB3B,gBAAgB;AAChBD,UAAAA,SAAS,EAAEa,WAAW;UACtBX,MAAM;AACNC,UAAAA~~,UAAAA~~;SACD~~,CAAA~~;OACF~~,CAAA~~;AACH~~,KAAA~~;AAEA,IAAA,OAAO,EAAE~~,CAAA~~;AACX,GAAC,EAAE,CACDF,gBAAgB,EAChBJ,wBAAwB,EACxBgB,WAAW,EACXX,MAAM,EACNC,UAAU,CACX,CAAC~~,CAAA~~;EAEF,MAAM0B,IAAI,GAAGrC,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAI,KAAK~~,CAAA~~;AAExB,EAAA,oBAAOsC,QAAQ,CAACC,YAAY,~~cAC1BnD~~,~~KAAA~~,~~CAAAC~~,~~aAAA,CAACmD,~~mCAAqB,EAAA,~~IAAA~~,~~eACpBpD~~,~~KAAA~~,~~CAAAC~~,~~aAAA,~~CAAA,KAAA,EAAA;~~AACEoD~~,~~IAAAA~~,KAAK,EAAErC,mBAAoB;~~IAC3BsC~~,SAAS,EAAEC,aAAU,CACnBC,4BAAM,CAACC,2BAA2B,EAClC,CAACvC,QAAQ,IAAIwC,YAAO,CAACnD,OAAO,CAAC,KAAKiD,4BAAM,CAACtC,QAAQ,EACjDH,uBACF,CAAE;AACF4C,~~IAAAA~~,GAAG,EAAE7B,~~iBAAAA~~;~~GAEL9B~~,~~eAAAA~~,~~KAAA~~,~~CAAAC~~,~~aAAA~~,~~CAACgD,~~IAAI,~~EAAAW,MAAA,CAAAC,MAAA,CAAA~~;~~AACHR~~,~~IAAAA~~,KAAK,EAAExC,YAAa;~~IACpByC~~,SAAS,EAAEC,aAAU,CAACC,4BAAM,CAAC7C,oBAAoB,EAAEG,gBAAgB,CAAE;AACrE6C,~~IAAAA~~,GAAG,EAAE5B,~~SAAAA~~;~~AAAU~~,~~GAAA~~,~~EACXN~~,IAAI,~~CAERzB~~,~~eAAAA~~,~~KAAA~~,~~CAAAC,aAAA,~~CAACC,SAAI,EAAA;AACH4D,~~IAAAA~~,KAAK,EAAC,mBAAmB;AACzBC,~~IAAAA~~,SAAS,EAAE,EAAG;~~AACd3D~~,~~IAAAA~~,IAAI,EAAC,~~IAAA~~;~~AAAI~~,~~GAAA~~,~~EAER0C~~,~~gBACG~~,~~CACF,CACH,CACgB,~~CAAC,EACxBpB,WACF,CAAC~~,CAAA~~;AACH;;;;"}
1	+ {"version":3,"file":"LegacyTooltipContent.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltipContent.tsx"],"sourcesContent":["'use client'\n\nimport { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport * as React from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { isArray, isEmpty, isString } from '~/src/utils/type'\n\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipContentProps } from './LegacyTooltip.types'\nimport { getReplacement, getTooltipStyle } from './utils'\n\nimport styles from './LegacyTooltip.module.scss'\n\nfunction getNewLineComponent(strContent: string) {\n return strContent.split('\\n').map((str, index) => {\n if (index === 0) {\n return (\n <Text\n key={str}\n typo=\"14\"\n >\n {str}\n </Text>\n )\n }\n\n return (\n <React.Fragment key={str}>\n <br />\n <Text typo=\"14\">{str}</Text>\n </React.Fragment>\n )\n })\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n if (isArray(content)) {\n return content.map((item) => {\n if (isString(item)) {\n return getNewLineComponent(item)\n }\n\n return item\n })\n }\n\n if (isString(content)) {\n return getNewLineComponent(content)\n }\n\n return content\n}\n\nexport const LegacyTooltipContent: React.FC<LegacyTooltipContentProps> = ({\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperClassName,\n contentWrapperStyle: givenContentWrapperStyle,\n disabled = false,\n keepInContainer = false,\n placement = 'bottom-center',\n tooltipContainer,\n offset = 4,\n allowHover = false,\n forwardedRef,\n ...rest\n}) => {\n const rootElement = useRootElement()\n\n const tooltipRef = useRef<HTMLDivElement>(null)\n const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n const [replacement, setReplacement] = useState(placement)\n\n const handleClickTooltip = useCallback(\n (event: HTMLElementEventMap['click']) => {\n event.stopPropagation()\n },\n []\n )\n\n useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n useEffect(() => {\n if (!tooltipRef.current) {\n return\n }\n const newPlacement = getReplacement({\n tooltip: tooltipRef.current,\n keepInContainer,\n placement,\n rootElement,\n })\n setReplacement(newPlacement)\n }, [rootElement, keepInContainer, placement])\n\n const ContentComponent = useMemo(\n () => getContentComponent(content),\n [content]\n )\n\n const contentWrapperStyle = useMemo(() => {\n if (tooltipContainer) {\n return {\n ...givenContentWrapperStyle,\n ...getTooltipStyle({\n tooltipContainer,\n placement: replacement,\n offset,\n allowHover,\n }),\n }\n }\n\n return {}\n }, [\n tooltipContainer,\n givenContentWrapperStyle,\n replacement,\n offset,\n allowHover,\n ])\n\n const Comp = as ?? 'div'\n\n return ReactDOM.createPortal(\n <InvertedThemeProvider>\n <div\n style={contentWrapperStyle}\n className={classNames(\n styles.LegacyTooltipContentWrapper,\n (disabled \|\| isEmpty(content)) && styles.disabled,\n contentWrapperClassName\n )}\n ref={tooltipWrapperRef}\n >\n <Comp\n style={contentStyle}\n className={classNames(styles.LegacyTooltipContent, contentClassName)}\n ref={mergedRef}\n {...rest}\n >\n <Text\n color=\"txt-black-darkest\"\n truncated={20}\n typo=\"13\"\n >\n {ContentComponent}\n </Text>\n </Comp>\n </div>\n </InvertedThemeProvider>,\n rootElement\n )\n}\n"],"names":["getNewLineComponent","strContent","split","map","str","index","_jsx","Text","typo","children","_jsxs","React","Fragment","getContentComponent","content","isArray","item","isString","LegacyTooltipContent","as","contentStyle","contentClassName","contentWrapperClassName","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","tooltipContainer","offset","allowHover","forwardedRef","rest","rootElement","useRootElement","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","Comp","ReactDOM","createPortal","InvertedThemeProvider","style","className","classNames","styles","LegacyTooltipContentWrapper","isEmpty","ref","color","truncated"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,SAASA,mBAAmBA,CAACC,UAAkB,EAAE;AAC/C,EAAA,OAAOA,UAAU,CAACC,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,KAAK;IAChD,IAAIA,KAAK,KAAK,CAAC,EAAE;MACf,oBACEC,cAAA,CAACC,SAAI,EAAA;AAEHC,QAAAA,IAAI,EAAC,IAAI;AAAAC,QAAAA,QAAA,EAERL;AAAG,OAAA,EAHCA,GAID,CAAC;AAEX;AAEA,IAAA,oBACEM,eAAA,CAACC,gBAAK,CAACC,QAAQ,EAAA;AAAAH,MAAAA,QAAA,gBACbH,cAAA,CAAA,IAAA,EAAA,EAAK,CAAC,eACNA,cAAA,CAACC,SAAI,EAAA;AAACC,QAAAA,IAAI,EAAC,IAAI;AAAAC,QAAAA,QAAA,EAAEL;AAAG,OAAO,CAAC;AAAA,KAAA,EAFTA,GAGL,CAAC;AAErB,GAAC,CAAC;AACJ;AAEA,SAASS,mBAAmBA,CAACC,OAAyB,EAAE;AACtD,EAAA,IAAIC,YAAO,CAACD,OAAO,CAAC,EAAE;AACpB,IAAA,OAAOA,OAAO,CAACX,GAAG,CAAEa,IAAI,IAAK;AAC3B,MAAA,IAAIC,aAAQ,CAACD,IAAI,CAAC,EAAE;QAClB,OAAOhB,mBAAmB,CAACgB,IAAI,CAAC;AAClC;AAEA,MAAA,OAAOA,IAAI;AACb,KAAC,CAAC;AACJ;AAEA,EAAA,IAAIC,aAAQ,CAACH,OAAO,CAAC,EAAE;IACrB,OAAOd,mBAAmB,CAACc,OAAO,CAAC;AACrC;AAEA,EAAA,OAAOA,OAAO;AAChB;AAEO,MAAMI,oBAAyD,GAAGA,CAAC;EACxEC,EAAE;EACFL,OAAO;EACPM,YAAY;EACZC,gBAAgB;EAChBC,uBAAuB;AACvBC,EAAAA,mBAAmB,EAAEC,wBAAwB;AAC7CC,EAAAA,QAAQ,GAAG,KAAK;AAChBC,EAAAA,eAAe,GAAG,KAAK;AACvBC,EAAAA,SAAS,GAAG,eAAe;EAC3BC,gBAAgB;AAChBC,EAAAA,MAAM,GAAG,CAAC;AACVC,EAAAA,UAAU,GAAG,KAAK;EAClBC,YAAY;EACZ,GAAGC;AACL,CAAC,KAAK;AACJ,EAAA,MAAMC,WAAW,GAAGC,6BAAc,EAAE;AAEpC,EAAA,MAAMC,UAAU,GAAGC,YAAM,CAAiB,IAAI,CAAC;AAC/C,EAAA,MAAMC,iBAAiB,GAAGD,YAAM,CAAiB,IAAI,CAAC;AACtD,EAAA,MAAME,SAAS,GAAGC,oBAAY,CAAiBJ,UAAU,EAAEJ,YAAY,CAAC;EACxE,MAAM,CAACS,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAACf,SAAS,CAAC;AAEzD,EAAA,MAAMgB,kBAAkB,GAAGC,iBAAW,CACnCC,KAAmC,IAAK;IACvCA,KAAK,CAACC,eAAe,EAAE;GACxB,EACD,EACF,CAAC;EAEDC,uBAAe,CAACZ,UAAU,CAACa,OAAO,EAAE,OAAO,EAAEL,kBAAkB,CAAC;AAEhEM,EAAAA,eAAS,CAAC,MAAM;AACd,IAAA,IAAI,CAACd,UAAU,CAACa,OAAO,EAAE;AACvB,MAAA;AACF;IACA,MAAME,YAAY,GAAGC,oBAAc,CAAC;MAClCC,OAAO,EAAEjB,UAAU,CAACa,OAAO;MAC3BtB,eAAe;MACfC,SAAS;AACTM,MAAAA;AACF,KAAC,CAAC;IACFQ,cAAc,CAACS,YAAY,CAAC;GAC7B,EAAE,CAACjB,WAAW,EAAEP,eAAe,EAAEC,SAAS,CAAC,CAAC;AAE7C,EAAA,MAAM0B,gBAAgB,GAAGC,aAAO,CAC9B,MAAMzC,mBAAmB,CAACC,OAAO,CAAC,EAClC,CAACA,OAAO,CACV,CAAC;AAED,EAAA,MAAMS,mBAAmB,GAAG+B,aAAO,CAAC,MAAM;AACxC,IAAA,IAAI1B,gBAAgB,EAAE;MACpB,OAAO;AACL,QAAA,GAAGJ,wBAAwB;AAC3B,QAAA,GAAG+B,qBAAe,CAAC;UACjB3B,gBAAgB;AAChBD,UAAAA,SAAS,EAAEa,WAAW;UACtBX,MAAM;AACNC,UAAAA;SACD;OACF;AACH;AAEA,IAAA,OAAO,EAAE;AACX,GAAC,EAAE,CACDF,gBAAgB,EAChBJ,wBAAwB,EACxBgB,WAAW,EACXX,MAAM,EACNC,UAAU,CACX,CAAC;EAEF,MAAM0B,IAAI,GAAGrC,EAAE,KAAA,IAAA,IAAFA,EAAE,KAAFA,KAAAA,CAAAA,GAAAA,EAAE,GAAI,KAAK;AAExB,EAAA,oBAAOsC,QAAQ,CAACC,YAAY,cAC1BpD,cAAA,CAACqD,mCAAqB,EAAA;AAAAlD,IAAAA,QAAA,eACpBH,cAAA,CAAA,KAAA,EAAA;AACEsD,MAAAA,KAAK,EAAErC,mBAAoB;MAC3BsC,SAAS,EAAEC,aAAU,CACnBC,4BAAM,CAACC,2BAA2B,EAClC,CAACvC,QAAQ,IAAIwC,YAAO,CAACnD,OAAO,CAAC,KAAKiD,4BAAM,CAACtC,QAAQ,EACjDH,uBACF,CAAE;AACF4C,MAAAA,GAAG,EAAE7B,iBAAkB;MAAA5B,QAAA,eAEvBH,cAAA,CAACkD,IAAI,EAAA;AACHI,QAAAA,KAAK,EAAExC,YAAa;QACpByC,SAAS,EAAEC,aAAU,CAACC,4BAAM,CAAC7C,oBAAoB,EAAEG,gBAAgB,CAAE;AACrE6C,QAAAA,GAAG,EAAE5B,SAAU;AAAA,QAAA,GACXN,IAAI;QAAAvB,QAAA,eAERH,cAAA,CAACC,SAAI,EAAA;AACH4D,UAAAA,KAAK,EAAC,mBAAmB;AACzBC,UAAAA,SAAS,EAAE,EAAG;AACd5D,UAAAA,IAAI,EAAC,IAAI;AAAAC,UAAAA,QAAA,EAER4C;SACG;OACF;KACH;GACgB,CAAC,EACxBpB,WACF,CAAC;AACH;;;;"}

package/dist/cjs/components/LegacyTooltip/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/LegacyTooltip/utils.ts"],"sourcesContent":["import {\n type GetReplacement,\n type GetTooltipStyle,\n type LegacyTooltipPosition,\n} from './LegacyTooltip.types'\n\nexport function getReplacement({\n tooltip,\n keepInContainer,\n placement,\n rootElement,\n}: GetReplacement): LegacyTooltipPosition {\n if (!keepInContainer) {\n return placement\n }\n\n const {\n width: tooltipWidth,\n height: tooltipHeight,\n top: tooltipTop,\n left: tooltipLeft,\n } = tooltip.getBoundingClientRect()\n\n const {\n width: rootWidth,\n height: rootHeight,\n top: rootTop,\n left: rootLeft,\n } = rootElement.getBoundingClientRect()\n\n const isOverTop = tooltipTop < rootTop\n const isOverBottom = tooltipTop + tooltipHeight > rootTop + rootHeight\n const isOverLeft = tooltipLeft < rootLeft\n const isOverRight = tooltipLeft + tooltipWidth > rootLeft + rootWidth\n\n if (isOverTop) {\n if (isOverLeft) {\n return 'bottom-left'\n }\n if (isOverRight) {\n return 'bottom-right'\n }\n return 'bottom-center'\n }\n\n if (isOverBottom) {\n if (isOverLeft) {\n return 'top-left'\n }\n if (isOverRight) {\n return 'top-right'\n }\n return 'top-center'\n }\n\n if (isOverLeft) {\n if (isOverTop) {\n return 'right-top'\n }\n if (isOverBottom) {\n return 'right-bottom'\n }\n return 'right-center'\n }\n\n if (isOverRight) {\n if (isOverTop) {\n return 'left-top'\n }\n if (isOverBottom) {\n return 'left-bottom'\n }\n return 'left-center'\n }\n\n return placement\n}\n\nexport function getTooltipStyle({\n tooltipContainer,\n placement,\n offset,\n allowHover,\n}: GetTooltipStyle) {\n const {\n top: containerTop,\n left: containerLeft,\n width: containerWidth,\n height: containerHeight,\n } = tooltipContainer.getBoundingClientRect()\n\n let top = containerTop\n let left = containerLeft\n let translateX = 0\n let translateY = 0\n\n let offsetTop = 0\n let offsetRight = 0\n let offsetBottom = 0\n let offsetLeft = 0\n let offsetStyle = {}\n\n switch (placement) {\n case 'top-center':\n case 'top-left':\n case 'top-right':\n translateY = -100\n offsetBottom = offset\n break\n case 'right-center':\n case 'right-top':\n case 'right-bottom':\n left += containerWidth\n offsetLeft = offset\n break\n case 'bottom-center':\n case 'bottom-left':\n case 'bottom-right':\n top += containerHeight\n offsetTop = offset\n break\n case 'left-center':\n case 'left-top':\n case 'left-bottom':\n translateX = -100\n offsetRight = offset\n break\n }\n\n switch (placement) {\n case 'top-center':\n case 'bottom-center':\n translateX = -50\n left += containerWidth / 2\n break\n case 'top-right':\n case 'bottom-right':\n translateX = -100\n left += containerWidth\n break\n case 'right-center':\n case 'left-center':\n translateY = -50\n top += containerHeight / 2\n break\n case 'right-bottom':\n case 'left-bottom':\n translateY = -100\n top += containerHeight\n break\n }\n\n if (allowHover) {\n offsetStyle = {\n paddingTop: offsetTop,\n paddingRight: offsetRight,\n paddingBottom: offsetBottom,\n paddingLeft: offsetLeft,\n }\n } else {\n top += offsetTop - offsetBottom\n left += offsetLeft - offsetRight\n }\n\n return {\n position: 'fixed',\n top,\n left,\n transform: `translate(${translateX}%, ${translateY}%)`,\n ...offsetStyle,\n }\n}\n"],"names":["getReplacement","tooltip","keepInContainer","placement","rootElement","width","tooltipWidth","height","tooltipHeight","top","tooltipTop","left","tooltipLeft","getBoundingClientRect","rootWidth","rootHeight","rootTop","rootLeft","isOverTop","isOverBottom","isOverLeft","isOverRight","getTooltipStyle","tooltipContainer","offset","allowHover","containerTop","containerLeft","containerWidth","containerHeight","translateX","translateY","offsetTop","offsetRight","offsetBottom","offsetLeft","offsetStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","position","transform"],"mappings":";;AAMO,SAASA,cAAcA,CAAC;EAC7BC,OAAO;EACPC,eAAe;EACfC,SAAS;AACTC,EAAAA~~,WAAAA~~;AACc,CAAC,EAAyB;EACxC,IAAI,CAACF,eAAe,EAAE;AACpB,IAAA,OAAOC,SAAS~~,CAAA~~;AAClB~~,GAAA~~;EAEA,MAAM;AACJE,IAAAA,KAAK,EAAEC,YAAY;AACnBC,IAAAA,MAAM,EAAEC,aAAa;AACrBC,IAAAA,GAAG,EAAEC,UAAU;AACfC,IAAAA,IAAI,EAAEC~~,WAAAA~~;AACR,GAAC,GAAGX,OAAO,CAACY,qBAAqB,EAAE~~,CAAA~~;EAEnC,MAAM;AACJR,IAAAA,KAAK,EAAES,SAAS;AAChBP,IAAAA,MAAM,EAAEQ,UAAU;AAClBN,IAAAA,GAAG,EAAEO,OAAO;AACZL,IAAAA,IAAI,EAAEM~~,QAAAA~~;AACR,GAAC,GAAGb,WAAW,CAACS,qBAAqB,EAAE~~,CAAA~~;AAEvC,EAAA,MAAMK,SAAS,GAAGR,UAAU,GAAGM,OAAO~~,CAAA~~;EACtC,MAAMG,YAAY,GAAGT,UAAU,GAAGF,aAAa,GAAGQ,OAAO,GAAGD,UAAU~~,CAAA~~;AACtE,EAAA,MAAMK,UAAU,GAAGR,WAAW,GAAGK,QAAQ~~,CAAA~~;EACzC,MAAMI,WAAW,GAAGT,WAAW,GAAGN,YAAY,GAAGW,QAAQ,GAAGH,SAAS~~,CAAA~~;AAErE,EAAA,IAAII,SAAS,EAAE;AACb,IAAA,IAAIE,UAAU,EAAE;AACd,MAAA,OAAO,aAAa~~,CAAA~~;AACtB~~,KAAA~~;AACA,IAAA,IAAIC,WAAW,EAAE;AACf,MAAA,OAAO,cAAc~~,CAAA~~;AACvB~~,KAAA~~;AACA,IAAA,OAAO,eAAe~~,CAAA~~;AACxB~~,GAAA~~;AAEA,EAAA,IAAIF,YAAY,EAAE;AAChB,IAAA,IAAIC,UAAU,EAAE;AACd,MAAA,OAAO,UAAU~~,CAAA~~;AACnB~~,KAAA~~;AACA,IAAA,IAAIC,WAAW,EAAE;AACf,MAAA,OAAO,WAAW~~,CAAA~~;AACpB~~,KAAA~~;AACA,IAAA,OAAO,YAAY~~,CAAA~~;AACrB~~,GAAA~~;AAEA,EAAA,IAAID,UAAU,EAAE;AACd,IAAA,IAAIF,SAAS,EAAE;AACb,MAAA,OAAO,WAAW~~,CAAA~~;AACpB~~,KAAA~~;AACA,IAAA,IAAIC,YAAY,EAAE;AAChB,MAAA,OAAO,cAAc~~,CAAA~~;AACvB~~,KAAA~~;AACA,IAAA,OAAO,cAAc~~,CAAA~~;AACvB~~,GAAA~~;AAEA,EAAA,IAAIE,WAAW,EAAE;AACf,IAAA,IAAIH,SAAS,EAAE;AACb,MAAA,OAAO,UAAU~~,CAAA~~;AACnB~~,KAAA~~;AACA,IAAA,IAAIC,YAAY,EAAE;AAChB,MAAA,OAAO,aAAa~~,CAAA~~;AACtB~~,KAAA~~;AACA,IAAA,OAAO,aAAa~~,CAAA~~;AACtB~~,GAAA~~;AAEA,EAAA,OAAOhB,SAAS~~,CAAA~~;AAClB~~,CAAA~~;AAEO,SAASmB,eAAeA,CAAC;EAC9BC,gBAAgB;EAChBpB,SAAS;EACTqB,MAAM;AACNC,EAAAA~~,UAAAA~~;AACe,CAAC,EAAE;EAClB,MAAM;AACJhB,IAAAA,GAAG,EAAEiB,YAAY;AACjBf,IAAAA,IAAI,EAAEgB,aAAa;AACnBtB,IAAAA,KAAK,EAAEuB,cAAc;AACrBrB,IAAAA,MAAM,EAAEsB~~,eAAAA~~;AACV,GAAC,GAAGN,gBAAgB,CAACV,qBAAqB,EAAE~~,CAAA~~;EAE5C,IAAIJ,GAAG,GAAGiB,YAAY~~,CAAA~~;EACtB,IAAIf,IAAI,GAAGgB,aAAa~~,CAAA~~;EACxB,IAAIG,UAAU,GAAG,CAAC~~,CAAA~~;EAClB,IAAIC,UAAU,GAAG,CAAC~~,CAAA~~;EAElB,IAAIC,SAAS,GAAG,CAAC~~,CAAA~~;EACjB,IAAIC,WAAW,GAAG,CAAC~~,CAAA~~;EACnB,IAAIC,YAAY,GAAG,CAAC~~,CAAA~~;EACpB,IAAIC,UAAU,GAAG,CAAC~~,CAAA~~;EAClB,IAAIC,WAAW,GAAG,EAAE~~,CAAA~~;AAEpB,EAAA,QAAQjC,SAAS;AACf,IAAA,KAAK,YAAY~~,CAAA~~;AACjB,IAAA,KAAK,UAAU~~,CAAA~~;AACf,IAAA,KAAK,WAAW;MACd4B,UAAU,GAAG,CAAC,GAAG~~,CAAA~~;AACjBG,MAAAA,YAAY,GAAGV,MAAM~~,CAAA~~;AACrB,MAAA~~,MAAA~~;AACF,IAAA,KAAK,cAAc~~,CAAA~~;AACnB,IAAA,KAAK,WAAW~~,CAAA~~;AAChB,IAAA,KAAK,cAAc;AACjBb,MAAAA,IAAI,IAAIiB,cAAc~~,CAAA~~;AACtBO,MAAAA,UAAU,GAAGX,MAAM~~,CAAA~~;AACnB,MAAA~~,MAAA~~;AACF,IAAA,KAAK,eAAe~~,CAAA~~;AACpB,IAAA,KAAK,aAAa~~,CAAA~~;AAClB,IAAA,KAAK,cAAc;AACjBf,MAAAA,GAAG,IAAIoB,eAAe~~,CAAA~~;AACtBG,MAAAA,SAAS,GAAGR,MAAM~~,CAAA~~;AAClB,MAAA~~,MAAA~~;AACF,IAAA,KAAK,aAAa~~,CAAA~~;AAClB,IAAA,KAAK,UAAU~~,CAAA~~;AACf,IAAA,KAAK,aAAa;MAChBM,UAAU,GAAG,CAAC,GAAG~~,CAAA~~;AACjBG,MAAAA,WAAW,GAAGT,MAAM~~,CAAA~~;AACpB,MAAA~~,MAAA~~;AACJ~~,GAAA~~;AAEA,EAAA,QAAQrB,SAAS;AACf,IAAA,KAAK,YAAY~~,CAAA~~;AACjB,IAAA,KAAK,eAAe;MAClB2B,UAAU,GAAG,CAAC,EAAE~~,CAAA~~;MAChBnB,IAAI,IAAIiB,cAAc,GAAG,CAAC~~,CAAA~~;AAC1B,MAAA~~,MAAA~~;AACF,IAAA,KAAK,WAAW~~,CAAA~~;AAChB,IAAA,KAAK,cAAc;MACjBE,UAAU,GAAG,CAAC,GAAG~~,CAAA~~;AACjBnB,MAAAA,IAAI,IAAIiB,cAAc~~,CAAA~~;AACtB,MAAA~~,MAAA~~;AACF,IAAA,KAAK,cAAc~~,CAAA~~;AACnB,IAAA,KAAK,aAAa;MAChBG,UAAU,GAAG,CAAC,EAAE~~,CAAA~~;MAChBtB,GAAG,IAAIoB,eAAe,GAAG,CAAC~~,CAAA~~;AAC1B,MAAA~~,MAAA~~;AACF,IAAA,KAAK,cAAc~~,CAAA~~;AACnB,IAAA,KAAK,aAAa;MAChBE,UAAU,GAAG,CAAC,GAAG~~,CAAA~~;AACjBtB,MAAAA,GAAG,IAAIoB,eAAe~~,CAAA~~;AACtB,MAAA~~,MAAA~~;AACJ~~,GAAA~~;AAEA,EAAA,IAAIJ,UAAU,EAAE;AACdW,IAAAA,WAAW,GAAG;AACZC,MAAAA,UAAU,EAAEL,SAAS;AACrBM,MAAAA,YAAY,EAAEL,WAAW;AACzBM,MAAAA,aAAa,EAAEL,YAAY;AAC3BM,MAAAA,WAAW,EAAEL~~,UAAAA~~;KACd~~,CAAA~~;AACH,GAAC,MAAM;IACL1B,GAAG,IAAIuB,SAAS,GAAGE,YAAY~~,CAAA~~;IAC/BvB,IAAI,IAAIwB,UAAU,GAAGF,WAAW~~,CAAA~~;AAClC~~,GAAA~~;EAEA,OAAO;AACLQ,IAAAA,QAAQ,EAAE,OAAO;IACjBhC,GAAG;IACHE,IAAI;AACJ+B,IAAAA,SAAS,EAAE,CAAA,UAAA,EAAaZ,UAAU,CAAA,GAAA,EAAMC,UAAU,CAAI,EAAA,CAAA;IACtD,GAAGK~~,WAAAA~~;GACJ~~,CAAA~~;AACH;;;;;"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/LegacyTooltip/utils.ts"],"sourcesContent":["import {\n type GetReplacement,\n type GetTooltipStyle,\n type LegacyTooltipPosition,\n} from './LegacyTooltip.types'\n\nexport function getReplacement({\n tooltip,\n keepInContainer,\n placement,\n rootElement,\n}: GetReplacement): LegacyTooltipPosition {\n if (!keepInContainer) {\n return placement\n }\n\n const {\n width: tooltipWidth,\n height: tooltipHeight,\n top: tooltipTop,\n left: tooltipLeft,\n } = tooltip.getBoundingClientRect()\n\n const {\n width: rootWidth,\n height: rootHeight,\n top: rootTop,\n left: rootLeft,\n } = rootElement.getBoundingClientRect()\n\n const isOverTop = tooltipTop < rootTop\n const isOverBottom = tooltipTop + tooltipHeight > rootTop + rootHeight\n const isOverLeft = tooltipLeft < rootLeft\n const isOverRight = tooltipLeft + tooltipWidth > rootLeft + rootWidth\n\n if (isOverTop) {\n if (isOverLeft) {\n return 'bottom-left'\n }\n if (isOverRight) {\n return 'bottom-right'\n }\n return 'bottom-center'\n }\n\n if (isOverBottom) {\n if (isOverLeft) {\n return 'top-left'\n }\n if (isOverRight) {\n return 'top-right'\n }\n return 'top-center'\n }\n\n if (isOverLeft) {\n if (isOverTop) {\n return 'right-top'\n }\n if (isOverBottom) {\n return 'right-bottom'\n }\n return 'right-center'\n }\n\n if (isOverRight) {\n if (isOverTop) {\n return 'left-top'\n }\n if (isOverBottom) {\n return 'left-bottom'\n }\n return 'left-center'\n }\n\n return placement\n}\n\nexport function getTooltipStyle({\n tooltipContainer,\n placement,\n offset,\n allowHover,\n}: GetTooltipStyle) {\n const {\n top: containerTop,\n left: containerLeft,\n width: containerWidth,\n height: containerHeight,\n } = tooltipContainer.getBoundingClientRect()\n\n let top = containerTop\n let left = containerLeft\n let translateX = 0\n let translateY = 0\n\n let offsetTop = 0\n let offsetRight = 0\n let offsetBottom = 0\n let offsetLeft = 0\n let offsetStyle = {}\n\n switch (placement) {\n case 'top-center':\n case 'top-left':\n case 'top-right':\n translateY = -100\n offsetBottom = offset\n break\n case 'right-center':\n case 'right-top':\n case 'right-bottom':\n left += containerWidth\n offsetLeft = offset\n break\n case 'bottom-center':\n case 'bottom-left':\n case 'bottom-right':\n top += containerHeight\n offsetTop = offset\n break\n case 'left-center':\n case 'left-top':\n case 'left-bottom':\n translateX = -100\n offsetRight = offset\n break\n }\n\n switch (placement) {\n case 'top-center':\n case 'bottom-center':\n translateX = -50\n left += containerWidth / 2\n break\n case 'top-right':\n case 'bottom-right':\n translateX = -100\n left += containerWidth\n break\n case 'right-center':\n case 'left-center':\n translateY = -50\n top += containerHeight / 2\n break\n case 'right-bottom':\n case 'left-bottom':\n translateY = -100\n top += containerHeight\n break\n }\n\n if (allowHover) {\n offsetStyle = {\n paddingTop: offsetTop,\n paddingRight: offsetRight,\n paddingBottom: offsetBottom,\n paddingLeft: offsetLeft,\n }\n } else {\n top += offsetTop - offsetBottom\n left += offsetLeft - offsetRight\n }\n\n return {\n position: 'fixed',\n top,\n left,\n transform: `translate(${translateX}%, ${translateY}%)`,\n ...offsetStyle,\n }\n}\n"],"names":["getReplacement","tooltip","keepInContainer","placement","rootElement","width","tooltipWidth","height","tooltipHeight","top","tooltipTop","left","tooltipLeft","getBoundingClientRect","rootWidth","rootHeight","rootTop","rootLeft","isOverTop","isOverBottom","isOverLeft","isOverRight","getTooltipStyle","tooltipContainer","offset","allowHover","containerTop","containerLeft","containerWidth","containerHeight","translateX","translateY","offsetTop","offsetRight","offsetBottom","offsetLeft","offsetStyle","paddingTop","paddingRight","paddingBottom","paddingLeft","position","transform"],"mappings":"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"}

package/dist/cjs/components/ListItem/ListItem.js CHANGED Viewed

@@ -2,9 +2,10 @@
 var React = require('react');
 var bezierIcons = require('@channel.io/bezier-icons');
-var index = require('../../node_modules/classnames/index.js');
+var index = require('../../_virtual/index.js');
 var type = require('../../utils/type.js');
 var ListItem_module = require('./ListItem.module.scss.js');
+var jsxRuntime = require('react/jsx-runtime');
 var Icon = require('../Icon/Icon.js');
 var Text = require('../Text/Text.js');
@@ -12,9 +13,9 @@ function renderNewLineComponent(value) {
   return value.split('\n').map((str, index) =>
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
-  React.createElement(React.Fragment, {
-    key: index
-  }, index !== 0 && /*#__PURE__*/React.createElement("br", null), str));
+  jsxRuntime.jsxs(React.Fragment, {
+    children: [index !== 0 && /*#__PURE__*/jsxRuntime.jsx("br", {}), str]
+  }, index));
 }
 const LIST_ITEM_TEST_ID = 'bezier-list-item';
 const ListItem = /*#__PURE__*/React.forwardRef(function ListItem({
@@ -38,38 +39,48 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem({
   const isLink = !type.isEmpty(href);
   const Comp = isLink ? 'a' : as !== null && as !== void 0 ? as : 'div';
   const clickable = isLink || clickableProp || !type.isNil(onClick);
-  return /*#__PURE__*/React.createElement(Comp, Object.assign({}, isLink && {
-    href,
-    draggable: false,
-    target: '_blank',
-    rel: 'noopener noreferrer'
-  }, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Comp, {
+    ...(isLink && {
+      href,
+      draggable: false,
+      target: '_blank',
+      rel: 'noopener noreferrer'
+    }),
     className: index.default(ListItem_module.default.ListItem, ListItem_module.default[`size-${size}`], ListItem_module.default[`variant-${variant}`], disabled && ListItem_module.default.disabled, focused && ListItem_module.default.focused, active && ListItem_module.default.active, clickable && ListItem_module.default.clickable, className),
     ref: forwardedRef,
     onClick: !disabled ? onClick : undefined,
-    "data-testid": LIST_ITEM_TEST_ID
-  }, rest), /*#__PURE__*/React.createElement("div", {
-    className: ListItem_module.default.ListItemContent
-  }, !type.isNil(leftContent) && /*#__PURE__*/React.createElement("div", {
-    className: ListItem_module.default.ListItemLeftContent
-  }, bezierIcons.isBezierIcon(leftContent) ? /*#__PURE__*/React.createElement(Icon.Icon, {
-    className: ListItem_module.default.ListItemLeftIcon,
-    source: leftContent,
-    size: "s"
-  }) : leftContent), /*#__PURE__*/React.createElement("div", {
-    className: ListItem_module.default.ListItemTitle
-  }, type.isString(content) ? /*#__PURE__*/React.createElement(Text.Text, {
-    truncated: true,
-    typo: size === 'l' ? '16' : '14'
-  }, content) : content), description && /*#__PURE__*/React.createElement("div", {
-    className: ListItem_module.default.ListItemDescription
-  }, /*#__PURE__*/React.createElement(Text.Text, {
-    typo: "12",
-    color: "txt-black-darker",
-    truncated: descriptionMaxLines
-  }, type.isString(description) ? renderNewLineComponent(description) : description))), rightContent && /*#__PURE__*/React.createElement("div", {
-    className: ListItem_module.default.ListItemRightContent
-  }, rightContent));
+    "data-testid": LIST_ITEM_TEST_ID,
+    ...rest,
+    children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: ListItem_module.default.ListItemContent,
+      children: [!type.isNil(leftContent) && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: ListItem_module.default.ListItemLeftContent,
+        children: bezierIcons.isBezierIcon(leftContent) ? /*#__PURE__*/jsxRuntime.jsx(Icon.Icon, {
+          className: ListItem_module.default.ListItemLeftIcon,
+          source: leftContent,
+          size: "s"
+        }) : leftContent
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: ListItem_module.default.ListItemTitle,
+        children: type.isString(content) ? /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+          truncated: true,
+          typo: size === 'l' ? '16' : '14',
+          children: content
+        }) : content
+      }), description && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: ListItem_module.default.ListItemDescription,
+        children: /*#__PURE__*/jsxRuntime.jsx(Text.Text, {
+          typo: "12",
+          color: "txt-black-darker",
+          truncated: descriptionMaxLines,
+          children: type.isString(description) ? renderNewLineComponent(description) : description
+        })
+      })]
+    }), rightContent && /*#__PURE__*/jsxRuntime.jsx("div", {
+      className: ListItem_module.default.ListItemRightContent,
+      children: rightContent
+    })]
+  });
 });
 exports.LIST_ITEM_TEST_ID = LIST_ITEM_TEST_ID;