@chayns-components/core 5.0.0-beta.41 → 5.0.0-beta.412

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

@@ -0,0 +1,65 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _SelectButton = require("./SelectButton.styles");
+var _Button = _interopRequireDefault(require("../button/Button"));
+var _chaynsApi = require("chayns-api");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 = _ref => {
+  let {
+    onSelect,
+    selectedItemIds,
+    shouldAllowMultiSelect,
+    buttonText,
+    shouldShowSearch,
+    list,
+    isDisabled
+  } = _ref;
+  const itemList = (0, _react.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 handleClick = () => {
+    void (0, _chaynsApi.createDialog)({
+      type: _chaynsApi.DialogType.SELECT,
+      list: itemList,
+      multiselect: shouldAllowMultiSelect,
+      quickfind: shouldShowSearch
+    }).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
+  }, buttonText));
+};
+SelectButton.displayName = 'SelectButton';
+var _default = exports.default = SelectButton;
+//# sourceMappingURL=SelectButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.js","names":["_react","_interopRequireWildcard","require","_SelectButton","_Button","_interopRequireDefault","_chaynsApi","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SelectButton","_ref","onSelect","selectedItemIds","shouldAllowMultiSelect","buttonText","shouldShowSearch","list","isDisabled","itemList","useMemo","items","forEach","_ref2","text","id","isSelected","includes","push","name","handleClick","createDialog","type","DialogType","SELECT","multiselect","quickfind","open","then","result","buttonType","map","Number","createElement","StyledSelectButton","onClick","displayName","_default","exports"],"sources":["../../../src/components/select-button/SelectButton.tsx"],"sourcesContent":["import React, { type FC, useMemo } from 'react';\nimport { StyledSelectButton } from './SelectButton.styles';\nimport Button from '../button/Button';\nimport type { SelectButtonItem } from './types';\nimport { createDialog, type DialogSelectListItemType, DialogType } from 'chayns-api';\n\nexport type SelectButtonProps = {\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     * Function to be executed after an item is selected.\n     */\n    onSelect?: (ids: number[]) => void;\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 search should be displayed inside the dialog.\n     */\n    shouldShowSearch?: boolean;\n};\n\nconst SelectButton: FC<SelectButtonProps> = ({\n    onSelect,\n    selectedItemIds,\n    shouldAllowMultiSelect,\n    buttonText,\n    shouldShowSearch,\n    list,\n    isDisabled,\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 handleClick = () => {\n        void createDialog({\n            type: DialogType.SELECT,\n            list: itemList,\n            multiselect: shouldAllowMultiSelect,\n            quickfind: shouldShowSearch,\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 onClick={handleClick} isDisabled={isDisabled}>\n                {buttonText}\n            </Button>\n        </StyledSelectButton>\n    );\n};\n\nSelectButton.displayName = 'SelectButton';\n\nexport default SelectButton;\n"],"mappings":"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"}

package/lib/components/select-button/SelectButton.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSelectButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledSelectButton = exports.StyledSelectButton = _styledComponents.default.div``;
+//# sourceMappingURL=SelectButton.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAI,EAAC"}

package/lib/components/select-button/types.d.ts

@@ -0,0 +1,4 @@
+export interface SelectButtonItem {
+    text: string;
+    id: number;
+}

package/lib/components/select-button/types.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=types.js.map

package/lib/components/select-button/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/select-button/types.ts"],"sourcesContent":["export interface SelectButtonItem {\n    text: string;\n    id: number;\n}\n"],"mappings":""}

package/lib/components/setup-wizard/SetupWizard.d.ts

