@spaced-out/ui-design-system 0.5.7-beta.3 → 0.5.7

package/lib/components/LinearLoader/LinearLoader.js

@@ -5,8 +5,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.LinearLoader = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _LinearLoaderModule = _interopRequireDefault(require("src/components/LinearLoader/LinearLoader.module.css"));
+var _classify = require("../../utils/classify");
+var _LinearLoaderModule = _interopRequireDefault(require("./LinearLoader.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const LinearLoader = exports.LinearLoader = /*#__PURE__*/React.forwardRef((_ref, ref) => {
@@ -16,23 +17,24 @@ const LinearLoader = exports.LinearLoader = /*#__PURE__*/React.forwardRef((_ref,
     className,
     indeterminate
   } = _ref;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: (0, _classify.classify)(_LinearLoaderModule.default.lineContainer, {
       [_LinearLoaderModule.default.large]: size === 'large',
       [_LinearLoaderModule.default.medium]: size === 'medium',
       [_LinearLoaderModule.default.small]: size === 'small'
     }, className),
-    ref: ref
-  }, /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_LinearLoaderModule.default.progressBar, {
-      [_LinearLoaderModule.default.indeterminate]: indeterminate
-    }),
-    style: {
-      width: `${value + '%'}`
-    },
-    role: "progressbar",
-    "aria-valuenow": indeterminate ? undefined : value,
-    "aria-valuemin": 0,
-    "aria-valuemax": 100
-  }));
+    ref: ref,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.classify)(_LinearLoaderModule.default.progressBar, {
+        [_LinearLoaderModule.default.indeterminate]: indeterminate
+      }),
+      style: {
+        width: `${value + '%'}`
+      },
+      role: "progressbar",
+      "aria-valuenow": indeterminate ? undefined : value,
+      "aria-valuemin": 0,
+      "aria-valuemax": 100
+    })
+  });
 });

package/lib/components/LinearLoader/index.d.ts

@@ -1,2 +1,2 @@
-export { LinearLoader } from 'src/components/LinearLoader/LinearLoader';
+export { LinearLoader } from '../../components/LinearLoader/LinearLoader';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/LinearLoader/index.js

@@ -9,4 +9,4 @@ Object.defineProperty(exports, "LinearLoader", {
     return _LinearLoader.LinearLoader;
   }
 });
-var _LinearLoader = require("src/components/LinearLoader/LinearLoader");
+var _LinearLoader = require("./LinearLoader");

