@artsy/palette 45.9.0 → 45.11.0

package/dist/elements/Collapse/Collapse.d.ts

@@ -4,6 +4,10 @@ export interface CollapseProps {
 }
 /**
  * Collapse component for the web
+ *
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use CSS-based approaches or native HTML elements like `<details>` instead.
+ * See the Expandable component for an example of CSS-based collapse behavior.
  */
 export declare class Collapse extends React.Component<React.PropsWithChildren<CollapseProps>> {
     wrapperModifyTimeout: ReturnType<typeof setTimeout>;

package/dist/elements/Collapse/Collapse.js

@@ -36,6 +36,10 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 /**
  * Collapse component for the web
+ *
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use CSS-based approaches or native HTML elements like `<details>` instead.
+ * See the Expandable component for an example of CSS-based collapse behavior.
  */
 var Collapse = exports.Collapse = /*#__PURE__*/function (_React$Component) {
   function Collapse() {

package/dist/elements/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","_setPrototypeOf","p","Collapse","exports","_React$Component","_this2","_len","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this3","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this4","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n  open: boolean\n}\n/**\n * Collapse component for the web\n */\nexport class Collapse extends React.Component<\n  React.PropsWithChildren<CollapseProps>\n> {\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  wrapperModifyTimeout: ReturnType<typeof setTimeout>\n  wrapperRef: HTMLDivElement | null = null\n\n  onTransitionEnd = (ev: TransitionEvent) => {\n    if (!this.wrapperRef) {\n      return\n    }\n    // when animating open, we set the wrapper's height to an explicit pixel\n    // value. When the transition ends we want to set the height back to 'auto'\n    // so that if the content of the wrapper changes it's height will change too\n    if (ev.propertyName === \"height\") {\n      this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n    }\n  }\n\n  componentDidMount() {\n    if (!this.wrapperRef) {\n      return\n    }\n\n    this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n  }\n\n  componentDidUpdate() {\n    if (!this.wrapperRef) {\n      return\n    }\n    if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n      // animate opening\n      // measure goal height\n      const prevHeight = this.wrapperRef.style.height || \"0px\"\n      this.wrapperRef.style.height = \"auto\"\n      const goalheight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = prevHeight\n      // wait for a tick before setting goal height to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = goalheight + \"px\"\n      }, 10)\n    } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n      // animate closing\n      // set the wrapper's current height explicitly\n      const currentHeight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = currentHeight + \"px\"\n      // wait for a tick before setting it to 0 to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = \"0px\"\n      }, 10)\n    }\n  }\n\n  componentWillUnmount() {\n    this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n    clearTimeout(this.wrapperModifyTimeout)\n  }\n\n  // this is set until the first time `open` changes\n  // then it becomes null. This helps us with SSR.\n  firstRender: { open: boolean } | null = {\n    open: this.props.open,\n  }\n\n  render() {\n    const { children, open } = this.props\n    // render explicit height before first change, so SSR works properly.\n    // Thereafter we control the height property entirely in componentDidMount\n    // (which doesn't get called during SSR)\n    let heightProps = {}\n    if (this.firstRender) {\n      // render() might be called multiple times before the first time `open` changes\n      if (this.firstRender.open !== open) {\n        // `open` prop has changed for the first time\n        // ditch explicit height and let `componentDidUpdate` take the wheel\n        this.firstRender = null\n      } else {\n        heightProps = {\n          height: open ? \"auto\" : \"0px\",\n        }\n      }\n    }\n    return (\n      <div\n        ref={(ref) => (this.wrapperRef = ref)}\n        style={{\n          transition: \"height 0.3s ease\",\n          overflow: \"hidden\",\n          ...heightProps,\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","_setPrototypeOf","p","Collapse","exports","_React$Component","_this2","_len","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this3","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this4","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n  open: boolean\n}\n/**\n * Collapse component for the web\n *\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use CSS-based approaches or native HTML elements like `<details>` instead.\n * See the Expandable component for an example of CSS-based collapse behavior.\n */\nexport class Collapse extends React.Component<\n  React.PropsWithChildren<CollapseProps>\n> {\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  wrapperModifyTimeout: ReturnType<typeof setTimeout>\n  wrapperRef: HTMLDivElement | null = null\n\n  onTransitionEnd = (ev: TransitionEvent) => {\n    if (!this.wrapperRef) {\n      return\n    }\n    // when animating open, we set the wrapper's height to an explicit pixel\n    // value. When the transition ends we want to set the height back to 'auto'\n    // so that if the content of the wrapper changes it's height will change too\n    if (ev.propertyName === \"height\") {\n      this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n    }\n  }\n\n  componentDidMount() {\n    if (!this.wrapperRef) {\n      return\n    }\n\n    this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n  }\n\n  componentDidUpdate() {\n    if (!this.wrapperRef) {\n      return\n    }\n    if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n      // animate opening\n      // measure goal height\n      const prevHeight = this.wrapperRef.style.height || \"0px\"\n      this.wrapperRef.style.height = \"auto\"\n      const goalheight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = prevHeight\n      // wait for a tick before setting goal height to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = goalheight + \"px\"\n      }, 10)\n    } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n      // animate closing\n      // set the wrapper's current height explicitly\n      const currentHeight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = currentHeight + \"px\"\n      // wait for a tick before setting it to 0 to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = \"0px\"\n      }, 10)\n    }\n  }\n\n  componentWillUnmount() {\n    this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n    clearTimeout(this.wrapperModifyTimeout)\n  }\n\n  // this is set until the first time `open` changes\n  // then it becomes null. This helps us with SSR.\n  firstRender: { open: boolean } | null = {\n    open: this.props.open,\n  }\n\n  render() {\n    const { children, open } = this.props\n    // render explicit height before first change, so SSR works properly.\n    // Thereafter we control the height property entirely in componentDidMount\n    // (which doesn't get called during SSR)\n    let heightProps = {}\n    if (this.firstRender) {\n      // render() might be called multiple times before the first time `open` changes\n      if (this.firstRender.open !== open) {\n        // `open` prop has changed for the first time\n        // ditch explicit height and let `componentDidUpdate` take the wheel\n        this.firstRender = null\n      } else {\n        heightProps = {\n          height: open ? \"auto\" : \"0px\",\n        }\n      }\n    }\n    return (\n      <div\n        ref={(ref) => (this.wrapperRef = ref)}\n        style={{\n          transition: \"height 0.3s ease\",\n          overflow: \"hidden\",\n          ...heightProps,\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/elements/Expandable/Expandable.js

@@ -90,9 +90,15 @@ var Expandable = exports.Expandable = function Expandable(_ref) {
     ml: 1,
     mr: 1,
     "aria-hidden": "true"
-  }))), expanded && (typeof children === "function" ? children({
+  }))), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    overflow: "hidden",
+    height: expanded ? "auto" : "0px",
+    style: {
+      visibility: expanded ? "visible" : "hidden"
+    }
+  }, typeof children === "function" ? children({
     setExpanded: setExpanded,
-    expanded: expanded
+    expanded: !!expanded
   }) : children));
 };
 Expandable.displayName = "Expandable";