@@ -0,0 +1,23 @@
+import React, { ReactElement } from 'react';
+import type { SetupWizardItemProps } from './setup-wizard-item/SetupWizardItem';
+type UpdateSelectedId = (id: number) => void;
+type UpdateActiveId = (id: number) => void;
+interface SetupWizardContextProps {
+    selectedId: number | undefined;
+    updateSelectedId?: UpdateSelectedId;
+    activeId: number | undefined;
+    updateActiveId?: UpdateActiveId;
+}
+export declare const SetupWizardContext: React.Context<SetupWizardContextProps>;
+export type SetupWizardRef = {
+    next: (stepId?: number) => void;
+    reset: () => void;
+};
+export type SetupWizardProps = {
+    /**
+     * The steps of the setup. Use the SetupWizardItem component.
+     */
+    children: ReactElement<SetupWizardItemProps> | ReactElement<SetupWizardItemProps>[];
+};
+declare const SetupWizard: React.ForwardRefExoticComponent<SetupWizardProps & React.RefAttributes<SetupWizardRef>>;
+export default SetupWizard;

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

@@ -0,0 +1,79 @@
+"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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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)((_ref, ref) => {
+  let {
+    children
+  } = _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, null, children))), [children, providerValue]);
+});
+SetupWizard.displayName = 'SetupWizard';
+var _default = exports.default = SetupWizard;
+//# sourceMappingURL=SetupWizard.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizard.js","names":["_react","_interopRequireWildcard","require","_AccordionGroup","_interopRequireDefault","_SetupWizard","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SetupWizardContext","exports","React","createContext","selectedId","undefined","updateSelectedId","activeId","updateActiveId","displayName","SetupWizard","forwardRef","_ref","ref","children","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\nconst SetupWizard = forwardRef<SetupWizardRef, SetupWizardProps>(({ children }, 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>{children}</AccordionGroup>\n                </StyledSetupWizard>\n            </SetupWizardContext.Provider>\n        ),\n        [children, providerValue],\n    );\n});\n\nSetupWizard.displayName = 'SetupWizard';\n\nexport default SetupWizard;\n"],"mappings":"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"}

package/lib/components/setup-wizard/SetupWizard.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledSetupWizard: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledSetupWizard = exports.StyledSetupWizard = _styledComponents.default.div``;
+//# sourceMappingURL=SetupWizard.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizard.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAAI,EAAC"}

package/lib/components/setup-wizard/setup-wizard-item/SetupWizardItem.d.ts

@@ -0,0 +1,25 @@
+import { FC, ReactNode } from 'react';
+export type SetupWizardItemProps = {
+    /**
+     * The content that should be displayed inside the item.
+     */
+    children: ReactNode;
+    /**
+     * The id of the item.
+     */
+    id: number;
+    /**
+     * This value must be set if the SetupWizard is inside an Accordion.
+     */
+    isWrapped?: boolean;
+    /**
+     * The step of the item.
+     */
+    step: number;
+    /**
+     * The title of the item.
+     */
+    title: string;
+};
+declare const SetupWizardItem: FC<SetupWizardItemProps>;
+export default SetupWizardItem;

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

@@ -0,0 +1,60 @@
+"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(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 = _ref => {
+  let {
+    children,
+    step,
+    title,
+    id,
+    isWrapped
+  } = _ref;
+  const {
+    selectedId,
+    updateSelectedId,
+    activeId
+  } = (0, _react.useContext)(_SetupWizard.SetupWizardContext);
+  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(_SetupWizardItem.StyledSetupWizardItem, null, /*#__PURE__*/_react.default.createElement(_Accordion.default, {
+    isWrapped: isWrapped,
+    onOpen: handleAccordionOpen,
+    title: `${step}. ${title}`,
+    isDefaultOpen: id === selectedId,
+    isDisabled: shouldBeDisabled,
+    rightElement: rightElement
+  }, /*#__PURE__*/_react.default.createElement(_AccordionContent.default, null, children))), [children, handleAccordionOpen, id, isWrapped, rightElement, selectedId, shouldBeDisabled, step, title]);
+};
+SetupWizardItem.displayName = 'SetupWizardItem';
+var _default = exports.default = SetupWizardItem;
+//# sourceMappingURL=SetupWizardItem.js.map

