@atom-learning/components 4.6.0 → 5.0.0

package/dist/components/pagination/PaginationPreviousButton.js

@@ -1,2 +0,0 @@
-import{ChevronLeft as a}from"@atom-learning/icons";import*as e from"react";import{styled as n}from"../../stitches.js";import{ActionIcon as l}from"../action-icon/ActionIcon.js";import{Icon as m}from"../icon/Icon.js";import{usePagination as s}from"./usePagination.js";const p=n(l,{mr:"$1","&:disabled":{opacity:"0.3"}}),c=t=>{const{goToPreviousPage:i,labels:o,previousAvailablePage:r}=s();return e.createElement(p,{hasTooltip:!1,size:"md",theme:"neutral",onClick:i,disabled:!r,...t,label:(o==null?void 0:o.previousPageButtonLabel)||"Previous page"},e.createElement(m,{is:a}))};export{c as PaginationPreviousButton};
-//# sourceMappingURL=PaginationPreviousButton.js.map

package/dist/components/pagination/PaginationPreviousButton.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationPreviousButton.js","sources":["../../../src/components/pagination/PaginationPreviousButton.tsx"],"sourcesContent":["import { ChevronLeft } from '@atom-learning/icons'\nimport * as React from 'react'\n\nimport { styled } from '~/stitches'\n\nimport { ActionIcon } from '../action-icon'\nimport { Icon } from '../icon'\nimport { usePagination } from './usePagination'\n\nconst StyledActionIcon = styled(ActionIcon, {\n  mr: '$1',\n  '&:disabled': {\n    opacity: '0.3'\n  }\n})\n\nexport const PaginationPreviousButton = (\n  props: Partial<React.ComponentProps<typeof StyledActionIcon>>\n) => {\n  const { goToPreviousPage, labels, previousAvailablePage } = usePagination()\n\n  const isDisabled = !previousAvailablePage\n\n  return (\n    <StyledActionIcon\n      hasTooltip={false}\n      size=\"md\"\n      theme=\"neutral\"\n      onClick={goToPreviousPage}\n      disabled={isDisabled}\n      {...props}\n      label={labels?.previousPageButtonLabel || 'Previous page'}\n    >\n      <Icon is={ChevronLeft} />\n    </StyledActionIcon>\n  )\n}\n"],"names":["StyledActionIcon","styled","ActionIcon","PaginationPreviousButton","props","goToPreviousPage","labels","previousAvailablePage","usePagination","React","Icon","ChevronLeft"],"mappings":"0QASA,MAAMA,EAAmBC,EAAOC,EAAY,CAC1C,GAAI,KACJ,aAAc,CACZ,QAAS,KACX,CACF,CAAC,EAEYC,EACXC,GACG,CACH,KAAM,CAAE,iBAAAC,EAAkB,OAAAC,EAAQ,sBAAAC,CAAsB,EAAIC,EAAc,EAI1E,OACEC,EAAA,cAACT,EAAA,CACC,WAAY,GACZ,KAAK,KACL,MAAM,UACN,QAASK,EACT,SARe,CAACE,EASf,GAAGH,EACJ,OAAOE,GAAA,KAAAA,OAAAA,EAAQ,0BAA2B,eAAA,EAE1CG,EAAA,cAACC,EAAA,CAAK,GAAIC,CAAAA,CAAa,CACzB,CAEJ"}

package/dist/components/pagination/index.d.ts

@@ -1 +0,0 @@
-export { Pagination } from './Pagination';

package/dist/components/pagination/pagination-context/PaginationContext.d.ts

@@ -1,4 +0,0 @@
-import * as React from 'react';
-import type { PaginationContextValue, PaginationProviderProps } from '../types';
-export declare const PaginationContext: React.Context<PaginationContextValue>;
-export declare const PaginationProvider: ({ onSelectedPageChange, selectedPage, visibleElementsCount, pagesCount, indicatedPages, disabledPages, onItemHover, labels, children }: React.PropsWithChildren<PaginationProviderProps>) => React.JSX.Element;

package/dist/components/pagination/pagination-context/PaginationContext.js

@@ -1,2 +0,0 @@
-import*as e from"react";import{VisibleElementsAmount as I}from"../pagination.constants.js";import{findPreviousAvailablePage as k,findNextAvailablePage as S,getPaginationElementsToRender as H}from"../pagination.helper.js";const m=e.createContext({goToPage:()=>null,goToPreviousPage:()=>null,goToNextPage:()=>null,currentPage:1,pagesCount:0,onItemHover:()=>null,paginationItems:[],labels:{},indicatedPages:[],disabledPages:[]}),N=({onSelectedPageChange:g,selectedPage:v,visibleElementsCount:C=I.LESS,pagesCount:l,indicatedPages:s=[],disabledPages:i=[],onItemHover:P=()=>null,labels:r={},children:p})=>{const[T,x]=e.useState(1),o=v||T,a=e.useCallback(c=>{x(c),g==null||g(c)},[g]),A=o-1,t=k(A,i),u=e.useCallback(()=>{t&&a(t)},[a,t]),f=o+1,n=S(f,i,l),d=e.useCallback(()=>{n&&a(n)},[a,n]),b=H(o,l,C),E=e.useMemo(()=>({goToNextPage:d,goToPreviousPage:u,goToPage:a,currentPage:o,paginationItems:b,indicatedPages:s,disabledPages:i,pagesCount:l,onItemHover:P,previousAvailablePage:t,nextAvailablePage:n,labels:r}),[d,u,a,o,s,b,i,l,P,t,n,r]);return e.createElement(m.Provider,{value:E},p)};export{m as PaginationContext,N as PaginationProvider};
-//# sourceMappingURL=PaginationContext.js.map

