@dnb/eufemia 10.45.0 → 10.47.0

package/es/components/flex/Container.js.map

@@ -1 +1 @@
-{"version":3,"file":"Container.js","names":["React","useCallback","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","skip","_objectSpread","Object","fromEntries","entries","filter","key","includes","FlexContainer","_ref","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","gap","spacing","spacingProp","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","wrapChildren","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","_previousChild$type","isFirst","isLast","length","isHeading","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","createElement","Fragment","top","space","_ref2","_getSpaceValue3","isValidElement","type","n","getRowGapClass","cn","_extends","Children","toArray","cloneElement","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\ntype Gap =\n  | false\n  | 'xx-small'\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | boolean\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  /** For when used as a flex item in an outer container in addition to being a container: */\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  /** When \"line-framed\" is used, a line will be shown between items and above the first and below the last item */\n  divider?: 'space' | 'line' | 'line-framed'\n  /** Spacing between items inside */\n  gap?: Gap\n  /** @deprecated Use `gap` instead */\n  spacing?: Gap\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'ref' | 'wrap' | 'value' | 'label' | 'title' | 'placeholder'\n  >\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n  'gap',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    gap,\n    spacing: spacingProp,\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const spacing = spacingProp ?? gap ?? 'small'\n\n  const childrenArray = wrapChildren(props, children)\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const isLast = i >= childrenArray.length - 1\n    const previousChild = childrenArray?.[i - 1]\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      // No line above heading\n      !isHeading &&\n      ((divider === 'line' && !isFirst) || divider === 'line-framed')\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Hr\n            top={!isFirst ? spaceAboveLine : 0}\n            space={0}\n            className=\"dnb-flex-container__hr\"\n          />\n\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n\n          {divider === 'line-framed' && isLast && (\n            <Hr\n              top={spaceAboveLine}\n              space={0}\n              className=\"dnb-flex-container__hr\"\n            />\n          )}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: child?.['key'] || `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const getRowGapClass = useCallback(() => {\n    if (rowGap === false) {\n      return `${n}--row-gap-off`\n    }\n\n    if (\n      rowGap === true ||\n      (!rowGap && wrap && direction === 'horizontal')\n    ) {\n      return `${n}--row-gap-small`\n    }\n\n    if (hasSizeProp && spacing) {\n      return `${n}--row-gap-${spacing}`\n    }\n\n    if (rowGap) {\n      return `${n}--row-gap-${rowGap}`\n    }\n  }, [direction, hasSizeProp, rowGap, spacing, wrap])\n\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    getRowGapClass(),\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}
+{"version":3,"file":"Container.js","names":["React","Fragment","useCallback","classnames","Space","Hr","useMedia","getSpaceValue","isHeadingElement","renderWithSpacing","propNames","pickFlexContainerProps","props","defaults","skip","_objectSpread","Object","fromEntries","entries","filter","key","includes","FlexContainer","_ref","className","style","children","element","direction","wrap","sizeCount","rowGap","justify","align","alignSelf","divider","gap","spacing","spacingProp","breakpoints","queries","rest","_objectWithoutProperties","_excluded","childrenArray","replaceRootFragment","wrapChildren","hasHeading","some","child","i","previousChild","hasSizeProp","_child$props","size","mediaKey","disabled","content","map","_previousChild$type","isFirst","isLast","length","isHeading","start","end","endSpacing","startSpacing","_getSpaceValue","_getSpaceValue2","spaceAboveLine","createElement","top","space","_ref2","_getSpaceValue3","isValidElement","type","n","getRowGapClass","cn","_extends","Children","toArray","cloneElement","firstChild","count","_firstChild$props","_supportsSpacingProps"],"sources":["../../../../src/components/flex/Container.tsx"],"sourcesContent":["import React, { Fragment, useCallback } from 'react'\nimport classnames from 'classnames'\nimport Space, { SpaceProps } from '../space/Space'\nimport { Hr } from '../../elements'\nimport useMedia from '../../shared/useMedia'\nimport {\n  getSpaceValue,\n  isHeadingElement,\n  renderWithSpacing,\n} from './utils'\n\nimport type { MediaQueryBreakpoints } from '../../shared/MediaQueryUtils'\nimport type { SpaceType } from '../space/types'\nimport type { UseMediaQueries } from '../../shared/useMedia'\nimport type { End, Start } from './types'\n\ntype Gap =\n  | false\n  | 'xx-small'\n  | 'x-small'\n  | 'small'\n  | 'medium'\n  | 'large'\n  | 'x-large'\n  | 'xx-large'\n\nexport type BasicProps = {\n  direction?: 'horizontal' | 'vertical'\n  wrap?: boolean\n  rowGap?: 'small' | 'medium' | 'large' | boolean\n  sizeCount?: number\n  justify?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  /** For when used as a flex item in an outer container in addition to being a container: */\n  alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch'\n  /** When \"line-framed\" is used, a line will be shown between items and above the first and below the last item */\n  divider?: 'space' | 'line' | 'line-framed'\n  /** Spacing between items inside */\n  gap?: Gap\n  /** @deprecated Use `gap` instead */\n  spacing?: Gap\n  breakpoints?: MediaQueryBreakpoints\n  queries?: UseMediaQueries\n}\n\nexport type Props = BasicProps &\n  SpaceProps &\n  Omit<\n    React.HTMLAttributes<HTMLDivElement>,\n    'ref' | 'wrap' | 'value' | 'label' | 'title' | 'placeholder'\n  >\n\nconst propNames: Array<keyof Props> = [\n  'direction',\n  'wrap',\n  'justify',\n  'align',\n  'divider',\n  'spacing',\n  'gap',\n]\n\nexport function pickFlexContainerProps<T extends Props>(\n  props: T,\n  defaults: Partial<Props> = {},\n  skip: Array<keyof Props> = []\n): Omit<Props, 'children'> {\n  return {\n    ...defaults,\n    ...Object.fromEntries(\n      Object.entries(props ?? {}).filter(\n        ([key]) =>\n          propNames.includes(key as keyof Props) &&\n          !skip.includes(key as keyof Props)\n      )\n    ),\n  }\n}\n\nfunction FlexContainer(props: Props) {\n  const {\n    className,\n    style,\n    children,\n    element = 'div',\n    direction = 'horizontal',\n    wrap = true,\n    sizeCount = 12,\n    rowGap,\n    justify = 'flex-start',\n    align = 'flex-start',\n    alignSelf,\n    divider = 'space',\n    gap,\n    spacing: spacingProp,\n    breakpoints,\n    queries,\n    ...rest\n  } = props\n\n  const spacing = spacingProp ?? gap ?? 'small'\n  const childrenArray = replaceRootFragment(wrapChildren(props, children))\n  const hasHeading = childrenArray.some((child, i) => {\n    const previousChild = childrenArray?.[i - 1]\n    return (\n      isHeadingElement(child) || (i > 0 && isHeadingElement(previousChild))\n    )\n  })\n  const hasSizeProp =\n    !hasHeading &&\n    direction === 'horizontal' &&\n    childrenArray.some((child) => child['props']?.size)\n\n  const { key: mediaKey } = useMedia({\n    disabled: !hasSizeProp,\n    breakpoints,\n    queries,\n  })\n\n  const content = childrenArray.map((child, i) => {\n    // Set spacing on child components by props (instead of CSS) to be able to dynamically override by props on each child. The default\n    // is the spacing-props that controls space between children. Then override with props sent to the children, including both top\n    // and bottom when th\n    const isFirst = i === 0\n    const isLast = i >= childrenArray.length - 1\n    const previousChild = childrenArray?.[i - 1]\n    const isHeading = hasHeading && isHeadingElement(previousChild)\n\n    // Always set spacing between elements in the vertical layout on the top props, and 0 on bottom, to avoid\n    // having to divide spacing between both with smaller values.\n    const start: Start = direction === 'horizontal' ? 'left' : 'top'\n    const end: End = direction === 'horizontal' ? 'right' : 'bottom'\n    // const start: Start | End = direction === 'horizontal' ? 'right' : 'top'\n    // const end: Start | End = direction === 'horizontal' ? 'left' : 'bottom'\n    const endSpacing = 0\n    let startSpacing = null\n\n    if (\n      // No line above heading\n      !isHeading &&\n      ((divider === 'line' && !isFirst) || divider === 'line-framed')\n    ) {\n      const spaceAboveLine = getSpaceValue(end, previousChild) ?? spacing\n      startSpacing = (getSpaceValue(start, child) ?? spacing) as SpaceType\n\n      return (\n        <React.Fragment key={`element-${i}`}>\n          <Hr\n            top={!isFirst ? spaceAboveLine : 0}\n            space={0}\n            className=\"dnb-flex-container__hr\"\n          />\n\n          {renderWithSpacing(child, {\n            space: { [start]: startSpacing, [end]: endSpacing },\n          })}\n\n          {divider === 'line-framed' && isLast && (\n            <Hr\n              top={spaceAboveLine}\n              space={0}\n              className=\"dnb-flex-container__hr\"\n            />\n          )}\n        </React.Fragment>\n      )\n    }\n\n    // No space above first element.\n    if (isFirst && direction !== 'horizontal') {\n      startSpacing = 0\n    } else {\n      // Since top space of current and bottom space of previous component is the same\n      startSpacing =\n        getSpaceValue(start, child) ??\n        getSpaceValue(end, previousChild) ??\n        spacing\n    }\n\n    if (\n      React.isValidElement(previousChild) &&\n      previousChild?.type?.['_supportsSpacingProps'] === false\n    ) {\n      startSpacing = 0\n    }\n\n    const space =\n      direction === 'horizontal'\n        ? { [start]: endSpacing, [end]: startSpacing }\n        : { [start]: startSpacing, [end]: endSpacing }\n\n    return renderWithSpacing(child, {\n      key: child?.['key'] || `element-${i}`,\n      space,\n    })\n  })\n\n  const n = 'dnb-flex-container'\n  const getRowGapClass = useCallback(() => {\n    if (rowGap === false) {\n      return `${n}--row-gap-off`\n    }\n\n    if (\n      rowGap === true ||\n      (!rowGap && wrap && direction === 'horizontal')\n    ) {\n      return `${n}--row-gap-small`\n    }\n\n    if (hasSizeProp && spacing) {\n      return `${n}--row-gap-${spacing}`\n    }\n\n    if (rowGap) {\n      return `${n}--row-gap-${rowGap}`\n    }\n  }, [direction, hasSizeProp, rowGap, spacing, wrap])\n\n  const cn = classnames(\n    'dnb-flex-container',\n    direction && `${n}--direction-${direction}`,\n    justify && `${n}--justify-${justify}`,\n    align && `${n}--align-${align}`,\n    alignSelf && `${n}--align-self-${alignSelf}`,\n    spacing && `${n}--spacing-${spacing}`,\n    wrap && `${n}--wrap`,\n    getRowGapClass(),\n    hasSizeProp && `${n}--has-size`,\n    divider && `${n}--divider-${divider}`,\n    className\n  )\n\n  return (\n    <Space\n      element={element}\n      className={cn}\n      data-media-key={mediaKey}\n      style={\n        hasSizeProp\n          ? ({ '--sizeCount': sizeCount, ...style } as React.CSSProperties)\n          : style\n      }\n      {...rest}\n    >\n      {content}\n    </Space>\n  )\n}\n\nfunction wrapChildren(props: Props, children: React.ReactNode) {\n  return React.Children.toArray(children).map((child) => {\n    if (\n      React.isValidElement(child) &&\n      child.type['_supportsSpacingProps'] === 'children'\n    ) {\n      return React.cloneElement(\n        child,\n        child.props,\n        <FlexContainer {...props}>{child.props.children}</FlexContainer>\n      )\n    }\n\n    return child\n  })\n}\n\nfunction replaceRootFragment(children) {\n  const firstChild = children[0]\n  if (\n    React.Children.count(children) === 1 &&\n    firstChild?.type === Fragment\n  ) {\n    return React.Children.toArray(firstChild?.props?.children)\n  }\n  return children\n}\n\nFlexContainer._supportsSpacingProps = true\n\nexport default FlexContainer\n"],"mappings":"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"}

package/es/components/flex/utils.d.ts

@@ -43,4 +43,4 @@ export declare function getSpaceVariant(element: React.ReactNode): any;
 export declare function renderWithSpacing(element: React.ReactNode, spaceProps: SpacingProps & {
     key?: string;
     className?: string;
-}): string | number | boolean | import("react/jsx-runtime").JSX.Element | Iterable<React.ReactNode>;
+}): any;

