@pega/cosmos-react-core 10.0.0-build.4.0 → 10.0.0-build.4.2

package/lib/components/PageTemplates/GridLayout/GridLayoutViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayoutViewer.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/GridLayoutViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type FC, forwardRef, type ReactElement, type Ref, useMemo } from 'react';\nimport { Responsive as ResponsiveGridLayout } from 'react-grid-layout';\nimport styled, { css } from 'styled-components';\n\nimport Flex from '../../Flex';\nimport { useDirection, useElement } from '../../../hooks';\n\nimport type { GridBreakPointWiseValues, GridLayoutModel } from './config';\nimport useGridLayoutConfig from './config';\nimport {\n  convertLtrToRtl,\n  getBreakpointAndCols,\n  getLastItemsInLayout,\n  getRowHeight,\n  useGridItemSorter,\n  useMonitoredSize,\n  type GridLayoutRowsProp\n} from './utils';\nimport ReactGridLayoutStyles from './ReactGridLayoutStyles';\n\nconst StyledWrapper = styled(Flex)`\n  block-size: 100%;\n`;\n\nconst StyledEmptyFooter = styled.div`\n  block-size: ${({ theme }) => `calc(${theme.base.spacing} * 2)`};\n`;\n\nconst StyledAutoSizeItem = styled(Flex)<{ autoSize: boolean }>(({ autoSize }) => {\n  if (!autoSize) return '';\n  return css`\n    /* Overriding the inline style added by the RGL plugin. Needed to give the item a free height. */\n    height: auto !important;\n\n    /* Needed to maintain the extra gap at the bottom, since it's position absolute-ly */\n    padding-bottom: 1rem;\n  `;\n});\n\n/**\n * Wrapper on top of GridItems to forward ref, etc.\n * https://github.com/react-grid-layout/react-grid-layout#custom-child-components-and-draggable-handles\n */\nconst ViewerGridItem = forwardRef(\n  ({ children, autoSize, direction, ...restProps }: any, ref: Ref<HTMLDivElement>) => (\n    <StyledAutoSizeItem\n      autoSize={autoSize}\n      container={{ direction: 'column' }}\n      ref={ref}\n      {...restProps}\n      dir={direction}\n    >\n      {children}\n    </StyledAutoSizeItem>\n  )\n);\n\n/** Props for the GridLayoutViewer component */\nexport interface GridLayoutViewerProps {\n  /**\n   * Layout-model saved previously from a GridLayoutEditor.\n   * If undefined, the elements will be rendered in some default layout.\n   * NOTE: A remount is needed if this layoutModel needs to be changed from the outside.\n   * - The component reads it only once on load and populates layouts for missing breakpoints, assuming `lg` as the baseline\n   */\n  layoutModel: GridLayoutModel | undefined;\n\n  /**\n   * Breakpoints set on the Grid.\n   * Needs to be aligned with `rows` and `cols`\n   */\n  breakpoints: GridBreakPointWiseValues;\n\n  /**\n   * # of rows to fit into the container height at each breakpoint (unless a fixed rowHeight is preferred)\n   * rows should be aligned with `breakpoints` prop\n   */\n  rows: GridLayoutRowsProp;\n\n  /**\n   * Breakpoint-wise numColumns on the Grid.\n   * cols should be aligned with `breakpoints` prop\n   */\n  cols: GridBreakPointWiseValues;\n\n  /** Child elements to be rendered as Grid items. Each element should have a unique `key` */\n  children?: ReactElement[];\n\n  /**\n   * List of items that needs to have free-flowing height.\n   * NOTE: This works just for the items which don't have any other content underneath them.\n   * By default, all items will have fixed heights derived from the `layoutModel` prop\n   */\n  autoSizeItemIDs?: string[];\n\n  /**\n   * Add container margin to viewer and runtime\n   * @default true\n   */\n  padContent?: boolean;\n\n  /**\n   * Optional minimum row height (px) to override the built-in defaults.\n   * Useful when grid items contain content that requires more vertical space\n   * than the default minimum (e.g. compact SimpleValue insights).\n   */\n  minRowHeight?: number;\n}\n\n/**\n * Viewer component for a Grid created using GridLayoutEditor\n * @component\n */\nconst GridLayoutViewer: FC<GridLayoutViewerProps> = ({\n  children,\n  layoutModel: layoutModelProp,\n  rows,\n  cols,\n  autoSizeItemIDs = [],\n  breakpoints,\n  padContent = true,\n  minRowHeight: minRowHeightProp\n}) => {\n  // Track width changes: https://github.com/react-grid-layout/react-grid-layout#providing-grid-width\n  const [wrapperEl, setWrapperEl] = useElement<HTMLElement>();\n  const size = useMonitoredSize(wrapperEl);\n  const width = size?.width;\n  const height = size?.height;\n  const commonGridConfig = useGridLayoutConfig(padContent);\n  const { breakpoint, numColumns } = useMemo(\n    () => getBreakpointAndCols(width || 0, breakpoints, cols),\n    [width, breakpoints, cols]\n  );\n  const { rowHeight } = useMemo(\n    () =>\n      getRowHeight(\n        breakpoint,\n        height || 0,\n        commonGridConfig.margin[0],\n        rows,\n        layoutModelProp,\n        minRowHeightProp\n      ),\n    [breakpoint, commonGridConfig.margin, height, rows, layoutModelProp, minRowHeightProp]\n  );\n\n  // On load, setting layoutModel based on the direction\n  const { rtl } = useDirection();\n  const layoutModel = useMemo(() => {\n    if (rtl && layoutModelProp) return convertLtrToRtl(layoutModelProp, cols);\n    return layoutModelProp;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Callback to sort child DOM nodes to ensure an intuitive tabbing order\n  const gridItemSorter = useGridItemSorter(layoutModelProp?.[breakpoint], numColumns);\n\n  // Get list of last items in layout\n  const lastItemsInLayout = useMemo(\n    () => getLastItemsInLayout(layoutModel?.[breakpoint]),\n    [breakpoint, layoutModel]\n  );\n\n  return (\n    // Enforcing ltr here due to limitations of the RGL plugin.\n    // The layout is mirrored using convertLtrToRtl above,\n    // and then the direction is explicitly passed to items below.\n    <StyledWrapper ref={setWrapperEl} dir='ltr'>\n      <ReactGridLayoutStyles />\n\n      {!!width && !!height && (\n        <ResponsiveGridLayout\n          {...commonGridConfig}\n          width={width}\n          rowHeight={Math.max(rowHeight, 50)}\n          layouts={layoutModel}\n          isResizable={false}\n          isDraggable={false}\n          isDroppable={false}\n          cols={cols}\n          breakpoints={breakpoints}\n        >\n          {children?.sort(gridItemSorter).map(child => {\n            const autoSize =\n              autoSizeItemIDs.includes(child.key!) && lastItemsInLayout.includes(child.key!);\n\n            return (\n              <ViewerGridItem key={child.key} autoSize={autoSize} direction={rtl ? 'rtl' : 'ltr'}>\n                {child}\n              </ViewerGridItem>\n            );\n          })}\n\n          {(!children || children.length === 0) && (\n            // Placeholder when no children. Needed to avoid exceptions:\n            // https://github.com/react-grid-layout/react-grid-layout/issues/216\n            <div key='--' />\n          )}\n        </ResponsiveGridLayout>\n      )}\n      {/** Removed container padding, hence adding extra space at bottom of grid */}\n      <StyledEmptyFooter />\n    </StyledWrapper>\n  );\n};\n\nexport default GridLayoutViewer;\n"]}
+{"version":3,"file":"GridLayoutViewer.js","sourceRoot":"","sources":["../../../../src/components/PageTemplates/GridLayout/GridLayoutViewer.tsx"],"names":[],"mappings":"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","sourcesContent":["import { type FC, forwardRef, type ReactElement, type Ref, useMemo } from 'react';\nimport { Responsive as ResponsiveGridLayout } from 'react-grid-layout';\nimport styled, { css } from 'styled-components';\n\nimport Flex from '../../Flex';\nimport { useDirection, useElement } from '../../../hooks';\n\nimport type { GridBreakPointWiseValues, GridLayoutModel } from './config';\nimport useGridLayoutConfig from './config';\nimport {\n  convertLtrToRtl,\n  getBreakpointAndCols,\n  getLastItemsInLayout,\n  getRowHeight,\n  useGridItemSorter,\n  useMonitoredSize,\n  type GridLayoutRowsProp\n} from './utils';\nimport ReactGridLayoutStyles from './ReactGridLayoutStyles';\n\nconst StyledWrapper = styled(Flex)`\n  block-size: 100%;\n`;\n\nconst StyledEmptyFooter = styled.div`\n  block-size: ${({ theme }) => `calc(${theme.base.spacing} * 2)`};\n`;\n\nconst StyledAutoSizeItem = styled(Flex)<{ autoSize: boolean }>(({ autoSize }) => {\n  if (!autoSize) return '';\n  return css`\n    /* Overriding the inline style added by the RGL plugin. Needed to give the item a free height. */\n    height: auto !important;\n\n    /* Needed to maintain the extra gap at the bottom, since it's position absolute-ly */\n    padding-bottom: 1rem;\n  `;\n});\n\n/**\n * Wrapper on top of GridItems to forward ref, etc.\n * https://github.com/react-grid-layout/react-grid-layout#custom-child-components-and-draggable-handles\n */\nconst ViewerGridItem = forwardRef(\n  ({ children, autoSize, direction, ...restProps }: any, ref: Ref<HTMLDivElement>) => (\n    <StyledAutoSizeItem\n      autoSize={autoSize}\n      container={{ direction: 'column' }}\n      ref={ref}\n      {...restProps}\n      dir={direction}\n    >\n      {children}\n    </StyledAutoSizeItem>\n  )\n);\n\n/** Props for the GridLayoutViewer component */\nexport interface GridLayoutViewerProps {\n  /**\n   * Layout-model saved previously from a GridLayoutEditor.\n   * If undefined, the elements will be rendered in some default layout.\n   * NOTE: A remount is needed if this layoutModel needs to be changed from the outside.\n   * - The component reads it only once on load and populates layouts for missing breakpoints, assuming `lg` as the baseline\n   */\n  layoutModel: GridLayoutModel | undefined;\n\n  /**\n   * Breakpoints set on the Grid.\n   * Needs to be aligned with `rows` and `cols`\n   */\n  breakpoints: GridBreakPointWiseValues;\n\n  /**\n   * # of rows to fit into the container height at each breakpoint (unless a fixed rowHeight is preferred)\n   * rows should be aligned with `breakpoints` prop\n   */\n  rows: GridLayoutRowsProp;\n\n  /**\n   * Breakpoint-wise numColumns on the Grid.\n   * cols should be aligned with `breakpoints` prop\n   */\n  cols: GridBreakPointWiseValues;\n\n  /** Child elements to be rendered as Grid items. Each element should have a unique `key` */\n  children?: ReactElement[];\n\n  /**\n   * List of items that needs to have free-flowing height.\n   * NOTE: This works just for the items which don't have any other content underneath them.\n   * By default, all items will have fixed heights derived from the `layoutModel` prop\n   */\n  autoSizeItemIDs?: string[];\n\n  /**\n   * Add container margin to viewer and runtime\n   * @default true\n   */\n  padContent?: boolean;\n\n  /**\n   * Optional minimum row height (px) to override the built-in defaults.\n   * Useful when grid items contain content that requires more vertical space\n   * than the default minimum (e.g. compact SimpleValue insights).\n   */\n  minRowHeight?: number;\n}\n\n/**\n * Viewer component for a Grid created using GridLayoutEditor\n * @component\n */\nconst GridLayoutViewer: FC<GridLayoutViewerProps> = ({\n  children,\n  layoutModel: layoutModelProp,\n  rows,\n  cols,\n  autoSizeItemIDs = [],\n  breakpoints,\n  padContent = true,\n  minRowHeight: minRowHeightProp\n}) => {\n  // Track width changes: https://github.com/react-grid-layout/react-grid-layout#providing-grid-width\n  const [wrapperEl, setWrapperEl] = useElement<HTMLElement>();\n  const size = useMonitoredSize(wrapperEl);\n  const width = size?.width;\n  const height = size?.height;\n  const commonGridConfig = useGridLayoutConfig(padContent);\n  const { breakpoint, numColumns } = useMemo(\n    () => getBreakpointAndCols(width || 0, breakpoints, cols),\n    [width, breakpoints, cols]\n  );\n  const { rowHeight } = useMemo(\n    () =>\n      getRowHeight(\n        breakpoint,\n        height || 0,\n        commonGridConfig.margin[0],\n        rows,\n        layoutModelProp,\n        minRowHeightProp\n      ),\n    [breakpoint, commonGridConfig.margin, height, rows, layoutModelProp, minRowHeightProp]\n  );\n\n  // On load, setting layoutModel based on the direction\n  const { rtl } = useDirection();\n  const layoutModel = useMemo(() => {\n    if (rtl && layoutModelProp) return convertLtrToRtl(layoutModelProp, cols);\n    return layoutModelProp;\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Callback to sort child DOM nodes to ensure an intuitive tabbing order\n  const gridItemSorter = useGridItemSorter(layoutModelProp?.[breakpoint], numColumns);\n\n  // Get list of last items in layout\n  const lastItemsInLayout = useMemo(\n    () => getLastItemsInLayout(layoutModel?.[breakpoint]),\n    [breakpoint, layoutModel]\n  );\n\n  return (\n    // Enforcing ltr here due to limitations of the RGL plugin.\n    // The layout is mirrored using convertLtrToRtl above,\n    // and then the direction is explicitly passed to items below.\n    <StyledWrapper ref={setWrapperEl} dir='ltr'>\n      <ReactGridLayoutStyles />\n\n      {!!width && !!height && (\n        <ResponsiveGridLayout\n          {...commonGridConfig}\n          width={width}\n          rowHeight={Math.max(rowHeight, 50)}\n          layouts={layoutModel}\n          isResizable={false}\n          isDraggable={false}\n          isDroppable={false}\n          cols={cols}\n          breakpoints={breakpoints}\n        >\n          {children?.sort(gridItemSorter).map(child => {\n            const autoSize =\n              autoSizeItemIDs.includes(child.key!) && lastItemsInLayout.includes(child.key!);\n\n            return (\n              <ViewerGridItem key={child.key} autoSize={autoSize} direction={rtl ? 'rtl' : 'ltr'}>\n                {child}\n              </ViewerGridItem>\n            );\n          })}\n\n          {(!children || children.length === 0) && (\n            // Placeholder when no children. Needed to avoid exceptions:\n            // https://github.com/react-grid-layout/react-grid-layout/issues/216\n            <div key='--' />\n          )}\n        </ResponsiveGridLayout>\n      )}\n      {/** Removed container padding, hence adding extra space at bottom of grid */}\n      <StyledEmptyFooter />\n    </StyledWrapper>\n  );\n};\n\nexport default GridLayoutViewer;\n"]}

package/lib/components/PageTemplates/PageTemplates.d.ts

@@ -108,7 +108,7 @@ export declare const StyledPageIcon: import("styled-components/dist/types").ISty
     md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
-}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "item" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
     children?: ReactNode;