package/dist/components/pagination/pagination-context/PaginationContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginationContext.js","sources":["../../../../src/components/pagination/pagination-context/PaginationContext.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { VisibleElementsAmount } from '../pagination.constants'\nimport {\n  findNextAvailablePage,\n  findPreviousAvailablePage,\n  getPaginationElementsToRender\n} from '../pagination.helper'\nimport type { PaginationContextValue, PaginationProviderProps } from '../types'\n\nexport const PaginationContext = React.createContext<PaginationContextValue>({\n  goToPage: () => null,\n  goToPreviousPage: () => null,\n  goToNextPage: () => null,\n  currentPage: 1,\n  pagesCount: 0,\n  onItemHover: () => null,\n  paginationItems: [],\n  labels: {},\n  indicatedPages: [],\n  disabledPages: []\n})\n\nexport const PaginationProvider = ({\n  onSelectedPageChange,\n  selectedPage,\n  visibleElementsCount = VisibleElementsAmount.LESS,\n  pagesCount,\n  indicatedPages = [],\n  disabledPages = [],\n  onItemHover = () => null,\n  labels = {},\n  children\n}: React.PropsWithChildren<PaginationProviderProps>) => {\n  const [internalCurrentPage, setInternalCurrentPage] = React.useState(1)\n\n  const currentPage = selectedPage || internalCurrentPage\n\n  const goToPage = React.useCallback(\n    (pageNumber: number) => {\n      setInternalCurrentPage(pageNumber)\n      onSelectedPageChange?.(pageNumber)\n    },\n    [onSelectedPageChange]\n  )\n\n  const previousPage = currentPage - 1\n  const previousAvailablePage = findPreviousAvailablePage(\n    previousPage,\n    disabledPages\n  )\n\n  const goToPreviousPage = React.useCallback(() => {\n    if (previousAvailablePage) goToPage(previousAvailablePage)\n  }, [goToPage, previousAvailablePage])\n\n  const nextPage = currentPage + 1\n  const nextAvailablePage = findNextAvailablePage(\n    nextPage,\n    disabledPages,\n    pagesCount\n  )\n  const goToNextPage = React.useCallback(() => {\n    if (nextAvailablePage) goToPage(nextAvailablePage)\n  }, [goToPage, nextAvailablePage])\n\n  const paginationItems = getPaginationElementsToRender(\n    currentPage,\n    pagesCount,\n    visibleElementsCount\n  )\n\n  const value = React.useMemo(() => {\n    return {\n      goToNextPage,\n      goToPreviousPage,\n      goToPage,\n      currentPage,\n      paginationItems,\n      indicatedPages,\n      disabledPages,\n      pagesCount,\n      onItemHover,\n      previousAvailablePage,\n      nextAvailablePage,\n      labels\n    }\n  }, [\n    goToNextPage,\n    goToPreviousPage,\n    goToPage,\n    currentPage,\n    indicatedPages,\n    paginationItems,\n    disabledPages,\n    pagesCount,\n    onItemHover,\n    previousAvailablePage,\n    nextAvailablePage,\n    labels\n  ])\n\n  return (\n    <PaginationContext.Provider value={value}>\n      {children}\n    </PaginationContext.Provider>\n  )\n}\n"],"names":["PaginationContext","React","PaginationProvider","onSelectedPageChange","selectedPage","visibleElementsCount","VisibleElementsAmount","pagesCount","indicatedPages","disabledPages","onItemHover","labels","children","internalCurrentPage","setInternalCurrentPage","currentPage","goToPage","pageNumber","previousPage","previousAvailablePage","findPreviousAvailablePage","goToPreviousPage","nextPage","nextAvailablePage","findNextAvailablePage","goToNextPage","paginationItems","getPaginationElementsToRender","value"],"mappings":"6NAUa,MAAAA,EAAoBC,EAAM,cAAsC,CAC3E,SAAU,IAAM,KAChB,iBAAkB,IAAM,KACxB,aAAc,IAAM,KACpB,YAAa,EACb,WAAY,EACZ,YAAa,IAAM,KACnB,gBAAiB,CAAA,EACjB,OAAQ,CACR,EAAA,eAAgB,CAAA,EAChB,cAAe,EACjB,CAAC,EAEYC,EAAqB,CAAC,CACjC,qBAAAC,EACA,aAAAC,EACA,qBAAAC,EAAuBC,EAAsB,KAC7C,WAAAC,EACA,eAAAC,EAAiB,CAAA,EACjB,cAAAC,EAAgB,GAChB,YAAAC,EAAc,IAAM,KACpB,OAAAC,EAAS,CAAA,EACT,SAAAC,CACF,IAAwD,CACtD,KAAM,CAACC,EAAqBC,CAAsB,EAAIb,EAAM,SAAS,CAAC,EAEhEc,EAAcX,GAAgBS,EAE9BG,EAAWf,EAAM,YACpBgB,GAAuB,CACtBH,EAAuBG,CAAU,EACjCd,GAAA,MAAAA,EAAuBc,CACzB,CAAA,EACA,CAACd,CAAoB,CACvB,EAEMe,EAAeH,EAAc,EAC7BI,EAAwBC,EAC5BF,EACAT,CACF,EAEMY,EAAmBpB,EAAM,YAAY,IAAM,CAC3CkB,GAAuBH,EAASG,CAAqB,CAC3D,EAAG,CAACH,EAAUG,CAAqB,CAAC,EAE9BG,EAAWP,EAAc,EACzBQ,EAAoBC,EACxBF,EACAb,EACAF,CACF,EACMkB,EAAexB,EAAM,YAAY,IAAM,CACvCsB,GAAmBP,EAASO,CAAiB,CACnD,EAAG,CAACP,EAAUO,CAAiB,CAAC,EAE1BG,EAAkBC,EACtBZ,EACAR,EACAF,CACF,EAEMuB,EAAQ3B,EAAM,QAAQ,KACnB,CACL,aAAAwB,EACA,iBAAAJ,EACA,SAAAL,EACA,YAAAD,EACA,gBAAAW,EACA,eAAAlB,EACA,cAAAC,EACA,WAAAF,EACA,YAAAG,EACA,sBAAAS,EACA,kBAAAI,EACA,OAAAZ,CACF,GACC,CACDc,EACAJ,EACAL,EACAD,EACAP,EACAkB,EACAjB,EACAF,EACAG,EACAS,EACAI,EACAZ,CACF,CAAC,EAED,OACEV,EAAA,cAACD,EAAkB,SAAlB,CAA2B,MAAO4B,CAChChB,EAAAA,CACH,CAEJ"}