package/lib/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","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SetupWizardItem","_ref","children","step","title","id","isWrapped","selectedId","updateSelectedId","activeId","useContext","SetupWizardContext","shouldBeDisabled","useMemo","rightElement","createElement","StyledSetupWizardItemBadge","icons","handleAccordionOpen","useCallback","StyledSetupWizardItem","onOpen","isDefaultOpen","isDisabled","displayName","_default","exports"],"sources":["../../../../src/components/setup-wizard/setup-wizard-item/SetupWizardItem.tsx"],"sourcesContent":["import React, { FC, ReactNode, useCallback, useContext, useMemo } 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 { StyledSetupWizardItem, 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     * This value must be set if the SetupWizard is inside an Accordion.\n     */\n    isWrapped?: boolean;\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, isWrapped }) => {\n    const { selectedId, updateSelectedId, activeId } = useContext(SetupWizardContext);\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            <StyledSetupWizardItem>\n                <Accordion\n                    isWrapped={isWrapped}\n                    onOpen={handleAccordionOpen}\n                    title={`${step}. ${title}`}\n                    isDefaultOpen={id === selectedId}\n                    isDisabled={shouldBeDisabled}\n                    rightElement={rightElement}\n                >\n                    <AccordionContent>{children}</AccordionContent>\n                </Accordion>\n            </StyledSetupWizardItem>\n        ),\n        [\n            children,\n            handleAccordionOpen,\n            id,\n            isWrapped,\n            rightElement,\n            selectedId,\n            shouldBeDisabled,\n            step,\n            title,\n        ],\n    );\n};\n\nSetupWizardItem.displayName = 'SetupWizardItem';\n\nexport default SetupWizardItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,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;AAA6F,SAAAE,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAb,wBAAAa,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAyB7F,MAAMY,eAAyC,GAAGC,IAAA,IAA8C;EAAA,IAA7C;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,KAAK;IAAEC,EAAE;IAAEC;EAAU,CAAC,GAAAL,IAAA;EACvF,MAAM;IAAEM,UAAU;IAAEC,gBAAgB;IAAEC;EAAS,CAAC,GAAG,IAAAC,iBAAU,EAACC,+BAAkB,CAAC;EAEjF,MAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAAC,MAAM;IACnC,IAAI,OAAOJ,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,KAAKJ,EAAE,EAAE;MACjD,OAAO,KAAK;IAChB;IAEA,OAAO,OAAOI,QAAQ,KAAK,QAAQ,IAAIA,QAAQ,GAAGJ,EAAE;EACxD,CAAC,EAAE,CAACI,QAAQ,EAAEJ,EAAE,CAAC,CAAC;EAElB,MAAMS,YAAY,GAAG,IAAAD,cAAO,EAAC,MAAM;IAC/B,IAAIJ,QAAQ,IAAIJ,EAAE,GAAGI,QAAQ,EAAE;MAC3B,oBACIzC,MAAA,CAAAY,OAAA,CAAAmC,aAAA,CAACzC,MAAA,CAAAM,OAAK,qBACFZ,MAAA,CAAAY,OAAA,CAAAmC,aAAA,CAACtC,gBAAA,CAAAuC,0BAA0B,qBACvBhD,MAAA,CAAAY,OAAA,CAAAmC,aAAA,CAACxC,KAAA,CAAAK,OAAI;QAACqC,KAAK,EAAE,CAAC,UAAU;MAAE,CAAE,CACJ,CACzB,CAAC;IAEhB;IAEA,OAAO,IAAI;EACf,CAAC,EAAE,CAACR,QAAQ,EAAEJ,EAAE,CAAC,CAAC;EAElB,MAAMa,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAC1C,IAAI,OAAOX,gBAAgB,KAAK,UAAU,EAAE;MACxCA,gBAAgB,CAACH,EAAE,CAAC;IACxB;EACJ,CAAC,EAAE,CAACA,EAAE,EAAEG,gBAAgB,CAAC,CAAC;EAE1B,OAAO,IAAAK,cAAO,EACV,mBACI7C,MAAA,CAAAY,OAAA,CAAAmC,aAAA,CAACtC,gBAAA,CAAA2C,qBAAqB,qBAClBpD,MAAA,CAAAY,OAAA,CAAAmC,aAAA,CAAC5C,UAAA,CAAAS,OAAS;IACN0B,SAAS,EAAEA,SAAU;IACrBe,MAAM,EAAEH,mBAAoB;IAC5Bd,KAAK,EAAG,GAAED,IAAK,KAAIC,KAAM,EAAE;IAC3BkB,aAAa,EAAEjB,EAAE,KAAKE,UAAW;IACjCgB,UAAU,EAAEX,gBAAiB;IAC7BE,YAAY,EAAEA;EAAa,gBAE3B9C,MAAA,CAAAY,OAAA,CAAAmC,aAAA,CAAC1C,iBAAA,CAAAO,OAAgB,QAAEsB,QAA2B,CACvC,CACQ,CAC1B,EACD,CACIA,QAAQ,EACRgB,mBAAmB,EACnBb,EAAE,EACFC,SAAS,EACTQ,YAAY,EACZP,UAAU,EACVK,gBAAgB,EAChBT,IAAI,EACJC,KAAK,CAEb,CAAC;AACL,CAAC;AAEDJ,eAAe,CAACwB,WAAW,GAAG,iBAAiB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9C,OAAA,GAEjCoB,eAAe"}