@@ -134,7 +134,7 @@ export declare const StyledPageIcon: import("styled-components/dist/types").ISty
     md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
-}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "xs" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
     children?: ReactNode;
@@ -160,7 +160,7 @@ export declare const StyledPageIcon: import("styled-components/dist/types").ISty
     md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
-}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xl" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
     children?: ReactNode;
@@ -186,7 +186,7 @@ export declare const StyledPageIcon: import("styled-components/dist/types").ISty
     md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
-}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "sm" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
     children?: ReactNode;
@@ -212,7 +212,7 @@ export declare const StyledPageIcon: import("styled-components/dist/types").ISty
     md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
-}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "xl" | "md" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
     children?: ReactNode;
@@ -238,7 +238,7 @@ export declare const StyledPageIcon: import("styled-components/dist/types").ISty
     md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
-}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "xl" | "sm" | "lg">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }) | (Omit<Omit<Pick<import("../Flex/Flex").BaseFlexProps & BaseProps & AsProp & {
     children?: ReactNode;
@@ -264,7 +264,7 @@ export declare const StyledPageIcon: import("styled-components/dist/types").ISty
     md?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     lg?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
     xl?: Pick<import("../Flex/Flex").BaseFlexProps, never> & ((Required<Pick<import("../Flex/Flex").BaseFlexProps, "container">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "item">>) | (Required<Pick<import("../Flex/Flex").BaseFlexProps, "item">> & Partial<Pick<import("../Flex/Flex").BaseFlexProps, "container">>));
-}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../../types").ForwardProps, "ref"> & {
+}, "container" | "item" | "xs" | "xl" | "sm" | "md">>, "ref"> & import("react").RefAttributes<Element> & import("../..").ForwardProps, "ref"> & {
     ref?: import("react").RefObject<Element> | ((instance: Element | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | null | undefined;
 }), import("styled-components/dist/types").BaseObject>> & string & Omit<ForwardRefForwardPropsComponent<import("../Flex").FlexProps>, keyof import("react").Component<any, {}, any>>;
 export declare const StyledPageHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;

package/lib/components/Phone/PhoneInput.d.ts

@@ -22,7 +22,7 @@ export interface PhoneInputProps extends FormControlProps, BaseProps, NoChildren
     autoComplete?: AutoFillTel;
 }
 declare const _default: ForwardRefForwardPropsComponent<PhoneInputProps> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "country-code", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "country-code", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=PhoneInput.d.ts.map