package/dist/components/pagination/pagination.constants.d.ts

@@ -1,7 +0,0 @@
-export declare enum VisibleElementsAmount {
-    LESS = 6,
-    MORE = 8
-}
-export declare const VIEW_ALL_POPOVER = "VIEW_ALL_POPOVER";
-export declare const GO_TO_PREVIOUS_PAGE = "GO_TO_PREVIOUS_PAGE";
-export declare const GO_TO_NEXT_PAGE = "GO_TO_NEXT_PAGE";

package/dist/components/pagination/pagination.constants.js

@@ -1,2 +0,0 @@
-var O=(E=>(E[E.LESS=6]="LESS",E[E.MORE=8]="MORE",E))(O||{});const _="VIEW_ALL_POPOVER",P="GO_TO_PREVIOUS_PAGE",G="GO_TO_NEXT_PAGE";export{G as GO_TO_NEXT_PAGE,P as GO_TO_PREVIOUS_PAGE,_ as VIEW_ALL_POPOVER,O as VisibleElementsAmount};
-//# sourceMappingURL=pagination.constants.js.map

package/dist/components/pagination/pagination.constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.constants.js","sources":["../../../src/components/pagination/pagination.constants.ts"],"sourcesContent":["export enum VisibleElementsAmount {\n  LESS = 6,\n  MORE = 8\n}\n\nexport const VIEW_ALL_POPOVER = 'VIEW_ALL_POPOVER'\nexport const GO_TO_PREVIOUS_PAGE = 'GO_TO_PREVIOUS_PAGE'\nexport const GO_TO_NEXT_PAGE = 'GO_TO_NEXT_PAGE'\n"],"names":["VisibleElementsAmount","_","VIEW_ALL_POPOVER","GO_TO_PREVIOUS_PAGE","GO_TO_NEXT_PAGE"],"mappings":"AAAO,IAAKA,GAAAA,IACVA,EAAAA,EAAA,KAAO,GAAP,OACAA,EAAAC,EAAA,KAAO,GAAP,OAFUD,IAAAA,GAKL,CAAA,CAAA,EAAA,MAAME,EAAmB,mBACnBC,EAAsB,sBACtBC,EAAkB"}

package/dist/components/pagination/pagination.helper.d.ts

@@ -1,4 +0,0 @@
-import { PaginationItemsToRender } from './types';
-export declare const getPaginationElementsToRender: (currentPage: number, pagesCount: number, visibleElementsCount: number) => PaginationItemsToRender;
-export declare const findNextAvailablePage: (startPage: number, disabledPages: number[], pagesCount: number) => number | undefined;
-export declare const findPreviousAvailablePage: (startPage: number, disabledPages: number[]) => number | undefined;

package/dist/components/pagination/pagination.helper.js

@@ -1,2 +0,0 @@
-import{VIEW_ALL_POPOVER as p,GO_TO_PREVIOUS_PAGE as d,GO_TO_NEXT_PAGE as A}from"./pagination.constants.js";const m=(t,e,r)=>{const n=Array.from({length:e},(s,O)=>O+1);let u=r-2;const o=s=>[d,...s,A];if(e<=u)return o(n);const i=r>=5,c=r>=4,h=r>=3;c&&(u-=1),i&&(u-=1);const a=n[0],f=n[n.length-1];if(t<u){const s=[];return h&&s.push(...n.slice(0,u)),c&&s.push(p),i&&s.push(f),o(s)}if(t>e-u){const s=[];return i&&s.push(a),c&&s.push(p),h&&s.push(...n.slice(e-u,e)),o(s)}const P=h,_=r>=6,g=r>=7,E=i,l=[];return g?l.push(...n.slice(t+1-u,t+1)):_?l.push(...n.slice(t-u,t)):P&&l.push(...n.slice(t-1,t-1+1)),c&&l.push(p),E&&l.push(f),o(l)},G=(t,e,r)=>{if(t>r)return;let n=t;for(;e.includes(n);)n++;return n},T=(t,e)=>{if(t<1)return;let r=t;for(;e.includes(r);)r--;return r};export{G as findNextAvailablePage,T as findPreviousAvailablePage,m as getPaginationElementsToRender};
-//# sourceMappingURL=pagination.helper.js.map

