@pega/cosmos-react-core 9.0.0-build.9.8 → 9.0.0

package/lib/components/Checkbox/CheckboxCard.d.ts

@@ -1,9 +1,17 @@
-import type { OmitStrict } from '../../types';
+import type { ReactNode } from 'react';
+import type { HeadingTag, OmitStrict } from '../../types';
 import type { SelectionCardProps } from '../SelectionCard/SelectionCard.types';
 import type { CheckboxProps } from './Checkbox';
-export type CheckboxCardProps = OmitStrict<SelectionCardProps, 'heading'> & OmitStrict<CheckboxProps, 'label' | 'variant' | 'indeterminate'>;
+export type CheckboxCardProps = OmitStrict<SelectionCardProps, 'heading'> & OmitStrict<CheckboxProps, 'label' | 'variant' | 'indeterminate'> & {
+    label: NonNullable<ReactNode>;
+    /**
+     * Uses specific heading tag for header.
+     * @default h4
+     */
+    headingTag?: HeadingTag;
+};
 declare const _default: import("react").ForwardRefExoticComponent<Omit<CheckboxCardProps, "ref"> & import("react").RefAttributes<HTMLInputElement>> & {
-    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "content", "image", "control", "actions"]>;
+    getTestIds: (testIdProp?: import("../../types").TestIdProp["testId"]) => import("../../types").TestIdsRecord<readonly ["control", "content", "image", "label", "actions"]>;
 };
 export default _default;
 //# sourceMappingURL=CheckboxCard.d.ts.map

package/lib/components/Checkbox/CheckboxCard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxCard.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,UAAU,EAAc,MAAM,aAAa,CAAC;AAK1D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAiChD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,GACvE,UAAU,CAAC,aAAa,EAAE,OAAO,GAAG,SAAS,GAAG,eAAe,CAAC,CAAC;;;;AAkFnE,wBAAiE"}
+{"version":3,"file":"CheckboxCard.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxCard.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAA8C,SAAS,EAAE,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,UAAU,EAAE,UAAU,EAAc,MAAM,aAAa,CAAC;AAGtE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAI/E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAGhD,MAAM,MAAM,iBAAiB,GAAG,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,GACvE,UAAU,CAAC,aAAa,EAAE,OAAO,GAAG,SAAS,GAAG,eAAe,CAAC,GAAG;IACjE,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B;;;OAGG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACzB,CAAC;;;;AAsFJ,wBAAiE"}

package/lib/components/Checkbox/CheckboxCard.js

@@ -1,37 +1,20 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useRef } from 'react';
-import styled, { css } from 'styled-components';
-import SelectionCard, { focusableSelector } from '../SelectionCard/SelectionCard';
-import Text from '../Text';
 import { useConsolidatedRef, useTestIds, useUID } from '../../hooks';
 import { getActiveElement, withTestIds } from '../../utils';
-import { defaultThemeProp } from '../../theme';
+import SelectionCard, { focusableSelector } from '../SelectionCard/SelectionCard';
+import Text from '../Text';
 import Checkbox from './Checkbox';
 import { getCheckboxCardTestIds } from './Checkbox.test-ids';
