@artsy/palette 40.7.0-canary.1423.31645.0 → 40.7.1

package/dist/elements/BaseTabs/BaseTab.d.ts

@@ -19,7 +19,7 @@ export declare type BaseTabProps<C extends React.ComponentType<React.PropsWithCh
  */
 export declare const BaseTab: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
+}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: import("styled-system").ResponsiveValue<"black100" | "black10" | "black60" | "black30" | "black15" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;

package/dist/elements/Box/Box.d.ts

@@ -1,7 +1,10 @@
 /// <reference types="react" />
-import { BackgroundProps, BorderProps, ColorProps, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, ResponsiveValue, SpaceProps, TextAlignProps } from "styled-system";
-export interface BoxProps extends BackgroundProps, BorderProps, Omit<ColorProps, "color">, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps {
+import { CSSProperties } from "styled-components";
+import { BackgroundProps, BorderProps, BoxShadowProps, ColorProps, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, ResponsiveValue, SpaceProps, TextAlignProps } from "styled-system";
+export declare const pointerEvents: import("styled-system").styleFn;
+export interface BoxProps extends BackgroundProps, BorderProps, BoxShadowProps, Omit<ColorProps, "color">, FlexboxProps, GridAreaProps, LayoutProps, PositionProps, SpaceProps, TextAlignProps {
     gap?: ResponsiveValue<string | number>;
+    pointerEvents?: ResponsiveValue<CSSProperties["pointerEvents"]>;
 }
 /**
  * All the system functions for Box

package/dist/elements/Box/Box.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.splitBoxProps = exports.boxMixin = exports.Box = void 0;
+exports.splitBoxProps = exports.pointerEvents = exports.boxMixin = exports.Box = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styledSystem = require("styled-system");
 var _splitProps = require("../../utils/splitProps");
@@ -14,10 +14,17 @@ var gap = (0, _styledSystem.system)({
     scale: "space"
   }
 });
+var pointerEvents = (0, _styledSystem.system)({
+  pointerEvents: {
+    property: "pointerEvents",
+    scale: "pointerEvents" // Optional if you're using a theme scale
+  }
+});
+exports.pointerEvents = pointerEvents;
 /**
  * All the system functions for Box
  */
-var boxMixin = (0, _styledSystem.compose)(_styledSystem.background, _styledSystem.border, _styledSystem.color, _styledSystem.flexbox, _styledSystem.gridArea, _styledSystem.layout, _styledSystem.position, _styledSystem.space, _styledSystem.textAlign, gap);
+var boxMixin = (0, _styledSystem.compose)(_styledSystem.background, _styledSystem.border, _styledSystem.boxShadow, _styledSystem.color, _styledSystem.flexbox, gap, _styledSystem.gridArea, _styledSystem.layout, pointerEvents, _styledSystem.position, _styledSystem.space, _styledSystem.textAlign);
 
 /**
  * Box is just a `View` or `div` (depending on the platform) with common styled-systems

package/dist/elements/Box/Box.js.map

@@ -1 +1 @@
-{"version":3,"file":"Box.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_splitProps","obj","__esModule","default","gap","system","property","scale","boxMixin","compose","background","border","color","flexbox","gridArea","layout","position","space","textAlign","exports","Box","styled","div","withConfig","displayName","componentId","splitBoxProps","splitProps"],"sources":["../../../src/elements/Box/Box.tsx"],"sourcesContent":["import styled from \"styled-components\"\nimport {\n  background,\n  BackgroundProps,\n  border,\n  BorderProps,\n  color,\n  ColorProps,\n  compose,\n  flexbox,\n  FlexboxProps,\n  gridArea,\n  GridAreaProps,\n  layout,\n  LayoutProps,\n  position,\n  PositionProps,\n  ResponsiveValue,\n  space,\n  SpaceProps,\n  system,\n  textAlign,\n  TextAlignProps,\n} from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\n\nconst gap = system({\n  gap: {\n    property: \"gap\",\n    scale: \"space\",\n  },\n})\n\nexport interface BoxProps\n  extends BackgroundProps,\n    BorderProps,\n    Omit<ColorProps, \"color\">,\n    FlexboxProps,\n    GridAreaProps,\n    LayoutProps,\n    PositionProps,\n    SpaceProps,\n    TextAlignProps {\n  gap?: ResponsiveValue<string | number>\n}\n\n/**\n * All the system functions for Box\n */\nexport const boxMixin = compose(\n  background,\n  border,\n  color,\n  flexbox,\n  gridArea,\n  layout,\n  position,\n  space,\n  textAlign,\n  gap\n)\n\n/**\n * Box is just a `View` or `div` (depending on the platform) with common styled-systems\n * hooks.\n */\nexport const Box = styled.div<BoxProps>`\n  ${boxMixin}\n`\n\nBox.displayName = \"Box\"\n\n/** Splits out props into valid and invalid BoxProps */\nexport const splitBoxProps = splitProps<BoxProps>(boxMixin)\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAuBA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,GAAG,GAAG,IAAAC,oBAAM,EAAC;EACjBD,GAAG,EAAE;IACHE,QAAQ,EAAE,KAAK;IACfC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAeF;AACA;AACA;AACO,IAAMC,QAAQ,GAAG,IAAAC,qBAAO,EAC7BC,wBAAU,EACVC,oBAAM,EACNC,mBAAK,EACLC,qBAAO,EACPC,sBAAQ,EACRC,oBAAM,EACNC,sBAAQ,EACRC,mBAAK,EACLC,uBAAS,EACTd,GAAG,CACJ;;AAED;AACA;AACA;AACA;AAHAe,OAAA,CAAAX,QAAA,GAAAA,QAAA;AAIO,IAAMY,GAAG,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzBjB,QAAQ,CACX;AAAAW,OAAA,CAAAC,GAAA,GAAAA,GAAA;AAEDA,GAAG,CAACI,WAAW,GAAG,KAAK;;AAEvB;AACO,IAAME,aAAa,GAAG,IAAAC,sBAAU,EAAWnB,QAAQ,CAAC;AAAAW,OAAA,CAAAO,aAAA,GAAAA,aAAA"}
+{"version":3,"file":"Box.js","names":["_styledComponents","_interopRequireDefault","require","_styledSystem","_splitProps","obj","__esModule","default","gap","system","property","scale","pointerEvents","exports","boxMixin","compose","background","border","boxShadow","color","flexbox","gridArea","layout","position","space","textAlign","Box","styled","div","withConfig","displayName","componentId","splitBoxProps","splitProps"],"sources":["../../../src/elements/Box/Box.tsx"],"sourcesContent":["import styled, { CSSProperties } from \"styled-components\"\nimport {\n  background,\n  BackgroundProps,\n  border,\n  BorderProps,\n  boxShadow,\n  BoxShadowProps,\n  color,\n  ColorProps,\n  compose,\n  flexbox,\n  FlexboxProps,\n  gridArea,\n  GridAreaProps,\n  layout,\n  LayoutProps,\n  position,\n  PositionProps,\n  ResponsiveValue,\n  space,\n  SpaceProps,\n  system,\n  textAlign,\n  TextAlignProps,\n} from \"styled-system\"\nimport { splitProps } from \"../../utils/splitProps\"\n\nconst gap = system({\n  gap: {\n    property: \"gap\",\n    scale: \"space\",\n  },\n})\n\nexport const pointerEvents = system({\n  pointerEvents: {\n    property: \"pointerEvents\",\n    scale: \"pointerEvents\", // Optional if you're using a theme scale\n  },\n})\n\nexport interface BoxProps\n  extends BackgroundProps,\n    BorderProps,\n    BoxShadowProps,\n    Omit<ColorProps, \"color\">,\n    FlexboxProps,\n    GridAreaProps,\n    LayoutProps,\n    PositionProps,\n    SpaceProps,\n    TextAlignProps {\n  gap?: ResponsiveValue<string | number>\n  pointerEvents?: ResponsiveValue<CSSProperties[\"pointerEvents\"]>\n}\n\n/**\n * All the system functions for Box\n */\nexport const boxMixin = compose(\n  background,\n  border,\n  boxShadow,\n  color,\n  flexbox,\n  gap,\n  gridArea,\n  layout,\n  pointerEvents,\n  position,\n  space,\n  textAlign\n)\n\n/**\n * Box is just a `View` or `div` (depending on the platform) with common styled-systems\n * hooks.\n */\nexport const Box = styled.div<BoxProps>`\n  ${boxMixin}\n`\n\nBox.displayName = \"Box\"\n\n/** Splits out props into valid and invalid BoxProps */\nexport const splitBoxProps = splitProps<BoxProps>(boxMixin)\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAyBA,IAAAE,WAAA,GAAAF,OAAA;AAAmD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEnD,IAAMG,GAAG,GAAG,IAAAC,oBAAM,EAAC;EACjBD,GAAG,EAAE;IACHE,QAAQ,EAAE,KAAK;IACfC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;AAEK,IAAMC,aAAa,GAAG,IAAAH,oBAAM,EAAC;EAClCG,aAAa,EAAE;IACbF,QAAQ,EAAE,eAAe;IACzBC,KAAK,EAAE,eAAe,CAAE;EAC1B;AACF,CAAC,CAAC;AAAAE,OAAA,CAAAD,aAAA,GAAAA,aAAA;AAiBF;AACA;AACA;AACO,IAAME,QAAQ,GAAG,IAAAC,qBAAO,EAC7BC,wBAAU,EACVC,oBAAM,EACNC,uBAAS,EACTC,mBAAK,EACLC,qBAAO,EACPZ,GAAG,EACHa,sBAAQ,EACRC,oBAAM,EACNV,aAAa,EACbW,sBAAQ,EACRC,mBAAK,EACLC,uBAAS,CACV;;AAED;AACA;AACA;AACA;AAHAZ,OAAA,CAAAC,QAAA,GAAAA,QAAA;AAIO,IAAMY,GAAG,GAAGC,yBAAM,CAACC,GAAG,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACzBjB,QAAQ,CACX;AAAAD,OAAA,CAAAa,GAAA,GAAAA,GAAA;AAEDA,GAAG,CAACI,WAAW,GAAG,KAAK;;AAEvB;AACO,IAAME,aAAa,GAAG,IAAAC,sBAAU,EAAWnB,QAAQ,CAAC;AAAAD,OAAA,CAAAmB,aAAA,GAAAA,aAAA"}

package/dist/elements/Image/Image.js

@@ -80,7 +80,7 @@ var Image = function Image(_ref) {
       height: height,
       bg: lazyLoad && !placeHolderURL ? "black10" : undefined
     }, boxProps, {
-      style: _objectSpread(_objectSpread({}, style), placeHolderURL && {
+      style: _objectSpread({}, placeHolderURL && {
         backgroundImage: "url(".concat(placeHolderURL, ")"),
         backgroundSize: "cover",
         backgroundPosition: "center"
@@ -93,7 +93,7 @@ var Image = function Image(_ref) {
       width: "100%",
       height: "100%",
       display: "block",
-      style: lazyLoadStyle
+      style: _objectSpread(_objectSpread({}, lazyLoadStyle), style)
     }, commonImgProps)));
   }
 
@@ -107,8 +107,7 @@ var Image = function Image(_ref) {
     width: width,
     height: height,
     display: "block",
-    bg: "black10",
-    style: _objectSpread({}, style)
+    style: style
   }, boxProps, commonImgProps));
 };
 exports.Image = Image;