package/es/components/flex/utils.js

@@ -73,6 +73,6 @@ function wrapWithSpace({
   spaceProps,
   variant = null
 }) {
-  return (variant !== null && variant !== void 0 ? variant : getSpaceVariant(element) === true) ? React.cloneElement(element, spaceProps) : React.createElement(Space, spaceProps, element);
+  return (variant !== null && variant !== void 0 ? variant : getSpaceVariant(element) === true) ? React.cloneElement(element, spaceProps) : getSpaceVariant(element) === 'children' ? renderWithSpacing(element, spaceProps) : React.createElement(Space, spaceProps, element);
 }
 //# sourceMappingURL=utils.js.map

package/es/components/flex/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["React","Fragment","Space","isValidSpaceProp","removeSpaceProps","omitSpacingProps","pickSpacingProps","props","obj","key","getSpaceValue","type","element","_element$props$type","_element$props","_element$props2","isValidElement","space","undefined","isHeadingElement","_element$type","getSpaceVariant","_element$type2","_element$props3","check","keys","some","renderWithSpacing","spaceProps","variant","Children","toArray","map","child","_child$props","children","i","cloneElement","_objectSpread","wrapWithSpace","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { isValidSpaceProp, removeSpaceProps } from '../space/SpacingUtils'\nimport { End, Start } from './types'\n\nexport const omitSpacingProps = removeSpaceProps\n\n/**\n * Picks the spacing props from the given props object.\n * @template Props - The type of the props object.\n * @param {Props} props - The props object.\n * @returns {SpacingProps} - The spacing props object.\n */\nexport function pickSpacingProps<Props extends SpacingProps>(\n  props: Props\n): SpacingProps {\n  const obj: SpacingProps = {}\n  for (const key in props as SpacingProps) {\n    if (isValidSpaceProp(key) && typeof props[key] !== 'undefined') {\n      obj[key] = props[key]\n    }\n  }\n  return obj\n}\n\n/**\n * Retrieves the space value of a Flex component based on the specified type and element.\n * @param type - The type of space value to retrieve (Start or End).\n * @param element - The React element to extract the space value from.\n * @returns The space value of the element, or undefined if it cannot be determined.\n */\nexport function getSpaceValue(\n  type: Start | End,\n  element: React.ReactNode\n): SpaceType | undefined {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\n/**\n * Checks if the provided element is a heading element.\n * @param element - The element to check.\n * @returns `true` if the element is a heading element, `false` otherwise.\n */\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\n/**\n * Determines the spacing variant of a React node element.\n * @param element - The React node element to check.\n * @returns The spacing variant (true, false or \"children\") of the element, or undefined if it does not support spacing props.\n */\nexport function getSpaceVariant(element: React.ReactNode) {\n  if (React.isValidElement(element)) {\n    if (element?.type === Fragment) {\n      return 'children'\n    }\n\n    const check = element?.type?.['_supportsSpacingProps']\n    if (typeof check !== 'undefined') {\n      return check\n    }\n\n    const keys = ['space', 'top', 'right', 'bottom', 'left']\n    const props = element?.props ?? {}\n    if (keys.some((key) => key in props)) {\n      return true\n    }\n  }\n\n  return undefined\n}\n\n/**\n * Renders an element with spacing props applied.\n * If the element is a component that accepts spacing props, the props are directly applied.\n * If the element is a component that has children and accepts spacing props, the props are applied to the children.\n * If the element does not accept spacing props, the element is returned as is.\n *\n * @param element - The element to render with spacing props.\n * @param spaceProps - The spacing props to apply.\n * @returns The rendered element with spacing props applied.\n */\nexport function renderWithSpacing(\n  element: React.ReactNode,\n  spaceProps: SpacingProps & { key?: string; className?: string }\n) {\n  const variant = getSpaceVariant(element)\n\n  if (variant === false) {\n    return element\n  }\n\n  if (variant === 'children') {\n    return React.Children.toArray(element).map(\n      (child: React.ReactElement) => {\n        const children = child?.props?.children\n\n        return React.Children.toArray(children).map((element, i) => {\n          return React.cloneElement(\n            child,\n            { key: i, ...child?.props },\n            wrapWithSpace({ element, spaceProps })\n          )\n        })\n      }\n    )\n  }\n\n  return wrapWithSpace({ element, spaceProps, variant })\n}\n\nfunction wrapWithSpace({ element, spaceProps, variant = null }) {\n  return variant ?? getSpaceVariant(element) === true ? (\n    React.cloneElement(element as React.ReactElement, spaceProps)\n  ) : (\n    <Space {...spaceProps}>{element}</Space>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"utils.js","names":["React","Fragment","Space","isValidSpaceProp","removeSpaceProps","omitSpacingProps","pickSpacingProps","props","obj","key","getSpaceValue","type","element","_element$props$type","_element$props","_element$props2","isValidElement","space","undefined","isHeadingElement","_element$type","getSpaceVariant","_element$type2","_element$props3","check","keys","some","renderWithSpacing","spaceProps","variant","Children","toArray","map","child","_child$props","children","i","cloneElement","_objectSpread","wrapWithSpace","createElement"],"sources":["../../../../src/components/flex/utils.tsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { SpaceType, SpacingProps } from '../../shared/types'\nimport Space from '../space/Space'\nimport { isValidSpaceProp, removeSpaceProps } from '../space/SpacingUtils'\nimport { End, Start } from './types'\n\nexport const omitSpacingProps = removeSpaceProps\n\n/**\n * Picks the spacing props from the given props object.\n * @template Props - The type of the props object.\n * @param {Props} props - The props object.\n * @returns {SpacingProps} - The spacing props object.\n */\nexport function pickSpacingProps<Props extends SpacingProps>(\n  props: Props\n): SpacingProps {\n  const obj: SpacingProps = {}\n  for (const key in props as SpacingProps) {\n    if (isValidSpaceProp(key) && typeof props[key] !== 'undefined') {\n      obj[key] = props[key]\n    }\n  }\n  return obj\n}\n\n/**\n * Retrieves the space value of a Flex component based on the specified type and element.\n * @param type - The type of space value to retrieve (Start or End).\n * @param element - The React element to extract the space value from.\n * @returns The space value of the element, or undefined if it cannot be determined.\n */\nexport function getSpaceValue(\n  type: Start | End,\n  element: React.ReactNode\n): SpaceType | undefined {\n  if (!React.isValidElement(element)) {\n    return\n  }\n\n  return (\n    element.props?.[type] ??\n    (typeof element.props?.space === 'object'\n      ? element.props.space[type]\n      : undefined)\n  )\n}\n\n/**\n * Checks if the provided element is a heading element.\n * @param element - The element to check.\n * @returns `true` if the element is a heading element, `false` otherwise.\n */\nexport function isHeadingElement(\n  element: React.ReactNode & { _isHeadingElement?: boolean }\n): boolean {\n  return (\n    React.isValidElement(element) &&\n    element?.type?.['_isHeadingElement'] === true\n  )\n}\n\n/**\n * Determines the spacing variant of a React node element.\n * @param element - The React node element to check.\n * @returns The spacing variant (true, false or \"children\") of the element, or undefined if it does not support spacing props.\n */\nexport function getSpaceVariant(element: React.ReactNode) {\n  if (React.isValidElement(element)) {\n    if (element?.type === Fragment) {\n      return 'children'\n    }\n\n    const check = element?.type?.['_supportsSpacingProps']\n    if (typeof check !== 'undefined') {\n      return check\n    }\n\n    const keys = ['space', 'top', 'right', 'bottom', 'left']\n    const props = element?.props ?? {}\n    if (keys.some((key) => key in props)) {\n      return true\n    }\n  }\n\n  return undefined\n}\n\n/**\n * Renders an element with spacing props applied.\n * If the element is a component that accepts spacing props, the props are directly applied.\n * If the element is a component that has children and accepts spacing props, the props are applied to the children.\n * If the element does not accept spacing props, the element is returned as is.\n *\n * @param element - The element to render with spacing props.\n * @param spaceProps - The spacing props to apply.\n * @returns The rendered element with spacing props applied.\n */\nexport function renderWithSpacing(\n  element: React.ReactNode,\n  spaceProps: SpacingProps & { key?: string; className?: string }\n) {\n  const variant = getSpaceVariant(element)\n\n  if (variant === false) {\n    return element\n  }\n\n  if (variant === 'children') {\n    return React.Children.toArray(element).map(\n      (child: React.ReactElement) => {\n        const children = child?.props?.children\n\n        return React.Children.toArray(children).map((element, i) => {\n          return React.cloneElement(\n            child,\n            { key: i, ...child?.props },\n            wrapWithSpace({ element, spaceProps })\n          )\n        })\n      }\n    )\n  }\n\n  return wrapWithSpace({ element, spaceProps, variant })\n}\n\nfunction wrapWithSpace({ element, spaceProps, variant = null }) {\n  return variant ?? getSpaceVariant(element) === true ? (\n    React.cloneElement(element as React.ReactElement, spaceProps)\n  ) : getSpaceVariant(element) === 'children' ? (\n    renderWithSpacing(element, spaceProps)\n  ) : (\n    <Space {...spaceProps}>{element}</Space>\n  )\n}\n"],"mappings":"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"}

package/es/components/form-row/style/dnb-form-row.css

@@ -40,7 +40,7 @@
     margin-top: 1rem;
   }
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content {
     align-items: center;
   }

