@chayns-components/core 5.0.0-beta.98 → 5.0.0-beta.981

package/lib/esm/components/search-input/SearchInput.js

@@ -0,0 +1,97 @@
+import { AnimatePresence } from 'framer-motion';
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useTheme } from 'styled-components';
+import Icon from '../icon/Icon';
+import Input, { InputSize } from '../input/Input';
+import { StyledMotionSearchInputContentWrapper, StyledMotionSearchInputIconWrapper, StyledMotionSearchInputIconWrapperContent, StyledSearchInput } from './SearchInput.styles';
+const SearchInput = _ref => {
+  let {
+    iconColor,
+    isActive,
+    onActiveChange,
+    onChange,
+    onKeyDown,
+    placeholder,
+    size = InputSize.Medium,
+    value
+  } = _ref;
+  const [isSearchInputActive, setIsSearchInputActive] = useState(isActive ?? (typeof value === 'string' && value.trim() !== ''));
+  const inputRef = useRef(null);
+  const theme = useTheme();
+  const handleBackIconClick = useCallback(() => setIsSearchInputActive(false), []);
+  const handleSearchIconClick = useCallback(() => setIsSearchInputActive(true), []);
+  useEffect(() => {
+    if (typeof onActiveChange === 'function') {
+      onActiveChange(isSearchInputActive);
+    }
+    if (isSearchInputActive) {
+      inputRef.current?.focus();
+    }
+  }, [isSearchInputActive, onActiveChange]);
+  useEffect(() => {
+    if (typeof isActive === 'boolean') {
+      setIsSearchInputActive(isActive);
+    }
+  }, [isActive]);
+  return /*#__PURE__*/React.createElement(StyledSearchInput, {
+    className: "beta-chayns-search-input",
+    $size: size
+  }, /*#__PURE__*/React.createElement(StyledMotionSearchInputIconWrapper, null, /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false
+  }, /*#__PURE__*/React.createElement(StyledMotionSearchInputIconWrapperContent, {
+    animate: {
+      opacity: 1
+    },
+    exit: {
+      opacity: 0,
+      position: 'absolute'
+    },
+    initial: {
+      opacity: 0
+    },
+    key: isSearchInputActive ? 'backIcon' : 'searchIcon',
+    transition: {
+      duration: 0.3
+    },
+    id: isSearchInputActive ? 'search-input-backIcon' : 'search-input-searchIcon'
+  }, /*#__PURE__*/React.createElement(Icon, {
+    color: iconColor,
+    icons: isSearchInputActive ? ['fa fa-arrow-left'] : ['fa fa-search'],
+    onClick: isSearchInputActive ? handleBackIconClick : handleSearchIconClick,
+    size: 18
+  })))), /*#__PURE__*/React.createElement(AnimatePresence, {
+    initial: false
+  }, isSearchInputActive && /*#__PURE__*/React.createElement(StyledMotionSearchInputContentWrapper, {
+    animate: {
+      opacity: 1,
+      width: '100%'
+    },
+    exit: {
+      opacity: 0,
+      width: 0
+    },
+    initial: {
+      opacity: 0,
+      width: 0
+    },
+    key: "searchInputContentWrapper",
+    transition: {
+      duration: 0.3
+    }
+  }, /*#__PURE__*/React.createElement(Input, {
+    leftElement: /*#__PURE__*/React.createElement(Icon, {
+      color: theme.text,
+      icons: ['far fa-search']
+    }),
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    placeholder: placeholder,
+    ref: inputRef,
+    shouldShowClearIcon: true,
+    size: size,
+    value: value
+  }))));
+};
+SearchInput.displayName = 'SearchInput';
+export default SearchInput;
+//# sourceMappingURL=SearchInput.js.map