package/dist/elements/Image/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","names":["_react","_interopRequireWildcard","require","_Box","_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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Image","_ref","className","height","_ref$lazyLoad","lazyLoad","onLoad","placeHolderURL","_ref$preventRightClic","preventRightClick","style","width","rest","_useState","useState","_useState2","mode","setMode","imageRef","useRef","useEffect","_imageRef$current","current","complete","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","imageProps","commonImgProps","ref","loading","event","onContextMenu","e","preventDefault","lazyLoadStyle","transition","opacity","createElement","Box","position","bg","backgroundImage","concat","backgroundSize","backgroundPosition","as","top","left","display","exports","displayName"],"sources":["../../../src/elements/Image/Image.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\n\nexport interface ImageProps\n  extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, \"width\" | \"height\">,\n    BoxProps {\n  /** Flag for if image should be lazy loaded */\n  lazyLoad?: boolean\n  /** Flag indicating that right clicks should be prevented */\n  preventRightClick?: boolean\n  /** Currently, this is used by clients for BlurHash data,\n      decoded and represented as a data URL */\n  placeHolderURL?: string\n}\n\nexport const Image: React.FC<ImageProps> = ({\n  className,\n  height,\n  lazyLoad = false,\n  onLoad,\n  placeHolderURL,\n  preventRightClick = false,\n  style,\n  width,\n  ...rest\n}) => {\n  const [mode, setMode] = useState<\"Pending\" | \"Ready\">(\"Pending\")\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  useEffect(() => {\n    if (imageRef.current?.complete) {\n      setMode(\"Ready\")\n    }\n  }, [])\n\n  const [boxProps, imageProps] = splitBoxProps(rest)\n\n  // Common image props\n  const commonImgProps = {\n    ref: imageRef as any,\n    loading: lazyLoad ? (\"lazy\" as const) : undefined,\n    onLoad: (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n      setMode(\"Ready\")\n      onLoad?.(event)\n    },\n    onContextMenu: preventRightClick ? (e) => e.preventDefault() : undefined,\n    ...imageProps,\n  }\n\n  // Common lazy loading style\n  const lazyLoadStyle = lazyLoad\n    ? {\n        transition: \"opacity 0.2s ease-in-out\",\n        opacity: mode === \"Ready\" ? 1 : 0,\n      }\n    : {}\n\n  // If there's a placeholder URL or lazy loading is enabled, use a wrapper container\n  if (placeHolderURL || lazyLoad) {\n    return (\n      <Box\n        className={className}\n        position=\"relative\"\n        width={width}\n        height={height}\n        bg={lazyLoad && !placeHolderURL ? \"black10\" : undefined}\n        {...boxProps}\n        style={{\n          ...style,\n          ...(placeHolderURL && {\n            backgroundImage: `url(${placeHolderURL})`,\n            backgroundSize: \"cover\",\n            backgroundPosition: \"center\",\n          }),\n        }}\n      >\n        <Box\n          as=\"img\"\n          position=\"absolute\"\n          top={0}\n          left={0}\n          width=\"100%\"\n          height=\"100%\"\n          display=\"block\"\n          style={lazyLoadStyle}\n          {...commonImgProps}\n        />\n      </Box>\n    )\n  }\n\n  // If no placeholder and no lazy loading, render a direct img element\n  return (\n    <Box\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      as=\"img\"\n      className={className}\n      width={width}\n      height={height}\n      display=\"block\"\n      bg=\"black10\"\n      style={{\n        ...style,\n      }}\n      {...boxProps}\n      {...commonImgProps}\n    />\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Image.js","names":["_react","_interopRequireWildcard","require","_Box","_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","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","Image","_ref","className","height","_ref$lazyLoad","lazyLoad","onLoad","placeHolderURL","_ref$preventRightClic","preventRightClick","style","width","rest","_useState","useState","_useState2","mode","setMode","imageRef","useRef","useEffect","_imageRef$current","current","complete","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","imageProps","commonImgProps","ref","loading","event","onContextMenu","e","preventDefault","lazyLoadStyle","transition","opacity","createElement","Box","position","bg","backgroundImage","concat","backgroundSize","backgroundPosition","as","top","left","display","exports","displayName"],"sources":["../../../src/elements/Image/Image.tsx"],"sourcesContent":["import React, { useState, useRef, useEffect } from \"react\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\n\nexport interface ImageProps\n  extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, \"width\" | \"height\">,\n    BoxProps {\n  /** Flag for if image should be lazy loaded */\n  lazyLoad?: boolean\n  /** Flag indicating that right clicks should be prevented */\n  preventRightClick?: boolean\n  /** Currently, this is used by clients for BlurHash data,\n      decoded and represented as a data URL */\n  placeHolderURL?: string\n}\n\nexport const Image: React.FC<ImageProps> = ({\n  className,\n  height,\n  lazyLoad = false,\n  onLoad,\n  placeHolderURL,\n  preventRightClick = false,\n  style,\n  width,\n  ...rest\n}) => {\n  const [mode, setMode] = useState<\"Pending\" | \"Ready\">(\"Pending\")\n  const imageRef = useRef<HTMLImageElement>(null)\n\n  useEffect(() => {\n    if (imageRef.current?.complete) {\n      setMode(\"Ready\")\n    }\n  }, [])\n\n  const [boxProps, imageProps] = splitBoxProps(rest)\n\n  // Common image props\n  const commonImgProps = {\n    ref: imageRef as any,\n    loading: lazyLoad ? (\"lazy\" as const) : undefined,\n    onLoad: (event: React.SyntheticEvent<HTMLImageElement, Event>) => {\n      setMode(\"Ready\")\n      onLoad?.(event)\n    },\n    onContextMenu: preventRightClick ? (e) => e.preventDefault() : undefined,\n    ...imageProps,\n  }\n\n  // Common lazy loading style\n  const lazyLoadStyle = lazyLoad\n    ? {\n        transition: \"opacity 0.2s ease-in-out\",\n        opacity: mode === \"Ready\" ? 1 : 0,\n      }\n    : {}\n\n  // If there's a placeholder URL or lazy loading is enabled, use a wrapper container\n  if (placeHolderURL || lazyLoad) {\n    return (\n      <Box\n        className={className}\n        position=\"relative\"\n        width={width}\n        height={height}\n        bg={lazyLoad && !placeHolderURL ? \"black10\" : undefined}\n        {...boxProps}\n        style={{\n          ...(placeHolderURL && {\n            backgroundImage: `url(${placeHolderURL})`,\n            backgroundSize: \"cover\",\n            backgroundPosition: \"center\",\n          }),\n        }}\n      >\n        <Box\n          as=\"img\"\n          position=\"absolute\"\n          top={0}\n          left={0}\n          width=\"100%\"\n          height=\"100%\"\n          display=\"block\"\n          style={{ ...lazyLoadStyle, ...style }}\n          {...commonImgProps}\n        />\n      </Box>\n    )\n  }\n\n  // If no placeholder and no lazy loading, render a direct img element\n  return (\n    <Box\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      as=\"img\"\n      className={className}\n      width={width}\n      height={height}\n      display=\"block\"\n      style={style}\n      {...boxProps}\n      {...commonImgProps}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Stepper/Stepper.js

@@ -32,7 +32,6 @@ var Stepper = function Stepper(_ref) {
       initialTabIndex: initialTabIndex
     }),
     tabs = _useTabs.tabs,