package/lib/components/Link/Link.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { ColorTypes } from 'src/types/typography';
-import type { IconSize, IconType } from 'src/components/Icon';
+import type { ColorTypes } from '../../types/typography';
+import type { IconSize, IconType } from '../../components/Icon';
 export declare const LINK_AS: Readonly<{
     bodyLarge: "bodyLarge";
     bodyMedium: "bodyMedium";

package/lib/components/Link/Link.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.Link = exports.LINK_AS = exports.ANCHOR_TARGET = exports.ANCHOR_REL = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _typography = require("src/types/typography");
-var _classify = _interopRequireDefault(require("src/utils/classify"));
-var _ConditionalWrapper = require("src/components/ConditionalWrapper");
-var _Icon = require("src/components/Icon");
-var _typographyModule = _interopRequireDefault(require("src/styles/typography.module.css"));
+var _typography = require("../../types/typography");
+var _classify = _interopRequireDefault(require("../../utils/classify"));
+var _ConditionalWrapper = require("../ConditionalWrapper");
+var _Icon = require("../Icon");
+var _typographyModule = _interopRequireDefault(require("../../styles/typography.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const LINK_AS = exports.LINK_AS = Object.freeze({
   bodyLarge: 'bodyLarge',
   bodyMedium: 'bodyMedium',
@@ -97,7 +97,8 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       handleClick(event);
     }
   };
-  return /*#__PURE__*/React.createElement(LinkComponent, _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(LinkComponent, {
+    ...props,
     tabIndex: disabled ? -1 : tabIndex,
     ref: linkRef,
     "data-testid": "Link",
@@ -106,27 +107,30 @@ const Link = exports.Link = /*#__PURE__*/React.forwardRef((_ref, ref) => {
       [_typographyModule.default.disabled]: disabled
     }, className),
     onClick: handleClick,
-    onKeyPress: handleKeyPress
-  }), !!iconLeftName && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconLeftName,
-    size: iconLeftSize,
-    type: iconLeftType,
-    className: (0, _classify.default)(_typographyModule.default[color], {
-      [_typographyModule.default.disabled]: disabled
-    })
-  }), /*#__PURE__*/React.createElement(_ConditionalWrapper.ConditionalWrapper, {
-    condition: Boolean(iconLeftName || iconRightName),
-    wrapper: children => /*#__PURE__*/React.createElement("span", {
-      className: (0, _classify.default)({
-        [_typographyModule.default.underline]: underline
+    onKeyPress: handleKeyPress,
+    children: [!!iconLeftName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: iconLeftName,
+      size: iconLeftSize,
+      type: iconLeftType,
+      className: (0, _classify.default)(_typographyModule.default[color], {
+        [_typographyModule.default.disabled]: disabled
       })
-    }, children)
-  }, children), !!iconRightName && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconRightName,
-    size: iconRightSize,
-    type: iconRightType,
-    className: _typographyModule.default[color]
-  }));
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ConditionalWrapper.ConditionalWrapper, {
+      condition: Boolean(iconLeftName || iconRightName),
+      wrapper: children => /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: (0, _classify.default)({
+          [_typographyModule.default.underline]: underline
+        }),
+        children: children
+      }),
+      children: children
+    }), !!iconRightName && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: iconRightName,
+      size: iconRightSize,
+      type: iconRightType,
+      className: _typographyModule.default[color]
+    })]
+  });
 });
 const DefaultLink = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
   let {
@@ -136,8 +140,10 @@ const DefaultLink = /*#__PURE__*/React.forwardRef((_ref2, ref) => {
     ...props
   } = _ref2;
   const resolvedHref = to ?? href;
-  return /*#__PURE__*/React.createElement("a", _extends({}, props, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("a", {
+    ...props,
     href: resolvedHref,
-    ref: ref
-  }), children);
+    ref: ref,
+    children: children
+  });
 });

package/lib/components/Link/index.d.ts

@@ -1,2 +1,2 @@
-export * from 'src/components/Link/Link';
+export * from '../../components/Link/Link';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Link/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Link = require("src/components/Link/Link");
+var _Link = require("./Link");
 Object.keys(_Link).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Link[key]) return;

