@artsy/palette 45.13.1 → 45.14.0-canary.1497.33065.0

package/dist/esm/elements/Cards/TriptychCard.js

@@ -0,0 +1,161 @@
+var _excluded = ["images", "title", "subtitle", "status"];
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+import React from "react";
+import { Image } from "../Image";
+import { Box } from "../Box";
+import { ResponsiveBox } from "../ResponsiveBox";
+import { Flex } from "../Flex";
+import { Text } from "../Text";
+export var isArrayOfStrings = function isArrayOfStrings(images) {
+  return _toConsumableArray(images).every(function (src) {
+    return typeof src === "string";
+  });
+};
+
+/**
+ * `TriptychCard` is a card with a layout one square image on the left,
+ * one tall or two square images on the right, and text for title and subtitle
+ * at the bottom.
+ */
+
+export var TriptychCard = function TriptychCard(_ref) {
+  var images = _ref.images,
+    title = _ref.title,
+    subtitle = _ref.subtitle,
+    status = _ref.status,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var imgs = (isArrayOfStrings(images) ? images.map(function (src) {
+    return {
+      src: src
+    };
+  }) : images).slice(0, 3);
+  return /*#__PURE__*/React.createElement(Box, rest, /*#__PURE__*/React.createElement(ResponsiveBox, {
+    aspectWidth: 3,
+    aspectHeight: 2,
+    maxWidth: "100%",
+    mb: 1
+  }, /*#__PURE__*/React.createElement(Flex, {
+    flexDirection: "row",
+    width: "100%",
+    height: "100%"
+  }, function () {
+    switch (imgs.length) {
+      case 1:
+        return /*#__PURE__*/React.createElement(ResponsiveBox, {
+          aspectWidth: 3,
+          aspectHeight: 2,
+          maxWidth: "100%",
+          bg: "mono10",
+          borderRight: "1px solid",
+          borderColor: "mono0"
+        }, /*#__PURE__*/React.createElement(Image, _extends({
+          alt: "",
+          height: "100%",
+          width: "100%",
+          style: {
+            objectFit: "cover"
+          }
+        }, imgs[0])));
+      case 2:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResponsiveBox, {
+          aspectWidth: 1,
+          aspectHeight: 1,
+          maxWidth: "100%",
+          bg: "mono10",
+          borderRight: "1px solid",
+          borderColor: "mono0"
+        }, /*#__PURE__*/React.createElement(Image, _extends({
+          alt: "",
+          height: "100%",
+          width: "100%",
+          style: {
+            objectFit: "cover"
+          }
+        }, imgs[0]))), /*#__PURE__*/React.createElement(Flex, {
+          width: "33.33%",
+          flexShrink: 0
+        }, /*#__PURE__*/React.createElement(ResponsiveBox, {
+          aspectWidth: 1,
+          aspectHeight: 2,
+          maxWidth: "100%",
+          bg: "mono10",
+          borderLeft: "1px solid",
+          borderColor: "mono0"
+        }, /*#__PURE__*/React.createElement(Image, _extends({
+          alt: "",
+          height: "100%",
+          width: "100%",
+          style: {
+            objectFit: "cover"
+          }
+        }, imgs[1])))));
+      case 3:
+        return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ResponsiveBox, {
+          aspectWidth: 1,
+          aspectHeight: 1,
+          maxWidth: "100%",
+          bg: "mono10",
+          borderRight: "1px solid",
+          borderColor: "mono0"
+        }, /*#__PURE__*/React.createElement(Image, _extends({
+          alt: "",
+          height: "100%",
+          width: "100%",
+          style: {
+            objectFit: "cover"
+          }
+        }, imgs[0]))), /*#__PURE__*/React.createElement(Flex, {
+          width: "33.33%",
+          flexShrink: 0,
+          flexDirection: "column"
+        }, /*#__PURE__*/React.createElement(ResponsiveBox, {
+          aspectWidth: 1,
+          aspectHeight: 1,
+          maxWidth: "100%",
+          bg: "mono10",
+          borderLeft: "1px solid",
+          borderBottom: "1px solid",
+          borderColor: "mono0"
+        }, /*#__PURE__*/React.createElement(Image, _extends({
+          alt: "",
+          height: "100%",
+          width: "100%",
+          style: {
+            objectFit: "cover"
+          }
+        }, imgs[1]))), /*#__PURE__*/React.createElement(ResponsiveBox, {
+          aspectWidth: 1,
+          aspectHeight: 1,
+          maxWidth: "100%",
+          bg: "mono10",
+          borderLeft: "1px solid",
+          borderTop: "1px solid",
+          borderColor: "mono0"
+        }, /*#__PURE__*/React.createElement(Image, _extends({
+          alt: "",
+          height: "100%",
+          width: "100%",
+          style: {
+            objectFit: "cover"
+          }
+        }, imgs[2])))));
+    }
+  }())), status && /*#__PURE__*/React.createElement(Text, {
+    variant: "xs"
+  }, status), /*#__PURE__*/React.createElement(Text, {
+    variant: "sm-display"
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text, {
+    variant: "sm-display",
+    color: "mono60"
+  }, subtitle));
+};
+TriptychCard.displayName = "TriptychCard";
+//# sourceMappingURL=TriptychCard.js.map

