@doist/reactist 29.1.1 → 30.0.0

package/lib/tabs/tabs.js

@@ -2,7 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var react = require('@ariakit/react');
 var classNames = require('classnames');
@@ -30,144 +32,242 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 
-var TabsContext = React__namespace.createContext(null);
+const _excluded = ["children", "space", "width", "align", "exceptionallySetClassName"],
+  _excluded2 = ["children", "id", "renderMode"];
+const TabsContext = /*#__PURE__*/React__namespace.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(_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 = react.useTabStore({
-        defaultSelectedId: defaultSelectedId,
-        selectedId: selectedId,
-        setSelectedId: onSelectedIdChange,
-    });
-    var actualSelectedId = tabStore.useState('selectedId');
-    var memoizedTabState = React__namespace.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__namespace.createElement(TabsContext.Provider, { value: memoizedTabState }, children);
+function Tabs({
+  children,
+  selectedId,
+  defaultSelectedId,
+  variant = 'neutral',
+  onSelectedIdChange
+}) {
+  const tabStore = react.useTabStore({
+    defaultSelectedId,
+    selectedId,
+    setSelectedId: onSelectedIdChange
+  });
+  const actualSelectedId = tabStore.useState('selectedId');
+  const memoizedTabState = React__namespace.useMemo(() => ({
+    tabStore,
+    variant,
+    selectedId: selectedId ?? actualSelectedId ?? null
+  }), [variant, tabStore, selectedId, actualSelectedId]);
+  return /*#__PURE__*/React__namespace.createElement(TabsContext.Provider, {
+    value: memoizedTabState
+  }, children);
 }
 /**
  * Represents the individual tab elements within the group. Each `<Tab>` must have a corresponding `<TabPanel>` component.
  */
-var Tab = React__namespace.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__namespace.useContext(TabsContext);
-    if (!tabContextValue)
-        return null;
-    var variant = tabContextValue.variant, tabStore = tabContextValue.tabStore;
-    var className = classNames__default["default"](exceptionallySetClassName, tabs_module["default"].tab, tabs_module["default"]["tab-".concat(variant)]);
-    return (React__namespace.createElement(react.Tab, { id: id, ref: ref, disabled: disabled, store: tabStore, render: render, className: className, onClick: onClick }, children));
+const Tab = /*#__PURE__*/React__namespace.forwardRef(function Tab(t0, ref) {
+  const $ = reactCompilerRuntime.c(12);
+  const {
+    children,
+    id,
+    disabled,
+    exceptionallySetClassName,
+    render,
+    onClick
+  } = t0;
+  const tabContextValue = React__namespace.useContext(TabsContext);
+  if (!tabContextValue) {
+    return null;
+  }
+  const {
+    variant,
+    tabStore
+  } = tabContextValue;
+  const t1 = tabs_module["default"][`tab-${variant}`];
+  let t2;
+  if ($[0] !== exceptionallySetClassName || $[1] !== t1) {
+    t2 = classNames__default["default"](exceptionallySetClassName, tabs_module["default"].tab, t1);
+    $[0] = exceptionallySetClassName;
+    $[1] = t1;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  const className = t2;
+  let t3;
+  if ($[3] !== children || $[4] !== className || $[5] !== disabled || $[6] !== id || $[7] !== onClick || $[8] !== ref || $[9] !== render || $[10] !== tabStore) {
+    t3 = /*#__PURE__*/React__namespace.createElement(react.Tab, {
+      id: id,
+      ref: ref,
+      disabled: disabled,
+      store: tabStore,
+      render: render,
+      className: className,
+      onClick: onClick
+    }, children);
+    $[3] = children;
+    $[4] = className;
+    $[5] = disabled;
+    $[6] = id;
+    $[7] = onClick;
+    $[8] = ref;
+    $[9] = render;
+    $[10] = tabStore;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  return t3;
 });
 /**
  * A component used to group `<Tab>` elements together.
  */
-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 = tslib.__rest(_a, ["children", "space", "width", "align", "exceptionallySetClassName"]);
-    var tabListRef = React__namespace.useRef(null);
-    var tabListPrevWidthRef = React__namespace.useRef(0);
-    var tabContextValue = React__namespace.useContext(TabsContext);
-    var _d = React__namespace.useState(null), selectedTabElement = _d[0], setSelectedTabElement = _d[1];
-    var _e = React__namespace.useState({}), selectedTabStyle = _e[0], setSelectedTabStyle = _e[1];
-    var selectedId = tabContextValue === null || tabContextValue === void 0 ? void 0 : tabContextValue.tabStore.useState('selectedId');
-    var updateSelectedTabPosition = React__namespace.useCallback(function updateSelectedTabPositionCallback() {
-        if (!selectedId || !tabListRef.current) {
-            return;
-        }
-        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"),
-            });
+function TabList(_ref) {
+  let {
+      children,
+      space,
+      width = 'maxContent',
+      align = 'start',
+      exceptionallySetClassName
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded);
+  const tabListRef = React__namespace.useRef(null);
+  const tabListPrevWidthRef = React__namespace.useRef(0);
+  const tabContextValue = React__namespace.useContext(TabsContext);
+  const [selectedTabElement, setSelectedTabElement] = React__namespace.useState(null);
+  const [selectedTabStyle, setSelectedTabStyle] = React__namespace.useState({});
+  const selectedId = tabContextValue?.tabStore.useState('selectedId');
+  const updateSelectedTabPosition = React__namespace.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__namespace.useEffect(function updateSelectedTabPositionOnTabChange() {
+    updateSelectedTabPosition();
+  },
+  // `selectedId` is a dependency to ensure the effect runs when the selected tab changes
+  [selectedId, updateSelectedTabPosition]);
+  React__namespace.useEffect(function observeTabListWidthChange() {
+    let animationFrameId = null;
+    const tabListObserver = new ResizeObserver(([entry]) => {
+      const width_0 = entry?.contentRect.width;
+      if (width_0 && tabListPrevWidthRef.current !== width_0) {
+        tabListPrevWidthRef.current = width_0;
+        if (animationFrameId !== null) {
+          cancelAnimationFrame(animationFrameId);
         }
-    }, [selectedId]);
-    React__namespace.useEffect(function updateSelectedTabPositionOnTabChange() {
-        updateSelectedTabPosition();
-    }, 
-    // `selectedId` is a dependency to ensure the effect runs when the selected tab changes
-    [selectedId, updateSelectedTabPosition]);
-    React__namespace.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;
-                });
-            }
+        animationFrameId = requestAnimationFrame(() => {
+          updateSelectedTabPosition();
+          animationFrameId = null;
         });
-        if (tabListRef.current) {
-            tabListObserver.observe(tabListRef.current);
-        }
-        return function cleanupResizeObserver() {
-            if (animationFrameId) {
-                cancelAnimationFrame(animationFrameId);
-            }
-            tabListObserver.disconnect();
-        };
-    }, [updateSelectedTabPosition]);
-    if (!tabContextValue) {
-        return null;
+      }
+    });
+    if (tabListRef.current) {
+      tabListObserver.observe(tabListRef.current);
     }