package/es/components/form-row/style/dnb-form-row.min.css

@@ -1 +1 @@
-.dnb-form-row{align-items:baseline}.dnb-form-row,.dnb-form-row.dnb-section{display:flex}.dnb-form-row__content{display:inline-flex;flex:1;width:100%}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{align-items:baseline}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content .dnb-form-label{white-space:nowrap}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content--wrap{display:block}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical){align-items:flex-start;flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-label{margin-bottom:.5rem}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content>.dnb-form-label{margin-top:1rem}}@media screen and (min-width:40em){.dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content{align-items:center}}.dnb-form-row--vertical>.dnb-form-row__label{margin-bottom:.5rem}.dnb-form-row--vertical-label,.dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested),.dnb-form-row--vertical>.dnb-form-row__content{flex-direction:column}.dnb-form-row>.dnb-form-status{margin:.5rem 0}.dnb-form-row>.dnb-form-row__label--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-form-row>.dnb-form-row__label--vertical~.dnb-form-row__content{grid-column:column1-start/column1-end}.dnb-form-row__label-dummy{margin:0}.dnb-core-style .dnb-form-row__fieldset,.dnb-form-row__fieldset{border:none;margin:0;padding:0;width:100%}
+.dnb-form-row{align-items:baseline}.dnb-form-row,.dnb-form-row.dnb-section{display:flex}.dnb-form-row__content{display:inline-flex;flex:1;width:100%}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{align-items:baseline}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content .dnb-form-label{white-space:nowrap}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content--wrap{display:block}@media screen and (max-width:40em){.dnb-form-row:not(.dnb-form-row--vertical){align-items:flex-start;flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-label{margin-bottom:.5rem}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content{flex-direction:column}.dnb-form-row:not(.dnb-form-row--vertical)>.dnb-form-row__content>.dnb-form-label{margin-top:1rem}}@media screen and (min-width:40.0625em){.dnb-form-row--centered.dnb-form-row:not(.dnb-form-row--vertical) .dnb-form-row__content{align-items:center}}.dnb-form-row--vertical>.dnb-form-row__label{margin-bottom:.5rem}.dnb-form-row--vertical-label,.dnb-form-row--vertical.dnb-form-row:not(.dnb-form-row--nested),.dnb-form-row--vertical>.dnb-form-row__content{flex-direction:column}.dnb-form-row>.dnb-form-status{margin:.5rem 0}.dnb-form-row>.dnb-form-row__label--vertical{align-items:flex-start;display:flex;flex-direction:column}.dnb-form-row>.dnb-form-row__label--vertical~.dnb-form-row__content{grid-column:column1-start/column1-end}.dnb-form-row__label-dummy{margin:0}.dnb-core-style .dnb-form-row__fieldset,.dnb-form-row__fieldset{border:none;margin:0;padding:0;width:100%}

package/es/components/grid/style/dnb-grid.css

@@ -34,12 +34,12 @@
 .dnb-grid-container--column-gap-large {
   --column-gap: var(--spacing-large);
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--medium-columns, 6);
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -49,12 +49,12 @@
     display: unset;
   }
 }
