@artsy/palette 38.7.2 → 38.8.0

package/dist/elements/Pagination/Pagination.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+import React, { FC } from "react";
 import { FlexProps } from "../Flex";
 import { BoxProps } from "../Box";
 interface PageCursor {
@@ -26,7 +26,8 @@ export declare const Pagination: React.FC<PaginationProps>;
 export interface NextPrevButtonProps extends BoxProps {
     disabled: boolean;
     getHref?: (page: number) => string;
-    onClick: (event: React.MouseEvent) => void;
+    onClick?: (event: React.MouseEvent) => void;
     page?: number;
 }
+export declare const PaginationSkeleton: FC;
 export {};

package/dist/elements/Pagination/Pagination.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Pagination = exports.PageLink = void 0;
+exports.PaginationSkeleton = exports.Pagination = exports.PageLink = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _ChevronLeftIcon = _interopRequireDefault(require("@artsy/icons/ChevronLeftIcon"));
 var _ChevronRightIcon = _interopRequireDefault(require("@artsy/icons/ChevronRightIcon"));
@@ -11,6 +11,7 @@ var _Flex = require("../Flex");
 var _Text = require("../Text");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Box = require("../Box");
+var _Skeleton = require("../Skeleton");
 var _excluded = ["getHref", "hasNextPage", "onClick", "onNext", "pageCursors"],
   _excluded2 = ["getHref", "onClick", "pageCursor"],
   _excluded3 = ["disabled", "getHref", "onClick", "page", "children"];
@@ -44,15 +45,7 @@ var Pagination = function Pagination(_ref) {
     onNext && onNext(event, nextPage);
   };
   var nextPage = ((previous === null || previous === void 0 ? void 0 : previous.page) || 0) + 2;
-  return /*#__PURE__*/_react.default.createElement(_Text.Text, _extends({
-    as: "nav",
-    "aria-label": "Pagination",
-    display: "flex",
-    variant: "sm",
-    lineHeight: 1,
-    alignItems: "center",
-    justifyContent: "space-between"
-  }, rest), /*#__PURE__*/_react.default.createElement(NextPrevButton, {
+  return /*#__PURE__*/_react.default.createElement(PaginationContainer, rest, /*#__PURE__*/_react.default.createElement(NextPrevButton, {
     "data-testid": "prev",
     "aria-label": "Previous",
     getHref: getHref,
@@ -161,4 +154,37 @@ var NextPrevButton = function NextPrevButton(_ref3) {
   }, rest), children);
 };
 NextPrevButton.displayName = "NextPrevButton";
+var PaginationContainer = (0, _styledComponents.default)(_Text.Text).attrs({
+  as: "nav",
+  "aria-label": "Pagination",
+  variant: "sm"
+}).withConfig({
+  displayName: "Pagination__PaginationContainer",
+  componentId: "sc-1r2jw01-1"
+})(["display:flex;align-items:center;justify-content:space-between;line-height:1;"]);
+var PaginationSkeleton = function PaginationSkeleton() {
+  return /*#__PURE__*/_react.default.createElement(PaginationContainer, {
+    "aria-hidden": true
+  }, /*#__PURE__*/_react.default.createElement(NextPrevButton, {
+    disabled: true,
+    pr: 0.5
+  }, /*#__PURE__*/_react.default.createElement(_ChevronLeftIcon.default, {
+    mr: 0.5,
+    height: 12,
+    width: 12
+  }), /*#__PURE__*/_react.default.createElement("span", null, "Prev")), /*#__PURE__*/_react.default.createElement(_Skeleton.SkeletonBox, {
+    width: 100
+  }, /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    opacity: 0
+  }, "0")), /*#__PURE__*/_react.default.createElement(NextPrevButton, {
+    disabled: true,
+    pl: 0.5
+  }, /*#__PURE__*/_react.default.createElement("span", null, "Next"), /*#__PURE__*/_react.default.createElement(_ChevronRightIcon.default, {
+    ml: 0.5,
+    height: 12,
+    width: 12
+  })));
+};
+exports.PaginationSkeleton = PaginationSkeleton;
+PaginationSkeleton.displayName = "PaginationSkeleton";
 //# sourceMappingURL=Pagination.js.map

package/dist/elements/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["_react","_interopRequireDefault","require","_ChevronLeftIcon","_ChevronRightIcon","_Flex","_Text","_styledComponents","_Box","_excluded","_excluded2","_excluded3","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","PageLink","styled","a","withConfig","displayName","componentId","boxMixin","exports","Pagination","_ref","getHref","hasNextPage","onClick","onNext","_ref$pageCursors","pageCursors","around","first","last","previous","rest","handlePrevClick","event","cursor","page","handleNextClick","nextPage","createElement","Text","as","display","variant","lineHeight","alignItems","justifyContent","NextPrevButton","disabled","pr","mr","height","width","Flex","Fragment","Page","pageCursor","p","color","map","pl","ml","_ref2","_ref2$pageCursor","isCurrent","handleClick","href","borderRadius","_ref3","children","py","style","opacity","pointerEvents"],"sources":["../../../src/elements/Pagination/Pagination.tsx"],"sourcesContent":["import React from \"react\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport styled from \"styled-components\"\nimport { boxMixin, BoxProps } from \"../Box\"\n\ninterface PageCursor {\n  cursor: string\n  isCurrent: boolean\n  page: number\n}\n\nexport interface PageCursors {\n  around: PageCursor[]\n  first: PageCursor\n  last: PageCursor\n  previous: PageCursor\n}\n\nexport const PageLink = styled.a<BoxProps>`\n  text-decoration: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ${boxMixin}\n`\n\nexport interface PaginationProps extends FlexProps {\n  getHref?: (page: number) => string\n  hasNextPage: boolean\n  onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n  onNext?: (event: React.MouseEvent, page: number) => void\n  pageCursors: PageCursors\n  scrollTo?: string\n}\n\n/** Pagination */\nexport const Pagination: React.FC<PaginationProps> = ({\n  getHref,\n  hasNextPage,\n  onClick,\n  onNext,\n  pageCursors: { around, first, last, previous },\n  ...rest\n}) => {\n  const handlePrevClick = (event: React.MouseEvent) => {\n    if (previous) {\n      onClick && onClick(previous.cursor, previous.page, event)\n    }\n  }\n\n  const handleNextClick = (event: React.MouseEvent) => {\n    onNext && onNext(event, nextPage)\n  }\n\n  const nextPage = (previous?.page || 0) + 2\n\n  return (\n    <Text\n      as=\"nav\"\n      aria-label=\"Pagination\"\n      display=\"flex\"\n      variant=\"sm\"\n      lineHeight={1}\n      alignItems=\"center\"\n      justifyContent=\"space-between\"\n      {...rest}\n    >\n      <NextPrevButton\n        data-testid=\"prev\"\n        aria-label=\"Previous\"\n        getHref={getHref}\n        onClick={handlePrevClick}\n        page={previous?.page}\n        disabled={!previous}\n        pr={0.5}\n      >\n        <ChevronLeftIcon mr={0.5} height={12} width={12} />\n\n        <span>Prev</span>\n      </NextPrevButton>\n\n      <Flex>\n        {first && (\n          <>\n            <Page onClick={onClick} pageCursor={first} getHref={getHref} />\n            <Flex alignItems=\"center\" p={0.5} color=\"black60\">\n              …\n            </Flex>\n          </>\n        )}\n\n        {around.map((pageCursor) => {\n          return (\n            <Page\n              getHref={getHref}\n              key={pageCursor.page}\n              onClick={onClick}\n              pageCursor={pageCursor}\n            />\n          )\n        })}\n\n        {last && (\n          <>\n            <Flex alignItems=\"center\" p={0.5} color=\"black60\">\n              …\n            </Flex>\n\n            <Page onClick={onClick} pageCursor={last} getHref={getHref} />\n          </>\n        )}\n      </Flex>\n\n      <NextPrevButton\n        data-testid=\"next\"\n        getHref={getHref}\n        onClick={handleNextClick}\n        page={nextPage}\n        disabled={!hasNextPage}\n        pl={0.5}\n      >\n        <span>Next</span>\n\n        <ChevronRightIcon ml={0.5} height={12} width={12} />\n      </NextPrevButton>\n    </Text>\n  )\n}\n\ninterface PageProps extends BoxProps {\n  getHref?: (page: number) => string\n  onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n  pageCursor: PageCursor\n}\n\nconst Page: React.FC<PageProps> = ({\n  getHref,\n  onClick,\n  pageCursor: { cursor, isCurrent, page },\n  ...rest\n}) => {\n  const handleClick = (\n    event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n  ) => {\n    onClick && onClick(cursor, page, event)\n  }\n\n  const href = page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n  return (\n    <PageLink\n      href={href}\n      onClick={handleClick}\n      borderRadius={2}\n      display=\"flex\"\n      alignItems=\"center\"\n      p={0.5}\n      {...(isCurrent\n        ? { color: \"black100\", \"aria-current\": \"page\" }\n        : { color: \"black60\" })}\n      {...rest}\n    >\n      {page}\n    </PageLink>\n  )\n}\n\nexport interface NextPrevButtonProps extends BoxProps {\n  disabled: boolean\n  getHref?: (page: number) => string\n  onClick: (event: React.MouseEvent) => void\n  page?: number\n}\n\nconst NextPrevButton: React.FC<NextPrevButtonProps> = ({\n  disabled,\n  getHref,\n  onClick,\n  page,\n  children,\n  ...rest\n}) => {\n  const href =\n    !disabled && page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n  if (disabled) {\n    return (\n      <Flex\n        display=\"flex\"\n        alignItems=\"center\"\n        color=\"black30\"\n        py={0.5}\n        {...rest}\n      >\n        {children}\n      </Flex>\n    )\n  }\n\n  return (\n    <PageLink\n      href={href}\n      onClick={onClick}\n      display=\"flex\"\n      alignItems=\"center\"\n      py={0.5}\n      style={\n        !disabled\n          ? {\n              opacity: 1,\n              pointerEvents: \"inherit\",\n            }\n          : {\n              opacity: 0.1,\n              pointerEvents: \"none\",\n            }\n      }\n      {...rest}\n    >\n      {children}\n    </PageLink>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["_react","_interopRequireDefault","require","_ChevronLeftIcon","_ChevronRightIcon","_Flex","_Text","_styledComponents","_Box","_Skeleton","_excluded","_excluded2","_excluded3","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","PageLink","styled","a","withConfig","displayName","componentId","boxMixin","exports","Pagination","_ref","getHref","hasNextPage","onClick","onNext","_ref$pageCursors","pageCursors","around","first","last","previous","rest","handlePrevClick","event","cursor","page","handleNextClick","nextPage","createElement","PaginationContainer","NextPrevButton","disabled","pr","mr","height","width","Flex","Fragment","Page","pageCursor","alignItems","p","color","map","pl","ml","_ref2","_ref2$pageCursor","isCurrent","handleClick","href","borderRadius","display","_ref3","children","py","style","opacity","pointerEvents","Text","attrs","as","variant","PaginationSkeleton","SkeletonBox","Box"],"sources":["../../../src/elements/Pagination/Pagination.tsx"],"sourcesContent":["import React, { FC } from \"react\"\nimport ChevronLeftIcon from \"@artsy/icons/ChevronLeftIcon\"\nimport ChevronRightIcon from \"@artsy/icons/ChevronRightIcon\"\nimport { Flex, FlexProps } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport styled from \"styled-components\"\nimport { Box, boxMixin, BoxProps } from \"../Box\"\nimport { SkeletonBox } from \"../Skeleton\"\n\ninterface PageCursor {\n  cursor: string\n  isCurrent: boolean\n  page: number\n}\n\nexport interface PageCursors {\n  around: PageCursor[]\n  first: PageCursor\n  last: PageCursor\n  previous: PageCursor\n}\n\nexport const PageLink = styled.a<BoxProps>`\n  text-decoration: none;\n  &:hover {\n    text-decoration: underline;\n  }\n  ${boxMixin}\n`\n\nexport interface PaginationProps extends FlexProps {\n  getHref?: (page: number) => string\n  hasNextPage: boolean\n  onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n  onNext?: (event: React.MouseEvent, page: number) => void\n  pageCursors: PageCursors\n  scrollTo?: string\n}\n\n/** Pagination */\nexport const Pagination: React.FC<PaginationProps> = ({\n  getHref,\n  hasNextPage,\n  onClick,\n  onNext,\n  pageCursors: { around, first, last, previous },\n  ...rest\n}) => {\n  const handlePrevClick = (event: React.MouseEvent) => {\n    if (previous) {\n      onClick && onClick(previous.cursor, previous.page, event)\n    }\n  }\n\n  const handleNextClick = (event: React.MouseEvent) => {\n    onNext && onNext(event, nextPage)\n  }\n\n  const nextPage = (previous?.page || 0) + 2\n\n  return (\n    <PaginationContainer {...rest}>\n      <NextPrevButton\n        data-testid=\"prev\"\n        aria-label=\"Previous\"\n        getHref={getHref}\n        onClick={handlePrevClick}\n        page={previous?.page}\n        disabled={!previous}\n        pr={0.5}\n      >\n        <ChevronLeftIcon mr={0.5} height={12} width={12} />\n\n        <span>Prev</span>\n      </NextPrevButton>\n\n      <Flex>\n        {first && (\n          <>\n            <Page onClick={onClick} pageCursor={first} getHref={getHref} />\n            <Flex alignItems=\"center\" p={0.5} color=\"black60\">\n              …\n            </Flex>\n          </>\n        )}\n\n        {around.map((pageCursor) => {\n          return (\n            <Page\n              getHref={getHref}\n              key={pageCursor.page}\n              onClick={onClick}\n              pageCursor={pageCursor}\n            />\n          )\n        })}\n\n        {last && (\n          <>\n            <Flex alignItems=\"center\" p={0.5} color=\"black60\">\n              …\n            </Flex>\n\n            <Page onClick={onClick} pageCursor={last} getHref={getHref} />\n          </>\n        )}\n      </Flex>\n\n      <NextPrevButton\n        data-testid=\"next\"\n        getHref={getHref}\n        onClick={handleNextClick}\n        page={nextPage}\n        disabled={!hasNextPage}\n        pl={0.5}\n      >\n        <span>Next</span>\n\n        <ChevronRightIcon ml={0.5} height={12} width={12} />\n      </NextPrevButton>\n    </PaginationContainer>\n  )\n}\n\ninterface PageProps extends BoxProps {\n  getHref?: (page: number) => string\n  onClick?: (cursor: string, page: number, event: React.MouseEvent) => void\n  pageCursor: PageCursor\n}\n\nconst Page: React.FC<PageProps> = ({\n  getHref,\n  onClick,\n  pageCursor: { cursor, isCurrent, page },\n  ...rest\n}) => {\n  const handleClick = (\n    event: React.MouseEvent<HTMLAnchorElement, MouseEvent>\n  ) => {\n    onClick && onClick(cursor, page, event)\n  }\n\n  const href = page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n  return (\n    <PageLink\n      href={href}\n      onClick={handleClick}\n      borderRadius={2}\n      display=\"flex\"\n      alignItems=\"center\"\n      p={0.5}\n      {...(isCurrent\n        ? { color: \"black100\", \"aria-current\": \"page\" }\n        : { color: \"black60\" })}\n      {...rest}\n    >\n      {page}\n    </PageLink>\n  )\n}\n\nexport interface NextPrevButtonProps extends BoxProps {\n  disabled: boolean\n  getHref?: (page: number) => string\n  onClick?: (event: React.MouseEvent) => void\n  page?: number\n}\n\nconst NextPrevButton: React.FC<NextPrevButtonProps> = ({\n  disabled,\n  getHref,\n  onClick,\n  page,\n  children,\n  ...rest\n}) => {\n  const href =\n    !disabled && page && typeof getHref !== \"undefined\" ? getHref(page) : \"\"\n\n  if (disabled) {\n    return (\n      <Flex\n        display=\"flex\"\n        alignItems=\"center\"\n        color=\"black30\"\n        py={0.5}\n        {...rest}\n      >\n        {children}\n      </Flex>\n    )\n  }\n\n  return (\n    <PageLink\n      href={href}\n      onClick={onClick}\n      display=\"flex\"\n      alignItems=\"center\"\n      py={0.5}\n      style={\n        !disabled\n          ? {\n              opacity: 1,\n              pointerEvents: \"inherit\",\n            }\n          : {\n              opacity: 0.1,\n              pointerEvents: \"none\",\n            }\n      }\n      {...rest}\n    >\n      {children}\n    </PageLink>\n  )\n}\n\nconst PaginationContainer = styled(Text).attrs({\n  as: \"nav\",\n  \"aria-label\": \"Pagination\",\n  variant: \"sm\",\n})`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  line-height: 1;\n`\n\nexport const PaginationSkeleton: FC = () => {\n  return (\n    <PaginationContainer aria-hidden>\n      <NextPrevButton disabled pr={0.5}>\n        <ChevronLeftIcon mr={0.5} height={12} width={12} />\n\n        <span>Prev</span>\n      </NextPrevButton>\n\n      <SkeletonBox width={100}>\n        <Box opacity={0}>0</Box>\n      </SkeletonBox>\n\n      <NextPrevButton disabled pl={0.5}>\n        <span>Next</span>\n\n        <ChevronRightIcon ml={0.5} height={12} width={12} />\n      </NextPrevButton>\n    </PaginationContainer>\n  )\n}\n"],"mappings":"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"}

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

@@ -8,3 +8,4 @@ export declare const Default: {
         name: string;
     };
 };