-    var tabStore = tabContextValue.tabStore, variant = tabContextValue.variant;
-    var justifyContentAlignMap = {
-        start: 'flexStart',
-        end: 'flexEnd',
-        center: 'center',
+    return function cleanupResizeObserver() {
+      if (animationFrameId) {
+        cancelAnimationFrame(animationFrameId);
+      }
+      tabListObserver.disconnect();
     };
-    return (
+  }, [updateSelectedTabPosition]);
+  if (!tabContextValue) {
+    return null;
+  }
+  const {
+    tabStore,
+    variant
+  } = tabContextValue;
+  const justifyContentAlignMap = {
+    start: 'flexStart',
+    end: 'flexEnd',
+    center: 'center'
+  };
+  return (
+    /*#__PURE__*/
     // 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__namespace.createElement(box.Box, { display: "flex", justifyContent: width === 'full' ? 'center' : justifyContentAlignMap[align] },
-        React__namespace.createElement(react.TabList, tslib.__assign({ store: tabStore, render: React__namespace.createElement(box.Box, { position: "relative", width: width, className: exceptionallySetClassName }), ref: tabListRef }, props),
-            React__namespace.createElement(box.Box, { className: [tabs_module["default"].track, tabs_module["default"]["track-".concat(variant)]] }),
-            selectedTabElement ? (React__namespace.createElement(box.Box, { className: [tabs_module["default"].selected, tabs_module["default"]["selected-".concat(variant)]], style: selectedTabStyle })) : null,
-            React__namespace.createElement(inline.Inline, { space: space, exceptionallySetClassName: classNames__default["default"](width === 'full' ? tabs_module["default"].fullTabList : null) }, children))));
+    React__namespace.createElement(box.Box, {
+      display: "flex",
+      justifyContent: width === 'full' ? 'center' : justifyContentAlignMap[align]
+    }, /*#__PURE__*/React__namespace.createElement(react.TabList, _extends__default["default"]({
+      store: tabStore,
+      render: /*#__PURE__*/React__namespace.createElement(box.Box, {
+        position: "relative",
+        width: width,
+        className: exceptionallySetClassName
+      }),
+      ref: tabListRef
+    }, props), /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: [tabs_module["default"].track, tabs_module["default"][`track-${variant}`]]
+    }), selectedTabElement ? /*#__PURE__*/React__namespace.createElement(box.Box, {
+      className: [tabs_module["default"].selected, tabs_module["default"][`selected-${variant}`]],
+      style: selectedTabStyle
+    }) : null, /*#__PURE__*/React__namespace.createElement(inline.Inline, {
+      space: space,
+      exceptionallySetClassName: classNames__default["default"](width === 'full' ? tabs_module["default"].fullTabList : null)
+    }, children)))
+  );
 }
 /**
  * Used to define the content to be rendered when a tab is active. Each `<TabPanel>` must have a
  * corresponding `<Tab>` component.
  */