package/lib/components/RadioButton/RadioButton.d.ts

@@ -1,7 +1,7 @@
 import type { RadioCheckProps } from '../RadioCheck';
 export type RadioButtonProps = Omit<RadioCheckProps, 'type'>;
 declare const _default: import("react").ForwardRefExoticComponent<Omit<RadioButtonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=RadioButton.d.ts.map

package/lib/components/RadioButton/RadioButtonCard.d.ts

@@ -11,7 +11,7 @@ export type RadioButtonCardProps = OmitStrict<SelectionCardProps, 'heading'> & O
     headingTag?: HeadingTag;
 };
 declare const _default: import("react").ForwardRefExoticComponent<Omit<RadioButtonCardProps, "ref"> & import("react").RefAttributes<HTMLInputElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "content", "image", "label", "actions"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "content", "image", "label", "actions"]>;
 };
 export default _default;
 //# sourceMappingURL=RadioButtonCard.d.ts.map

package/lib/components/RadioButtonGroup/RadioButtonGroup.d.ts

@@ -1,7 +1,7 @@
 import type { RadioCheckGroupProps } from '../RadioCheckGroup';
 export type RadioButtonGroupProps = Omit<RadioCheckGroupProps, 'arrowNavigation'>;
 declare const _default: import("react").ForwardRefExoticComponent<Omit<RadioButtonGroupProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=RadioButtonGroup.d.ts.map