package/lib/esm/components/search-input/SearchInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":["AnimatePresence","React","useCallback","useEffect","useRef","useState","useTheme","Icon","Input","InputSize","StyledMotionSearchInputContentWrapper","StyledMotionSearchInputIconWrapper","StyledMotionSearchInputIconWrapperContent","StyledSearchInput","SearchInput","_ref","iconColor","isActive","onActiveChange","onChange","onKeyDown","placeholder","size","Medium","value","isSearchInputActive","setIsSearchInputActive","trim","inputRef","theme","handleBackIconClick","handleSearchIconClick","current","focus","createElement","className","$size","initial","animate","opacity","exit","position","key","transition","duration","id","color","icons","onClick","width","leftElement","text","ref","shouldShowClearIcon","displayName"],"sources":["../../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n    ChangeEventHandler,\n    CSSProperties,\n    FC,\n    useCallback,\n    useEffect,\n    useRef,\n    useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef, InputSize } from '../input/Input';\nimport {\n    StyledMotionSearchInputContentWrapper,\n    StyledMotionSearchInputIconWrapper,\n    StyledMotionSearchInputIconWrapperContent,\n    StyledSearchInput,\n} from './SearchInput.styles';\n\nexport type SearchInputProps = {\n    /**\n     * Color of the icon\n     */\n    iconColor?: CSSProperties['color'];\n    /**\n     * Force the active state of the input and override the internal state\n     */\n    isActive?: boolean;\n    /**\n     * Function that is executed when the active state of the input changes\n     */\n    onActiveChange?: (isActive: boolean) => void;\n    /**\n     * Function that is executed when the text of the input changes\n     */\n    onChange: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when a key is pressed\n     */\n    onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * The size of the input field\n     */\n    size?: InputSize;\n    /**\n     * Value if the input field should be controlled\n     */\n    value?: string;\n};\n\nconst SearchInput: FC<SearchInputProps> = ({\n    iconColor,\n    isActive,\n    onActiveChange,\n    onChange,\n    onKeyDown,\n    placeholder,\n    size = InputSize.Medium,\n    value,\n}) => {\n    const [isSearchInputActive, setIsSearchInputActive] = useState(\n        isActive ?? (typeof value === 'string' && value.trim() !== ''),\n    );\n\n    const inputRef = useRef<InputRef>(null);\n\n    const theme = useTheme() as Theme;\n\n    const handleBackIconClick = useCallback(() => setIsSearchInputActive(false), []);\n\n    const handleSearchIconClick = useCallback(() => setIsSearchInputActive(true), []);\n\n    useEffect(() => {\n        if (typeof onActiveChange === 'function') {\n            onActiveChange(isSearchInputActive);\n        }\n\n        if (isSearchInputActive) {\n            inputRef.current?.focus();\n        }\n    }, [isSearchInputActive, onActiveChange]);\n\n    useEffect(() => {\n        if (typeof isActive === 'boolean') {\n            setIsSearchInputActive(isActive);\n        }\n    }, [isActive]);\n\n    return (\n        <StyledSearchInput className=\"beta-chayns-search-input\" $size={size}>\n            <StyledMotionSearchInputIconWrapper>\n                <AnimatePresence initial={false}>\n                    <StyledMotionSearchInputIconWrapperContent\n                        animate={{ opacity: 1 }}\n                        exit={{ opacity: 0, position: 'absolute' }}\n                        initial={{ opacity: 0 }}\n                        key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n                        transition={{ duration: 0.3 }}\n                        id={\n                            isSearchInputActive\n                                ? 'search-input-backIcon'\n                                : 'search-input-searchIcon'\n                        }\n                    >\n                        <Icon\n                            color={iconColor}\n                            icons={isSearchInputActive ? ['fa fa-arrow-left'] : ['fa fa-search']}\n                            onClick={\n                                isSearchInputActive ? handleBackIconClick : handleSearchIconClick\n                            }\n                            size={18}\n                        />\n                    </StyledMotionSearchInputIconWrapperContent>\n                </AnimatePresence>\n            </StyledMotionSearchInputIconWrapper>\n            <AnimatePresence initial={false}>\n                {isSearchInputActive && (\n                    <StyledMotionSearchInputContentWrapper\n                        animate={{ opacity: 1, width: '100%' }}\n                        exit={{ opacity: 0, width: 0 }}\n                        initial={{ opacity: 0, width: 0 }}\n                        key=\"searchInputContentWrapper\"\n                        transition={{ duration: 0.3 }}\n                    >\n                        <Input\n                            leftElement={<Icon color={theme.text} icons={['far fa-search']} />}\n                            onChange={onChange}\n                            onKeyDown={onKeyDown}\n                            placeholder={placeholder}\n                            ref={inputRef}\n                            shouldShowClearIcon\n                            size={size}\n                            value={value}\n                        />\n                    </StyledMotionSearchInputContentWrapper>\n                )}\n            </AnimatePresence>\n        </StyledSearchInput>\n    );\n};\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,25 @@
+import { motion } from 'framer-motion';
+import styled from 'styled-components';
+export const StyledSearchInput = styled.div`
+    align-items: center;
+    display: flex;
+    gap: 8px;
+    height: ${_ref => {
+  let {
+    $size
+  } = _ref;
+  return $size === 'medium' ? '42px' : '32px';
+}};
+    justify-content: flex-end;
+    width: 100%;
+`;
+export const StyledMotionSearchInputContentWrapper = styled(motion.div)`
+    overflow: hidden;
+`;
+export const StyledMotionSearchInputIconWrapper = styled.div`
+    width: 18px;
+`;
+export const StyledMotionSearchInputIconWrapperContent = styled(motion.div)`
+    display: flex;
+`;
+//# sourceMappingURL=SearchInput.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.styles.js","names":["motion","styled","StyledSearchInput","div","_ref","$size","StyledMotionSearchInputContentWrapper","StyledMotionSearchInputIconWrapper","StyledMotionSearchInputIconWrapperContent"],"sources":["../../../../src/components/search-input/SearchInput.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled from 'styled-components';\nimport type { FramerMotionBugFix } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { InputSize } from '../input/Input';\n\ntype StyledSearchInputProps = {\n    $size: InputSize;\n};\n\nexport const StyledSearchInput = styled.div<StyledSearchInputProps>`\n    align-items: center;\n    display: flex;\n    gap: 8px;\n    height: ${({ $size }) => ($size === 'medium' ? '42px' : '32px')};\n    justify-content: flex-end;\n    width: 100%;\n`;\n\nexport const StyledMotionSearchInputContentWrapper = styled(motion.div)<FramerMotionBugFix>`\n    overflow: hidden;\n`;\n\nexport const StyledMotionSearchInputIconWrapper = styled.div`\n    width: 18px;\n`;\n\nexport const StyledMotionSearchInputIconWrapperContent = styled(motion.div)<FramerMotionBugFix>`\n    display: flex;\n`;\n"],"mappings":"AAAA,SAASA,MAAM,QAAQ,eAAe;AACtC,OAAOC,MAAM,MAAM,mBAAmB;AAQtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACE,GAA2B;AACnE;AACA;AACA;AACA,cAAcC,IAAA;EAAA,IAAC;IAAEC;EAAM,CAAC,GAAAD,IAAA;EAAA,OAAMC,KAAK,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC;AACnE;AACA;AACA,CAAC;AAED,OAAO,MAAMC,qCAAqC,GAAGL,MAAM,CAACD,MAAM,CAACG,GAAG,CAAqB;AAC3F;AACA,CAAC;AAED,OAAO,MAAMI,kCAAkC,GAAGN,MAAM,CAACE,GAAG;AAC5D;AACA,CAAC;AAED,OAAO,MAAMK,yCAAyC,GAAGP,MAAM,CAACD,MAAM,CAACG,GAAG,CAAqB;AAC/F;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,87 @@
+import { createDialog, DialogType } from 'chayns-api';
+import React, { useMemo } from 'react';
+import Button from '../button/Button';
+import { StyledSelectButton } from './SelectButton.styles';
+const SelectButton = _ref => {
+  let {
+    buttonText,
+    isDisabled,
+    list,
+    onSelect,
+    selectedItemIds,
+    shouldAllowMultiSelect,
+    shouldShowButtonTextWithSelection,
+    maxDisplayedItems = 3,
+    additionalText = ', ##count## weitere',
+    shouldShowSearch,
+    selectAllText,
+    title
+  } = _ref;
+  const itemList = useMemo(() => {
+    const items = [];
+    list.forEach(_ref2 => {
+      let {
+        text,
+        id
+      } = _ref2;
+      const isSelected = selectedItemIds ? selectedItemIds.includes(id) : false;
+      items.push({
+        name: text,
+        id,
+        isSelected
+      });
+    });
+    return items;
+  }, [list, selectedItemIds]);
+  const internalButtonText = useMemo(() => {
+    if (shouldShowButtonTextWithSelection || !selectedItemIds || selectedItemIds.length === 0) {
+      return buttonText;
+    }
+    let addedCount = 0;
+    let newText = '';
+    const additionalCount = selectedItemIds.length - maxDisplayedItems;
+    list.forEach(_ref3 => {
+      let {
+        text,
+        id
+      } = _ref3;
+      if (addedCount < maxDisplayedItems && selectedItemIds?.includes(id)) {
+        addedCount++;
+        newText += newText.length === 0 ? `${text}` : `, ${text}`;
+      }
+    });
+    if (additionalCount >= 1) {
+      newText += additionalText.replace('##count##', String(additionalCount));
+    }
+    return newText;
+  }, [additionalText, buttonText, list, maxDisplayedItems, selectedItemIds, shouldShowButtonTextWithSelection]);
+  const handleClick = () => {
+    void createDialog({
+      text: title ? `[h1]${title}[/h1]` : undefined,
+      type: DialogType.SELECT,
+      list: itemList,
+      multiselect: shouldAllowMultiSelect,
+      quickfind: shouldShowSearch,
+      selectAllCheckbox: selectAllText
+    }).open().then(result => {
+      // Ignore because there is no type
+      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+      // @ts-ignore
+      if (result && result.buttonType === 1 && typeof onSelect === 'function') {
+        // Ignore because there is no type
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        onSelect(result.result.map(Number));
+      }
+    });
+  };
+  return /*#__PURE__*/React.createElement(StyledSelectButton, null, /*#__PURE__*/React.createElement(Button, {
+    onClick: handleClick,
+    isDisabled: isDisabled,
+    isSecondary: true,
+    shouldShowTextAsRobotoMedium: false
+  }, internalButtonText));
+};
+SelectButton.displayName = 'SelectButton';
+export default SelectButton;
+//# sourceMappingURL=SelectButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.js","names":["createDialog","DialogType","React","useMemo","Button","StyledSelectButton","SelectButton","_ref","buttonText","isDisabled","list","onSelect","selectedItemIds","shouldAllowMultiSelect","shouldShowButtonTextWithSelection","maxDisplayedItems","additionalText","shouldShowSearch","selectAllText","title","itemList","items","forEach","_ref2","text","id","isSelected","includes","push","name","internalButtonText","length","addedCount","newText","additionalCount","_ref3","replace","String","handleClick","undefined","type","SELECT","multiselect","quickfind","selectAllCheckbox","open","then","result","buttonType","map","Number","createElement","onClick","isSecondary","shouldShowTextAsRobotoMedium","displayName"],"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[]) => 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[];\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 as string[]).map(Number));\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":"AAAA,SAASA,YAAY,EAAEC,UAAU,QAAuC,YAAY;AACpF,OAAOC,KAAK,IAAIC,OAAO,QAAiB,OAAO;AAE/C,OAAOC,MAAM,MAAM,kBAAkB;AACrC,SAASC,kBAAkB,QAAQ,uBAAuB;AAqD1D,MAAMC,YAAmC,GAAGC,IAAA,IAatC;EAAA,IAbuC;IACzCC,UAAU;IACVC,UAAU;IACVC,IAAI;IACJC,QAAQ;IACRC,eAAe;IACfC,sBAAsB;IACtBC,iCAAiC;IACjCC,iBAAiB,GAAG,CAAC;IACrBC,cAAc,GAAG,qBAAqB;IACtCC,gBAAgB;IAChBC,aAAa;IACbC;EACJ,CAAC,GAAAZ,IAAA;EACG,MAAMa,QAAQ,GAAGjB,OAAO,CAAC,MAAM;IAC3B,MAAMkB,KAAiC,GAAG,EAAE;IAE5CX,IAAI,CAACY,OAAO,CAACC,KAAA,IAAkB;MAAA,IAAjB;QAAEC,IAAI;QAAEC;MAAG,CAAC,GAAAF,KAAA;MACtB,MAAMG,UAAU,GAAGd,eAAe,GAAGA,eAAe,CAACe,QAAQ,CAACF,EAAE,CAAC,GAAG,KAAK;MAEzEJ,KAAK,CAACO,IAAI,CAAC;QACPC,IAAI,EAAEL,IAAI;QACVC,EAAE;QACFC;MACJ,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,OAAOL,KAAK;EAChB,CAAC,EAAE,CAACX,IAAI,EAAEE,eAAe,CAAC,CAAC;EAE3B,MAAMkB,kBAAkB,GAAG3B,OAAO,CAAC,MAAM;IACrC,IAAIW,iCAAiC,IAAI,CAACF,eAAe,IAAIA,eAAe,CAACmB,MAAM,KAAK,CAAC,EAAE;MACvF,OAAOvB,UAAU;IACrB;IAEA,IAAIwB,UAAU,GAAG,CAAC;IAClB,IAAIC,OAAO,GAAG,EAAE;IAEhB,MAAMC,eAAe,GAAGtB,eAAe,CAACmB,MAAM,GAAGhB,iBAAiB;IAElEL,IAAI,CAACY,OAAO,CAACa,KAAA,IAAkB;MAAA,IAAjB;QAAEX,IAAI;QAAEC;MAAG,CAAC,GAAAU,KAAA;MACtB,IAAIH,UAAU,GAAGjB,iBAAiB,IAAIH,eAAe,EAAEe,QAAQ,CAACF,EAAE,CAAC,EAAE;QACjEO,UAAU,EAAE;QACZC,OAAO,IAAIA,OAAO,CAACF,MAAM,KAAK,CAAC,GAAG,GAAGP,IAAI,EAAE,GAAG,KAAKA,IAAI,EAAE;MAC7D;IACJ,CAAC,CAAC;IAEF,IAAIU,eAAe,IAAI,CAAC,EAAE;MACtBD,OAAO,IAAIjB,cAAc,CAACoB,OAAO,CAAC,WAAW,EAAEC,MAAM,CAACH,eAAe,CAAC,CAAC;IAC3E;IAEA,OAAOD,OAAO;EAClB,CAAC,EAAE,CACCjB,cAAc,EACdR,UAAU,EACVE,IAAI,EACJK,iBAAiB,EACjBH,eAAe,EACfE,iCAAiC,CACpC,CAAC;EAEF,MAAMwB,WAAW,GAAGA,CAAA,KAAM;IACtB,KAAKtC,YAAY,CAAC;MACdwB,IAAI,EAAEL,KAAK,GAAG,OAAOA,KAAK,OAAO,GAAGoB,SAAS;MAC7CC,IAAI,EAAEvC,UAAU,CAACwC,MAAM;MACvB/B,IAAI,EAAEU,QAAQ;MACdsB,WAAW,EAAE7B,sBAAsB;MACnC8B,SAAS,EAAE1B,gBAAgB;MAC3B2B,iBAAiB,EAAE1B;IACvB,CAAC,CAAC,CACG2B,IAAI,CAAC,CAAC,CACNC,IAAI,CAAEC,MAAM,IAAK;MACd;MACA;MACA;MACA,IAAIA,MAAM,IAAIA,MAAM,CAACC,UAAU,KAAK,CAAC,IAAI,OAAOrC,QAAQ,KAAK,UAAU,EAAE;QACrE;QACA;QACA;QACAA,QAAQ,CAAEoC,MAAM,CAACA,MAAM,CAAcE,GAAG,CAACC,MAAM,CAAC,CAAC;MACrD;IACJ,CAAC,CAAC;EACV,CAAC;EAED,oBACIhD,KAAA,CAAAiD,aAAA,CAAC9C,kBAAkB,qBACfH,KAAA,CAAAiD,aAAA,CAAC/C,MAAM;IACHgD,OAAO,EAAEd,WAAY;IACrB7B,UAAU,EAAEA,UAAW;IACvB4C,WAAW;IACXC,4BAA4B,EAAE;EAAM,GAEnCxB,kBACG,CACQ,CAAC;AAE7B,CAAC;AAEDxB,YAAY,CAACiD,WAAW,GAAG,cAAc;AAEzC,eAAejD,YAAY","ignoreList":[]}

package/lib/esm/components/select-button/SelectButton.styles.js

@@ -0,0 +1,3 @@
+import styled from 'styled-components';
+export const StyledSelectButton = styled.div``;
+//# sourceMappingURL=SelectButton.styles.js.map

package/lib/esm/components/select-button/SelectButton.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.styles.js","names":["styled","StyledSelectButton","div"],"sources":["../../../../src/components/select-button/SelectButton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSelectButton = styled.div``;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,kBAAkB,GAAGD,MAAM,CAACE,GAAG,EAAE","ignoreList":[]}

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

@@ -0,0 +1,73 @@
+import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useState } from 'react';
+import AccordionGroup from '../accordion/accordion-group/AccordionGroup';
+import { StyledSetupWizard } from './SetupWizard.styles';
+export const SetupWizardContext = /*#__PURE__*/React.createContext({
+  selectedId: undefined,
+  updateSelectedId: undefined,
+  activeId: undefined,
+  updateActiveId: undefined
+});
+SetupWizardContext.displayName = 'SetupWizardContext';
+const SetupWizard = /*#__PURE__*/forwardRef((_ref, ref) => {
+  let {
+    children,
+    isWrapped
+  } = _ref;
+  const [selectedId, setSelectedId] = useState(0);
+  const [activeId, setActiveId] = useState(0);
+  const [allIds, setAllIds] = useState([]);
+  useEffect(() => {
+    React.Children.map(children, child => {
+      setAllIds(prevState => [...prevState, child.props.id]);
+    });
+  }, [children]);
+  const updateSelectedId = useCallback(id => {
+    setSelectedId(id);
+  }, [setSelectedId]);
+  const updateActiveId = useCallback(id => {
+    setActiveId(id);
+  }, [setActiveId]);
+  const handleNext = useCallback(stepId => {
+    if (typeof stepId === 'number') {
+      updateSelectedId(stepId);
+      if (typeof activeId === 'number' && stepId > activeId) {
+        updateActiveId(stepId);
+      }
+    } else {
+      const index = allIds.findIndex(id => id === selectedId);
+      if (index < 0) {
+        return;
+      }
+      const numberAtIndex = allIds[index + 1];
+      if (!numberAtIndex) {
+        return;
+      }
+      updateSelectedId(numberAtIndex);
+      if (typeof activeId === 'number' && numberAtIndex > activeId) {
+        updateActiveId(numberAtIndex);
+      }
+    }
+  }, [activeId, allIds, selectedId, updateActiveId, updateSelectedId]);
+  const handleReset = useCallback(() => {
+    updateSelectedId(0);
+    updateActiveId(0);
+  }, [updateActiveId, updateSelectedId]);
+  useImperativeHandle(ref, () => ({
+    next: handleNext,
+    reset: handleReset
+  }), [handleNext, handleReset]);
+  const providerValue = useMemo(() => ({
+    selectedId,
+    updateSelectedId,
+    activeId,
+    updateActiveId
+  }), [activeId, selectedId, updateActiveId, updateSelectedId]);
+  return useMemo(() => /*#__PURE__*/React.createElement(SetupWizardContext.Provider, {
+    value: providerValue
+  }, /*#__PURE__*/React.createElement(StyledSetupWizard, null, /*#__PURE__*/React.createElement(AccordionGroup, {
+    isWrapped: isWrapped
+  }, children))), [children, isWrapped, providerValue]);
+});
+SetupWizard.displayName = 'SetupWizard';
+export default SetupWizard;
+//# sourceMappingURL=SetupWizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizard.js","names":["React","forwardRef","useCallback","useEffect","useImperativeHandle","useMemo","useState","AccordionGroup","StyledSetupWizard","SetupWizardContext","createContext","selectedId","undefined","updateSelectedId","activeId","updateActiveId","displayName","SetupWizard","_ref","ref","children","isWrapped","setSelectedId","setActiveId","allIds","setAllIds","Children","map","child","prevState","props","id","handleNext","stepId","index","findIndex","numberAtIndex","handleReset","next","reset","providerValue","createElement","Provider","value"],"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 type 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":[]}

package/lib/esm/components/setup-wizard/SetupWizard.styles.js

@@ -0,0 +1,3 @@
+import styled from 'styled-components';
+export const StyledSetupWizard = styled.div``;
+//# sourceMappingURL=SetupWizard.styles.js.map

package/lib/esm/components/setup-wizard/SetupWizard.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizard.styles.js","names":["styled","StyledSetupWizard","div"],"sources":["../../../../src/components/setup-wizard/SetupWizard.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSetupWizard = styled.div``;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,iBAAiB,GAAGD,MAAM,CAACE,GAAG,EAAE","ignoreList":[]}

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

@@ -0,0 +1,60 @@
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import Accordion from '../../accordion/Accordion';
+import AccordionContent from '../../accordion/accordion-content/AccordionContent';
+import Badge from '../../badge/Badge';
+import Icon from '../../icon/Icon';
+import { SetupWizardContext } from '../SetupWizard';
+import { StyledSetupWizardItemBadge } from './SetupWizardItem.styles';
+const SetupWizardItem = _ref => {
+  let {
+    children,
+    step,
+    title,
+    id
+  } = _ref;
+  const {
+    selectedId,
+    updateSelectedId,
+    activeId
+  } = useContext(SetupWizardContext);
+  const [shouldOpen, setShouldOpen] = useState(false);
+  const initialRender = useRef(0);
+  useEffect(() => {
+    initialRender.current++;
+  }, []);
+  useEffect(() => {
+    const timeout = setTimeout(() => {
+      setShouldOpen(id === selectedId);
+    }, 5);
+    return () => clearTimeout(timeout);
+  }, [id, selectedId]);
+  const shouldBeDisabled = useMemo(() => {
+    if (typeof activeId === 'number' && activeId === id) {
+      return false;
+    }
+    return typeof activeId === 'number' && activeId < id;
+  }, [activeId, id]);
+  const rightElement = useMemo(() => {
+    if (activeId && id < activeId) {
+      return /*#__PURE__*/React.createElement(Badge, null, /*#__PURE__*/React.createElement(StyledSetupWizardItemBadge, null, /*#__PURE__*/React.createElement(Icon, {
+        icons: ['ts-check']
+      })));
+    }
+    return null;
+  }, [activeId, id]);
+  const handleAccordionOpen = useCallback(() => {
+    if (typeof updateSelectedId === 'function') {
+      updateSelectedId(id);
+    }
+  }, [id, updateSelectedId]);
+  return useMemo(() => /*#__PURE__*/React.createElement(Accordion, {
+    onOpen: handleAccordionOpen,
+    title: `${step}. ${title}`,
+    isOpened: shouldOpen,
+    isDisabled: shouldBeDisabled,
+    rightElement: rightElement
+  }, /*#__PURE__*/React.createElement(AccordionContent, null, children)), [handleAccordionOpen, step, title, shouldOpen, shouldBeDisabled, rightElement, children]);
+};
+SetupWizardItem.displayName = 'SetupWizardItem';
+export default SetupWizardItem;
+//# sourceMappingURL=SetupWizardItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizardItem.js","names":["React","useCallback","useContext","useEffect","useMemo","useRef","useState","Accordion","AccordionContent","Badge","Icon","SetupWizardContext","StyledSetupWizardItemBadge","SetupWizardItem","_ref","children","step","title","id","selectedId","updateSelectedId","activeId","shouldOpen","setShouldOpen","initialRender","current","timeout","setTimeout","clearTimeout","shouldBeDisabled","rightElement","createElement","icons","handleAccordionOpen","onOpen","isOpened","isDisabled","displayName"],"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":"AAAA,OAAOA,KAAK,IAGRC,WAAW,EACXC,UAAU,EACVC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACL,OAAO;AACd,OAAOC,SAAS,MAAM,2BAA2B;AACjD,OAAOC,gBAAgB,MAAM,oDAAoD;AACjF,OAAOC,KAAK,MAAM,mBAAmB;AACrC,OAAOC,IAAI,MAAM,iBAAiB;AAClC,SAASC,kBAAkB,QAAQ,gBAAgB;AACnD,SAASC,0BAA0B,QAAQ,0BAA0B;AAqBrE,MAAMC,eAAyC,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC;EAAG,CAAC,GAAAJ,IAAA;EAC5E,MAAM;IAAEK,UAAU;IAAEC,gBAAgB;IAAEC;EAAS,CAAC,GAAGnB,UAAU,CAACS,kBAAkB,CAAC;EAEjF,MAAM,CAACW,UAAU,EAAEC,aAAa,CAAC,GAAGjB,QAAQ,CAAU,KAAK,CAAC;EAE5D,MAAMkB,aAAa,GAAGnB,MAAM,CAAC,CAAC,CAAC;EAE/BF,SAAS,CAAC,MAAM;IACZqB,aAAa,CAACC,OAAO,EAAE;EAC3B,CAAC,EAAE,EAAE,CAAC;EAENtB,SAAS,CAAC,MAAM;IACZ,MAAMuB,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC7BJ,aAAa,CAACL,EAAE,KAAKC,UAAU,CAAC;IACpC,CAAC,EAAE,CAAC,CAAC;IAEL,OAAO,MAAMS,YAAY,CAACF,OAAO,CAAC;EACtC,CAAC,EAAE,CAACR,EAAE,EAAEC,UAAU,CAAC,CAAC;EAEpB,MAAMU,gBAAgB,GAAGzB,OAAO,CAAC,MAAM;IACnC,IAAI,OAAOiB,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,KAAKH,EAAE,EAAE;MACjD,OAAO,KAAK;IAChB;IAEA,OAAO,OAAOG,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,GAAGH,EAAE;EACxD,CAAC,EAAE,CAACG,QAAQ,EAAEH,EAAE,CAAC,CAAC;EAElB,MAAMY,YAAY,GAAG1B,OAAO,CAAC,MAAM;IAC/B,IAAIiB,QAAQ,IAAIH,EAAE,GAAGG,QAAQ,EAAE;MAC3B,oBACIrB,KAAA,CAAA+B,aAAA,CAACtB,KAAK,qBACFT,KAAA,CAAA+B,aAAA,CAACnB,0BAA0B,qBACvBZ,KAAA,CAAA+B,aAAA,CAACrB,IAAI;QAACsB,KAAK,EAAE,CAAC,UAAU;MAAE,CAAE,CACJ,CACzB,CAAC;IAEhB;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CAACX,QAAQ,EAAEH,EAAE,CAAC,CAAC;EAElB,MAAMe,mBAAmB,GAAGhC,WAAW,CAAC,MAAM;IAC1C,IAAI,OAAOmB,gBAAgB,KAAK,UAAU,EAAE;MACxCA,gBAAgB,CAACF,EAAE,CAAC;IACxB;EACJ,CAAC,EAAE,CAACA,EAAE,EAAEE,gBAAgB,CAAC,CAAC;EAE1B,OAAOhB,OAAO,CACV,mBACIJ,KAAA,CAAA+B,aAAA,CAACxB,SAAS;IACN2B,MAAM,EAAED,mBAAoB;IAC5BhB,KAAK,EAAE,GAAGD,IAAI,KAAKC,KAAK,EAAG;IAC3BkB,QAAQ,EAAEb,UAAW;IACrBc,UAAU,EAAEP,gBAAiB;IAC7BC,YAAY,EAAEA;EAAa,gBAE3B9B,KAAA,CAAA+B,aAAA,CAACvB,gBAAgB,QAAEO,QAA2B,CACvC,CACd,EACD,CAACkB,mBAAmB,EAAEjB,IAAI,EAAEC,KAAK,EAAEK,UAAU,EAAEO,gBAAgB,EAAEC,YAAY,EAAEf,QAAQ,CAC3F,CAAC;AACL,CAAC;AAEDF,eAAe,CAACwB,WAAW,GAAG,iBAAiB;AAE/C,eAAexB,eAAe","ignoreList":[]}

package/lib/esm/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.js

@@ -0,0 +1,6 @@
+import styled from 'styled-components';
+export const StyledSetupWizardItemBadge = styled.div`
+    display: flex;
+    align-items: center;
+`;
+//# sourceMappingURL=SetupWizardItem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizardItem.styles.js","names":["styled","StyledSetupWizardItemBadge","div"],"sources":["../../../../../src/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSetupWizardItemBadge = styled.div`\n    display: flex;\n    align-items: center;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,0BAA0B,GAAGD,MAAM,CAACE,GAAG;AACpD;AACA;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,112 @@
+import { getSite } from 'chayns-api';
+import React, { useCallback, useRef } from 'react';
+import { SHAREPROVIDER } from '../../constants/sharingBar';
+import { getIsTouch } from '../../utils/environment';
+import { copyToClipboard, shareWithApp, shareWithUrl } from '../../utils/sharingBar';
+import ContextMenu from '../context-menu/ContextMenu';
+import Icon from '../icon/Icon';
+import { StyledSharingBar, StyledSharingBarIconWrapper, StyledSharingBarText } from './SharingBar.styles';
+const SharingBar = _ref => {
+  let {
+    label,
+    link,
+    popupAlignment,
+    container,
+    isInDialog
+  } = _ref;
+  const contextMenuRef = useRef(null);
+  const handleImageDownload = () => {
+    shareWithUrl(
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    SHAREPROVIDER[5].url.replace('{url}', encodeURIComponent(link)).replace('{linkText}', 'Teilen').replace('{color}', getSite().color.replace('#', '')));
+  };
+  const handleShare = key => {
+    contextMenuRef.current?.hide();
+    const isTouch = getIsTouch();
+    switch (key) {
+      case 'whatsapp':
+        shareWithUrl(
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        SHAREPROVIDER[0].url.replace('{url}', encodeURIComponent(`${link}`.trim())));
+        break;
+      case 'facebook':
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        shareWithUrl(SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)));
+        break;
+      case 'twitter':
+        shareWithUrl(
+        // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+        // @ts-ignore
+        SHAREPROVIDER[4].url.replace('{url}', encodeURIComponent(link)).replace('{linkText}', ''));
+        break;
+      case 'mail':
+        if (isTouch) {
+          shareWithApp(`${link}`.trim());
+        } else {
+          shareWithUrl(
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          SHAREPROVIDER[2].url.replace('{url}', encodeURIComponent(`${link}`.trim())));
+        }
+        break;
+      case 'copy':
+        copyToClipboard(link);
+        break;
+      default:
+        break;
+    }
+  };
+  const contextMenuItems = [{
+    icons: ['fa fa-copy'],
+    key: 'copy',
+    onClick: () => handleShare('copy'),
+    text: 'Zwischenablage'
+  }, {
+    icons: ['fa-solid fa-brands fa-whatsapp'],
+    key: 'whatsapp',
+    onClick: () => handleShare('whatsapp'),
+    text: 'Whatsapp'
+  }, {
+    icons: ['fa-solid fa-brands fa-facebook-f'],
+    key: 'facebook',
+    onClick: () => handleShare('facebook'),
+    text: 'Facebook'
+  }, {
+    icons: ['fa-solid fa-brands fa-x-twitter'],
+    key: 'twitter',
+    onClick: () => handleShare('twitter'),
+    text: 'X'
+  }, {
+    icons: ['fa fa-envelope'],
+    key: 'mail',
+    onClick: () => handleShare('mail'),
+    text: 'Mail'
+  }, {
+    icons: ['fa fa-qrcode'],
+    key: 'callingCode',
+    onClick: handleImageDownload,
+    text: 'Calling Code herunterladen'
+  }];
+  const handleSharingBarClick = useCallback(event => {
+    event.preventDefault();
+    event.stopPropagation();
+    contextMenuRef.current?.show();
+  }, []);
+  return /*#__PURE__*/React.createElement(StyledSharingBar, {
+    onClick: handleSharingBarClick
+  }, /*#__PURE__*/React.createElement(StyledSharingBarIconWrapper, null, /*#__PURE__*/React.createElement(Icon, {
+    icons: ['fa-solid fa-share-nodes']
+  })), /*#__PURE__*/React.createElement(ContextMenu, {
+    isInDialog: isInDialog,
+    items: contextMenuItems,
+    ref: contextMenuRef,
+    alignment: popupAlignment,
+    container: container
+  }, null), /*#__PURE__*/React.createElement(StyledSharingBarText, null, label));
+};
+SharingBar.displayName = 'SharingBar';
+export default SharingBar;
+//# sourceMappingURL=SharingBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.js","names":["getSite","React","useCallback","useRef","SHAREPROVIDER","getIsTouch","copyToClipboard","shareWithApp","shareWithUrl","ContextMenu","Icon","StyledSharingBar","StyledSharingBarIconWrapper","StyledSharingBarText","SharingBar","_ref","label","link","popupAlignment","container","isInDialog","contextMenuRef","handleImageDownload","url","replace","encodeURIComponent","color","handleShare","key","current","hide","isTouch","trim","contextMenuItems","icons","onClick","text","handleSharingBarClick","event","preventDefault","stopPropagation","show","createElement","items","ref","alignment","displayName"],"sources":["../../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import { getSite } from 'chayns-api';\nimport React, { FC, MouseEventHandler, useCallback, useRef } from 'react';\nimport { SHAREPROVIDER } from '../../constants/sharingBar';\nimport type { ContextMenuAlignment } from '../../types/contextMenu';\nimport { getIsTouch } from '../../utils/environment';\nimport { copyToClipboard, shareWithApp, shareWithUrl } from '../../utils/sharingBar';\nimport ContextMenu from '../context-menu/ContextMenu';\nimport Icon from '../icon/Icon';\nimport {\n    StyledSharingBar,\n    StyledSharingBarIconWrapper,\n    StyledSharingBarText,\n} from './SharingBar.styles';\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     * Whether the ContextMenu is inside a dialog.\n     */\n    isInDialog?: boolean;\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> = ({\n    label,\n    link,\n    popupAlignment,\n    container,\n    isInDialog,\n}) => {\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n\n    const handleImageDownload = () => {\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    };\n\n    const handleShare = (key: string) => {\n        contextMenuRef.current?.hide();\n\n        const isTouch = getIsTouch();\n\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('{url}', encodeURIComponent(`${link}`.trim())),\n                );\n                break;\n            case 'facebook':\n                // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                // @ts-ignore\n                shareWithUrl(SHAREPROVIDER[3].url.replace('{url}', encodeURIComponent(link)));\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('{url}', encodeURIComponent(`${link}`.trim())),\n                    );\n                }\n                break;\n            case 'copy':\n                copyToClipboard(link);\n                break;\n            default:\n                break;\n        }\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    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-solid fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <ContextMenu\n                isInDialog={isInDialog}\n                items={contextMenuItems}\n                ref={contextMenuRef}\n                alignment={popupAlignment}\n                container={container}\n            >\n                {null}\n            </ContextMenu>\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/esm/components/sharing-bar/SharingBar.styles.js

@@ -0,0 +1,17 @@
+import styled from 'styled-components';
+export const StyledSharingBar = styled.div`
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+`;
+export const StyledSharingBarIconWrapper = styled.div``;
+export const StyledSharingBarText = styled.p`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
+    margin: 0 0 0 5px;
+`;
+//# sourceMappingURL=SharingBar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.styles.js","names":["styled","StyledSharingBar","div","StyledSharingBarIconWrapper","StyledSharingBarText","p","_ref","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`;\n\nexport const StyledSharingBarIconWrapper = styled.div``;\n\ntype StyledSharingBarTextProps = WithTheme<unknown>;\n\nexport const StyledSharingBarText = styled.p<StyledSharingBarTextProps>`\n    color: ${({ theme }: StyledSharingBarTextProps) => theme.text};\n    margin: 0 0 0 5px;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAGtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAG;AAC1C;AACA;AACA;AACA,CAAC;AAED,OAAO,MAAMC,2BAA2B,GAAGH,MAAM,CAACE,GAAG,EAAE;AAIvD,OAAO,MAAME,oBAAoB,GAAGJ,MAAM,CAACK,CAA4B;AACvE,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAiC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA;AACjE;AACA,CAAC","ignoreList":[]}