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

package/lib/cjs/components/search-box/search-box-item/SearchBoxItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchBoxItem.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledSearchBoxItem","exports","styled","div","theme","StyledSearchBoxItemImage","img","$shouldShowRoundImage","css","StyledSearchBoxItemText","p","text","headline"],"sources":["../../../../../src/components/search-box/search-box-item/SearchBoxItem.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSearchBoxItemProps = WithTheme<unknown>;\nexport const StyledSearchBoxItem = styled.div<StyledSearchBoxItemProps>`\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    padding: 4px 10px;\n\n    &:hover {\n        background: ${({ theme }: StyledSearchBoxItemProps) => theme['secondary-102']};\n    }\n\n    &:focus {\n        background: ${({ theme }: StyledSearchBoxItemProps) => theme['secondary-102']};\n    }\n`;\n\ntype StyledSearchBoxItemImageProps = WithTheme<{ $shouldShowRoundImage?: boolean }>;\n\nexport const StyledSearchBoxItemImage = styled.img<StyledSearchBoxItemImageProps>`\n    box-shadow: 0 0 0 1px\n        rgba(${({ theme }: StyledSearchBoxItemImageProps) => theme['009-rgb']}, 0.15);\n    height: 22px;\n    width: 22px;\n\n    ${({ $shouldShowRoundImage }) =>\n        $shouldShowRoundImage &&\n        css`\n            border-radius: 50%;\n        `}\n`;\n\ntype StyledSearchBoxItemTextProps = WithTheme<unknown>;\n\nexport const StyledSearchBoxItemText = styled.p<StyledSearchBoxItemTextProps>`\n    color: ${({ theme }: StyledSearchBoxItemTextProps) => theme.text};\n    margin: 5px 0 !important;\n\n    b {\n        color: ${({ theme }: StyledSearchBoxItemTextProps) => theme.headline};\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAAgD,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAIzC,MAAMW,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAA6B;AACvE;AACA;AACA;AACA;AACA;AACA;AACA,sBAAsB,CAAC;EAAEC;AAAgC,CAAC,KAAKA,KAAK,CAAC,eAAe,CAAC;AACrF;AACA;AACA;AACA,sBAAsB,CAAC;EAAEA;AAAgC,CAAC,KAAKA,KAAK,CAAC,eAAe,CAAC;AACrF;AACA,CAAC;AAIM,MAAMC,wBAAwB,GAAAJ,OAAA,CAAAI,wBAAA,GAAGH,yBAAM,CAACI,GAAkC;AACjF;AACA,eAAe,CAAC;EAAEF;AAAqC,CAAC,KAAKA,KAAK,CAAC,SAAS,CAAC;AAC7E;AACA;AACA;AACA,MAAM,CAAC;EAAEG;AAAsB,CAAC,KACxBA,qBAAqB,IACrB,IAAAC,qBAAG;AACX;AACA,SAAS;AACT,CAAC;AAIM,MAAMC,uBAAuB,GAAAR,OAAA,CAAAQ,uBAAA,GAAGP,yBAAM,CAACQ,CAA+B;AAC7E,aAAa,CAAC;EAAEN;AAAoC,CAAC,KAAKA,KAAK,CAACO,IAAI;AACpE;AACA;AACA;AACA,iBAAiB,CAAC;EAAEP;AAAoC,CAAC,KAAKA,KAAK,CAACQ,QAAQ;AAC5E;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _framerMotion = require("framer-motion");
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = require("styled-components");
+var _Icon = _interopRequireDefault(require("../icon/Icon"));
+var _Input = _interopRequireWildcard(require("../input/Input"));
+var _SearchInput = require("./SearchInput.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SearchInput = ({
+  iconColor,
+  isActive,
+  onActiveChange,
+  onChange,
+  onKeyDown,
+  placeholder,
+  size = _Input.InputSize.Medium,
+  value
+}) => {
+  const [isSearchInputActive, setIsSearchInputActive] = (0, _react.useState)(isActive ?? (typeof value === 'string' && value.trim() !== ''));
+  const inputRef = (0, _react.useRef)(null);
+  const theme = (0, _styledComponents.useTheme)();
+  const handleBackIconClick = (0, _react.useCallback)(() => setIsSearchInputActive(false), []);
+  const handleSearchIconClick = (0, _react.useCallback)(() => setIsSearchInputActive(true), []);
+  (0, _react.useEffect)(() => {
+    if (typeof onActiveChange === 'function') {
+      onActiveChange(isSearchInputActive);
+    }
+    if (isSearchInputActive) {
+      var _inputRef$current;
+      (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 || _inputRef$current.focus();
+    }
+  }, [isSearchInputActive, onActiveChange]);
+  (0, _react.useEffect)(() => {
+    if (typeof isActive === 'boolean') {
+      setIsSearchInputActive(isActive);
+    }
+  }, [isActive]);
+  return /*#__PURE__*/_react.default.createElement(_SearchInput.StyledSearchInput, {
+    className: "beta-chayns-search-input",
+    $size: size
+  }, /*#__PURE__*/_react.default.createElement(_SearchInput.StyledMotionSearchInputIconWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, /*#__PURE__*/_react.default.createElement(_SearchInput.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.default.createElement(_Icon.default, {
+    color: iconColor,
+    icons: isSearchInputActive ? ['fa fa-arrow-left'] : ['fa fa-search'],
+    onClick: isSearchInputActive ? handleBackIconClick : handleSearchIconClick,
+    size: 18
+  })))), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
+    initial: false
+  }, isSearchInputActive && /*#__PURE__*/_react.default.createElement(_SearchInput.StyledMotionSearchInputContentWrapper, {
+    animate: {
+      opacity: 1,
+      width: '100%'
+    },
+    exit: {
+      opacity: 0,
+      width: 0
+    },
+    initial: {
+      opacity: 0,
+      width: 0
+    },
+    key: "searchInputContentWrapper",
+    transition: {
+      duration: 0.3
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Input.default, {
+    leftElement: /*#__PURE__*/_react.default.createElement(_Icon.default, {
+      color: theme.text,
+      icons: ['far fa-search']
+    }),
+    onChange: onChange,
+    onKeyDown: onKeyDown,
+    placeholder: placeholder,
+    ref: inputRef,
+    shouldShowClearIcon: true,
+    size: size,
+    value: value
+  }))));
+};
+SearchInput.displayName = 'SearchInput';
+var _default = exports.default = SearchInput;
+//# sourceMappingURL=SearchInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_styledComponents","_Icon","_interopRequireDefault","_Input","_SearchInput","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","SearchInput","iconColor","isActive","onActiveChange","onChange","onKeyDown","placeholder","size","InputSize","Medium","value","isSearchInputActive","setIsSearchInputActive","useState","trim","inputRef","useRef","theme","useTheme","handleBackIconClick","useCallback","handleSearchIconClick","useEffect","_inputRef$current","current","focus","createElement","StyledSearchInput","className","$size","StyledMotionSearchInputIconWrapper","AnimatePresence","initial","StyledMotionSearchInputIconWrapperContent","animate","opacity","exit","position","key","transition","duration","id","color","icons","onClick","StyledMotionSearchInputContentWrapper","width","leftElement","text","ref","shouldShowClearIcon","displayName","_default","exports"],"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/cjs/components/search-input/SearchInput.styles.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSearchInput = exports.StyledMotionSearchInputIconWrapperContent = exports.StyledMotionSearchInputIconWrapper = exports.StyledMotionSearchInputContentWrapper = void 0;
+var _framerMotion = require("framer-motion");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledSearchInput = exports.StyledSearchInput = _styledComponents.default.div`
+    align-items: center;
+    display: flex;
+    gap: 8px;
+    height: ${({
+  $size
+}) => $size === 'medium' ? '42px' : '32px'};
+    justify-content: flex-end;
+    width: 100%;
+`;
+const StyledMotionSearchInputContentWrapper = exports.StyledMotionSearchInputContentWrapper = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    overflow: hidden;
+`;
+const StyledMotionSearchInputIconWrapper = exports.StyledMotionSearchInputIconWrapper = _styledComponents.default.div`
+    width: 18px;
+`;
+const StyledMotionSearchInputIconWrapperContent = exports.StyledMotionSearchInputIconWrapperContent = (0, _styledComponents.default)(_framerMotion.motion.div)`
+    display: flex;
+`;
+//# sourceMappingURL=SearchInput.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SearchInput.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireDefault","e","__esModule","default","StyledSearchInput","exports","styled","div","$size","StyledMotionSearchInputContentWrapper","motion","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,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAQhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA;AACA,cAAc,CAAC;EAAEC;AAAM,CAAC,KAAMA,KAAK,KAAK,QAAQ,GAAG,MAAM,GAAG,MAAO;AACnE;AACA;AACA,CAAC;AAEM,MAAMC,qCAAqC,GAAAJ,OAAA,CAAAI,qCAAA,GAAG,IAAAH,yBAAM,EAACI,oBAAM,CAACH,GAAG,CAAqB;AAC3F;AACA,CAAC;AAEM,MAAMI,kCAAkC,GAAAN,OAAA,CAAAM,kCAAA,GAAGL,yBAAM,CAACC,GAAG;AAC5D;AACA,CAAC;AAEM,MAAMK,yCAAyC,GAAAP,OAAA,CAAAO,yCAAA,GAAG,IAAAN,yBAAM,EAACI,oBAAM,CAACH,GAAG,CAAqB;AAC/F;AACA,CAAC","ignoreList":[]}

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