package/dist/components/pagination/pagination.helper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"pagination.helper.js","sources":["../../../src/components/pagination/pagination.helper.ts"],"sourcesContent":["import {\n  GO_TO_NEXT_PAGE,\n  GO_TO_PREVIOUS_PAGE,\n  VIEW_ALL_POPOVER\n} from './pagination.constants'\nimport { PaginationItemsToRender } from './types'\n\nexport const getPaginationElementsToRender = (\n  currentPage: number,\n  pagesCount: number,\n  visibleElementsCount: number\n): PaginationItemsToRender => {\n  const paginationPages = Array.from(\n    { length: pagesCount },\n    (_, index) => index + 1\n  )\n\n  /*\n   * As we always show the `<` `>` arrows,\n   * subtract 2 from `visibleElementsCount` (one for each of the GO_TO_PREVIOUS/NEXT_PAGE arrows)\n   * to get the `visiblePagesCount`\n   */\n  let visiblePagesCount = visibleElementsCount - 2\n  const withPreviousNextPageArrows = (paginationPages) => [\n    GO_TO_PREVIOUS_PAGE,\n    ...paginationPages,\n    GO_TO_NEXT_PAGE\n  ]\n\n  /**\n   * If fewer pages than threshold for truncating render them all.\n   *\n   * pagesCount: 6\n   * visibleElementsCount: >=6\n   * returns [GO_TO_PREVIOUS_PAGE, 1, 2, 3, 4, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | 2 |  | 3 |  | 4 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (pagesCount <= visiblePagesCount) {\n    return withPreviousNextPageArrows(paginationPages)\n  }\n\n  /**\n   * If current page is either at the very start or at the very end of the pages\n   */\n  const canFitEdgePage = visibleElementsCount >= 5\n  const canFitViewAllPopover = visibleElementsCount >= 4\n  const canFitPages = visibleElementsCount >= 3\n\n  if (canFitViewAllPopover) {\n    // Subtract one from visiblePagesCount to accomodate for us adding the `[…]` VIEW_ALL_POPOVER\n    visiblePagesCount -= 1\n  }\n\n  if (canFitEdgePage) {\n    // Subtract one more from visiblePagesCount to accomodate for us adding the GO_TO_PREVIOUS/NEXT_PAGE arrows\n    visiblePagesCount -= 1\n  }\n\n  const firstPage = paginationPages[0]\n  const lastPage = paginationPages[paginationPages.length - 1]\n\n  /**\n   * If we're truncating and current page is at the start of the page list,\n   * render the initial truncated page list, e.g.\n   *\n   *  pagesCount: 8\n   *  currentPage: 1/2\n   *  visibleElementsCount: 6\n   *  returns [GO_TO_PREVIOUS_PAGE, 1, 2, VIEW_ALL_POPOVER, 6, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | 2 |  | … |  | 8 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (currentPage < visiblePagesCount) {\n    const newPaginationItems = [] as PaginationItemsToRender\n    if (canFitPages) {\n      newPaginationItems.push(...paginationPages.slice(0, visiblePagesCount))\n    }\n    if (canFitViewAllPopover) {\n      newPaginationItems.push(VIEW_ALL_POPOVER)\n    }\n    if (canFitEdgePage) {\n      newPaginationItems.push(lastPage)\n    }\n    return withPreviousNextPageArrows(newPaginationItems)\n  }\n\n  /**\n   * If we're truncating and the current page is towards the end of the\n   * page list (depending on visibleElementsCount),\n   * render a truncated page list from the end, e.g.\n   *\n   *  pagesCount: 8\n   *  currentPage: 7/8\n   *  visibleElementsCount: 6\n   *  returns [GO_TO_PREVIOUS_PAGE, 1, VIEW_ALL_POPOVER, 7, 8, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 1 |  | … |  | 7 |  | 8 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   */\n  if (currentPage > pagesCount - visiblePagesCount) {\n    const newPaginationItems = [] as PaginationItemsToRender\n    if (canFitEdgePage) {\n      newPaginationItems.push(firstPage)\n    }\n    if (canFitViewAllPopover) {\n      newPaginationItems.push(VIEW_ALL_POPOVER)\n    }\n    if (canFitPages) {\n      newPaginationItems.push(\n        ...paginationPages.slice(pagesCount - visiblePagesCount, pagesCount)\n      )\n    }\n    return withPreviousNextPageArrows(newPaginationItems)\n  }\n\n  /**\n   * If we're truncating and the current page doesn't meet any of the previous conditions\n   * (we're in the middle)\n   * render a truncated page list from a specific index relative to `currentPage`, e.g.\n   *\n   *  currentPage: 4\n   *  visibleElementsCount: 6 // VisibleElementsAmount.LESS\n   *  returns [GO_TO_PREVIOUS_PAGE, 3, 4, VIEW_ALL_POPOVER, 6, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 3 |  | 4 |  | … |  | 6 |  | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+\n   *\n   *  currentPage: 6\n   *  visibleElementsCount: 8 // VisibleElementsAmount.MORE\n   *  returns [GO_TO_PREVIOUS_PAGE, 4, 5, 6, 7, VIEW_ALL_POPOVER, 10, GO_TO_NEXT_PAGE]\n   *  +---+  +---+  +---+  +---+  +---+  +---+  +---+  +---+\n   *  | < |  | 4 |  | 5 |  | 6 |  | 7 |  | … |  | 10 | | > |\n   *  +---+  +---+  +---+  +---+  +---+  +---+  +---+  +---+\n   */\n  const canFitCurrentPage = canFitPages\n  const canFitCurrentPageAndPreviousPage = visibleElementsCount >= 6\n  const canFitCurrentPageAndPreviousPageAndNextPage = visibleElementsCount >= 7\n  const canFitLastPage = canFitEdgePage\n\n  const newPaginationItems = [] as PaginationItemsToRender\n  if (canFitCurrentPageAndPreviousPageAndNextPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(\n        currentPage + 1 - visiblePagesCount,\n        currentPage + 1\n      )\n    )\n  } else if (canFitCurrentPageAndPreviousPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(currentPage - visiblePagesCount, currentPage)\n    )\n  } else if (canFitCurrentPage) {\n    newPaginationItems.push(\n      ...paginationPages.slice(currentPage - 1, currentPage - 1 + 1)\n    )\n  }\n  if (canFitViewAllPopover) {\n    newPaginationItems.push(VIEW_ALL_POPOVER)\n  }\n  if (canFitLastPage) {\n    newPaginationItems.push(lastPage)\n  }\n  return withPreviousNextPageArrows(newPaginationItems)\n}\n\nexport const findNextAvailablePage = (\n  startPage: number,\n  disabledPages: number[],\n  pagesCount: number\n): number | undefined => {\n  if (startPage > pagesCount) return\n  let nextPage = startPage\n  while (disabledPages.includes(nextPage)) {\n    nextPage++\n  }\n  return nextPage\n}\n\nexport const findPreviousAvailablePage = (\n  startPage: number,\n  disabledPages: number[]\n): number | undefined => {\n  if (startPage < 1) return\n  let previousPage = startPage\n  while (disabledPages.includes(previousPage)) {\n    previousPage--\n  }\n  return previousPage\n}\n"],"names":["getPaginationElementsToRender","currentPage","pagesCount","visibleElementsCount","paginationPages","_","index","visiblePagesCount","withPreviousNextPageArrows","GO_TO_PREVIOUS_PAGE","GO_TO_NEXT_PAGE","canFitEdgePage","canFitViewAllPopover","canFitPages","firstPage","lastPage","newPaginationItems","VIEW_ALL_POPOVER","canFitCurrentPage","canFitCurrentPageAndPreviousPage","canFitCurrentPageAndPreviousPageAndNextPage","canFitLastPage","findNextAvailablePage","startPage","disabledPages","nextPage","findPreviousAvailablePage","previousPage"],"mappings":"2GAOa,MAAAA,EAAgC,CAC3CC,EACAC,EACAC,IAC4B,CAC5B,MAAMC,EAAkB,MAAM,KAC5B,CAAE,OAAQF,CAAW,EACrB,CAACG,EAAGC,IAAUA,EAAQ,CACxB,EAOA,IAAIC,EAAoBJ,EAAuB,EAC/C,MAAMK,EAA8BJ,GAAoB,CACtDK,EACA,GAAGL,EACHM,CACF,EAaA,GAAIR,GAAcK,EAChB,OAAOC,EAA2BJ,CAAe,EAMnD,MAAMO,EAAiBR,GAAwB,EACzCS,EAAuBT,GAAwB,EAC/CU,EAAcV,GAAwB,EAExCS,IAEFL,GAAqB,GAGnBI,IAEFJ,GAAqB,GAGvB,MAAMO,EAAYV,EAAgB,GAC5BW,EAAWX,EAAgBA,EAAgB,OAAS,GAe1D,GAAIH,EAAcM,EAAmB,CACnC,MAAMS,EAAqB,CAC3B,EAAA,OAAIH,GACFG,EAAmB,KAAK,GAAGZ,EAAgB,MAAM,EAAGG,CAAiB,CAAC,EAEpEK,GACFI,EAAmB,KAAKC,CAAgB,EAEtCN,GACFK,EAAmB,KAAKD,CAAQ,EAE3BP,EAA2BQ,CAAkB,CACtD,CAgBA,GAAIf,EAAcC,EAAaK,EAAmB,CAChD,MAAMS,EAAqB,GAC3B,OAAIL,GACFK,EAAmB,KAAKF,CAAS,EAE/BF,GACFI,EAAmB,KAAKC,CAAgB,EAEtCJ,GACFG,EAAmB,KACjB,GAAGZ,EAAgB,MAAMF,EAAaK,EAAmBL,CAAU,CACrE,EAEKM,EAA2BQ,CAAkB,CACtD,CAqBA,MAAME,EAAoBL,EACpBM,EAAmChB,GAAwB,EAC3DiB,EAA8CjB,GAAwB,EACtEkB,EAAiBV,EAEjBK,EAAqB,CAAC,EAC5B,OAAII,EACFJ,EAAmB,KACjB,GAAGZ,EAAgB,MACjBH,EAAc,EAAIM,EAClBN,EAAc,CAChB,CACF,EACSkB,EACTH,EAAmB,KACjB,GAAGZ,EAAgB,MAAMH,EAAcM,EAAmBN,CAAW,CACvE,EACSiB,GACTF,EAAmB,KACjB,GAAGZ,EAAgB,MAAMH,EAAc,EAAGA,EAAc,EAAI,CAAC,CAC/D,EAEEW,GACFI,EAAmB,KAAKC,CAAgB,EAEtCI,GACFL,EAAmB,KAAKD,CAAQ,EAE3BP,EAA2BQ,CAAkB,CACtD,EAEaM,EAAwB,CACnCC,EACAC,EACAtB,IACuB,CACvB,GAAIqB,EAAYrB,EAAY,OAC5B,IAAIuB,EAAWF,EACf,KAAOC,EAAc,SAASC,CAAQ,GACpCA,IAEF,OAAOA,CACT,EAEaC,EAA4B,CACvCH,EACAC,IACuB,CACvB,GAAID,EAAY,EAAG,OACnB,IAAII,EAAeJ,EACnB,KAAOC,EAAc,SAASG,CAAY,GACxCA,IAEF,OAAOA,CACT"}