package/lib/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const StyledSetupWizardItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledSetupWizardItemBadge: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"SetupWizardItem.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledSetupWizardItem","exports","styled","div","StyledSetupWizardItemBadge"],"sources":["../../../../src/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledSetupWizardItem = styled.div``;\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,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGE,yBAAM,CAACC,GAAI,EAAC;AAC1C,MAAMC,0BAA0B,GAAAH,OAAA,CAAAG,0BAAA,GAAGF,yBAAM,CAACC,GAAI;AACrD;AACA;AACA,CAAC"}

package/lib/components/sharing-bar/SharingBar.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+import type { ContextMenuAlignment } from '../context-menu/constants/alignment';
+export type SharingBarProps = {
+    /**
+     * The label that should be displayed.
+     */
+    label: string;
+    /**
+     * The link that should be shared.
+     */
+    link: string;
+    /**
+     * The alignment of the sharing options.
+     */
+    popupAlignment: ContextMenuAlignment;
+};
+declare const SharingBar: FC<SharingBarProps>;
+export default SharingBar;

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

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _ContextMenu = _interopRequireDefault(require("../context-menu/ContextMenu"));
+var _Icon = _interopRequireDefault(require("../icon/Icon"));
+var _SharingBar = require("./SharingBar.styles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 && Object.prototype.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 SharingBar = _ref => {
+  let {
+    label,
+    link,
+    popupAlignment
+  } = _ref;
+  const contextMenuRef = (0, _react.useRef)(null);
+  const handleImageDownload = async () => {
+    const image = await fetch(`https://cube.tobit.cloud/qr-code-generator/v1.0/png?value=${link}&color=005EB8&text=Teilen`);
+    const imageBlog = await image.blob();
+    const imageURL = URL.createObjectURL(imageBlog);
+    const url = document.createElement('a');
+
+    // Removes illegal characters from the name and shortens it to a maximum of 50 characters
+    const fileName = `CallingCode_Share`.replace(/[^\w-]+/g, '_').trim().slice(0, 75);
+    url.href = imageURL;
+    url.download = fileName;
+    document.body.appendChild(url);
+    url.click();
+    document.body.removeChild(url);
+    contextMenuRef.current?.hide();
+  };
+  const handleShare = key => {
+    contextMenuRef.current?.hide();
+    const encodedUrl = encodeURIComponent(link);
+    let preparedLink;
+    switch (key) {
+      case 'whatsapp':
+        preparedLink = `https://wa.me/?text=${encodedUrl}`;
+        break;
+      case 'facebook':
+        preparedLink = `https://www.facebook.com/sharer.php?u=${encodedUrl}`;
+        break;
+      case 'twitter':
+        preparedLink = `https://twitter.com/intent/tweet?url=${encodedUrl}`;
+        break;
+      case 'mail':
+        preparedLink = `mailto:?subject=&body= ${encodedUrl}`;
+        break;
+      case 'copy':
+        void navigator.clipboard.writeText(link);
+        break;
+      default:
+        break;
+    }
+    if (!preparedLink) {
+      return;
+    }
+    window.open(preparedLink);
+  };
+  const contextMenuItems = [{
+    icons: ['fa fa-copy'],
+    key: 'copy',
+    onClick: () => handleShare('copy'),
+    text: 'Zwischenablage'
+  }, {
+    icons: ['fa-brands fa-whatsapp'],
+    key: 'whatsapp',
+    onClick: () => handleShare('whatsapp'),
+    text: 'Whatsapp'
+  }, {
+    icons: ['fa-brands fa-facebook-f'],
+    key: 'facebook',
+    onClick: () => handleShare('facebook'),
+    text: 'Facebook'
+  }, {
+    icons: ['fa-brands fa-twitter'],
+    key: 'twitter',
+    onClick: () => handleShare('twitter'),
+    text: 'Twitter'
+  }, {
+    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 = () => {
+    contextMenuRef.current?.show();
+  };
+  return /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBar, {
+    onClick: handleSharingBarClick
+  }, /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
+    icons: ['fa fa-share-nodes']
+  })), /*#__PURE__*/_react.default.createElement(_ContextMenu.default, {
+    items: contextMenuItems,
+    ref: contextMenuRef,
+    alignment: popupAlignment
+  }, null), /*#__PURE__*/_react.default.createElement(_SharingBar.StyledSharingBarText, null, label));
+};
+SharingBar.displayName = 'SharingBar';
+var _default = exports.default = SharingBar;
+//# sourceMappingURL=SharingBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.js","names":["_react","_interopRequireWildcard","require","_ContextMenu","_interopRequireDefault","_Icon","_SharingBar","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SharingBar","_ref","label","link","popupAlignment","contextMenuRef","useRef","handleImageDownload","image","fetch","imageBlog","blob","imageURL","URL","createObjectURL","url","document","createElement","fileName","replace","trim","slice","href","download","body","appendChild","click","removeChild","current","hide","handleShare","key","encodedUrl","encodeURIComponent","preparedLink","navigator","clipboard","writeText","window","open","contextMenuItems","icons","onClick","text","handleSharingBarClick","show","StyledSharingBar","StyledSharingBarIconWrapper","items","ref","alignment","StyledSharingBarText","displayName","_default","exports"],"sources":["../../../src/components/sharing-bar/SharingBar.tsx"],"sourcesContent":["import React, { FC, useRef } from 'react';\nimport type { ContextMenuAlignment } from '../context-menu/constants/alignment';\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 label that should be displayed.\n     */\n    label: string;\n    /**\n     * The link that should be shared.\n     */\n    link: string;\n    /**\n     * The alignment of the sharing options.\n     */\n    popupAlignment: ContextMenuAlignment;\n};\n\nconst SharingBar: FC<SharingBarProps> = ({ label, link, popupAlignment }) => {\n    const contextMenuRef = useRef<{ hide: VoidFunction; show: VoidFunction }>(null);\n\n    const handleImageDownload = async () => {\n        const image = await fetch(\n            `https://cube.tobit.cloud/qr-code-generator/v1.0/png?value=${link}&color=005EB8&text=Teilen`\n        );\n        const imageBlog = await image.blob();\n        const imageURL = URL.createObjectURL(imageBlog);\n\n        const url = document.createElement('a');\n\n        // Removes illegal characters from the name and shortens it to a maximum of 50 characters\n        const fileName = `CallingCode_Share`\n            .replace(/[^\\w-]+/g, '_')\n            .trim()\n            .slice(0, 75);\n\n        url.href = imageURL;\n        url.download = fileName;\n\n        document.body.appendChild(url);\n\n        url.click();\n\n        document.body.removeChild(url);\n\n        contextMenuRef.current?.hide();\n    };\n\n    const handleShare = (key: string) => {\n        contextMenuRef.current?.hide();\n\n        const encodedUrl = encodeURIComponent(link);\n        let preparedLink;\n\n        switch (key) {\n            case 'whatsapp':\n                preparedLink = `https://wa.me/?text=${encodedUrl}`;\n                break;\n            case 'facebook':\n                preparedLink = `https://www.facebook.com/sharer.php?u=${encodedUrl}`;\n                break;\n            case 'twitter':\n                preparedLink = `https://twitter.com/intent/tweet?url=${encodedUrl}`;\n                break;\n            case 'mail':\n                preparedLink = `mailto:?subject=&body= ${encodedUrl}`;\n                break;\n            case 'copy':\n                void navigator.clipboard.writeText(link);\n                break;\n            default:\n                break;\n        }\n\n        if (!preparedLink) {\n            return;\n        }\n\n        window.open(preparedLink);\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-brands fa-whatsapp'],\n            key: 'whatsapp',\n            onClick: () => handleShare('whatsapp'),\n            text: 'Whatsapp',\n        },\n        {\n            icons: ['fa-brands fa-facebook-f'],\n            key: 'facebook',\n            onClick: () => handleShare('facebook'),\n            text: 'Facebook',\n        },\n        {\n            icons: ['fa-brands fa-twitter'],\n            key: 'twitter',\n            onClick: () => handleShare('twitter'),\n            text: 'Twitter',\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 = () => {\n        contextMenuRef.current?.show();\n    };\n\n    return (\n        <StyledSharingBar onClick={handleSharingBarClick}>\n            <StyledSharingBarIconWrapper>\n                <Icon icons={['fa fa-share-nodes']} />\n            </StyledSharingBarIconWrapper>\n            <ContextMenu items={contextMenuItems} ref={contextMenuRef} alignment={popupAlignment}>\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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"}