-var TabPanel = React__namespace.forwardRef(function TabPanel(_a, ref) {
-    var children = _a.children, id = _a.id, _b = _a.renderMode, renderMode = _b === void 0 ? 'always' : _b, props = tslib.__rest(_a, ["children", "id", "renderMode"]);
-    var tabContextValue = React__namespace.useContext(TabsContext);
-    var _c = React__namespace.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__namespace.useEffect(function trackTabRenderedState() {
-        if (!tabRendered && tabIsActive) {
-            setTabRendered(true);
-        }
-    }, [tabRendered, tabIsActive]);
-    if (!tabContextValue) {
-        return null;
+const TabPanel = /*#__PURE__*/React__namespace.forwardRef(function TabPanel(_ref2, ref) {
+  let {
+      children,
+      id,
+      renderMode = 'always'
+    } = _ref2,
+    props = _objectWithoutProperties__default["default"](_ref2, _excluded2);
+  const tabContextValue = React__namespace.useContext(TabsContext);
+  const [tabRendered, setTabRendered] = React__namespace.useState(false);
+  const selectedId = tabContextValue?.tabStore.useState('selectedId');
+  const tabIsActive = selectedId === id;
+  React__namespace.useEffect(function trackTabRenderedState() {
+    if (!tabRendered && tabIsActive) {
+      setTabRendered(true);
     }
-    var tabStore = tabContextValue.tabStore;
-    var shouldRender = renderMode === 'always' ||
-        (renderMode === 'active' && tabIsActive) ||
-        (renderMode === 'lazy' && (tabIsActive || tabRendered));
-    return shouldRender ? (React__namespace.createElement(react.TabPanel, tslib.__assign({}, props, { tabId: id, store: tabStore, ref: ref }), children)) : 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__namespace.createElement(react.TabPanel, _extends__default["default"]({}, 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.
  */
-function TabAwareSlot(_a) {
-    var children = _a.children;
-    var tabContextValue = React__namespace.useContext(TabsContext);
-    var selectedId = tabContextValue === null || tabContextValue === void 0 ? void 0 : tabContextValue.tabStore.useState('selectedId');
-    return tabContextValue ? children({ selectedId: selectedId }) : null;
+function TabAwareSlot({
+  children
+}) {
+  const tabContextValue = React__namespace.useContext(TabsContext);
+  const selectedId = tabContextValue?.tabStore.useState('selectedId');
+  return tabContextValue ? children({
+    selectedId
+  }) : null;
 }
 
 exports.Tab = Tab;

package/lib/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":[null],"names":["React","useTabStore","classNames","styles","BaseTab","__rest","Box","BaseTabList","__assign","Inline","BaseTabPanel"],"mappings":"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"}
+{"version":3,"file":"tabs.js","sources":["../../src/tabs/tabs.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport {\n    Tab as BaseTab,\n    TabList as BaseTabList,\n    TabPanel as BaseTabPanel,\n    useTabStore,\n} from '@ariakit/react'\nimport classNames from 'classnames'\n\nimport { Box } from '../box'\nimport { Inline } from '../inline'\n\nimport styles from './tabs.module.css'\n\nimport type {\n    TabPanelProps as BaseTabPanelProps,\n    TabProps as BaseTabProps,\n    TabStore,\n} from '@ariakit/react'\nimport type { BoxJustifyContent } from '../box'\nimport type { ObfuscatedClassName, Space } from '../utils/common-types'\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, TabAwareSlot, TabList, TabPanel, Tabs }\n"],"names":["TabsContext","React","createContext","Tabs","children","selectedId","defaultSelectedId","variant","onSelectedIdChange","tabStore","useTabStore","setSelectedId","actualSelectedId","useState","memoizedTabState","useMemo","createElement","Provider","value","Tab","forwardRef","t0","ref","$","_c","id","disabled","exceptionallySetClassName","render","onClick","tabContextValue","useContext","t1","styles","t2","classNames","tab","className","t3","BaseTab","TabList","_ref","space","width","align","props","_objectWithoutProperties","_excluded","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","_extends","store","position","track","selected","style","Inline","fullTabList","TabPanel","_ref2","renderMode","_excluded2","tabRendered","setTabRendered","tabIsActive","trackTabRenderedState","shouldRender","BaseTabPanel","tabId","TabAwareSlot"],"mappings":"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"}

package/lib/text/text.js

@@ -2,13 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib = require('tslib');
+var _extends = require('@babel/runtime/helpers/extends');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var React = require('react');
 var box = require('../box/box.js');
 var polymorphism = require('../utils/polymorphism.js');
 var responsiveProps = require('../utils/responsive-props.js');
 var text_module = require('./text.module.css.js');
 
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
 function _interopNamespace(e) {
     if (e && e.__esModule) return e;
     var n = Object.create(null);
@@ -27,23 +30,34 @@ function _interopNamespace(e) {
     return Object.freeze(n);
 }
 
+var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var Text = polymorphism.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 = tslib.__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__namespace.createElement(box.Box, tslib.__assign({}, props, { as: as, className: [
-            exceptionallySetClassName,
-            text_module["default"].text,
-            size !== 'body' ? responsiveProps.getClassNames(text_module["default"], 'size', size) : null,
-            weight !== 'regular' ? responsiveProps.getClassNames(text_module["default"], 'weight', weight) : null,
-            tone !== 'normal' ? responsiveProps.getClassNames(text_module["default"], 'tone', tone) : null,
-            lineClampMultipleLines ? text_module["default"].lineClampMultipleLines : null,
-            lineClamp ? responsiveProps.getClassNames(text_module["default"], '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));
+const _excluded = ["as", "size", "weight", "tone", "align", "children", "lineClamp", "exceptionallySetClassName"];
+const Text = polymorphism.polymorphicComponent(function Text(_ref, ref) {
+  let {
+      as,
+      size = 'body',
+      weight = 'regular',
+      tone = 'normal',
+      align,
+      children,
+      lineClamp,
+      exceptionallySetClassName
+    } = _ref,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded);
+  const lineClampMultipleLines = typeof lineClamp === 'string' ? Number(lineClamp) > 1 : (lineClamp ?? 1) > 1;
+  return /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({}, props, {
+    as: as,
+    className: [exceptionallySetClassName, text_module["default"].text, size !== 'body' ? responsiveProps.getClassNames(text_module["default"], 'size', size) : null, weight !== 'regular' ? responsiveProps.getClassNames(text_module["default"], 'weight', weight) : null, tone !== 'normal' ? responsiveProps.getClassNames(text_module["default"], 'tone', tone) : null, lineClampMultipleLines ? text_module["default"].lineClampMultipleLines : null, lineClamp ? responsiveProps.getClassNames(text_module["default"], '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);
 });
 
 exports.Text = Text;

package/lib/text/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":[null],"names":["polymorphicComponent","__rest","React","Box","__assign","styles","getClassNames"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDM,IAAA,IAAI,GAAGA,iCAAoB,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,GAAAC,YAAA,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,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,EACIC,cAAA,CAAA,EAAA,EAAA,KAAK,EACT,EAAA,EAAE,EAAE,EAAE,EACN,SAAS,EAAE;YACP,yBAAyB;AACzB,YAAAC,sBAAM,CAAC,IAAI;AACX,YAAA,IAAI,KAAK,MAAM,GAAGC,6BAAa,CAACD,sBAAM,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,IAAI;AAC5D,YAAA,MAAM,KAAK,SAAS,GAAGC,6BAAa,CAACD,sBAAM,EAAE,QAAQ,EAAE,MAAM,CAAC,GAAG,IAAI;AACrE,YAAA,IAAI,KAAK,QAAQ,GAAGC,6BAAa,CAACD,sBAAM,EAAE,MAAM,EAAE,IAAI,CAAC,GAAG,IAAI;YAC9D,sBAAsB,GAAGA,sBAAM,CAAC,sBAAsB,GAAG,IAAI;AAC7D,YAAA,SAAS,GAAGC,6BAAa,CAACD,sBAAM,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;;;;"}
+{"version":3,"file":"text.js","sources":["../../src/text/text.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { Box } from '../box'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './text.module.css'\n\nimport type { BoxProps } from '../box'\nimport type { Tone } from '../utils/common-types'\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","ref","as","size","weight","tone","align","children","lineClamp","exceptionallySetClassName","props","_objectWithoutProperties","_excluded","lineClampMultipleLines","Number","React","createElement","Box","_extends","className","styles","text","getClassNames","toString","textAlign","paddingRight","undefined"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDMA,MAAAA,IAAI,GAAGC,iCAAoB,CAAmB,SAASD,IAAIA,CAAAE,IAAA,EAY7DC,GAAG,EACL;EAAA,IAZE;MACIC,EAAE;AACFC,MAAAA,IAAI,GAAG,MAAM;AACbC,MAAAA,MAAM,GAAG,SAAS;AAClBC,MAAAA,IAAI,GAAG,QAAQ;MACfC,KAAK;MACLC,QAAQ;MACRC,SAAS;AACTC,MAAAA,yBAAAA;AAEJ,KAAC,GAAAT,IAAA;AADMU,IAAAA,KAAK,GAAAC,4CAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA,CAAA;AAIZ,EAAA,MAAMC,sBAAsB,GACxB,OAAOL,SAAS,KAAK,QAAQ,GAAGM,MAAM,CAACN,SAAS,CAAC,GAAG,CAAC,GAAG,CAACA,SAAS,IAAI,CAAC,IAAI,CAAC,CAAA;EAEhF,oBACIO,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,KACIR,KAAK,EAAA;AACTR,IAAAA,EAAE,EAAEA,EAAG;AACPiB,IAAAA,SAAS,EAAE,CACPV,yBAAyB,EACzBW,sBAAM,CAACC,IAAI,EACXlB,IAAI,KAAK,MAAM,GAAGmB,6BAAa,CAACF,sBAAM,EAAE,MAAM,EAAEjB,IAAI,CAAC,GAAG,IAAI,EAC5DC,MAAM,KAAK,SAAS,GAAGkB,6BAAa,CAACF,sBAAM,EAAE,QAAQ,EAAEhB,MAAM,CAAC,GAAG,IAAI,EACrEC,IAAI,KAAK,QAAQ,GAAGiB,6BAAa,CAACF,sBAAM,EAAE,MAAM,EAAEf,IAAI,CAAC,GAAG,IAAI,EAC9DQ,sBAAsB,GAAGO,sBAAM,CAACP,sBAAsB,GAAG,IAAI,EAC7DL,SAAS,GAAGc,6BAAa,CAACF,sBAAM,EAAE,WAAW,EAAEZ,SAAS,CAACe,QAAQ,EAAE,CAAC,GAAG,IAAI,CAC7E;AACFC,IAAAA,SAAS,EAAElB,KAAAA;AACX;AACA;AAAA;AACAmB,IAAAA,YAAY,EAAEjB,SAAS,GAAG,QAAQ,GAAGkB,SAAU;AAC/CzB,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERM,QACA,CAAC,CAAA;AAEd,CAAC;;;;"}