@atom-learning/components 2.54.3 → 2.56.0

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

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import { TcolorScheme } from '../../experiments/color-scheme';
+import { CSS } from '../../stitches';
+import { Box } from '..';
+interface ILabels {
+    popoverTriggerLabel?: string;
+    nextPageButtonLabel?: string;
+    previousPageButtonLabel?: string;
+}
+interface TBasePaginationType {
+    visibleElementsCount: TVisibleElementsCount;
+    indicatedPages: number[];
+    disabledPages: number[];
+    onItemHover?: (pageNumber: number) => void;
+    labels?: ILabels;
+}
+export declare type TVisibleElementsCount = 6 | 8;
+export declare type TPaginationProps = React.ComponentProps<typeof Box> & TPaginationProviderProps & {
+    colorScheme?: TcolorScheme;
+    indicatedPages?: number[];
+    disabledPages?: number[];
+    visibleElementsCount?: TVisibleElementsCount;
+};
+export declare type TPaginationProviderProps = {
+    onSelectedPageChange: (pageNumber: number) => void;
+    pagesCount: number;
+    selectedPage?: number;
+} & TBasePaginationType;
+export declare type TPaginationContext = {
+    goToPage: (pagenumber: number) => void;
+    goToPreviousPage: () => void;
+    goToNextPage: () => void;
+    currentPage: number;
+    pagesCount: number;
+    isMaxVisibleElementCount: boolean;
+} & TBasePaginationType;
+export interface IPaginationItemProps {
+    pageNumber: number;
+    css?: CSS;
+    onItemHover?: (pageNumber: number) => void;
+}
+export {};

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

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

package/dist/components/pagination/usePagination.js

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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 { TPaginationContext } from './types'\n\nexport const usePagination = (): TPaginationContext => {\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,IAA0B,CACrD,MAAMC,EAAUC,EAAM,WAAWC,CAAiB,EAElD,GAAI,CAACF,EACH,MAAM,IAAI,MACR,2EACF,EAGF,OAAOA,CACT"}