@pega/cosmos-react-work 9.25.1-2 → 9.25.1-4

package/lib/components/MasterDetail/MasterDetail.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.styles.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetail.styles.ts"],"names":[],"mappings":"AAOA;;;;;;;;;;GAUG;AACH,eAAO,MAAM,iBAAiB;mBAAmC,QAAQ,GAAG,SAAS;YAsBpF,CAAC;AAIF;;;;GAIG;AACH,eAAO,MAAM,sBAAsB,6NAqBlC,CAAC;AAIF,eAAO,MAAM,uBAAuB;gBAA4B,OAAO;YAkBtE,CAAC;AAIF,eAAO,MAAM,oBAAoB,6NAWhC,CAAC;AAIF,eAAO,MAAM,yBAAyB,6NAyBrC,CAAC;AAIF,eAAO,MAAM,qBAAqB,kaAIjC,CAAC;AAaF,eAAO,MAAM,oBAAoB,+NAahC,CAAC;AAIF,eAAO,MAAM,sBAAsB,+NAQlC,CAAC;AAIF,eAAO,MAAM,eAAe;;2LAmB3B,CAAC;AAIF,eAAO,MAAM,gBAAgB;;2BAM5B,CAAC;AAIF,eAAO,MAAM,qBAAqB,6NASjC,CAAC;AAIF;;;;;GAKG;AACH,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sOAI9B,CAAC;AAIF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;sOAKlC,CAAC;AAIF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBACf,MAAM;WACb,OAAO;cACJ,OAAO;kLA4ClB,CAAC"}

package/lib/components/MasterDetail/MasterDetail.styles.js