package/lib/components/Menu/Menu.d.ts

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { Flow } from 'flow-to-typescript-codemod';
-import type { MenuClassNames, MenuLabelTooltip } from 'src/types/menu';
-import type { IconType } from 'src/components/Icon/Icon';
+import type { MenuClassNames, MenuLabelTooltip } from '../../types/menu';
+import type { IconType } from '../../components/Icon/Icon';
 type ClassNames = MenuClassNames;
 type OptionClassNames = Readonly<{
     wrapper?: string;

package/lib/components/Menu/Menu.js

@@ -6,15 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.Menu = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _reactWindow = require("react-window");
-var _classify = require("src/utils/classify");
-var _menu = require("src/utils/menu");
-var _MenuOptionButton = require("src/components/Menu/MenuOptionButton");
-var _SearchInput = require("src/components/SearchInput");
-var _Text = require("src/components/Text");
-var _MenuModule = _interopRequireDefault(require("src/components/Menu/Menu.module.css"));
+var _classify = require("../../utils/classify");
+var _menu = require("../../utils/menu");
+var _MenuOptionButton = require("./MenuOptionButton");
+var _SearchInput = require("../SearchInput");
+var _Text = require("../Text");
+var _MenuModule = _interopRequireDefault(require("./Menu.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 // Render first available option set
 
 const menuSizeMedium = 276,
@@ -53,82 +53,93 @@ const RenderOption = _ref => {
       menuHeight,
       itemHeight
     } = virtualization;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, allowSearch && showResultText && /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
-      className: _MenuModule.default.filterOptionsResultText,
-      color: "tertiary"
-    }, finalResultText), virtualization && isVirtualizationEnabled ? /*#__PURE__*/React.createElement(_reactWindow.FixedSizeList, {
-      height: menuHeight || (size === 'medium' ? menuSizeMedium : menuSizeSmall),
-      itemSize: itemHeight || (size === 'medium' ? buttonSizeMedium : buttonSizeSmall),
-      itemCount: optionsFiltered.length,
-      width: "initial"
-    }, _ref2 => {
-      let {
-        index: idx,
-        style
-      } = _ref2;
-      const buttonOption = optionsFiltered[idx];
-      return /*#__PURE__*/React.createElement(React.Fragment, {
-        key: buttonOption.key
-      }, /*#__PURE__*/React.createElement(_MenuOptionButton.MenuOptionButton, _extends({
-        option: buttonOption,
-        classNames: classNames,
-        style: style
-      }, restProps, {
-        isLastItem: idx === optionsFiltered.length - 1
-      })));
-    }) : optionsFiltered.map((option, idx) => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: option.key
-    }, /*#__PURE__*/React.createElement(_MenuOptionButton.MenuOptionButton, _extends({
-      option: option,
-      classNames: classNames
-    }, restProps, {
-      isLastItem: idx === optionsFiltered.length - 1
-    })))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [allowSearch && showResultText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
+        className: _MenuModule.default.filterOptionsResultText,
+        color: "tertiary",
+        children: finalResultText
+      }), virtualization && isVirtualizationEnabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactWindow.FixedSizeList, {
+        height: menuHeight || (size === 'medium' ? menuSizeMedium : menuSizeSmall),
+        itemSize: itemHeight || (size === 'medium' ? buttonSizeMedium : buttonSizeSmall),
+        itemCount: optionsFiltered.length,
+        width: "initial",
+        children: _ref2 => {
+          let {
+            index: idx,
+            style
+          } = _ref2;
+          const buttonOption = optionsFiltered[idx];
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuOptionButton.MenuOptionButton, {
+              option: buttonOption,
+              classNames: classNames,
+              style: style,
+              ...restProps,
+              isLastItem: idx === optionsFiltered.length - 1
+            })
+          }, buttonOption.key);
+        }
+      }) : optionsFiltered.map((option, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuOptionButton.MenuOptionButton, {
+          option: option,
+          classNames: classNames,
+          ...restProps,
+          isLastItem: idx === optionsFiltered.length - 1
+        })
+      }, option.key))]
+    });
   }
   if (composeOptions && Array.isArray(composeOptions) && composeOptions.length) {
     const optionsFiltered = !allowSearch ? composeOptions : (0, _menu.getFilteredComposeOptionsFromSearchText)(composeOptions, searchText);
     const finalResultText = !allowSearch ? '' : (0, _menu.getFilteredComposeOptionsResultText)(optionsFiltered, staticLabels);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, allowSearch && showResultText && /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
-      className: _MenuModule.default.filterOptionsResultText,
-      color: "tertiary"
-    }, finalResultText), optionsFiltered.map((composeMenuOptions, index) =>
-    /*#__PURE__*/
-    // eslint-disable-next-line react/no-array-index-key
-    React.createElement("span", {
-      key: index,
-      className: _MenuModule.default.menuDivider
-    }, composeMenuOptions.map((option, idx) => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: option.key
-    }, /*#__PURE__*/React.createElement(_MenuOptionButton.MenuOptionButton, _extends({
-      option: option,
-      classNames: classNames
-    }, restProps, {
-      isLastItem: index === optionsFiltered.length - 1 && idx === composeMenuOptions.length - 1
-    })))))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [allowSearch && showResultText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
+        className: _MenuModule.default.filterOptionsResultText,
+        color: "tertiary",
+        children: finalResultText
+      }), optionsFiltered.map((composeMenuOptions, index) =>
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      (0, _jsxRuntime.jsx)("span", {
+        className: _MenuModule.default.menuDivider,
+        children: composeMenuOptions.map((option, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuOptionButton.MenuOptionButton, {
+            option: option,
+            classNames: classNames,
+            ...restProps,
+            isLastItem: index === optionsFiltered.length - 1 && idx === composeMenuOptions.length - 1
+          })
+        }, option.key))
+      }, index))]
+    });
   }
   if (groupTitleOptions && Array.isArray(groupTitleOptions) && groupTitleOptions.length) {
     const optionsFiltered = !allowSearch ? groupTitleOptions : (0, _menu.getFilteredGroupTitleOptionsFromSearchText)(groupTitleOptions, searchText);
     const finalResultText = !allowSearch ? '' : (0, _menu.getFilteredGroupTitleOptionsResultText)(optionsFiltered, staticLabels);
-    return /*#__PURE__*/React.createElement(React.Fragment, null, allowSearch && showResultText && /*#__PURE__*/React.createElement(_Text.FormLabelSmall, {
-      className: _MenuModule.default.filterOptionsResultText,
-      color: "tertiary"
-    }, finalResultText), optionsFiltered.map((optionsGroup, index) =>
-    /*#__PURE__*/
-    // eslint-disable-next-line react/no-array-index-key
-    React.createElement(React.Fragment, {
-      key: index
-    }, !!optionsGroup.groupTitle && /*#__PURE__*/React.createElement("div", {
-      className: (0, _classify.classify)(_MenuModule.default.groupTitleWrapper, classNames?.groupTitle)
-    }, optionsGroup.groupTitle), optionsGroup.options?.map((option, idx) => /*#__PURE__*/React.createElement(React.Fragment, {
-      key: option.key
-    }, /*#__PURE__*/React.createElement(_MenuOptionButton.MenuOptionButton, _extends({
-      option: option,
-      classNames: classNames
-    }, restProps, {
-      isLastItem: index === optionsFiltered.length - 1 && idx === (optionsGroup.options && optionsGroup.options.length - 1)
-    })))))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [allowSearch && showResultText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Text.FormLabelSmall, {
+        className: _MenuModule.default.filterOptionsResultText,
+        color: "tertiary",
+        children: finalResultText
+      }), optionsFiltered.map((optionsGroup, index) =>
+      /*#__PURE__*/
+      // eslint-disable-next-line react/no-array-index-key
+      (0, _jsxRuntime.jsxs)(React.Fragment, {
+        children: [!!optionsGroup.groupTitle && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classify.classify)(_MenuModule.default.groupTitleWrapper, classNames?.groupTitle),
+          children: optionsGroup.groupTitle
+        }), optionsGroup.options?.map((option, idx) => /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MenuOptionButton.MenuOptionButton, {
+            option: option,
+            classNames: classNames,
+            ...restProps,
+            isLastItem: index === optionsFiltered.length - 1 && idx === (optionsGroup.options && optionsGroup.options.length - 1)
+          })
+        }, option.key))]
+      }, index))]
+    });
   }