package/lib/components/RadioCheck/RadioCheck.d.ts

@@ -44,7 +44,7 @@ export declare const StyledRadioCheck: import("styled-components/dist/types").IS
 }>> & string;
 export declare const StyledRadioCheckCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Pick<RadioCheckProps, "disabled" | "readOnly" | "status">>> & string;
 declare const _default: import("react").ForwardRefExoticComponent<Omit<RadioCheckProps, "ref"> & import("react").RefAttributes<HTMLInputElement>> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=RadioCheck.d.ts.map

package/lib/components/RadioCheckGroup/RadioCheckGroup.d.ts

@@ -58,7 +58,7 @@ export type RadioCheckGroupProps = WithAttributes<'fieldset', TestIdProp<typeof
 }>;
 export declare const StyledRadioCheckGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>> & string;
 declare const _default: import("react").ForwardRefExoticComponent<Omit<RadioCheckGroupProps, "ref"> & import("react").RefAttributes<HTMLElement>> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=RadioCheckGroup.d.ts.map

package/lib/components/Select/Select.d.ts

@@ -45,7 +45,7 @@ export declare const StyledSelect: import("styled-components/dist/types").IStyle
     hasSuggestion?: boolean;
 }>> & string;
 declare const _default: ForwardRefForwardPropsComponent<SelectProps> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=Select.d.ts.map