@@ -0,0 +1,246 @@
+import { transparentize } from 'polished';
+import styled, { css } from 'styled-components';
+import { Button, Flex, Icon, defaultThemeProp } from '@pega/cosmos-react-core';
+import { StyledResizeHandle } from '@pega/cosmos-react-core/lib/components/Drawer/ResizeHandle';
+import { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';
+/**
+ * The detail surface. In `docked` mode it is an in-flow flex item stretched to the host's height
+ * (its body scrolls internally). In `overlay` mode it floats over the host anchored to the trailing
+ * edge, lifted with a stronger shadow.
+ *
+ * In both modes the panel never contributes its intrinsic (content) height to the layout — its
+ * content is rendered in an absolutely-positioned inner column (`StyledDetailPanelInner`). That is
+ * what keeps a docked panel from growing the host past the master: the flex row's height is dictated
+ * solely by the master, `align-items: stretch` on the host stretches this panel to that height, and
+ * the body scrolls internally instead of overflowing.
+ */
+export const StyledDetailPanel = styled.section(({ theme, presentation }) => css `
+    --md-panel-edge-shadow: ${transparentize(0.85, theme.base.palette['foreground-color'])};
+    position: relative;
+    z-index: 1;
+    min-inline-size: 0;
+    overflow: hidden;
+    background: ${theme.base.palette['primary-background']};
+    border: 0.0625rem solid ${theme.base.palette['border-line']};
+    border-radius: 0 ${theme.base['border-radius']} ${theme.base['border-radius']} 0;
+
+    ${presentation === 'overlay' &&
+    css `
+      position: absolute;
+      inset-block: 0;
+      inset-inline-end: 0;
+      inline-size: min(90%, 40rem);
+      max-inline-size: 90%;
+      z-index: ${theme.base['z-index'].drawer};
+      box-shadow: ${theme.base.shadow.high};
+    `}
+  `);
+StyledDetailPanel.defaultProps = defaultThemeProp;
+/**
+ * Absolutely-positioned column that holds the header + body. Filling the panel box (`inset: 0`) while
+ * contributing zero intrinsic height is what lets the panel take its height from the host row rather
+ * than dictate it — the body then scrolls within this fixed box.
+ */
+export const StyledDetailPanelInner = styled.div `
+  position: absolute;
+  inset: 0;
+  display: flex;
+  flex-direction: column;
+
+  &::before {
+    content: '';
+    position: absolute;
+    inset-block: 0;
+    inset-inline-start: 0;
+    inline-size: 0.375rem;
+    pointer-events: none;
+    box-shadow: 0.1875rem 0 0.1875rem 0 var(--md-panel-edge-shadow) inset;
+    z-index: 1;
+  }
+
+  > * {
+    position: relative;
+    z-index: 0;
+  }
+`;
+StyledDetailPanelInner.defaultProps = defaultThemeProp;
+export const StyledDetailPanelHeader = styled.div(({ theme, $isNested }) => css `
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    height: calc(${theme.base.spacing} * 4);
+    flex-shrink: 0;
+    padding: 0;
+    background: ${theme.base.palette['primary-background']};
+
+    ${$isNested &&
+    css `
+      border-radius: ${theme.base['border-radius']} ${theme.base['border-radius']} 0 0;
+      border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};
+      box-shadow: 0 -0.125rem 0.25rem 0 ${transparentize(0.9, theme.base.palette.dark)};
+    `}
+  `);
+StyledDetailPanelHeader.defaultProps = defaultThemeProp;
+export const StyledDetailPanelNav = styled.div(({ theme }) => css `
+    display: flex;
+    flex-direction: row;
+    align-items: stretch;
+    justify-content: space-between;
+    flex-shrink: 0;
+    padding: 0;
+    min-block-size: calc(${theme.base.spacing} * 4);
+    border-top: 0.0625rem solid ${theme.base.palette['border-line']};
+  `);
+StyledDetailPanelNav.defaultProps = defaultThemeProp;
+export const StyledDetailPanelIdentity = styled.div(({ theme }) => css `
+    flex: 1 1 auto;
+    min-inline-size: 0;
+    overflow: hidden;
+    display: flex;
+    align-self: stretch;
+    flex-direction: row;
+    justify-content: flex-start;
+    align-items: center;
+    gap: calc(${theme.base.spacing} * 0.5);
+    padding-inline: calc(${theme.base.spacing} * 0.5);
+
+    > * {
+      min-inline-size: 0;
+    }
+
+    > h2,
+    > span,
+    > p {
+      display: block;
+      ${ellipsisOverflow}
+      color: ${theme.base.palette['foreground-color']};
+    }
+  `);
+StyledDetailPanelIdentity.defaultProps = defaultThemeProp;
+export const StyledDetailPanelIcon = styled(Icon)(({ theme }) => css `
+    margin-inline-start: ${theme.base.spacing};
+  `);
+StyledDetailPanelIcon.defaultProps = defaultThemeProp;
+const navActionGroupStyles = css `
+  display: flex;
+  flex-direction: row;
+
+  > button:last-child:hover {
+    border-radius: inherit;
+  }
+`;
+export const StyledNavButtonGroup = styled.span(({ theme }) => css `
+    ${navActionGroupStyles}
+    inline-size: 100%;
+
+    > * {
+      flex: 1 1 0;
+    }
+
+    > *:not(:first-child) {
+      border-inline-start: 0.0625rem solid ${theme.base.palette['border-line']};
+    }
+  `);
+StyledNavButtonGroup.defaultProps = defaultThemeProp;
+export const StyledCloseButtonGroup = styled.span(() => css `
+    ${navActionGroupStyles}
+    flex: 0 0 auto;
+    align-items: center;
+    align-self: stretch;
+    margin-inline-start: auto;
+  `);
+StyledCloseButtonGroup.defaultProps = defaultThemeProp;
+export const StyledNavButton = styled(Button)(({ theme }) => css `
+    display: flex;
+    padding: 0;
+    align-items: center;
+    border: 0;
+    border-radius: 0;
+    min-width: 2rem;
+    min-height: 2rem;
+
+    & + & {
+      margin-inline-start: 0;
+    }
+
+    &:not([disabled], [aria-disabled='true']):focus-visible,
+    &:enabled:not([aria-disabled='true']):focus-visible {
+      box-shadow: inset 0 0 0 0.0625rem ${theme.base.palette.interactive};
+    }
+  `);
+StyledNavButton.defaultProps = defaultThemeProp;
+export const StyledBackButton = styled(StyledNavButton)(({ theme }) => css `
+    align-self: stretch;
+    border-inline-end: 0.0625rem solid ${theme.base.palette['border-line']};
+    border-start-start-radius: inherit;
+  `);
+StyledBackButton.defaultProps = defaultThemeProp;
+export const StyledDetailPanelBody = styled.div(({ theme }) => css `
+    position: relative;
+    flex: 1;
+    min-block-size: 0;
+    overflow: auto;
+    padding: ${theme.base.spacing};
+    background: ${theme.base.palette['secondary-background']};
+  `);
+StyledDetailPanelBody.defaultProps = defaultThemeProp;
+/**
+ * Flex layout that lets the master (e.g. a table) and the detail surface share the host box. The
+ * master fills the row until the detail opens, then yields the trailing space to the panel. When
+ * `--md-master-width` is set the split is controlled to that ratio (master width). On narrow hosts
+ * the `overlay` modifier keeps the master full width and floats the panel over it.
+ */
+export const StyledMasterRegion = styled(Flex)(() => css `
+    min-inline-size: 0;
+  `);
+StyledMasterRegion.defaultProps = defaultThemeProp;
+export const StyledResizeHandleSlot = styled(Flex)(() => css `
+    position: relative;
+    width: 0;
+  `);
+StyledResizeHandleSlot.defaultProps = defaultThemeProp;
+export const StyledMasterDetail = styled(Flex)(({ $masterWidth, $open, $overlay }) => css `
+    --md-master-width: ${$masterWidth}%;
+    position: relative;
+    isolation: isolate;
+    align-items: stretch;
+    inline-size: 100%;
+    block-size: 100%;
+    min-block-size: 0;
+    container-type: inline-size;
+
+    > ${StyledMasterRegion} {
+      flex: 1 1 auto;
+      min-inline-size: 0;
+    }
+
+    ${$open &&
+    !$overlay &&
+    css `
+      > ${StyledMasterRegion} {
+        flex: 0 0 var(--md-master-width, 60%);
+        max-inline-size: var(--md-master-width, 60%);
+        order: 1;
+      }
+
+      > ${StyledResizeHandleSlot} {
+        flex: 0 0 auto;
+        display: flex;
+        align-items: stretch;
+        order: 2;
+        position: relative;
+      }
+
+      > ${StyledDetailPanel} {
+        order: 3;
+        flex: 1 1 auto;
+      }
+    `}
+
+    ${StyledResizeHandle} {
+      z-index: ${({ theme }) => theme.base['z-index'].max};
+    }
+  `);
+StyledMasterDetail.defaultProps = defaultThemeProp;
+//# sourceMappingURL=MasterDetail.styles.js.map