package/dist/esm/elements/Cards/TriptychCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TriptychCard.js","names":["React","Image","Box","ResponsiveBox","Flex","Text","isArrayOfStrings","images","_toConsumableArray","every","src","TriptychCard","_ref","title","subtitle","status","rest","_objectWithoutProperties","_excluded","imgs","map","slice","createElement","aspectWidth","aspectHeight","maxWidth","mb","flexDirection","width","height","length","bg","borderRight","borderColor","_extends","alt","style","objectFit","Fragment","flexShrink","borderLeft","borderBottom","borderTop","variant","color","displayName"],"sources":["../../../../src/elements/Cards/TriptychCard.tsx"],"sourcesContent":["import React from \"react\"\nimport { Image, ImageProps } from \"../Image\"\nimport { Box, BoxProps } from \"../Box\"\nimport { ResponsiveBox } from \"../ResponsiveBox\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype Images = ImageProps[] | string[]\n\nexport interface TriptychCardProps extends BoxProps {\n  /** 1, 2, or 3 images */\n  images: Images\n  title?: string | null\n  subtitle?: string | null\n  status?: string | null\n}\n\nexport const isArrayOfStrings = (images: Images): images is string[] =>\n  [...images].every((src) => typeof src === \"string\")\n\n/**\n * `TriptychCard` is a card with a layout one square image on the left,\n * one tall or two square images on the right, and text for title and subtitle\n * at the bottom.\n */\n\nexport const TriptychCard: React.FC<\n  React.PropsWithChildren<TriptychCardProps>\n> = ({ images, title, subtitle, status, ...rest }) => {\n  const imgs: ImageProps[] = (isArrayOfStrings(images)\n    ? images.map((src) => ({ src }))\n    : images\n  ).slice(0, 3)\n\n  return (\n    <Box {...rest}>\n      <ResponsiveBox aspectWidth={3} aspectHeight={2} maxWidth=\"100%\" mb={1}>\n        <Flex flexDirection=\"row\" width=\"100%\" height=\"100%\">\n          {(() => {\n            switch (imgs.length) {\n              case 1:\n                return (\n                  <ResponsiveBox\n                    aspectWidth={3}\n                    aspectHeight={2}\n                    maxWidth=\"100%\"\n                    bg=\"mono10\"\n                    borderRight=\"1px solid\"\n                    borderColor=\"mono0\"\n                  >\n                    <Image\n                      alt=\"\"\n                      height=\"100%\"\n                      width=\"100%\"\n                      style={{ objectFit: \"cover\" }}\n                      {...imgs[0]}\n                    />\n                  </ResponsiveBox>\n                )\n\n              case 2:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"mono10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"mono0\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0}>\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={2}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n              case 3:\n                return (\n                  <>\n                    <ResponsiveBox\n                      aspectWidth={1}\n                      aspectHeight={1}\n                      maxWidth=\"100%\"\n                      bg=\"mono10\"\n                      borderRight=\"1px solid\"\n                      borderColor=\"mono0\"\n                    >\n                      <Image\n                        alt=\"\"\n                        height=\"100%\"\n                        width=\"100%\"\n                        style={{ objectFit: \"cover\" }}\n                        {...imgs[0]}\n                      />\n                    </ResponsiveBox>\n\n                    <Flex width=\"33.33%\" flexShrink={0} flexDirection=\"column\">\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderBottom=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[1]}\n                        />\n                      </ResponsiveBox>\n\n                      <ResponsiveBox\n                        aspectWidth={1}\n                        aspectHeight={1}\n                        maxWidth=\"100%\"\n                        bg=\"mono10\"\n                        borderLeft=\"1px solid\"\n                        borderTop=\"1px solid\"\n                        borderColor=\"mono0\"\n                      >\n                        <Image\n                          alt=\"\"\n                          height=\"100%\"\n                          width=\"100%\"\n                          style={{ objectFit: \"cover\" }}\n                          {...imgs[2]}\n                        />\n                      </ResponsiveBox>\n                    </Flex>\n                  </>\n                )\n            }\n          })()}\n        </Flex>\n      </ResponsiveBox>\n\n      {status && <Text variant=\"xs\">{status}</Text>}\n\n      <Text variant=\"sm-display\">{title}</Text>\n\n      {subtitle && (\n        <Text variant=\"sm-display\" color=\"mono60\">\n          {subtitle}\n        </Text>\n      )}\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/dist/esm/elements/Cards/index.js