-    activeTab = _useTabs.activeTab,
     activeTabIndex = _useTabs.activeTabIndex,
     handleClick = _useTabs.handleClick,
     ref = _useTabs.ref;
@@ -69,7 +68,7 @@ var Stepper = function Stepper(_ref) {
       height: 10,
       ml: 1
     })));
-  })), activeTab.current.child);
+  })), tabs[activeTabIndex].child);
 };
 
 /** StepProps */

package/dist/elements/Stepper/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Stepper","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","_ref$mb","mb","rest","_useTabs","useTabs","tabs","activeTab","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","current","exports","Step","_ref2"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n  /** The step user currently is at (e.g. previous steps completed) */\n  currentStepIndex: number\n  /** Prevents the tabs from being directly clickable */\n  disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<React.PropsWithChildren<StepperProps>> = ({\n  currentStepIndex,\n  disableNavigation,\n  initialTabIndex = 0,\n  children,\n  mb = 2,\n  ...rest\n}) => {\n  const { tabs, activeTab, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} fill mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <BaseTab\n              key={i}\n              as={Clickable}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              disabled={disableNavigation || i > currentStepIndex}\n              onClick={handleClick(i)}\n              active={i === activeTabIndex}\n              variant=\"sm\"\n              justifyContent=\"flex-start\"\n            >\n              <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n                <Flex alignItems=\"center\">\n                  <Box color={i > currentStepIndex ? \"black30\" : undefined}>\n                    {tab.child.props.name}\n                  </Box>\n\n                  {currentStepIndex > i && (\n                    <CheckmarkIcon\n                      width={16}\n                      height={16}\n                      color=\"green100\"\n                      ml={1}\n                    />\n                  )}\n                </Flex>\n\n                <ChevronRightIcon fill=\"black60\" height={10} ml={1} />\n              </Flex>\n            </BaseTab>\n          )\n        })}\n      </BaseTabs>\n\n      {activeTab.current.child}\n    </>\n  )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<React.PropsWithChildren<StepProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}
+{"version":3,"file":"Stepper.js","names":["_react","_interopRequireDefault","require","_CheckmarkIcon","_ChevronRightIcon","_BaseTabs","_Box","_Clickable","_Flex","_Tabs","_excluded","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Stepper","_ref","currentStepIndex","disableNavigation","_ref$initialTabIndex","initialTabIndex","children","_ref$mb","mb","rest","_useTabs","useTabs","tabs","activeTabIndex","handleClick","ref","createElement","Fragment","BaseTabs","fill","map","tab","BaseTab","as","Clickable","disabled","onClick","active","variant","justifyContent","Flex","alignItems","flex","Box","color","undefined","child","props","name","width","height","ml","exports","Step","_ref2"],"sources":["../../../src/elements/Stepper/Stepper.tsx"],"sourcesContent":["import React from \"react\"\nimport CheckmarkIcon from \"@artsy/icons/CheckmarkIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { BaseTab, BaseTabs } from \"../BaseTabs\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { TabProps, TabsProps, useTabs } from \"../Tabs\"\n\nexport interface StepperProps extends TabsProps {\n  /** The step user currently is at (e.g. previous steps completed) */\n  currentStepIndex: number\n  /** Prevents the tabs from being directly clickable */\n  disableNavigation?: boolean\n}\n\n/** Stepper */\nexport const Stepper: React.FC<React.PropsWithChildren<StepperProps>> = ({\n  currentStepIndex,\n  disableNavigation,\n  initialTabIndex = 0,\n  children,\n  mb = 2,\n  ...rest\n}) => {\n  const { tabs, activeTabIndex, handleClick, ref } = useTabs({\n    children,\n    initialTabIndex,\n  })\n\n  return (\n    <>\n      <BaseTabs ref={ref} fill mb={mb} {...rest}>\n        {tabs.map((tab, i) => {\n          return (\n            <BaseTab\n              key={i}\n              as={Clickable}\n              ref={tab.ref as any}\n              aria-selected={i === activeTabIndex}\n              disabled={disableNavigation || i > currentStepIndex}\n              onClick={handleClick(i)}\n              active={i === activeTabIndex}\n              variant=\"sm\"\n              justifyContent=\"flex-start\"\n            >\n              <Flex alignItems=\"center\" justifyContent=\"space-between\" flex={1}>\n                <Flex alignItems=\"center\">\n                  <Box color={i > currentStepIndex ? \"black30\" : undefined}>\n                    {tab.child.props.name}\n                  </Box>\n\n                  {currentStepIndex > i && (\n                    <CheckmarkIcon\n                      width={16}\n                      height={16}\n                      color=\"green100\"\n                      ml={1}\n                    />\n                  )}\n                </Flex>\n\n                <ChevronRightIcon fill=\"black60\" height={10} ml={1} />\n              </Flex>\n            </BaseTab>\n          )\n        })}\n      </BaseTabs>\n\n      {tabs[activeTabIndex].child}\n    </>\n  )\n}\n\n/** StepProps */\nexport type StepProps = TabProps\n\n/**\n * An individual step.\n * Does nothing on its own; props are dealt with inside of Steps.\n */\nexport const Step: React.FC<React.PropsWithChildren<StepProps>> = ({\n  children,\n}) => <>{children}</>\n"],"mappings":"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"}