package/lib/components/MasterDetail/MasterDetail.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.styles.js","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetail.styles.ts"],"names":[],"mappings":"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","sourcesContent":["import { transparentize } from 'polished';\nimport styled, { css } from 'styled-components';\n\nimport { Button, Flex, Icon, defaultThemeProp } from '@pega/cosmos-react-core';\nimport { StyledResizeHandle } from '@pega/cosmos-react-core/lib/components/Drawer/ResizeHandle';\nimport { ellipsisOverflow } from '@pega/cosmos-react-core/lib/styles/mixins';\n\n/**\n * The detail surface. In `docked` mode it is an in-flow flex item stretched to the host's height\n * (its body scrolls internally). In `overlay` mode it floats over the host anchored to the trailing\n * edge, lifted with a stronger shadow.\n *\n * In both modes the panel never contributes its intrinsic (content) height to the layout — its\n * content is rendered in an absolutely-positioned inner column (`StyledDetailPanelInner`). That is\n * what keeps a docked panel from growing the host past the master: the flex row's height is dictated\n * solely by the master, `align-items: stretch` on the host stretches this panel to that height, and\n * the body scrolls internally instead of overflowing.\n */\nexport const StyledDetailPanel = styled.section<{ presentation?: 'docked' | 'overlay' }>(\n  ({ theme, presentation }) => css`\n    --md-panel-edge-shadow: ${transparentize(0.85, theme.base.palette['foreground-color'])};\n    position: relative;\n    z-index: 1;\n    min-inline-size: 0;\n    overflow: hidden;\n    background: ${theme.base.palette['primary-background']};\n    border: 0.0625rem solid ${theme.base.palette['border-line']};\n    border-radius: 0 ${theme.base['border-radius']} ${theme.base['border-radius']} 0;\n\n    ${presentation === 'overlay' &&\n    css`\n      position: absolute;\n      inset-block: 0;\n      inset-inline-end: 0;\n      inline-size: min(90%, 40rem);\n      max-inline-size: 90%;\n      z-index: ${theme.base['z-index'].drawer};\n      box-shadow: ${theme.base.shadow.high};\n    `}\n  `\n);\n\nStyledDetailPanel.defaultProps = defaultThemeProp;\n\n/**\n * Absolutely-positioned column that holds the header + body. Filling the panel box (`inset: 0`) while\n * contributing zero intrinsic height is what lets the panel take its height from the host row rather\n * than dictate it — the body then scrolls within this fixed box.\n */\nexport const StyledDetailPanelInner = styled.div`\n  position: absolute;\n  inset: 0;\n  display: flex;\n  flex-direction: column;\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset-block: 0;\n    inset-inline-start: 0;\n    inline-size: 0.375rem;\n    pointer-events: none;\n    box-shadow: 0.1875rem 0 0.1875rem 0 var(--md-panel-edge-shadow) inset;\n    z-index: 1;\n  }\n\n  > * {\n    position: relative;\n    z-index: 0;\n  }\n`;\n\nStyledDetailPanelInner.defaultProps = defaultThemeProp;\n\nexport const StyledDetailPanelHeader = styled.div<{ $isNested?: boolean }>(\n  ({ theme, $isNested }) => css`\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n    height: calc(${theme.base.spacing} * 4);\n    flex-shrink: 0;\n    padding: 0;\n    background: ${theme.base.palette['primary-background']};\n\n    ${$isNested &&\n    css`\n      border-radius: ${theme.base['border-radius']} ${theme.base['border-radius']} 0 0;\n      border-bottom: 0.0625rem solid ${theme.base.palette['border-line']};\n      box-shadow: 0 -0.125rem 0.25rem 0 ${transparentize(0.9, theme.base.palette.dark)};\n    `}\n  `\n);\n\nStyledDetailPanelHeader.defaultProps = defaultThemeProp;\n\nexport const StyledDetailPanelNav = styled.div(\n  ({ theme }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    justify-content: space-between;\n    flex-shrink: 0;\n    padding: 0;\n    min-block-size: calc(${theme.base.spacing} * 4);\n    border-top: 0.0625rem solid ${theme.base.palette['border-line']};\n  `\n);\n\nStyledDetailPanelNav.defaultProps = defaultThemeProp;\n\nexport const StyledDetailPanelIdentity = styled.div(\n  ({ theme }) => css`\n    flex: 1 1 auto;\n    min-inline-size: 0;\n    overflow: hidden;\n    display: flex;\n    align-self: stretch;\n    flex-direction: row;\n    justify-content: flex-start;\n    align-items: center;\n    gap: calc(${theme.base.spacing} * 0.5);\n    padding-inline: calc(${theme.base.spacing} * 0.5);\n\n    > * {\n      min-inline-size: 0;\n    }\n\n    > h2,\n    > span,\n    > p {\n      display: block;\n      ${ellipsisOverflow}\n      color: ${theme.base.palette['foreground-color']};\n    }\n  `\n);\n\nStyledDetailPanelIdentity.defaultProps = defaultThemeProp;\n\nexport const StyledDetailPanelIcon = styled(Icon)(\n  ({ theme }) => css`\n    margin-inline-start: ${theme.base.spacing};\n  `\n);\n\nStyledDetailPanelIcon.defaultProps = defaultThemeProp;\n\nconst navActionGroupStyles = css`\n  display: flex;\n  flex-direction: row;\n\n  > button:last-child:hover {\n    border-radius: inherit;\n  }\n`;\n\nexport const StyledNavButtonGroup = styled.span(\n  ({ theme }) => css`\n    ${navActionGroupStyles}\n    inline-size: 100%;\n\n    > * {\n      flex: 1 1 0;\n    }\n\n    > *:not(:first-child) {\n      border-inline-start: 0.0625rem solid ${theme.base.palette['border-line']};\n    }\n  `\n);\n\nStyledNavButtonGroup.defaultProps = defaultThemeProp;\n\nexport const StyledCloseButtonGroup = styled.span(\n  () => css`\n    ${navActionGroupStyles}\n    flex: 0 0 auto;\n    align-items: center;\n    align-self: stretch;\n    margin-inline-start: auto;\n  `\n);\n\nStyledCloseButtonGroup.defaultProps = defaultThemeProp;\n\nexport const StyledNavButton = styled(Button)(\n  ({ theme }) => css`\n    display: flex;\n    padding: 0;\n    align-items: center;\n    border: 0;\n    border-radius: 0;\n    min-width: 2rem;\n    min-height: 2rem;\n\n    & + & {\n      margin-inline-start: 0;\n    }\n\n    &:not([disabled], [aria-disabled='true']):focus-visible,\n    &:enabled:not([aria-disabled='true']):focus-visible {\n      box-shadow: inset 0 0 0 0.0625rem ${theme.base.palette.interactive};\n    }\n  `\n);\n\nStyledNavButton.defaultProps = defaultThemeProp;\n\nexport const StyledBackButton = styled(StyledNavButton)(\n  ({ theme }) => css`\n    align-self: stretch;\n    border-inline-end: 0.0625rem solid ${theme.base.palette['border-line']};\n    border-start-start-radius: inherit;\n  `\n);\n\nStyledBackButton.defaultProps = defaultThemeProp;\n\nexport const StyledDetailPanelBody = styled.div(\n  ({ theme }) => css`\n    position: relative;\n    flex: 1;\n    min-block-size: 0;\n    overflow: auto;\n    padding: ${theme.base.spacing};\n    background: ${theme.base.palette['secondary-background']};\n  `\n);\n\nStyledDetailPanelBody.defaultProps = defaultThemeProp;\n\n/**\n * Flex layout that lets the master (e.g. a table) and the detail surface share the host box. The\n * master fills the row until the detail opens, then yields the trailing space to the panel. When\n * `--md-master-width` is set the split is controlled to that ratio (master width). On narrow hosts\n * the `overlay` modifier keeps the master full width and floats the panel over it.\n */\nexport const StyledMasterRegion = styled(Flex)(\n  () => css`\n    min-inline-size: 0;\n  `\n);\n\nStyledMasterRegion.defaultProps = defaultThemeProp;\n\nexport const StyledResizeHandleSlot = styled(Flex)(\n  () => css`\n    position: relative;\n    width: 0;\n  `\n);\n\nStyledResizeHandleSlot.defaultProps = defaultThemeProp;\n\nexport const StyledMasterDetail = styled(Flex)<{\n  $masterWidth: number;\n  $open: boolean;\n  $overlay: boolean;\n}>(\n  ({ $masterWidth, $open, $overlay }) => css`\n    --md-master-width: ${$masterWidth}%;\n    position: relative;\n    isolation: isolate;\n    align-items: stretch;\n    inline-size: 100%;\n    block-size: 100%;\n    min-block-size: 0;\n    container-type: inline-size;\n\n    > ${StyledMasterRegion} {\n      flex: 1 1 auto;\n      min-inline-size: 0;\n    }\n\n    ${$open &&\n    !$overlay &&\n    css`\n      > ${StyledMasterRegion} {\n        flex: 0 0 var(--md-master-width, 60%);\n        max-inline-size: var(--md-master-width, 60%);\n        order: 1;\n      }\n\n      > ${StyledResizeHandleSlot} {\n        flex: 0 0 auto;\n        display: flex;\n        align-items: stretch;\n        order: 2;\n        position: relative;\n      }\n\n      > ${StyledDetailPanel} {\n        order: 3;\n        flex: 1 1 auto;\n      }\n    `}\n\n    ${StyledResizeHandle} {\n      z-index: ${({ theme }) => theme.base['z-index'].max};\n    }\n  `\n);\n\nStyledMasterDetail.defaultProps = defaultThemeProp;\n"]}

package/lib/components/MasterDetail/MasterDetail.test-ids.d.ts

@@ -0,0 +1,2 @@
+export declare const getMasterDetailTestIds: (testIdProp?: import("@pega/cosmos-react-core").TestIdProp["testId"]) => import("@pega/cosmos-react-core").TestIdsRecord<readonly ["master", "resizeHandle", "detail", "header", "nestedHeader", "nav", "prev", "next", "identity", "nestedIdentity", "position", "back", "close", "body", "progress"]>;
+//# sourceMappingURL=MasterDetail.test-ids.d.ts.map

package/lib/components/MasterDetail/MasterDetail.test-ids.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetail.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,sBAAsB,ySAgBxB,CAAC"}

package/lib/components/MasterDetail/MasterDetail.test-ids.js

@@ -0,0 +1,19 @@
+import { createTestIds } from '@pega/cosmos-react-core';
+export const getMasterDetailTestIds = createTestIds('masterDetail', [
+    'master',
+    'resizeHandle',
+    'detail',
+    'header',
+    'nestedHeader',
+    'nav',
+    'prev',
+    'next',
+    'identity',
+    'nestedIdentity',
+    'position',
+    'back',
+    'close',
+    'body',
+    'progress'
+]);
+//# sourceMappingURL=MasterDetail.test-ids.js.map

package/lib/components/MasterDetail/MasterDetail.test-ids.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.test-ids.js","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetail.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAExD,MAAM,CAAC,MAAM,sBAAsB,GAAG,aAAa,CAAC,cAAc,EAAE;IAClE,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,QAAQ;IACR,cAAc;IACd,KAAK;IACL,MAAM;IACN,MAAM;IACN,UAAU;IACV,gBAAgB;IAChB,UAAU;IACV,MAAM;IACN,OAAO;IACP,MAAM;IACN,UAAU;CACF,CAAC,CAAC","sourcesContent":["import { createTestIds } from '@pega/cosmos-react-core';\n\nexport const getMasterDetailTestIds = createTestIds('masterDetail', [\n  'master',\n  'resizeHandle',\n  'detail',\n  'header',\n  'nestedHeader',\n  'nav',\n  'prev',\n  'next',\n  'identity',\n  'nestedIdentity',\n  'position',\n  'back',\n  'close',\n  'body',\n  'progress'\n] as const);\n"]}

package/lib/components/MasterDetail/MasterDetail.types.d.ts

@@ -0,0 +1,71 @@
+import type { MutableRefObject, ReactNode } from 'react';
+import type { Action, AsProp, BaseProps, TestIdProp } from '@pega/cosmos-react-core';
+/**
+ * Resolved form factor the detail surface renders in.
+ * - `docked`  — an in-flow region that shares the host's layout box (e.g. the 40% of a split).
+ * - `overlay` — floats over the host, anchored to the trailing edge (used on narrow hosts).
+ *
+ * The template host resolves this value before rendering the surface.
+ */
+export type DetailPanelPresentation = 'docked' | 'overlay';
+/**
+ * Describes the currently selected master item so the detail surface can render its identity and
+ * enable/disable previous/next. Fully host-defined — the surface treats it as opaque.
+ */
+export interface MasterDetailHeader {
+    /** Stable id of the selected item (used for keys and change detection). */
+    id: string;
+    /** Primary text shown in the panel header (e.g. the record title). */
+    header?: string;
+    /** Optional icon name rendered before the header text. */
+    icon?: string;
+    /** Plain-text selection identity supplied by the host for announcements. */
+    accessibleName?: string;
+    /** Step to the previous item. Omit to disable the previous control. */
+    onPrevious?: () => void;
+    /** Step to the next item. Omit to disable the next control. */
+    onNext?: () => void;
+    /** Standard static actions or a function that fetches actions when the header menu opens. */
+    actions?: Action[] | (() => Promise<Action[]>);
+}
+export interface PanelHeader extends MasterDetailHeader {
+}
+/**
+ * Presentation resolved by the template host for the detail region.
+ */
+export type MasterDetailPresentation = DetailPanelPresentation;
+export interface MasterDetailNestedNavigation {
+    onBack?: () => void;
+    title?: ReactNode;
+    icon?: string;
+}
+export interface MasterDetailProps extends AsProp, TestIdProp, BaseProps {
+    /** The master surface (e.g. the table). Always rendered at full width until `open`. */
+    master: ReactNode;
+    /** The detail content for the current selection. */
+    detail?: ReactNode;
+    /** Controlled open state of the detail region. */
+    open: boolean;
+    /** Current selection metadata forwarded to the panel header. */
+    selection?: MasterDetailHeader;
+    /** Renders the detail body in a loading state. */
+    loading?: boolean;
+    /** Host-resolved detail presentation. */
+    presentation: DetailPanelPresentation;
+    /** Optional nested detail navigation state supplied by the host renderer. */
+    nestedNavigation?: MasterDetailNestedNavigation;
+    /** Enable the drag-to-resize handle in docked mode. Default true. */
+    resizeable?: boolean;
+    /** Docked split ratio configuration. Omit for an uncontrolled 60% ratio with a [20, 80] range. */
+    splitRatio?: {
+        ratio: number;
+        range?: [number, number];
+    };
+    /** Collapse the detail region and clear selection. */
+    onClose: () => void;
+    /** Fired when the user drags the resize handle (host may persist the ratio). */
+    onResize?: (ratio: number) => void;
+    /** Optional generic target that receives focus when detail closes. */
+    restoreFocusRef?: MutableRefObject<HTMLElement | null>;
+}
+//# sourceMappingURL=MasterDetail.types.d.ts.map

package/lib/components/MasterDetail/MasterDetail.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.types.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetail.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErF;;;;;;GAMG;AACH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE3D;;;GAGG;AACH,MAAM,WAAW,kBAAkB;IACjC,2EAA2E;IAC3E,EAAE,EAAE,MAAM,CAAC;IACX,sEAAsE;IACtE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,0DAA0D;IAC1D,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4EAA4E;IAC5E,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,uEAAuE;IACvE,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,6FAA6F;IAC7F,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG,CAAC,MAAM,OAAO,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;CAChD;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;CAAG;AAE1D;;GAEG;AACH,MAAM,MAAM,wBAAwB,GAAG,uBAAuB,CAAC;AAE/D,MAAM,WAAW,4BAA4B;IAC3C,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,iBAAkB,SAAQ,MAAM,EAAE,UAAU,EAAE,SAAS;IACtE,uFAAuF;IACvF,MAAM,EAAE,SAAS,CAAC;IAClB,oDAAoD;IACpD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,gEAAgE;IAChE,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,kDAAkD;IAClD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,yCAAyC;IACzC,YAAY,EAAE,uBAAuB,CAAC;IACtC,6EAA6E;IAC7E,gBAAgB,CAAC,EAAE,4BAA4B,CAAC;IAChD,qEAAqE;IACrE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kGAAkG;IAClG,UAAU,CAAC,EAAE;QACX,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;KAC1B,CAAC;IACF,sDAAsD;IACtD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,sEAAsE;IACtE,eAAe,CAAC,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CACxD"}

package/lib/components/MasterDetail/MasterDetail.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MasterDetail.types.js.map

package/lib/components/MasterDetail/MasterDetail.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetail.types.js","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetail.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MutableRefObject, ReactNode } from 'react';\n\nimport type { Action, AsProp, BaseProps, TestIdProp } from '@pega/cosmos-react-core';\n\n/**\n * Resolved form factor the detail surface renders in.\n * - `docked`  — an in-flow region that shares the host's layout box (e.g. the 40% of a split).\n * - `overlay` — floats over the host, anchored to the trailing edge (used on narrow hosts).\n *\n * The template host resolves this value before rendering the surface.\n */\nexport type DetailPanelPresentation = 'docked' | 'overlay';\n\n/**\n * Describes the currently selected master item so the detail surface can render its identity and\n * enable/disable previous/next. Fully host-defined — the surface treats it as opaque.\n */\nexport interface MasterDetailHeader {\n  /** Stable id of the selected item (used for keys and change detection). */\n  id: string;\n  /** Primary text shown in the panel header (e.g. the record title). */\n  header?: string;\n  /** Optional icon name rendered before the header text. */\n  icon?: string;\n  /** Plain-text selection identity supplied by the host for announcements. */\n  accessibleName?: string;\n  /** Step to the previous item. Omit to disable the previous control. */\n  onPrevious?: () => void;\n  /** Step to the next item. Omit to disable the next control. */\n  onNext?: () => void;\n  /** Standard static actions or a function that fetches actions when the header menu opens. */\n  actions?: Action[] | (() => Promise<Action[]>);\n}\n\nexport interface PanelHeader extends MasterDetailHeader {}\n\n/**\n * Presentation resolved by the template host for the detail region.\n */\nexport type MasterDetailPresentation = DetailPanelPresentation;\n\nexport interface MasterDetailNestedNavigation {\n  onBack?: () => void;\n  title?: ReactNode;\n  icon?: string;\n}\n\nexport interface MasterDetailProps extends AsProp, TestIdProp, BaseProps {\n  /** The master surface (e.g. the table). Always rendered at full width until `open`. */\n  master: ReactNode;\n  /** The detail content for the current selection. */\n  detail?: ReactNode;\n  /** Controlled open state of the detail region. */\n  open: boolean;\n  /** Current selection metadata forwarded to the panel header. */\n  selection?: MasterDetailHeader;\n  /** Renders the detail body in a loading state. */\n  loading?: boolean;\n  /** Host-resolved detail presentation. */\n  presentation: DetailPanelPresentation;\n  /** Optional nested detail navigation state supplied by the host renderer. */\n  nestedNavigation?: MasterDetailNestedNavigation;\n  /** Enable the drag-to-resize handle in docked mode. Default true. */\n  resizeable?: boolean;\n  /** Docked split ratio configuration. Omit for an uncontrolled 60% ratio with a [20, 80] range. */\n  splitRatio?: {\n    ratio: number;\n    range?: [number, number];\n  };\n  /** Collapse the detail region and clear selection. */\n  onClose: () => void;\n  /** Fired when the user drags the resize handle (host may persist the ratio). */\n  onResize?: (ratio: number) => void;\n  /** Optional generic target that receives focus when detail closes. */\n  restoreFocusRef?: MutableRefObject<HTMLElement | null>;\n}\n"]}

package/lib/components/MasterDetail/MasterDetailActions.d.ts

@@ -0,0 +1,10 @@
+import type { MasterDetailHeader } from './MasterDetail.types';
+type MasterDetailActionsType = NonNullable<MasterDetailHeader['actions']>;
+interface MasterDetailActionsProps {
+    actions: MasterDetailActionsType;
+    contextualLabel?: string;
+}
+/** Renders static or on-demand actions for a Master Detail header. */
+export default function MasterDetailActions({ actions, contextualLabel }: MasterDetailActionsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MasterDetailActions.d.ts.map

package/lib/components/MasterDetail/MasterDetailActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetailActions.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetailActions.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,KAAK,uBAAuB,GAAG,WAAW,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC,CAAC;AAE1E,UAAU,wBAAwB;IAChC,OAAO,EAAE,uBAAuB,CAAC;IACjC,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,sEAAsE;AACtE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,OAAO,EACP,eAAe,EAChB,EAAE,wBAAwB,2CA4D1B"}

package/lib/components/MasterDetail/MasterDetailActions.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useState } from 'react';
+import { Actions, MenuButton, useConsolidatedRef, useI18n } from '@pega/cosmos-react-core';
+/** Renders static or on-demand actions for a Master Detail header. */
+export default function MasterDetailActions({ actions, contextualLabel }) {
+    const t = useI18n();
+    const menuButtonRef = useConsolidatedRef(null);
+    const [isLoading, setIsLoading] = useState(false);
+    const [menuItems, setMenuItems] = useState([]);
+    const handleClick = useCallback(async (event) => {
+        if (typeof actions !== 'function')
+            return;
+        if (event.currentTarget.getAttribute('aria-expanded') === 'true')
+            return;
+        setIsLoading(true);
+        setMenuItems([]);
+        try {
+            const fetchedActions = await actions();
+            setMenuItems(fetchedActions.map(({ text, onClick, ...action }) => ({
+                ...action,
+                primary: text,
+                onClick: onClick
+                    ? (id, clickEvent) => {
+                        onClick(id, clickEvent, menuButtonRef.current ?? undefined);
+                        menuButtonRef.current?.focus();
+                    }
+                    : undefined
+            })));
+        }
+        catch {
+            // The empty menu is the appropriate fallback when actions are unavailable.
+        }
+        finally {
+            setIsLoading(false);
+        }
+    }, [actions, menuButtonRef]);
+    if (typeof actions !== 'function') {
+        return _jsx(Actions, { items: actions, menuAt: 1, compact: true, contextualLabel: contextualLabel });
+    }
+    return (_jsx(MenuButton, { ref: menuButtonRef, text: t('actions'), "aria-label": contextualLabel ? t('actions_for', [contextualLabel]) : undefined, icon: 'more', iconOnly: true, variant: 'simple', compact: true, onClick: handleClick, menu: {
+            items: menuItems,
+            loading: isLoading
+        }, popover: { portal: true } }));
+}
+//# sourceMappingURL=MasterDetailActions.js.map

package/lib/components/MasterDetail/MasterDetailActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MasterDetailActions.js","sourceRoot":"","sources":["../../../src/components/MasterDetail/MasterDetailActions.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAG9C,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAY3F,sEAAsE;AACtE,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,OAAO,EACP,eAAe,EACU;IACzB,MAAM,CAAC,GAAG,OAAO,EAAE,CAAC;IACpB,MAAM,aAAa,GAAG,kBAAkB,CAAoB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAExC,EAAE,CAAC,CAAC;IAEN,MAAM,WAAW,GAAG,WAAW,CAC7B,KAAK,EAAE,KAAyC,EAAE,EAAE;QAClD,IAAI,OAAO,OAAO,KAAK,UAAU;YAAE,OAAO;QAC1C,IAAI,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,eAAe,CAAC,KAAK,MAAM;YAAE,OAAO;QAEzE,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,YAAY,CAAC,EAAE,CAAC,CAAC;QAEjB,IAAI,CAAC;YACH,MAAM,cAAc,GAAG,MAAM,OAAO,EAAE,CAAC;YACvC,YAAY,CACV,cAAc,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC;gBACpD,GAAG,MAAM;gBACT,OAAO,EAAE,IAAI;gBACb,OAAO,EAAE,OAAO;oBACd,CAAC,CAAC,CAAC,EAAE,EAAE,UAAU,EAAE,EAAE;wBACjB,OAAO,CAAC,EAAE,EAAE,UAAU,EAAE,aAAa,CAAC,OAAO,IAAI,SAAS,CAAC,CAAC;wBAC5D,aAAa,CAAC,OAAO,EAAE,KAAK,EAAE,CAAC;oBACjC,CAAC;oBACH,CAAC,CAAC,SAAS;aACd,CAAC,CAAC,CACJ,CAAC;QACJ,CAAC;QAAC,MAAM,CAAC;YACP,2EAA2E;QAC7E,CAAC;gBAAS,CAAC;YACT,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,aAAa,CAAC,CACzB,CAAC;IAEF,IAAI,OAAO,OAAO,KAAK,UAAU,EAAE,CAAC;QAClC,OAAO,KAAC,OAAO,IAAC,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,OAAO,QAAC,eAAe,EAAE,eAAe,GAAI,CAAC;IAC1F,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,GAAG,EAAE,aAAa,EAClB,IAAI,EAAE,CAAC,CAAC,SAAS,CAAC,gBACN,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,EAC7E,IAAI,EAAC,MAAM,EACX,QAAQ,QACR,OAAO,EAAC,QAAQ,EAChB,OAAO,QACP,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE;YACJ,KAAK,EAAE,SAAS;YAChB,OAAO,EAAE,SAAS;SACnB,EACD,OAAO,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,GACzB,CACH,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useState } from 'react';\nimport type { MouseEvent as ReactMouseEvent } from 'react';\n\nimport { Actions, MenuButton, useConsolidatedRef, useI18n } from '@pega/cosmos-react-core';\nimport type { Action } from '@pega/cosmos-react-core';\n\nimport type { MasterDetailHeader } from './MasterDetail.types';\n\ntype MasterDetailActionsType = NonNullable<MasterDetailHeader['actions']>;\n\ninterface MasterDetailActionsProps {\n  actions: MasterDetailActionsType;\n  contextualLabel?: string;\n}\n\n/** Renders static or on-demand actions for a Master Detail header. */\nexport default function MasterDetailActions({\n  actions,\n  contextualLabel\n}: MasterDetailActionsProps) {\n  const t = useI18n();\n  const menuButtonRef = useConsolidatedRef<HTMLButtonElement>(null);\n  const [isLoading, setIsLoading] = useState(false);\n  const [menuItems, setMenuItems] = useState<\n    { id: string; primary: string; onClick?: Action['onClick']; disabled?: boolean }[]\n  >([]);\n\n  const handleClick = useCallback(\n    async (event: ReactMouseEvent<HTMLButtonElement>) => {\n      if (typeof actions !== 'function') return;\n      if (event.currentTarget.getAttribute('aria-expanded') === 'true') return;\n\n      setIsLoading(true);\n      setMenuItems([]);\n\n      try {\n        const fetchedActions = await actions();\n        setMenuItems(\n          fetchedActions.map(({ text, onClick, ...action }) => ({\n            ...action,\n            primary: text,\n            onClick: onClick\n              ? (id, clickEvent) => {\n                  onClick(id, clickEvent, menuButtonRef.current ?? undefined);\n                  menuButtonRef.current?.focus();\n                }\n              : undefined\n          }))\n        );\n      } catch {\n        // The empty menu is the appropriate fallback when actions are unavailable.\n      } finally {\n        setIsLoading(false);\n      }\n    },\n    [actions, menuButtonRef]\n  );\n\n  if (typeof actions !== 'function') {\n    return <Actions items={actions} menuAt={1} compact contextualLabel={contextualLabel} />;\n  }\n\n  return (\n    <MenuButton\n      ref={menuButtonRef}\n      text={t('actions')}\n      aria-label={contextualLabel ? t('actions_for', [contextualLabel]) : undefined}\n      icon='more'\n      iconOnly\n      variant='simple'\n      compact\n      onClick={handleClick}\n      menu={{\n        items: menuItems,\n        loading: isLoading\n      }}\n      popover={{ portal: true }}\n    />\n  );\n}\n"]}

package/lib/components/MasterDetail/index.d.ts

@@ -0,0 +1,5 @@
+export { default } from './MasterDetail';
+export type { MasterDetailProps, MasterDetailPresentation, MasterDetailHeader, PanelHeader as DetailPanelSelection, DetailPanelPresentation } from './MasterDetail.types';
+export { getMasterDetailTestIds } from './MasterDetail.test-ids';
+export { StyledMasterDetail, StyledResizeHandleSlot } from './MasterDetail.styles';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/MasterDetail/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MasterDetail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,YAAY,EACV,iBAAiB,EACjB,wBAAwB,EACxB,kBAAkB,EAClB,WAAW,IAAI,oBAAoB,EACnC,uBAAuB,EACxB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC"}

package/lib/components/MasterDetail/index.js

@@ -0,0 +1,4 @@
+export { default } from './MasterDetail';
+export { getMasterDetailTestIds } from './MasterDetail.test-ids';
+export { StyledMasterDetail, StyledResizeHandleSlot } from './MasterDetail.styles';
+//# sourceMappingURL=index.js.map

package/lib/components/MasterDetail/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/MasterDetail/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AAQzC,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAC;AACjE,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,MAAM,uBAAuB,CAAC","sourcesContent":["export { default } from './MasterDetail';\nexport type {\n  MasterDetailProps,\n  MasterDetailPresentation,\n  MasterDetailHeader,\n  PanelHeader as DetailPanelSelection,\n  DetailPanelPresentation\n} from './MasterDetail.types';\nexport { getMasterDetailTestIds } from './MasterDetail.test-ids';\nexport { StyledMasterDetail, StyledResizeHandleSlot } from './MasterDetail.styles';\n"]}

package/lib/index.d.ts

@@ -27,6 +27,8 @@ export * from './components/HierarchicalAssignments';
 export { default as IntelligentGuidance } from './components/IntelligentGuidance';
 export * from './components/IntelligentGuidance';
 export { default as InteractionNotification } from './components/InteractionNotification';
+export { default as MasterDetail } from './components/MasterDetail';
+export * from './components/MasterDetail';
 export { default as Predictions } from './components/Predictions';
 export * from './components/Predictions';
 export { default as SearchResults } from './components/SearchResults';

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC"}

package/lib/index.js

@@ -28,6 +28,8 @@ export * from './components/HierarchicalAssignments';
 export { default as IntelligentGuidance } from './components/IntelligentGuidance';
 export * from './components/IntelligentGuidance';
 export { default as InteractionNotification } from './components/InteractionNotification';
+export { default as MasterDetail } from './components/MasterDetail';
+export * from './components/MasterDetail';
 export { default as Predictions } from './components/Predictions';
 export * from './components/Predictions';
 export { default as SearchResults } from './components/SearchResults';

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppAnnouncement } from './components/AppAnnouncement';\nexport * from './components/AppAnnouncement';\nexport { default as Article } from './components/Article';\nexport * from './components/Article';\nexport { default as ArticleList } from './components/ArticleList';\nexport * from './components/ArticleList';\nexport { default as Assignments } from './components/Assignments';\nexport * from './components/Assignments';\nexport { default as CaseHierarchy } from './components/CaseHierarchy';\nexport * from './components/CaseHierarchy';\nexport { default as CasePreview } from './components/CasePreview';\nexport * from './components/CasePreview';\nexport { default as CaseView } from './components/CaseView';\nexport * from './components/CaseView';\nexport { default as ConfigurableLayout } from './components/ConfigurableLayout';\nexport * from './components/ConfigurableLayout';\nexport { default as Confirmation } from './components/Confirmation';\nexport * from './components/Confirmation';\nexport { default as Details } from './components/Details';\nexport * from './components/Details';\nexport { default as GenAICoach } from './components/GenAICoach';\nexport * from './components/GenAICoach';\nexport { default as Glimpse } from './components/Glimpse';\nexport * from './components/Glimpse';\nexport { default as HierarchicalAssignments } from './components/HierarchicalAssignments';\nexport * from './components/HierarchicalAssignments';\nexport { default as IntelligentGuidance } from './components/IntelligentGuidance';\nexport * from './components/IntelligentGuidance';\nexport { default as InteractionNotification } from './components/InteractionNotification';\nexport { default as Predictions } from './components/Predictions';\nexport * from './components/Predictions';\nexport { default as SearchResults } from './components/SearchResults';\nexport * from './components/SearchResults';\nexport { default as Shortcuts } from './components/Shortcuts';\nexport * from './components/Shortcuts';\nexport { default as Stages } from './components/Stages';\nexport * from './components/Stages';\nexport { default as Stakeholders } from './components/Stakeholders';\nexport * from './components/Stakeholders';\nexport { default as Tags } from './components/Tags';\nexport * from './components/Tags';\nexport { default as Tasks } from './components/Tasks';\nexport * from './components/Tasks';\nexport { default as UtilitiesLayout } from './components/UtilitiesLayout';\nexport * from './components/UtilitiesLayout';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,MAAM,iCAAiC,CAAC;AAChF,cAAc,iCAAiC,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,cAAc,yBAAyB,CAAC;AACxC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,cAAc,sCAAsC,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAClF,cAAc,kCAAkC,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,sCAAsC,CAAC;AAC1F,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,cAAc,0BAA0B,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,4BAA4B,CAAC;AACtE,cAAc,4BAA4B,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC9D,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,cAAc,qBAAqB,CAAC;AACpC,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC1E,cAAc,8BAA8B,CAAC","sourcesContent":["// This file is autogenerated. Any changes will be overwritten.\nexport { default as AppAnnouncement } from './components/AppAnnouncement';\nexport * from './components/AppAnnouncement';\nexport { default as Article } from './components/Article';\nexport * from './components/Article';\nexport { default as ArticleList } from './components/ArticleList';\nexport * from './components/ArticleList';\nexport { default as Assignments } from './components/Assignments';\nexport * from './components/Assignments';\nexport { default as CaseHierarchy } from './components/CaseHierarchy';\nexport * from './components/CaseHierarchy';\nexport { default as CasePreview } from './components/CasePreview';\nexport * from './components/CasePreview';\nexport { default as CaseView } from './components/CaseView';\nexport * from './components/CaseView';\nexport { default as ConfigurableLayout } from './components/ConfigurableLayout';\nexport * from './components/ConfigurableLayout';\nexport { default as Confirmation } from './components/Confirmation';\nexport * from './components/Confirmation';\nexport { default as Details } from './components/Details';\nexport * from './components/Details';\nexport { default as GenAICoach } from './components/GenAICoach';\nexport * from './components/GenAICoach';\nexport { default as Glimpse } from './components/Glimpse';\nexport * from './components/Glimpse';\nexport { default as HierarchicalAssignments } from './components/HierarchicalAssignments';\nexport * from './components/HierarchicalAssignments';\nexport { default as IntelligentGuidance } from './components/IntelligentGuidance';\nexport * from './components/IntelligentGuidance';\nexport { default as InteractionNotification } from './components/InteractionNotification';\nexport { default as MasterDetail } from './components/MasterDetail';\nexport * from './components/MasterDetail';\nexport { default as Predictions } from './components/Predictions';\nexport * from './components/Predictions';\nexport { default as SearchResults } from './components/SearchResults';\nexport * from './components/SearchResults';\nexport { default as Shortcuts } from './components/Shortcuts';\nexport * from './components/Shortcuts';\nexport { default as Stages } from './components/Stages';\nexport * from './components/Stages';\nexport { default as Stakeholders } from './components/Stakeholders';\nexport * from './components/Stakeholders';\nexport { default as Tags } from './components/Tags';\nexport * from './components/Tags';\nexport { default as Tasks } from './components/Tasks';\nexport * from './components/Tasks';\nexport { default as UtilitiesLayout } from './components/UtilitiesLayout';\nexport * from './components/UtilitiesLayout';\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pega/cosmos-react-work",
-  "version": "9.25.1-2",
+  "version": "9.25.1-4",
   "license": "SEE LICENSE IN LICENSE",
   "author": "Pegasystems",
   "sideEffects": false,
@@ -14,8 +14,8 @@
     "build": "tsc -b tsconfig.build.json"
   },
   "dependencies": {
-    "@pega/cosmos-react-core": "9.25.1-2",
-    "@pega/cosmos-react-rte": "9.25.1-2",
+    "@pega/cosmos-react-core": "9.25.1-4",
+    "@pega/cosmos-react-rte": "9.25.1-4",
     "@types/react": "^17.0.62 || ^18.3.3",
     "@types/react-dom": "^17.0.20 || ^18.3.0",
     "polished": "^4.1.0",