@@ -0,0 +1,3 @@
+export * from "./TriptychCard";
+export * from "./Card";
+//# sourceMappingURL=index.js.map

package/dist/esm/elements/Cards/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":[],"sources":["../../../../src/elements/Cards/index.tsx"],"sourcesContent":["export * from \"./TriptychCard\"\nexport * from \"./Card\"\n"],"mappings":"AAAA;AACA"}

package/dist/esm/elements/Carousel/Carousel.js

@@ -0,0 +1,219 @@
+var _excluded = ["initialIndex", "children", "Previous", "Next", "Rail", "Cell", "paginateBy", "onChange", "onPageCountChange"];
+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); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { Children, createRef, isValidElement, useEffect, useMemo, useRef, useState } from "react";
+import styled from "styled-components";
+import { system } from "styled-system";
+import { useCursor } from "use-cursor";
+import ChevronLeftIcon from "@artsy/icons/ChevronLeftIcon";
+import ChevronRightIcon from "@artsy/icons/ChevronRightIcon";
+import { useUpdateEffect } from "../../utils/useUpdateEffect";
+import { Box } from "../Box";
+import { Skip } from "../Skip";
+import { VisuallyHidden } from "../VisuallyHidden";
+import { CarouselNext, CarouselPrevious } from "./CarouselNavigation";
+import { paginateCarousel } from "./paginate";
+var RAIL_TRANSITION_MS = 500;
+var transition = system({
+  transition: true
+});
+
+/** CarouselRailProps */
+
+/** A `CarouselRail` slides back and forth within the viewport */
+export var CarouselRail = styled(Box).withConfig({
+  displayName: "Carousel__CarouselRail",
+  componentId: "sc-k6g4b4-0"
+})(["height:100%;margin:0;padding:0;list-style:none;white-space:nowrap;", ""], transition);
+CarouselRail.defaultProps = {
+  as: "ul",
+  display: "flex",
+  transition: "transform ".concat(RAIL_TRANSITION_MS, "ms")
+};
+
+/** CarouselCellProps */
+
+/** A `CarouselCell` wraps a single child in the carousel */
+export var CarouselCell = styled(Box).withConfig({
+  displayName: "Carousel__CarouselCell",
+  componentId: "sc-k6g4b4-1"
+})(["white-space:normal;"]);
+CarouselCell.defaultProps = {
+  as: "li"
+};
+
+/**
+ * We share this spacing value with the `Swiper` component
+ */
+export var CELL_GAP_PADDING_AMOUNT = [1, 2];
+var Container = styled(Box).withConfig({
+  displayName: "Carousel__Container",
+  componentId: "sc-k6g4b4-2"
+})(["position:relative;width:100%;"]);
+var Viewport = styled(Box).withConfig({
+  displayName: "Carousel__Viewport",
+  componentId: "sc-k6g4b4-3"
+})(["width:100%;overflow:hidden;"]);
+/**
+ * A `Carousel` accepts children or a series of children that are JSX elements.
+ * It presents them in a horizontal rail and when the width exceeds the width
+ * of the viewport, it presents navigation arrows and allows a user to page
+ * through them.
+ */
+export var Carousel = function Carousel(_ref) {
+  var _ref$initialIndex = _ref.initialIndex,
+    initialIndex = _ref$initialIndex === void 0 ? 0 : _ref$initialIndex,
+    children = _ref.children,
+    _ref$Previous = _ref.Previous,
+    Previous = _ref$Previous === void 0 ? CarouselPrevious : _ref$Previous,
+    _ref$Next = _ref.Next,
+    Next = _ref$Next === void 0 ? CarouselNext : _ref$Next,
+    _ref$Rail = _ref.Rail,
+    Rail = _ref$Rail === void 0 ? CarouselRail : _ref$Rail,
+    _ref$Cell = _ref.Cell,
+    Cell = _ref$Cell === void 0 ? CarouselCell : _ref$Cell,
+    _ref$paginateBy = _ref.paginateBy,
+    paginateBy = _ref$paginateBy === void 0 ? "page" : _ref$paginateBy,
+    onChange = _ref.onChange,
+    onPageCountChange = _ref.onPageCountChange,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var containerRef = useRef(null);
+  var viewportRef = useRef(null);
+  var startRef = useRef(null);
+  var endRef = useRef(null);
+  var cells = useMemo(function () {
+    return Children.toArray(children).filter(isValidElement).map(function (child) {
+      return {
+        child: child,
+        ref: /*#__PURE__*/createRef()
+      };
+    });
+  }, [children]);
+  var _useState = useState([0]),
+    _useState2 = _slicedToArray(_useState, 2),
+    pages = _useState2[0],
+    setPages = _useState2[1];
+  var _useCursor = useCursor({
+      initialCursor: initialIndex,
+      max: pages.length
+    }),
+    index = _useCursor.index,
+    handleNext = _useCursor.handleNext,
+    handlePrev = _useCursor.handlePrev,
+    setCursor = _useCursor.setCursor;
+  var init = function init() {
+    var viewport = viewportRef.current;
+    var values = cells.map(function (_ref2) {
+      var ref = _ref2.ref;
+      return ref.current.clientWidth;
+    });
+    setPages(paginateCarousel({
+      viewport: viewport.clientWidth,
+      values: values,
+      paginateBy: paginateBy
+    }));
+  };
+  useEffect(function () {
+    init();
+    window.addEventListener("resize", init);
+    return function () {
+      window.removeEventListener("resize", init);
+    };
+  }, [cells]);
+  var skipToEnd = function skipToEnd() {
+    if (!endRef.current) return;
+    endRef.current.focus();
+    setCursor(pages.length - 1);
+  };
+  var skipToStart = function skipToStart() {
+    if (!startRef.current) return;
+    startRef.current.focus();
+    setCursor(0);
+  };
+  var handleKeydown = function handleKeydown(_ref3) {
+    var key = _ref3.key;
+    if (!containerRef.current) return;
+
+    // Only triggers keyboard navigation if component is in focus
+    if (!containerRef.current.contains(document.activeElement)) {
+      return;
+    }
+    switch (key) {
+      case "ArrowRight":
+        handleNext();
+        break;
+      case "ArrowLeft":
+        handlePrev();
+        break;
+      default:
+        break;
+    }
+  };
+  useEffect(function () {
+    document.addEventListener("keydown", handleKeydown);
+    return function () {
+      return document.removeEventListener("keydown", handleKeydown);
+    };
+  }, [handleKeydown]);
+  useUpdateEffect(function () {
+    onChange && onChange(index);
+  }, [onChange, index]);
+  useUpdateEffect(function () {
+    onPageCountChange && onPageCountChange(pages.length);
+  }, [onPageCountChange, pages.length]);
+  var offset = "-".concat(pages[index], "px");
+  return /*#__PURE__*/React.createElement(Container, _extends({
+    ref: containerRef
+  }, rest), /*#__PURE__*/React.createElement(Skip, {
+    ref: startRef,
+    onClick: skipToEnd,
+    width: "100%",
+    mb: 1
+  }, "Skip to end of content"), /*#__PURE__*/React.createElement("nav", null, /*#__PURE__*/React.createElement(Previous, {
+    onClick: handlePrev,
+    disabled: index === 0,
+    "aria-label": "Previous page"
+  }, /*#__PURE__*/React.createElement(ChevronLeftIcon, {
+    width: 15,
+    height: 15
+  })), /*#__PURE__*/React.createElement(Next, {
+    onClick: handleNext,
+    disabled: index === pages.length - 1,
+    "aria-label": "Next page"
+  }, /*#__PURE__*/React.createElement(ChevronRightIcon, {
+    width: 15,
+    height: 15
+  }))), /*#__PURE__*/React.createElement(Viewport, {
+    ref: viewportRef
+  }, /*#__PURE__*/React.createElement(Rail, {
+    style: {
+      transform: "translateX(".concat(offset, ")")
+    }
+  }, cells.map(function (_ref4, i) {
+    var child = _ref4.child,
+      ref = _ref4.ref;
+    var isLast = i === cells.length - 1;
+    return /*#__PURE__*/React.createElement(Cell, {
+      key: i,
+      ref: ref,
+      pr: !isLast && CELL_GAP_PADDING_AMOUNT
+    }, child);
+  }))), /*#__PURE__*/React.createElement(Skip, {
+    ref: endRef,
+    onClick: skipToStart,
+    width: "100%",
+    mt: 1
+  }, "Skip to beginning of content"), /*#__PURE__*/React.createElement(VisuallyHidden, {
+    "aria-live": "polite",
+    "aria-atomic": "true"
+  }, "Page ", index + 1, " of ", pages.length));
+};
+Carousel.displayName = "Carousel";
+//# sourceMappingURL=Carousel.js.map