-  return /*#__PURE__*/React.createElement(React.Fragment, null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
 };
 const Menu = exports.Menu = /*#__PURE__*/React.forwardRef((props, ref) => {
   const {
@@ -152,7 +163,7 @@ const Menu = exports.Menu = /*#__PURE__*/React.forwardRef((props, ref) => {
   } = virtualization;
   const hasHeader = header ? true : false;
   const hasFooter = footer ? true : false;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: (0, _classify.classify)(_MenuModule.default.menuCard, {
       [_MenuModule.default.fluid]: isFluid,
       [_MenuModule.default.medium]: size === 'medium',
@@ -170,18 +181,22 @@ const Menu = exports.Menu = /*#__PURE__*/React.forwardRef((props, ref) => {
       width,
       maxHeight: menuHeight ? menuHeight + 'px' : ''
     },
-    ref: ref
-  }, hasHeader && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_MenuModule.default.menuHeader, classNames?.header)
-  }, header), allowSearch && /*#__PURE__*/React.createElement(_SearchInput.SearchInput, {
-    value: searchText,
-    onChange: e => setSearchText(e.target.value),
-    onClear: () => setSearchText(''),
-    size: size,
-    placeholder: staticLabels?.SEARCH_PLACEHOLDER ?? 'Search...'
-  }), /*#__PURE__*/React.createElement(RenderOption, _extends({}, props, {
-    searchText: searchText
-  })), hasFooter && /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_MenuModule.default.menuFooter, classNames?.footer)
-  }, footer));
+    ref: ref,
+    children: [hasHeader && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.classify)(_MenuModule.default.menuHeader, classNames?.header),
+      children: header
+    }), allowSearch && /*#__PURE__*/(0, _jsxRuntime.jsx)(_SearchInput.SearchInput, {
+      value: searchText,
+      onChange: e => setSearchText(e.target.value),
+      onClear: () => setSearchText(''),
+      size: size,
+      placeholder: staticLabels?.SEARCH_PLACEHOLDER ?? 'Search...'
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(RenderOption, {
+      ...props,
+      searchText: searchText
+    }), hasFooter && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: (0, _classify.classify)(_MenuModule.default.menuFooter, classNames?.footer),
+      children: footer
+    })]
+  });
 });