package/lib/components/sharing-bar/SharingBar.styles.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export declare const StyledSharingBar: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledSharingBarIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const StyledSharingBarText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
+    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
+}>>;

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

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledSharingBarText = exports.StyledSharingBarIconWrapper = exports.StyledSharingBar = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledSharingBar = exports.StyledSharingBar = _styledComponents.default.div`
+    cursor: pointer;
+    display: flex;
+    align-items: center;
+`;
+const StyledSharingBarIconWrapper = exports.StyledSharingBarIconWrapper = _styledComponents.default.div``;
+const StyledSharingBarText = exports.StyledSharingBarText = _styledComponents.default.p`
+    color: ${_ref => {
+  let {
+    theme
+  } = _ref;
+  return theme.text;
+}};
+    margin: 0 0 0 5px;
+`;
+//# sourceMappingURL=SharingBar.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SharingBar.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledSharingBar","exports","styled","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,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAGhC,MAAMG,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC3C;AACA;AACA;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAH,OAAA,CAAAG,2BAAA,GAAGF,yBAAM,CAACC,GAAI,EAAC;AAIhD,MAAME,oBAAoB,GAAAJ,OAAA,CAAAI,oBAAA,GAAGH,yBAAM,CAACI,CAA6B;AACxE,aAAaC,IAAA;EAAA,IAAC;IAAEC;EAAiC,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAACC,IAAI;AAAA,CAAC;AAClE;AACA,CAAC"}

package/lib/components/signature/Signature.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+export interface SignatureRef {
+    edit: VoidFunction;
+    delete: VoidFunction;
+}
+export type SignatureProps = {
+    /**
+     * The text that should be displayed inside the button.
+     */
+    buttonText: string;
+    /**
+     * Whether the button is disabled.
+     */
+    isDisabled?: boolean;
+    /**
+     * Function to be executed when the signature is edited.
+     */
+    onEdit?: (signature: string) => void;
+    /**
+     * Function to be executed when the user deletes the signature.
+     */
+    onRemove?: () => void;
+    /**
+     * Function to be executed when the user subscribes.
+     */
+    onSubscribe?: () => void;
+    /**
+     * Function to be executed when the user unsubscribes.
+     */
+    onUnsubscribe?: () => void;
+};
+declare const Signature: React.ForwardRefExoticComponent<SignatureProps & React.RefAttributes<SignatureRef>>;
+export default Signature;