package/dist/esm/elements/Carousel/Carousel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.js","names":["React","Children","createRef","isValidElement","useEffect","useMemo","useRef","useState","styled","system","useCursor","ChevronLeftIcon","ChevronRightIcon","useUpdateEffect","Box","Skip","VisuallyHidden","CarouselNext","CarouselPrevious","paginateCarousel","RAIL_TRANSITION_MS","transition","CarouselRail","withConfig","displayName","componentId","defaultProps","as","display","concat","CarouselCell","CELL_GAP_PADDING_AMOUNT","Container","Viewport","Carousel","_ref","_ref$initialIndex","initialIndex","children","_ref$Previous","Previous","_ref$Next","Next","_ref$Rail","Rail","_ref$Cell","Cell","_ref$paginateBy","paginateBy","onChange","onPageCountChange","rest","_objectWithoutProperties","_excluded","containerRef","viewportRef","startRef","endRef","cells","toArray","filter","map","child","ref","_useState","_useState2","_slicedToArray","pages","setPages","_useCursor","initialCursor","max","length","index","handleNext","handlePrev","setCursor","init","viewport","current","values","_ref2","clientWidth","window","addEventListener","removeEventListener","skipToEnd","focus","skipToStart","handleKeydown","_ref3","key","contains","document","activeElement","offset","createElement","_extends","onClick","width","mb","disabled","height","style","transform","_ref4","i","isLast","pr","mt"],"sources":["../../../../src/elements/Carousel/Carousel.tsx"],"sourcesContent":["import React, {\n  Children,\n  createRef,\n  isValidElement,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\"\nimport styled from \"styled-components\"\nimport { ResponsiveValue, system } from \"styled-system\"\nimport { useCursor } from \"use-cursor\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { SpacingUnit } from \"../../Theme\"\nimport { useUpdateEffect } from \"../../utils/useUpdateEffect\"\nimport { Box, BoxProps } from \"../Box\"\nimport { Skip } from \"../Skip\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport {\n  CarouselNavigationProps,\n  CarouselNext,\n  CarouselPrevious,\n} from \"./CarouselNavigation\"\nimport { paginateCarousel } from \"./paginate\"\n\nconst RAIL_TRANSITION_MS = 500\n\nconst transition = system({ transition: true })\n\n/** CarouselRailProps */\nexport type CarouselRailProps = BoxProps & {\n  transition?: ResponsiveValue<string>\n}\n\n/** A `CarouselRail` slides back and forth within the viewport */\nexport const CarouselRail = styled(Box)<CarouselRailProps>`\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  list-style: none;\n  white-space: nowrap;\n  ${transition}\n`\n\nCarouselRail.defaultProps = {\n  as: \"ul\",\n  display: \"flex\",\n  transition: `transform ${RAIL_TRANSITION_MS}ms`,\n}\n\n/** CarouselCellProps */\nexport type CarouselCellProps = BoxProps\n\n/** A `CarouselCell` wraps a single child in the carousel */\nexport const CarouselCell = styled(Box)`\n  white-space: normal;\n`\n\nCarouselCell.defaultProps = {\n  as: \"li\",\n}\n\n/**\n * We share this spacing value with the `Swiper` component\n */\nexport const CELL_GAP_PADDING_AMOUNT: SpacingUnit[] = [1, 2]\n\nconst Container = styled(Box)`\n  position: relative;\n  width: 100%;\n`\n\nconst Viewport = styled(Box)`\n  width: 100%;\n  overflow: hidden;\n`\n\nexport interface CarouselProps extends BoxProps {\n  initialIndex?: number\n  children: React.ReactNode\n  Next?: typeof CarouselNext | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n  Previous?: typeof CarouselPrevious | React.FC<React.PropsWithChildren<CarouselNavigationProps>>\n  Rail?: typeof CarouselRail | React.FC<React.PropsWithChildren<CarouselRailProps>>\n  /**\n   * If providing a custom `Cell` you must forward a ref so\n   * that cell widths can be calculated.\n   */\n  Cell?: React.ForwardRefExoticComponent<CarouselCellProps>\n  paginateBy?: \"page\" | \"cell\"\n  onChange?(index: number): void\n  onPageCountChange?(count: number): void\n}\n\n/**\n * A `Carousel` accepts children or a series of children that are JSX elements.\n * It presents them in a horizontal rail and when the width exceeds the width\n * of the viewport, it presents navigation arrows and allows a user to page\n * through them.\n */\nexport const Carousel: React.FC<React.PropsWithChildren<CarouselProps>> = ({\n  initialIndex = 0,\n  children,\n  Previous = CarouselPrevious,\n  Next = CarouselNext,\n  Rail = CarouselRail,\n  Cell = CarouselCell,\n  paginateBy = \"page\",\n  onChange,\n  onPageCountChange,\n  ...rest\n}) => {\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  const viewportRef = useRef<HTMLDivElement | null>(null)\n  const startRef = useRef<HTMLButtonElement | null>(null)\n  const endRef = useRef<HTMLButtonElement | null>(null)\n\n  const cells = useMemo(\n    () =>\n      Children.toArray(children)\n        .filter(isValidElement)\n        .map((child) => ({ child, ref: createRef<HTMLDivElement>() })),\n    [children]\n  )\n\n  const [pages, setPages] = useState([0])\n\n  const { index, handleNext, handlePrev, setCursor } = useCursor({\n    initialCursor: initialIndex,\n    max: pages.length,\n  })\n\n  const init = () => {\n    const { current: viewport } = viewportRef\n    const values = cells.map(({ ref }) => ref.current!.clientWidth)\n\n    setPages(\n      paginateCarousel({\n        viewport: viewport!.clientWidth,\n        values,\n        paginateBy,\n      })\n    )\n  }\n\n  useEffect(() => {\n    init()\n    window.addEventListener(\"resize\", init)\n    return () => {\n      window.removeEventListener(\"resize\", init)\n    }\n  }, [cells])\n\n  const skipToEnd = () => {\n    if (!endRef.current) return\n    endRef.current.focus()\n    setCursor(pages.length - 1)\n  }\n\n  const skipToStart = () => {\n    if (!startRef.current) return\n    startRef.current.focus()\n    setCursor(0)\n  }\n\n  const handleKeydown = ({ key }: KeyboardEvent) => {\n    if (!containerRef.current) return\n\n    // Only triggers keyboard navigation if component is in focus\n    if (!containerRef.current.contains(document.activeElement)) {\n      return\n    }\n\n    switch (key) {\n      case \"ArrowRight\":\n        handleNext()\n        break\n      case \"ArrowLeft\":\n        handlePrev()\n        break\n      default:\n        break\n    }\n  }\n\n  useEffect(() => {\n    document.addEventListener(\"keydown\", handleKeydown)\n    return () => document.removeEventListener(\"keydown\", handleKeydown)\n  }, [handleKeydown])\n\n  useUpdateEffect(() => {\n    onChange && onChange(index)\n  }, [onChange, index])\n\n  useUpdateEffect(() => {\n    onPageCountChange && onPageCountChange(pages.length)\n  }, [onPageCountChange, pages.length])\n\n  const offset = `-${pages[index]}px`\n\n  return (\n    <Container ref={containerRef as any} {...rest}>\n      <Skip ref={startRef} onClick={skipToEnd} width=\"100%\" mb={1}>\n        Skip to end of content\n      </Skip>\n\n      <nav>\n        <Previous\n          onClick={handlePrev}\n          disabled={index === 0}\n          aria-label=\"Previous page\"\n        >\n          <ChevronLeftIcon width={15} height={15} />\n        </Previous>\n\n        <Next\n          onClick={handleNext}\n          disabled={index === pages.length - 1}\n          aria-label=\"Next page\"\n        >\n          <ChevronRightIcon width={15} height={15} />\n        </Next>\n      </nav>\n\n      <Viewport ref={viewportRef as any}>\n        <Rail style={{ transform: `translateX(${offset})` }}>\n          {cells.map(({ child, ref }, i) => {\n            const isLast = i === cells.length - 1\n\n            return (\n              <Cell\n                key={i}\n                ref={ref}\n                pr={!isLast && (CELL_GAP_PADDING_AMOUNT as any)}\n              >\n                {child}\n              </Cell>\n            )\n          })}\n        </Rail>\n      </Viewport>\n\n      <Skip ref={endRef} onClick={skipToStart} width=\"100%\" mt={1}>\n        Skip to beginning of content\n      </Skip>\n\n      <VisuallyHidden aria-live=\"polite\" aria-atomic=\"true\">\n        Page {index + 1} of {pages.length}\n      </VisuallyHidden>\n    </Container>\n  )\n}\n"],"mappings":"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"}