package/lib/components/SelectionCard/SelectionCard.d.ts

@@ -1,7 +1,7 @@
 import type { SelectionCardProps } from './SelectionCard.types';
 export declare const focusableSelector = "a[href], button, input, textarea, select, details, video[controls], audio[controls]";
 declare const _default: import("react").ForwardRefExoticComponent<Omit<SelectionCardProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["content", "image", "label", "actions"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["content", "image", "label", "actions"]>;
 };
 export default _default;
 //# sourceMappingURL=SelectionCard.d.ts.map

package/lib/components/SelectionCard/SelectionCardDisplay.d.ts

@@ -10,7 +10,7 @@ export interface SelectionCardDisplayProps extends OmitStrict<SelectionCardProps
     headingTag?: HeadingTag;
 }
 declare const _default: import("react").ForwardRefExoticComponent<Omit<SelectionCardDisplayProps, "ref"> & import("react").RefAttributes<HTMLDivElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["content", "image", "label", "actions"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["content", "image", "label", "actions"]>;
 };
 export default _default;
 //# sourceMappingURL=SelectionCardDisplay.d.ts.map

package/lib/components/ShortcutManager/Store.d.ts

@@ -4,5 +4,5 @@ export type ActionDefinitions = {
         keyBinding: string;
     };
 };
