@norges-domstoler/dds-components 0.0.0-dev-20251001064734 → 0.0.0-dev-20251002084555

package/dist/index.d.mts

@@ -3456,6 +3456,8 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
      * @default 1
      */
     defaultActivePage?: number;
+    /**Den aktive siden. Brukes til kontrollert tilstand - når denne er satt styrer du siden utenfra. */
+    activePage?: number;
     /**Spesifiserer om selve pagineringen skal vises.
      * @default true
      */
@@ -3483,7 +3485,7 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
     smallScreenBreakpoint?: Breakpoint;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const Pagination: {
-    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -3456,6 +3456,8 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
      * @default 1
      */
     defaultActivePage?: number;
+    /**Den aktive siden. Brukes til kontrollert tilstand - når denne er satt styrer du siden utenfra. */
+    activePage?: number;
     /**Spesifiserer om selve pagineringen skal vises.
      * @default true
      */
@@ -3483,7 +3485,7 @@ type PaginationProps = BaseComponentProps<HTMLElement, {
     smallScreenBreakpoint?: Breakpoint;
 }, Omit<HTMLAttributes<HTMLElement>, 'onChange'>>;
 declare const Pagination: {
-    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
+    ({ itemsAmount, defaultItemsPerPage, defaultActivePage, activePage: activePageProp, withPagination, withCounter, withSelect, selectOptions, smallScreenBreakpoint, onChange, onSelectOptionChange, id, className, htmlProps, ref, ...rest }: PaginationProps): react_jsx_runtime.JSX.Element | null;
     displayName: string;
 };
 

package/dist/index.js

@@ -10671,6 +10671,7 @@ var Pagination = ({
   itemsAmount,
   defaultItemsPerPage = 10,
   defaultActivePage = 1,
+  activePage: activePageProp,
   withPagination = true,
   withCounter,
   withSelect,
@@ -10695,7 +10696,10 @@ var Pagination = ({
       `[Pagination] defaultItemsPerPage prop value (${defaultItemsPerPage}) is not included in customOptions prop. Please add it to ensure it appears in the dropdown.`
     );
   }
-  const [activePage, setActivePage] = (0, import_react73.useState)(defaultActivePage);
+  const [activePage, setActivePage] = useControllableState({
+    value: activePageProp,
+    defaultValue: defaultActivePage
+  });
   const [itemsPerPage, setItemsPerPage] = (0, import_react73.useState)(defaultItemsPerPage);
   const pagesLength = Math.ceil(itemsAmount / itemsPerPage);
   const items = PaginationGenerator(pagesLength, activePage);