+export declare const Skeleton: () => JSX.Element;

package/dist/elements/Pagination/Pagination.story.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Default = void 0;
+exports.default = exports.Skeleton = exports.Default = void 0;
 var _addonActions = require("@storybook/addon-actions");
 var _react = _interopRequireDefault(require("react"));
 var _storybookStates = require("storybook-states");
@@ -84,4 +84,9 @@ Default.displayName = "Default";
 Default.story = {
   name: "Pagination"
 };
+var Skeleton = function Skeleton() {
+  return /*#__PURE__*/_react.default.createElement(_storybookStates.States, null, /*#__PURE__*/_react.default.createElement(_Pagination.PaginationSkeleton, null));
+};
+exports.Skeleton = Skeleton;
+Skeleton.displayName = "Skeleton";
 //# sourceMappingURL=Pagination.story.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Pagination.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","title","exports","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","Default","createElement","States","states","pageCursors","hasNextPage","Pagination","onClick","event","preventDefault","action","onNext","_len","rest","Array","_key","concat","displayName","story","name"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Pagination, PaginationProps } from \"./Pagination\"\n\nexport default {\n  title: \"Components/Pagination\",\n}\n\nconst EXAMPLE_PAGE_CURSORS = {\n  first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n  last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  around: [\n    { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n    { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n    { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n    { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  ],\n  previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PaginationProps>>\n      states={[\n        {},\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null as any } },\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS }, hasNextPage: false },\n      ]}\n    >\n      <Pagination\n        hasNextPage\n        pageCursors={EXAMPLE_PAGE_CURSORS}\n        onClick={(cursor, page, event) => {\n          event.preventDefault()\n          action(\"onClick\")(cursor, page, event)\n        }}\n        onNext={(event, ...rest) => {\n          event.preventDefault()\n          action(\"onNext\")(event, ...rest)\n        }}\n      />\n    </States>\n  )\n}\n\nDefault.story = {\n  name: \"Pagination\",\n}\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.story.js","names":["_addonActions","require","_react","_interopRequireDefault","_storybookStates","_Pagination","obj","__esModule","default","_typeof","Symbol","iterator","constructor","prototype","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","toPrimitive","undefined","res","call","TypeError","Number","_default","title","exports","EXAMPLE_PAGE_CURSORS","first","page","cursor","isCurrent","last","around","previous","Default","createElement","States","states","pageCursors","hasNextPage","Pagination","onClick","event","preventDefault","action","onNext","_len","rest","Array","_key","concat","displayName","story","name","Skeleton","PaginationSkeleton"],"sources":["../../../src/elements/Pagination/Pagination.story.tsx"],"sourcesContent":["import { action } from \"@storybook/addon-actions\"\nimport React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Pagination, PaginationProps, PaginationSkeleton } from \"./Pagination\"\n\nexport default {\n  title: \"Components/Pagination\",\n}\n\nconst EXAMPLE_PAGE_CURSORS = {\n  first: { page: 1, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n  last: { page: 20, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  around: [\n    { page: 6, cursor: \"Y3Vyc29yMw==\", isCurrent: true },\n    { page: 7, cursor: \"Y3Vyc29yMg==\", isCurrent: false },\n    { page: 8, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n    { page: 9, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n  ],\n  previous: { page: 5, cursor: \"Y3Vyc29yMw==\", isCurrent: false },\n}\n\nexport const Default = () => {\n  return (\n    <States<Partial<PaginationProps>>\n      states={[\n        {},\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS, previous: null as any } },\n        { pageCursors: { ...EXAMPLE_PAGE_CURSORS }, hasNextPage: false },\n      ]}\n    >\n      <Pagination\n        hasNextPage\n        pageCursors={EXAMPLE_PAGE_CURSORS}\n        onClick={(cursor, page, event) => {\n          event.preventDefault()\n          action(\"onClick\")(cursor, page, event)\n        }}\n        onNext={(event, ...rest) => {\n          event.preventDefault()\n          action(\"onNext\")(event, ...rest)\n        }}\n      />\n    </States>\n  )\n}\n\nDefault.story = {\n  name: \"Pagination\",\n}\n\nexport const Skeleton = () => {\n  return (\n    <States>\n      <PaginationSkeleton />\n    </States>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "38.7.2",
+  "version": "38.8.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -182,5 +182,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "bb47b3cda44fe4dc8b33e10136a2ff6d744199df"
+  "gitHead": "795a459c137ca4bd98cfc622d11ec5b2f80b2944"
 }