-export declare const actionStore: import("../../hooks/useSimpleStore").SimpleStore<ActionDefinitions>;
+export declare const actionStore: import("../..").SimpleStore<ActionDefinitions>;
 //# sourceMappingURL=Store.d.ts.map

package/lib/components/ShortcutManager/Store.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Store.d.ts","sourceRoot":"","sources":["../../../src/components/ShortcutManager/Store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,GAAG;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,WAAW,qEAA6C,CAAC"}
+{"version":3,"file":"Store.d.ts","sourceRoot":"","sources":["../../../src/components/ShortcutManager/Store.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,MAAM,MAAM,iBAAiB,GAAG;IAAE,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,GAAG;QAAE,UAAU,EAAE,MAAM,CAAA;KAAE,CAAA;CAAE,CAAC;AAEjG,eAAO,MAAM,WAAW,gDAA6C,CAAC"}

package/lib/components/SkipLinks/SkipLinks.d.ts

@@ -8,6 +8,6 @@ interface SkipLink {
 export interface SkipLinksProps {
     items: SkipLink[];
 }
-declare const SkipLinks: import("react").NamedExoticComponent<SkipLinksProps>;
+declare const SkipLinks: import("react").MemoExoticComponent<({ items }: SkipLinksProps) => import("react/jsx-runtime").JSX.Element>;
 export default SkipLinks;
 //# sourceMappingURL=SkipLinks.d.ts.map

package/lib/components/SkipLinks/SkipLinks.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SkipLinks.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLinks/SkipLinks.tsx"],"names":[],"mappings":"AAWA,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,sDAqFb,CAAC;AAEH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"SkipLinks.d.ts","sourceRoot":"","sources":["../../../src/components/SkipLinks/SkipLinks.tsx"],"names":[],"mappings":"AAWA,UAAU,QAAQ;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE;QAAE,SAAS,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,MAAM,CAAA;KAAE,CAAC;CACjD;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,QAAQ,EAAE,CAAC;CACnB;AAED,QAAA,MAAM,SAAS,kDAAsC,cAAc,6CAqFjE,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/lib/components/Slider/Slider.d.ts

@@ -2,7 +2,7 @@ import type { FunctionComponent } from 'react';
 import type { ForwardProps } from '../../types';
 import type SliderProps from './Slider.types';
 declare const _default: FunctionComponent<SliderProps & ForwardProps> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["control", "label", "info", "additional-info", "suggestion-accept", "suggestion-reject"]>;
 };
 export default _default;
 //# sourceMappingURL=Slider.d.ts.map

package/lib/components/SpeechToTextButton/SpeechToTextButton.d.ts

@@ -7,7 +7,7 @@ export type SpeechToTextButtonProps = WithAttributes<'button', NoChildrenProp &
     ref?: Ref<HTMLButtonElement>;
 }>;
 declare const _default: import("react").ForwardRefExoticComponent<Omit<SpeechToTextButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>> & {
-    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly []>;
+    getTestIds: (testIdProp?: TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly []>;
 };
 export default _default;
 //# sourceMappingURL=SpeechToTextButton.d.ts.map