package/dist/elements/Expandable/Expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","expandedProp","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","useEffect","undefined","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: expandedProp,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(expandedProp)\n\n  useEffect(() => {\n    if (expandedProp !== undefined) {\n      setExpanded(expandedProp)\n    }\n  }, [expandedProp])\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      {expanded &&\n        (typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded })\n          : children)}\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","expandedProp","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","useEffect","undefined","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","overflow","style","visibility","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: expandedProp,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(expandedProp)\n\n  useEffect(() => {\n    if (expandedProp !== undefined) {\n      setExpanded(expandedProp)\n    }\n  }, [expandedProp])\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      <Box\n        overflow=\"hidden\"\n        height={expanded ? \"auto\" : \"0px\"}\n        style={{ visibility: expanded ? \"visible\" : \"hidden\" }}\n      >\n        {typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded: !!expanded })\n          : children}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAD,sBAAA,CAAAH,OAAA;AACA,IAAAK,IAAA,GAAAL,OAAA;AACA,IAAAM,UAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AAA8B,IAAAS,SAAA;AAAA,SAAAN,uBAAAO,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAf,wBAAAW,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,eAAAC,GAAA,EAAAN,CAAA,WAAAO,eAAA,CAAAD,GAAA,KAAAE,qBAAA,CAAAF,GAAA,EAAAN,CAAA,KAAAS,2BAAA,CAAAH,GAAA,EAAAN,CAAA,KAAAU,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAC,kBAAAR,GAAA,EAAAiB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,EAAAqB,GAAA,GAAAjB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAAwB,IAAA,OAAAJ,KAAA,CAAAG,GAAA,GAAAvB,CAAA,GAAAuB,GAAA,EAAAvB,CAAA,IAAAwB,IAAA,CAAAxB,CAAA,IAAAM,GAAA,CAAAN,CAAA,UAAAwB,IAAA;AAAA,SAAAhB,sBAAAF,GAAA,EAAAN,CAAA,QAAAyB,EAAA,WAAAnB,GAAA,gCAAAoB,MAAA,IAAApB,GAAA,CAAAoB,MAAA,CAAAC,QAAA,KAAArB,GAAA,4BAAAmB,EAAA,QAAAG,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,EAAA,EAAAC,IAAA,OAAAC,EAAA,OAAAC,EAAA,iBAAAJ,EAAA,IAAAL,EAAA,GAAAA,EAAA,CAAAhC,IAAA,CAAAa,GAAA,GAAA6B,IAAA,QAAAnC,CAAA,QAAAb,MAAA,CAAAsC,EAAA,MAAAA,EAAA,UAAAQ,EAAA,uBAAAA,EAAA,IAAAL,EAAA,GAAAE,EAAA,CAAArC,IAAA,CAAAgC,EAAA,GAAAW,IAAA,MAAAJ,IAAA,CAAAK,IAAA,CAAAT,EAAA,CAAAU,KAAA,GAAAN,IAAA,CAAA9B,MAAA,KAAAF,CAAA,GAAAiC,EAAA,iBAAAM,GAAA,IAAAL,EAAA,OAAAL,EAAA,GAAAU,GAAA,yBAAAN,EAAA,YAAAR,EAAA,CAAAe,MAAA,KAAAT,EAAA,GAAAN,EAAA,CAAAe,MAAA,IAAArD,MAAA,CAAA4C,EAAA,MAAAA,EAAA,2BAAAG,EAAA,QAAAL,EAAA,aAAAG,IAAA;AAAA,SAAAzB,gBAAAD,GAAA,QAAAc,KAAA,CAAAqB,OAAA,CAAAnC,GAAA,UAAAA,GAAA;AAAA,SAAAoC,yBAAAvC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,GAAA6C,6BAAA,CAAAzC,MAAA,EAAAwC,QAAA,OAAArD,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAA0D,qBAAA,QAAAC,gBAAA,GAAA3D,MAAA,CAAA0D,qBAAA,CAAA1C,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAA8C,gBAAA,CAAA5C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAwD,gBAAA,CAAA9C,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAyD,oBAAA,CAAAvD,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAA6C,8BAAAzC,MAAA,EAAAwC,QAAA,QAAAxC,MAAA,yBAAAJ,MAAA,WAAAkD,UAAA,GAAA9D,MAAA,CAAA+D,IAAA,CAAA/C,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAiD,UAAA,CAAA/C,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAA2D,UAAA,CAAAjD,CAAA,OAAA2C,QAAA,CAAAI,OAAA,CAAAzD,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAc9B;AACA;AACA;AACO,IAAMoD,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAG,SAAbA,UAAUA,CAAAE,IAAA,EASA;EAAA,IARrBC,KAAK,GAAAD,IAAA,CAALC,KAAK;IACKC,YAAY,GAAAF,IAAA,CAAtBG,QAAQ;IACRC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;IACPC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,gBAAA,GAAAR,IAAA,CACRS,WAAW;IAAXA,WAAW,GAAAD,gBAAA,cAAG,QAAQ,GAAAA,gBAAA;IACnBE,IAAI,GAAArB,wBAAA,CAAAW,IAAA,EAAAjF,SAAA;EAEP,IAAA4F,SAAA,GAAgC,IAAAC,eAAQ,EAACV,YAAY,CAAC;IAAAW,UAAA,GAAA7D,cAAA,CAAA2D,SAAA;IAA/CR,QAAQ,GAAAU,UAAA;IAAEC,WAAW,GAAAD,UAAA;EAE5B,IAAAE,gBAAS,EAAC,YAAM;IACd,IAAIb,YAAY,KAAKc,SAAS,EAAE;MAC9BF,WAAW,CAACZ,YAAY,CAAC;IAC3B;EACF,CAAC,EAAE,CAACA,YAAY,CAAC,CAAC;EAElB,IAAAe,cAAA,GAAmC,IAAAC,kBAAa,EAACR,IAAI,CAAC;IAAAS,eAAA,GAAAnE,cAAA,CAAAiE,cAAA;IAA/CG,QAAQ,GAAAD,eAAA;IAAEE,cAAc,GAAAF,eAAA;EAE/B,IAAMG,WAAW,GAAG,SAAdA,WAAWA,CACfC,KAAsD,EACnD;IACHT,WAAW,CAAC,UAACU,YAAY,EAAK;MAC5B,IAAMC,UAAU,GAAG,CAACD,YAAY;MAChCjB,QAAQ,IAAIA,QAAQ,CAACkB,UAAU,CAAC;MAChC,OAAOA,UAAU;IACnB,CAAC,CAAC;IAEFnB,OAAO,IAAIA,OAAO,CAACiB,KAAK,CAAC;EAC3B,CAAC;EAED,oBACEnH,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAC/G,IAAA,CAAAgH,GAAG,EAAKP,QAAQ,eACfhH,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAC9G,UAAA,CAAAgH,SAAS,EAAArF,QAAA;IACRsF,KAAK,EAAC,MAAM;IACZC,OAAO,EAAC,MAAM;IACdC,UAAU,EAAC,QAAQ;IACnBC,cAAc,EAAC,eAAe;IAC9BC,SAAS,EAAC,WAAW;IACrBxB,WAAW,EAAEA,WAAY;IACzByB,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACN9B,QAAQ,EAAEA,QAAS;IACnB,iBAAeF,QAAS;IACxBG,OAAO,EAAEgB;EAAY,GACjBD,cAAc,gBAElBjH,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAC7G,KAAA,CAAAuH,IAAI;IAACC,IAAI,EAAE,CAAE;IAACP,OAAO,EAAC,MAAM;IAACC,UAAU,EAAC;EAAQ,GAC9C,IAAAO,cAAM,EAACrC,KAAK,CAAC,gBAAG7F,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAC5G,KAAA,CAAAyH,IAAI;IAACC,OAAO,EAAC;EAAY,GAAEvC,KAAK,CAAQ,GAAGA,KAAK,CAC7D,EAEN,CAACI,QAAQ,iBACRjG,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAAtH,MAAA,CAAAc,OAAA,CAAAuH,QAAA,QACGtC,QAAQ,gBACP/F,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAClH,cAAA,CAAAU,OAAa;IACZ2G,KAAK,EAAE,EAAG;IACVa,MAAM,EAAE,EAAG;IACXC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACN,eAAY;EAAM,EAClB,gBAEFxI,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAChH,gBAAA,CAAAQ,OAAe;IACd2G,KAAK,EAAE,EAAG;IACVa,MAAM,EAAE,EAAG;IACXC,EAAE,EAAE,CAAE;IACNC,EAAE,EAAE,CAAE;IACN,eAAY;EAAM,EAErB,CAEJ,CACS,eAEZxI,MAAA,CAAAc,OAAA,CAAAwG,aAAA,CAAC/G,IAAA,CAAAgH,GAAG;IACFkB,QAAQ,EAAC,QAAQ;IACjBH,MAAM,EAAEvC,QAAQ,GAAG,MAAM,GAAG,KAAM;IAClC2C,KAAK,EAAE;MAAEC,UAAU,EAAE5C,QAAQ,GAAG,SAAS,GAAG;IAAS;EAAE,GAEtD,OAAOC,QAAQ,KAAK,UAAU,GAC1BA,QAAQ,CAAsB;IAAEU,WAAW,EAAXA,WAAW;IAAEX,QAAQ,EAAE,CAAC,CAACA;EAAS,CAAC,CAAC,GACrEC,QAAQ,CACR,CACF;AAEV,CAAC;AAtFYN,UAAU,CAAAkD,WAAA"}