package/dist/components/pagination/types.d.ts

@@ -1,42 +0,0 @@
-import { TcolorScheme } from '../../experiments/color-scheme';
-import { CSS } from '../../stitches';
-import { GO_TO_NEXT_PAGE, GO_TO_PREVIOUS_PAGE, VIEW_ALL_POPOVER } from './pagination.constants';
-export type PaginationItemsToRender = (number | typeof VIEW_ALL_POPOVER | typeof GO_TO_PREVIOUS_PAGE | typeof GO_TO_NEXT_PAGE)[];
-interface Labels {
-    popoverTriggerLabel?: string;
-    nextPageButtonLabel?: string;
-    previousPageButtonLabel?: string;
-}
-interface BasePaginationProps {
-    pagesCount: number;
-    indicatedPages: number[];
-    disabledPages: number[];
-    paginationItems: PaginationItemsToRender;
-    labels: Labels;
-    onItemHover: (pageNumber: number) => void;
-}
-export type TVisibleElementsCount = 6 | 8;
-export interface PaginationPageProps {
-    pageNumber: number;
-    css?: CSS;
-    onClick?: () => void;
-}
-export interface PaginationContextValue extends BasePaginationProps {
-    currentPage: number;
-    goToPage: (pagenumber: number) => void;
-    goToPreviousPage: () => void;
-    goToNextPage: () => void;
-    nextAvailablePage?: number;
-    previousAvailablePage?: number;
-}
-export type PaginationProviderProps = Pick<BasePaginationProps, 'pagesCount'> & Partial<BasePaginationProps> & {
-    selectedPage?: number;
-    onSelectedPageChange?: (pageNumber: number) => void;
-    visibleElementsCount?: TVisibleElementsCount;
-};
-export interface PaginationProps extends PaginationProviderProps {
-    colorScheme?: TcolorScheme;
-    css?: CSS;
-    children?: React.ReactNode;
-}
-export {};