package/lib/components/Menu/MenuOptionButton.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { CSSProperties } from 'react';
-import type { BaseMenuProps, MenuOption } from 'src/components/Menu/Menu';
+import type { BaseMenuProps, MenuOption } from '../../components/Menu/Menu';
 export interface MenuOptionProps extends Omit<BaseMenuProps, 'option' | 'isLastItem' | 'style'> {
     option: MenuOption;
     isLastItem?: boolean;

package/lib/components/Menu/MenuOptionButton.js

@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.MenuOptionButton = void 0;
 var React = _interopRequireWildcard(require("react"));
-var _classify = require("src/utils/classify");
-var _Button = require("src/components/Button");
-var _Checkbox = require("src/components/Checkbox");
-var _Icon = require("src/components/Icon");
-var _RadioButton = require("src/components/RadioButton");
-var _Truncate = require("src/components/Truncate");
-var _TruncatedTextWithTooltip = require("src/components/TruncatedTextWithTooltip");
-var _MenuModule = _interopRequireDefault(require("src/components/Menu/Menu.module.css"));
+var _classify = require("../../utils/classify");
+var _Button = require("../Button");
+var _Checkbox = require("../Checkbox");
+var _Icon = require("../Icon");
+var _RadioButton = require("../RadioButton");
+var _Truncate = require("../Truncate");
+var _TruncatedTextWithTooltip = require("../TruncatedTextWithTooltip");
+var _MenuModule = _interopRequireDefault(require("./Menu.module.css"));
+var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 const MenuOptionButton = props => {
   const lastMenuItemRef = React.useRef(null);
   const {
@@ -74,7 +74,7 @@ const MenuOptionButton = props => {
       lastMenuItemRef.current?.removeEventListener('keydown', handleKeyDown);
     };
   }, [isLastItem]);
-  return /*#__PURE__*/React.createElement(_Button.UnstyledButton, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Button.UnstyledButton, {
     className: (0, _classify.classify)(_MenuModule.default.option, {
       [_MenuModule.default.selected]: isSelected() || key === selectedOption?.key,
       [_MenuModule.default.optionSmall]: buttonSize === 'small',
@@ -86,56 +86,67 @@ const MenuOptionButton = props => {
     style: style,
     disabled: menuDisabled || disabled,
     onClick: e => onSelect && onSelect(option, e),
-    autoFocus: selectedOption?.key === key
-  }, isLastItem ? {
-    ref: lastMenuItemRef
-  } : {}), optionVariant === 'checkbox' && /*#__PURE__*/React.createElement(_Checkbox.Checkbox, {
-    tabIndex: -1,
-    disabled: menuDisabled || disabled,
-    checked: isSelected(),
-    indeterminate: indeterminate
-  }), optionVariant === 'radio' && /*#__PURE__*/React.createElement(_RadioButton.RadioButton, {
-    disabled: menuDisabled || disabled,
-    value: option.key,
-    selectedValue: selectedKeys?.[0],
-    tabIndex: -1
-  }), !!iconLeft && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconLeft,
-    type: iconLeftType,
-    size: "small",
-    className: _MenuModule.default.icon
-  }), /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_MenuModule.default.optionTextContainer, classNames?.optionTextContainer)
-  }, /*#__PURE__*/React.isValidElement(customComponent) ? customComponent : /*#__PURE__*/React.createElement("div", {
-    className: (0, _classify.classify)(_MenuModule.default.optionTextLabel, classNames?.optionTextLabel)
-  }, renderLabel(resolvedLabel, allowWrap, showLabelTooltip)), !!secondaryLabel && /*#__PURE__*/React.createElement("div", {
-    className: _MenuModule.default.optionTextSecondaryLabel
-  }, /*#__PURE__*/React.createElement(_Truncate.Truncate, null, resolvedSecondaryLabel))), !!iconRight && /*#__PURE__*/React.createElement(_Icon.Icon, {
-    name: iconRight,
-    type: iconRightType,
-    size: "small",
-    className: (0, _classify.classify)(_MenuModule.default.icon, _MenuModule.default.rightIcon)
-  }));
+    autoFocus: selectedOption?.key === key,
+    ...(isLastItem ? {
+      ref: lastMenuItemRef
+    } : {}),
+    children: [optionVariant === 'checkbox' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Checkbox.Checkbox, {
+      tabIndex: -1,
+      disabled: menuDisabled || disabled,
+      checked: isSelected(),
+      indeterminate: indeterminate
+    }), optionVariant === 'radio' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_RadioButton.RadioButton, {
+      disabled: menuDisabled || disabled,
+      value: option.key,
+      selectedValue: selectedKeys?.[0],
+      tabIndex: -1
+    }), !!iconLeft && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: iconLeft,
+      type: iconLeftType,
+      size: "small",
+      className: _MenuModule.default.icon
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classify.classify)(_MenuModule.default.optionTextContainer, classNames?.optionTextContainer),
+      children: [/*#__PURE__*/React.isValidElement(customComponent) ? customComponent : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classify.classify)(_MenuModule.default.optionTextLabel, classNames?.optionTextLabel),
+        children: renderLabel(resolvedLabel, allowWrap, showLabelTooltip)
+      }), !!secondaryLabel && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: _MenuModule.default.optionTextSecondaryLabel,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+          children: resolvedSecondaryLabel
+        })
+      })]
+    }), !!iconRight && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.Icon, {
+      name: iconRight,
+      type: iconRightType,
+      size: "small",
+      className: (0, _classify.classify)(_MenuModule.default.icon, _MenuModule.default.rightIcon)
+    })]
+  });
 };
 exports.MenuOptionButton = MenuOptionButton;
 const renderLabel = (label, allowWrap, showLabelTooltip) => {
   if (showLabelTooltip) {
-    return /*#__PURE__*/React.createElement(_TruncatedTextWithTooltip.TruncatedTextWithTooltip, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TruncatedTextWithTooltip.TruncatedTextWithTooltip, {
       tooltip: {
         bodyMaxLines: showLabelTooltip.maxLines ?? 10,
         delayMotionDuration: 'normal'
       },
-      line: 3
-    }, label);
+      line: 3,
+      children: label
+    });
   }
   if (allowWrap) {
-    return /*#__PURE__*/React.createElement(_TruncatedTextWithTooltip.TruncatedTextWithTooltip, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TruncatedTextWithTooltip.TruncatedTextWithTooltip, {
       tooltip: {
         bodyMaxLines: 10,
         delayMotionDuration: 'normal'
       },
-      line: 3
-    }, label);
+      line: 3,
+      children: label
+    });
   }
-  return /*#__PURE__*/React.createElement(_Truncate.Truncate, null, label);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Truncate.Truncate, {
+    children: label
+  });
 };

package/lib/components/Menu/index.d.ts

@@ -1,3 +1,3 @@
-export * from 'src/components/Menu/Menu';
-export * from 'src/components/Menu/MenuOptionButton';
+export * from '../../components/Menu/Menu';
+export * from '../../components/Menu/MenuOptionButton';
 //# sourceMappingURL=index.d.ts.map

package/lib/components/Menu/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _Menu = require("src/components/Menu/Menu");
+var _Menu = require("./Menu");
 Object.keys(_Menu).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _Menu[key]) return;
@@ -14,7 +14,7 @@ Object.keys(_Menu).forEach(function (key) {
     }
   });
 });
-var _MenuOptionButton = require("src/components/Menu/MenuOptionButton");
+var _MenuOptionButton = require("./MenuOptionButton");
 Object.keys(_MenuOptionButton).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (key in exports && exports[key] === _MenuOptionButton[key]) return;