-@media screen and (min-width: 40em) and (max-width: 60em) {
+@media screen and (min-width: 40.0625em) and (max-width: 60em) {
   .dnb-grid-container__disabled--medium {
     display: unset;
   }
 }
-@media screen and (min-width: 72em) {
+@media screen and (min-width: 72.0625em) {
   .dnb-grid-container {
     --grid-columns: var(--large-columns, 12);
   }
@@ -68,13 +68,13 @@
   --start-c: var(--small-c-s, 1);
   --end-c: var(--small-c-e, calc(var(--grid-columns) + 1));
 }
-@media screen and (min-width: 40em) {
+@media screen and (min-width: 40.0625em) {
   .dnb-grid-item {
     --start-c: var(--medium-c-s, 1);
     --end-c: var(--medium-c-e, calc(var(--grid-columns) + 1));
   }
 }
-@media screen and (min-width: 60em) {
+@media screen and (min-width: 60.0625em) {
   .dnb-grid-item {
     --start-c: var(--large-c-s, 1);
     --end-c: var(--large-c-e, calc(var(--grid-columns) + 1));

package/es/components/grid/style/dnb-grid.min.css

@@ -1 +1 @@
-.dnb-grid-container{--grid-columns:var(--small-columns,4);-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:var(--row-gap,0)}.dnb-grid-container--row-gap-x-small{--row-gap:var(--spacing-x-small)}.dnb-grid-container--row-gap-small{--row-gap:var(--spacing-small)}.dnb-grid-container--row-gap-medium{--row-gap:var(--spacing-medium)}.dnb-grid-container--row-gap-large{--row-gap:var(--spacing-large)}.dnb-grid-container--column-gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-grid-container--column-gap-small{--column-gap:var(--spacing-small)}.dnb-grid-container--column-gap-medium{--column-gap:var(--spacing-medium)}.dnb-grid-container--column-gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:40em){.dnb-grid-container{--grid-columns:var(--medium-columns,6)}}@media screen and (min-width:60em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}}@media screen and (max-width:60em){.dnb-grid-container__disabled--small{display:unset}}@media screen and (min-width:40em) and (max-width:60em){.dnb-grid-container__disabled--medium{display:unset}}@media screen and (min-width:72em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}.dnb-grid-container__disabled--large{display:unset}}.dnb-grid-item{--start-c:var(--small-c-s,1);--end-c:var(--small-c-e,calc(var(--grid-columns) + 1));grid-column:var(--start-c)/var(--end-c)}@media screen and (min-width:40em){.dnb-grid-item{--start-c:var(--medium-c-s,1);--end-c:var(--medium-c-e,calc(var(--grid-columns) + 1))}}@media screen and (min-width:60em){.dnb-grid-item{--start-c:var(--large-c-s,1);--end-c:var(--large-c-e,calc(var(--grid-columns) + 1))}}.dnb-grid-item--full-width{--start-c:0;--end-c:var(--grid-columns)}
+.dnb-grid-container{--grid-columns:var(--small-columns,4);-moz-column-gap:var(--column-gap,0);column-gap:var(--column-gap,0);display:grid;grid-auto-flow:dense;grid-template-columns:repeat(var(--grid-columns),minmax(0,1fr));row-gap:var(--row-gap,0)}.dnb-grid-container--row-gap-x-small{--row-gap:var(--spacing-x-small)}.dnb-grid-container--row-gap-small{--row-gap:var(--spacing-small)}.dnb-grid-container--row-gap-medium{--row-gap:var(--spacing-medium)}.dnb-grid-container--row-gap-large{--row-gap:var(--spacing-large)}.dnb-grid-container--column-gap-x-small{--column-gap:var(--spacing-x-small)}.dnb-grid-container--column-gap-small{--column-gap:var(--spacing-small)}.dnb-grid-container--column-gap-medium{--column-gap:var(--spacing-medium)}.dnb-grid-container--column-gap-large{--column-gap:var(--spacing-large)}@media screen and (min-width:40.0625em){.dnb-grid-container{--grid-columns:var(--medium-columns,6)}}@media screen and (min-width:60.0625em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}}@media screen and (max-width:60em){.dnb-grid-container__disabled--small{display:unset}}@media screen and (min-width:40.0625em) and (max-width:60em){.dnb-grid-container__disabled--medium{display:unset}}@media screen and (min-width:72.0625em){.dnb-grid-container{--grid-columns:var(--large-columns,12)}.dnb-grid-container__disabled--large{display:unset}}.dnb-grid-item{--start-c:var(--small-c-s,1);--end-c:var(--small-c-e,calc(var(--grid-columns) + 1));grid-column:var(--start-c)/var(--end-c)}@media screen and (min-width:40.0625em){.dnb-grid-item{--start-c:var(--medium-c-s,1);--end-c:var(--medium-c-e,calc(var(--grid-columns) + 1))}}@media screen and (min-width:60.0625em){.dnb-grid-item{--start-c:var(--large-c-s,1);--end-c:var(--large-c-e,calc(var(--grid-columns) + 1))}}.dnb-grid-item--full-width{--start-c:0;--end-c:var(--grid-columns)}

package/es/components/index.d.ts

@@ -17,6 +17,7 @@ import Breadcrumb from './breadcrumb/Breadcrumb';
 import Button from './button/Button';
 import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
+import CopyOnClick from './copy-on-click/CopyOnClick';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -59,4 +60,4 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };

package/es/components/index.js

@@ -8,6 +8,7 @@ import Breadcrumb from './breadcrumb/Breadcrumb';
 import Button from './button/Button';
 import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
+import CopyOnClick from './copy-on-click/CopyOnClick';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -50,5 +51,5 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
 //# sourceMappingURL=index.js.map

package/es/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden"],"sources":["../../../src/components/index.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","CopyOnClick","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden"],"sources":["../../../src/components/index.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport CopyOnClick from './copy-on-click/CopyOnClick'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  CopyOnClick,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n"],"mappings":"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"}

package/es/components/lib.d.ts

@@ -18,6 +18,7 @@ import Breadcrumb from './breadcrumb/Breadcrumb';
 import Button from './button/Button';
 import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
+import CopyOnClick from './copy-on-click/CopyOnClick';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -60,7 +61,7 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden, };
 export declare const getComponents: () => {
     Accordion: typeof Accordion;
     Anchor: import("react").ForwardRefExoticComponent<import("./anchor/Anchor").AnchorProps & Omit<import("react").HTMLProps<HTMLAnchorElement>, "ref"> & import("./space/types").SpacingElementProps & {
@@ -98,6 +99,10 @@ export declare const getComponents: () => {
     Button: typeof Button;
     Card: typeof Card;
     Checkbox: typeof Checkbox;
+    CopyOnClick: {
+        ({ children, className, disabled, showCursor, copyContent, ...props }: import("./copy-on-click/types").CopyOnClickAllProps): import("react/jsx-runtime").JSX.Element;
+        _supportsSpacingProps: boolean;
+    };
     DatePicker: typeof DatePicker;
     Dialog: typeof Dialog;
     Drawer: typeof Drawer;

package/es/components/lib.js

@@ -8,6 +8,7 @@ import Breadcrumb from './breadcrumb/Breadcrumb';
 import Button from './button/Button';
 import Card from './card/Card';
 import Checkbox from './checkbox/Checkbox';
+import CopyOnClick from './copy-on-click/CopyOnClick';
 import DatePicker from './date-picker/DatePicker';
 import Dialog from './dialog/Dialog';
 import Drawer from './drawer/Drawer';
@@ -50,7 +51,7 @@ import ToggleButton from './toggle-button/ToggleButton';
 import Tooltip from './tooltip/Tooltip';
 import Upload from './upload/Upload';
 import VisuallyHidden from './visually-hidden/VisuallyHidden';
-export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
+export { Accordion, Anchor, AriaLive, Autocomplete, Avatar, Badge, Breadcrumb, Button, Card, Checkbox, CopyOnClick, DatePicker, Dialog, Drawer, Dropdown, Flex, FormLabel, FormRow, FormSet, FormStatus, GlobalError, GlobalStatus, Grid, Heading, HeightAnimation, HelpButton, Icon, IconPrimary, InfoCard, Input, InputMasked, Logo, Modal, NumberFormat, Pagination, ProgressIndicator, Radio, Section, Skeleton, SkipContent, Slider, Space, StepIndicator, Switch, Table, Tabs, Tag, Textarea, Timeline, ToggleButton, Tooltip, Upload, VisuallyHidden };
 export const getComponents = () => {
   return {
     Accordion,
@@ -63,6 +64,7 @@ export const getComponents = () => {
     Button,
     Card,
     Checkbox,
+    CopyOnClick,
     DatePicker,
     Dialog,
     Drawer,

package/es/components/lib.js.map

@@ -1 +1 @@
-{"version":3,"file":"lib.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden","getComponents"],"sources":["../../../src/components/lib.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n\nexport const getComponents = () => {\n  return {\n    Accordion,\n    Anchor,\n    AriaLive,\n    Autocomplete,\n    Avatar,\n    Badge,\n    Breadcrumb,\n    Button,\n    Card,\n    Checkbox,\n    DatePicker,\n    Dialog,\n    Drawer,\n    Dropdown,\n    Flex,\n    FormLabel,\n    FormRow,\n    FormSet,\n    FormStatus,\n    GlobalError,\n    GlobalStatus,\n    Grid,\n    Heading,\n    HeightAnimation,\n    HelpButton,\n    Icon,\n    IconPrimary,\n    InfoCard,\n    Input,\n    InputMasked,\n    Logo,\n    Modal,\n    NumberFormat,\n    Pagination,\n    ProgressIndicator,\n    Radio,\n    Section,\n    Skeleton,\n    SkipContent,\n    Slider,\n    Space,\n    StepIndicator,\n    Switch,\n    Table,\n    Tabs,\n    Tag,\n    Textarea,\n    Timeline,\n    ToggleButton,\n    Tooltip,\n    Upload,\n    VisuallyHidden,\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"lib.js","names":["Accordion","Anchor","AriaLive","Autocomplete","Avatar","Badge","Breadcrumb","Button","Card","Checkbox","CopyOnClick","DatePicker","Dialog","Drawer","Dropdown","Flex","FormLabel","FormRow","FormSet","FormStatus","GlobalError","GlobalStatus","Grid","Heading","HeightAnimation","HelpButton","Icon","IconPrimary","InfoCard","Input","InputMasked","Logo","Modal","NumberFormat","Pagination","ProgressIndicator","Radio","Section","Skeleton","SkipContent","Slider","Space","StepIndicator","Switch","Table","Tabs","Tag","Textarea","Timeline","ToggleButton","Tooltip","Upload","VisuallyHidden","getComponents"],"sources":["../../../src/components/lib.ts"],"sourcesContent":["/**\n * ATTENTION: This file is auto generated by using \"prepareTemplates\".\n * Do not change the content!\n *\n */\n\n/**\n * Library Index template to autogenerate all the components and extensions\n * Used by \"prepareTemplates\"\n */\n\n// import all the available components\nimport Accordion from './accordion/Accordion'\nimport Anchor from './anchor/Anchor'\nimport AriaLive from './aria-live/AriaLive'\nimport Autocomplete from './autocomplete/Autocomplete'\nimport Avatar from './avatar/Avatar'\nimport Badge from './badge/Badge'\nimport Breadcrumb from './breadcrumb/Breadcrumb'\nimport Button from './button/Button'\nimport Card from './card/Card'\nimport Checkbox from './checkbox/Checkbox'\nimport CopyOnClick from './copy-on-click/CopyOnClick'\nimport DatePicker from './date-picker/DatePicker'\nimport Dialog from './dialog/Dialog'\nimport Drawer from './drawer/Drawer'\nimport Dropdown from './dropdown/Dropdown'\nimport Flex from './flex/Flex'\nimport FormLabel from './form-label/FormLabel'\nimport FormRow from './form-row/FormRow'\nimport FormSet from './form-set/FormSet'\nimport FormStatus from './form-status/FormStatus'\nimport GlobalError from './global-error/GlobalError'\nimport GlobalStatus from './global-status/GlobalStatus'\nimport Grid from './grid/Grid'\nimport Heading from './heading/Heading'\nimport HeightAnimation from './height-animation/HeightAnimation'\nimport HelpButton from './help-button/HelpButton'\nimport Icon from './icon/Icon'\nimport IconPrimary from './icon-primary/IconPrimary'\nimport InfoCard from './info-card/InfoCard'\nimport Input from './input/Input'\nimport InputMasked from './input-masked/InputMasked'\nimport Logo from './logo/Logo'\nimport Modal from './modal/Modal'\nimport NumberFormat from './number-format/NumberFormat'\nimport Pagination from './pagination/Pagination'\nimport ProgressIndicator from './progress-indicator/ProgressIndicator'\nimport Radio from './radio/Radio'\nimport Section from './section/Section'\nimport Skeleton from './skeleton/Skeleton'\nimport SkipContent from './skip-content/SkipContent'\nimport Slider from './slider/Slider'\nimport Space from './space/Space'\nimport StepIndicator from './step-indicator/StepIndicator'\nimport Switch from './switch/Switch'\nimport Table from './table/Table'\nimport Tabs from './tabs/Tabs'\nimport Tag from './tag/Tag'\nimport Textarea from './textarea/Textarea'\nimport Timeline from './timeline/Timeline'\nimport ToggleButton from './toggle-button/ToggleButton'\nimport Tooltip from './tooltip/Tooltip'\nimport Upload from './upload/Upload'\nimport VisuallyHidden from './visually-hidden/VisuallyHidden'\n\n// define / export all the available components\nexport {\n  Accordion,\n  Anchor,\n  AriaLive,\n  Autocomplete,\n  Avatar,\n  Badge,\n  Breadcrumb,\n  Button,\n  Card,\n  Checkbox,\n  CopyOnClick,\n  DatePicker,\n  Dialog,\n  Drawer,\n  Dropdown,\n  Flex,\n  FormLabel,\n  FormRow,\n  FormSet,\n  FormStatus,\n  GlobalError,\n  GlobalStatus,\n  Grid,\n  Heading,\n  HeightAnimation,\n  HelpButton,\n  Icon,\n  IconPrimary,\n  InfoCard,\n  Input,\n  InputMasked,\n  Logo,\n  Modal,\n  NumberFormat,\n  Pagination,\n  ProgressIndicator,\n  Radio,\n  Section,\n  Skeleton,\n  SkipContent,\n  Slider,\n  Space,\n  StepIndicator,\n  Switch,\n  Table,\n  Tabs,\n  Tag,\n  Textarea,\n  Timeline,\n  ToggleButton,\n  Tooltip,\n  Upload,\n  VisuallyHidden,\n}\n\nexport const getComponents = () => {\n  return {\n    Accordion,\n    Anchor,\n    AriaLive,\n    Autocomplete,\n    Avatar,\n    Badge,\n    Breadcrumb,\n    Button,\n    Card,\n    Checkbox,\n    CopyOnClick,\n    DatePicker,\n    Dialog,\n    Drawer,\n    Dropdown,\n    Flex,\n    FormLabel,\n    FormRow,\n    FormSet,\n    FormStatus,\n    GlobalError,\n    GlobalStatus,\n    Grid,\n    Heading,\n    HeightAnimation,\n    HelpButton,\n    Icon,\n    IconPrimary,\n    InfoCard,\n    Input,\n    InputMasked,\n    Logo,\n    Modal,\n    NumberFormat,\n    Pagination,\n    ProgressIndicator,\n    Radio,\n    Section,\n    Skeleton,\n    SkipContent,\n    Slider,\n    Space,\n    StepIndicator,\n    Switch,\n    Table,\n    Tabs,\n    Tag,\n    Textarea,\n    Timeline,\n    ToggleButton,\n    Tooltip,\n    Upload,\n    VisuallyHidden,\n  }\n}\n"],"mappings":"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"}

package/es/components/pagination/Pagination.d.ts

@@ -2,6 +2,7 @@ import * as React from 'react';
 import type { SkeletonShow } from '../Skeleton';
 import type { SpacingProps } from '../space/types';
 import PaginationBar from './PaginationBar';
+import { ButtonIconPosition } from '../Button';
 type PaginationStartupPage = string | number;
 type PaginationCurrentPage = string | number;
 type PaginationPageCount = string | number;
@@ -34,6 +35,18 @@ type PaginationIndicatorElement =
   | ((...args: any[]) => any)
   | string;
 type PaginationChildren = React.ReactNode | ((...args: any[]) => any);
+type LoadButtonProps =
+  | (() => React.ReactNode)
+  | {
+      /**
+       * Used during infinity mode. If `use_load_button` is set to true, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.
+       */
+      text: string;
+      /**
+       * Used during infinity mode. Sets the icon position on the `use_load_button`. Default: `left`.
+       */
+      iconPosition: ButtonIconPosition;
+    };
 export interface PaginationProps
   extends Omit<React.HTMLProps<HTMLElement>, 'ref'>,
     SpacingProps {
@@ -146,6 +159,10 @@ export interface PaginationProps
    * Used during infinity mode. If `use_load_button` is set to `true`, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.
    */
   load_button_text?: string;
+  /**
+   * Used to set load button text and icon aligment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.
+   */
+  loadButton?: LoadButtonProps;
   className?: string;
   /**
    * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.
@@ -325,9 +342,13 @@ interface PaginationInstanceProps extends SpacingProps {
   is_loading_text?: string;
   /**
    * Used during infinity mode. If `use_load_button` is set to true, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.
+   * @deprecated use `loadButtonProps.text` instead
    */
   load_button_text?: string;
-  className?: string;
+  /**
+   * Used to set loadButton text and icon aligment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.
+   */
+  loadButton?: LoadButtonProps;
   /**
    * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.
    */
@@ -500,8 +521,13 @@ interface InfinityMarkerProps extends SpacingProps {
   is_loading_text?: string;
   /**
    * Used during infinity mode. If `use_load_button` is set to true, then a button is show on the bottom. If the `startup_page` is higher than 1. Defaults to `Vis mer innhold`.
+   * @deprecated use `loadButtonProps.text` instead
    */
   load_button_text?: string;
+  /**
+   * Used to set loadButton text and icon aligment. Accepts a function returning a ReactNode too, so you can replace the button with your own component.
+   */
+  loadButton?: LoadButtonProps;
   className?: string;
   /**
    * The given content can be either a function or a React node, depending on your needs. A function contains several helper functions. More details down below and have a look at the examples in the demos section.

package/es/components/pagination/Pagination.js

@@ -45,7 +45,8 @@ const paginationPropTypes = process.env.NODE_ENV !== "production" ? _objectSprea
   next_title: PropTypes.string,
   more_pages: PropTypes.string,
   is_loading_text: PropTypes.string,
-  load_button_text: PropTypes.string
+  load_button_text: PropTypes.string,
+  loadButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object])
 }, spacingPropTypes), {}, {
   className: PropTypes.string,
   children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
@@ -75,6 +76,7 @@ const paginationDefaultProps = {
   more_pages: null,
   is_loading_text: null,
   load_button_text: null,
+  loadButton: null,
   startup_count: 1,
   parallel_load_count: 1,
   place_maker_before_content: false,

package/es/components/pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","names":["React","PropTypes","classnames","PaginationContext","PaginationProvider","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","PaginationIndicator","InfinityScroller","PaginationBar","paginationPropTypes","process","env","NODE_ENV","_objectSpread","startup_page","oneOfType","string","number","current_page","page_count","startup_count","parallel_load_count","place_maker_before_content","bool","min_wait_time","disabled","skeleton","mode","oneOf","use_load_button","items","array","hide_progress_indicator","set_content_handler","func","reset_content_handler","reset_pagination_handler","end_infinity_handler","page_element","object","node","fallback_element","marker_element","indicator_element","align","button_title","prev_title","next_title","more_pages","is_loading_text","load_button_text","className","children","on_change","on_startup","on_load","on_end","paginationDefaultProps","undefined","Pagination","PureComponent","render","createElement","_extends","tagName","internalContent","props","PaginationInstance","_defineProperty","propTypes","constructor","_contentRef","createRef","context","getTranslation","_disabled","_skeleton","_tagName","_page_count","_current_page","_startup_page","_mode","_hide_progress_indicator","_use_load_button","currentPage","_currentPage","attributes","_objectWithoutProperties","_excluded","pagination","_items$find","mainParams","content","find","pageNumber","contentRef","length","PaginationContent","ref","_InfinityScroller","InfinityMarker","_this$props","_excluded2","useMarkerOnly","forwardRef","_ref","_excluded3","tabIndex","isRequired","Bar","Content","PaginationWrapper","InfinityMarkerWrapper","createPagination","initProps","store","rerender","_setContent","_resetContent","_resetInfinity","_endInfinity","setContent","current","resetContent","resetInfinity","endInfinity","args","fn","_supportsSpacingProps"],"sources":["../../../../src/components/pagination/Pagination.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport PaginationContext from './PaginationContext'\nimport PaginationProvider from './PaginationProvider'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport { PaginationIndicator } from './PaginationHelpers'\nimport InfinityScroller from './PaginationInfinity'\nimport PaginationBar from './PaginationBar'\n\nconst paginationPropTypes = {\n  startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  startup_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  parallel_load_count: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  place_maker_before_content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  min_wait_time: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  mode: PropTypes.oneOf(['pagination', 'infinity']),\n  use_load_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  items: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  hide_progress_indicator: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  set_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_pagination_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  end_infinity_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  page_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  fallback_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  marker_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  indicator_element: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  align: PropTypes.string,\n  button_title: PropTypes.string,\n  prev_title: PropTypes.string,\n  next_title: PropTypes.string,\n  more_pages: PropTypes.string,\n  is_loading_text: PropTypes.string,\n  load_button_text: PropTypes.string,\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_startup: PropTypes.func,\n  on_load: PropTypes.func,\n  on_end: PropTypes.func,\n}\n\nconst paginationDefaultProps = {\n  startup_page: null,\n  current_page: null,\n  page_count: null,\n  mode: 'pagination',\n  use_load_button: false,\n  items: null,\n  hide_progress_indicator: false,\n  set_content_handler: null,\n  reset_content_handler: null,\n  page_element: undefined,\n  fallback_element: undefined,\n  marker_element: undefined,\n  indicator_element: undefined,\n  align: 'left',\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  is_loading_text: null,\n  load_button_text: null,\n  startup_count: 1,\n  parallel_load_count: 1,\n  place_maker_before_content: false,\n  min_wait_time: 400,\n  disabled: null,\n  skeleton: null,\n\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_startup: null,\n  on_load: null,\n  on_end: null,\n}\n\nexport default class Pagination extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    return (\n      <PaginationProvider\n        tagName=\"dnb-pagination\"\n        internalContent={this.props.children}\n        {...this.props}\n      >\n        <PaginationInstance {...this.props} />\n      </PaginationProvider>\n    )\n  }\n}\n\nclass PaginationInstance extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n  static contextType = PaginationContext\n\n  constructor(props) {\n    super(props)\n    this._contentRef = React.createRef()\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      paginationDefaultProps,\n      this.context.getTranslation(this.props).Pagination,\n      this.context.Pagination\n    )\n\n    const {\n      align,\n      children,\n      className,\n\n      disabled: _disabled, // eslint-disable-line\n      skeleton: _skeleton, // eslint-disable-line\n      tagName: _tagName, // eslint-disable-line\n      page_count: _page_count, // eslint-disable-line\n      current_page: _current_page, // eslint-disable-line\n      startup_page: _startup_page, // eslint-disable-line\n      mode: _mode, // eslint-disable-line\n      hide_progress_indicator: _hide_progress_indicator, // eslint-disable-line\n      use_load_button: _use_load_button, // eslint-disable-line\n      currentPage: _currentPage, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    // our props\n    const { currentPage, items, fallback_element, indicator_element } =\n      this.context.pagination\n\n    // Pagination mode\n    if (this.context.pagination.mode === 'pagination') {\n      const mainParams = {\n        className: classnames(\n          'dnb-pagination',\n          align && `dnb-pagination--${align}`,\n          createSpacingClasses(props),\n          className\n        ),\n        ...attributes,\n      }\n\n      validateDOMAttributes(props, mainParams)\n\n      const content = items.find(\n        ({ pageNumber }) => pageNumber === currentPage\n      )?.content\n\n      return (\n        <div {...mainParams}>\n          <PaginationBar contentRef={this._contentRef}>\n            {children}\n          </PaginationBar>\n          {items.length > 0 && (\n            <PaginationContent ref={this._contentRef}>\n              {content || (\n                <PaginationIndicator\n                  indicator_element={indicator_element || fallback_element}\n                />\n              )}\n            </PaginationContent>\n          )}\n        </div>\n      )\n    }\n\n    // InfinityScroller mode\n    return <InfinityScroller />\n  }\n}\n\nexport class InfinityMarker extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    const { children, ...props } = this.props\n    return (\n      <PaginationProvider\n        useMarkerOnly\n        tagName=\"dnb-infinity-marker\"\n        {...props}\n      >\n        <InfinityScroller {...props}>{children}</InfinityScroller>\n      </PaginationProvider>\n    )\n  }\n}\n\nconst PaginationContent = React.forwardRef(\n  ({ children, ...props }, ref) => {\n    return (\n      <div\n        className=\"dnb-pagination__content dnb-no-focus\"\n        tabIndex=\"-1\"\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nPaginationContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n}\n\n// NB: This is not ready yet\nPagination.Bar = PaginationBar\nPagination.Content = PaginationContent\n\nconst PaginationWrapper = Pagination\nconst InfinityMarkerWrapper = InfinityMarker\n\nexport const Bar = (props) => (\n  <Pagination fallback_element={() => null} {...props} />\n)\n\nexport const createPagination = (initProps = {}) => {\n  const store = React.createRef({})\n  const rerender = React.createRef(null)\n  const _setContent = React.createRef(null)\n  const _resetContent = React.createRef(null)\n  const _resetInfinity = React.createRef(null)\n  const _endInfinity = React.createRef(null)\n\n  const setContent = (pageNumber, content) => {\n    if (pageNumber > 0) {\n      store.current = { ...store.current, ...{ pageNumber, content } }\n      rerender.current && rerender.current(store)\n    }\n  }\n  const resetContent = () => {\n    _resetContent.current && _resetContent.current()\n  }\n  const resetInfinity = () => {\n    _resetInfinity.current && _resetInfinity.current()\n  }\n  const endInfinity = () => {\n    _endInfinity.current && _endInfinity.current()\n  }\n\n  const args = (props) => ({\n    ...{ ...initProps, ...props },\n    store,\n    rerender,\n    set_content_handler: (fn) => (_setContent.current = fn),\n    reset_content_handler: (fn) => (_resetContent.current = fn),\n    reset_pagination_handler: (fn) => (_resetInfinity.current = fn),\n    end_infinity_handler: (fn) => (_endInfinity.current = fn),\n  })\n\n  const Pagination = (props) => (\n    <PaginationWrapper tagName=\"dnb-pagination\" {...args(props)} />\n  )\n\n  const InfinityMarker = (props) => (\n    <InfinityMarkerWrapper\n      tagName={InfinityMarkerWrapper?.tagName}\n      {...args(props)}\n    />\n  )\n\n  return {\n    Pagination,\n    InfinityMarker,\n    setContent,\n    resetContent,\n    resetInfinity,\n    endInfinity,\n  }\n}\n\nPagination._supportsSpacingProps = true\n"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","names":["React","PropTypes","classnames","PaginationContext","PaginationProvider","validateDOMAttributes","extendPropsWithContextInClassComponent","spacingPropTypes","createSpacingClasses","PaginationIndicator","InfinityScroller","PaginationBar","paginationPropTypes","process","env","NODE_ENV","_objectSpread","startup_page","oneOfType","string","number","current_page","page_count","startup_count","parallel_load_count","place_maker_before_content","bool","min_wait_time","disabled","skeleton","mode","oneOf","use_load_button","items","array","hide_progress_indicator","set_content_handler","func","reset_content_handler","reset_pagination_handler","end_infinity_handler","page_element","object","node","fallback_element","marker_element","indicator_element","align","button_title","prev_title","next_title","more_pages","is_loading_text","load_button_text","loadButton","className","children","on_change","on_startup","on_load","on_end","paginationDefaultProps","undefined","Pagination","PureComponent","render","createElement","_extends","tagName","internalContent","props","PaginationInstance","_defineProperty","propTypes","constructor","_contentRef","createRef","context","getTranslation","_disabled","_skeleton","_tagName","_page_count","_current_page","_startup_page","_mode","_hide_progress_indicator","_use_load_button","currentPage","_currentPage","attributes","_objectWithoutProperties","_excluded","pagination","_items$find","mainParams","content","find","pageNumber","contentRef","length","PaginationContent","ref","_InfinityScroller","InfinityMarker","_this$props","_excluded2","useMarkerOnly","forwardRef","_ref","_excluded3","tabIndex","isRequired","Bar","Content","PaginationWrapper","InfinityMarkerWrapper","createPagination","initProps","store","rerender","_setContent","_resetContent","_resetInfinity","_endInfinity","setContent","current","resetContent","resetInfinity","endInfinity","args","fn","_supportsSpacingProps"],"sources":["../../../../src/components/pagination/Pagination.js"],"sourcesContent":["/**\n * Web Pagination Component\n *\n * This is a legacy component.\n * For referencing while developing new features, please use a Functional component.\n */\n\nimport React from 'react'\nimport PropTypes from 'prop-types'\nimport classnames from 'classnames'\nimport PaginationContext from './PaginationContext'\nimport PaginationProvider from './PaginationProvider'\nimport {\n  validateDOMAttributes,\n  extendPropsWithContextInClassComponent,\n} from '../../shared/component-helper'\nimport {\n  spacingPropTypes,\n  createSpacingClasses,\n} from '../space/SpacingHelper'\n\nimport { PaginationIndicator } from './PaginationHelpers'\nimport InfinityScroller from './PaginationInfinity'\nimport PaginationBar from './PaginationBar'\n\nconst paginationPropTypes = {\n  startup_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  current_page: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  page_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  startup_count: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  parallel_load_count: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  place_maker_before_content: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  min_wait_time: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  disabled: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  skeleton: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  mode: PropTypes.oneOf(['pagination', 'infinity']),\n  use_load_button: PropTypes.oneOfType([PropTypes.string, PropTypes.bool]),\n  items: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n  hide_progress_indicator: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.bool,\n  ]),\n  set_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_content_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  reset_pagination_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  end_infinity_handler: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.func,\n  ]),\n  page_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  fallback_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  marker_element: PropTypes.oneOfType([\n    PropTypes.object,\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  indicator_element: PropTypes.oneOfType([\n    PropTypes.node,\n    PropTypes.func,\n    PropTypes.string,\n  ]),\n  align: PropTypes.string,\n  button_title: PropTypes.string,\n  prev_title: PropTypes.string,\n  next_title: PropTypes.string,\n  more_pages: PropTypes.string,\n  is_loading_text: PropTypes.string,\n  load_button_text: PropTypes.string,\n  loadButton: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),\n\n  ...spacingPropTypes,\n\n  className: PropTypes.string,\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),\n\n  on_change: PropTypes.func,\n  on_startup: PropTypes.func,\n  on_load: PropTypes.func,\n  on_end: PropTypes.func,\n}\n\nconst paginationDefaultProps = {\n  startup_page: null,\n  current_page: null,\n  page_count: null,\n  mode: 'pagination',\n  use_load_button: false,\n  items: null,\n  hide_progress_indicator: false,\n  set_content_handler: null,\n  reset_content_handler: null,\n  page_element: undefined,\n  fallback_element: undefined,\n  marker_element: undefined,\n  indicator_element: undefined,\n  align: 'left',\n  button_title: null,\n  prev_title: null,\n  next_title: null,\n  more_pages: null,\n  is_loading_text: null,\n  load_button_text: null,\n  loadButton: null,\n  startup_count: 1,\n  parallel_load_count: 1,\n  place_maker_before_content: false,\n  min_wait_time: 400,\n  disabled: null,\n  skeleton: null,\n\n  className: null,\n  children: null,\n\n  on_change: null,\n  on_startup: null,\n  on_load: null,\n  on_end: null,\n}\n\nexport default class Pagination extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    return (\n      <PaginationProvider\n        tagName=\"dnb-pagination\"\n        internalContent={this.props.children}\n        {...this.props}\n      >\n        <PaginationInstance {...this.props} />\n      </PaginationProvider>\n    )\n  }\n}\n\nclass PaginationInstance extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n  static contextType = PaginationContext\n\n  constructor(props) {\n    super(props)\n    this._contentRef = React.createRef()\n  }\n\n  render() {\n    // use only the props from context, who are available here anyway\n    const props = extendPropsWithContextInClassComponent(\n      this.props,\n      paginationDefaultProps,\n      this.context.getTranslation(this.props).Pagination,\n      this.context.Pagination\n    )\n\n    const {\n      align,\n      children,\n      className,\n\n      disabled: _disabled, // eslint-disable-line\n      skeleton: _skeleton, // eslint-disable-line\n      tagName: _tagName, // eslint-disable-line\n      page_count: _page_count, // eslint-disable-line\n      current_page: _current_page, // eslint-disable-line\n      startup_page: _startup_page, // eslint-disable-line\n      mode: _mode, // eslint-disable-line\n      hide_progress_indicator: _hide_progress_indicator, // eslint-disable-line\n      use_load_button: _use_load_button, // eslint-disable-line\n      currentPage: _currentPage, // eslint-disable-line\n\n      ...attributes\n    } = props\n\n    // our props\n    const { currentPage, items, fallback_element, indicator_element } =\n      this.context.pagination\n\n    // Pagination mode\n    if (this.context.pagination.mode === 'pagination') {\n      const mainParams = {\n        className: classnames(\n          'dnb-pagination',\n          align && `dnb-pagination--${align}`,\n          createSpacingClasses(props),\n          className\n        ),\n        ...attributes,\n      }\n\n      validateDOMAttributes(props, mainParams)\n\n      const content = items.find(\n        ({ pageNumber }) => pageNumber === currentPage\n      )?.content\n\n      return (\n        <div {...mainParams}>\n          <PaginationBar contentRef={this._contentRef}>\n            {children}\n          </PaginationBar>\n          {items.length > 0 && (\n            <PaginationContent ref={this._contentRef}>\n              {content || (\n                <PaginationIndicator\n                  indicator_element={indicator_element || fallback_element}\n                />\n              )}\n            </PaginationContent>\n          )}\n        </div>\n      )\n    }\n\n    // InfinityScroller mode\n    return <InfinityScroller />\n  }\n}\n\nexport class InfinityMarker extends React.PureComponent {\n  static propTypes = { ...paginationPropTypes }\n  static defaultProps = paginationDefaultProps\n\n  render() {\n    const { children, ...props } = this.props\n    return (\n      <PaginationProvider\n        useMarkerOnly\n        tagName=\"dnb-infinity-marker\"\n        {...props}\n      >\n        <InfinityScroller {...props}>{children}</InfinityScroller>\n      </PaginationProvider>\n    )\n  }\n}\n\nconst PaginationContent = React.forwardRef(\n  ({ children, ...props }, ref) => {\n    return (\n      <div\n        className=\"dnb-pagination__content dnb-no-focus\"\n        tabIndex=\"-1\"\n        {...props}\n        ref={ref}\n      >\n        {children}\n      </div>\n    )\n  }\n)\nPaginationContent.propTypes = {\n  children: PropTypes.oneOfType([PropTypes.node, PropTypes.func])\n    .isRequired,\n}\n\n// NB: This is not ready yet\nPagination.Bar = PaginationBar\nPagination.Content = PaginationContent\n\nconst PaginationWrapper = Pagination\nconst InfinityMarkerWrapper = InfinityMarker\n\nexport const Bar = (props) => (\n  <Pagination fallback_element={() => null} {...props} />\n)\n\nexport const createPagination = (initProps = {}) => {\n  const store = React.createRef({})\n  const rerender = React.createRef(null)\n  const _setContent = React.createRef(null)\n  const _resetContent = React.createRef(null)\n  const _resetInfinity = React.createRef(null)\n  const _endInfinity = React.createRef(null)\n\n  const setContent = (pageNumber, content) => {\n    if (pageNumber > 0) {\n      store.current = { ...store.current, ...{ pageNumber, content } }\n      rerender.current && rerender.current(store)\n    }\n  }\n  const resetContent = () => {\n    _resetContent.current && _resetContent.current()\n  }\n  const resetInfinity = () => {\n    _resetInfinity.current && _resetInfinity.current()\n  }\n  const endInfinity = () => {\n    _endInfinity.current && _endInfinity.current()\n  }\n\n  const args = (props) => ({\n    ...{ ...initProps, ...props },\n    store,\n    rerender,\n    set_content_handler: (fn) => (_setContent.current = fn),\n    reset_content_handler: (fn) => (_resetContent.current = fn),\n    reset_pagination_handler: (fn) => (_resetInfinity.current = fn),\n    end_infinity_handler: (fn) => (_endInfinity.current = fn),\n  })\n\n  const Pagination = (props) => (\n    <PaginationWrapper tagName=\"dnb-pagination\" {...args(props)} />\n  )\n\n  const InfinityMarker = (props) => (\n    <InfinityMarkerWrapper\n      tagName={InfinityMarkerWrapper?.tagName}\n      {...args(props)}\n    />\n  )\n\n  return {\n    Pagination,\n    InfinityMarker,\n    setContent,\n    resetContent,\n    resetInfinity,\n    endInfinity,\n  }\n}\n\nPagination._supportsSpacingProps = true\n"],"mappings":"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"}