package/dist/components/pagination/usePagination.d.ts

@@ -1,2 +0,0 @@
-import type { PaginationContextValue } from './types';
-export declare const usePagination: () => PaginationContextValue;

package/dist/components/pagination/usePagination.js

@@ -1,2 +0,0 @@
-import*as o from"react";import{PaginationContext as n}from"./pagination-context/PaginationContext.js";const r=()=>{const t=o.useContext(n);if(!t)throw new Error("Ensure that you wrap any components with the PaginationProvider component");return t};export{r as usePagination};
-//# sourceMappingURL=usePagination.js.map

package/dist/components/pagination/usePagination.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"usePagination.js","sources":["../../../src/components/pagination/usePagination.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { PaginationContext } from './pagination-context/PaginationContext'\nimport type { PaginationContextValue } from './types'\n\nexport const usePagination = (): PaginationContextValue => {\n  const context = React.useContext(PaginationContext)\n\n  if (!context) {\n    throw new Error(\n      'Ensure that you wrap any components with the PaginationProvider component'\n    )\n  }\n\n  return context\n}\n"],"names":["usePagination","context","React","PaginationContext"],"mappings":"sGAKa,MAAAA,EAAgB,IAA8B,CACzD,MAAMC,EAAUC,EAAM,WAAWC,CAAiB,EAElD,GAAI,CAACF,EACH,MAAM,IAAI,MACR,2EACF,EAGF,OAAOA,CACT"}

package/dist/components/password-field/PasswordField.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-import { FieldElementWrapperProps } from '../../components/field-wrapper';
-import { PasswordInput } from '../../components/password-input';
-type PasswordFieldProps = React.ComponentProps<typeof PasswordInput> & Omit<FieldElementWrapperProps, 'label'> & {
-    label?: string;
-};
-export declare const PasswordField: {
-    ({ css, hideLabel, label, name, prompt, description, validation, ...remainingProps }: PasswordFieldProps): React.JSX.Element;
-    displayName: string;
-};
-export {};

package/dist/components/password-field/PasswordField.js

