@chayns-components/core 5.4.13 → 5.4.14-alpha.0

package/lib/cjs/components/search-input/SearchInput.styles.js

@@ -3,9 +3,10 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.StyledSearchInputPseudoElement = exports.StyledSearchInput = exports.StyledMotionSearchInputIconWrapperContent = exports.StyledMotionSearchInputIconWrapper = exports.StyledMotionSearchInputContentWrapper = void 0;
+exports.StyledSearchInputPseudoElement = exports.StyledSearchInputIconTrigger = exports.StyledSearchInput = exports.StyledMotionSearchInputIconWrapperContent = exports.StyledMotionSearchInputIconWrapper = exports.StyledMotionSearchInputContentWrapper = void 0;
 var _react = require("motion/react");
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _keyboardFocusHighlighting = require("../../utils/keyboardFocusHighlighting.styles");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const StyledSearchInput = exports.StyledSearchInput = _styledComponents.default.div`
     display: flex;
@@ -50,12 +51,35 @@ const StyledMotionSearchInputContentWrapper = exports.StyledMotionSearchInputCon
             right: 0;
         `}
 
-    overflow: hidden;
+    overflow: ${({
+  $shouldShowKeyboardHighlighting
+}) => $shouldShowKeyboardHighlighting ? 'visible' : 'hidden'};
 `;
 const StyledMotionSearchInputIconWrapperContent = exports.StyledMotionSearchInputIconWrapperContent = (0, _styledComponents.default)(_react.motion.div)`
     display: flex;
     cursor: pointer;
 `;
+const StyledSearchInputIconTrigger = exports.StyledSearchInputIconTrigger = _styledComponents.default.div`
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 28px;
+    height: 28px;
+    border-radius: 6px;
+    cursor: pointer;
+
+    ${({
+  $shouldShowKeyboardHighlighting
+}) => $shouldShowKeyboardHighlighting && (0, _styledComponents.css)`
+            &:focus-visible {
+                transition: none;
+                ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
+                border-radius: 50%;
+                box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.35);
+                outline-offset: 2px;
+            }
+        `}
+`;
 const StyledMotionSearchInputIconWrapper = exports.StyledMotionSearchInputIconWrapper = _styledComponents.default.div`
     width: 18px;
 `;

package/lib/cjs/components/search-input/SearchInput.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchInput.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSearchInput","exports","styled","div","$size","$shouldUseAbsolutePositioning","theme","css","StyledSearchInputPseudoElement","StyledMotionSearchInputContentWrapper","motion","StyledMotionSearchInputIconWrapperContent","StyledMotionSearchInputIconWrapper"],"sources":["../../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { InputSize } from '../input/Input';\n\ntype StyledSearchInputProps = WithTheme<{\n    $size: InputSize;\n    $shouldUseAbsolutePositioning: boolean;\n}>;\n\nexport const StyledSearchInput = styled.div<StyledSearchInputProps>`\n    display: flex;\n    align-items: center;\n\n    height: ${({ $size }: StyledSearchInputProps) => ($size === 'medium' ? '42px' : '32px')};\n\n    ${({ $shouldUseAbsolutePositioning, theme }: StyledSearchInputProps) =>\n        $shouldUseAbsolutePositioning\n            ? css`\n                  justify-content: center;\n                  aspect-ratio: 1;\n                  border-radius: 3px;\n                  position: relative;\n                  cursor: pointer;\n\n                  @media (pointer: fine) {\n                      &:hover {\n                          background-color: ${theme[201]};\n                      }\n                  }\n              `\n            : css`\n                  gap: 8px;\n                  justify-content: flex-end;\n                  width: 100%;\n              `}\n`;\n\nexport const StyledSearchInputPseudoElement = styled.div`\n    position: absolute;\n    right: 0;\n    left: 0;\n`;\n\ntype StyledMotionSearchInputContentWrapperProps = {\n    $shouldUseAbsolutePositioning: boolean;\n};\n\nexport const StyledMotionSearchInputContentWrapper = styled(\n    motion.div,\n)<StyledMotionSearchInputContentWrapperProps>`\n    ${({ $shouldUseAbsolutePositioning }) =>\n        $shouldUseAbsolutePositioning &&\n        css`\n            position: absolute;\n            top: 0;\n            right: 0;\n        `}\n\n    overflow: hidden;\n`;\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(motion.div)`\n    display: flex;\n    cursor: pointer;\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n    width: 18px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAAgD,SAAAE,wBAAAC,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAH,uBAAA,YAAAA,CAAAC,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AASzC,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA;AACA,cAAc,CAAC;EAAEC;AAA8B,CAAC,KAAMA,KAAK,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAO;AAC3F;AACA,MAAM,CAAC;EAAEC,6BAA6B;EAAEC;AAA8B,CAAC,KAC/DD,6BAA6B,GACvB,IAAAE,qBAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8CD,KAAK,CAAC,GAAG,CAAC;AACxD;AACA;AACA,eAAe,GACD,IAAAC,qBAAG;AACjB;AACA;AACA;AACA,eAAe;AACf,CAAC;AAEM,MAAMC,8BAA8B,GAAAP,OAAA,CAAAO,8BAAA,GAAGN,yBAAM,CAACC,GAAG;AACxD;AACA;AACA;AACA,CAAC;AAMM,MAAMM,qCAAqC,GAAAR,OAAA,CAAAQ,qCAAA,GAAG,IAAAP,yBAAM,EACvDQ,aAAM,CAACP,GACX,CAA6C;AAC7C,MAAM,CAAC;EAAEE;AAA8B,CAAC,KAChCA,6BAA6B,IAC7B,IAAAE,qBAAG;AACX;AACA;AACA;AACA,SAAS;AACT;AACA;AACA,CAAC;AAEM,MAAMI,yCAAyC,GAAAV,OAAA,CAAAU,yCAAA,GAAG,IAAAT,yBAAM,EAACQ,aAAM,CAACP,GAAG,CAAC;AAC3E;AACA;AACA,CAAC;AAEM,MAAMS,kCAAkC,GAAAX,OAAA,CAAAW,kCAAA,GAAGV,yBAAM,CAACC,GAAG;AAC5D;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"SearchInput.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_keyboardFocusHighlighting","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledSearchInput","exports","styled","div","$size","$shouldUseAbsolutePositioning","theme","css","StyledSearchInputPseudoElement","StyledMotionSearchInputContentWrapper","motion","$shouldShowKeyboardHighlighting","StyledMotionSearchInputIconWrapperContent","StyledSearchInputIconTrigger","keyboardFocusHighlightingRingCss","StyledMotionSearchInputIconWrapper"],"sources":["../../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { InputSize } from '../input/Input';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\ntype StyledSearchInputProps = WithTheme<{\n    $size: InputSize;\n    $shouldUseAbsolutePositioning: boolean;\n}>;\n\nexport const StyledSearchInput = styled.div<StyledSearchInputProps>`\n    display: flex;\n    align-items: center;\n\n    height: ${({ $size }: StyledSearchInputProps) => ($size === 'medium' ? '42px' : '32px')};\n\n    ${({ $shouldUseAbsolutePositioning, theme }: StyledSearchInputProps) =>\n        $shouldUseAbsolutePositioning\n            ? css`\n                  justify-content: center;\n                  aspect-ratio: 1;\n                  border-radius: 3px;\n                  position: relative;\n                  cursor: pointer;\n\n                  @media (pointer: fine) {\n                      &:hover {\n                          background-color: ${theme[201]};\n                      }\n                  }\n              `\n            : css`\n                  gap: 8px;\n                  justify-content: flex-end;\n                  width: 100%;\n              `}\n`;\n\nexport const StyledSearchInputPseudoElement = styled.div`\n    position: absolute;\n    right: 0;\n    left: 0;\n`;\n\ntype StyledMotionSearchInputContentWrapperProps = {\n    $shouldUseAbsolutePositioning: boolean;\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledMotionSearchInputContentWrapper = styled(\n    motion.div,\n)<StyledMotionSearchInputContentWrapperProps>`\n    ${({ $shouldUseAbsolutePositioning }) =>\n        $shouldUseAbsolutePositioning &&\n        css`\n            position: absolute;\n            top: 0;\n            right: 0;\n        `}\n\n    overflow: ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting ? 'visible' : 'hidden'};\n`;\n\ntype StyledMotionSearchInputIconWrapperContentProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(\n    motion.div,\n)<StyledMotionSearchInputIconWrapperContentProps>`\n    display: flex;\n    cursor: pointer;\n`;\n\ntype StyledSearchInputIconTriggerProps = {\n    $shouldShowKeyboardHighlighting: boolean;\n};\n\nexport const StyledSearchInputIconTrigger = styled.div<StyledSearchInputIconTriggerProps>`\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 28px;\n    height: 28px;\n    border-radius: 6px;\n    cursor: pointer;\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible {\n                transition: none;\n                ${keyboardFocusHighlightingRingCss}\n                border-radius: 50%;\n                box-shadow: 0 0 0 4px rgba(0, 102, 204, 0.35);\n                outline-offset: 2px;\n            }\n        `}\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n    width: 18px;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,uBAAA,CAAAF,OAAA;AAGA,IAAAG,0BAAA,GAAAH,OAAA;AAAgG,SAAAE,wBAAAE,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAJ,uBAAA,YAAAA,CAAAE,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOzF,MAAMkB,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA;AACA,cAAc,CAAC;EAAEC;AAA8B,CAAC,KAAMA,KAAK,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAO;AAC3F;AACA,MAAM,CAAC;EAAEC,6BAA6B;EAAEC;AAA8B,CAAC,KAC/DD,6BAA6B,GACvB,IAAAE,qBAAG;AACjB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,8CAA8CD,KAAK,CAAC,GAAG,CAAC;AACxD;AACA;AACA,eAAe,GACD,IAAAC,qBAAG;AACjB;AACA;AACA;AACA,eAAe;AACf,CAAC;AAEM,MAAMC,8BAA8B,GAAAP,OAAA,CAAAO,8BAAA,GAAGN,yBAAM,CAACC,GAAG;AACxD;AACA;AACA;AACA,CAAC;AAOM,MAAMM,qCAAqC,GAAAR,OAAA,CAAAQ,qCAAA,GAAG,IAAAP,yBAAM,EACvDQ,aAAM,CAACP,GACX,CAA6C;AAC7C,MAAM,CAAC;EAAEE;AAA8B,CAAC,KAChCA,6BAA6B,IAC7B,IAAAE,qBAAG;AACX;AACA;AACA;AACA,SAAS;AACT;AACA,gBAAgB,CAAC;EAAEI;AAAgC,CAAC,KAC5CA,+BAA+B,GAAG,SAAS,GAAG,QAAQ;AAC9D,CAAC;AAMM,MAAMC,yCAAyC,GAAAX,OAAA,CAAAW,yCAAA,GAAG,IAAAV,yBAAM,EAC3DQ,aAAM,CAACP,GACX,CAAiD;AACjD;AACA;AACA,CAAC;AAMM,MAAMU,4BAA4B,GAAAZ,OAAA,CAAAY,4BAAA,GAAGX,yBAAM,CAACC,GAAsC;AACzF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,CAAC;EAAEQ;AAAgC,CAAC,KAClCA,+BAA+B,IAC/B,IAAAJ,qBAAG;AACX;AACA;AACA,kBAAkBO,2DAAgC;AAClD;AACA;AACA;AACA;AACA,SAAS;AACT,CAAC;AAEM,MAAMC,kCAAkC,GAAAd,OAAA,CAAAc,kCAAA,GAAGb,yBAAM,CAACC,GAAG;AAC5D;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/select-button/SelectButton.js

@@ -22,7 +22,8 @@ const SelectButton = ({
   additionalText = ', ##count## weitere',
   shouldShowSearch,
   selectAllText,
-  title
+  title,
+  shouldEnableKeyboardHighlighting
 }) => {
   const itemList = (0, _react.useMemo)(() => {
     const items = [];
@@ -84,7 +85,8 @@ const SelectButton = ({
     onClick: handleClick,
     isDisabled: isDisabled,
     isSecondary: true,
-    shouldShowTextAsRobotoMedium: false
+    shouldShowTextAsRobotoMedium: false,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
   }, internalButtonText));
 };
 SelectButton.displayName = 'SelectButton';

package/lib/cjs/components/select-button/SelectButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectButton.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_Button","_interopRequireDefault","_SelectButton","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectButton","buttonText","isDisabled","list","onSelect","selectedItemIds","shouldAllowMultiSelect","shouldShowButtonTextWithSelection","maxDisplayedItems","additionalText","shouldShowSearch","selectAllText","title","itemList","useMemo","items","forEach","text","id","isSelected","includes","push","name","internalButtonText","length","addedCount","newText","additionalCount","replace","String","handleClick","createDialog","undefined","type","DialogType","SELECT","multiselect","quickfind","selectAllCheckbox","open","then","result","buttonType","createElement","StyledSelectButton","onClick","isSecondary","shouldShowTextAsRobotoMedium","displayName","_default","exports"],"sources":["../../../../src/components/select-button/SelectButton.tsx"],"sourcesContent":["import { createDialog, DialogType, type DialogSelectListItemType } from 'chayns-api';\nimport React, { useMemo, type FC } from 'react';\nimport type { SelectButtonItem } from '../../types/selectButton';\nimport Button from '../button/Button';\nimport { StyledSelectButton } from './SelectButton.styles';\n\nexport type SelectButtonProps = {\n    /**\n     * Text used when there are more selected items than maxDisplayedItems. '##count##' will be displayed with the additional count.\n     */\n    additionalText?: string;\n    /**\n     * The text that should be displayed inside the button.\n     */\n    buttonText: string;\n    /**\n     * Whether the button should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * A list of item that could be selected.\n     */\n    list: SelectButtonItem[];\n    /**\n     * The maximum number of items displayed in the button text.\n     */\n    maxDisplayedItems?: number;\n    /**\n     * Function to be executed after an item is selected.\n     */\n    onSelect?: (ids: (number | string)[]) => void;\n    /**\n     * If a string is given and `shouldAllowMultiSelect` is true, the dialog displays a checkbox to select all items at once.\n     */\n    selectAllText?: string;\n    /**\n     * The id of an item that should be preselected.\n     */\n    selectedItemIds?: (number | string)[];\n    /**\n     * Whether more than one item should be selectable.\n     */\n    shouldAllowMultiSelect?: boolean;\n    /**\n     * Whether the button text should be displayed also if items are selected.\n     */\n    shouldShowButtonTextWithSelection?: boolean;\n    /**\n     * Whether the search should be displayed inside the dialog.\n     */\n    shouldShowSearch?: boolean;\n    /**\n     * The title of the dialog.\n     */\n    title?: string;\n};\n\nconst SelectButton: FC<SelectButtonProps> = ({\n    buttonText,\n    isDisabled,\n    list,\n    onSelect,\n    selectedItemIds,\n    shouldAllowMultiSelect,\n    shouldShowButtonTextWithSelection,\n    maxDisplayedItems = 3,\n    additionalText = ', ##count## weitere',\n    shouldShowSearch,\n    selectAllText,\n    title,\n}) => {\n    const itemList = useMemo(() => {\n        const items: DialogSelectListItemType[] = [];\n\n        list.forEach(({ text, id }) => {\n            const isSelected = selectedItemIds ? selectedItemIds.includes(id) : false;\n\n            items.push({\n                name: text,\n                id,\n                isSelected,\n            });\n        });\n\n        return items;\n    }, [list, selectedItemIds]);\n\n    const internalButtonText = useMemo(() => {\n        if (shouldShowButtonTextWithSelection || !selectedItemIds || selectedItemIds.length === 0) {\n            return buttonText;\n        }\n\n        let addedCount = 0;\n        let newText = '';\n\n        const additionalCount = selectedItemIds.length - maxDisplayedItems;\n\n        list.forEach(({ text, id }) => {\n            if (addedCount < maxDisplayedItems && selectedItemIds?.includes(id)) {\n                addedCount++;\n                newText += newText.length === 0 ? `${text}` : `, ${text}`;\n            }\n        });\n\n        if (additionalCount >= 1) {\n            newText += additionalText.replace('##count##', String(additionalCount));\n        }\n\n        return newText;\n    }, [\n        additionalText,\n        buttonText,\n        list,\n        maxDisplayedItems,\n        selectedItemIds,\n        shouldShowButtonTextWithSelection,\n    ]);\n\n    const handleClick = () => {\n        void createDialog({\n            text: title ? `[h1]${title}[/h1]` : undefined,\n            type: DialogType.SELECT,\n            list: itemList,\n            multiselect: shouldAllowMultiSelect,\n            quickfind: shouldShowSearch,\n            selectAllCheckbox: selectAllText,\n        })\n            .open()\n            .then((result) => {\n                // Ignore because there is no type\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                if (result && result.buttonType === 1 && typeof onSelect === 'function') {\n                    // Ignore because there is no type\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    onSelect(result.result);\n                }\n            });\n    };\n\n    return (\n        <StyledSelectButton>\n            <Button\n                onClick={handleClick}\n                isDisabled={isDisabled}\n                isSecondary\n                shouldShowTextAsRobotoMedium={false}\n            >\n                {internalButtonText}\n            </Button>\n        </StyledSelectButton>\n    );\n};\n\nSelectButton.displayName = 'SelectButton';\n\nexport default SelectButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SelectButton.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_Button","_interopRequireDefault","_SelectButton","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SelectButton","buttonText","isDisabled","list","onSelect","selectedItemIds","shouldAllowMultiSelect","shouldShowButtonTextWithSelection","maxDisplayedItems","additionalText","shouldShowSearch","selectAllText","title","shouldEnableKeyboardHighlighting","itemList","useMemo","items","forEach","text","id","isSelected","includes","push","name","internalButtonText","length","addedCount","newText","additionalCount","replace","String","handleClick","createDialog","undefined","type","DialogType","SELECT","multiselect","quickfind","selectAllCheckbox","open","then","result","buttonType","createElement","StyledSelectButton","onClick","isSecondary","shouldShowTextAsRobotoMedium","displayName","_default","exports"],"sources":["../../../../src/components/select-button/SelectButton.tsx"],"sourcesContent":["import { createDialog, DialogType, type DialogSelectListItemType } from 'chayns-api';\nimport React, { useMemo, type FC } from 'react';\nimport type { SelectButtonItem } from '../../types/selectButton';\nimport Button from '../button/Button';\nimport { StyledSelectButton } from './SelectButton.styles';\n\nexport type SelectButtonProps = {\n    /**\n     * Text used when there are more selected items than maxDisplayedItems. '##count##' will be displayed with the additional count.\n     */\n    additionalText?: string;\n    /**\n     * The text that should be displayed inside the button.\n     */\n    buttonText: string;\n    /**\n     * Whether the button should be disabled.\n     */\n    isDisabled?: boolean;\n    /**\n     * A list of item that could be selected.\n     */\n    list: SelectButtonItem[];\n    /**\n     * The maximum number of items displayed in the button text.\n     */\n    maxDisplayedItems?: number;\n    /**\n     * Function to be executed after an item is selected.\n     */\n    onSelect?: (ids: (number | string)[]) => void;\n    /**\n     * If a string is given and `shouldAllowMultiSelect` is true, the dialog displays a checkbox to select all items at once.\n     */\n    selectAllText?: string;\n    /**\n     * The id of an item that should be preselected.\n     */\n    selectedItemIds?: (number | string)[];\n    /**\n     * Whether more than one item should be selectable.\n     */\n    shouldAllowMultiSelect?: boolean;\n    /**\n     * Whether the button text should be displayed also if items are selected.\n     */\n    shouldShowButtonTextWithSelection?: boolean;\n    /**\n     * Whether the search should be displayed inside the dialog.\n     */\n    shouldShowSearch?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n    /**\n     * The title of the dialog.\n     */\n    title?: string;\n};\n\nconst SelectButton: FC<SelectButtonProps> = ({\n    buttonText,\n    isDisabled,\n    list,\n    onSelect,\n    selectedItemIds,\n    shouldAllowMultiSelect,\n    shouldShowButtonTextWithSelection,\n    maxDisplayedItems = 3,\n    additionalText = ', ##count## weitere',\n    shouldShowSearch,\n    selectAllText,\n    title,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const itemList = useMemo(() => {\n        const items: DialogSelectListItemType[] = [];\n\n        list.forEach(({ text, id }) => {\n            const isSelected = selectedItemIds ? selectedItemIds.includes(id) : false;\n\n            items.push({\n                name: text,\n                id,\n                isSelected,\n            });\n        });\n\n        return items;\n    }, [list, selectedItemIds]);\n\n    const internalButtonText = useMemo(() => {\n        if (shouldShowButtonTextWithSelection || !selectedItemIds || selectedItemIds.length === 0) {\n            return buttonText;\n        }\n\n        let addedCount = 0;\n        let newText = '';\n\n        const additionalCount = selectedItemIds.length - maxDisplayedItems;\n\n        list.forEach(({ text, id }) => {\n            if (addedCount < maxDisplayedItems && selectedItemIds?.includes(id)) {\n                addedCount++;\n                newText += newText.length === 0 ? `${text}` : `, ${text}`;\n            }\n        });\n\n        if (additionalCount >= 1) {\n            newText += additionalText.replace('##count##', String(additionalCount));\n        }\n\n        return newText;\n    }, [\n        additionalText,\n        buttonText,\n        list,\n        maxDisplayedItems,\n        selectedItemIds,\n        shouldShowButtonTextWithSelection,\n    ]);\n\n    const handleClick = () => {\n        void createDialog({\n            text: title ? `[h1]${title}[/h1]` : undefined,\n            type: DialogType.SELECT,\n            list: itemList,\n            multiselect: shouldAllowMultiSelect,\n            quickfind: shouldShowSearch,\n            selectAllCheckbox: selectAllText,\n        })\n            .open()\n            .then((result) => {\n                // Ignore because there is no type\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                if (result && result.buttonType === 1 && typeof onSelect === 'function') {\n                    // Ignore because there is no type\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    onSelect(result.result);\n                }\n            });\n    };\n\n    return (\n        <StyledSelectButton>\n            <Button\n                onClick={handleClick}\n                isDisabled={isDisabled}\n                isSecondary\n                shouldShowTextAsRobotoMedium={false}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n            >\n                {internalButtonText}\n            </Button>\n        </StyledSelectButton>\n    );\n};\n\nSelectButton.displayName = 'SelectButton';\n\nexport default SelectButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/setup-wizard/SetupWizard.js

@@ -7,19 +7,24 @@ exports.default = exports.SetupWizardContext = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _AccordionGroup = _interopRequireDefault(require("../accordion/accordion-group/AccordionGroup"));
 var _SetupWizard = require("./SetupWizard.styles");
+var _ColorSchemeProvider = require("../color-scheme-provider/ColorSchemeProvider");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SetupWizardContext = exports.SetupWizardContext = /*#__PURE__*/_react.default.createContext({
   selectedId: undefined,
   updateSelectedId: undefined,
   activeId: undefined,
-  updateActiveId: undefined
+  updateActiveId: undefined,
+  shouldEnableKeyboardHighlighting: false
 });
 SetupWizardContext.displayName = 'SetupWizardContext';
 const SetupWizard = /*#__PURE__*/(0, _react.forwardRef)(({
   children,
-  isWrapped
+  isWrapped,
+  shouldEnableKeyboardHighlighting
 }, ref) => {
+  const colorScheme = (0, _ColorSchemeProvider.useColorScheme)();
+  const shouldEnableKeyboardHighlightingEffective = shouldEnableKeyboardHighlighting ?? (colorScheme === null || colorScheme === void 0 ? void 0 : colorScheme.shouldEnableKeyboardHighlighting) ?? false;
   const [selectedId, setSelectedId] = (0, _react.useState)(0);
   const [activeId, setActiveId] = (0, _react.useState)(0);
   const [allIds, setAllIds] = (0, _react.useState)([]);
@@ -67,8 +72,9 @@ const SetupWizard = /*#__PURE__*/(0, _react.forwardRef)(({
     selectedId,
     updateSelectedId,
     activeId,
-    updateActiveId
-  }), [activeId, selectedId, updateActiveId, updateSelectedId]);
+    updateActiveId,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlightingEffective
+  }), [activeId, selectedId, shouldEnableKeyboardHighlightingEffective, updateActiveId, updateSelectedId]);
   return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(SetupWizardContext.Provider, {
     value: providerValue
   }, /*#__PURE__*/_react.default.createElement(_SetupWizard.StyledSetupWizard, null, /*#__PURE__*/_react.default.createElement(_AccordionGroup.default, {

package/lib/cjs/components/setup-wizard/SetupWizard.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupWizard.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_interopRequireDefault","_SetupWizard","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SetupWizardContext","exports","React","createContext","selectedId","undefined","updateSelectedId","activeId","updateActiveId","displayName","SetupWizard","forwardRef","children","isWrapped","ref","setSelectedId","useState","setActiveId","allIds","setAllIds","useEffect","Children","map","child","prevState","props","id","useCallback","handleNext","stepId","index","findIndex","numberAtIndex","handleReset","useImperativeHandle","next","reset","providerValue","useMemo","createElement","Provider","value","StyledSetupWizard","_default"],"sources":["../../../../src/components/setup-wizard/SetupWizard.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport AccordionGroup from '../accordion/accordion-group/AccordionGroup';\nimport type { SetupWizardItemProps } from './setup-wizard-item/SetupWizardItem';\nimport { StyledSetupWizard } from './SetupWizard.styles';\n\ntype UpdateSelectedId = (id: number) => void;\ntype UpdateActiveId = (id: number) => void;\n\ninterface SetupWizardContextProps {\n    selectedId: number | undefined;\n    updateSelectedId?: UpdateSelectedId;\n    activeId: number | undefined;\n    updateActiveId?: UpdateActiveId;\n}\n\nexport const SetupWizardContext = React.createContext<SetupWizardContextProps>({\n    selectedId: undefined,\n    updateSelectedId: undefined,\n    activeId: undefined,\n    updateActiveId: undefined,\n});\n\nSetupWizardContext.displayName = 'SetupWizardContext';\n\nexport interface SetupWizardRef {\n    next: (stepId?: number) => void;\n    reset: () => void;\n}\n\nexport type SetupWizardProps = {\n    /**\n     * The steps of the setup. Use the SetupWizardItem component.\n     */\n    children: ReactElement<SetupWizardItemProps> | ReactElement<SetupWizardItemProps>[];\n    /**\n     * This value must be set if the SetupWizard is inside an Accordion.\n     */\n    isWrapped?: boolean;\n};\n\nconst SetupWizard = forwardRef<SetupWizardRef, SetupWizardProps>(({ children, isWrapped }, ref) => {\n    const [selectedId, setSelectedId] = useState<SetupWizardContextProps['selectedId']>(0);\n    const [activeId, setActiveId] = useState<SetupWizardContextProps['activeId']>(0);\n    const [allIds, setAllIds] = useState<number[]>([]);\n\n    useEffect(() => {\n        React.Children.map(children, (child: ReactElement<SetupWizardItemProps>) => {\n            setAllIds((prevState) => [...prevState, child.props.id]);\n        });\n    }, [children]);\n\n    const updateSelectedId = useCallback<UpdateSelectedId>(\n        (id) => {\n            setSelectedId(id);\n        },\n        [setSelectedId],\n    );\n\n    const updateActiveId = useCallback<UpdateSelectedId>(\n        (id) => {\n            setActiveId(id);\n        },\n        [setActiveId],\n    );\n\n    const handleNext = useCallback(\n        (stepId: number | undefined) => {\n            if (typeof stepId === 'number') {\n                updateSelectedId(stepId);\n\n                if (typeof activeId === 'number' && stepId > activeId) {\n                    updateActiveId(stepId);\n                }\n            } else {\n                const index = allIds.findIndex((id) => id === selectedId);\n\n                if (index < 0) {\n                    return;\n                }\n\n                const numberAtIndex = allIds[index + 1];\n\n                if (!numberAtIndex) {\n                    return;\n                }\n\n                updateSelectedId(numberAtIndex);\n\n                if (typeof activeId === 'number' && numberAtIndex > activeId) {\n                    updateActiveId(numberAtIndex);\n                }\n            }\n        },\n        [activeId, allIds, selectedId, updateActiveId, updateSelectedId],\n    );\n\n    const handleReset = useCallback(() => {\n        updateSelectedId(0);\n        updateActiveId(0);\n    }, [updateActiveId, updateSelectedId]);\n\n    useImperativeHandle(\n        ref,\n        () => ({\n            next: handleNext,\n            reset: handleReset,\n        }),\n        [handleNext, handleReset],\n    );\n\n    const providerValue = useMemo<SetupWizardContextProps>(\n        () => ({\n            selectedId,\n            updateSelectedId,\n            activeId,\n            updateActiveId,\n        }),\n        [activeId, selectedId, updateActiveId, updateSelectedId],\n    );\n\n    return useMemo(\n        () => (\n            <SetupWizardContext.Provider value={providerValue}>\n                <StyledSetupWizard>\n                    <AccordionGroup isWrapped={isWrapped}>{children}</AccordionGroup>\n                </StyledSetupWizard>\n            </SetupWizardContext.Provider>\n        ),\n        [children, isWrapped, providerValue],\n    );\n});\n\nSetupWizard.displayName = 'SetupWizard';\n\nexport default SetupWizard;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SetupWizard.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_interopRequireDefault","_SetupWizard","_ColorSchemeProvider","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SetupWizardContext","exports","React","createContext","selectedId","undefined","updateSelectedId","activeId","updateActiveId","shouldEnableKeyboardHighlighting","displayName","SetupWizard","forwardRef","children","isWrapped","ref","colorScheme","useColorScheme","shouldEnableKeyboardHighlightingEffective","setSelectedId","useState","setActiveId","allIds","setAllIds","useEffect","Children","map","child","prevState","props","id","useCallback","handleNext","stepId","index","findIndex","numberAtIndex","handleReset","useImperativeHandle","next","reset","providerValue","useMemo","createElement","Provider","value","StyledSetupWizard","_default"],"sources":["../../../../src/components/setup-wizard/SetupWizard.tsx"],"sourcesContent":["import React, {\n    forwardRef,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useMemo,\n    useState,\n} from 'react';\nimport AccordionGroup from '../accordion/accordion-group/AccordionGroup';\nimport type { SetupWizardItemProps } from './setup-wizard-item/SetupWizardItem';\nimport { StyledSetupWizard } from './SetupWizard.styles';\nimport { useColorScheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype UpdateSelectedId = (id: number) => void;\ntype UpdateActiveId = (id: number) => void;\n\ninterface SetupWizardContextProps {\n    selectedId: number | undefined;\n    updateSelectedId?: UpdateSelectedId;\n    activeId: number | undefined;\n    updateActiveId?: UpdateActiveId;\n    shouldEnableKeyboardHighlighting: boolean;\n}\n\nexport const SetupWizardContext = React.createContext<SetupWizardContextProps>({\n    selectedId: undefined,\n    updateSelectedId: undefined,\n    activeId: undefined,\n    updateActiveId: undefined,\n    shouldEnableKeyboardHighlighting: false,\n});\n\nSetupWizardContext.displayName = 'SetupWizardContext';\n\nexport interface SetupWizardRef {\n    next: (stepId?: number) => void;\n    reset: () => void;\n}\n\nexport type SetupWizardProps = {\n    /**\n     * The steps of the setup. Use the SetupWizardItem component.\n     */\n    children: ReactElement<SetupWizardItemProps> | ReactElement<SetupWizardItemProps>[];\n    /**\n     * This value must be set if the SetupWizard is inside an Accordion.\n     */\n    isWrapped?: boolean;\n    /**\n     * Enables keyboard-only focus highlighting for setup wizard items.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst SetupWizard = forwardRef<SetupWizardRef, SetupWizardProps>(\n    ({ children, isWrapped, shouldEnableKeyboardHighlighting }, ref) => {\n        const colorScheme = useColorScheme();\n        const shouldEnableKeyboardHighlightingEffective =\n            shouldEnableKeyboardHighlighting ??\n            colorScheme?.shouldEnableKeyboardHighlighting ??\n            false;\n\n        const [selectedId, setSelectedId] = useState<SetupWizardContextProps['selectedId']>(0);\n        const [activeId, setActiveId] = useState<SetupWizardContextProps['activeId']>(0);\n        const [allIds, setAllIds] = useState<number[]>([]);\n\n        useEffect(() => {\n            React.Children.map(children, (child: ReactElement<SetupWizardItemProps>) => {\n                setAllIds((prevState) => [...prevState, child.props.id]);\n            });\n        }, [children]);\n\n        const updateSelectedId = useCallback<UpdateSelectedId>(\n            (id) => {\n                setSelectedId(id);\n            },\n            [setSelectedId],\n        );\n\n        const updateActiveId = useCallback<UpdateSelectedId>(\n            (id) => {\n                setActiveId(id);\n            },\n            [setActiveId],\n        );\n\n        const handleNext = useCallback(\n            (stepId: number | undefined) => {\n                if (typeof stepId === 'number') {\n                    updateSelectedId(stepId);\n\n                    if (typeof activeId === 'number' && stepId > activeId) {\n                        updateActiveId(stepId);\n                    }\n                } else {\n                    const index = allIds.findIndex((id) => id === selectedId);\n\n                    if (index < 0) {\n                        return;\n                    }\n\n                    const numberAtIndex = allIds[index + 1];\n\n                    if (!numberAtIndex) {\n                        return;\n                    }\n\n                    updateSelectedId(numberAtIndex);\n\n                    if (typeof activeId === 'number' && numberAtIndex > activeId) {\n                        updateActiveId(numberAtIndex);\n                    }\n                }\n            },\n            [activeId, allIds, selectedId, updateActiveId, updateSelectedId],\n        );\n\n        const handleReset = useCallback(() => {\n            updateSelectedId(0);\n            updateActiveId(0);\n        }, [updateActiveId, updateSelectedId]);\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                next: handleNext,\n                reset: handleReset,\n            }),\n            [handleNext, handleReset],\n        );\n\n        const providerValue = useMemo<SetupWizardContextProps>(\n            () => ({\n                selectedId,\n                updateSelectedId,\n                activeId,\n                updateActiveId,\n                shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlightingEffective,\n            }),\n            [\n                activeId,\n                selectedId,\n                shouldEnableKeyboardHighlightingEffective,\n                updateActiveId,\n                updateSelectedId,\n            ],\n        );\n\n        return useMemo(\n            () => (\n                <SetupWizardContext.Provider value={providerValue}>\n                    <StyledSetupWizard>\n                        <AccordionGroup isWrapped={isWrapped}>{children}</AccordionGroup>\n                    </StyledSetupWizard>\n                </SetupWizardContext.Provider>\n            ),\n            [children, isWrapped, providerValue],\n        );\n    },\n);\n\nSetupWizard.displayName = 'SetupWizard';\n\nexport default SetupWizard;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/setup-wizard/setup-wizard-item/SetupWizardItem.js

@@ -22,7 +22,8 @@ const SetupWizardItem = ({
   const {
     selectedId,
     updateSelectedId,
-    activeId
+    activeId,
+    shouldEnableKeyboardHighlighting
   } = (0, _react.useContext)(_SetupWizard.SetupWizardContext);
   const [shouldOpen, setShouldOpen] = (0, _react.useState)(false);
   const initialRender = (0, _react.useRef)(0);
@@ -59,8 +60,9 @@ const SetupWizardItem = ({
     title: `${step}. ${title}`,
     isOpened: shouldOpen,
     isDisabled: shouldBeDisabled,
-    rightElement: rightElement
-  }, /*#__PURE__*/_react.default.createElement(_AccordionContent.default, null, children)), [handleAccordionOpen, step, title, shouldOpen, shouldBeDisabled, rightElement, children]);
+    rightElement: rightElement,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
+  }, /*#__PURE__*/_react.default.createElement(_AccordionContent.default, null, children)), [children, handleAccordionOpen, rightElement, shouldBeDisabled, shouldEnableKeyboardHighlighting, shouldOpen, step, title]);
 };
 SetupWizardItem.displayName = 'SetupWizardItem';
 var _default = exports.default = SetupWizardItem;

package/lib/cjs/components/setup-wizard/setup-wizard-item/SetupWizardItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SetupWizardItem.js","names":["_react","_interopRequireWildcard","require","_Accordion","_interopRequireDefault","_AccordionContent","_Badge","_Icon","_SetupWizard","_SetupWizardItem","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SetupWizardItem","children","step","title","id","selectedId","updateSelectedId","activeId","useContext","SetupWizardContext","shouldOpen","setShouldOpen","useState","initialRender","useRef","useEffect","current","timeout","setTimeout","clearTimeout","shouldBeDisabled","useMemo","rightElement","createElement","StyledSetupWizardItemBadge","icons","handleAccordionOpen","useCallback","onOpen","isOpened","isDisabled","displayName","_default","exports"],"sources":["../../../../../src/components/setup-wizard/setup-wizard-item/SetupWizardItem.tsx"],"sourcesContent":["import React, {\n    FC,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Accordion from '../../accordion/Accordion';\nimport AccordionContent from '../../accordion/accordion-content/AccordionContent';\nimport Badge from '../../badge/Badge';\nimport Icon from '../../icon/Icon';\nimport { SetupWizardContext } from '../SetupWizard';\nimport { StyledSetupWizardItemBadge } from './SetupWizardItem.styles';\n\nexport type SetupWizardItemProps = {\n    /**\n     * The content that should be displayed inside the item.\n     */\n    children: ReactNode;\n    /**\n     * The id of the item.\n     */\n    id: number;\n    /**\n     * The step of the item.\n     */\n    step: number;\n    /**\n     * The title of the item.\n     */\n    title: string;\n};\n\nconst SetupWizardItem: FC<SetupWizardItemProps> = ({ children, step, title, id }) => {\n    const { selectedId, updateSelectedId, activeId } = useContext(SetupWizardContext);\n\n    const [shouldOpen, setShouldOpen] = useState<boolean>(false);\n\n    const initialRender = useRef(0);\n\n    useEffect(() => {\n        initialRender.current++;\n    }, []);\n\n    useEffect(() => {\n        const timeout = setTimeout(() => {\n            setShouldOpen(id === selectedId);\n        }, 5);\n\n        return () => clearTimeout(timeout);\n    }, [id, selectedId]);\n\n    const shouldBeDisabled = useMemo(() => {\n        if (typeof activeId === 'number' && activeId === id) {\n            return false;\n        }\n\n        return typeof activeId === 'number' && activeId < id;\n    }, [activeId, id]);\n\n    const rightElement = useMemo(() => {\n        if (activeId && id < activeId) {\n            return (\n                <Badge>\n                    <StyledSetupWizardItemBadge>\n                        <Icon icons={['ts-check']} />\n                    </StyledSetupWizardItemBadge>\n                </Badge>\n            );\n        }\n\n        return null;\n    }, [activeId, id]);\n\n    const handleAccordionOpen = useCallback(() => {\n        if (typeof updateSelectedId === 'function') {\n            updateSelectedId(id);\n        }\n    }, [id, updateSelectedId]);\n\n    return useMemo(\n        () => (\n            <Accordion\n                onOpen={handleAccordionOpen}\n                title={`${step}. ${title}`}\n                isOpened={shouldOpen}\n                isDisabled={shouldBeDisabled}\n                rightElement={rightElement}\n            >\n                <AccordionContent>{children}</AccordionContent>\n            </Accordion>\n        ),\n        [handleAccordionOpen, step, title, shouldOpen, shouldBeDisabled, rightElement, children],\n    );\n};\n\nSetupWizardItem.displayName = 'SetupWizardItem';\n\nexport default SetupWizardItem;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SetupWizardItem.js","names":["_react","_interopRequireWildcard","require","_Accordion","_interopRequireDefault","_AccordionContent","_Badge","_Icon","_SetupWizard","_SetupWizardItem","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SetupWizardItem","children","step","title","id","selectedId","updateSelectedId","activeId","shouldEnableKeyboardHighlighting","useContext","SetupWizardContext","shouldOpen","setShouldOpen","useState","initialRender","useRef","useEffect","current","timeout","setTimeout","clearTimeout","shouldBeDisabled","useMemo","rightElement","createElement","StyledSetupWizardItemBadge","icons","handleAccordionOpen","useCallback","onOpen","isOpened","isDisabled","displayName","_default","exports"],"sources":["../../../../../src/components/setup-wizard/setup-wizard-item/SetupWizardItem.tsx"],"sourcesContent":["import React, {\n    FC,\n    ReactNode,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport Accordion from '../../accordion/Accordion';\nimport AccordionContent from '../../accordion/accordion-content/AccordionContent';\nimport Badge from '../../badge/Badge';\nimport Icon from '../../icon/Icon';\nimport { SetupWizardContext } from '../SetupWizard';\nimport { StyledSetupWizardItemBadge } from './SetupWizardItem.styles';\n\nexport type SetupWizardItemProps = {\n    /**\n     * The content that should be displayed inside the item.\n     */\n    children: ReactNode;\n    /**\n     * The id of the item.\n     */\n    id: number;\n    /**\n     * The step of the item.\n     */\n    step: number;\n    /**\n     * The title of the item.\n     */\n    title: string;\n};\n\nconst SetupWizardItem: FC<SetupWizardItemProps> = ({ children, step, title, id }) => {\n    const { selectedId, updateSelectedId, activeId, shouldEnableKeyboardHighlighting } =\n        useContext(SetupWizardContext);\n\n    const [shouldOpen, setShouldOpen] = useState<boolean>(false);\n\n    const initialRender = useRef(0);\n\n    useEffect(() => {\n        initialRender.current++;\n    }, []);\n\n    useEffect(() => {\n        const timeout = setTimeout(() => {\n            setShouldOpen(id === selectedId);\n        }, 5);\n\n        return () => clearTimeout(timeout);\n    }, [id, selectedId]);\n\n    const shouldBeDisabled = useMemo(() => {\n        if (typeof activeId === 'number' && activeId === id) {\n            return false;\n        }\n\n        return typeof activeId === 'number' && activeId < id;\n    }, [activeId, id]);\n\n    const rightElement = useMemo(() => {\n        if (activeId && id < activeId) {\n            return (\n                <Badge>\n                    <StyledSetupWizardItemBadge>\n                        <Icon icons={['ts-check']} />\n                    </StyledSetupWizardItemBadge>\n                </Badge>\n            );\n        }\n\n        return null;\n    }, [activeId, id]);\n\n    const handleAccordionOpen = useCallback(() => {\n        if (typeof updateSelectedId === 'function') {\n            updateSelectedId(id);\n        }\n    }, [id, updateSelectedId]);\n\n    return useMemo(\n        () => (\n            <Accordion\n                onOpen={handleAccordionOpen}\n                title={`${step}. ${title}`}\n                isOpened={shouldOpen}\n                isDisabled={shouldBeDisabled}\n                rightElement={rightElement}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n            >\n                <AccordionContent>{children}</AccordionContent>\n            </Accordion>\n        ),\n        [\n            children,\n            handleAccordionOpen,\n            rightElement,\n            shouldBeDisabled,\n            shouldEnableKeyboardHighlighting,\n            shouldOpen,\n            step,\n            title,\n        ],\n    );\n};\n\nSetupWizardItem.displayName = 'SetupWizardItem';\n\nexport default SetupWizardItem;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/sharing-bar/SharingBar.js

@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
+var _useKeyboardFocusHighlighting = require("../../hooks/useKeyboardFocusHighlighting");
+var _ColorSchemeProvider = require("../color-scheme-provider/ColorSchemeProvider");
 var _Icon = _interopRequireDefault(require("../icon/Icon"));
 var _SharingBar = require("./SharingBar.styles");
 var _SharingContextMenu = _interopRequireDefault(require("../sharing-context-menu/SharingContextMenu"));
@@ -14,24 +16,47 @@ const SharingBar = ({
   label,
   link,
   popupAlignment,
-  container
+  container,
+  shouldEnableKeyboardHighlighting
 }) => {
+  const colorScheme = (0, _ColorSchemeProvider.useColorScheme)();
+  const shouldEnableKeyboardHighlightingEffective = shouldEnableKeyboardHighlighting ?? (colorScheme === null || colorScheme === void 0 ? void 0 : colorScheme.shouldEnableKeyboardHighlighting) ?? false;
   const contextMenuRef = (0, _react.useRef)(null);
-  const handleSharingBarClick = (0, _react.useCallback)(event => {
+  const shouldShowKeyboardHighlighting = (0, _useKeyboardFocusHighlighting.useKeyboardFocusHighlighting)(shouldEnableKeyboardHighlightingEffective);
+  const showContextMenu = (0, _react.useCallback)(() => {
     var _contextMenuRef$curre;
-    event.preventDefault();
-    event.stopPropagation();
     (_contextMenuRef$curre = contextMenuRef.current) === null || _contextMenuRef$curre === void 0 || _contextMenuRef$curre.show();
   }, []);
+  const handleSharingBarClick = (0, _react.useCallback)(event => {
+    event.preventDefault();
+    event.stopPropagation();
+    showContextMenu();
+  }, [showContextMenu]);
+  const handleKeyDown = (0, _react.useCallback)(event => {
+    if (event.currentTarget !== event.target) {
+      return;
+    }
+    if (event.key !== 'Enter' && event.key !== ' ') {
+      return;
+    }
+    event.preventDefault();
+    event.stopPropagation();
+    showContextMenu();
+  }, [showContextMenu]);
   return /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBar, {
-    onClick: handleSharingBarClick
+    onClick: handleSharingBarClick,
+    onKeyDown: shouldEnableKeyboardHighlightingEffective ? handleKeyDown : undefined,
+    tabIndex: shouldEnableKeyboardHighlightingEffective ? 0 : undefined,
+    role: shouldEnableKeyboardHighlightingEffective ? 'button' : undefined,
+    "data-should-show-keyboard-highlighting": shouldShowKeyboardHighlighting ? 'true' : undefined
   }, /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icons: ['fa fa-share-nodes']
   })), /*#__PURE__*/_react.default.createElement(_SharingContextMenu.default, {
     link: link,
     ref: contextMenuRef,
     alignment: popupAlignment,
-    container: container
+    container: container,
+    shouldDisableClick: true
   }, null), /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarText, null, label));
 };
 SharingBar.displayName = 'SharingBar';

package/lib/cjs/components/sharing-bar/SharingBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharingBar.js","names":["_react","_interopRequireWildcard","require","_Icon","_interopRequireDefault","_SharingBar","_SharingContextMenu","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SharingBar","label","link","popupAlignment","container","contextMenuRef","useRef","handleSharingBarClick","useCallback","event","_contextMenuRef$curre","preventDefault","stopPropagation","current","show","createElement","StyledSharingBar","onClick","StyledSharingBarIconWrapper","icons","ref","alignment","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import React, { FC, MouseEventHandler, useCallback, useRef } from 'react';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSharingBar,\n    StyledSharingBarIconWrapper,\n    StyledSharingBarText,\n} from './SharingBar.styles';\nimport type { ContextMenuAlignment } from '../context-menu/ContextMenu.types';\nimport SharingContextMenu from '../sharing-context-menu/SharingContextMenu';\n\nexport type SharingBarProps = {\n    /**\n     * The element where the content of the `SharingBar` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The label that should be displayed.\n     */\n    label: string;\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * The alignment of the sharing options.\n     */\n    popupAlignment: ContextMenuAlignment;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({ label, link, popupAlignment, container }) => {\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n\n    const handleSharingBarClick = useCallback<MouseEventHandler<HTMLDivElement>>((event) => {\n        event.preventDefault();\n        event.stopPropagation();\n\n        contextMenuRef.current?.show();\n    }, []);\n\n    return (\n        <StyledSharingBar onClick={handleSharingBarClick}>\n            <StyledSharingBarIconWrapper>\n                <Icon icons={['fa fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <SharingContextMenu\n                link={link}\n                ref={contextMenuRef}\n                alignment={popupAlignment}\n                container={container}\n            >\n                {null}\n            </SharingContextMenu>\n            <StyledSharingBarText>{label}</StyledSharingBarText>\n        </StyledSharingBar>\n    );\n};\n\nSharingBar.displayName = 'SharingBar';\n\nexport default SharingBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SharingBar.js","names":["_react","_interopRequireWildcard","require","_useKeyboardFocusHighlighting","_ColorSchemeProvider","_Icon","_interopRequireDefault","_SharingBar","_SharingContextMenu","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SharingBar","label","link","popupAlignment","container","shouldEnableKeyboardHighlighting","colorScheme","useColorScheme","shouldEnableKeyboardHighlightingEffective","contextMenuRef","useRef","shouldShowKeyboardHighlighting","useKeyboardFocusHighlighting","showContextMenu","useCallback","_contextMenuRef$curre","current","show","handleSharingBarClick","event","preventDefault","stopPropagation","handleKeyDown","currentTarget","target","key","createElement","StyledSharingBar","onClick","onKeyDown","undefined","tabIndex","role","StyledSharingBarIconWrapper","icons","ref","alignment","shouldDisableClick","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import React, { FC, KeyboardEventHandler, MouseEventHandler, useCallback, useRef } from 'react';\nimport { useKeyboardFocusHighlighting } from '../../hooks/useKeyboardFocusHighlighting';\nimport { useColorScheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSharingBar,\n    StyledSharingBarIconWrapper,\n    StyledSharingBarText,\n} from './SharingBar.styles';\nimport type { ContextMenuAlignment } from '../context-menu/ContextMenu.types';\nimport SharingContextMenu from '../sharing-context-menu/SharingContextMenu';\n\nexport type SharingBarProps = {\n    /**\n     * The element where the content of the `SharingBar` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The label that should be displayed.\n     */\n    label: string;\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * The alignment of the sharing options.\n     */\n    popupAlignment: ContextMenuAlignment;\n    /**\n     * Enables keyboard-only focus highlighting and keyboard interaction.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({\n    label,\n    link,\n    popupAlignment,\n    container,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const colorScheme = useColorScheme();\n    const shouldEnableKeyboardHighlightingEffective =\n        shouldEnableKeyboardHighlighting ?? colorScheme?.shouldEnableKeyboardHighlighting ?? false;\n\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n    const shouldShowKeyboardHighlighting = useKeyboardFocusHighlighting(\n        shouldEnableKeyboardHighlightingEffective,\n    );\n\n    const showContextMenu = useCallback(() => {\n        contextMenuRef.current?.show();\n    }, []);\n\n    const handleSharingBarClick = useCallback<MouseEventHandler<HTMLDivElement>>(\n        (event) => {\n            event.preventDefault();\n            event.stopPropagation();\n\n            showContextMenu();\n        },\n        [showContextMenu],\n    );\n\n    const handleKeyDown = useCallback<KeyboardEventHandler<HTMLDivElement>>(\n        (event) => {\n            if (event.currentTarget !== event.target) {\n                return;\n            }\n\n            if (event.key !== 'Enter' && event.key !== ' ') {\n                return;\n            }\n\n            event.preventDefault();\n            event.stopPropagation();\n            showContextMenu();\n        },\n        [showContextMenu],\n    );\n\n    return (\n        <StyledSharingBar\n            onClick={handleSharingBarClick}\n            onKeyDown={shouldEnableKeyboardHighlightingEffective ? handleKeyDown : undefined}\n            tabIndex={shouldEnableKeyboardHighlightingEffective ? 0 : undefined}\n            role={shouldEnableKeyboardHighlightingEffective ? 'button' : undefined}\n            data-should-show-keyboard-highlighting={\n                shouldShowKeyboardHighlighting ? 'true' : undefined\n            }\n        >\n            <StyledSharingBarIconWrapper>\n                <Icon icons={['fa fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <SharingContextMenu\n                link={link}\n                ref={contextMenuRef}\n                alignment={popupAlignment}\n                container={container}\n                shouldDisableClick\n            >\n                {null}\n            </SharingContextMenu>\n            <StyledSharingBarText>{label}</StyledSharingBarText>\n        </StyledSharingBar>\n    );\n};\n\nSharingBar.displayName = 'SharingBar';\n\nexport default SharingBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/sharing-bar/SharingBar.styles.js

@@ -5,12 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StyledSharingBarText = exports.StyledSharingBarIconWrapper = exports.StyledSharingBar = void 0;
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _keyboardFocusHighlighting = require("../../utils/keyboardFocusHighlighting.styles");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const StyledSharingBar = exports.StyledSharingBar = _styledComponents.default.div`
     cursor: pointer;
     display: flex;
     align-items: center;
     width: fit-content;
+
+    &[data-should-show-keyboard-highlighting='true']:focus-visible {
+        ${_keyboardFocusHighlighting.keyboardFocusHighlightingRingCss}
+    }
 `;
 const StyledSharingBarIconWrapper = exports.StyledSharingBarIconWrapper = _styledComponents.default.div`
     margin-right: -4px;

package/lib/cjs/components/sharing-bar/SharingBar.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledSharingBar","exports","styled","div","StyledSharingBarIconWrapper","StyledSharingBarText","p","theme","text"],"sources":["../../../../src/components/sharing-bar/SharingBar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledSharingBar = styled.div`\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    width: fit-content;\n`;\n\nexport const StyledSharingBarIconWrapper = styled.div`\n    margin-right: -4px;\n`;\n\ntype StyledSharingBarTextProps = WithTheme<unknown>;\n\nexport const StyledSharingBarText = styled.p<StyledSharingBarTextProps>`\n    color: ${({ theme }: StyledSharingBarTextProps) => theme.text};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGhC,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAGF,yBAAM,CAACC,GAAG;AACrD;AACA,CAAC;AAIM,MAAME,oBAAoB,GAAAJ,OAAA,CAAAI,oBAAA,GAAGH,yBAAM,CAACI,CAA4B;AACvE,aAAa,CAAC;EAAEC;AAAiC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACjE,CAAC","ignoreList":[]}
+{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","_keyboardFocusHighlighting","e","__esModule","default","StyledSharingBar","exports","styled","div","keyboardFocusHighlightingRingCss","StyledSharingBarIconWrapper","StyledSharingBarText","p","theme","text"],"sources":["../../../../src/components/sharing-bar/SharingBar.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport { keyboardFocusHighlightingRingCss } from '../../utils/keyboardFocusHighlighting.styles';\n\nexport const StyledSharingBar = styled.div`\n    cursor: pointer;\n    display: flex;\n    align-items: center;\n    width: fit-content;\n\n    &[data-should-show-keyboard-highlighting='true']:focus-visible {\n        ${keyboardFocusHighlightingRingCss}\n    }\n`;\n\nexport const StyledSharingBarIconWrapper = styled.div`\n    margin-right: -4px;\n`;\n\ntype StyledSharingBarTextProps = WithTheme<unknown>;\n\nexport const StyledSharingBarText = styled.p<StyledSharingBarTextProps>`\n    color: ${({ theme }: StyledSharingBarTextProps) => theme.text};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,0BAAA,GAAAD,OAAA;AAAgG,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEzF,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA;AACA;AACA;AACA;AACA,UAAUC,2DAAgC;AAC1C;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAJ,OAAA,CAAAI,2BAAA,GAAGH,yBAAM,CAACC,GAAG;AACrD;AACA,CAAC;AAIM,MAAMG,oBAAoB,GAAAL,OAAA,CAAAK,oBAAA,GAAGJ,yBAAM,CAACK,CAA4B;AACvE,aAAa,CAAC;EAAEC;AAAiC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACjE,CAAC","ignoreList":[]}

package/lib/cjs/components/sharing-button/SharingButton.js

@@ -14,7 +14,8 @@ const SharingButton = ({
   alignment,
   container,
   children,
-  isDisabled
+  isDisabled,
+  shouldEnableKeyboardHighlighting
 }) => {
   const contextMenuRef = _react.default.useRef(null);
   const [isButtonDisabled, setIsButtonDisabled] = _react.default.useState(false);
@@ -38,7 +39,8 @@ const SharingButton = ({
     onHide: handleOnHide
   }, /*#__PURE__*/_react.default.createElement(_Button.default, {
     onClick: handleButtonClick,
-    isDisabled: isButtonDisabled || isDisabled
+    isDisabled: isButtonDisabled || isDisabled,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
   }, children)));
 };
 var _default = exports.default = SharingButton;

package/lib/cjs/components/sharing-button/SharingButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharingButton.js","names":["_react","_interopRequireDefault","require","_SharingContextMenu","_SharingButton","_Button","e","__esModule","default","SharingButton","link","alignment","container","children","isDisabled","contextMenuRef","React","useRef","isButtonDisabled","setIsButtonDisabled","useState","handleButtonClick","_contextMenuRef$curre","current","show","handleOnShow","handleOnHide","createElement","StyledSharingButtonContainer","ref","shouldDisableClick","onShow","onHide","onClick","_default","exports"],"sources":["../../../../src/components/sharing-button/SharingButton.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react';\nimport { ContextMenuRef } from '../context-menu/ContextMenu.types';\nimport SharingContextMenu, {\n    SharingContextMenuProps,\n} from '../sharing-context-menu/SharingContextMenu';\nimport { StyledSharingButtonContainer } from './SharingButton.styles';\nimport Button from '../button/Button';\nimport { ButtonProps } from '../button/Button.types';\n\nexport type SharingButtonProps = PropsWithChildren<\n    Pick<SharingContextMenuProps, 'link' | 'alignment' | 'container'> &\n        Pick<ButtonProps, 'isDisabled'>\n>;\n\nconst SharingButton: FunctionComponent<SharingButtonProps> = ({\n    link,\n    alignment,\n    container,\n    children,\n    isDisabled,\n}) => {\n    const contextMenuRef = React.useRef<ContextMenuRef>(null);\n    const [isButtonDisabled, setIsButtonDisabled] = React.useState(false);\n\n    const handleButtonClick = () => {\n        contextMenuRef.current?.show();\n    };\n\n    const handleOnShow = () => {\n        setIsButtonDisabled(true);\n    };\n\n    const handleOnHide = () => {\n        setIsButtonDisabled(false);\n    };\n\n    return (\n        <StyledSharingButtonContainer>\n            <SharingContextMenu\n                link={link}\n                alignment={alignment}\n                container={container}\n                ref={contextMenuRef}\n                shouldDisableClick\n                onShow={handleOnShow}\n                onHide={handleOnHide}\n            >\n                <Button onClick={handleButtonClick} isDisabled={isButtonDisabled || isDisabled}>\n                    {children}\n                </Button>\n            </SharingContextMenu>\n        </StyledSharingButtonContainer>\n    );\n};\n\nexport default SharingButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQtC,MAAMG,aAAoD,GAAGA,CAAC;EAC1DC,IAAI;EACJC,SAAS;EACTC,SAAS;EACTC,QAAQ;EACRC;AACJ,CAAC,KAAK;EACF,MAAMC,cAAc,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EACzD,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGH,cAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;EAErE,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAAA,IAAAC,qBAAA;IAC5B,CAAAA,qBAAA,GAAAP,cAAc,CAACQ,OAAO,cAAAD,qBAAA,eAAtBA,qBAAA,CAAwBE,IAAI,CAAC,CAAC;EAClC,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACvBN,mBAAmB,CAAC,IAAI,CAAC;EAC7B,CAAC;EAED,MAAMO,YAAY,GAAGA,CAAA,KAAM;IACvBP,mBAAmB,CAAC,KAAK,CAAC;EAC9B,CAAC;EAED,oBACInB,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,cAAA,CAAAwB,4BAA4B,qBACzB5B,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,mBAAA,CAAAK,OAAkB;IACfE,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBiB,GAAG,EAAEd,cAAe;IACpBe,kBAAkB;IAClBC,MAAM,EAAEN,YAAa;IACrBO,MAAM,EAAEN;EAAa,gBAErB1B,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACtB,OAAA,CAAAG,OAAM;IAACyB,OAAO,EAAEZ,iBAAkB;IAACP,UAAU,EAAEI,gBAAgB,IAAIJ;EAAW,GAC1ED,QACG,CACQ,CACM,CAAC;AAEvC,CAAC;AAAC,IAAAqB,QAAA,GAAAC,OAAA,CAAA3B,OAAA,GAEaC,aAAa","ignoreList":[]}
+{"version":3,"file":"SharingButton.js","names":["_react","_interopRequireDefault","require","_SharingContextMenu","_SharingButton","_Button","e","__esModule","default","SharingButton","link","alignment","container","children","isDisabled","shouldEnableKeyboardHighlighting","contextMenuRef","React","useRef","isButtonDisabled","setIsButtonDisabled","useState","handleButtonClick","_contextMenuRef$curre","current","show","handleOnShow","handleOnHide","createElement","StyledSharingButtonContainer","ref","shouldDisableClick","onShow","onHide","onClick","_default","exports"],"sources":["../../../../src/components/sharing-button/SharingButton.tsx"],"sourcesContent":["import React, { FunctionComponent, PropsWithChildren } from 'react';\nimport { ContextMenuRef } from '../context-menu/ContextMenu.types';\nimport SharingContextMenu, {\n    SharingContextMenuProps,\n} from '../sharing-context-menu/SharingContextMenu';\nimport { StyledSharingButtonContainer } from './SharingButton.styles';\nimport Button from '../button/Button';\nimport { ButtonProps } from '../button/Button.types';\n\nexport type SharingButtonProps = PropsWithChildren<\n    Pick<SharingContextMenuProps, 'link' | 'alignment' | 'container'> &\n        Pick<ButtonProps, 'isDisabled' | 'shouldEnableKeyboardHighlighting'>\n>;\n\nconst SharingButton: FunctionComponent<SharingButtonProps> = ({\n    link,\n    alignment,\n    container,\n    children,\n    isDisabled,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const contextMenuRef = React.useRef<ContextMenuRef>(null);\n    const [isButtonDisabled, setIsButtonDisabled] = React.useState(false);\n\n    const handleButtonClick = () => {\n        contextMenuRef.current?.show();\n    };\n\n    const handleOnShow = () => {\n        setIsButtonDisabled(true);\n    };\n\n    const handleOnHide = () => {\n        setIsButtonDisabled(false);\n    };\n\n    return (\n        <StyledSharingButtonContainer>\n            <SharingContextMenu\n                link={link}\n                alignment={alignment}\n                container={container}\n                ref={contextMenuRef}\n                shouldDisableClick\n                onShow={handleOnShow}\n                onHide={handleOnHide}\n            >\n                <Button\n                    onClick={handleButtonClick}\n                    isDisabled={isButtonDisabled || isDisabled}\n                    shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                >\n                    {children}\n                </Button>\n            </SharingContextMenu>\n        </StyledSharingButtonContainer>\n    );\n};\n\nexport default SharingButton;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAAsC,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQtC,MAAMG,aAAoD,GAAGA,CAAC;EAC1DC,IAAI;EACJC,SAAS;EACTC,SAAS;EACTC,QAAQ;EACRC,UAAU;EACVC;AACJ,CAAC,KAAK;EACF,MAAMC,cAAc,GAAGC,cAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EACzD,MAAM,CAACC,gBAAgB,EAAEC,mBAAmB,CAAC,GAAGH,cAAK,CAACI,QAAQ,CAAC,KAAK,CAAC;EAErE,MAAMC,iBAAiB,GAAGA,CAAA,KAAM;IAAA,IAAAC,qBAAA;IAC5B,CAAAA,qBAAA,GAAAP,cAAc,CAACQ,OAAO,cAAAD,qBAAA,eAAtBA,qBAAA,CAAwBE,IAAI,CAAC,CAAC;EAClC,CAAC;EAED,MAAMC,YAAY,GAAGA,CAAA,KAAM;IACvBN,mBAAmB,CAAC,IAAI,CAAC;EAC7B,CAAC;EAED,MAAMO,YAAY,GAAGA,CAAA,KAAM;IACvBP,mBAAmB,CAAC,KAAK,CAAC;EAC9B,CAAC;EAED,oBACIpB,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACxB,cAAA,CAAAyB,4BAA4B,qBACzB7B,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACzB,mBAAA,CAAAK,OAAkB;IACfE,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBkB,GAAG,EAAEd,cAAe;IACpBe,kBAAkB;IAClBC,MAAM,EAAEN,YAAa;IACrBO,MAAM,EAAEN;EAAa,gBAErB3B,MAAA,CAAAQ,OAAA,CAAAoB,aAAA,CAACvB,OAAA,CAAAG,OAAM;IACH0B,OAAO,EAAEZ,iBAAkB;IAC3BR,UAAU,EAAEK,gBAAgB,IAAIL,UAAW;IAC3CC,gCAAgC,EAAEA;EAAiC,GAElEF,QACG,CACQ,CACM,CAAC;AAEvC,CAAC;AAAC,IAAAsB,QAAA,GAAAC,OAAA,CAAA5B,OAAA,GAEaC,aAAa","ignoreList":[]}

package/lib/cjs/components/sharing-context-menu/SharingContextMenu.js

@@ -16,6 +16,7 @@ function _extends() { return _extends = Object.assign ? Object.assign.bind() : f
 const SharingContextMenu = /*#__PURE__*/(0, _react.forwardRef)(({
   link,
   children,
+  shouldEnableKeyboardHighlighting,
   ...contextMenuProps
 }, ref) => {
   const isTouch = (0, _environment.useIsTouch)();
@@ -98,7 +99,8 @@ const SharingContextMenu = /*#__PURE__*/(0, _react.forwardRef)(({
     // eslint-disable-next-line react/jsx-props-no-spreading
     _react.default.createElement(_ContextMenu.default, _extends({
       items: contextMenuItems,
-      ref: ref
+      ref: ref,
+      shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
     }, contextMenuProps), children)
   );
 });

package/lib/cjs/components/sharing-context-menu/SharingContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"SharingContextMenu.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_sharingBar","_environment","_sharingBar2","_ContextMenu","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","SharingContextMenu","forwardRef","link","children","contextMenuProps","ref","isTouch","useIsTouch","handleImageDownload","useCallback","shareWithUrl","SHAREPROVIDER","url","replace","encodeURIComponent","getSite","color","handleShare","key","trim","shareWithApp","copyToClipboard","contextMenuItems","icons","onClick","text","createElement","items","displayName","_default","exports"],"sources":["../../../../src/components/sharing-context-menu/SharingContextMenu.tsx"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport React, { forwardRef, useCallback } from 'react';\nimport { SHAREPROVIDER } from '../../constants/sharingBar';\nimport { useIsTouch } from '../../utils/environment';\nimport { copyToClipboard, shareWithApp, shareWithUrl } from '../../utils/sharingBar';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport { ContextMenuProps, ContextMenuRef } from '../context-menu/ContextMenu.types';\n\nexport type SharingContextMenuProps = {\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n} & Omit<ContextMenuProps, 'items'>;\n\nconst SharingContextMenu = forwardRef<ContextMenuRef, SharingContextMenuProps>(\n    ({ link, children, ...contextMenuProps }, ref) => {\n        const isTouch = useIsTouch();\n\n        const handleImageDownload = useCallback(() => {\n            shareWithUrl(\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                SHAREPROVIDER[5].url\n                    .replace('{url}', encodeURIComponent(link))\n                    .replace('{linkText}', 'Teilen')\n                    .replace('{color}', getSite().color.replace('#', '')),\n            );\n        }, [link]);\n\n        const handleShare = useCallback(\n            (key: string) => {\n                switch (key) {\n                    case 'whatsapp':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[0].url.replace(\n                                '{url}',\n                                encodeURIComponent(`${link}`.trim()),\n                            ),\n                        );\n                        break;\n                    case 'facebook':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)),\n                        );\n                        break;\n                    case 'twitter':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[4].url\n                                .replace('{url}', encodeURIComponent(link))\n                                .replace('{linkText}', ''),\n                        );\n                        break;\n                    case 'mail':\n                        if (isTouch) {\n                            shareWithApp(`${link}`.trim());\n                        } else {\n                            shareWithUrl(\n                                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                // @ts-ignore\n                                SHAREPROVIDER[2].url.replace(\n                                    '{url}',\n                                    encodeURIComponent(`${link}`.trim()),\n                                ),\n                            );\n                        }\n                        break;\n                    case 'copy':\n                        copyToClipboard(link);\n                        break;\n                    default:\n                        break;\n                }\n            },\n            [link, isTouch],\n        );\n\n        const contextMenuItems = [\n            {\n                icons: ['fa fa-copy'],\n                key: 'copy',\n                onClick: () => handleShare('copy'),\n                text: 'Zwischenablage',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-whatsapp'],\n                key: 'whatsapp',\n                onClick: () => handleShare('whatsapp'),\n                text: 'Whatsapp',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-facebook-f'],\n                key: 'facebook',\n                onClick: () => handleShare('facebook'),\n                text: 'Facebook',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-x-twitter'],\n                key: 'twitter',\n                onClick: () => handleShare('twitter'),\n                text: 'X',\n            },\n            {\n                icons: ['fa fa-envelope'],\n                key: 'mail',\n                onClick: () => handleShare('mail'),\n                text: 'Mail',\n            },\n            {\n                icons: ['fa fa-qrcode'],\n                key: 'callingCode',\n                onClick: handleImageDownload,\n                text: 'Calling Code herunterladen',\n            },\n        ];\n\n        return (\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            <ContextMenu items={contextMenuItems} ref={ref} {...contextMenuProps}>\n                {children}\n            </ContextMenu>\n        );\n    },\n);\n\nSharingContextMenu.displayName = 'SharingContextMenu';\n\nexport default SharingContextMenu;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SharingContextMenu.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_sharingBar","_environment","_sharingBar2","_ContextMenu","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","SharingContextMenu","forwardRef","link","children","shouldEnableKeyboardHighlighting","contextMenuProps","ref","isTouch","useIsTouch","handleImageDownload","useCallback","shareWithUrl","SHAREPROVIDER","url","replace","encodeURIComponent","getSite","color","handleShare","key","trim","shareWithApp","copyToClipboard","contextMenuItems","icons","onClick","text","createElement","items","displayName","_default","exports"],"sources":["../../../../src/components/sharing-context-menu/SharingContextMenu.tsx"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport React, { forwardRef, useCallback } from 'react';\nimport { SHAREPROVIDER } from '../../constants/sharingBar';\nimport { useIsTouch } from '../../utils/environment';\nimport { copyToClipboard, shareWithApp, shareWithUrl } from '../../utils/sharingBar';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport { ContextMenuProps, ContextMenuRef } from '../context-menu/ContextMenu.types';\n\nexport type SharingContextMenuProps = {\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * Enables keyboard-only focus highlighting for the context menu trigger.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n} & Omit<ContextMenuProps, 'items' | 'shouldEnableKeyboardHighlighting'>;\n\nconst SharingContextMenu = forwardRef<ContextMenuRef, SharingContextMenuProps>(\n    ({ link, children, shouldEnableKeyboardHighlighting, ...contextMenuProps }, ref) => {\n        const isTouch = useIsTouch();\n\n        const handleImageDownload = useCallback(() => {\n            shareWithUrl(\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                SHAREPROVIDER[5].url\n                    .replace('{url}', encodeURIComponent(link))\n                    .replace('{linkText}', 'Teilen')\n                    .replace('{color}', getSite().color.replace('#', '')),\n            );\n        }, [link]);\n\n        const handleShare = useCallback(\n            (key: string) => {\n                switch (key) {\n                    case 'whatsapp':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[0].url.replace(\n                                '{url}',\n                                encodeURIComponent(`${link}`.trim()),\n                            ),\n                        );\n                        break;\n                    case 'facebook':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)),\n                        );\n                        break;\n                    case 'twitter':\n                        shareWithUrl(\n                            // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                            // @ts-ignore\n                            SHAREPROVIDER[4].url\n                                .replace('{url}', encodeURIComponent(link))\n                                .replace('{linkText}', ''),\n                        );\n                        break;\n                    case 'mail':\n                        if (isTouch) {\n                            shareWithApp(`${link}`.trim());\n                        } else {\n                            shareWithUrl(\n                                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                                // @ts-ignore\n                                SHAREPROVIDER[2].url.replace(\n                                    '{url}',\n                                    encodeURIComponent(`${link}`.trim()),\n                                ),\n                            );\n                        }\n                        break;\n                    case 'copy':\n                        copyToClipboard(link);\n                        break;\n                    default:\n                        break;\n                }\n            },\n            [link, isTouch],\n        );\n\n        const contextMenuItems = [\n            {\n                icons: ['fa fa-copy'],\n                key: 'copy',\n                onClick: () => handleShare('copy'),\n                text: 'Zwischenablage',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-whatsapp'],\n                key: 'whatsapp',\n                onClick: () => handleShare('whatsapp'),\n                text: 'Whatsapp',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-facebook-f'],\n                key: 'facebook',\n                onClick: () => handleShare('facebook'),\n                text: 'Facebook',\n            },\n            {\n                icons: ['fa-solid fa-brands fa-x-twitter'],\n                key: 'twitter',\n                onClick: () => handleShare('twitter'),\n                text: 'X',\n            },\n            {\n                icons: ['fa fa-envelope'],\n                key: 'mail',\n                onClick: () => handleShare('mail'),\n                text: 'Mail',\n            },\n            {\n                icons: ['fa fa-qrcode'],\n                key: 'callingCode',\n                onClick: handleImageDownload,\n                text: 'Calling Code herunterladen',\n            },\n        ];\n\n        return (\n            // eslint-disable-next-line react/jsx-props-no-spreading\n            <ContextMenu\n                items={contextMenuItems}\n                ref={ref}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n                {...contextMenuProps}\n            >\n                {children}\n            </ContextMenu>\n        );\n    },\n);\n\nSharingContextMenu.displayName = 'SharingContextMenu';\n\nexport default SharingContextMenu;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/signature/Signature.js

@@ -20,7 +20,8 @@ const Signature = /*#__PURE__*/(0, _react.forwardRef)(({
   onUnsubscribe,
   onSubscribe,
   buttonText,
-  isDisabled
+  isDisabled,
+  shouldEnableKeyboardHighlighting
 }, ref) => {
   const [signatureUrl, setSignatureUrl] = (0, _react.useState)(undefined);
   const [hasSubscribed, setHasSubscribed] = (0, _react.useState)(false);
@@ -91,13 +92,15 @@ const Signature = /*#__PURE__*/(0, _react.forwardRef)(({
   }), [handleDelete, handleEdit]);
   return /*#__PURE__*/_react.default.createElement(_Signature.StyledSignature, null, !hasSubscribed ? /*#__PURE__*/_react.default.createElement(_Button.default, {
     isDisabled: isDisabled,
-    onClick: handleClick
+    onClick: handleClick,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
   }, buttonText) : /*#__PURE__*/_react.default.createElement(_Signature.StyledSignatureImageWrapper, null, /*#__PURE__*/_react.default.createElement(_Signature.StyledSignatureImage, {
     src: signatureUrl
   }), /*#__PURE__*/_react.default.createElement(_Signature.StyledSignatureDeleteIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
     icons: ['ts-wrong'],
     size: 20,
-    onClick: handleUnSubscribe
+    onClick: handleUnSubscribe,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
   }))));
 });
 Signature.displayName = 'Signature';