-const StyledSelectionCard = styled.div(({ disabled, readOnly, theme: { components: { 'form-control': { ':hover': { 'border-color': hoverBorderColor } } } } }) => {
-    return css `
-      ${!disabled &&
-        css `
-        cursor: pointer;
-      `}
-
-      ${!(disabled || readOnly) &&
-        css `
-        :hover:not(:focus-within) {
-          border-color: ${hoverBorderColor};
-        }
-      `}
-    `;
-});
-StyledSelectionCard.defaultProps = defaultThemeProp;
 const CheckboxCard = forwardRef(function CheckboxCard(props, ref) {
     const uid = useUID();
-    const { testId, id = uid, label, disabled, readOnly, onChange, onClick, onKeyDown, status, checked, value, ...restProps } = props;
+    const { testId, id = uid, label, headingTag = 'h4', 'aria-label': ariaLabel, disabled, readOnly, onChange, onClick, onKeyDown, status, checked, value, ...restProps } = props;
     const cardId = `${id}-card`;
+    const labelId = `${id}-label`;
     const testIds = useTestIds(testId, getCheckboxCardTestIds);
     const inputRef = useConsolidatedRef(ref);
     const containerRef = useRef(null);
-    return (_jsx(StyledSelectionCard, { ...restProps, id: cardId, as: SelectionCard, testId: testIds, label: label, heading: _jsx(Checkbox, { testId: testIds.root, onChange: onChange, onClick: onClick, status: status, checked: checked, value: value, id: id, disabled: disabled, readOnly: readOnly, label: _jsx(Text, { variant: 'h4', as: 'span', children: label }), variant: 'simple', ref: inputRef, onKeyDown: onKeyDown }), readOnly: readOnly, disabled: disabled, onClick: (e) => {
+    return (_jsx(SelectionCard, { ...restProps, id: cardId, testId: testIds, "aria-labelledby": ariaLabel ? undefined : labelId, "aria-label": ariaLabel, heading: _jsx(Checkbox, { testId: testIds.root, onChange: onChange, onClick: onClick, status: status, checked: checked, value: value, id: id, disabled: disabled, readOnly: readOnly, "aria-labelledby": labelId, label: _jsx(Text, { variant: headingTag, as: 'span', id: labelId, "data-testid": testIds.label, children: label }), variant: 'simple', ref: inputRef, onKeyDown: onKeyDown }), readOnly: readOnly, disabled: disabled, onClick: (e) => {
             const target = e.target;
             if (readOnly || !containerRef.current?.contains(target))
                 return;

package/lib/components/Checkbox/CheckboxCard.js.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxCard.js","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef } from 'react';\nimport type { PropsWithoutRef, MouseEvent, KeyboardEvent } from 'react';\nimport styled, { css } from 'styled-components';\n\nimport type { OmitStrict, RefElement } from '../../types';\nimport SelectionCard, { focusableSelector } from '../SelectionCard/SelectionCard';\nimport Text from '../Text';\nimport { useConsolidatedRef, useTestIds, useUID } from '../../hooks';\nimport { getActiveElement, withTestIds } from '../../utils';\nimport type { SelectionCardProps } from '../SelectionCard/SelectionCard.types';\nimport { defaultThemeProp } from '../../theme';\n\nimport Checkbox from './Checkbox';\nimport type { CheckboxProps } from './Checkbox';\nimport { getCheckboxCardTestIds } from './Checkbox.test-ids';\n\nconst StyledSelectionCard = styled.div<Pick<CheckboxProps, 'disabled' | 'readOnly'>>(\n  ({\n    disabled,\n    readOnly,\n    theme: {\n      components: {\n        'form-control': {\n          ':hover': { 'border-color': hoverBorderColor }\n        }\n      }\n    }\n  }) => {\n    return css`\n      ${!disabled &&\n      css`\n        cursor: pointer;\n      `}\n\n      ${!(disabled || readOnly) &&\n      css`\n        :hover:not(:focus-within) {\n          border-color: ${hoverBorderColor};\n        }\n      `}\n    `;\n  }\n);\n\nStyledSelectionCard.defaultProps = defaultThemeProp;\n\nexport type CheckboxCardProps = OmitStrict<SelectionCardProps, 'heading'> &\n  OmitStrict<CheckboxProps, 'label' | 'variant' | 'indeterminate'>;\n\nconst CheckboxCard = forwardRef<RefElement<CheckboxProps>, PropsWithoutRef<CheckboxCardProps>>(\n  function CheckboxCard(props, ref) {\n    const uid = useUID();\n    const {\n      testId,\n      id = uid,\n      label,\n      disabled,\n      readOnly,\n      onChange,\n      onClick,\n      onKeyDown,\n      status,\n      checked,\n      value,\n      ...restProps\n    } = props;\n    const cardId = `${id}-card`;\n\n    const testIds = useTestIds(testId, getCheckboxCardTestIds);\n    const inputRef = useConsolidatedRef(ref);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    return (\n      <StyledSelectionCard\n        {...restProps}\n        id={cardId}\n        as={SelectionCard}\n        testId={testIds}\n        label={label}\n        heading={\n          <Checkbox\n            testId={testIds.root}\n            onChange={onChange}\n            onClick={onClick}\n            status={status}\n            checked={checked}\n            value={value}\n            id={id}\n            disabled={disabled}\n            readOnly={readOnly}\n            label={\n              <Text variant='h4' as='span'>\n                {label}\n              </Text>\n            }\n            variant='simple'\n            ref={inputRef}\n            onKeyDown={onKeyDown}\n          />\n        }\n        readOnly={readOnly}\n        disabled={disabled}\n        onClick={(e: MouseEvent<HTMLDivElement>) => {\n          const target = e.target as HTMLElement;\n          if (readOnly || !containerRef.current?.contains(target)) return;\n          if (\n            containerRef.current &&\n            [...containerRef.current.querySelectorAll(focusableSelector)].includes(target)\n          )\n            return;\n          e.preventDefault();\n          inputRef.current?.click();\n          (inputRef.current?.hasAttribute('data-main-focus')\n            ? inputRef\n            : containerRef\n          ).current?.focus();\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === ' ' && containerRef.current === getActiveElement()) {\n            e.preventDefault();\n            inputRef.current?.click();\n          }\n        }}\n        ref={containerRef}\n      />\n    );\n  }\n);\n\nexport default withTestIds(CheckboxCard, getCheckboxCardTestIds);\n"]}
+{"version":3,"file":"CheckboxCard.js","sourceRoot":"","sources":["../../../src/components/Checkbox/CheckboxCard.tsx"],"names":[],"mappings":"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","sourcesContent":["import { forwardRef, useRef } from 'react';\nimport type { KeyboardEvent, MouseEvent, PropsWithoutRef, ReactNode } from 'react';\n\nimport { useConsolidatedRef, useTestIds, useUID } from '../../hooks';\nimport type { HeadingTag, OmitStrict, RefElement } from '../../types';\nimport { getActiveElement, withTestIds } from '../../utils';\nimport SelectionCard, { focusableSelector } from '../SelectionCard/SelectionCard';\nimport type { SelectionCardProps } from '../SelectionCard/SelectionCard.types';\nimport Text from '../Text';\n\nimport Checkbox from './Checkbox';\nimport type { CheckboxProps } from './Checkbox';\nimport { getCheckboxCardTestIds } from './Checkbox.test-ids';\n\nexport type CheckboxCardProps = OmitStrict<SelectionCardProps, 'heading'> &\n  OmitStrict<CheckboxProps, 'label' | 'variant' | 'indeterminate'> & {\n    label: NonNullable<ReactNode>;\n    /**\n     * Uses specific heading tag for header.\n     * @default h4\n     */\n    headingTag?: HeadingTag;\n  };\n\nconst CheckboxCard = forwardRef<RefElement<CheckboxProps>, PropsWithoutRef<CheckboxCardProps>>(\n  function CheckboxCard(props, ref) {\n    const uid = useUID();\n    const {\n      testId,\n      id = uid,\n      label,\n      headingTag = 'h4',\n      'aria-label': ariaLabel,\n      disabled,\n      readOnly,\n      onChange,\n      onClick,\n      onKeyDown,\n      status,\n      checked,\n      value,\n      ...restProps\n    } = props;\n    const cardId = `${id}-card`;\n    const labelId = `${id}-label`;\n\n    const testIds = useTestIds(testId, getCheckboxCardTestIds);\n    const inputRef = useConsolidatedRef(ref);\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    return (\n      <SelectionCard\n        {...restProps}\n        id={cardId}\n        testId={testIds}\n        aria-labelledby={ariaLabel ? undefined : labelId}\n        aria-label={ariaLabel}\n        heading={\n          <Checkbox\n            testId={testIds.root}\n            onChange={onChange}\n            onClick={onClick}\n            status={status}\n            checked={checked}\n            value={value}\n            id={id}\n            disabled={disabled}\n            readOnly={readOnly}\n            aria-labelledby={labelId}\n            label={\n              <Text variant={headingTag} as='span' id={labelId} data-testid={testIds.label}>\n                {label}\n              </Text>\n            }\n            variant='simple'\n            ref={inputRef}\n            onKeyDown={onKeyDown}\n          />\n        }\n        readOnly={readOnly}\n        disabled={disabled}\n        onClick={(e: MouseEvent<HTMLDivElement>) => {\n          const target = e.target as HTMLElement;\n          if (readOnly || !containerRef.current?.contains(target)) return;\n          if (\n            containerRef.current &&\n            [...containerRef.current.querySelectorAll(focusableSelector)].includes(target)\n          )\n            return;\n          e.preventDefault();\n          inputRef.current?.click();\n          (inputRef.current?.hasAttribute('data-main-focus')\n            ? inputRef\n            : containerRef\n          ).current?.focus();\n        }}\n        onKeyDown={(e: KeyboardEvent) => {\n          if (e.key === ' ' && containerRef.current === getActiveElement()) {\n            e.preventDefault();\n            inputRef.current?.click();\n          }\n        }}\n        ref={containerRef}\n      />\n    );\n  }\n);\n\nexport default withTestIds(CheckboxCard, getCheckboxCardTestIds);\n"]}

package/lib/components/CheckboxGroup/CheckboxGroup.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAK/D,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;;;;AAS/E,wBAAqE"}

package/lib/components/CheckboxGroup/CheckboxGroup.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import { withTestIds } from '../../utils';
+import RadioCheckGroup from '../RadioCheckGroup';
+import { getRadioCheckGroupTestIds } from '../RadioCheckGroup/RadioCheckGroup.test-ids';
+const CheckboxGroup = forwardRef(function CheckboxGroup(props, ref) {
+    return _jsx(RadioCheckGroup, { ...props, ref: ref, arrowNavigation: false });
+});
+export default withTestIds(CheckboxGroup, getRadioCheckGroupTestIds);
+//# sourceMappingURL=CheckboxGroup.js.map

package/lib/components/CheckboxGroup/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxGroup.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,eAAe,MAAM,oBAAoB,CAAC;AAEjD,OAAO,EAAE,yBAAyB,EAAE,MAAM,6CAA6C,CAAC;AAMxF,MAAM,aAAa,GAAG,UAAU,CAG9B,SAAS,aAAa,CAAC,KAAK,EAAE,GAAG;IACjC,OAAO,KAAC,eAAe,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,eAAe,EAAE,KAAK,GAAI,CAAC;AAC1E,CAAC,CAAC,CAAC;AAEH,eAAe,WAAW,CAAC,aAAa,EAAE,yBAAyB,CAAC,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport type { RefElement } from '../../types';\nimport { withTestIds } from '../../utils';\nimport RadioCheckGroup from '../RadioCheckGroup';\nimport type { RadioCheckGroupProps } from '../RadioCheckGroup';\nimport { getRadioCheckGroupTestIds } from '../RadioCheckGroup/RadioCheckGroup.test-ids';\n\n// Using Omit instead of OmitStrict as workaround for downstream consumers without inert type augmentation.\n// eslint-disable-next-line @typescript-eslint/ban-types\nexport type CheckboxGroupProps = Omit<RadioCheckGroupProps, 'arrowNavigation'>;\n\nconst CheckboxGroup = forwardRef<\n  RefElement<CheckboxGroupProps>,\n  PropsWithoutRef<CheckboxGroupProps>\n>(function CheckboxGroup(props, ref) {\n  return <RadioCheckGroup {...props} ref={ref} arrowNavigation={false} />;\n});\n\nexport default withTestIds(CheckboxGroup, getRadioCheckGroupTestIds);\n"]}

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

@@ -1,2 +1,3 @@
-export { default } from '../RadioCheckGroup';
+export { default } from './CheckboxGroup';
+export type { CheckboxGroupProps } from './CheckboxGroup';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAC1C,YAAY,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/CheckboxGroup/index.js

@@ -1,2 +1,2 @@
-export { default } from '../RadioCheckGroup';
+export { default } from './CheckboxGroup';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC","sourcesContent":["export { default } from '../RadioCheckGroup';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CheckboxGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC","sourcesContent":["export { default } from './CheckboxGroup';\nexport type { CheckboxGroupProps } from './CheckboxGroup';\n"]}

package/lib/components/ClassificationMarking/ClassificationMarking.d.ts

@@ -0,0 +1,6 @@
+import type { ClassificationMarkingProps } from './ClassificationMarking.types';
+declare const _default: (({ testId, label, background, color, fontFamily, fontSize, height, children }: ClassificationMarkingProps) => import("react/jsx-runtime").JSX.Element) & {
+    getTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["top", "content", "bottom"]>;
+};
+export default _default;
+//# sourceMappingURL=ClassificationMarking.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.d.ts","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;wGAY7E,0BAA0B;;;AAkC7B,wBAAmF"}

package/lib/components/ClassificationMarking/ClassificationMarking.js

@@ -0,0 +1,11 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useTestIds } from '../../hooks';
+import { withTestIds } from '../../utils';
+import { ClassificationMarkingGlobalStyle, StyledClassifiedContent, StyledMarking } from './ClassificationMarking.styles';
+import { getClassificationMarkingTestIds } from './ClassificationMarking.test-ids';
+const ClassificationMarking = ({ testId, label, background, color, fontFamily, fontSize, height, children }) => {
+    const testIds = useTestIds(testId, getClassificationMarkingTestIds);
+    return (_jsxs(_Fragment, { children: [_jsx(ClassificationMarkingGlobalStyle, { height: height }), _jsx(StyledMarking, { background: background, color: color, fontFamily: fontFamily, fontSize: fontSize, height: height, placement: 'top', "data-testid": testIds.top, children: label }), _jsx(StyledClassifiedContent, { height: height, "data-testid": testIds.content, children: children }), _jsx(StyledMarking, { background: background, color: color, fontFamily: fontFamily, fontSize: fontSize, height: height, placement: 'bottom', "data-testid": testIds.bottom, children: label })] }));
+};
+export default withTestIds(ClassificationMarking, getClassificationMarkingTestIds);
+//# sourceMappingURL=ClassificationMarking.js.map

package/lib/components/ClassificationMarking/ClassificationMarking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.js","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EACL,gCAAgC,EAChC,uBAAuB,EACvB,aAAa,EACd,MAAM,gCAAgC,CAAC;AAExC,OAAO,EAAE,+BAA+B,EAAE,MAAM,kCAAkC,CAAC;AAEnF,MAAM,qBAAqB,GAAG,CAAC,EAC7B,MAAM,EACN,KAAK,EACL,UAAU,EACV,KAAK,EACL,UAAU,EACV,QAAQ,EACR,MAAM,EACN,QAAQ,EACmB,EAAE,EAAE;IAC/B,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,+BAA+B,CAAC,CAAC;IACpE,OAAO,CACL,8BACE,KAAC,gCAAgC,IAAC,MAAM,EAAE,MAAM,GAAI,EACpD,KAAC,aAAa,IACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,KAAK,iBACF,OAAO,CAAC,GAAG,YAEvB,KAAK,GACQ,EAChB,KAAC,uBAAuB,IAAC,MAAM,EAAE,MAAM,iBAAe,OAAO,CAAC,OAAO,YAClE,QAAQ,GACe,EAC1B,KAAC,aAAa,IACZ,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,SAAS,EAAC,QAAQ,iBACL,OAAO,CAAC,MAAM,YAE1B,KAAK,GACQ,IACf,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC,qBAAqB,EAAE,+BAA+B,CAAC,CAAC","sourcesContent":["import { useTestIds } from '../../hooks';\nimport { withTestIds } from '../../utils';\n\nimport {\n  ClassificationMarkingGlobalStyle,\n  StyledClassifiedContent,\n  StyledMarking\n} from './ClassificationMarking.styles';\nimport type { ClassificationMarkingProps } from './ClassificationMarking.types';\nimport { getClassificationMarkingTestIds } from './ClassificationMarking.test-ids';\n\nconst ClassificationMarking = ({\n  testId,\n  label,\n  background,\n  color,\n  fontFamily,\n  fontSize,\n  height,\n  children\n}: ClassificationMarkingProps) => {\n  const testIds = useTestIds(testId, getClassificationMarkingTestIds);\n  return (\n    <>\n      <ClassificationMarkingGlobalStyle height={height} />\n      <StyledMarking\n        background={background}\n        color={color}\n        fontFamily={fontFamily}\n        fontSize={fontSize}\n        height={height}\n        placement='top'\n        data-testid={testIds.top}\n      >\n        {label}\n      </StyledMarking>\n      <StyledClassifiedContent height={height} data-testid={testIds.content}>\n        {children}\n      </StyledClassifiedContent>\n      <StyledMarking\n        background={background}\n        color={color}\n        fontFamily={fontFamily}\n        fontSize={fontSize}\n        height={height}\n        placement='bottom'\n        data-testid={testIds.bottom}\n      >\n        {label}\n      </StyledMarking>\n    </>\n  );\n};\n\nexport default withTestIds(ClassificationMarking, getClassificationMarkingTestIds);\n"]}

package/lib/components/ClassificationMarking/ClassificationMarking.styles.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Promotes --marking-height to :root so portaled elements
+ * (Fullscreen, Lightbox) can read it outside the StyledClassifiedContent tree.
+ */
+export declare const ClassificationMarkingGlobalStyle: import("react").NamedExoticComponent<import("styled-components").ExecutionProps & {
+    height: string;
+}>;
+export declare const StyledMarking: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    background: string;
+    color: string;
+    height: string;
+    fontSize?: string;
+    fontFamily?: string;
+    placement: "top" | "bottom";
+}>> & string;
+export declare const StyledClassifiedContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    height: string;
+}>> & string;
+//# sourceMappingURL=ClassificationMarking.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.styles.ts"],"names":[],"mappings":"AAKA;;;GAGG;AACH,eAAO,MAAM,gCAAgC;YACnC,MAAM;EAKf,CAAC;AAEF,eAAO,MAAM,aAAa;gBACZ,MAAM;WACX,MAAM;YACL,MAAM;eACH,MAAM;iBACJ,MAAM;eACR,KAAK,GAAG,QAAQ;YAgB3B,CAAC;AAIH,eAAO,MAAM,uBAAuB;YAC1B,MAAM;YAmCd,CAAC"}

package/lib/components/ClassificationMarking/ClassificationMarking.styles.js

@@ -0,0 +1,66 @@
+import styled, { css, createGlobalStyle } from 'styled-components';
+import { defaultThemeProp } from '../../theme';
+import { headerHeight, StyledMobileNav } from '../AppShell/AppShell.styles';
+/**
+ * Promotes --marking-height to :root so portaled elements
+ * (Fullscreen, Lightbox) can read it outside the StyledClassifiedContent tree.
+ */
+export const ClassificationMarkingGlobalStyle = createGlobalStyle `
+  :root {
+    --marking-height: ${({ height }) => height};
+  }
+`;
+export const StyledMarking = styled.div(({ background, color, height, fontSize, fontFamily, placement, theme }) => {
+    return css `
+    position: fixed;
+    ${placement}: 0;
+    inset-inline: 0;
+    height: ${height};
+    line-height: ${height};
+    text-align: center;
+    font-weight: ${theme.base['font-weight'].bold};
+    ${fontFamily ? `font-family: ${fontFamily};` : ''}
+    ${fontSize ? `font-size: ${fontSize};` : ''}
+    z-index: ${theme.base['z-index'].max};
+    background: ${background};
+    color: ${color};
+  `;
+});
+StyledMarking.defaultProps = defaultThemeProp;
+export const StyledClassifiedContent = styled.div(({ height, theme }) => {
+    return css `
+    --marking-height: ${height};
+    --top-offset: calc(${headerHeight} + var(--marking-height));
+    --remaining-height: calc(100vh - (${headerHeight} + (var(--marking-height) * 2)));
+    height: calc(100% - var(--marking-height));
+    min-height: calc(100% - var(--marking-height));
+
+    /* Header layout fix: position below top banner */
+    & > header:not(${StyledMobileNav}) {
+      position: fixed;
+      top: var(--marking-height);
+      width: 100%;
+    }
+
+    /* Desktop only: nav and main top offset and min-height */
+    @media (width > ${theme.base.breakpoints.sm}) {
+      & nav[data-app-region],
+      & nav[data-app-region] [role='dialog'],
+      & main[data-app-region] {
+        top: var(--top-offset);
+        min-height: var(--remaining-height);
+      }
+
+      /* Nav height */
+      & nav[data-app-region] {
+        height: var(--remaining-height);
+      }
+
+      & main[data-app-region] {
+        padding-block-end: var(--marking-height);
+      }
+    }
+  `;
+});
+StyledClassifiedContent.defaultProps = defaultThemeProp;
+//# sourceMappingURL=ClassificationMarking.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.styles.js","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.styles.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,YAAY,EAAE,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE5E;;;GAGG;AACH,MAAM,CAAC,MAAM,gCAAgC,GAAG,iBAAiB,CAE/D;;wBAEsB,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM;;CAE7C,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAOpC,CAAC,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,SAAS,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,OAAO,GAAG,CAAA;;MAEN,SAAS;;cAED,MAAM;mBACD,MAAM;;mBAEN,KAAK,CAAC,IAAI,CAAC,aAAa,CAAC,CAAC,IAAI;MAC3C,UAAU,CAAC,CAAC,CAAC,gBAAgB,UAAU,GAAG,CAAC,CAAC,CAAC,EAAE;MAC/C,QAAQ,CAAC,CAAC,CAAC,cAAc,QAAQ,GAAG,CAAC,CAAC,CAAC,EAAE;eAChC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,GAAG;kBACtB,UAAU;aACf,KAAK;GACf,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE9C,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAE9C,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,EAAE;IACvB,OAAO,GAAG,CAAA;wBACY,MAAM;yBACL,YAAY;wCACG,YAAY;;;;;qBAK/B,eAAe;;;;;;;sBAOd,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE;;;;;;;;;;;;;;;;;GAiB5C,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,uBAAuB,CAAC,YAAY,GAAG,gBAAgB,CAAC","sourcesContent":["import styled, { css, createGlobalStyle } from 'styled-components';\n\nimport { defaultThemeProp } from '../../theme';\nimport { headerHeight, StyledMobileNav } from '../AppShell/AppShell.styles';\n\n/**\n * Promotes --marking-height to :root so portaled elements\n * (Fullscreen, Lightbox) can read it outside the StyledClassifiedContent tree.\n */\nexport const ClassificationMarkingGlobalStyle = createGlobalStyle<{\n  height: string;\n}>`\n  :root {\n    --marking-height: ${({ height }) => height};\n  }\n`;\n\nexport const StyledMarking = styled.div<{\n  background: string;\n  color: string;\n  height: string;\n  fontSize?: string;\n  fontFamily?: string;\n  placement: 'top' | 'bottom';\n}>(({ background, color, height, fontSize, fontFamily, placement, theme }) => {\n  return css`\n    position: fixed;\n    ${placement}: 0;\n    inset-inline: 0;\n    height: ${height};\n    line-height: ${height};\n    text-align: center;\n    font-weight: ${theme.base['font-weight'].bold};\n    ${fontFamily ? `font-family: ${fontFamily};` : ''}\n    ${fontSize ? `font-size: ${fontSize};` : ''}\n    z-index: ${theme.base['z-index'].max};\n    background: ${background};\n    color: ${color};\n  `;\n});\n\nStyledMarking.defaultProps = defaultThemeProp;\n\nexport const StyledClassifiedContent = styled.div<{\n  height: string;\n}>(({ height, theme }) => {\n  return css`\n    --marking-height: ${height};\n    --top-offset: calc(${headerHeight} + var(--marking-height));\n    --remaining-height: calc(100vh - (${headerHeight} + (var(--marking-height) * 2)));\n    height: calc(100% - var(--marking-height));\n    min-height: calc(100% - var(--marking-height));\n\n    /* Header layout fix: position below top banner */\n    & > header:not(${StyledMobileNav}) {\n      position: fixed;\n      top: var(--marking-height);\n      width: 100%;\n    }\n\n    /* Desktop only: nav and main top offset and min-height */\n    @media (width > ${theme.base.breakpoints.sm}) {\n      & nav[data-app-region],\n      & nav[data-app-region] [role='dialog'],\n      & main[data-app-region] {\n        top: var(--top-offset);\n        min-height: var(--remaining-height);\n      }\n\n      /* Nav height */\n      & nav[data-app-region] {\n        height: var(--remaining-height);\n      }\n\n      & main[data-app-region] {\n        padding-block-end: var(--marking-height);\n      }\n    }\n  `;\n});\n\nStyledClassifiedContent.defaultProps = defaultThemeProp;\n"]}

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

@@ -0,0 +1,2 @@
+export declare const getClassificationMarkingTestIds: (testIdProp?: import("../..").TestIdProp["testId"]) => import("../..").TestIdsRecord<readonly ["top", "content", "bottom"]>;
+//# sourceMappingURL=ClassificationMarking.test-ids.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.test-ids.d.ts","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.test-ids.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,+BAA+B,6HAIjC,CAAC"}

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

@@ -0,0 +1,7 @@
+import { createTestIds } from '../../utils';
+export const getClassificationMarkingTestIds = createTestIds('classification-marking', [
+    'top',
+    'content',
+    'bottom'
+]);
+//# sourceMappingURL=ClassificationMarking.test-ids.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.test-ids.js","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.test-ids.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAE5C,MAAM,CAAC,MAAM,+BAA+B,GAAG,aAAa,CAAC,wBAAwB,EAAE;IACrF,KAAK;IACL,SAAS;IACT,QAAQ;CACA,CAAC,CAAC","sourcesContent":["import { createTestIds } from '../../utils';\n\nexport const getClassificationMarkingTestIds = createTestIds('classification-marking', [\n  'top',\n  'content',\n  'bottom'\n] as const);\n"]}

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

@@ -0,0 +1,19 @@
+import type { ReactNode } from 'react';
+import type { TestIdProp } from '../../types';
+export interface ClassificationMarkingProps extends TestIdProp {
+    /** The classification text to display in the top and bottom markings. */
+    label: string;
+    /** The background color of the markings. */
+    background: string;
+    /** The text color of the markings. */
+    color: string;
+    /** The height of the top and bottom markings. */
+    height: string;
+    /** The application content to render between the top and bottom markings. */
+    children: ReactNode;
+    /** The font family for the marking text (optional). */
+    fontFamily?: string;
+    /** The font size for the marking text (optional, defaults to inherited font size). */
+    fontSize?: string;
+}
+//# sourceMappingURL=ClassificationMarking.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.types.d.ts","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,MAAM,WAAW,0BAA2B,SAAQ,UAAU;IAC5D,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,4CAA4C;IAC5C,UAAU,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,QAAQ,EAAE,SAAS,CAAC;IACpB,uDAAuD;IACvD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sFAAsF;IACtF,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/components/ClassificationMarking/ClassificationMarking.types.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassificationMarking.types.js","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/ClassificationMarking.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { ReactNode } from 'react';\n\nimport type { TestIdProp } from '../../types';\n\nexport interface ClassificationMarkingProps extends TestIdProp {\n  /** The classification text to display in the top and bottom markings. */\n  label: string;\n  /** The background color of the markings. */\n  background: string;\n  /** The text color of the markings. */\n  color: string;\n  /** The height of the top and bottom markings. */\n  height: string;\n  /** The application content to render between the top and bottom markings. */\n  children: ReactNode;\n  /** The font family for the marking text (optional). */\n  fontFamily?: string;\n  /** The font size for the marking text (optional, defaults to inherited font size). */\n  fontSize?: string;\n}\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './ClassificationMarking';
+export type { ClassificationMarkingProps } from './ClassificationMarking.types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAClD,YAAY,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC"}

package/lib/components/ClassificationMarking/index.js

@@ -0,0 +1,2 @@
+export { default } from './ClassificationMarking';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ClassificationMarking/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC","sourcesContent":["export { default } from './ClassificationMarking';\nexport type { ClassificationMarkingProps } from './ClassificationMarking.types';\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AA0CA,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;;;;AAQlD,wBA6WE"}
+{"version":3,"file":"ComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"AAyCA,OAAO,KAAK,aAAa,MAAM,kBAAkB,CAAC;;;;AAQlD,wBAsXE"}

package/lib/components/ComboBox/ComboBox.js

@@ -8,19 +8,18 @@ import Popover from '../Popover';
 import FormField from '../FormField';
 import { StyledFormControl } from '../FormControl';
 import Menu from '../Menu';
-import Button from '../Button';
 import { navigatorIsAvailable, withTestIds, getFocusables, createClassName } from '../../utils';
 import menuHelpers from '../Menu/helpers';
 import { fitToContent } from '../Popover/modifiers';
 import VisuallyHiddenText from '../VisuallyHiddenText';
 import ComboBoxInput from './ComboBoxInput';
-import { StyledComboBox } from './ComboBox.styles';
+import { StyledComboBox, StyledDropdownButton } from './ComboBox.styles';
 import { getComboBoxTestIds } from './ComboxBox.test-ids';
 registerIcon(caretDownIcon, caretUpIcon);
 const isMobile = navigatorIsAvailable && navigator.userAgent.includes('Mobile');
 export default withTestIds(forwardRef(function ComboBox(props, ref) {
     const uid = useUID();
-    const { testId, additionalInfo, value, required, id = uid, label, labelHidden, info, status, readOnly, disabled, mode = 'single-select', selected, onChange, actions, onFocus, onBlur, onResolveSuggestion, onDropdownButtonClick: onDropdownButtonClickProp, onMenuOpen, onClick, onKeyDown, menu, className, handle, ...restProps } = props;
+    const { testId, additionalInfo, value, required, id = uid, label, labelHidden, info, status, readOnly, disabled, mode = 'single-select', selected, onChange, actions, onFocus, onBlur, onResolveSuggestion, onDropdownButtonClick: onDropdownButtonClickProp, onMenuOpen, onClick, onKeyDown, menu, visual, className, handle, ...restProps } = props;
     const testIds = useTestIds(testId, getComboBoxTestIds);
     const bodyRef = useRef(document.body);
     const [pauseMenuDescendantEvaluation, setPauseMenuDescendantEvaluation] = useState(true);
@@ -118,7 +117,7 @@ export default withTestIds(forwardRef(function ComboBox(props, ref) {
         setOpen(!open);
     }, [open, onDropdownButtonClickProp]);
     const dropdownButton = useMemo(() => {
-        return (menu?.items || onDropdownButtonClickProp || !onChange) && !readOnly ? (_jsx(Button, { "aria-label": t(open ? 'combobox_close_list_button_a11y' : 'combobox_open_list_button_a11y'), icon: true, variant: 'simple', onClick: onDropdownButtonClick, onMouseDown: (e) => {
+        return (menu?.items || onDropdownButtonClickProp || !onChange) && !readOnly ? (_jsx(StyledDropdownButton, { "aria-label": t(open ? 'combobox_close_list_button_a11y' : 'combobox_open_list_button_a11y'), icon: true, variant: 'simple', onClick: onDropdownButtonClick, onMouseDown: (e) => {
                 e.preventDefault();
                 inputRef.current?.focus();
             }, disabled: disabled, tabIndex: '-1', children: _jsx(Icon, { name: open ? 'caret-up' : 'caret-down' }) })) : null;
@@ -156,11 +155,11 @@ export default withTestIds(forwardRef(function ComboBox(props, ref) {
     // Workaround for the following error from jsx-ast-utils, fixed in version 3.5.0.
     // The prop value with an expression type of JSXFragment could not be resolved. Please file issue to get this fixed immediately.
     const inputActions = (_jsxs(_Fragment, { children: [dropdownButton, actions] }));
-    const Comp = (_jsxs(StyledComboBox, { ref: containerRef, as: StyledFormControl, id: `${id}-combobox`, "data-testid": label ? undefined : testIds.root, children: [_jsx(ComboBoxInput, { "data-testid": testIds.control, ref: inputRef, role: 'combobox', "aria-autocomplete": 'list', "aria-expanded": !readOnly && !disabled && open, "aria-controls": open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined, "aria-haspopup": 'listbox', "aria-describedby": ariaDescribedBy, className: createClassName('combo-box', className, { status, mode }), selected: selected?.items, spellCheck: false, id: id, readOnly: readOnly, disabled: disabled, onChange: onChange, value: value, mode: mode, status: status, onResolveSuggestion: onResolveSuggestion, actions: inputActions, onRemove: selected?.onRemove, onClick: onInputClick, onKeyDown: onInputKeyDown, required: required, pauseDescendantEvaluation: pauseSelectedDescendantEvaluation, onSelectedFocus: () => {
+    const Comp = (_jsxs(StyledComboBox, { ref: containerRef, as: StyledFormControl, id: `${id}-combobox`, "data-testid": label ? undefined : testIds.root, children: [_jsx(ComboBoxInput, { "data-testid": testIds.control, ref: inputRef, role: 'combobox', "aria-autocomplete": 'list', "aria-expanded": !readOnly && !disabled && open, "aria-controls": open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined, "aria-haspopup": 'listbox', "aria-describedby": ariaDescribedBy, className: createClassName('combo-box', className, { mode }), selected: selected?.items, spellCheck: false, id: id, readOnly: readOnly, disabled: disabled, onChange: onChange, value: value, mode: mode, status: status, onResolveSuggestion: onResolveSuggestion, actions: inputActions, visual: visual, onRemove: selected?.onRemove, onClick: onInputClick, onKeyDown: onInputKeyDown, required: required, pauseDescendantEvaluation: pauseSelectedDescendantEvaluation, onSelectedFocus: () => {
                     toggleSelectedDescendantsActive(true);
                 }, onSelectedBlur: () => {
                     toggleSelectedDescendantsActive(false);
-                }, ...restProps }), _jsx(Popover, { ref: popoverRef, show: open && menu !== undefined, target: containerRef.current, placement: 'bottom-start', modifiers: [fitToContent], 
+                }, ...restProps }), _jsx(Popover, { hideOnTargetHidden: true, ref: popoverRef, show: open && menu !== undefined, target: containerRef.current, placement: 'bottom-start', modifiers: [fitToContent], 
                 // FIXME: Removed absolute strategy for mobile to avoid overflow issues.
                 strategy: 'fixed', onMouseDown: (e) => e.preventDefault(), onKeyDown: (e) => {
                     if (!inputRef.current)
@@ -197,7 +196,9 @@ export default withTestIds(forwardRef(function ComboBox(props, ref) {
                         if (clickedItem?.primary && !clickedItem?.selected) {
                             selected?.onNew?.(clickedItem?.primary);
                         }
-                    }, "aria-label": t('menu_option_list'), pauseDescendantEvaluation: pauseMenuDescendantEvaluation, arrowNavigationUnsupported: true })) })] }));
-    return (_jsxs(_Fragment, { children: [label ? (_jsx(FormField, { testId: testIds, label: label, labelHidden: labelHidden, id: id, info: info, readOnly: readOnly, status: status, required: required, disabled: disabled, onResolveSuggestion: onResolveSuggestion, additionalInfo: additionalInfo, children: Comp })) : (Comp), _jsx(VisuallyHiddenText, { id: `${id}-inputDescription`, "aria-hidden": true, children: `${t('combobox_open_close')} ` }), _jsx(VisuallyHiddenText, { id: `${id}-searchDescription`, "aria-hidden": true, children: t('combobox_search_instructions') }), _jsx(VisuallyHiddenText, { id: `${id}-multiselectDescription`, "aria-hidden": true, children: t('multiselect_instructions', [start]) })] }));
+                    }, "aria-label": t('menu_option_list'), pauseDescendantEvaluation: pauseMenuDescendantEvaluation, arrowNavigationUnsupported: true, cycle: false })) })] }));
+    return (_jsxs(_Fragment, { children: [label ? (_jsx(FormField, { testId: testIds, label: label, labelHidden: labelHidden, id: id, info: info, readOnly: readOnly, status: status, required: required, disabled: disabled, onResolveSuggestion: onResolveSuggestion, additionalInfo: additionalInfo, children: Comp })) : (Comp), _jsx(VisuallyHiddenText, { id: `${id}-inputDescription`, "aria-hidden": true, children: `${t('combobox_open_close')} ` }), _jsx(VisuallyHiddenText, { id: `${id}-searchDescription`, "aria-hidden": true, children: t('combobox_search_instructions') }), _jsx(VisuallyHiddenText, { id: `${id}-multiselectDescription`, "aria-hidden": true, children: t(Array.isArray(selected?.items) && selected.items.some(item => item.primary)
+                    ? 'multiselect_instructions_with_links'
+                    : 'multiselect_instructions', [start]) })] }));
 }), getComboBoxTestIds);
 //# sourceMappingURL=ComboBox.js.map

package/lib/components/ComboBox/ComboBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport type {\n  KeyboardEvent as ReactKeyboardEvent,\n  PropsWithoutRef,\n  MutableRefObject,\n  MouseEvent\n} from 'react';\n\nimport Icon, { registerIcon } from '../Icon';\nimport * as caretDownIcon from '../Icon/icons/caret-down.icon';\nimport * as caretUpIcon from '../Icon/icons/caret-up.icon';\nimport type { RefElement } from '../../types';\nimport {\n  useConsolidatedRef,\n  useFocusWithin,\n  useI18n,\n  useUID,\n  useElement,\n  useDirection,\n  useTestIds,\n  useEscape\n} from '../../hooks';\nimport Popover from '../Popover';\nimport FormField from '../FormField';\nimport { StyledFormControl } from '../FormControl';\nimport Menu from '../Menu';\nimport type { MenuProps } from '../Menu';\nimport Button from '../Button';\nimport { navigatorIsAvailable, withTestIds, getFocusables, createClassName } from '../../utils';\nimport menuHelpers from '../Menu/helpers';\nimport { fitToContent } from '../Popover/modifiers';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\n\nimport ComboBoxInput from './ComboBoxInput';\nimport type ComboBoxProps from './ComboBox.types';\nimport { StyledComboBox } from './ComboBox.styles';\nimport { getComboBoxTestIds } from './ComboxBox.test-ids';\n\nregisterIcon(caretDownIcon, caretUpIcon);\n\nconst isMobile = navigatorIsAvailable && navigator.userAgent.includes('Mobile');\n\nexport default withTestIds(\n  forwardRef<RefElement<ComboBoxProps>, PropsWithoutRef<ComboBoxProps>>(\n    function ComboBox(props, ref) {\n      const uid = useUID();\n      const {\n        testId,\n        additionalInfo,\n        value,\n        required,\n        id = uid,\n        label,\n        labelHidden,\n        info,\n        status,\n        readOnly,\n        disabled,\n        mode = 'single-select',\n        selected,\n        onChange,\n        actions,\n        onFocus,\n        onBlur,\n        onResolveSuggestion,\n        onDropdownButtonClick: onDropdownButtonClickProp,\n        onMenuOpen,\n        onClick,\n        onKeyDown,\n        menu,\n        className,\n        handle,\n        ...restProps\n      } = props;\n\n      const testIds = useTestIds(testId, getComboBoxTestIds);\n      const bodyRef = useRef<Element>(document.body);\n\n      const [pauseMenuDescendantEvaluation, setPauseMenuDescendantEvaluation] = useState(true);\n      const [pauseSelectedDescendantEvaluation, setPauseSelectedDescendantEvaluation] =\n        useState(false);\n      const t = useI18n();\n      const listId = `${id}-list`;\n      const inputRef = useRef<HTMLInputElement>(null);\n      const popoverRef = useRef<HTMLDivElement>(null);\n      const [open, setOpen] = useState(false);\n      const menuRef: MenuProps['ref'] = useRef(null);\n      const menuComponentId = `${id}-listbox`;\n      const { start } = useDirection();\n\n      // Force a re-render to make sure useFocusWithin has valid elements to set listeners on.\n      const [, setContainerEl] = useElement();\n      const containerRef = useConsolidatedRef<HTMLDivElement>(ref, setContainerEl);\n\n      const toggleMenuDescendantsActive = useCallback((bool: boolean) => {\n        setPauseMenuDescendantEvaluation(!bool);\n        setPauseSelectedDescendantEvaluation(bool);\n      }, []);\n\n      const toggleSelectedDescendantsActive = useCallback((bool: boolean) => {\n        setPauseSelectedDescendantEvaluation(!bool);\n        setPauseMenuDescendantEvaluation(bool);\n      }, []);\n\n      const focus = useFocusWithin([containerRef, popoverRef], focused => {\n        if (!focused) {\n          setOpen(false);\n          toggleMenuDescendantsActive(false);\n          onBlur?.(selected?.items);\n        } else {\n          onFocus?.(selected?.items);\n          if (isMobile) {\n            setTimeout(() => {\n              containerRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }, 150); // delay it to let keyboard expand first\n          }\n        }\n      });\n\n      const handleEscape = useCallback(\n        (e: KeyboardEvent) => {\n          e.preventDefault();\n          if (open) {\n            e.stopPropagation();\n            setOpen(false);\n            toggleMenuDescendantsActive(false);\n          }\n        },\n        [open]\n      );\n\n      useEscape(handleEscape, containerRef, [handleEscape]);\n\n      useImperativeHandle(handle, () => ({\n        focusInput: () => {\n          inputRef.current?.focus();\n        }\n      }));\n\n      const onInputKeyDown = useCallback(\n        (e: ReactKeyboardEvent<HTMLInputElement>) => {\n          if (!menu || readOnly) return;\n          if (onKeyDown?.(e) === false) {\n            return;\n          }\n\n          switch (e.key) {\n            case 'ArrowUp':\n              if (e.altKey) {\n                e.preventDefault();\n                if (open) {\n                  setOpen(false);\n                  toggleMenuDescendantsActive(false);\n                }\n              }\n              break;\n            case 'ArrowDown':\n              e.preventDefault();\n              if (!open) {\n                setOpen(true);\n                toggleMenuDescendantsActive(true);\n              }\n              break;\n            case 'Tab': {\n              const forward = !e.shiftKey;\n\n              if (forward) {\n                const popoverFocusables = getFocusables(popoverRef);\n\n                if (popoverFocusables.length) {\n                  e.preventDefault();\n                  popoverFocusables[0].focus();\n                  break;\n                }\n              }\n\n              setOpen(false);\n              toggleMenuDescendantsActive(false);\n\n              break;\n            }\n            default:\n          }\n        },\n        [open, readOnly, menu, value, onKeyDown]\n      );\n\n      const onDropdownButtonClick = useCallback(() => {\n        onDropdownButtonClickProp?.(!open);\n        setOpen(!open);\n      }, [open, onDropdownButtonClickProp]);\n\n      const dropdownButton = useMemo(() => {\n        return (menu?.items || onDropdownButtonClickProp || !onChange) && !readOnly ? (\n          <Button\n            aria-label={t(\n              open ? 'combobox_close_list_button_a11y' : 'combobox_open_list_button_a11y'\n            )}\n            icon\n            variant='simple'\n            onClick={onDropdownButtonClick}\n            onMouseDown={(e: MouseEvent) => {\n              e.preventDefault();\n              inputRef.current?.focus();\n            }}\n            disabled={disabled}\n            tabIndex='-1'\n          >\n            <Icon name={open ? 'caret-up' : 'caret-down'} />\n          </Button>\n        ) : null;\n      }, [onDropdownButtonClick, onChange, readOnly, open, disabled]);\n\n      const ariaDescribedBy = useMemo(() => {\n        let idString = `${id}-inputDescription`;\n\n        if (info) {\n          idString = idString.concat(` ${id}-info`);\n        }\n        if (onChange) {\n          idString = idString.concat(` ${id}-searchDescription`);\n        }\n        if (mode === 'multi-select') {\n          idString = idString.concat(` ${id}-multiselectDescription`);\n        }\n\n        return idString;\n      }, [info, id, mode, onChange]);\n\n      const onInputClick = useCallback(\n        (e: MouseEvent<HTMLInputElement>) => {\n          if (readOnly) return;\n          setOpen(true);\n          toggleMenuDescendantsActive(true);\n          onClick?.(e);\n        },\n        [readOnly, onClick]\n      );\n\n      useEffect(() => {\n        if (focus && menu && value && value.length > 0) {\n          setOpen(true);\n          toggleMenuDescendantsActive(true);\n        }\n      }, [menu, value, focus]);\n\n      useEffect(() => {\n        if (open) onMenuOpen?.();\n      }, [open]);\n\n      // Workaround for the following error from jsx-ast-utils, fixed in version 3.5.0.\n      // The prop value with an expression type of JSXFragment could not be resolved. Please file issue to get this fixed immediately.\n      const inputActions = (\n        <>\n          {dropdownButton}\n          {actions}\n        </>\n      );\n\n      const Comp = (\n        <StyledComboBox\n          ref={containerRef}\n          as={StyledFormControl}\n          id={`${id}-combobox`}\n          data-testid={label ? undefined : testIds.root}\n        >\n          <ComboBoxInput\n            data-testid={testIds.control}\n            ref={inputRef}\n            role='combobox'\n            aria-autocomplete='list'\n            aria-expanded={!readOnly && !disabled && open}\n            aria-controls={\n              open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined\n            }\n            aria-haspopup='listbox'\n            aria-describedby={ariaDescribedBy}\n            className={createClassName('combo-box', className, { status, mode })}\n            selected={selected?.items}\n            spellCheck={false}\n            id={id}\n            readOnly={readOnly}\n            disabled={disabled}\n            onChange={onChange}\n            value={value}\n            mode={mode}\n            status={status}\n            onResolveSuggestion={onResolveSuggestion}\n            actions={inputActions}\n            onRemove={selected?.onRemove}\n            onClick={onInputClick}\n            onKeyDown={onInputKeyDown}\n            required={required}\n            pauseDescendantEvaluation={pauseSelectedDescendantEvaluation}\n            onSelectedFocus={() => {\n              toggleSelectedDescendantsActive(true);\n            }}\n            onSelectedBlur={() => {\n              toggleSelectedDescendantsActive(false);\n            }}\n            {...restProps}\n          />\n\n          <Popover\n            ref={popoverRef}\n            show={open && menu !== undefined}\n            target={containerRef.current}\n            placement='bottom-start'\n            modifiers={[fitToContent]}\n            // FIXME: Removed absolute strategy for mobile to avoid overflow issues.\n            strategy='fixed'\n            onMouseDown={(e: MouseEvent) => e.preventDefault()}\n            onKeyDown={(e: KeyboardEvent) => {\n              if (!inputRef.current) return;\n\n              if (e.key === 'Tab') {\n                const popoverFocusables = getFocusables(popoverRef);\n                const currentIndex = popoverFocusables.indexOf(e.target as HTMLElement);\n                const forward = !e.shiftKey;\n                const isLast = currentIndex === popoverFocusables.length - 1;\n\n                if (forward && isLast) {\n                  e.preventDefault();\n                  const allFocusable = getFocusables(bodyRef as MutableRefObject<HTMLElement>);\n                  const nextIndex = allFocusable.indexOf(inputRef.current) + 1;\n\n                  allFocusable[nextIndex]?.focus();\n                  setOpen(false);\n                  toggleMenuDescendantsActive(false);\n                } else if (!forward && currentIndex === 0) {\n                  e.preventDefault();\n                  inputRef.current.focus();\n                }\n              }\n              if (e.key === 'Escape') {\n                handleEscape(e);\n                inputRef.current.focus();\n              }\n            }}\n          >\n            {menu && (\n              <Menu\n                ref={menuRef}\n                listId={listId}\n                id={menuComponentId}\n                role='listbox'\n                mode={mode}\n                {...menu}\n                items={menu.items}\n                focusControlEl={inputRef.current || undefined}\n                onItemClick={(itemId, e) => {\n                  if (mode === 'single-select') {\n                    setOpen(false);\n                    toggleMenuDescendantsActive(true);\n                  }\n                  menu.onItemClick?.(itemId, e);\n\n                  const clickedItem = menuHelpers.getItem(menu.items, itemId);\n\n                  if (clickedItem?.primary && !clickedItem?.selected) {\n                    selected?.onNew?.(clickedItem?.primary);\n                  }\n                }}\n                aria-label={t('menu_option_list')}\n                pauseDescendantEvaluation={pauseMenuDescendantEvaluation}\n                arrowNavigationUnsupported\n              />\n            )}\n          </Popover>\n        </StyledComboBox>\n      );\n\n      return (\n        <>\n          {label ? (\n            <FormField\n              testId={testIds}\n              label={label}\n              labelHidden={labelHidden}\n              id={id}\n              info={info}\n              readOnly={readOnly}\n              status={status}\n              required={required}\n              disabled={disabled}\n              onResolveSuggestion={onResolveSuggestion}\n              additionalInfo={additionalInfo}\n            >\n              {Comp}\n            </FormField>\n          ) : (\n            Comp\n          )}\n          <VisuallyHiddenText id={`${id}-inputDescription`} aria-hidden>\n            {`${t('combobox_open_close')} `}\n          </VisuallyHiddenText>\n          <VisuallyHiddenText id={`${id}-searchDescription`} aria-hidden>\n            {t('combobox_search_instructions')}\n          </VisuallyHiddenText>\n          <VisuallyHiddenText id={`${id}-multiselectDescription`} aria-hidden>\n            {t('multiselect_instructions', [start])}\n          </VisuallyHiddenText>\n        </>\n      );\n    }\n  ),\n  getComboBoxTestIds\n);\n"]}
+{"version":3,"file":"ComboBox.js","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.tsx"],"names":[],"mappings":"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","sourcesContent":["import {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState\n} from 'react';\nimport type {\n  KeyboardEvent as ReactKeyboardEvent,\n  PropsWithoutRef,\n  MutableRefObject,\n  MouseEvent\n} from 'react';\n\nimport Icon, { registerIcon } from '../Icon';\nimport * as caretDownIcon from '../Icon/icons/caret-down.icon';\nimport * as caretUpIcon from '../Icon/icons/caret-up.icon';\nimport type { RefElement } from '../../types';\nimport {\n  useConsolidatedRef,\n  useFocusWithin,\n  useI18n,\n  useUID,\n  useElement,\n  useDirection,\n  useTestIds,\n  useEscape\n} from '../../hooks';\nimport Popover from '../Popover';\nimport FormField from '../FormField';\nimport { StyledFormControl } from '../FormControl';\nimport Menu from '../Menu';\nimport type { MenuProps } from '../Menu';\nimport { navigatorIsAvailable, withTestIds, getFocusables, createClassName } from '../../utils';\nimport menuHelpers from '../Menu/helpers';\nimport { fitToContent } from '../Popover/modifiers';\nimport VisuallyHiddenText from '../VisuallyHiddenText';\n\nimport ComboBoxInput from './ComboBoxInput';\nimport type ComboBoxProps from './ComboBox.types';\nimport { StyledComboBox, StyledDropdownButton } from './ComboBox.styles';\nimport { getComboBoxTestIds } from './ComboxBox.test-ids';\n\nregisterIcon(caretDownIcon, caretUpIcon);\n\nconst isMobile = navigatorIsAvailable && navigator.userAgent.includes('Mobile');\n\nexport default withTestIds(\n  forwardRef<RefElement<ComboBoxProps>, PropsWithoutRef<ComboBoxProps>>(\n    function ComboBox(props, ref) {\n      const uid = useUID();\n      const {\n        testId,\n        additionalInfo,\n        value,\n        required,\n        id = uid,\n        label,\n        labelHidden,\n        info,\n        status,\n        readOnly,\n        disabled,\n        mode = 'single-select',\n        selected,\n        onChange,\n        actions,\n        onFocus,\n        onBlur,\n        onResolveSuggestion,\n        onDropdownButtonClick: onDropdownButtonClickProp,\n        onMenuOpen,\n        onClick,\n        onKeyDown,\n        menu,\n        visual,\n        className,\n        handle,\n        ...restProps\n      } = props;\n\n      const testIds = useTestIds(testId, getComboBoxTestIds);\n      const bodyRef = useRef<Element>(document.body);\n\n      const [pauseMenuDescendantEvaluation, setPauseMenuDescendantEvaluation] = useState(true);\n      const [pauseSelectedDescendantEvaluation, setPauseSelectedDescendantEvaluation] =\n        useState(false);\n      const t = useI18n();\n      const listId = `${id}-list`;\n      const inputRef = useRef<HTMLInputElement>(null);\n      const popoverRef = useRef<HTMLDivElement>(null);\n      const [open, setOpen] = useState(false);\n      const menuRef: MenuProps['ref'] = useRef(null);\n      const menuComponentId = `${id}-listbox`;\n      const { start } = useDirection();\n\n      // Force a re-render to make sure useFocusWithin has valid elements to set listeners on.\n      const [, setContainerEl] = useElement();\n      const containerRef = useConsolidatedRef<HTMLDivElement>(ref, setContainerEl);\n\n      const toggleMenuDescendantsActive = useCallback((bool: boolean) => {\n        setPauseMenuDescendantEvaluation(!bool);\n        setPauseSelectedDescendantEvaluation(bool);\n      }, []);\n\n      const toggleSelectedDescendantsActive = useCallback((bool: boolean) => {\n        setPauseSelectedDescendantEvaluation(!bool);\n        setPauseMenuDescendantEvaluation(bool);\n      }, []);\n\n      const focus = useFocusWithin([containerRef, popoverRef], focused => {\n        if (!focused) {\n          setOpen(false);\n          toggleMenuDescendantsActive(false);\n          onBlur?.(selected?.items);\n        } else {\n          onFocus?.(selected?.items);\n          if (isMobile) {\n            setTimeout(() => {\n              containerRef.current?.scrollIntoView({ behavior: 'smooth', block: 'start' });\n            }, 150); // delay it to let keyboard expand first\n          }\n        }\n      });\n\n      const handleEscape = useCallback(\n        (e: KeyboardEvent) => {\n          e.preventDefault();\n          if (open) {\n            e.stopPropagation();\n            setOpen(false);\n            toggleMenuDescendantsActive(false);\n          }\n        },\n        [open]\n      );\n\n      useEscape(handleEscape, containerRef, [handleEscape]);\n\n      useImperativeHandle(handle, () => ({\n        focusInput: () => {\n          inputRef.current?.focus();\n        }\n      }));\n\n      const onInputKeyDown = useCallback(\n        (e: ReactKeyboardEvent<HTMLInputElement>) => {\n          if (!menu || readOnly) return;\n          if (onKeyDown?.(e) === false) {\n            return;\n          }\n\n          switch (e.key) {\n            case 'ArrowUp':\n              if (e.altKey) {\n                e.preventDefault();\n                if (open) {\n                  setOpen(false);\n                  toggleMenuDescendantsActive(false);\n                }\n              }\n              break;\n            case 'ArrowDown':\n              e.preventDefault();\n              if (!open) {\n                setOpen(true);\n                toggleMenuDescendantsActive(true);\n              }\n              break;\n            case 'Tab': {\n              const forward = !e.shiftKey;\n\n              if (forward) {\n                const popoverFocusables = getFocusables(popoverRef);\n\n                if (popoverFocusables.length) {\n                  e.preventDefault();\n                  popoverFocusables[0].focus();\n                  break;\n                }\n              }\n\n              setOpen(false);\n              toggleMenuDescendantsActive(false);\n\n              break;\n            }\n            default:\n          }\n        },\n        [open, readOnly, menu, value, onKeyDown]\n      );\n\n      const onDropdownButtonClick = useCallback(() => {\n        onDropdownButtonClickProp?.(!open);\n        setOpen(!open);\n      }, [open, onDropdownButtonClickProp]);\n\n      const dropdownButton = useMemo(() => {\n        return (menu?.items || onDropdownButtonClickProp || !onChange) && !readOnly ? (\n          <StyledDropdownButton\n            aria-label={t(\n              open ? 'combobox_close_list_button_a11y' : 'combobox_open_list_button_a11y'\n            )}\n            icon\n            variant='simple'\n            onClick={onDropdownButtonClick}\n            onMouseDown={(e: MouseEvent) => {\n              e.preventDefault();\n              inputRef.current?.focus();\n            }}\n            disabled={disabled}\n            tabIndex='-1'\n          >\n            <Icon name={open ? 'caret-up' : 'caret-down'} />\n          </StyledDropdownButton>\n        ) : null;\n      }, [onDropdownButtonClick, onChange, readOnly, open, disabled]);\n\n      const ariaDescribedBy = useMemo(() => {\n        let idString = `${id}-inputDescription`;\n\n        if (info) {\n          idString = idString.concat(` ${id}-info`);\n        }\n        if (onChange) {\n          idString = idString.concat(` ${id}-searchDescription`);\n        }\n        if (mode === 'multi-select') {\n          idString = idString.concat(` ${id}-multiselectDescription`);\n        }\n\n        return idString;\n      }, [info, id, mode, onChange]);\n\n      const onInputClick = useCallback(\n        (e: MouseEvent<HTMLInputElement>) => {\n          if (readOnly) return;\n          setOpen(true);\n          toggleMenuDescendantsActive(true);\n          onClick?.(e);\n        },\n        [readOnly, onClick]\n      );\n\n      useEffect(() => {\n        if (focus && menu && value && value.length > 0) {\n          setOpen(true);\n          toggleMenuDescendantsActive(true);\n        }\n      }, [menu, value, focus]);\n\n      useEffect(() => {\n        if (open) onMenuOpen?.();\n      }, [open]);\n\n      // Workaround for the following error from jsx-ast-utils, fixed in version 3.5.0.\n      // The prop value with an expression type of JSXFragment could not be resolved. Please file issue to get this fixed immediately.\n      const inputActions = (\n        <>\n          {dropdownButton}\n          {actions}\n        </>\n      );\n\n      const Comp = (\n        <StyledComboBox\n          ref={containerRef}\n          as={StyledFormControl}\n          id={`${id}-combobox`}\n          data-testid={label ? undefined : testIds.root}\n        >\n          <ComboBoxInput\n            data-testid={testIds.control}\n            ref={inputRef}\n            role='combobox'\n            aria-autocomplete='list'\n            aria-expanded={!readOnly && !disabled && open}\n            aria-controls={\n              open && menu !== undefined && !pauseMenuDescendantEvaluation ? listId : undefined\n            }\n            aria-haspopup='listbox'\n            aria-describedby={ariaDescribedBy}\n            className={createClassName('combo-box', className, { mode })}\n            selected={selected?.items}\n            spellCheck={false}\n            id={id}\n            readOnly={readOnly}\n            disabled={disabled}\n            onChange={onChange}\n            value={value}\n            mode={mode}\n            status={status}\n            onResolveSuggestion={onResolveSuggestion}\n            actions={inputActions}\n            visual={visual}\n            onRemove={selected?.onRemove}\n            onClick={onInputClick}\n            onKeyDown={onInputKeyDown}\n            required={required}\n            pauseDescendantEvaluation={pauseSelectedDescendantEvaluation}\n            onSelectedFocus={() => {\n              toggleSelectedDescendantsActive(true);\n            }}\n            onSelectedBlur={() => {\n              toggleSelectedDescendantsActive(false);\n            }}\n            {...restProps}\n          />\n\n          <Popover\n            hideOnTargetHidden\n            ref={popoverRef}\n            show={open && menu !== undefined}\n            target={containerRef.current}\n            placement='bottom-start'\n            modifiers={[fitToContent]}\n            // FIXME: Removed absolute strategy for mobile to avoid overflow issues.\n            strategy='fixed'\n            onMouseDown={(e: MouseEvent) => e.preventDefault()}\n            onKeyDown={(e: KeyboardEvent) => {\n              if (!inputRef.current) return;\n\n              if (e.key === 'Tab') {\n                const popoverFocusables = getFocusables(popoverRef);\n                const currentIndex = popoverFocusables.indexOf(e.target as HTMLElement);\n                const forward = !e.shiftKey;\n                const isLast = currentIndex === popoverFocusables.length - 1;\n\n                if (forward && isLast) {\n                  e.preventDefault();\n                  const allFocusable = getFocusables(bodyRef as MutableRefObject<HTMLElement>);\n                  const nextIndex = allFocusable.indexOf(inputRef.current) + 1;\n\n                  allFocusable[nextIndex]?.focus();\n                  setOpen(false);\n                  toggleMenuDescendantsActive(false);\n                } else if (!forward && currentIndex === 0) {\n                  e.preventDefault();\n                  inputRef.current.focus();\n                }\n              }\n              if (e.key === 'Escape') {\n                handleEscape(e);\n                inputRef.current.focus();\n              }\n            }}\n          >\n            {menu && (\n              <Menu\n                ref={menuRef}\n                listId={listId}\n                id={menuComponentId}\n                role='listbox'\n                mode={mode}\n                {...menu}\n                items={menu.items}\n                focusControlEl={inputRef.current || undefined}\n                onItemClick={(itemId, e) => {\n                  if (mode === 'single-select') {\n                    setOpen(false);\n                    toggleMenuDescendantsActive(true);\n                  }\n                  menu.onItemClick?.(itemId, e);\n\n                  const clickedItem = menuHelpers.getItem(menu.items, itemId);\n\n                  if (clickedItem?.primary && !clickedItem?.selected) {\n                    selected?.onNew?.(clickedItem?.primary);\n                  }\n                }}\n                aria-label={t('menu_option_list')}\n                pauseDescendantEvaluation={pauseMenuDescendantEvaluation}\n                arrowNavigationUnsupported\n                cycle={false}\n              />\n            )}\n          </Popover>\n        </StyledComboBox>\n      );\n\n      return (\n        <>\n          {label ? (\n            <FormField\n              testId={testIds}\n              label={label}\n              labelHidden={labelHidden}\n              id={id}\n              info={info}\n              readOnly={readOnly}\n              status={status}\n              required={required}\n              disabled={disabled}\n              onResolveSuggestion={onResolveSuggestion}\n              additionalInfo={additionalInfo}\n            >\n              {Comp}\n            </FormField>\n          ) : (\n            Comp\n          )}\n          <VisuallyHiddenText id={`${id}-inputDescription`} aria-hidden>\n            {`${t('combobox_open_close')} `}\n          </VisuallyHiddenText>\n          <VisuallyHiddenText id={`${id}-searchDescription`} aria-hidden>\n            {t('combobox_search_instructions')}\n          </VisuallyHiddenText>\n          <VisuallyHiddenText id={`${id}-multiselectDescription`} aria-hidden>\n            {t(\n              Array.isArray(selected?.items) && selected.items.some(item => item.primary)\n                ? 'multiselect_instructions_with_links'\n                : 'multiselect_instructions',\n              [start]\n            )}\n          </VisuallyHiddenText>\n        </>\n      );\n    }\n  ),\n  getComboBoxTestIds\n);\n"]}

package/lib/components/ComboBox/ComboBox.styles.d.ts

@@ -1,5 +1,10 @@
-export declare const StyledSelectInput: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledComboBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<import("../FormControl").FormControlProps, keyof import("../FormControl").FormControlProps> & Required<Pick<import("../FormControl").FormControlProps, never>> & {
+export declare const StyledDropdownButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<Omit<import("../Button").ButtonProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement | HTMLButtonElement> & import("../..").ForwardProps, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | HTMLButtonElement | 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]) | import("react").RefObject<HTMLAnchorElement | HTMLButtonElement> | null | undefined;
+}, never>> & string & Omit<import("../..").ForwardRefForwardPropsComponent<import("../Button").ButtonProps>, keyof import("react").Component<any, {}, any>>;
+export declare const StyledSelectInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StyledComboBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import("../FormControl").FormControlProps | "hasSuggestion"> & Pick<import("../FormControl").FormControlProps, keyof import("../FormControl").FormControlProps> & Required<Pick<import("../FormControl").FormControlProps, never>> & {
     hasSuggestion?: boolean;
-}, never>;
+}, "ref"> & {
+    ref?: ((instance: HTMLDivElement | 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]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, never>> & string;
 //# sourceMappingURL=ComboBox.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ComboBox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,iBAAiB,yGAyD5B,CAAC;AAIH,eAAO,MAAM,cAAc;;SAkBzB,CAAC"}
+{"version":3,"file":"ComboBox.styles.d.ts","sourceRoot":"","sources":["../../../src/components/ComboBox/ComboBox.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB;;2JA+B/B,CAAC;AAIH,eAAO,MAAM,iBAAiB,6NA0C5B,CAAC;AAIH,eAAO,MAAM,cAAc;;;;mBAkBzB,CAAC"}