package/dist/elements/Sup/Sup.d.ts

@@ -3,7 +3,7 @@ import { TextProps } from "../Text";
 export declare type SupProps = TextProps;
 export declare const Sup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("..").BoxProps> & import("..").BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
+}, "gap" | "alignContent" | "alignItems" | "alignSelf" | "backgroundColor" | "backgroundImage" | "backgroundRepeat" | "backgroundSize" | "borderBottomColor" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderBottomStyle" | "borderBottomWidth" | "borderLeftColor" | "borderLeftStyle" | "borderLeftWidth" | "borderRightColor" | "borderRightStyle" | "borderRightWidth" | "borderTopColor" | "borderTopLeftRadius" | "borderTopRightRadius" | "borderTopStyle" | "borderTopWidth" | "bottom" | "boxShadow" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "opacity" | "order" | "overflowX" | "overflowY" | "paddingBottom" | "paddingLeft" | "paddingRight" | "paddingTop" | "pointerEvents" | "position" | "right" | "textAlign" | "textTransform" | "top" | "verticalAlign" | "width" | "zIndex" | "background" | "backgroundPosition" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderStyle" | "borderTop" | "borderWidth" | "flex" | "gridArea" | "lineClamp" | "margin" | "overflow" | "padding" | "bg" | "borderX" | "borderY" | "size" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "p" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "textColor" | "variant" | "hyphenate" | "overflowEllipsis"> & import("styled-system").TypographyProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & Omit<import("styled-system").ColorProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>, string | number | symbol>, "color"> & {
     variant?: import("styled-system").ResponsiveValue<"xxxl" | "xxl" | "xl" | "lg" | "lg-display" | "md" | "sm" | "sm-display" | "xs" | "xxs" | "bq", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     textColor?: import("styled-system").ResponsiveValue<"black100" | "black10" | "black60" | "black30" | "black15" | "black5" | "white100" | "blue200" | "blue150" | "blue100" | "brand" | "blue15" | "blue10" | "green150" | "green100" | "green10" | "yellow150" | "yellow100" | "yellow10" | "orange150" | "orange100" | "orange10" | "red150" | "red100" | "red50" | "red10", Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
     lineClamp?: number | undefined;

package/dist/elements/Tabs/Tabs.d.ts

@@ -22,10 +22,6 @@ export interface TabsProps extends BaseTabsProps {
 }
 /** Tabs functionality */
 export declare const useTabs: ({ children, initialTabIndex, onChange, }: TabsProps) => {
-    activeTab: React.MutableRefObject<{
-        child: TabLike;
-        ref: React.RefObject<HTMLButtonElement | null>;
-    }>;
     activeTabIndex: number;
     handleClick: (index: number) => () => void;
     ref: React.MutableRefObject<HTMLDivElement | null>;

package/dist/elements/Tabs/Tabs.js

@@ -43,16 +43,10 @@ var useTabs = function useTabs(_ref) {
     activeTabIndex = _useState2[0],
     setActiveTabIndex = _useState2[1];
 
-  // Wraps active tab in a ref to prevent re-rendering.
-  // This means that we need to update the active tab before the index state change
-  // to catch the re-render.
-  var activeTab = (0, _react.useRef)(tabs[activeTabIndex]);
-
   // If the `initialTabIndex` changes; update the active one
   (0, _useUpdateEffect.useUpdateEffect)(function () {
     // Only update if the `initialTabIndex` has changed externally
     if (initialTabIndex === previousInitialTabIndex) return;
-    activeTab.current = tabs[initialTabIndex];
     setActiveTabIndex(initialTabIndex);
   }, [initialTabIndex, tabs]);
 
@@ -63,7 +57,7 @@ var useTabs = function useTabs(_ref) {
   (0, _react.useEffect)(function () {
     var _ref$current$scrollTo, _ref$current;
     if (!ref.current) return;
-    var tab = activeTab.current.ref.current;
+    var tab = tabs[activeTabIndex].ref.current;
     if (!tab) return;
     var position = tab.offsetLeft;
     (_ref$current$scrollTo = (_ref$current = ref.current).scrollTo) === null || _ref$current$scrollTo === void 0 ? void 0 : _ref$current$scrollTo.call(_ref$current, {
@@ -75,7 +69,6 @@ var useTabs = function useTabs(_ref) {
     return function () {
       var _tabs$index$child$pro;
       if (index === activeTabIndex) return;
-      activeTab.current = tabs[index];
       setActiveTabIndex(index);
       if (!onChange) return;
       onChange({
@@ -86,7 +79,6 @@ var useTabs = function useTabs(_ref) {
     };
   }, [activeTabIndex, onChange, tabs]);
   return {
-    activeTab: activeTab,
     activeTabIndex: activeTabIndex,
     handleClick: handleClick,
     ref: ref,
@@ -110,7 +102,6 @@ var Tabs = function Tabs(_ref2) {
       onChange: onChange
     }),
     tabs = _useTabs.tabs,
-    activeTab = _useTabs.activeTab,
     activeTabIndex = _useTabs.activeTabIndex,
     handleClick = _useTabs.handleClick,
     ref = _useTabs.ref;
@@ -128,7 +119,7 @@ var Tabs = function Tabs(_ref2) {
       active: i === activeTabIndex,
       variant: "sm"
     }, /*#__PURE__*/_react.default.createElement("span", null, tab.child.props.name)));
-  })), activeTab.current.child);
+  })), tabs[activeTabIndex].child);
 };
 exports.Tabs = Tabs;
 /**

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","_ref","children","_ref$initialTabIndex","initialTabIndex","onChange","tabs","useMemo","flattenChildren","map","child","ref","createRef","previousInitialTabIndex","usePrevious","_useState","useState","_useState2","activeTabIndex","setActiveTabIndex","activeTab","useRef","useUpdateEffect","current","useEffect","_ref$current$scrollTo","_ref$current","tab","position","offsetLeft","scrollTo","left","behavior","handleClick","useCallback","index","_tabs$index$child$pro","tabIndex","props","data","exports","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  // Wraps active tab in a ref to prevent re-rendering.\n  // This means that we need to update the active tab before the index state change\n  // to catch the re-render.\n  const activeTab = useRef(tabs[activeTabIndex])\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    activeTab.current = tabs[initialTabIndex]\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 = activeTab.current.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        activeTab.current = tabs[index]\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    activeTab,\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, activeTab, 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      {activeTab.current.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","_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","_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","exports","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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"}

package/dist/elements/Tabs/Tabs.story.d.ts

@@ -28,3 +28,4 @@ export declare const InitialAutoScroll: {
     };
 };
 export declare const Cached: () => React.JSX.Element;
+export declare const WithInputs: () => React.JSX.Element;

package/dist/elements/Tabs/Tabs.story.js

@@ -4,7 +4,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" =
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.WithData = exports.InitialAutoScroll = exports.Default = exports.Counts = exports.ConditionalTabs = exports.Cached = exports.AutoScrolling = void 0;
+exports.default = exports.WithInputs = exports.WithData = exports.InitialAutoScroll = exports.Default = exports.Counts = exports.ConditionalTabs = exports.Cached = exports.AutoScrolling = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireWildcard(require("react"));
 var _storybookStates = require("storybook-states");
@@ -13,6 +13,7 @@ var _ = require("./");
 var _Box = require("../Box");
 var _useCursor2 = require("use-cursor");
 var _Button = require("../Button");
+var _Input = require("../Input");
 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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -258,4 +259,35 @@ var Cached = function Cached() {
   }, "Third \u2014 count: ", count)));
 };
 exports.Cached = Cached;
+var WithInputs = function WithInputs() {
+  var _useState7 = (0, _react.useState)(""),
+    _useState8 = _slicedToArray(_useState7, 2),
+    value = _useState8[0],
+    setValue = _useState8[1];
+  var _useState9 = (0, _react.useState)(""),
+    _useState10 = _slicedToArray(_useState9, 2),
+    value2 = _useState10[0],
+    setValue2 = _useState10[1];
+  return /*#__PURE__*/_react.default.createElement(_.Tabs, null, /*#__PURE__*/_react.default.createElement(_.Tab, {
+    name: "First"
+  }, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
+    value: value
+  })), /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    value: value,
+    onChange: function onChange(e) {
+      return setValue(e.target.value);
+    }
+  })), /*#__PURE__*/_react.default.createElement(_.Tab, {
+    name: "Second"
+  }, /*#__PURE__*/_react.default.createElement("pre", null, JSON.stringify({
+    value2: value2
+  })), /*#__PURE__*/_react.default.createElement(_Input.Input, {
+    value: value2,
+    onChange: function onChange(e) {
+      return setValue2(e.target.value);
+    }
+  })));
+};
+exports.WithInputs = WithInputs;
+WithInputs.displayName = "WithInputs";
 //# sourceMappingURL=Tabs.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Tabs.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Sup","_","_Box","_useCursor2","_Button","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","initialTabIndex","justifyContent","Tabs","onChange","action","Tab","displayName","WithData","_useState","useState","_useState2","data","setData","Fragment","tabInfo","JSON","stringify","Counts","Sup","ConditionalTabs","AutoScrolling","_useCursor","useCursor","max","index","handleNext","useEffect","interval","setInterval","clearInterval","story","parameters","chromatic","disable","InitialAutoScroll","_useState3","_useState4","setKey","Box","bg","height","p","Cached","_useState5","_useState6","count","setCount","Button","variant","size","mb","onClick","prevCount"],"sources":["../../../src/elements/Tabs/Tabs.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Sup } from \"../Sup\"\nimport { Tab, Tabs, TabsProps } from \"./\"\nimport { Box } from \"../Box\"\nimport { useCursor } from \"use-cursor\"\nimport { Button } from \"../Button\"\n\nexport default {\n  title: \"Components/Tabs\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TabsProps>>\n      states={[{}, { initialTabIndex: 2 }, { justifyContent: \"center\" }]}\n    >\n      <Tabs onChange={action(\"onChange\")}>\n        <Tab name=\"Overview\">Overview panel</Tab>\n        <Tab name=\"Works for sale\">Works for sale panel</Tab>\n        <Tab name=\"CV\">CV panel</Tab>\n        <Tab name=\"Auction results\">Auction results panel</Tab>\n      </Tabs>\n    </States>\n  )\n}\n\nexport const WithData = () => {\n  const [data, setData] = useState({ name: \"Pending\" })\n\n  return (\n    <>\n      <Tabs\n        onChange={(tabInfo) => {\n          if (!tabInfo) return\n\n          setData(tabInfo.data)\n        }}\n      >\n        <Tab name=\"Overview\" data={{ name: \"Overview\" }}>\n          Overview panel\n        </Tab>\n\n        <Tab name=\"Works for sale\" data={{ name: \"Works for sale\" }}>\n          Works for sale panel\n        </Tab>\n\n        <Tab name=\"CV\" data={{ name: \"CV\" }}>\n          CV panel\n        </Tab>\n\n        <Tab name=\"Auction results\" data={{ name: \"Auction results\" }}>\n          Auction results panel\n        </Tab>\n\n        <Tab name=\"No data\">No data panel</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify(data, null, 2)}</pre>\n    </>\n  )\n}\n\nexport const Counts = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab\n        name={\n          <>\n            Overview <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab\n        name={\n          <>\n            Works for sale <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab name=\"CV\" />\n      <Tab\n        name={\n          <>\n            Auction results <Sup>123</Sup>\n          </>\n        }\n      />\n    </Tabs>\n  )\n}\n\nexport const ConditionalTabs = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab name=\"First\">First</Tab>\n      {false && <Tab name=\"Second\">Second</Tab>}\n      <Tab name=\"Third\">Third</Tab>\n    </Tabs>\n  )\n}\n\nexport const AutoScrolling = () => {\n  const { index: initialTabIndex, handleNext } = useCursor({ max: 15 })\n\n  useEffect(() => {\n    const interval = setInterval(handleNext, 500)\n    return () => clearInterval(interval)\n  }, [handleNext])\n\n  return (\n    <>\n      <Tabs initialTabIndex={initialTabIndex} onChange={action(\"onChange\")}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">Fifteenth</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify({ initialTabIndex })}</pre>\n    </>\n  )\n}\n\nAutoScrolling.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const InitialAutoScroll = () => {\n  const [key, setKey] = useState(1)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setKey((key) => key + 1)\n    }, 500)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <>\n      <Box bg=\"black10\" height={1000} p={2}>\n        The vertical scroll of this page should be at the top.\n        <br />\n        Scroll down to see the tabs.\n        <br />\n        Render: #{key}\n      </Box>\n\n      <Tabs onChange={action(\"onChange\")} initialTabIndex={14}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">\n          This tab should be active &amp; visible on mount.\n        </Tab>\n      </Tabs>\n\n      <Box bg=\"black10\" height={1000} />\n    </>\n  )\n}\n\nInitialAutoScroll.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\n// FIXME: Currently renders one step behind\nexport const Cached = () => {\n  const [count, setCount] = useState(1)\n\n  return (\n    <>\n      <Button\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        mb={1}\n        onClick={() => {\n          setCount((prevCount) => prevCount + 1)\n        }}\n      >\n        Increment count — count: {count}\n      </Button>\n\n      <Tabs>\n        <Tab name=\"First\">First — count: {count}</Tab>\n        <Tab name=\"Second\">Second — count: {count}</Tab>\n        <Tab name=\"Third\">Third — count: {count}</Tab>\n      </Tabs>\n    </>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Tabs.story.js","names":["_addonActions","require","_react","_interopRequireWildcard","_storybookStates","_Sup","_","_Box","_useCursor2","_Button","_Input","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","title","exports","Default","createElement","States","states","initialTabIndex","justifyContent","Tabs","onChange","action","Tab","displayName","WithData","_useState","useState","_useState2","data","setData","Fragment","tabInfo","JSON","stringify","Counts","Sup","ConditionalTabs","AutoScrolling","_useCursor","useCursor","max","index","handleNext","useEffect","interval","setInterval","clearInterval","story","parameters","chromatic","disable","InitialAutoScroll","_useState3","_useState4","setKey","Box","bg","height","p","Cached","_useState5","_useState6","count","setCount","Button","variant","size","mb","onClick","prevCount","WithInputs","_useState7","_useState8","setValue","_useState9","_useState10","value2","setValue2","Input","e","target"],"sources":["../../../src/elements/Tabs/Tabs.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React, { useEffect, useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Sup } from \"../Sup\"\nimport { Tab, Tabs, TabsProps } from \"./\"\nimport { Box } from \"../Box\"\nimport { useCursor } from \"use-cursor\"\nimport { Button } from \"../Button\"\nimport { Input } from \"../Input\"\n\nexport default {\n  title: \"Components/Tabs\",\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<TabsProps>>\n      states={[{}, { initialTabIndex: 2 }, { justifyContent: \"center\" }]}\n    >\n      <Tabs onChange={action(\"onChange\")}>\n        <Tab name=\"Overview\">Overview panel</Tab>\n        <Tab name=\"Works for sale\">Works for sale panel</Tab>\n        <Tab name=\"CV\">CV panel</Tab>\n        <Tab name=\"Auction results\">Auction results panel</Tab>\n      </Tabs>\n    </States>\n  )\n}\n\nexport const WithData = () => {\n  const [data, setData] = useState({ name: \"Pending\" })\n\n  return (\n    <>\n      <Tabs\n        onChange={(tabInfo) => {\n          if (!tabInfo) return\n\n          setData(tabInfo.data)\n        }}\n      >\n        <Tab name=\"Overview\" data={{ name: \"Overview\" }}>\n          Overview panel\n        </Tab>\n\n        <Tab name=\"Works for sale\" data={{ name: \"Works for sale\" }}>\n          Works for sale panel\n        </Tab>\n\n        <Tab name=\"CV\" data={{ name: \"CV\" }}>\n          CV panel\n        </Tab>\n\n        <Tab name=\"Auction results\" data={{ name: \"Auction results\" }}>\n          Auction results panel\n        </Tab>\n\n        <Tab name=\"No data\">No data panel</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify(data, null, 2)}</pre>\n    </>\n  )\n}\n\nexport const Counts = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab\n        name={\n          <>\n            Overview <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab\n        name={\n          <>\n            Works for sale <Sup>123</Sup>\n          </>\n        }\n      />\n      <Tab name=\"CV\" />\n      <Tab\n        name={\n          <>\n            Auction results <Sup>123</Sup>\n          </>\n        }\n      />\n    </Tabs>\n  )\n}\n\nexport const ConditionalTabs = () => {\n  return (\n    <Tabs onChange={action(\"onChange\")}>\n      <Tab name=\"First\">First</Tab>\n      {false && <Tab name=\"Second\">Second</Tab>}\n      <Tab name=\"Third\">Third</Tab>\n    </Tabs>\n  )\n}\n\nexport const AutoScrolling = () => {\n  const { index: initialTabIndex, handleNext } = useCursor({ max: 15 })\n\n  useEffect(() => {\n    const interval = setInterval(handleNext, 500)\n    return () => clearInterval(interval)\n  }, [handleNext])\n\n  return (\n    <>\n      <Tabs initialTabIndex={initialTabIndex} onChange={action(\"onChange\")}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">Fifteenth</Tab>\n      </Tabs>\n\n      <pre>{JSON.stringify({ initialTabIndex })}</pre>\n    </>\n  )\n}\n\nAutoScrolling.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\nexport const InitialAutoScroll = () => {\n  const [key, setKey] = useState(1)\n\n  useEffect(() => {\n    const interval = setInterval(() => {\n      setKey((key) => key + 1)\n    }, 500)\n\n    return () => clearInterval(interval)\n  }, [])\n\n  return (\n    <>\n      <Box bg=\"black10\" height={1000} p={2}>\n        The vertical scroll of this page should be at the top.\n        <br />\n        Scroll down to see the tabs.\n        <br />\n        Render: #{key}\n      </Box>\n\n      <Tabs onChange={action(\"onChange\")} initialTabIndex={14}>\n        <Tab name=\"First\">First</Tab>\n        <Tab name=\"Second\">Second</Tab>\n        <Tab name=\"Third\">Third</Tab>\n        <Tab name=\"Fourth\">Fourth</Tab>\n        <Tab name=\"Fifth\">Fifth</Tab>\n        <Tab name=\"Sixth\">Sixth</Tab>\n        <Tab name=\"Seventh\">Seventh</Tab>\n        <Tab name=\"Eighth\">Eighth</Tab>\n        <Tab name=\"Nineth\">Nineth</Tab>\n        <Tab name=\"Tenth\">Tenth</Tab>\n        <Tab name=\"Eleventh\">Eleventh</Tab>\n        <Tab name=\"Twelveth\">Twelveth</Tab>\n        <Tab name=\"Thirteenth\">Thirteenth</Tab>\n        <Tab name=\"Fourteenth\">Fourteenth</Tab>\n        <Tab name=\"Fifteenth\">\n          This tab should be active &amp; visible on mount.\n        </Tab>\n      </Tabs>\n\n      <Box bg=\"black10\" height={1000} />\n    </>\n  )\n}\n\nInitialAutoScroll.story = {\n  parameters: { chromatic: { disable: true } },\n}\n\n// FIXME: Currently renders one step behind\nexport const Cached = () => {\n  const [count, setCount] = useState(1)\n\n  return (\n    <>\n      <Button\n        variant=\"secondaryBlack\"\n        size=\"small\"\n        mb={1}\n        onClick={() => {\n          setCount((prevCount) => prevCount + 1)\n        }}\n      >\n        Increment count — count: {count}\n      </Button>\n\n      <Tabs>\n        <Tab name=\"First\">First — count: {count}</Tab>\n        <Tab name=\"Second\">Second — count: {count}</Tab>\n        <Tab name=\"Third\">Third — count: {count}</Tab>\n      </Tabs>\n    </>\n  )\n}\n\nexport const WithInputs = () => {\n  const [value, setValue] = useState(\"\")\n  const [value2, setValue2] = useState(\"\")\n\n  return (\n    <Tabs>\n      <Tab name=\"First\">\n        <pre>{JSON.stringify({ value })}</pre>\n        <Input value={value} onChange={(e) => setValue(e.target.value)} />\n      </Tab>\n\n      <Tab name=\"Second\">\n        <pre>{JSON.stringify({ value2 })}</pre>\n        <Input value={value2} onChange={(e) => setValue2(e.target.value)} />\n      </Tab>\n    </Tabs>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "40.7.0-canary.1423.31645.0",
+  "version": "40.7.1",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -188,5 +188,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "a7061085dff32e92ee4cd8e42f01090297f1dff8"
+  "gitHead": "7a6dc63a5bde604f2bc118d205ee98dcf8159128"
 }