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

package/lib/components/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAEnD,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA+BnD,eAAe,WAAW,CACxB,UAAU,CAAsD,SAAS,KAAK,CAAC,KAAK,EAAE,GAAG;IACvF,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAErB,MAAM,EACJ,MAAM,EACN,EAAE,GAAG,GAAG,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,cAAc,EACd,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAEpD,MAAM,WAAW,GAGb,EAAE,CAAC;IAEP,4DAA4D;IAC5D,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;QAC5B,WAAW,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;IAClC,CAAC;SAAM,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,CAAC;QAC1C,WAAW,CAAC,YAAY,GAAG,YAAY,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,MAAM,IAAI,GAAG,CACX,KAAC,iBAAiB,mBACH,OAAO,CAAC,OAAO,EAC5B,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,CAAC,mBAAmB,IAAI,MAAM,KAAK,SAAS,KACxD,WAAW;QACf,gCAAgC;QAChC,6CAA6C;QAC7C,uDAAuD;QACvD,YAAY,EAAC,MAAM,KACf,SAAS,EACb,EAAE,EAAE,WAAW,EACf,SAAS,EAAE,eAAe,CAAC,OAAO,EAAE,SAAS,EAAE,EAAE,MAAM,EAAE,CAAC,GAC1D,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IACR,MAAM,EAAE,OAAO,EACf,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,YAEvC,IAAI,GACK,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CAAC,EACF,eAAe,CAChB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport type { Action, NoChildrenProp, RefElement, TestIdProp, WithAttributes } from '../../types';\nimport FormField from '../FormField';\nimport { StyledFormControl } from '../FormControl';\nimport type { FormControlProps } from '../FormControl';\nimport { createClassName, hasProp, withTestIds } from '../../utils';\nimport { useTestIds, useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\nimport { getInputTestIds } from './Input.test-ids';\n\nexport type InputProps = WithAttributes<\n  'input',\n  FormControlProps &\n    TestIdProp &\n    NoChildrenProp & {\n      /**\n       * Specifies the type of input to be used.\n       * @default 'text'\n       */\n      type?:\n        | 'text'\n        | 'password'\n        | 'number'\n        | 'email'\n        | 'url'\n        | 'search'\n        | 'tel'\n        | 'date'\n        | 'datetime-local'\n        | 'time'\n        | 'week'\n        | 'month'\n        | 'hidden'\n        | 'color';\n      /** Pass an array of Action objects to append button(s) inline with the Input. */\n      actions?: Action[];\n    }\n>;\n\nexport default withTestIds(\n  forwardRef<RefElement<InputProps>, PropsWithoutRef<InputProps>>(function Input(props, ref) {\n    const uid = useUID();\n\n    const {\n      testId,\n      id = uid,\n      value,\n      defaultValue,\n      required = false,\n      disabled = false,\n      readOnly = false,\n      label,\n      additionalInfo,\n      labelHidden,\n      info,\n      status,\n      actions,\n      onResolveSuggestion,\n      className,\n      ...restProps\n    } = props;\n\n    const testIds = useTestIds(testId, getInputTestIds);\n\n    const controlProp: {\n      value?: string;\n      defaultValue?: string;\n    } = {};\n\n    // Conditionally render component as controlled/uncontrolled\n    if (hasProp(props, 'value')) {\n      controlProp.value = value ?? '';\n    } else if (hasProp(props, 'defaultValue')) {\n      controlProp.defaultValue = defaultValue ?? '';\n    }\n\n    const Comp = (\n      <StyledFormControl\n        data-testid={testIds.control}\n        ref={ref}\n        id={id}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        status={status}\n        hasSuggestion={!!onResolveSuggestion && status === 'pending'}\n        {...controlProp}\n        // Disables browser autocomplete\n        // Chrome does not respect autocomplete='off'\n        // Current consensus is to workaround via random string\n        autoComplete='_off'\n        {...restProps}\n        as={StyledInput}\n        className={createClassName('input', className, { status })}\n      />\n    );\n\n    return label ? (\n      <FormField\n        testId={testIds}\n        additionalInfo={additionalInfo}\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        actions={actions}\n        onResolveSuggestion={onResolveSuggestion}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }),\n  getInputTestIds\n);\n"]}
+{"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/Input/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAInC,OAAO,SAAS,MAAM,cAAc,CAAC;AACrC,OAAO,WAAW,MAAM,gBAAgB,CAAC;AAEzC,OAAO,EAAE,eAAe,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAEjD,OAAO,WAAW,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AA+BnD,eAAe,WAAW,CACxB,UAAU,CAAsD,SAAS,KAAK,CAAC,KAAK,EAAE,GAAG;IACvF,MAAM,GAAG,GAAG,MAAM,EAAE,CAAC;IAErB,MAAM,EACJ,MAAM,EACN,EAAE,GAAG,GAAG,EACR,KAAK,EACL,YAAY,EACZ,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,cAAc,EACd,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,mBAAmB,EACnB,SAAS,EACT,GAAG,SAAS,EACb,GAAG,KAAK,CAAC;IAEV,MAAM,OAAO,GAAG,UAAU,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC;IAEpD,MAAM,WAAW,GAGb,EAAE,CAAC;IAEP,4DAA4D;IAC5D,IAAI,OAAO,CAAC,KAAK,EAAE,OAAO,CAAC,EAAE,CAAC;QAC5B,WAAW,CAAC,KAAK,GAAG,KAAK,IAAI,EAAE,CAAC;IAClC,CAAC;SAAM,IAAI,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,EAAE,CAAC;QAC1C,WAAW,CAAC,YAAY,GAAG,YAAY,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,MAAM,IAAI,GAAG,CACX,KAAC,WAAW,mBACG,OAAO,CAAC,OAAO,EAC5B,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,aAAa,EAAE,CAAC,CAAC,mBAAmB,IAAI,MAAM,KAAK,SAAS,KACxD,WAAW;QACf,gCAAgC;QAChC,6CAA6C;QAC7C,uDAAuD;QACvD,YAAY,EAAC,MAAM,KACf,SAAS,EACb,EAAE,EAAE,WAAW,EACf,SAAS,EAAE,eAAe,CAAC,OAAO,EAAE,SAAS,CAAC,GAC9C,CACH,CAAC;IAEF,OAAO,KAAK,CAAC,CAAC,CAAC,CACb,KAAC,SAAS,IACR,MAAM,EAAE,OAAO,EACf,cAAc,EAAE,cAAc,EAC9B,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,mBAAmB,EAAE,mBAAmB,YAEvC,IAAI,GACK,CACb,CAAC,CAAC,CAAC,CACF,IAAI,CACL,CAAC;AACJ,CAAC,CAAC,EACF,eAAe,CAChB,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef } from 'react';\n\nimport type { Action, NoChildrenProp, RefElement, TestIdProp, WithAttributes } from '../../types';\nimport FormField from '../FormField';\nimport FormControl from '../FormControl';\nimport type { FormControlProps } from '../FormControl';\nimport { createClassName, hasProp, withTestIds } from '../../utils';\nimport { useTestIds, useUID } from '../../hooks';\n\nimport StyledInput from './Input.styles';\nimport { getInputTestIds } from './Input.test-ids';\n\nexport type InputProps = WithAttributes<\n  'input',\n  FormControlProps &\n    TestIdProp &\n    NoChildrenProp & {\n      /**\n       * Specifies the type of input to be used.\n       * @default 'text'\n       */\n      type?:\n        | 'text'\n        | 'password'\n        | 'number'\n        | 'email'\n        | 'url'\n        | 'search'\n        | 'tel'\n        | 'date'\n        | 'datetime-local'\n        | 'time'\n        | 'week'\n        | 'month'\n        | 'hidden'\n        | 'color';\n      /** Pass an array of Action objects to append button(s) inline with the Input. */\n      actions?: Action[];\n    }\n>;\n\nexport default withTestIds(\n  forwardRef<RefElement<InputProps>, PropsWithoutRef<InputProps>>(function Input(props, ref) {\n    const uid = useUID();\n\n    const {\n      testId,\n      id = uid,\n      value,\n      defaultValue,\n      required = false,\n      disabled = false,\n      readOnly = false,\n      label,\n      additionalInfo,\n      labelHidden,\n      info,\n      status,\n      actions,\n      onResolveSuggestion,\n      className,\n      ...restProps\n    } = props;\n\n    const testIds = useTestIds(testId, getInputTestIds);\n\n    const controlProp: {\n      value?: string;\n      defaultValue?: string;\n    } = {};\n\n    // Conditionally render component as controlled/uncontrolled\n    if (hasProp(props, 'value')) {\n      controlProp.value = value ?? '';\n    } else if (hasProp(props, 'defaultValue')) {\n      controlProp.defaultValue = defaultValue ?? '';\n    }\n\n    const Comp = (\n      <FormControl\n        data-testid={testIds.control}\n        ref={ref}\n        id={id}\n        required={required}\n        disabled={disabled}\n        readOnly={readOnly}\n        status={status}\n        hasSuggestion={!!onResolveSuggestion && status === 'pending'}\n        {...controlProp}\n        // Disables browser autocomplete\n        // Chrome does not respect autocomplete='off'\n        // Current consensus is to workaround via random string\n        autoComplete='_off'\n        {...restProps}\n        as={StyledInput}\n        className={createClassName('input', className)}\n      />\n    );\n\n    return label ? (\n      <FormField\n        testId={testIds}\n        additionalInfo={additionalInfo}\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        actions={actions}\n        onResolveSuggestion={onResolveSuggestion}\n      >\n        {Comp}\n      </FormField>\n    ) : (\n      Comp\n    );\n  }),\n  getInputTestIds\n);\n"]}

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

@@ -1,4 +1,4 @@
-export declare const StyledRangeInputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-declare const StyledInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledRangeInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
 export default StyledInput;
 //# sourceMappingURL=Input.styles.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,yGA6BrC,CAAC;AAIF,QAAA,MAAM,WAAW,2GAef,CAAC;AAIH,eAAe,WAAW,CAAC"}
+{"version":3,"file":"Input.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Input/Input.styles.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,yBAAyB,6NA6BrC,CAAC;AAIF,QAAA,MAAM,WAAW,sOAef,CAAC;AAIH,eAAe,WAAW,CAAC"}

package/lib/components/KeyboardCommands/KeyboardCommands.d.ts

@@ -0,0 +1,6 @@
+export declare const KeyboardShortcut: ({ keyBinding }: {
+    keyBinding: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const useKeyboardCommands: () => () => void;
+export default useKeyboardCommands;
+//# sourceMappingURL=KeyboardCommands.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardCommands.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardCommands/KeyboardCommands.tsx"],"names":[],"mappings":"AAuCA,eAAO,MAAM,gBAAgB,GAAI,gBAAgB;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,4CAUtE,CAAC;AA+DF,eAAO,MAAM,mBAAmB,kBAM/B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/lib/components/KeyboardCommands/KeyboardCommands.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { Shortcut } from 'shortcuts';
+import Flex from '../Flex';
+import { Keyboard } from '../Badges';
+import Text from '../Text';
+import { useI18n, useModalManager, useShortcutManager } from '../../hooks';
+import Modal from '../Modal';
+import Table from '../Table';
+// bindings structure is different for table shortcuts to support multiple bindings
+// there are no such bindings in shortcut manager yet, but this may be moved there in future
+const tableKeyBindings = {
+    NavigateCells: {
+        defaultKeyBinding: ['Up', 'Down', 'Left', 'Right'],
+        keyBinding: ['Up', 'Down', 'Left', 'Right']
+    },
+    EnterTabNav: {
+        defaultKeyBinding: ['Enter'],
+        keyBinding: ['Enter']
+    },
+    TabNavigation: {
+        defaultKeyBinding: ['Tab', 'Shift+Tab'],
+        keyBinding: ['Tab', 'Shift+Tab']
+    },
+    RestoreGridNav: {
+        defaultKeyBinding: ['Esc'],
+        keyBinding: ['Esc']
+    }
+};
+export const KeyboardShortcut = ({ keyBinding }) => {
+    return (_jsx(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: Shortcut.shortcut2accelerator(keyBinding)
+            .split('+')
+            .map(key => (_jsx(Keyboard, { keyName: key }, key))) }));
+};
+const GeneralKeyboardShortcuts = ({ columns }) => {
+    const t = useI18n();
+    const bindings = useShortcutManager();
+    const tableData = Object.entries(bindings).map(([actionId, { keyBinding }]) => {
+        return {
+            id: actionId,
+            action: t(`shortcut_${actionId}`),
+            command: _jsx(KeyboardShortcut, { keyBinding: keyBinding })
+        };
+    });
+    return _jsx(Table, { title: t('general'), data: tableData, columns: columns });
+};
+const TableKeyboardShortcuts = ({ columns }) => {
+    const t = useI18n();
+    const tableData = Object.entries(tableKeyBindings).map(([actionId, { keyBinding }]) => {
+        return {
+            id: actionId,
+            action: t(`shortcut_${actionId}`),
+            command: (_jsx(Flex, { container: { gap: 0.5, alignItems: 'center' }, children: keyBinding.map((singleBinding, index) => (_jsxs(_Fragment, { children: [_jsx(KeyboardShortcut, { keyBinding: singleBinding }), index < keyBinding.length - 1 && _jsx(Text, { children: "," })] }))) }))
+        };
+    });
+    return _jsx(Table, { title: t('tables_and_grids'), data: tableData, columns: columns });
+};
+const KeyboardShortcutsModal = () => {
+    const t = useI18n();
+    const columns = [
+        { renderer: 'action', label: t('action') },
+        { renderer: 'command', label: t('key_combination') }
+    ];
+    return (_jsx(Modal, { heading: t('keyboard_commands'), children: _jsxs(Flex, { container: { direction: 'column', gap: 4 }, children: [_jsx(GeneralKeyboardShortcuts, { columns: columns }), _jsx(TableKeyboardShortcuts, { columns: columns })] }) }));
+};
+export const useKeyboardCommands = () => {
+    const { create: createModal } = useModalManager();
+    return useCallback(() => {
+        createModal(KeyboardShortcutsModal, {}, { minimizable: true });
+    }, [createModal]);
+};
+export default useKeyboardCommands;
+//# sourceMappingURL=KeyboardCommands.js.map

package/lib/components/KeyboardCommands/KeyboardCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardCommands.js","sourceRoot":"","sources":["../../../src/components/KeyboardCommands/KeyboardCommands.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useCallback } from 'react';\nimport { Shortcut } from 'shortcuts';\n\nimport Flex from '../Flex';\nimport { Keyboard } from '../Badges';\nimport Text from '../Text';\nimport { useI18n, useModalManager, useShortcutManager } from '../../hooks';\nimport type { Translation } from '../../i18n';\nimport Modal from '../Modal';\nimport Table from '../Table';\nimport type { ColumnProps } from '../Table';\n\ntype TableMetaData = {\n  id: string;\n  action: string;\n  command: JSX.Element;\n}[];\n\n// bindings structure is different for table shortcuts to support multiple bindings\n// there are no such bindings in shortcut manager yet, but this may be moved there in future\nconst tableKeyBindings = {\n  NavigateCells: {\n    defaultKeyBinding: ['Up', 'Down', 'Left', 'Right'],\n    keyBinding: ['Up', 'Down', 'Left', 'Right']\n  },\n  EnterTabNav: {\n    defaultKeyBinding: ['Enter'],\n    keyBinding: ['Enter']\n  },\n  TabNavigation: {\n    defaultKeyBinding: ['Tab', 'Shift+Tab'],\n    keyBinding: ['Tab', 'Shift+Tab']\n  },\n  RestoreGridNav: {\n    defaultKeyBinding: ['Esc'],\n    keyBinding: ['Esc']\n  }\n} as const;\n\nexport const KeyboardShortcut = ({ keyBinding }: { keyBinding: string }) => {\n  return (\n    <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n      {Shortcut.shortcut2accelerator(keyBinding)\n        .split('+')\n        .map(key => (\n          <Keyboard keyName={key} key={key} />\n        ))}\n    </Flex>\n  );\n};\n\nconst GeneralKeyboardShortcuts = ({\n  columns\n}: {\n  columns: ColumnProps<TableMetaData[number]>[];\n}) => {\n  const t = useI18n();\n  const bindings = useShortcutManager();\n\n  const tableData: TableMetaData = Object.entries(bindings).map(([actionId, { keyBinding }]) => {\n    return {\n      id: actionId,\n      action: t(`shortcut_${actionId}` as keyof Translation),\n      command: <KeyboardShortcut keyBinding={keyBinding} />\n    };\n  });\n\n  return <Table title={t('general')} data={tableData} columns={columns} />;\n};\n\nconst TableKeyboardShortcuts = ({ columns }: { columns: ColumnProps<TableMetaData[number]>[] }) => {\n  const t = useI18n();\n\n  const tableData: TableMetaData = Object.entries(tableKeyBindings).map(\n    ([actionId, { keyBinding }]) => {\n      return {\n        id: actionId,\n        action: t(`shortcut_${actionId}` as keyof Translation),\n        command: (\n          <Flex container={{ gap: 0.5, alignItems: 'center' }}>\n            {keyBinding.map((singleBinding, index) => (\n              <>\n                <KeyboardShortcut keyBinding={singleBinding} />\n                {/* Add comma except for last item */}\n                {index < keyBinding.length - 1 && <Text>,</Text>}\n              </>\n            ))}\n          </Flex>\n        )\n      };\n    }\n  );\n\n  return <Table title={t('tables_and_grids')} data={tableData} columns={columns} />;\n};\n\nconst KeyboardShortcutsModal = () => {\n  const t = useI18n();\n  const columns: ColumnProps<TableMetaData[number]>[] = [\n    { renderer: 'action', label: t('action') },\n    { renderer: 'command', label: t('key_combination') }\n  ];\n  return (\n    <Modal heading={t('keyboard_commands')}>\n      <Flex container={{ direction: 'column', gap: 4 }}>\n        <GeneralKeyboardShortcuts columns={columns} />\n        <TableKeyboardShortcuts columns={columns} />\n      </Flex>\n    </Modal>\n  );\n};\n\nexport const useKeyboardCommands = () => {\n  const { create: createModal } = useModalManager();\n\n  return useCallback(() => {\n    createModal(KeyboardShortcutsModal, {}, { minimizable: true });\n  }, [createModal]);\n};\n\nexport default useKeyboardCommands;\n"]}

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

@@ -0,0 +1,3 @@
+export { default } from './KeyboardCommands';
+export { KeyboardShortcut } from './KeyboardCommands';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/KeyboardCommands/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}

package/lib/components/KeyboardCommands/index.js

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

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

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

package/lib/components/Label/Label.d.ts

@@ -10,7 +10,7 @@ export interface LabelProps extends BaseProps {
      * HTML tag to render the label as.
      * @default 'label'
      */
-    as?: 'label' | 'legend' | 'div' | 'span';
+    as?: 'label' | 'div' | 'span';
     /** Use to associate with a form-element's id. */
     htmlFor?: string;
     /**
@@ -18,12 +18,14 @@ export interface LabelProps extends BaseProps {
      * @default false
      */
     labelHidden?: boolean;
+    /** Render the label inline. */
+    inline?: boolean;
     /** Content/text for the label. */
     children: ReactNode;
     /** Ref for the wrapping element. */
     ref?: Ref<HTMLLabelElement | HTMLLegendElement | HTMLDivElement | HTMLSpanElement>;
 }
-export declare const StyledLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, Pick<LabelProps, "htmlFor" | "labelHidden">, never>;
+export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, Pick<LabelProps, "inline" | "htmlFor" | "labelHidden">>> & string;
 declare const Label: ForwardRefForwardPropsComponent<LabelProps>;
 export default Label;
 //# sourceMappingURL=Label.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAM9E,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,MAAM,CAAC;IACzC,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;CACpF;AAED,eAAO,MAAM,WAAW,oJAuBvB,CAAC;AAIF,QAAA,MAAM,KAAK,EAAE,+BAA+B,CAAC,UAAU,CAcrD,CAAC;AAEH,eAAe,KAAK,CAAC"}
+{"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,KAAK,EAAE,SAAS,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AAM9E,MAAM,WAAW,UAAW,SAAQ,SAAS;IAC3C;;;OAGG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;;OAGG;IACH,EAAE,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,MAAM,CAAC;IAC9B,iDAAiD;IACjD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,+BAA+B;IAC/B,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kCAAkC;IAClC,QAAQ,EAAE,SAAS,CAAC;IACpB,oCAAoC;IACpC,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,GAAG,iBAAiB,GAAG,cAAc,GAAG,eAAe,CAAC,CAAC;CACpF;AAED,eAAO,MAAM,WAAW,oSA2BvB,CAAC;AAIF,QAAA,MAAM,KAAK,EAAE,+BAA+B,CAAC,UAAU,CAcrD,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/lib/components/Label/Label.js

@@ -5,7 +5,7 @@ import { hideVisually, rgba } from 'polished';
 import { defaultThemeProp } from '../../theme';
 import { tryCatch } from '../../utils';
 import { calculateFontSize, readableColor } from '../../styles';
-export const StyledLabel = styled.label(({ theme, labelHidden }) => {
+export const StyledLabel = styled.label(({ theme, labelHidden, inline }) => {
     const { 'foreground-color': labelForegroundColor } = theme.components.label;
     const computedLabelColor = tryCatch(() => {
         return labelHidden
@@ -20,6 +20,10 @@ export const StyledLabel = styled.label(({ theme, labelHidden }) => {
           font-size: ${fontSize[theme.components.label['font-size']]};
           font-weight: ${theme.components.label['font-weight']};
           color: ${labelForegroundColor === 'auto' ? computedLabelColor : labelForegroundColor};
+          ${inline &&
+            css `
+            align-self: center;
+          `}
         `;
 });
 StyledLabel.defaultProps = defaultThemeProp;

package/lib/components/Label/Label.js.map

@@ -1 +1 @@
-{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA2BhE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CACrC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE;IACzB,MAAM,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;IAC5E,MAAM,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,OAAO,WAAW;YAChB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,IAAI,CACF,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,EACvD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CACzC,CAAC;IACR,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,WAAW;QAChB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,GAAG,CAAA;;uBAEY,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAa,CAAC;yBACvD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC;mBAC3C,oBAAoB,KAAK,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB;SACrF,CAAC;AACR,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,KAAK,GAAgD,UAAU,CAAC,SAAS,KAAK,CAClF,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAA+B,EACrF,GAAsB;IAEtB,OAAO,CACL,KAAC,WAAW,IACV,GAAG,EAAE,GAA4B,EACjC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KACzC,SAAS,YAEZ,QAAQ,GACG,CACf,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, ReactNode, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually, rgba } from 'polished';\n\nimport type { BaseProps, ForwardRefForwardPropsComponent } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils';\nimport { calculateFontSize, readableColor } from '../../styles';\nimport type { FontSize } from '../../styles';\n\nexport interface LabelProps extends BaseProps {\n  /**\n   * Id for the label.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * HTML tag to render the label as.\n   * @default 'label'\n   */\n  as?: 'label' | 'legend' | 'div' | 'span';\n  /** Use to associate with a form-element's id. */\n  htmlFor?: string;\n  /**\n   * Visually hides the label.\n   * @default false\n   */\n  labelHidden?: boolean;\n  /** Content/text for the label. */\n  children: ReactNode;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLLabelElement | HTMLLegendElement | HTMLDivElement | HTMLSpanElement>;\n}\n\nexport const StyledLabel = styled.label<Pick<LabelProps, 'labelHidden' | 'htmlFor'>>(\n  ({ theme, labelHidden }) => {\n    const { 'foreground-color': labelForegroundColor } = theme.components.label;\n    const computedLabelColor = tryCatch(() => {\n      return labelHidden\n        ? hideVisually\n        : rgba(\n            readableColor(theme.base.palette['primary-background']),\n            theme.base.transparency['transparent-3']\n          );\n    });\n\n    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n    return labelHidden\n      ? hideVisually\n      : css`\n          max-width: max-content;\n          font-size: ${fontSize[theme.components.label['font-size'] as FontSize]};\n          font-weight: ${theme.components.label['font-weight']};\n          color: ${labelForegroundColor === 'auto' ? computedLabelColor : labelForegroundColor};\n        `;\n  }\n);\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nconst Label: ForwardRefForwardPropsComponent<LabelProps> = forwardRef(function Label(\n  { children, labelHidden = false, htmlFor, ...restProps }: PropsWithoutRef<LabelProps>,\n  ref: LabelProps['ref']\n) {\n  return (\n    <StyledLabel\n      ref={ref as Ref<HTMLLabelElement>}\n      labelHidden={labelHidden}\n      htmlFor={htmlFor === '' ? undefined : htmlFor}\n      {...restProps}\n    >\n      {children}\n    </StyledLabel>\n  );\n});\n\nexport default Label;\n"]}
+{"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/Label/Label.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAEnC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,MAAM,UAAU,CAAC;AAG9C,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAC/C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,iBAAiB,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AA6BhE,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CACrC,CAAC,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,EAAE,EAAE,EAAE;IACjC,MAAM,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC;IAC5E,MAAM,kBAAkB,GAAG,QAAQ,CAAC,GAAG,EAAE;QACvC,OAAO,WAAW;YAChB,CAAC,CAAC,YAAY;YACd,CAAC,CAAC,IAAI,CACF,aAAa,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,oBAAoB,CAAC,CAAC,EACvD,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC,CACzC,CAAC;IACR,CAAC,CAAC,CAAC;IAEH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,KAAK,CAAC,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;IAEtF,OAAO,WAAW;QAChB,CAAC,CAAC,YAAY;QACd,CAAC,CAAC,GAAG,CAAA;;uBAEY,QAAQ,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,WAAW,CAAa,CAAC;yBACvD,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,aAAa,CAAC;mBAC3C,oBAAoB,KAAK,MAAM,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,oBAAoB;YAClF,MAAM;YACR,GAAG,CAAA;;WAEF;SACF,CAAC;AACR,CAAC,CACF,CAAC;AAEF,WAAW,CAAC,YAAY,GAAG,gBAAgB,CAAC;AAE5C,MAAM,KAAK,GAAgD,UAAU,CAAC,SAAS,KAAK,CAClF,EAAE,QAAQ,EAAE,WAAW,GAAG,KAAK,EAAE,OAAO,EAAE,GAAG,SAAS,EAA+B,EACrF,GAAsB;IAEtB,OAAO,CACL,KAAC,WAAW,IACV,GAAG,EAAE,GAA4B,EACjC,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,KAAK,EAAE,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO,KACzC,SAAS,YAEZ,QAAQ,GACG,CACf,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,eAAe,KAAK,CAAC","sourcesContent":["import { forwardRef } from 'react';\nimport type { PropsWithoutRef, ReactNode, Ref } from 'react';\nimport styled, { css } from 'styled-components';\nimport { hideVisually, rgba } from 'polished';\n\nimport type { BaseProps, ForwardRefForwardPropsComponent } from '../../types';\nimport { defaultThemeProp } from '../../theme';\nimport { tryCatch } from '../../utils';\nimport { calculateFontSize, readableColor } from '../../styles';\nimport type { FontSize } from '../../styles';\n\nexport interface LabelProps extends BaseProps {\n  /**\n   * Id for the label.\n   * @default undefined\n   */\n  id?: string;\n  /**\n   * HTML tag to render the label as.\n   * @default 'label'\n   */\n  as?: 'label' | 'div' | 'span';\n  /** Use to associate with a form-element's id. */\n  htmlFor?: string;\n  /**\n   * Visually hides the label.\n   * @default false\n   */\n  labelHidden?: boolean;\n  /** Render the label inline. */\n  inline?: boolean;\n  /** Content/text for the label. */\n  children: ReactNode;\n  /** Ref for the wrapping element. */\n  ref?: Ref<HTMLLabelElement | HTMLLegendElement | HTMLDivElement | HTMLSpanElement>;\n}\n\nexport const StyledLabel = styled.label<Pick<LabelProps, 'labelHidden' | 'htmlFor' | 'inline'>>(\n  ({ theme, labelHidden, inline }) => {\n    const { 'foreground-color': labelForegroundColor } = theme.components.label;\n    const computedLabelColor = tryCatch(() => {\n      return labelHidden\n        ? hideVisually\n        : rgba(\n            readableColor(theme.base.palette['primary-background']),\n            theme.base.transparency['transparent-3']\n          );\n    });\n\n    const fontSize = calculateFontSize(theme.base['font-size'], theme.base['font-scale']);\n\n    return labelHidden\n      ? hideVisually\n      : css`\n          max-width: max-content;\n          font-size: ${fontSize[theme.components.label['font-size'] as FontSize]};\n          font-weight: ${theme.components.label['font-weight']};\n          color: ${labelForegroundColor === 'auto' ? computedLabelColor : labelForegroundColor};\n          ${inline &&\n          css`\n            align-self: center;\n          `}\n        `;\n  }\n);\n\nStyledLabel.defaultProps = defaultThemeProp;\n\nconst Label: ForwardRefForwardPropsComponent<LabelProps> = forwardRef(function Label(\n  { children, labelHidden = false, htmlFor, ...restProps }: PropsWithoutRef<LabelProps>,\n  ref: LabelProps['ref']\n) {\n  return (\n    <StyledLabel\n      ref={ref as Ref<HTMLLabelElement>}\n      labelHidden={labelHidden}\n      htmlFor={htmlFor === '' ? undefined : htmlFor}\n      {...restProps}\n    >\n      {children}\n    </StyledLabel>\n  );\n});\n\nexport default Label;\n"]}

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

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AA2CnE,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;;;;AAoYpE,wBAAyD"}
+{"version":3,"file":"Lightbox.d.ts","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,+BAA+B,EAAE,MAAM,aAAa,CAAC;AA+CnE,OAAO,KAAK,EAAE,aAAa,EAAgB,MAAM,kBAAkB,CAAC;;;;AAucpE,wBAA6D"}

package/lib/components/Lightbox/Lightbox.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useRef, useState, forwardRef, useCallback } from 'react';
+import { useEffect, useImperativeHandle, useRef, useState, forwardRef, useCallback } from 'react';
 import { createPortal } from 'react-dom';
 import { cap, getActiveElement, getFocusables, withTestIds } from '../../utils';
 import Flex from '../Flex';
@@ -7,10 +7,11 @@ import MetaList from '../MetaList';
 import Icon, { registerIcon } from '../Icon';
 import Image from '../Image';
 import Text from '../Text';
-import { useConfiguration, useConsolidatedRef, useDirection, useEvent, useFocusTrap, useI18n, useScrollToggle, useTestIds } from '../../hooks';
+import { useConfiguration, useConsolidatedRef, useDirection, useElement, useEvent, useFocusTrap, useI18n, useScrollToggle, useTestIds } from '../../hooks';
 import ErrorState from '../ErrorState';
 import Progress from '../Progress';
 import FileVisual from '../File/FileVisual';
+import Tooltip from '../Tooltip';
 import Button from '../Button';
 import Link from '../Link/Link';
 import mimeTypes from '../File/mimeTypes.json';
@@ -20,13 +21,15 @@ import * as timesIcon from '../Icon/icons/times.icon';
 import * as downloadIcon from '../Icon/icons/download.icon';
 import * as caretLeftIcon from '../Icon/icons/caret-left.icon';
 import * as caretRightIcon from '../Icon/icons/caret-right.icon';
-import { StyledHeader, StyledCountTracker, StyledInfo, StyledPreviewRegion, StyledNavButton, StyledMediaContainer, StyledLiveRegion, StyledLightbox, StyledContainer, StyledObject } from './Lightbox.styles';
+import * as undockIcon from '../Icon/icons/undock.icon';
+import { StyledHeader, StyledCountTracker, StyledInfo, StyledPreviewRegion, StyledNavButton, StyledMediaContainer, StyledLiveRegion, StyledLightbox, StyledContainer, StyledObject, StyledLightboxTitle } from './Lightbox.styles';
 import { getLightboxTestIds } from './Lightbox.test-ids';
-registerIcon(openIcon, timesIcon, downloadIcon, caretLeftIcon, caretRightIcon);
-const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0, cycle = false, onItemLoad, onItemError, onNavigate, onItemDownload, onAfterClose, ...restProps }, refArg) {
+registerIcon(openIcon, timesIcon, downloadIcon, caretLeftIcon, caretRightIcon, undockIcon);
+const LightboxComp = forwardRef(function Lightbox({ testId, items, placement = 'global', defaultIndex = 0, cycle = false, onItemLoad, onItemError, onNavigate, navigateHandle, onItemDownload, onAfterClose, ...restProps }, refArg) {
     const t = useI18n();
     const { start, end } = useDirection();
     const { portalTarget } = useConfiguration();
+    const global = placement === 'global';
     const [currentIndex, setCurrentIndex] = useState(defaultIndex);
     const currentItem = items[currentIndex];
     const { disableScroll, enableScroll } = useScrollToggle();
@@ -36,6 +39,8 @@ const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0,
     const prevButtonRef = useRef(null);
     const nextButtonRef = useRef(null);
     const [open, setOpen] = useState(true);
+    const [lightboxTitle, setLightboxTitle] = useElement();
+    const [globalFromLocalOpen, setGlobalFromLocalOpen] = useState(false);
     const mediaRef = useConsolidatedRef(currentItem.ref);
     const [liveText, setLiveText] = useState('');
     const countTrackerText = items.length > 1 ? t('x_of_y', [currentIndex + 1, items.length]) : '';
@@ -43,11 +48,21 @@ const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0,
     const previewableAttachmentTypes = ['pdf', 'image', 'link', 'video', 'audio'];
     const initiatorRef = useRef(null);
     const close = () => {
+        if (!global)
+            return;
         setOpen(false);
         if (initiatorRef.current?.isConnected &&
             (initiatorRef.current instanceof HTMLElement || initiatorRef.current instanceof SVGElement))
             initiatorRef.current.focus();
     };
+    useImperativeHandle(navigateHandle, () => ({
+        navigate: index => {
+            if (!items.length)
+                return;
+            const clampedIndex = Math.min(Math.max(index, 0), items.length - 1);
+            setCurrentIndex(clampedIndex);
+        }
+    }));
     const navigate = (direction) => {
         if (direction === 1) {
             if (currentIndex < items.length - 1) {
@@ -67,6 +82,8 @@ const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0,
     const keyDownHandler = (e) => {
         if (e.repeat)
             return;
+        if (!lightboxRef.current?.contains(getActiveElement()))
+            return;
         if (e.key === 'Escape') {
             close();
         }
@@ -78,7 +95,7 @@ const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0,
         }
     };
     useEvent('keydown', keyDownHandler);
-    useFocusTrap(lightboxRef);
+    useFocusTrap(global ? lightboxRef : null);
     useEffect(() => {
         setLiveText(`${currentItem.name}. ${countTrackerText ? `${countTrackerText}.` : ''}`);
     }, [currentItem.name, countTrackerText]);
@@ -120,16 +137,17 @@ const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0,
         const extractMimeType = mimeTypes[currentItem.format.toLowerCase()];
         const getType = currentItem.format === 'url' ? 'link' : 'generic';
         attachmentType = extractMimeType ? getKindFromMimeType(extractMimeType) : getType;
-        validContent = previewableAttachmentTypes.includes(attachmentType)
-            ? !!currentItem.src
-            : !!attachmentType;
+        validContent =
+            currentItem.disablePreview ||
+                (previewableAttachmentTypes.includes(attachmentType) ? !!currentItem.src : !!attachmentType);
     }
     if (validContent) {
-        const nonPreviewableContent = (_jsxs(_Fragment, { children: [_jsx(Text, { children: t('non_previewable', [
+        const nonPreviewableContent = (_jsxs(_Fragment, { children: [_jsx(Text, { children: t(currentItem.disablePreview ? 'large_non_previewable' : 'non_previewable', [
                         currentItem.format ? currentItem.format.toUpperCase() : currentItem.name
                     ]) }), onItemDownload && (_jsx(Button, { "aria-label": t('download'), onClick: () => onItemDownload(currentItem.id), "data-testid": testIds.nonPreviewableDownload, children: t('download') }))] }));
-        const defaultContent = (_jsxs(Flex, { container: { direction: 'column', gap: 2, alignItems: 'center' }, as: StyledInfo, "data-testid": testIds.content, children: [_jsx(FileVisual, { type: attachmentType, size: 'l' }), attachmentType === 'link' && currentItem.src ? (_jsx(Link, { href: currentItem.src, "data-testid": testIds.link, children: currentItem.name })) : (nonPreviewableContent)] }));
-        switch (attachmentType) {
+        const defaultContent = (_jsxs(Flex, { container: { direction: 'column', gap: 2, alignItems: 'center' }, as: StyledInfo, "data-testid": testIds.content, children: [_jsx(FileVisual, { type: attachmentType, size: 'l' }), !currentItem.disablePreview && attachmentType === 'link' && currentItem.src ? (_jsx(Link, { href: currentItem.src, "data-testid": testIds.link, children: currentItem.name })) : (nonPreviewableContent)] }));
+        const mediaType = currentItem.disablePreview ? undefined : attachmentType;
+        switch (mediaType) {
             case 'image':
                 media = currentItem.src && (_jsx(Image, { "data-testid": testIds.content, src: currentItem.src, alt: currentItem.description ?? t('description_unavailable'), onLoad: handleLoad, onError: handleError, ref: mediaRef }));
                 break;
@@ -154,10 +172,12 @@ const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0,
     else {
         media = _jsx(Progress, { placement: 'block', delay: true });
     }
-    const content = (_jsxs(StyledLightbox, { "data-testid": testIds.root, ...restProps, tabIndex: -1, ref: lightboxRef, open: open, role: 'dialog', "aria-modal": true, container: { alignItems: 'start', justify: 'start', direction: 'column' }, alpha: 0.9, variant: 'dark', transitionSpeed: 'slow', onBeforeTransitionIn: disableScroll, onAfterTransitionOut: () => {
-            enableScroll();
+    const content = (_jsxs(StyledLightbox, { "data-testid": testIds.root, ...restProps, tabIndex: -1, ref: lightboxRef, open: open, global: global, role: global ? 'dialog' : undefined, "aria-modal": global ? true : undefined, container: { alignItems: 'start', justify: 'start', direction: 'column' }, alpha: 0.9, variant: 'dark', position: global ? 'fixed' : 'absolute', transitionSpeed: 'slow', onBeforeTransitionIn: global ? disableScroll : undefined, onAfterTransitionOut: () => {
+            if (global) {
+                enableScroll();
+            }
             onAfterClose?.();
-        }, children: [_jsxs(Flex, { as: StyledHeader, ref: headerRef, role: 'none', container: {
+        }, children: [_jsxs(Flex, { as: StyledHeader, ref: headerRef, global: global, role: 'none', container: {
                     justify: 'between',
                     alignItems: 'center',
                     gap: 2
@@ -167,22 +187,26 @@ const Lightbox = forwardRef(function Lightbox({ testId, items, defaultIndex = 0,
                     if (e.target === e.currentTarget)
                         close();
                 }, children: [_jsx(StyledCountTracker, { "data-testid": testIds.pagination, "aria-hidden": true, children: countTrackerText }), _jsxs(Flex, { as: StyledInfo, container: {
+                            direction: 'column',
                             wrap: 'wrap',
                             alignItems: 'center',
                             justify: 'center',
                             colGap: 2,
                             rowGap: 0.5
-                        }, children: [_jsx(Text, { "data-testid": testIds.name, variant: 'primary', as: 'h2', children: currentItem.name }), currentItem.metadata && (_jsx(MetaList, { "data-testid": testIds.metadata, items: currentItem.metadata }))] }), _jsxs(Flex, { container: true, as: StyledContainer, children: [attachmentType !== 'link' && onItemDownload && (_jsx(Button, { "data-testid": testIds.download, variant: 'simple', label: t('download'), icon: true, onClick: () => onItemDownload(currentItem.id), children: _jsx(Icon, { name: 'download' }) })), previewableAttachmentTypes.includes(attachmentType) && currentItem.src && (_jsx(Button, { "data-testid": testIds.openInNewTab, variant: 'simple', label: t('link_open_in_tab_text'), icon: true, href: currentItem.src, target: '_blank', children: _jsx(Icon, { name: 'open' }) })), _jsx(Button, { "data-testid": testIds.close, variant: 'simple', ref: closeButtonRef, label: t('close'), icon: true, onClick: close, children: _jsx(Icon, { name: 'times' }) })] })] }), _jsxs(Flex, { container: { justify: 'between' }, as: StyledPreviewRegion, item: { grow: 1, shrink: 0 }, children: [items.length > 1 && (_jsx(StyledNavButton, { "data-testid": testIds.prev, ref: prevButtonRef, variant: 'simple', "aria-label": t('pagination_prev'), hidden: !cycle && currentIndex === 0, icon: true, onClick: () => {
+                        }, children: [_jsx(StyledLightboxTitle, { "data-testid": testIds.name, variant: 'primary', as: 'h2', ref: setLightboxTitle, children: currentItem.name }), currentItem.metadata && (_jsx(MetaList, { "data-testid": testIds.metadata, items: currentItem.metadata }))] }), _jsxs(Flex, { container: true, as: StyledContainer, children: [attachmentType !== 'link' && onItemDownload && (_jsx(Button, { "data-testid": testIds.download, variant: 'simple', label: t('download'), icon: true, onClick: () => onItemDownload(currentItem.id), children: _jsx(Icon, { name: 'download' }) })), !currentItem.disablePreview &&
+                                previewableAttachmentTypes.includes(attachmentType) &&
+                                currentItem.src && (_jsx(Button, { "data-testid": testIds.openInNewTab, variant: 'simple', label: t('link_open_in_tab_text'), icon: true, href: currentItem.src, target: '_blank', children: _jsx(Icon, { name: 'open' }) })), placement === 'global' && (_jsx(Button, { "data-testid": testIds.close, variant: 'simple', ref: closeButtonRef, label: t('close'), icon: true, onClick: close, children: _jsx(Icon, { name: 'times' }) })), placement === 'local' && (_jsx(Button, { "data-testid": testIds.close, variant: 'simple', label: t('enter_fullscreen'), icon: true, onClick: () => setGlobalFromLocalOpen(true), children: _jsx(Icon, { name: 'undock' }) }))] })] }), _jsxs(Flex, { container: { justify: 'between' }, as: StyledPreviewRegion, item: { grow: 1, shrink: 0 }, children: [items.length > 1 && (_jsx(StyledNavButton, { "data-testid": testIds.prev, ref: prevButtonRef, variant: 'simple', "aria-label": t('pagination_prev'), hidden: !cycle && currentIndex === 0, icon: true, onClick: () => {
                             navigate(-1);
-                        }, children: _jsx("span", { children: _jsx(Icon, { name: 'caret-left' }) }) })), _jsx(Flex, { item: { grow: 1 }, as: StyledMediaContainer, children: _jsx(Flex, { container: { alignItems: 'center', justify: 'center' }, onMouseDown: (e) => {
+                        }, children: _jsx("span", { children: _jsx(Icon, { name: 'caret-left' }) }) })), _jsx(Flex, { item: { grow: 1 }, as: StyledMediaContainer, global: global, children: _jsx(Flex, { container: { alignItems: 'center', justify: 'center' }, onMouseDown: (e) => {
                                 if (e.button !== 0)
                                     return;
                                 if (e.target === e.currentTarget)
                                     close();
                             }, children: currentItem.error ? _jsx(ErrorState, { message: t('content_load_error') }) : media }) }), items.length > 1 && (_jsx(StyledNavButton, { "data-testid": testIds.next, ref: nextButtonRef, variant: 'simple', "aria-label": t('pagination_next'), hidden: !cycle && currentIndex === items.length - 1, icon: true, onClick: () => {
                             navigate(1);
-                        }, children: _jsx("span", { children: _jsx(Icon, { name: 'caret-right' }) }) }))] }), _jsx(StyledLiveRegion, { "aria-live": 'polite', "aria-label": liveText })] }));
-    return portalTarget ? createPortal(content, portalTarget) : content;
+                        }, children: _jsx("span", { children: _jsx(Icon, { name: 'caret-right' }) }) }))] }), !global && (_jsx(Tooltip, { smart: true, showDelay: 'none', hideDelay: 'none', target: lightboxTitle, children: currentItem.name })), _jsx(StyledLiveRegion, { "aria-live": 'polite', "aria-label": liveText })] }));
+    const globalFromLocalLightbox = (_jsx(LightboxComp, { items: items, placement: 'global', defaultIndex: currentIndex, cycle: cycle, onItemLoad: onItemLoad, onItemError: onItemError, onNavigate: onNavigate, onItemDownload: onItemDownload, onAfterClose: () => setGlobalFromLocalOpen(false) }));
+    return (_jsxs(_Fragment, { children: [global && portalTarget ? createPortal(content, portalTarget) : content, globalFromLocalOpen && globalFromLocalLightbox] }));
 });
-export default withTestIds(Lightbox, getLightboxTestIds);
+export default withTestIds(LightboxComp, getLightboxTestIds);
 //# sourceMappingURL=Lightbox.js.map

package/lib/components/Lightbox/Lightbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef, useState, forwardRef, useCallback } from 'react';\nimport type { PropsWithoutRef, MouseEvent, SyntheticEvent, RefObject } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport type { ForwardRefForwardPropsComponent } from '../../types';\nimport { cap, getActiveElement, getFocusables, withTestIds } from '../../utils';\nimport Flex from '../Flex';\nimport MetaList from '../MetaList';\nimport Icon, { registerIcon } from '../Icon';\nimport Image from '../Image';\nimport Text from '../Text';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useDirection,\n  useEvent,\n  useFocusTrap,\n  useI18n,\n  useScrollToggle,\n  useTestIds\n} from '../../hooks';\nimport ErrorState from '../ErrorState';\nimport Progress from '../Progress';\nimport FileVisual from '../File/FileVisual';\nimport Button from '../Button';\nimport Link from '../Link/Link';\nimport mimeTypes from '../File/mimeTypes.json';\nimport { getKindFromMimeType } from '../File/utils';\nimport type { AttachmentType } from '../File/utils';\nimport * as openIcon from '../Icon/icons/open.icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport * as downloadIcon from '../Icon/icons/download.icon';\nimport * as caretLeftIcon from '../Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '../Icon/icons/caret-right.icon';\n\nimport {\n  StyledHeader,\n  StyledCountTracker,\n  StyledInfo,\n  StyledPreviewRegion,\n  StyledNavButton,\n  StyledMediaContainer,\n  StyledLiveRegion,\n  StyledLightbox,\n  StyledContainer,\n  StyledObject\n} from './Lightbox.styles';\nimport type { LightboxProps, MediaElement } from './Lightbox.types';\nimport { getLightboxTestIds } from './Lightbox.test-ids';\n\nregisterIcon(openIcon, timesIcon, downloadIcon, caretLeftIcon, caretRightIcon);\n\nconst Lightbox: ForwardRefForwardPropsComponent<LightboxProps> = forwardRef(function Lightbox(\n  {\n    testId,\n    items,\n    defaultIndex = 0,\n    cycle = false,\n    onItemLoad,\n    onItemError,\n    onNavigate,\n    onItemDownload,\n    onAfterClose,\n    ...restProps\n  }: PropsWithoutRef<LightboxProps>,\n  refArg: LightboxProps['ref']\n) {\n  const t = useI18n();\n  const { start, end } = useDirection();\n  const { portalTarget } = useConfiguration();\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const currentItem = items[currentIndex];\n  const { disableScroll, enableScroll } = useScrollToggle();\n  const lightboxRef = useConsolidatedRef(refArg);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const prevButtonRef = useRef<HTMLButtonElement>(null);\n  const nextButtonRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(true);\n  const mediaRef = useConsolidatedRef(currentItem.ref);\n  const [liveText, setLiveText] = useState('');\n  const countTrackerText = items.length > 1 ? t('x_of_y', [currentIndex + 1, items.length]) : '';\n  const testIds = useTestIds(testId, getLightboxTestIds);\n  const previewableAttachmentTypes = ['pdf', 'image', 'link', 'video', 'audio'];\n\n  const initiatorRef = useRef<Element | null>(null);\n\n  const close = () => {\n    setOpen(false);\n\n    if (\n      initiatorRef.current?.isConnected &&\n      (initiatorRef.current instanceof HTMLElement || initiatorRef.current instanceof SVGElement)\n    )\n      initiatorRef.current.focus();\n  };\n\n  const navigate = (direction: 1 | -1) => {\n    if (direction === 1) {\n      if (currentIndex < items.length - 1) {\n        setCurrentIndex(cur => cur + 1);\n      } else if (cycle) {\n        setCurrentIndex(0);\n      }\n    } else if (currentIndex > 0) {\n      setCurrentIndex(cur => cur - 1);\n    } else if (cycle) {\n      setCurrentIndex(items.length - 1);\n    }\n  };\n  const keyDownHandler = (e: KeyboardEvent) => {\n    if (e.repeat) return;\n\n    if (e.key === 'Escape') {\n      close();\n    } else if (e.key === `Arrow${cap(end)}`) {\n      navigate(1);\n    } else if (e.key === `Arrow${cap(start)}`) {\n      navigate(-1);\n    }\n  };\n\n  useEvent('keydown', keyDownHandler);\n  useFocusTrap(lightboxRef);\n\n  useEffect(() => {\n    setLiveText(`${currentItem.name}. ${countTrackerText ? `${countTrackerText}.` : ''}`);\n  }, [currentItem.name, countTrackerText]);\n\n  useEffect(() => {\n    onNavigate?.(currentItem.id, currentIndex);\n  }, [currentIndex]);\n\n  useEffect(() => {\n    const activeElement = getActiveElement();\n    initiatorRef.current = activeElement;\n    if (getFocusables(lightboxRef).length > 0) getFocusables(lightboxRef)[0].focus();\n  }, []);\n\n  const handleLoad = useCallback(\n    (e: SyntheticEvent<MediaElement> | Event) => {\n      onItemLoad?.(currentItem.id, e);\n    },\n    [onItemLoad, currentItem.id]\n  );\n\n  const handleError = useCallback(\n    (e: SyntheticEvent<MediaElement> | Event) => {\n      onItemError?.(currentItem.id, e);\n    },\n    [onItemError, currentItem.id]\n  );\n\n  // Object elements appear to need native event handlers bound as JSX does not work.\n  // TODO: Follow up on reason why.\n  useEffect(() => {\n    if (!mediaRef.current || currentItem.format !== 'pdf') return;\n    const pdfObject = mediaRef.current;\n    pdfObject.addEventListener('load', handleLoad);\n    pdfObject.addEventListener('error', handleError);\n\n    return () => {\n      pdfObject.removeEventListener('load', handleLoad);\n      pdfObject.removeEventListener('error', handleError);\n    };\n  }, [currentItem]);\n\n  let media;\n  let validContent = true;\n  let attachmentType: AttachmentType = 'generic';\n  if (currentItem.format === undefined) {\n    validContent = !currentItem.error;\n  } else {\n    const extractMimeType = (mimeTypes as Record<string, string>)[currentItem.format.toLowerCase()];\n    const getType = currentItem.format === 'url' ? 'link' : 'generic';\n    attachmentType = extractMimeType ? getKindFromMimeType(extractMimeType) : getType;\n    validContent = previewableAttachmentTypes.includes(attachmentType)\n      ? !!currentItem.src\n      : !!attachmentType;\n  }\n\n  if (validContent) {\n    const nonPreviewableContent = (\n      <>\n        <Text>\n          {t('non_previewable', [\n            currentItem.format ? currentItem.format.toUpperCase() : currentItem.name\n          ])}\n        </Text>\n        {onItemDownload && (\n          <Button\n            aria-label={t('download')}\n            onClick={() => onItemDownload(currentItem.id)}\n            data-testid={testIds.nonPreviewableDownload}\n          >\n            {t('download')}\n          </Button>\n        )}\n      </>\n    );\n\n    const defaultContent = (\n      <Flex\n        container={{ direction: 'column', gap: 2, alignItems: 'center' }}\n        as={StyledInfo}\n        data-testid={testIds.content}\n      >\n        <FileVisual type={attachmentType} size='l' />\n        {attachmentType === 'link' && currentItem.src ? (\n          <Link href={currentItem.src} data-testid={testIds.link}>\n            {currentItem.name}\n          </Link>\n        ) : (\n          nonPreviewableContent\n        )}\n      </Flex>\n    );\n\n    switch (attachmentType) {\n      case 'image':\n        media = currentItem.src && (\n          <Image\n            data-testid={testIds.content}\n            src={currentItem.src}\n            alt={currentItem.description ?? t('description_unavailable')}\n            onLoad={handleLoad}\n            onError={handleError}\n            ref={mediaRef as RefObject<HTMLImageElement>}\n          />\n        );\n        break;\n      case 'pdf':\n        media = currentItem.src && (\n          <>\n            {navigator.pdfViewerEnabled ? (\n              <StyledObject\n                data-testid={testIds.content}\n                data={currentItem.src}\n                type='application/pdf'\n                ref={mediaRef as RefObject<HTMLObjectElement>}\n              >\n                {currentItem.description ?? t('description_unavailable')}\n              </StyledObject>\n            ) : (\n              defaultContent\n            )}\n          </>\n        );\n        break;\n      case 'video':\n        media = currentItem.src && (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            data-testid={testIds.content}\n            src={currentItem.src}\n            controls\n            onLoadedData={handleLoad}\n            onError={handleError}\n            ref={mediaRef as RefObject<HTMLVideoElement>}\n          />\n        );\n        break;\n      case 'audio':\n        media = currentItem.src && (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            data-testid={testIds.content}\n            src={currentItem.src}\n            controls\n            onLoadedData={handleLoad}\n            onError={handleError}\n            ref={mediaRef as RefObject<HTMLAudioElement>}\n          />\n        );\n        break;\n      default: {\n        media = defaultContent;\n      }\n    }\n  } else {\n    media = <Progress placement='block' delay />;\n  }\n\n  const content = (\n    <StyledLightbox\n      data-testid={testIds.root}\n      {...restProps}\n      tabIndex={-1}\n      ref={lightboxRef}\n      open={open}\n      role='dialog'\n      aria-modal\n      container={{ alignItems: 'start', justify: 'start', direction: 'column' }}\n      alpha={0.9}\n      variant='dark'\n      transitionSpeed='slow'\n      onBeforeTransitionIn={disableScroll}\n      onAfterTransitionOut={() => {\n        enableScroll();\n        onAfterClose?.();\n      }}\n    >\n      <Flex\n        as={StyledHeader}\n        ref={headerRef}\n        role='none'\n        container={{\n          justify: 'between',\n          alignItems: 'center',\n          gap: 2\n        }}\n        onMouseDown={(e: MouseEvent<HTMLDivElement>) => {\n          if (e.button !== 0) return;\n          if (e.target === e.currentTarget) close();\n        }}\n      >\n        <StyledCountTracker data-testid={testIds.pagination} aria-hidden>\n          {countTrackerText}\n        </StyledCountTracker>\n\n        <Flex\n          as={StyledInfo}\n          container={{\n            wrap: 'wrap',\n            alignItems: 'center',\n            justify: 'center',\n            colGap: 2,\n            rowGap: 0.5\n          }}\n        >\n          <Text data-testid={testIds.name} variant='primary' as='h2'>\n            {currentItem.name}\n          </Text>\n          {currentItem.metadata && (\n            <MetaList data-testid={testIds.metadata} items={currentItem.metadata} />\n          )}\n        </Flex>\n\n        <Flex container as={StyledContainer}>\n          {attachmentType !== 'link' && onItemDownload && (\n            <Button\n              data-testid={testIds.download}\n              variant='simple'\n              label={t('download')}\n              icon\n              onClick={() => onItemDownload(currentItem.id)}\n            >\n              <Icon name='download' />\n            </Button>\n          )}\n          {previewableAttachmentTypes.includes(attachmentType) && currentItem.src && (\n            <Button\n              data-testid={testIds.openInNewTab}\n              variant='simple'\n              label={t('link_open_in_tab_text')}\n              icon\n              href={currentItem.src}\n              target='_blank'\n            >\n              <Icon name='open' />\n            </Button>\n          )}\n          <Button\n            data-testid={testIds.close}\n            variant='simple'\n            ref={closeButtonRef}\n            label={t('close')}\n            icon\n            onClick={close}\n          >\n            <Icon name='times' />\n          </Button>\n        </Flex>\n      </Flex>\n\n      <Flex\n        container={{ justify: 'between' }}\n        as={StyledPreviewRegion}\n        item={{ grow: 1, shrink: 0 }}\n      >\n        {items.length > 1 && (\n          <StyledNavButton\n            data-testid={testIds.prev}\n            ref={prevButtonRef}\n            variant='simple'\n            aria-label={t('pagination_prev')}\n            hidden={!cycle && currentIndex === 0}\n            icon\n            onClick={() => {\n              navigate(-1);\n            }}\n          >\n            <span>\n              <Icon name='caret-left' />\n            </span>\n          </StyledNavButton>\n        )}\n\n        <Flex item={{ grow: 1 }} as={StyledMediaContainer}>\n          <Flex\n            container={{ alignItems: 'center', justify: 'center' }}\n            onMouseDown={(e: MouseEvent<HTMLDivElement>) => {\n              if (e.button !== 0) return;\n              if (e.target === e.currentTarget) close();\n            }}\n          >\n            {currentItem.error ? <ErrorState message={t('content_load_error')} /> : media}\n          </Flex>\n        </Flex>\n\n        {items.length > 1 && (\n          <StyledNavButton\n            data-testid={testIds.next}\n            ref={nextButtonRef}\n            variant='simple'\n            aria-label={t('pagination_next')}\n            hidden={!cycle && currentIndex === items.length - 1}\n            icon\n            onClick={() => {\n              navigate(1);\n            }}\n          >\n            <span>\n              <Icon name='caret-right' />\n            </span>\n          </StyledNavButton>\n        )}\n      </Flex>\n      <StyledLiveRegion aria-live='polite' aria-label={liveText} />\n    </StyledLightbox>\n  );\n\n  return portalTarget ? createPortal(content, portalTarget) : content;\n});\n\nexport default withTestIds(Lightbox, getLightboxTestIds);\n"]}
+{"version":3,"file":"Lightbox.js","sourceRoot":"","sources":["../../../src/components/Lightbox/Lightbox.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useImperativeHandle, useRef, useState, forwardRef, useCallback } from 'react';\nimport type { PropsWithoutRef, MouseEvent, SyntheticEvent, RefObject } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport type { ForwardRefForwardPropsComponent } from '../../types';\nimport { cap, getActiveElement, getFocusables, withTestIds } from '../../utils';\nimport Flex from '../Flex';\nimport MetaList from '../MetaList';\nimport Icon, { registerIcon } from '../Icon';\nimport Image from '../Image';\nimport Text from '../Text';\nimport {\n  useConfiguration,\n  useConsolidatedRef,\n  useDirection,\n  useElement,\n  useEvent,\n  useFocusTrap,\n  useI18n,\n  useScrollToggle,\n  useTestIds\n} from '../../hooks';\nimport ErrorState from '../ErrorState';\nimport Progress from '../Progress';\nimport FileVisual from '../File/FileVisual';\nimport Tooltip from '../Tooltip';\nimport Button from '../Button';\nimport Link from '../Link/Link';\nimport mimeTypes from '../File/mimeTypes.json';\nimport { getKindFromMimeType } from '../File/utils';\nimport type { AttachmentType } from '../File/utils';\nimport * as openIcon from '../Icon/icons/open.icon';\nimport * as timesIcon from '../Icon/icons/times.icon';\nimport * as downloadIcon from '../Icon/icons/download.icon';\nimport * as caretLeftIcon from '../Icon/icons/caret-left.icon';\nimport * as caretRightIcon from '../Icon/icons/caret-right.icon';\nimport * as undockIcon from '../Icon/icons/undock.icon';\n\nimport {\n  StyledHeader,\n  StyledCountTracker,\n  StyledInfo,\n  StyledPreviewRegion,\n  StyledNavButton,\n  StyledMediaContainer,\n  StyledLiveRegion,\n  StyledLightbox,\n  StyledContainer,\n  StyledObject,\n  StyledLightboxTitle\n} from './Lightbox.styles';\nimport type { LightboxProps, MediaElement } from './Lightbox.types';\nimport { getLightboxTestIds } from './Lightbox.test-ids';\n\nregisterIcon(openIcon, timesIcon, downloadIcon, caretLeftIcon, caretRightIcon, undockIcon);\n\nconst LightboxComp: ForwardRefForwardPropsComponent<LightboxProps> = forwardRef(function Lightbox(\n  {\n    testId,\n    items,\n    placement = 'global',\n    defaultIndex = 0,\n    cycle = false,\n    onItemLoad,\n    onItemError,\n    onNavigate,\n    navigateHandle,\n    onItemDownload,\n    onAfterClose,\n    ...restProps\n  }: PropsWithoutRef<LightboxProps>,\n  refArg: LightboxProps['ref']\n) {\n  const t = useI18n();\n  const { start, end } = useDirection();\n  const { portalTarget } = useConfiguration();\n  const global = placement === 'global';\n  const [currentIndex, setCurrentIndex] = useState(defaultIndex);\n  const currentItem = items[currentIndex];\n  const { disableScroll, enableScroll } = useScrollToggle();\n  const lightboxRef = useConsolidatedRef(refArg);\n  const headerRef = useRef<HTMLDivElement>(null);\n  const closeButtonRef = useRef<HTMLButtonElement>(null);\n  const prevButtonRef = useRef<HTMLButtonElement>(null);\n  const nextButtonRef = useRef<HTMLButtonElement>(null);\n  const [open, setOpen] = useState(true);\n  const [lightboxTitle, setLightboxTitle] = useElement();\n  const [globalFromLocalOpen, setGlobalFromLocalOpen] = useState(false);\n  const mediaRef = useConsolidatedRef(currentItem.ref);\n  const [liveText, setLiveText] = useState('');\n  const countTrackerText = items.length > 1 ? t('x_of_y', [currentIndex + 1, items.length]) : '';\n  const testIds = useTestIds(testId, getLightboxTestIds);\n  const previewableAttachmentTypes = ['pdf', 'image', 'link', 'video', 'audio'];\n\n  const initiatorRef = useRef<Element | null>(null);\n\n  const close = () => {\n    if (!global) return;\n    setOpen(false);\n\n    if (\n      initiatorRef.current?.isConnected &&\n      (initiatorRef.current instanceof HTMLElement || initiatorRef.current instanceof SVGElement)\n    )\n      initiatorRef.current.focus();\n  };\n\n  useImperativeHandle(navigateHandle, () => ({\n    navigate: index => {\n      if (!items.length) return;\n      const clampedIndex = Math.min(Math.max(index, 0), items.length - 1);\n      setCurrentIndex(clampedIndex);\n    }\n  }));\n\n  const navigate = (direction: 1 | -1) => {\n    if (direction === 1) {\n      if (currentIndex < items.length - 1) {\n        setCurrentIndex(cur => cur + 1);\n      } else if (cycle) {\n        setCurrentIndex(0);\n      }\n    } else if (currentIndex > 0) {\n      setCurrentIndex(cur => cur - 1);\n    } else if (cycle) {\n      setCurrentIndex(items.length - 1);\n    }\n  };\n  const keyDownHandler = (e: KeyboardEvent) => {\n    if (e.repeat) return;\n    if (!lightboxRef.current?.contains(getActiveElement())) return;\n\n    if (e.key === 'Escape') {\n      close();\n    } else if (e.key === `Arrow${cap(end)}`) {\n      navigate(1);\n    } else if (e.key === `Arrow${cap(start)}`) {\n      navigate(-1);\n    }\n  };\n\n  useEvent('keydown', keyDownHandler);\n\n  useFocusTrap(global ? lightboxRef : null);\n\n  useEffect(() => {\n    setLiveText(`${currentItem.name}. ${countTrackerText ? `${countTrackerText}.` : ''}`);\n  }, [currentItem.name, countTrackerText]);\n\n  useEffect(() => {\n    onNavigate?.(currentItem.id, currentIndex);\n  }, [currentIndex]);\n\n  useEffect(() => {\n    const activeElement = getActiveElement();\n    initiatorRef.current = activeElement;\n    if (getFocusables(lightboxRef).length > 0) getFocusables(lightboxRef)[0].focus();\n  }, []);\n\n  const handleLoad = useCallback(\n    (e: SyntheticEvent<MediaElement> | Event) => {\n      onItemLoad?.(currentItem.id, e);\n    },\n    [onItemLoad, currentItem.id]\n  );\n\n  const handleError = useCallback(\n    (e: SyntheticEvent<MediaElement> | Event) => {\n      onItemError?.(currentItem.id, e);\n    },\n    [onItemError, currentItem.id]\n  );\n\n  // Object elements appear to need native event handlers bound as JSX does not work.\n  // TODO: Follow up on reason why.\n  useEffect(() => {\n    if (!mediaRef.current || currentItem.format !== 'pdf') return;\n    const pdfObject = mediaRef.current;\n    pdfObject.addEventListener('load', handleLoad);\n    pdfObject.addEventListener('error', handleError);\n\n    return () => {\n      pdfObject.removeEventListener('load', handleLoad);\n      pdfObject.removeEventListener('error', handleError);\n    };\n  }, [currentItem]);\n\n  let media;\n  let validContent = true;\n  let attachmentType: AttachmentType = 'generic';\n  if (currentItem.format === undefined) {\n    validContent = !currentItem.error;\n  } else {\n    const extractMimeType = (mimeTypes as Record<string, string>)[currentItem.format.toLowerCase()];\n    const getType = currentItem.format === 'url' ? 'link' : 'generic';\n    attachmentType = extractMimeType ? getKindFromMimeType(extractMimeType) : getType;\n    validContent =\n      currentItem.disablePreview ||\n      (previewableAttachmentTypes.includes(attachmentType) ? !!currentItem.src : !!attachmentType);\n  }\n\n  if (validContent) {\n    const nonPreviewableContent = (\n      <>\n        <Text>\n          {t(currentItem.disablePreview ? 'large_non_previewable' : 'non_previewable', [\n            currentItem.format ? currentItem.format.toUpperCase() : currentItem.name\n          ])}\n        </Text>\n        {onItemDownload && (\n          <Button\n            aria-label={t('download')}\n            onClick={() => onItemDownload(currentItem.id)}\n            data-testid={testIds.nonPreviewableDownload}\n          >\n            {t('download')}\n          </Button>\n        )}\n      </>\n    );\n\n    const defaultContent = (\n      <Flex\n        container={{ direction: 'column', gap: 2, alignItems: 'center' }}\n        as={StyledInfo}\n        data-testid={testIds.content}\n      >\n        <FileVisual type={attachmentType} size='l' />\n        {!currentItem.disablePreview && attachmentType === 'link' && currentItem.src ? (\n          <Link href={currentItem.src} data-testid={testIds.link}>\n            {currentItem.name}\n          </Link>\n        ) : (\n          nonPreviewableContent\n        )}\n      </Flex>\n    );\n\n    const mediaType = currentItem.disablePreview ? undefined : attachmentType;\n    switch (mediaType) {\n      case 'image':\n        media = currentItem.src && (\n          <Image\n            data-testid={testIds.content}\n            src={currentItem.src}\n            alt={currentItem.description ?? t('description_unavailable')}\n            onLoad={handleLoad}\n            onError={handleError}\n            ref={mediaRef as RefObject<HTMLImageElement>}\n          />\n        );\n        break;\n      case 'pdf':\n        media = currentItem.src && (\n          <>\n            {navigator.pdfViewerEnabled ? (\n              <StyledObject\n                data-testid={testIds.content}\n                data={currentItem.src}\n                type='application/pdf'\n                ref={mediaRef as RefObject<HTMLObjectElement>}\n              >\n                {currentItem.description ?? t('description_unavailable')}\n              </StyledObject>\n            ) : (\n              defaultContent\n            )}\n          </>\n        );\n        break;\n      case 'video':\n        media = currentItem.src && (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <video\n            data-testid={testIds.content}\n            src={currentItem.src}\n            controls\n            onLoadedData={handleLoad}\n            onError={handleError}\n            ref={mediaRef as RefObject<HTMLVideoElement>}\n          />\n        );\n        break;\n      case 'audio':\n        media = currentItem.src && (\n          // eslint-disable-next-line jsx-a11y/media-has-caption\n          <audio\n            data-testid={testIds.content}\n            src={currentItem.src}\n            controls\n            onLoadedData={handleLoad}\n            onError={handleError}\n            ref={mediaRef as RefObject<HTMLAudioElement>}\n          />\n        );\n        break;\n      default: {\n        media = defaultContent;\n      }\n    }\n  } else {\n    media = <Progress placement='block' delay />;\n  }\n\n  const content = (\n    <StyledLightbox\n      data-testid={testIds.root}\n      {...restProps}\n      tabIndex={-1}\n      ref={lightboxRef}\n      open={open}\n      global={global}\n      role={global ? 'dialog' : undefined}\n      aria-modal={global ? true : undefined}\n      container={{ alignItems: 'start', justify: 'start', direction: 'column' }}\n      alpha={0.9}\n      variant='dark'\n      position={global ? 'fixed' : 'absolute'}\n      transitionSpeed='slow'\n      onBeforeTransitionIn={global ? disableScroll : undefined}\n      onAfterTransitionOut={() => {\n        if (global) {\n          enableScroll();\n        }\n        onAfterClose?.();\n      }}\n    >\n      <Flex\n        as={StyledHeader}\n        ref={headerRef}\n        global={global}\n        role='none'\n        container={{\n          justify: 'between',\n          alignItems: 'center',\n          gap: 2\n        }}\n        onMouseDown={(e: MouseEvent<HTMLDivElement>) => {\n          if (e.button !== 0) return;\n          if (e.target === e.currentTarget) close();\n        }}\n      >\n        <StyledCountTracker data-testid={testIds.pagination} aria-hidden>\n          {countTrackerText}\n        </StyledCountTracker>\n\n        <Flex\n          as={StyledInfo}\n          container={{\n            direction: 'column',\n            wrap: 'wrap',\n            alignItems: 'center',\n            justify: 'center',\n            colGap: 2,\n            rowGap: 0.5\n          }}\n        >\n          <StyledLightboxTitle\n            data-testid={testIds.name}\n            variant='primary'\n            as='h2'\n            ref={setLightboxTitle}\n          >\n            {currentItem.name}\n          </StyledLightboxTitle>\n          {currentItem.metadata && (\n            <MetaList data-testid={testIds.metadata} items={currentItem.metadata} />\n          )}\n        </Flex>\n\n        <Flex container as={StyledContainer}>\n          {attachmentType !== 'link' && onItemDownload && (\n            <Button\n              data-testid={testIds.download}\n              variant='simple'\n              label={t('download')}\n              icon\n              onClick={() => onItemDownload(currentItem.id)}\n            >\n              <Icon name='download' />\n            </Button>\n          )}\n          {!currentItem.disablePreview &&\n            previewableAttachmentTypes.includes(attachmentType) &&\n            currentItem.src && (\n              <Button\n                data-testid={testIds.openInNewTab}\n                variant='simple'\n                label={t('link_open_in_tab_text')}\n                icon\n                href={currentItem.src}\n                target='_blank'\n              >\n                <Icon name='open' />\n              </Button>\n            )}\n          {placement === 'global' && (\n            <Button\n              data-testid={testIds.close}\n              variant='simple'\n              ref={closeButtonRef}\n              label={t('close')}\n              icon\n              onClick={close}\n            >\n              <Icon name='times' />\n            </Button>\n          )}\n          {placement === 'local' && (\n            <Button\n              data-testid={testIds.close}\n              variant='simple'\n              label={t('enter_fullscreen')}\n              icon\n              onClick={() => setGlobalFromLocalOpen(true)}\n            >\n              <Icon name='undock' />\n            </Button>\n          )}\n        </Flex>\n      </Flex>\n\n      <Flex\n        container={{ justify: 'between' }}\n        as={StyledPreviewRegion}\n        item={{ grow: 1, shrink: 0 }}\n      >\n        {items.length > 1 && (\n          <StyledNavButton\n            data-testid={testIds.prev}\n            ref={prevButtonRef}\n            variant='simple'\n            aria-label={t('pagination_prev')}\n            hidden={!cycle && currentIndex === 0}\n            icon\n            onClick={() => {\n              navigate(-1);\n            }}\n          >\n            <span>\n              <Icon name='caret-left' />\n            </span>\n          </StyledNavButton>\n        )}\n\n        <Flex item={{ grow: 1 }} as={StyledMediaContainer} global={global}>\n          <Flex\n            container={{ alignItems: 'center', justify: 'center' }}\n            onMouseDown={(e: MouseEvent<HTMLDivElement>) => {\n              if (e.button !== 0) return;\n              if (e.target === e.currentTarget) close();\n            }}\n          >\n            {currentItem.error ? <ErrorState message={t('content_load_error')} /> : media}\n          </Flex>\n        </Flex>\n\n        {items.length > 1 && (\n          <StyledNavButton\n            data-testid={testIds.next}\n            ref={nextButtonRef}\n            variant='simple'\n            aria-label={t('pagination_next')}\n            hidden={!cycle && currentIndex === items.length - 1}\n            icon\n            onClick={() => {\n              navigate(1);\n            }}\n          >\n            <span>\n              <Icon name='caret-right' />\n            </span>\n          </StyledNavButton>\n        )}\n      </Flex>\n      {!global && (\n        <Tooltip smart showDelay='none' hideDelay='none' target={lightboxTitle}>\n          {currentItem.name}\n        </Tooltip>\n      )}\n      <StyledLiveRegion aria-live='polite' aria-label={liveText} />\n    </StyledLightbox>\n  );\n\n  const globalFromLocalLightbox = (\n    <LightboxComp\n      items={items}\n      placement='global'\n      defaultIndex={currentIndex}\n      cycle={cycle}\n      onItemLoad={onItemLoad}\n      onItemError={onItemError}\n      onNavigate={onNavigate}\n      onItemDownload={onItemDownload}\n      onAfterClose={() => setGlobalFromLocalOpen(false)}\n    />\n  );\n\n  return (\n    <>\n      {global && portalTarget ? createPortal(content, portalTarget) : content}\n      {globalFromLocalOpen && globalFromLocalLightbox}\n    </>\n  );\n});\n\nexport default withTestIds(LightboxComp, getLightboxTestIds);\n"]}