@@ -1,2 +0,0 @@
-import*as t from"react";import{useFormContext as u}from"react-hook-form";import{FieldWrapper as f}from"../field-wrapper/FieldWrapper.js";import"../field-wrapper/InlineFieldWrapper.js";import"../form/Form.js";import{useFieldError as v}from"../form/useFieldError.js";import{PasswordInput as w}from"../password-input/PasswordInput.js";const s=({css:a={},hideLabel:d,label:m="Password",name:r,prompt:p=void 0,description:l,validation:e,...n})=>{const{register:o}=u(),{error:i}=v(r),c=e?o(e):o;return t.createElement(f,{css:{...a,position:"relative"},description:l,error:i,fieldId:r,hideLabel:d,label:m,prompt:p,required:Boolean(e==null?void 0:e.required)},t.createElement(w,{autoComplete:"current-password",name:r,id:r,ref:c,...i!==void 0&&{state:"error"},...n}))};s.displayName="PasswordField";export{s as PasswordField};
-//# sourceMappingURL=PasswordField.js.map

package/dist/components/password-field/PasswordField.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordField.js","sources":["../../../src/components/password-field/PasswordField.tsx"],"sourcesContent":["import * as React from 'react'\nimport { useFormContext } from 'react-hook-form'\n\nimport {\n  FieldElementWrapperProps,\n  FieldWrapper\n} from '~/components/field-wrapper'\nimport { useFieldError } from '~/components/form'\nimport { PasswordInput } from '~/components/password-input'\nimport { CSS } from '~/stitches'\n\ntype PasswordFieldProps = React.ComponentProps<typeof PasswordInput> &\n  Omit<FieldElementWrapperProps, 'label'> & {\n    label?: string\n  }\n\nexport const PasswordField = ({\n  css = {},\n  hideLabel,\n  label = 'Password',\n  name,\n  prompt = undefined,\n  description,\n  validation,\n  ...remainingProps\n}: PasswordFieldProps) => {\n  const { register } = useFormContext()\n  const { error } = useFieldError(name)\n\n  const ref = validation ? register(validation) : register\n\n  return (\n    <FieldWrapper\n      css={{ ...css, position: 'relative' } as CSS}\n      description={description}\n      error={error}\n      fieldId={name}\n      hideLabel={hideLabel}\n      label={label}\n      prompt={prompt}\n      required={Boolean(validation?.required)}\n    >\n      <PasswordInput\n        autoComplete=\"current-password\"\n        name={name}\n        id={name}\n        ref={ref}\n        {...(error !== undefined && { state: 'error' })}\n        {...remainingProps}\n      />\n    </FieldWrapper>\n  )\n}\n\nPasswordField.displayName = 'PasswordField'\n"],"names":["PasswordField","css","hideLabel","label","name","prompt","description","validation","remainingProps","register","useFormContext","error","useFieldError","ref","React","FieldWrapper","PasswordInput"],"mappings":"4UAgBa,MAAAA,EAAgB,CAAC,CAC5B,IAAAC,EAAM,CAAA,EACN,UAAAC,EACA,MAAAC,EAAQ,WACR,KAAAC,EACA,OAAAC,EAAS,OACT,YAAAC,EACA,WAAAC,KACGC,CACL,IAA0B,CACxB,KAAM,CAAE,SAAAC,CAAS,EAAIC,IACf,CAAE,MAAAC,CAAM,EAAIC,EAAcR,CAAI,EAE9BS,EAAMN,EAAaE,EAASF,CAAU,EAAIE,EAEhD,OACEK,EAAA,cAACC,EAAA,CACC,IAAK,CAAE,GAAGd,EAAK,SAAU,UAAW,EACpC,YAAaK,EACb,MAAOK,EACP,QAASP,EACT,UAAWF,EACX,MAAOC,EACP,OAAQE,EACR,SAAU,QAAQE,GAAA,YAAAA,EAAY,QAAQ,CAEtCO,EAAAA,EAAA,cAACE,EAAA,CACC,aAAa,mBACb,KAAMZ,EACN,GAAIA,EACJ,IAAKS,EACJ,GAAIF,IAAU,QAAa,CAAE,MAAO,OAAQ,EAC5C,GAAGH,CAAAA,CACN,CACF,CAEJ,EAEAR,EAAc,YAAc"}

package/dist/components/password-field/index.d.ts

@@ -1 +0,0 @@
-export { PasswordField } from './PasswordField';

package/dist/components/password-input/PasswordInput.d.ts

@@ -1,8 +0,0 @@
-import * as React from 'react';
-import type { InputProps } from '../../components/input';
-type PasswordInputProps = Omit<InputProps, 'type'> & {
-    hidePasswordText?: string;
-    showPasswordText?: string;
-};
-export declare const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps>;
-export {};

package/dist/components/password-input/PasswordInput.js