@@ -0,0 +1,93 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _chaynsApi = require("chayns-api");
+var _react = _interopRequireWildcard(require("react"));
+var _Button = _interopRequireDefault(require("../button/Button"));
+var _SelectButton = require("./SelectButton.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SelectButton = ({
+  buttonText,
+  isDisabled,
+  list,
+  onSelect,
+  selectedItemIds,
+  shouldAllowMultiSelect,
+  shouldShowButtonTextWithSelection,
+  maxDisplayedItems = 3,
+  additionalText = ', ##count## weitere',
+  shouldShowSearch,
+  selectAllText,
+  title
+}) => {
+  const itemList = (0, _react.useMemo)(() => {
+    const items = [];
+    list.forEach(({
+      text,
+      id
+    }) => {
+      const isSelected = selectedItemIds ? selectedItemIds.includes(id) : false;
+      items.push({
+        name: text,
+        id,
+        isSelected
+      });
+    });
+    return items;
+  }, [list, selectedItemIds]);
+  const internalButtonText = (0, _react.useMemo)(() => {
+    if (shouldShowButtonTextWithSelection || !selectedItemIds || selectedItemIds.length === 0) {
+      return buttonText;
+    }
+    let addedCount = 0;
+    let newText = '';
+    const additionalCount = selectedItemIds.length - maxDisplayedItems;
+    list.forEach(({
+      text,
+      id
+    }) => {
+      if (addedCount < maxDisplayedItems && selectedItemIds !== null && selectedItemIds !== void 0 && 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 (0, _chaynsApi.createDialog)({
+      text: title ? `[h1]${title}[/h1]` : undefined,
+      type: _chaynsApi.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.default.createElement(_SelectButton.StyledSelectButton, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
+    onClick: handleClick,
+    isDisabled: isDisabled,
+    isSecondary: true,
+    shouldShowTextAsRobotoMedium: false
+  }, internalButtonText));
+};
+SelectButton.displayName = 'SelectButton';
+var _default = exports.default = SelectButton;
+//# sourceMappingURL=SelectButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_Button","_interopRequireDefault","_SelectButton","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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","map","Number","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[]) => 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":"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","ignoreList":[]}

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

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSelectButton = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledSelectButton = exports.StyledSelectButton = _styledComponents.default.div``;
+//# sourceMappingURL=SelectButton.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledSelectButton","exports","styled","div"],"sources":["../../../../src/components/select-button/SelectButton.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSelectButton = styled.div``;\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;AAEhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE","ignoreList":[]}

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

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.SetupWizardContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _AccordionGroup = _interopRequireDefault(require("../accordion/accordion-group/AccordionGroup"));
+var _SetupWizard = require("./SetupWizard.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SetupWizardContext = exports.SetupWizardContext = /*#__PURE__*/_react.default.createContext({
+  selectedId: undefined,
+  updateSelectedId: undefined,
+  activeId: undefined,
+  updateActiveId: undefined
+});
+SetupWizardContext.displayName = 'SetupWizardContext';
+const SetupWizard = /*#__PURE__*/(0, _react.forwardRef)(({
+  children,
+  isWrapped
+}, ref) => {
+  const [selectedId, setSelectedId] = (0, _react.useState)(0);
+  const [activeId, setActiveId] = (0, _react.useState)(0);
+  const [allIds, setAllIds] = (0, _react.useState)([]);
+  (0, _react.useEffect)(() => {
+    _react.default.Children.map(children, child => {
+      setAllIds(prevState => [...prevState, child.props.id]);
+    });
+  }, [children]);
+  const updateSelectedId = (0, _react.useCallback)(id => {
+    setSelectedId(id);
+  }, [setSelectedId]);
+  const updateActiveId = (0, _react.useCallback)(id => {
+    setActiveId(id);
+  }, [setActiveId]);
+  const handleNext = (0, _react.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 = (0, _react.useCallback)(() => {
+    updateSelectedId(0);
+    updateActiveId(0);
+  }, [updateActiveId, updateSelectedId]);
+  (0, _react.useImperativeHandle)(ref, () => ({
+    next: handleNext,
+    reset: handleReset
+  }), [handleNext, handleReset]);
+  const providerValue = (0, _react.useMemo)(() => ({
+    selectedId,
+    updateSelectedId,
+    activeId,
+    updateActiveId
+  }), [activeId, selectedId, 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, {
+    isWrapped: isWrapped
+  }, children))), [children, isWrapped, providerValue]);
+});
+SetupWizard.displayName = 'SetupWizard';
+var _default = exports.default = SetupWizard;
+//# sourceMappingURL=SetupWizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizard.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_interopRequireDefault","_SetupWizard","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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 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/cjs/components/setup-wizard/SetupWizard.styles.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSetupWizard = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledSetupWizard = exports.StyledSetupWizard = _styledComponents.default.div``;
+//# sourceMappingURL=SetupWizard.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizard.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledSetupWizard","exports","styled","div"],"sources":["../../../../src/components/setup-wizard/SetupWizard.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSetupWizard = styled.div``;\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;AAEhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAG,EAAE","ignoreList":[]}

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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Accordion = _interopRequireDefault(require("../../accordion/Accordion"));
+var _AccordionContent = _interopRequireDefault(require("../../accordion/accordion-content/AccordionContent"));
+var _Badge = _interopRequireDefault(require("../../badge/Badge"));
+var _Icon = _interopRequireDefault(require("../../icon/Icon"));
+var _SetupWizard = require("../SetupWizard");
+var _SetupWizardItem = require("./SetupWizardItem.styles");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const SetupWizardItem = ({
+  children,
+  step,
+  title,
+  id
+}) => {
+  const {
+    selectedId,
+    updateSelectedId,
+    activeId
+  } = (0, _react.useContext)(_SetupWizard.SetupWizardContext);
+  const [shouldOpen, setShouldOpen] = (0, _react.useState)(false);
+  const initialRender = (0, _react.useRef)(0);
+  (0, _react.useEffect)(() => {
+    initialRender.current++;
+  }, []);
+  (0, _react.useEffect)(() => {
+    const timeout = setTimeout(() => {
+      setShouldOpen(id === selectedId);
+    }, 5);
+    return () => clearTimeout(timeout);
+  }, [id, selectedId]);
+  const shouldBeDisabled = (0, _react.useMemo)(() => {
+    if (typeof activeId === 'number' && activeId === id) {
+      return false;
+    }
+    return typeof activeId === 'number' && activeId < id;
+  }, [activeId, id]);
+  const rightElement = (0, _react.useMemo)(() => {
+    if (activeId && id < activeId) {
+      return /*#__PURE__*/_react.default.createElement(_Badge.default, null, /*#__PURE__*/_react.default.createElement(_SetupWizardItem.StyledSetupWizardItemBadge, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+        icons: ['ts-check']
+      })));
+    }
+    return null;
+  }, [activeId, id]);
+  const handleAccordionOpen = (0, _react.useCallback)(() => {
+    if (typeof updateSelectedId === 'function') {
+      updateSelectedId(id);
+    }
+  }, [id, updateSelectedId]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_Accordion.default, {
+    onOpen: handleAccordionOpen,
+    title: `${step}. ${title}`,
+    isOpened: shouldOpen,
+    isDisabled: shouldBeDisabled,
+    rightElement: rightElement
+  }, /*#__PURE__*/_react.default.createElement(_AccordionContent.default, null, children)), [handleAccordionOpen, step, title, shouldOpen, shouldBeDisabled, rightElement, children]);
+};
+SetupWizardItem.displayName = 'SetupWizardItem';
+var _default = exports.default = SetupWizardItem;
+//# sourceMappingURL=SetupWizardItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizardItem.js","names":["_react","_interopRequireWildcard","require","_Accordion","_interopRequireDefault","_AccordionContent","_Badge","_Icon","_SetupWizard","_SetupWizardItem","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","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":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAUA,IAAAC,UAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAD,sBAAA,CAAAF,OAAA;AACA,IAAAI,MAAA,GAAAF,sBAAA,CAAAF,OAAA;AACA,IAAAK,KAAA,GAAAH,sBAAA,CAAAF,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,gBAAA,GAAAP,OAAA;AAAsE,SAAAE,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAqBtE,MAAMW,eAAyC,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,IAAI;EAAEC,KAAK;EAAEC;AAAG,CAAC,KAAK;EACjF,MAAM;IAAEC,UAAU;IAAEC,gBAAgB;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAU,EAACC,+BAAkB,CAAC;EAEjF,MAAM,CAACC,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAAU,KAAK,CAAC;EAE5D,MAAMC,aAAa,GAAG,IAAAC,aAAM,EAAC,CAAC,CAAC;EAE/B,IAAAC,gBAAS,EAAC,MAAM;IACZF,aAAa,CAACG,OAAO,EAAE;EAC3B,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAD,gBAAS,EAAC,MAAM;IACZ,MAAME,OAAO,GAAGC,UAAU,CAAC,MAAM;MAC7BP,aAAa,CAACP,EAAE,KAAKC,UAAU,CAAC;IACpC,CAAC,EAAE,CAAC,CAAC;IAEL,OAAO,MAAMc,YAAY,CAACF,OAAO,CAAC;EACtC,CAAC,EAAE,CAACb,EAAE,EAAEC,UAAU,CAAC,CAAC;EAEpB,MAAMe,gBAAgB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnC,IAAI,OAAOd,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,MAAMkB,YAAY,GAAG,IAAAD,cAAO,EAAC,MAAM;IAC/B,IAAId,QAAQ,IAAIH,EAAE,GAAGG,QAAQ,EAAE;MAC3B,oBACIrC,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAC/C,MAAA,CAAAM,OAAK,qBACFZ,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAC5C,gBAAA,CAAA6C,0BAA0B,qBACvBtD,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAC9C,KAAA,CAAAK,OAAI;QAAC2C,KAAK,EAAE,CAAC,UAAU;MAAE,CAAE,CACJ,CACzB,CAAC;IAEhB;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CAAClB,QAAQ,EAAEH,EAAE,CAAC,CAAC;EAElB,MAAMsB,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC1C,IAAI,OAAOrB,gBAAgB,KAAK,UAAU,EAAE;MACxCA,gBAAgB,CAACF,EAAE,CAAC;IACxB;EACJ,CAAC,EAAE,CAACA,EAAE,EAAEE,gBAAgB,CAAC,CAAC;EAE1B,OAAO,IAAAe,cAAO,EACV,mBACInD,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAClD,UAAA,CAAAS,OAAS;IACN8C,MAAM,EAAEF,mBAAoB;IAC5BvB,KAAK,EAAE,GAAGD,IAAI,KAAKC,KAAK,EAAG;IAC3B0B,QAAQ,EAAEnB,UAAW;IACrBoB,UAAU,EAAEV,gBAAiB;IAC7BE,YAAY,EAAEA;EAAa,gBAE3BpD,MAAA,CAAAY,OAAA,CAAAyC,aAAA,CAAChD,iBAAA,CAAAO,OAAgB,QAAEmB,QAA2B,CACvC,CACd,EACD,CAACyB,mBAAmB,EAAExB,IAAI,EAAEC,KAAK,EAAEO,UAAU,EAAEU,gBAAgB,EAAEE,YAAY,EAAErB,QAAQ,CAC3F,CAAC;AACL,CAAC;AAEDD,eAAe,CAAC+B,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnD,OAAA,GAEjCkB,eAAe","ignoreList":[]}

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

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSetupWizardItemBadge = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledSetupWizardItemBadge = exports.StyledSetupWizardItemBadge = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+`;
+//# sourceMappingURL=SetupWizardItem.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizardItem.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledSetupWizardItemBadge","exports","styled","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,0BAA0B,GAAAC,OAAA,CAAAD,0BAAA,GAAGE,yBAAM,CAACC,GAAG;AACpD;AACA;AACA,CAAC","ignoreList":[]}