package/dist/elements/Tabs/Tabs.js

@@ -6,12 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useTabs = exports.Tabs = exports.Tab = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _themeGet = require("@styled-system/theme-get");
 var _flattenChildren = require("../../helpers/flattenChildren");
 var _useUpdateEffect = require("../../utils/useUpdateEffect");
 var _BaseTabs = require("../BaseTabs");
 var _Clickable = require("../Clickable");
 var _usePrevious = require("../../utils/usePrevious");
 var _excluded = ["children", "initialTabIndex", "mb", "onChange"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
@@ -85,6 +88,10 @@ var useTabs = exports.useTabs = function useTabs(_ref) {
     tabs: tabs
   };
 };
+var Container = (0, _styledComponents.default)(_Clickable.Clickable).withConfig({
+  displayName: "Tabs__Container",
+  componentId: "sc-1kalvjm-0"
+})(["&:focus-visible{outline:none;z-index:2;border:1px solid ", ";}"], (0, _themeGet.themeGet)("colors.blue100"));
 
 /** A tab bar navigation component */
 var Tabs = exports.Tabs = function Tabs(_ref2) {
@@ -108,7 +115,7 @@ var Tabs = exports.Tabs = function Tabs(_ref2) {
     ref: ref,
     mb: mb
   }, rest), tabs.map(function (tab, i) {
-    return /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
+    return /*#__PURE__*/_react.default.createElement(Container, {
       key: i,
       ref: tab.ref,
       "aria-selected": i === activeTabIndex,

package/dist/elements/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useTabs","exports","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","useUpdateEffect","useRef","useEffect","_ref$current$scrollTo","_ref$current","current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","Tabs","_ref2","_ref2$initialTabIndex","_ref2$mb","mb","rest","_useTabs","createElement","Fragment","BaseTabs","Clickable","onClick","flex","BaseTab","active","variant","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n  props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n  /** Index of the newly selected Tab */\n  tabIndex: number\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n  /** Index of the Tab that should be pre-selected */\n  initialTabIndex?: number\n  /** @deprecated */\n  autoScroll?: boolean\n  /** Function that will be called when a new Tab is selected */\n  onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n}: TabsProps) => {\n  const tabs = useMemo(\n    () =>\n      flattenChildren<TabLike>(children).map((child) => ({\n        child,\n        ref: createRef<HTMLButtonElement | null>(),\n      })),\n    [children]\n  )\n\n  const previousInitialTabIndex = usePrevious(initialTabIndex)\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n  // If the `initialTabIndex` changes; update the active one\n  useUpdateEffect(() => {\n    // Only update if the `initialTabIndex` has changed externally\n    if (initialTabIndex === previousInitialTabIndex) return\n    setActiveTabIndex(initialTabIndex)\n  }, [initialTabIndex, tabs])\n\n  // Ref of the tabs viewport\n  const ref = useRef<HTMLDivElement | null>(null)\n\n  // Scroll to active tab when `activeTabIndex` changes\n  useEffect(() => {\n    if (!ref.current) return\n    const tab = tabs[activeTabIndex].ref.current\n    if (!tab) return\n    const position = tab.offsetLeft\n    ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n  }, [activeTabIndex])\n\n  const handleClick = useCallback(\n    (index: number) => {\n      return () => {\n        if (index === activeTabIndex) return\n\n        setActiveTabIndex(index)\n\n        if (!onChange) return\n\n        onChange({\n          tabIndex: index,\n          name: tabs[index].child.props.name,\n          data: tabs[index].child.props.data ?? {},\n        })\n      }\n    },\n    [activeTabIndex, onChange, tabs]\n  )\n\n  return {\n    activeTabIndex,\n    handleClick,\n    ref,\n    tabs,\n  }\n}\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<React.PropsWithChildren<TabsProps>> = ({\n  children,\n  initialTabIndex = 0,\n  mb = 2,\n  onChange,\n  ...rest\n}) => {\n  const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n    onChange,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <Clickable\n              key={i}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              onClick={handleClick(i)}\n              flex={1}\n            >\n              <BaseTab active={i === activeTabIndex} variant=\"sm\">\n                <span>{tab.child.props.name}</span>\n              </BaseTab>\n            </Clickable>\n          )\n        })}\n      </BaseTabs>\n\n      {tabs[activeTabIndex].child}\n    </>\n  )\n}\n\nexport interface TabProps {\n  /** Display name of the Tab */\n  name: string | JSX.Element\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_themeGet","_flattenChildren","_useUpdateEffect","_BaseTabs","_Clickable","_usePrevious","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","useTabs","exports","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","useUpdateEffect","useRef","useEffect","_ref$current$scrollTo","_ref$current","current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","Container","styled","Clickable","withConfig","displayName","componentId","themeGet","Tabs","_ref2","_ref2$initialTabIndex","_ref2$mb","mb","rest","_useTabs","createElement","Fragment","BaseTabs","onClick","flex","BaseTab","active","variant","Tab","_ref3"],"sources":["../../../src/elements/Tabs/Tabs.tsx"],"sourcesContent":["import React, {\n  createRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport { flattenChildren } from \"../../helpers/flattenChildren\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { BaseTabs, BaseTabsProps } from \"../BaseTabs\"\nimport { BaseTab } from \"../BaseTabs\"\nimport { Clickable } from \"../Clickable\"\nimport { usePrevious } from \"../../utils/usePrevious\"\n\nexport interface TabLike extends JSX.Element {\n  props: TabProps\n}\n\nexport interface TabInfo extends TabProps {\n  /** Index of the newly selected Tab */\n  tabIndex: number\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data: any\n}\n\nexport interface TabsProps extends BaseTabsProps {\n  /** Index of the Tab that should be pre-selected */\n  initialTabIndex?: number\n  /** @deprecated */\n  autoScroll?: boolean\n  /** Function that will be called when a new Tab is selected */\n  onChange?: (tabInfo?: TabInfo) => void\n}\n\n/** Tabs functionality */\nexport const useTabs = ({\n  children,\n  initialTabIndex = 0,\n  onChange,\n}: TabsProps) => {\n  const tabs = useMemo(\n    () =>\n      flattenChildren<TabLike>(children).map((child) => ({\n        child,\n        ref: createRef<HTMLButtonElement | null>(),\n      })),\n    [children]\n  )\n\n  const previousInitialTabIndex = usePrevious(initialTabIndex)\n  const [activeTabIndex, setActiveTabIndex] = useState<number>(initialTabIndex)\n\n  // If the `initialTabIndex` changes; update the active one\n  useUpdateEffect(() => {\n    // Only update if the `initialTabIndex` has changed externally\n    if (initialTabIndex === previousInitialTabIndex) return\n    setActiveTabIndex(initialTabIndex)\n  }, [initialTabIndex, tabs])\n\n  // Ref of the tabs viewport\n  const ref = useRef<HTMLDivElement | null>(null)\n\n  // Scroll to active tab when `activeTabIndex` changes\n  useEffect(() => {\n    if (!ref.current) return\n    const tab = tabs[activeTabIndex].ref.current\n    if (!tab) return\n    const position = tab.offsetLeft\n    ref.current.scrollTo?.({ left: position, behavior: \"smooth\" })\n  }, [activeTabIndex])\n\n  const handleClick = useCallback(\n    (index: number) => {\n      return () => {\n        if (index === activeTabIndex) return\n\n        setActiveTabIndex(index)\n\n        if (!onChange) return\n\n        onChange({\n          tabIndex: index,\n          name: tabs[index].child.props.name,\n          data: tabs[index].child.props.data ?? {},\n        })\n      }\n    },\n    [activeTabIndex, onChange, tabs]\n  )\n\n  return {\n    activeTabIndex,\n    handleClick,\n    ref,\n    tabs,\n  }\n}\n\nconst Container = styled(Clickable)`\n  &:focus-visible {\n    outline: none;\n    z-index: 2;\n    border: 1px solid ${themeGet(\"colors.blue100\")};\n  }\n`\n\n/** A tab bar navigation component */\nexport const Tabs: React.FC<React.PropsWithChildren<TabsProps>> = ({\n  children,\n  initialTabIndex = 0,\n  mb = 2,\n  onChange,\n  ...rest\n}) => {\n  const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n    onChange,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <Container\n              key={i}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              onClick={handleClick(i)}\n              flex={1}\n            >\n              <BaseTab active={i === activeTabIndex} variant=\"sm\">\n                <span>{tab.child.props.name}</span>\n              </BaseTab>\n            </Container>\n          )\n        })}\n      </BaseTabs>\n\n      {tabs[activeTabIndex].child}\n    </>\n  )\n}\n\nexport interface TabProps {\n  /** Display name of the Tab */\n  name: string | JSX.Element\n  /**\n   * Arbitrary data that can be associated with a Tab.\n   * Will be passed to the parent <Tabs>'s onChange handler.\n   */\n  data?: any\n}\n\n/**\n * An individual tab.\n * Does nothing on its own; props are dealt with inside of Tabs.\n */\nexport const Tab: React.FC<React.PropsWithChildren<TabProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "45.9.0",
+  "version": "45.11.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -191,5 +191,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "a46bfca6de5870b7cce1e98abec368c5cbd84527"
+  "gitHead": "96608ef60d29f6548e7495df273478aba5a270cd"
 }