@doist/reactist 28.7.2 → 28.7.3

package/es/tabs/tabs.js

@@ -1,233 +1,146 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import classNames from 'classnames';
-import { useTabStore, Tab as Tab$1, TabList as TabList$1, TabPanel as TabPanel$1 } from '@ariakit/react';
+import { Tab as Tab$1, TabPanel as TabPanel$1, useTabStore, TabList as TabList$1 } from '@ariakit/react';
 import { Box } from '../box/box.js';
 import { Inline } from '../inline/inline.js';
 import modules_40c67f5b from './tabs.module.css.js';
 
-const _excluded = ["children", "space", "width", "align", "exceptionallySetClassName"],
-      _excluded2 = ["children", "id", "renderMode"];
-const TabsContext = /*#__PURE__*/React.createContext(null);
-/**
- * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.
+var TabsContext = React.createContext(null);
+/**
+ * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.
  */
-
-function Tabs({
-  children,
-  selectedId,
-  defaultSelectedId,
-  variant = 'neutral',
-  onSelectedIdChange
-}) {
-  const tabStore = useTabStore({
-    defaultSelectedId,
-    selectedId,
-    setSelectedId: onSelectedIdChange
-  });
-  const actualSelectedId = tabStore.useState('selectedId');
-  const memoizedTabState = React.useMemo(() => ({
-    tabStore,
-    variant,
-    selectedId: selectedId ?? actualSelectedId ?? null
-  }), [variant, tabStore, selectedId, actualSelectedId]);
-  return /*#__PURE__*/React.createElement(TabsContext.Provider, {
-    value: memoizedTabState
-  }, children);
+function Tabs(_a) {
+    var children = _a.children, selectedId = _a.selectedId, defaultSelectedId = _a.defaultSelectedId, _b = _a.variant, variant = _b === void 0 ? 'neutral' : _b, onSelectedIdChange = _a.onSelectedIdChange;
+    var tabStore = useTabStore({
+        defaultSelectedId: defaultSelectedId,
+        selectedId: selectedId,
+        setSelectedId: onSelectedIdChange
+    });
+    var actualSelectedId = tabStore.useState('selectedId');
+    var memoizedTabState = React.useMemo(function () { var _a; return ({ tabStore: tabStore, variant: variant, selectedId: (_a = selectedId !== null && selectedId !== void 0 ? selectedId : actualSelectedId) !== null && _a !== void 0 ? _a : null }); }, [variant, tabStore, selectedId, actualSelectedId]);
+    return React.createElement(TabsContext.Provider, { value: memoizedTabState }, children);
 }
-/**
- * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.
+/**
+ * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.
  */
-
-
-const Tab = /*#__PURE__*/React.forwardRef(function Tab({
-  children,
-  id,
-  disabled,
-  exceptionallySetClassName,
-  render,
-  onClick
-}, ref) {
-  const tabContextValue = React.useContext(TabsContext);
-  if (!tabContextValue) return null;
-  const {
-    variant,
-    tabStore
-  } = tabContextValue;
-  const className = classNames(exceptionallySetClassName, modules_40c67f5b.tab, modules_40c67f5b[`tab-${variant}`]);
-  return /*#__PURE__*/React.createElement(Tab$1, {
-    id: id,
-    ref: ref,
-    disabled: disabled,
-    store: tabStore,
-    render: render,
-    className: className,
-    onClick: onClick
-  }, children);
+var Tab = React.forwardRef(function Tab(_a, ref) {
+    var children = _a.children, id = _a.id, disabled = _a.disabled, exceptionallySetClassName = _a.exceptionallySetClassName, render = _a.render, onClick = _a.onClick;
+    var tabContextValue = React.useContext(TabsContext);
+    if (!tabContextValue)
+        return null;
+    var variant = tabContextValue.variant, tabStore = tabContextValue.tabStore;
+    var className = classNames(exceptionallySetClassName, modules_40c67f5b.tab, modules_40c67f5b["tab-".concat(variant)]);
+    return (React.createElement(Tab$1, { id: id, ref: ref, disabled: disabled, store: tabStore, render: render, className: className, onClick: onClick }, children));
 });
-/**
- * A component used to group `<Tab>` elements together.
+/**
+ * A component used to group `<Tab>` elements together.
  */
-
-function TabList(_ref) {
-  let {
-    children,
-    space,
-    width = 'maxContent',
-    align = 'start',
-    exceptionallySetClassName
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const tabListRef = React.useRef(null);
-  const tabListPrevWidthRef = React.useRef(0);
-  const tabContextValue = React.useContext(TabsContext);
-  const [selectedTabElement, setSelectedTabElement] = React.useState(null);
-  const [selectedTabStyle, setSelectedTabStyle] = React.useState({});
-  const selectedId = tabContextValue == null ? void 0 : tabContextValue.tabStore.useState('selectedId');
-  const updateSelectedTabPosition = React.useCallback(function updateSelectedTabPositionCallback() {
-    if (!selectedId || !tabListRef.current) {
-      return;
-    }
-
-    const tabs = tabListRef.current.querySelectorAll('[role="tab"]');
-    const selectedTab = Array.from(tabs).find(tab => tab.getAttribute('id') === selectedId);
-
-    if (selectedTab) {
-      setSelectedTabElement(selectedTab);
-      setSelectedTabStyle({
-        left: `${selectedTab.offsetLeft}px`,
-        width: `${selectedTab.offsetWidth}px`
-      });
-    }
-  }, [selectedId]);
-  React.useEffect(function updateSelectedTabPositionOnTabChange() {
-    updateSelectedTabPosition();
-  }, // `selectedId` is a dependency to ensure the effect runs when the selected tab changes
-  [selectedId, updateSelectedTabPosition]);
-  React.useEffect(function observeTabListWidthChange() {
-    let animationFrameId = null;
-    const tabListObserver = new ResizeObserver(([entry]) => {
-      const width = entry == null ? void 0 : entry.contentRect.width;
-
-      if (width && tabListPrevWidthRef.current !== width) {
-        tabListPrevWidthRef.current = width;
-
-        if (animationFrameId !== null) {
-          cancelAnimationFrame(animationFrameId);
+function TabList(_a) {
+    var children = _a.children, space = _a.space, _b = _a.width, width = _b === void 0 ? 'maxContent' : _b, _c = _a.align, align = _c === void 0 ? 'start' : _c, exceptionallySetClassName = _a.exceptionallySetClassName, props = __rest(_a, ["children", "space", "width", "align", "exceptionallySetClassName"]);
+    var tabListRef = React.useRef(null);
+    var tabListPrevWidthRef = React.useRef(0);
+    var tabContextValue = React.useContext(TabsContext);
+    var _d = React.useState(null), selectedTabElement = _d[0], setSelectedTabElement = _d[1];
+    var _e = React.useState({}), selectedTabStyle = _e[0], setSelectedTabStyle = _e[1];
+    var selectedId = tabContextValue === null || tabContextValue === void 0 ? void 0 : tabContextValue.tabStore.useState('selectedId');
+    var updateSelectedTabPosition = React.useCallback(function updateSelectedTabPositionCallback() {
+        if (!selectedId || !tabListRef.current) {
+            return;
         }
-
-        animationFrameId = requestAnimationFrame(() => {
-          updateSelectedTabPosition();
-          animationFrameId = null;
+        var tabs = tabListRef.current.querySelectorAll('[role="tab"]');
+        var selectedTab = Array.from(tabs).find(function (tab) { return tab.getAttribute('id') === selectedId; });
+        if (selectedTab) {
+            setSelectedTabElement(selectedTab);
+            setSelectedTabStyle({
+                left: "".concat(selectedTab.offsetLeft, "px"),
+                width: "".concat(selectedTab.offsetWidth, "px")
+            });
+        }
+    }, [selectedId]);
+    React.useEffect(function updateSelectedTabPositionOnTabChange() {
+        updateSelectedTabPosition();
+    }, 
+    // `selectedId` is a dependency to ensure the effect runs when the selected tab changes
+    [selectedId, updateSelectedTabPosition]);
+    React.useEffect(function observeTabListWidthChange() {
+        var animationFrameId = null;
+        var tabListObserver = new ResizeObserver(function (_a) {
+            var entry = _a[0];
+            var width = entry === null || entry === void 0 ? void 0 : entry.contentRect.width;
+            if (width && tabListPrevWidthRef.current !== width) {
+                tabListPrevWidthRef.current = width;
+                if (animationFrameId !== null) {
+                    cancelAnimationFrame(animationFrameId);
+                }
+                animationFrameId = requestAnimationFrame(function () {
+                    updateSelectedTabPosition();
+                    animationFrameId = null;
+                });
+            }
         });
-      }
-    });
-
-    if (tabListRef.current) {
-      tabListObserver.observe(tabListRef.current);
+        if (tabListRef.current) {
+            tabListObserver.observe(tabListRef.current);
+        }
+        return function cleanupResizeObserver() {
+            if (animationFrameId) {
+                cancelAnimationFrame(animationFrameId);
+            }
+            tabListObserver.disconnect();
+        };
+    }, [updateSelectedTabPosition]);
+    if (!tabContextValue) {
+        return null;
     }
-
-    return function cleanupResizeObserver() {
-      if (animationFrameId) {
-        cancelAnimationFrame(animationFrameId);
-      }
-
-      tabListObserver.disconnect();
+    var tabStore = tabContextValue.tabStore, variant = tabContextValue.variant;
+    var justifyContentAlignMap = {
+        start: 'flexStart',
+        end: 'flexEnd',
+        center: 'center'
     };
-  }, [updateSelectedTabPosition]);
-
-  if (!tabContextValue) {
-    return null;
-  }
-
-  const {
-    tabStore,
-    variant
-  } = tabContextValue;
-  const justifyContentAlignMap = {
-    start: 'flexStart',
-    end: 'flexEnd',
-    center: 'center'
-  };
-  return (
-    /*#__PURE__*/
+    return (
     // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s
     // negative margins from collapsing when used in a flex container which will render the
     // track with the wrong height
-    React.createElement(Box, {
-      display: "flex",
-      justifyContent: width === 'full' ? 'center' : justifyContentAlignMap[align]
-    }, /*#__PURE__*/React.createElement(TabList$1, _objectSpread2({
-      store: tabStore,
-      render: /*#__PURE__*/React.createElement(Box, {
-        position: "relative",
-        width: width,
-        className: exceptionallySetClassName
-      }),
-      ref: tabListRef
-    }, props), /*#__PURE__*/React.createElement(Box, {
-      className: [modules_40c67f5b.track, modules_40c67f5b[`track-${variant}`]]
-    }), selectedTabElement ? /*#__PURE__*/React.createElement(Box, {
-      className: [modules_40c67f5b.selected, modules_40c67f5b[`selected-${variant}`]],
-      style: selectedTabStyle
-    }) : null, /*#__PURE__*/React.createElement(Inline, {
-      space: space,
-      exceptionallySetClassName: classNames(width === 'full' ? modules_40c67f5b.fullTabList : null)
-    }, children)))
-  );
+    React.createElement(Box, { display: "flex", justifyContent: width === 'full' ? 'center' : justifyContentAlignMap[align] },
+        React.createElement(TabList$1, __assign({ store: tabStore, render: React.createElement(Box, { position: "relative", width: width, className: exceptionallySetClassName }), ref: tabListRef }, props),
+            React.createElement(Box, { className: [modules_40c67f5b.track, modules_40c67f5b["track-".concat(variant)]] }),
+            selectedTabElement ? (React.createElement(Box, { className: [modules_40c67f5b.selected, modules_40c67f5b["selected-".concat(variant)]], style: selectedTabStyle })) : null,
+            React.createElement(Inline, { space: space, exceptionallySetClassName: classNames(width === 'full' ? modules_40c67f5b.fullTabList : null) }, children))));
 }
-/**
- * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a
- * corresponding `<Tab>` component.
+/**
+ * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a
+ * corresponding `<Tab>` component.
  */
-
-
-const TabPanel = /*#__PURE__*/React.forwardRef(function TabPanel(_ref2, ref) {
-  let {
-    children,
-    id,
-    renderMode = 'always'
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2);
-
-  const tabContextValue = React.useContext(TabsContext);
-  const [tabRendered, setTabRendered] = React.useState(false);
-  const selectedId = tabContextValue == null ? void 0 : tabContextValue.tabStore.useState('selectedId');
-  const tabIsActive = selectedId === id;
-  React.useEffect(function trackTabRenderedState() {
-    if (!tabRendered && tabIsActive) {
-      setTabRendered(true);
+var TabPanel = React.forwardRef(function TabPanel(_a, ref) {
+    var children = _a.children, id = _a.id, _b = _a.renderMode, renderMode = _b === void 0 ? 'always' : _b, props = __rest(_a, ["children", "id", "renderMode"]);
+    var tabContextValue = React.useContext(TabsContext);
+    var _c = React.useState(false), tabRendered = _c[0], setTabRendered = _c[1];
+    var selectedId = tabContextValue === null || tabContextValue === void 0 ? void 0 : tabContextValue.tabStore.useState('selectedId');
+    var tabIsActive = selectedId === id;
+    React.useEffect(function trackTabRenderedState() {
+        if (!tabRendered && tabIsActive) {
+            setTabRendered(true);
+        }
+    }, [tabRendered, tabIsActive]);
+    if (!tabContextValue) {
+        return null;
     }
-  }, [tabRendered, tabIsActive]);
-
-  if (!tabContextValue) {
-    return null;
-  }
-
-  const {
-    tabStore
-  } = tabContextValue;
-  const shouldRender = renderMode === 'always' || renderMode === 'active' && tabIsActive || renderMode === 'lazy' && (tabIsActive || tabRendered);
-  return shouldRender ? /*#__PURE__*/React.createElement(TabPanel$1, _objectSpread2(_objectSpread2({}, props), {}, {
-    tabId: id,
-    store: tabStore,
-    ref: ref
-  }), children) : null;
+    var tabStore = tabContextValue.tabStore;
+    var shouldRender = renderMode === 'always' ||
+        (renderMode === 'active' && tabIsActive) ||
+        (renderMode === 'lazy' && (tabIsActive || tabRendered));
+    return shouldRender ? (React.createElement(TabPanel$1, __assign({}, props, { tabId: id, store: tabStore, ref: ref }), children)) : null;
 });
-/**
- * Allows content to be rendered based on the current tab being selected while outside of the
- * TabPanel component. Can be placed freely within the main `<Tabs>` component.
+/**
+ * Allows content to be rendered based on the current tab being selected while outside of the
+ * TabPanel component. Can be placed freely within the main `<Tabs>` component.
  */
-
-function TabAwareSlot({
-  children
-}) {
-  const tabContextValue = React.useContext(TabsContext);
-  const selectedId = tabContextValue == null ? void 0 : tabContextValue.tabStore.useState('selectedId');
-  return tabContextValue ? children({
-    selectedId
-  }) : null;
+function TabAwareSlot(_a) {
+    var children = _a.children;
+    var tabContextValue = React.useContext(TabsContext);
+    var selectedId = tabContextValue === null || tabContextValue === void 0 ? void 0 : tabContextValue.tabStore.useState('selectedId');
+    return tabContextValue ? children({ selectedId: selectedId }) : null;
 }
 
 export { Tab, TabAwareSlot, TabList, TabPanel, Tabs };

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\nimport classNames from 'classnames'\nimport {\n    useTabStore,\n    Tab as BaseTab,\n    TabProps as BaseTabProps,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    TabPanelProps as BaseTabPanelProps,\n    TabStore,\n} from '@ariakit/react'\nimport { Box, BoxJustifyContent } from '../box'\nimport { Inline } from '../inline'\n\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\n\nimport styles from './tabs.module.css'\n\ntype TabsContextValue = Required<Pick<TabsProps, 'variant'>> & {\n    tabStore: TabStore\n}\n\nconst TabsContext = React.createContext<TabsContextValue | null>(null)\n\ninterface TabsProps {\n    /**\n     * The `<Tabs>` component must be composed from a `<TabList>` and corresponding `<TabPanel>`\n     * components\n     */\n    children: React.ReactNode\n\n    /**\n     * Determines the look and feel of the tabs\n     */\n    variant?: 'themed' | 'neutral'\n\n    /**\n     * The id of the selected tab. Assigning a value makes this a controlled component\n     */\n    selectedId?: string | null\n\n    /**\n     * The tab to initially select. This can be used if the component should not\n     * be a controlled component but needs to have a tab selected\n     */\n    defaultSelectedId?: string | null\n\n    /**\n     * Called with the tab id when a tab is selected\n     */\n    onSelectedIdChange?: (selectedId: string | null | undefined) => void\n}\n\n/**\n * Used to group components that compose a set of tabs. There can only be one active tab within the same `<Tabs>` group.\n */\nfunction Tabs({\n    children,\n    selectedId,\n    defaultSelectedId,\n    variant = 'neutral',\n    onSelectedIdChange,\n}: TabsProps): React.ReactElement {\n    const tabStore = useTabStore({\n        defaultSelectedId,\n        selectedId,\n        setSelectedId: onSelectedIdChange,\n    })\n    const actualSelectedId = tabStore.useState('selectedId')\n\n    const memoizedTabState = React.useMemo(\n        () => ({ tabStore, variant, selectedId: selectedId ?? actualSelectedId ?? null }),\n        [variant, tabStore, selectedId, actualSelectedId],\n    )\n    return <TabsContext.Provider value={memoizedTabState}>{children}</TabsContext.Provider>\n}\n\ninterface TabProps\n    extends ObfuscatedClassName,\n        Omit<BaseTabProps, 'store' | 'className' | 'children' | 'id'> {\n    /**\n     * The content to render inside of the tab button\n     */\n    children: React.ReactNode\n\n    /**\n     * The tab's identifier. This must match its corresponding `<TabPanel>`'s id\n     */\n    id: string\n\n    /**\n     * Defines wether or not the tab is disabled.\n     */\n    disabled?: boolean\n}\n\n/**\n * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.\n */\nconst Tab = React.forwardRef<HTMLButtonElement, TabProps>(function Tab(\n    { children, id, disabled, exceptionallySetClassName, render, onClick },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    if (!tabContextValue) return null\n\n    const { variant, tabStore } = tabContextValue\n    const className = classNames(exceptionallySetClassName, styles.tab, styles[`tab-${variant}`])\n\n    return (\n        <BaseTab\n            id={id}\n            ref={ref}\n            disabled={disabled}\n            store={tabStore}\n            render={render}\n            className={className}\n            onClick={onClick}\n        >\n            {children}\n        </BaseTab>\n    )\n})\n\ntype TabListProps = (\n    | {\n          /** Labels the tab list for assistive technologies. This must be provided if `aria-labelledby` is omitted. */\n          'aria-label': string\n      }\n    | {\n          /**\n           * One or more element IDs used to label the tab list for assistive technologies. Required if\n           * `aria-label` is omitted.\n           */\n          'aria-labelledby': string\n      }\n    | {\n          /**\n           * For cases where multiple instances of the tab list exists, the duplicates may be marked as aria-hidden\n           */\n          'aria-hidden': boolean\n      }\n) & {\n    /**\n     * A list of `<Tab>` elements\n     */\n    children: React.ReactNode\n\n    /**\n     * Controls the spacing between tabs\n     */\n    space?: Space\n\n    /**\n     * The width of the tab list.\n     *\n     * - `'maxContent'`: Each tab will be as wide as its content.\n     * - `'full'`: Each tab will be as wide as the tab list.\n     *\n     * @default 'maxContent'\n     */\n    width?: 'maxContent' | 'full'\n\n    /**\n     * How to align the tabs within the tab list.\n     *\n     * @default 'start'\n     */\n    align?: 'start' | 'center' | 'end'\n} & ObfuscatedClassName\n\n/**\n * A component used to group `<Tab>` elements together.\n */\nfunction TabList({\n    children,\n    space,\n    width = 'maxContent',\n    align = 'start',\n    exceptionallySetClassName,\n    ...props\n}: TabListProps): React.ReactElement | null {\n    const tabListRef = React.useRef<HTMLDivElement | null>(null)\n    const tabListPrevWidthRef = React.useRef(0)\n\n    const tabContextValue = React.useContext(TabsContext)\n\n    const [selectedTabElement, setSelectedTabElement] = React.useState<HTMLElement | null>(null)\n    const [selectedTabStyle, setSelectedTabStyle] = React.useState<React.CSSProperties>({})\n\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n\n    const updateSelectedTabPosition = React.useCallback(\n        function updateSelectedTabPositionCallback() {\n            if (!selectedId || !tabListRef.current) {\n                return\n            }\n\n            const tabs = tabListRef.current.querySelectorAll('[role=\"tab\"]')\n\n            const selectedTab = Array.from(tabs).find(\n                (tab) => tab.getAttribute('id') === selectedId,\n            ) as HTMLElement | undefined\n\n            if (selectedTab) {\n                setSelectedTabElement(selectedTab)\n                setSelectedTabStyle({\n                    left: `${selectedTab.offsetLeft}px`,\n                    width: `${selectedTab.offsetWidth}px`,\n                })\n            }\n        },\n        [selectedId],\n    )\n\n    React.useEffect(\n        function updateSelectedTabPositionOnTabChange() {\n            updateSelectedTabPosition()\n        },\n        // `selectedId` is a dependency to ensure the effect runs when the selected tab changes\n        [selectedId, updateSelectedTabPosition],\n    )\n\n    React.useEffect(\n        function observeTabListWidthChange() {\n            let animationFrameId: number | null = null\n\n            const tabListObserver = new ResizeObserver(([entry]) => {\n                const width = entry?.contentRect.width\n\n                if (width && tabListPrevWidthRef.current !== width) {\n                    tabListPrevWidthRef.current = width\n\n                    if (animationFrameId !== null) {\n                        cancelAnimationFrame(animationFrameId)\n                    }\n\n                    animationFrameId = requestAnimationFrame(() => {\n                        updateSelectedTabPosition()\n                        animationFrameId = null\n                    })\n                }\n            })\n\n            if (tabListRef.current) {\n                tabListObserver.observe(tabListRef.current)\n            }\n\n            return function cleanupResizeObserver() {\n                if (animationFrameId) {\n                    cancelAnimationFrame(animationFrameId)\n                }\n\n                tabListObserver.disconnect()\n            }\n        },\n        [updateSelectedTabPosition],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore, variant } = tabContextValue\n\n    const justifyContentAlignMap: Record<typeof align, BoxJustifyContent> = {\n        start: 'flexStart',\n        end: 'flexEnd',\n        center: 'center',\n    }\n\n    return (\n        // This extra <Box> not only provides alignment for the tabs, but also prevents <Inline>'s\n        // negative margins from collapsing when used in a flex container which will render the\n        // track with the wrong height\n        <Box\n            display=\"flex\"\n            justifyContent={width === 'full' ? 'center' : justifyContentAlignMap[align]}\n        >\n            <BaseTabList\n                store={tabStore}\n                render={\n                    <Box position=\"relative\" width={width} className={exceptionallySetClassName} />\n                }\n                ref={tabListRef}\n                {...props}\n            >\n                <Box className={[styles.track, styles[`track-${variant}`]]} />\n                {selectedTabElement ? (\n                    <Box\n                        className={[styles.selected, styles[`selected-${variant}`]]}\n                        style={selectedTabStyle}\n                    />\n                ) : null}\n                <Inline\n                    space={space}\n                    exceptionallySetClassName={classNames(\n                        width === 'full' ? styles.fullTabList : null,\n                    )}\n                >\n                    {children}\n                </Inline>\n            </BaseTabList>\n        </Box>\n    )\n}\n\ninterface TabPanelProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        Pick<BaseTabPanelProps, 'render'> {\n    /** The content to be rendered inside the tab */\n    children?: React.ReactNode\n\n    /** The tabPanel's identifier. This must match its corresponding `<Tab>`'s id */\n    id: string\n\n    /**\n     * By default, the tab panel's content is always rendered even when they are not active. This\n     * behaviour can be changed to 'active', which renders only when the tab is active, and 'lazy',\n     * meaning while inactive tab panels will not be rendered initially, they will remain mounted\n     * once they are active until the entire Tabs tree is unmounted.\n     */\n    renderMode?: 'always' | 'active' | 'lazy'\n}\n\n/**\n * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a\n * corresponding `<Tab>` component.\n */\nconst TabPanel = React.forwardRef<HTMLDivElement, TabPanelProps>(function TabPanel(\n    { children, id, renderMode = 'always', ...props },\n    ref,\n): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const [tabRendered, setTabRendered] = React.useState(false)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    const tabIsActive = selectedId === id\n\n    React.useEffect(\n        function trackTabRenderedState() {\n            if (!tabRendered && tabIsActive) {\n                setTabRendered(true)\n            }\n        },\n        [tabRendered, tabIsActive],\n    )\n\n    if (!tabContextValue) {\n        return null\n    }\n\n    const { tabStore } = tabContextValue\n    const shouldRender =\n        renderMode === 'always' ||\n        (renderMode === 'active' && tabIsActive) ||\n        (renderMode === 'lazy' && (tabIsActive || tabRendered))\n\n    return shouldRender ? (\n        <BaseTabPanel {...props} tabId={id} store={tabStore} ref={ref}>\n            {children}\n        </BaseTabPanel>\n    ) : null\n})\n\ntype TabAwareSlotProps = {\n    /**\n     * Render prop used to provide the content to be rendered inside the slot. The render prop will\n     * be called with the current `selectedId`\n     */\n    children: (provided: { selectedId?: string | null }) => React.ReactElement | null\n}\n\n/**\n * Allows content to be rendered based on the current tab being selected while outside of the\n * TabPanel component. Can be placed freely within the main `<Tabs>` component.\n */\nfunction TabAwareSlot({ children }: TabAwareSlotProps): React.ReactElement | null {\n    const tabContextValue = React.useContext(TabsContext)\n    const selectedId = tabContextValue?.tabStore.useState('selectedId')\n    return tabContextValue ? children({ selectedId }) : null\n}\n\nexport { Tab, Tabs, TabList, TabPanel, TabAwareSlot }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","id","disabled","exceptionallySetClassName","render","onClick","ref","tabContextValue","useContext","className","classNames","styles","tab","BaseTab","store","TabList","space","width","align","props","tabListRef","useRef","tabListPrevWidthRef","selectedTabElement","setSelectedTabElement","selectedTabStyle","setSelectedTabStyle","updateSelectedTabPosition","useCallback","updateSelectedTabPositionCallback","current","tabs","querySelectorAll","selectedTab","Array","from","find","getAttribute","left","offsetLeft","offsetWidth","useEffect","updateSelectedTabPositionOnTabChange","observeTabListWidthChange","animationFrameId","tabListObserver","ResizeObserver","entry","contentRect","cancelAnimationFrame","requestAnimationFrame","observe","cleanupResizeObserver","disconnect","justifyContentAlignMap","start","end","center","Box","display","justifyContent","BaseTabList","_objectSpread","position","track","selected","style","Inline","fullTabList","TabPanel","renderMode","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":[null],"names":["styles","BaseTab","BaseTabList","BaseTabPanel"],"mappings":"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"}

package/es/text/text.js

@@ -1,34 +1,25 @@
-import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2 } from '../_virtual/_rollupPluginBabelHelpers.js';
+import { __rest, __assign } from 'tslib';
 import * as React from 'react';
 import { getClassNames } from '../utils/responsive-props.js';
 import { Box } from '../box/box.js';
 import { polymorphicComponent } from '../utils/polymorphism.js';
 import modules_a9637dd3 from './text.module.css.js';
 
-const _excluded = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
-const Text = /*#__PURE__*/polymorphicComponent(function Text(_ref, ref) {
-  let {
-    as,
-    size = 'body',
-    weight = 'regular',
-    tone = 'normal',
-    align,
-    children,
-    lineClamp,
-    exceptionallySetClassName
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1;
-  return /*#__PURE__*/React.createElement(Box, _objectSpread2(_objectSpread2({}, props), {}, {
-    as: as,
-    className: [exceptionallySetClassName, modules_a9637dd3.text, size !== 'body' ? getClassNames(modules_a9637dd3, 'size', size) : null, weight !== 'regular' ? getClassNames(modules_a9637dd3, 'weight', weight) : null, tone !== 'normal' ? getClassNames(modules_a9637dd3, 'tone', tone) : null, lineClampMultipleLines ? modules_a9637dd3.lineClampMultipleLines : null, lineClamp ? getClassNames(modules_a9637dd3, 'lineClamp', lineClamp.toString()) : null],
-    textAlign: align,
-    // Prevents emojis from being cut-off
-    // See https://github.com/Doist/reactist/pull/528
-    paddingRight: lineClamp ? 'xsmall' : undefined,
-    ref: ref
-  }), children);
+var Text = polymorphicComponent(function Text(_a, ref) {
+    var as = _a.as, _b = _a.size, size = _b === void 0 ? 'body' : _b, _c = _a.weight, weight = _c === void 0 ? 'regular' : _c, _d = _a.tone, tone = _d === void 0 ? 'normal' : _d, align = _a.align, children = _a.children, lineClamp = _a.lineClamp, exceptionallySetClassName = _a.exceptionallySetClassName, props = __rest(_a, ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"]);
+    var lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp !== null && lineClamp !== void 0 ? lineClamp : 1) > 1;
+    return (React.createElement(Box, __assign({}, props, { as: as, className: [
+            exceptionallySetClassName,
+            modules_a9637dd3.text,
+            size !== 'body' ? getClassNames(modules_a9637dd3, 'size', size) : null,
+            weight !== 'regular' ? getClassNames(modules_a9637dd3, 'weight', weight) : null,
+            tone !== 'normal' ? getClassNames(modules_a9637dd3, 'tone', tone) : null,
+            lineClampMultipleLines ? modules_a9637dd3.lineClampMultipleLines : null,
+            lineClamp ? getClassNames(modules_a9637dd3, 'lineClamp', lineClamp.toString()) : null,
+        ], textAlign: align, 
+        // Prevents emojis from being cut-off
+        // See https://github.com/Doist/reactist/pull/528
+        paddingRight: lineClamp ? 'xsmall' : undefined, ref: ref }), children));
 });
 
 export { Text };

package/es/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\nimport { getClassNames } from '../utils/responsive-props'\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\n\nimport type { Tone } from '../utils/common-types'\nimport type { BoxProps } from '../box'\n\nimport styles from './text.module.css'\n\ntype TextProps = {\n    children: React.ReactNode\n    /**\n     * The size of the text.\n     *\n     * The supported values, from smaller size to larger size, are:\n     * 'caption', 'copy', 'body', and 'subtitle'\n     *\n     * @default 'body'\n     */\n    size?: 'caption' | 'copy' | 'body' | 'subtitle'\n    /**\n     * The weight of the text font.\n     *\n     * @default 'regular'\n     */\n    weight?: 'regular' | 'semibold' | 'bold'\n    /**\n     * The tone (semantic color) of the text.\n     *\n     * @default 'normal'\n     */\n    tone?: Tone\n    /**\n     * Used to truncate the text to a given number of lines.\n     *\n     * It will add an ellipsis (`…`) to the text at the end of the last line, only if the text was\n     * truncated. If the text fits without it being truncated, no ellipsis is added.\n     *\n     * By default, the text is not truncated at all, no matter how many lines it takes to render it.\n     *\n     * @default undefined\n     */\n    lineClamp?: 1 | 2 | 3 | 4 | 5 | '1' | '2' | '3' | '4' | '5'\n    /**\n     * How to align the text horizontally.\n     *\n     * @default 'start'\n     */\n    align?: BoxProps['textAlign']\n}\n\nconst Text = polymorphicComponent<'div', TextProps>(function Text(\n    {\n        as,\n        size = 'body',\n        weight = 'regular',\n        tone = 'normal',\n        align,\n        children,\n        lineClamp,\n        exceptionallySetClassName,\n        ...props\n    },\n    ref,\n) {\n    const lineClampMultipleLines =\n        typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1\n\n    return (\n        <Box\n            {...props}\n            as={as}\n            className={[\n                exceptionallySetClassName,\n                styles.text,\n                size !== 'body' ? getClassNames(styles, 'size', size) : null,\n                weight !== 'regular' ? getClassNames(styles, 'weight', weight) : null,\n                tone !== 'normal' ? getClassNames(styles, 'tone', tone) : null,\n                lineClampMultipleLines ? styles.lineClampMultipleLines : null,\n                lineClamp ? getClassNames(styles, 'lineClamp', lineClamp.toString()) : null,\n            ]}\n            textAlign={align}\n            // Prevents emojis from being cut-off\n            // See https://github.com/Doist/reactist/pull/528\n            paddingRight={lineClamp ? 'xsmall' : undefined}\n            ref={ref}\n        >\n            {children}\n        </Box>\n    )\n})\n\nexport type { TextProps }\nexport { Text }\n"],"names":["Text","polymorphicComponent","ref","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","lineClampMultipleLines","Number","React","createElement","Box","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;;AAoDMA,MAAAA,IAAI,gBAAGC,oBAAoB,CAAmB,SAASD,IAAT,CAAA,IAAA,EAYhDE,GAZgD,EAY7C;EAAA,IAXH;IACIC,EADJ;AAEIC,IAAAA,IAAI,GAAG,MAFX;AAGIC,IAAAA,MAAM,GAAG,SAHb;AAIIC,IAAAA,IAAI,GAAG,QAJX;IAKIC,KALJ;IAMIC,QANJ;IAOIC,SAPJ;AAQIC,IAAAA,yBAAAA;GAGD,GAAA,IAAA;AAAA,MAFIC,KAEJ,GAAA,wBAAA,CAAA,IAAA,EAAA,SAAA,CAAA,CAAA;;AAEH,EAAA,MAAMC,sBAAsB,GACxB,OAAOH,SAAP,KAAqB,QAArB,GAAgCI,MAAM,CAACJ,SAAD,CAAN,GAAoB,CAApD,GAAwD,CAACA,SAAS,IAAI,CAAd,IAAmB,CAD/E,CAAA;AAGA,EAAA,oBACIK,KAAC,CAAAC,aAAD,CAACC,GAAD,oCACQL,KADR,CAAA,EAAA,EAAA,EAAA;AAEIR,IAAAA,EAAE,EAAEA,EAFR;AAGIc,IAAAA,SAAS,EAAE,CACPP,yBADO,EAEPQ,gBAAM,CAACC,IAFA,EAGPf,IAAI,KAAK,MAAT,GAAkBgB,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBd,IAAjB,CAA/B,GAAwD,IAHjD,EAIPC,MAAM,KAAK,SAAX,GAAuBe,aAAa,CAACF,gBAAD,EAAS,QAAT,EAAmBb,MAAnB,CAApC,GAAiE,IAJ1D,EAKPC,IAAI,KAAK,QAAT,GAAoBc,aAAa,CAACF,gBAAD,EAAS,MAAT,EAAiBZ,IAAjB,CAAjC,GAA0D,IALnD,EAMPM,sBAAsB,GAAGM,gBAAM,CAACN,sBAAV,GAAmC,IANlD,EAOPH,SAAS,GAAGW,aAAa,CAACF,gBAAD,EAAS,WAAT,EAAsBT,SAAS,CAACY,QAAV,EAAtB,CAAhB,GAA8D,IAPhE,CAHf;AAYIC,IAAAA,SAAS,EAAEf,KAZf;AAaI;AACA;AACAgB,IAAAA,YAAY,EAAEd,SAAS,GAAG,QAAH,GAAce,SAfzC;AAgBItB,IAAAA,GAAG,EAAEA,GAAAA;AAhBT,GAAA,CAAA,EAkBKM,QAlBL,CADJ,CAAA;AAsBH,CAvCgC;;;;"}
+{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":[null],"names":["styles"],"mappings":";;;;;;;AAoDM,IAAA,IAAI,GAAG,oBAAoB,CAAmB,SAAS,IAAI,CAC7D,EAUC,EACD,GAAG,EAAA;AAVC,IAAA,IAAA,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,EAAa,GAAA,EAAA,CAAA,IAAA,EAAb,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,MAAM,GAAA,EAAA,EACb,cAAkB,EAAlB,MAAM,mBAAG,SAAS,GAAA,EAAA,EAClB,EAAe,GAAA,EAAA,CAAA,IAAA,EAAf,IAAI,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,QAAQ,GAAA,EAAA,EACf,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,SAAS,GAAA,EAAA,CAAA,SAAA,EACT,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACtB,KAAK,GAAA,MAAA,CAAA,EAAA,EATZ,+FAUC,CADW,CAAA;AAIZ,IAAA,IAAM,sBAAsB,GACxB,OAAO,SAAS,KAAK,QAAQ,GAAG,MAAM,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,SAAS,KAAT,IAAA,IAAA,SAAS,KAAT,KAAA,CAAA,GAAA,SAAS,GAAI,CAAC,IAAI,CAAC,CAAA;IAEhF,QACI,KAAC,CAAA,aAAA,CAAA,GAAG,EACI,QAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,EAAE,EAAE,EAAE,EACN,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAA,gBAAM,CAAC,IAAI;AACX,YAAA,IAAI,KAAK,MAAM,GAAG,aAAa,CAACA,gBAAM,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,IAAI;AAC5D,YAAA,MAAM,KAAK,SAAS,GAAG,aAAa,CAACA,gBAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAI;AACrE,YAAA,IAAI,KAAK,QAAQ,GAAG,aAAa,CAACA,gBAAM,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,IAAI;YAC9D,sBAAsB,GAAGA,gBAAM,CAAC,sBAAsB,GAAG,IAAI;AAC7D,YAAA,SAAS,GAAG,aAAa,CAACA,gBAAM,EAAE,WAAW,EAAE,SAAS,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI;SAC9E,EACD,SAAS,EAAE,KAAK;;;AAGhB,QAAA,YAAY,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,EAC9C,GAAG,EAAE,GAAG,KAEP,QAAQ,CACP,EACT;AACL,CAAC;;;;"}