@@ -1,2 +0,0 @@
-import{Eye as f,EyeCrossed as w}from"@atom-learning/icons";import*as e from"react";import{useState as u}from"react";import{ActionIcon as x}from"../action-icon/ActionIcon.js";import{Box as E}from"../box/Box.js";import{Icon as I}from"../icon/Icon.js";import{Input as h}from"../input/Input.js";import"../../stitches.js";import"../../utilities/css-wrapper/CSSWrapper.js";import"../../utilities/no-overflow-wrapper/NoOverflowWrapper.js";import"color2k";import"../../utilities/style/keyframe-animations.js";import{getFieldIconSize as z}from"../../utilities/style/get-icon-size.js";const s=e.forwardRef(({css:i,hidePasswordText:m="Hide password",showPasswordText:p="Show password",size:o="md",...a},n)=>{const[t,c]=u(!1),d=()=>c(r=>!r),l=e.useMemo(()=>z(o),[o]);return e.createElement(E,{css:{position:"relative",...i}},e.createElement(h,{...a,size:o,type:t?"text":"password",ref:n,css:{pr:"$sizes$2"}}),e.createElement(x,{appearance:"simple",theme:"neutral",css:{bottom:o==="lg"?"4px":0,position:"absolute",right:0},label:t?m:p,onClick:d,onMouseDown:r=>r.preventDefault(),size:l},e.createElement(I,{is:t?f:w})))});s.displayName="PasswordInput";export{s as PasswordInput};
-//# sourceMappingURL=PasswordInput.js.map

package/dist/components/password-input/PasswordInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PasswordInput.js","sources":["../../../src/components/password-input/PasswordInput.tsx"],"sourcesContent":["import { Eye, EyeCrossed } from '@atom-learning/icons'\nimport * as React from 'react'\nimport { useState } from 'react'\n\nimport { ActionIcon } from '~/components/action-icon'\nimport { Box } from '~/components/box'\nimport { Icon } from '~/components/icon'\nimport type { InputProps } from '~/components/input'\nimport { Input } from '~/components/input'\nimport type { CSS } from '~/stitches'\nimport { getFieldIconSize } from '~/utilities'\n\ntype PasswordInputProps = Omit<InputProps, 'type'> & {\n  hidePasswordText?: string\n  showPasswordText?: string\n}\n\nexport const PasswordInput: React.ForwardRefExoticComponent<PasswordInputProps> =\n  React.forwardRef(\n    (\n      {\n        css,\n        hidePasswordText = 'Hide password',\n        showPasswordText = 'Show password',\n        size = 'md',\n        ...restProps\n      },\n      ref\n    ) => {\n      const [isPasswordVisible, setIsPasswordVisible] = useState<boolean>(false)\n      const togglePasswordVisibility = () =>\n        setIsPasswordVisible((currentState) => !currentState)\n\n      const iconSize = React.useMemo(() => getFieldIconSize(size), [size])\n\n      return (\n        <Box css={{ position: 'relative', ...css } as CSS}>\n          <Input\n            {...restProps}\n            size={size}\n            type={isPasswordVisible ? 'text' : 'password'}\n            ref={ref}\n            css={{ pr: '$sizes$2' }}\n          />\n          <ActionIcon\n            appearance=\"simple\"\n            theme=\"neutral\"\n            css={{\n              bottom: size === 'lg' ? '4px' : 0,\n              position: 'absolute',\n              right: 0\n            }}\n            label={isPasswordVisible ? hidePasswordText : showPasswordText}\n            onClick={togglePasswordVisibility}\n            onMouseDown={(e) => e.preventDefault()} // prevent focus being lost from password input\n            size={iconSize}\n          >\n            <Icon is={isPasswordVisible ? Eye : EyeCrossed} />\n          </ActionIcon>\n        </Box>\n      )\n    }\n  )\n\nPasswordInput.displayName = 'PasswordInput'\n"],"names":["PasswordInput","React","css","hidePasswordText","showPasswordText","size","restProps","ref","isPasswordVisible","setIsPasswordVisible","useState","togglePasswordVisibility","currentState","iconSize","getFieldIconSize","Box","Input","ActionIcon","e","Icon","Eye","EyeCrossed"],"mappings":"+jBAiBO,MAAMA,EACXC,EAAM,WACJ,CACE,CACE,IAAAC,EACA,iBAAAC,EAAmB,gBACnB,iBAAAC,EAAmB,gBACnB,KAAAC,EAAO,QACJC,CACL,EACAC,IACG,CACH,KAAM,CAACC,EAAmBC,CAAoB,EAAIC,EAAkB,EAAK,EACnEC,EAA2B,IAC/BF,EAAsBG,GAAiB,CAACA,CAAY,EAEhDC,EAAWZ,EAAM,QAAQ,IAAMa,EAAiBT,CAAI,EAAG,CAACA,CAAI,CAAC,EAEnE,OACEJ,EAAA,cAACc,EAAA,CAAI,IAAK,CAAE,SAAU,WAAY,GAAGb,CAAI,CAAA,EACvCD,EAAA,cAACe,EAAA,CACE,GAAGV,EACJ,KAAMD,EACN,KAAMG,EAAoB,OAAS,WACnC,IAAKD,EACL,IAAK,CAAE,GAAI,UAAW,CACxB,CAAA,EACAN,EAAA,cAACgB,EAAA,CACC,WAAW,SACX,MAAM,UACN,IAAK,CACH,OAAQZ,IAAS,KAAO,MAAQ,EAChC,SAAU,WACV,MAAO,CACT,EACA,MAAOG,EAAoBL,EAAmBC,EAC9C,QAASO,EACT,YAAcO,GAAMA,EAAE,iBACtB,KAAML,CAAAA,EAENZ,EAAA,cAACkB,EAAA,CAAK,GAAIX,EAAoBY,EAAMC,EAAY,CAClD,CACF,CAEJ,CACF,EAEFrB,EAAc,YAAc"}

package/dist/components/password-input/index.d.ts

@@ -1 +0,0 @@
-export { PasswordInput } from './PasswordInput';