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

package/lib/components/context-menu/context-menu-content/ContextMenuContent.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Icon = _interopRequireDefault(require("../../icon/Icon"));
-var _alignment = require("../constants/alignment");
-var _ContextMenuContent = require("./ContextMenuContent.styles");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const ContextMenuContent = /*#__PURE__*/_react.default.forwardRef((_ref, ref) => {
-  let {
-    alignment,
-    coordinates,
-    items
-  } = _ref;
-  const isBottomLeftAlignment = alignment === _alignment.ContextMenuAlignment.BottomLeft;
-  const isTopLeftAlignment = alignment === _alignment.ContextMenuAlignment.TopLeft;
-  const isTopRightAlignment = alignment === _alignment.ContextMenuAlignment.TopRight;
-  const percentageOffsetX = isBottomLeftAlignment || isTopLeftAlignment ? -100 : 0;
-  const percentageOffsetY = isTopRightAlignment || isTopLeftAlignment ? -100 : 0;
-  const anchorOffsetX = isBottomLeftAlignment || isTopLeftAlignment ? 21 : -21;
-  const anchorOffsetY = isTopRightAlignment || isTopLeftAlignment ? -21 : 21;
-  const exitAndInitialY = isTopLeftAlignment || isTopRightAlignment ? -16 : 16;
-  return /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledMotionContextMenuContent, {
-    animate: {
-      opacity: 1,
-      y: 0
-    },
-    exit: {
-      opacity: 0,
-      y: exitAndInitialY
-    },
-    initial: {
-      opacity: 0,
-      y: exitAndInitialY
-    },
-    position: alignment,
-    ref: ref,
-    style: {
-      left: coordinates.x,
-      top: coordinates.y
-    },
-    transition: {
-      type: 'tween'
-    },
-    transformTemplate: _ref2 => {
-      let {
-        y = '0px'
-      } = _ref2;
-      return `
-                    translateX(${percentageOffsetX}%)
-                    translateY(${percentageOffsetY}%)
-                    translateX(${anchorOffsetX}px)
-                    translateY(${anchorOffsetY}px)
-                    translateY(${y})
-                `;
-    }
-  }, items.map(_ref3 => {
-    let {
-      icons,
-      key,
-      onClick,
-      text
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItem, {
-      key: key,
-      onClick: onClick
-    }, /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemIconWrapper, null, /*#__PURE__*/_react.default.createElement(_Icon.default, {
-      icons: icons
-    })), /*#__PURE__*/_react.default.createElement(_ContextMenuContent.StyledContextMenuContentItemText, null, text));
-  }));
-});
-ContextMenuContent.displayName = 'ContextMenuContent';
-var _default = ContextMenuContent;
-exports.default = _default;
-//# sourceMappingURL=ContextMenuContent.js.map

package/lib/components/context-menu/context-menu-content/ContextMenuContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuContent.js","names":["_react","_interopRequireDefault","require","_Icon","_alignment","_ContextMenuContent","obj","__esModule","default","ContextMenuContent","React","forwardRef","_ref","ref","alignment","coordinates","items","isBottomLeftAlignment","ContextMenuAlignment","BottomLeft","isTopLeftAlignment","TopLeft","isTopRightAlignment","TopRight","percentageOffsetX","percentageOffsetY","anchorOffsetX","anchorOffsetY","exitAndInitialY","createElement","StyledMotionContextMenuContent","animate","opacity","y","exit","initial","position","style","left","x","top","transition","type","transformTemplate","_ref2","map","_ref3","icons","key","onClick","text","StyledContextMenuContentItem","StyledContextMenuContentItemIconWrapper","StyledContextMenuContentItemText","displayName","_default","exports"],"sources":["../../../../src/components/context-menu/context-menu-content/ContextMenuContent.tsx"],"sourcesContent":["import React from 'react';\nimport Icon from '../../icon/Icon';\nimport { ContextMenuAlignment } from '../constants/alignment';\nimport type { ContextMenuCoordinates, ContextMenuItem } from '../ContextMenu';\nimport {\n    StyledContextMenuContentItem,\n    StyledContextMenuContentItemIconWrapper,\n    StyledContextMenuContentItemText,\n    StyledMotionContextMenuContent,\n} from './ContextMenuContent.styles';\n\ntype ContextMenuContentProps = {\n    alignment: ContextMenuAlignment;\n    coordinates: ContextMenuCoordinates;\n    items: ContextMenuItem[];\n};\n\nconst ContextMenuContent = React.forwardRef<HTMLDivElement, ContextMenuContentProps>(\n    ({ alignment, coordinates, items }, ref) => {\n        const isBottomLeftAlignment = alignment === ContextMenuAlignment.BottomLeft;\n        const isTopLeftAlignment = alignment === ContextMenuAlignment.TopLeft;\n        const isTopRightAlignment = alignment === ContextMenuAlignment.TopRight;\n\n        const percentageOffsetX = isBottomLeftAlignment || isTopLeftAlignment ? -100 : 0;\n        const percentageOffsetY = isTopRightAlignment || isTopLeftAlignment ? -100 : 0;\n\n        const anchorOffsetX = isBottomLeftAlignment || isTopLeftAlignment ? 21 : -21;\n        const anchorOffsetY = isTopRightAlignment || isTopLeftAlignment ? -21 : 21;\n\n        const exitAndInitialY = isTopLeftAlignment || isTopRightAlignment ? -16 : 16;\n\n        return (\n            <StyledMotionContextMenuContent\n                animate={{ opacity: 1, y: 0 }}\n                exit={{ opacity: 0, y: exitAndInitialY }}\n                initial={{ opacity: 0, y: exitAndInitialY }}\n                position={alignment}\n                ref={ref}\n                style={{ left: coordinates.x, top: coordinates.y }}\n                transition={{ type: 'tween' }}\n                transformTemplate={({ y = '0px' }) => `\n                    translateX(${percentageOffsetX}%)\n                    translateY(${percentageOffsetY}%)\n                    translateX(${anchorOffsetX}px)\n                    translateY(${anchorOffsetY}px)\n                    translateY(${y})\n                `}\n            >\n                {items.map(({ icons, key, onClick, text }) => (\n                    <StyledContextMenuContentItem key={key} onClick={onClick}>\n                        <StyledContextMenuContentItemIconWrapper>\n                            <Icon icons={icons} />\n                        </StyledContextMenuContentItemIconWrapper>\n                        <StyledContextMenuContentItemText>{text}</StyledContextMenuContentItemText>\n                    </StyledContextMenuContentItem>\n                ))}\n            </StyledMotionContextMenuContent>\n        );\n    }\n);\n\nContextMenuContent.displayName = 'ContextMenuContent';\n\nexport default ContextMenuContent;\n"],"mappings":"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"}

package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.d.ts

@@ -1,11 +0,0 @@
-import { ContextMenuAlignment } from '../constants/alignment';
-export declare const StyledMotionContextMenuContent: import("styled-components").StyledComponent<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, any, {
-    position: ContextMenuAlignment;
-} & {
-    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
-export declare const StyledContextMenuContentItem: import("styled-components").StyledComponent<"div", any, {
-    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
-export declare const StyledContextMenuContentItemIconWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const StyledContextMenuContentItemText: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.js

@@ -1,117 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledMotionContextMenuContent = exports.StyledContextMenuContentItemText = exports.StyledContextMenuContentItemIconWrapper = exports.StyledContextMenuContentItem = void 0;
-var _framerMotion = require("framer-motion");
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _alignment = require("../constants/alignment");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const StyledMotionContextMenuContent = (0, _styledComponents.default)(_framerMotion.motion.div)`
-    background-color: ${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme['001'];
-}};
-    border: 1px solid rgba(0, 0, 0, 0.1);
-    border-radius: 3px;
-    box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);
-    color: ${_ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.text;
-}};
-    position: absolute;
-    z-index: 0;
-
-    ::after {
-        background-color: inherit;
-        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
-        border-bottom-right-radius: 3px;
-        border-right: 1px solid rgba(0, 0, 0, 0.1);
-        box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);
-        content: '';
-        height: 14px;
-        position: absolute;
-        width: 14px;
-        z-index: -2;
-
-        ${_ref3 => {
-  let {
-    position
-  } = _ref3;
-  switch (position) {
-    case _alignment.ContextMenuAlignment.TopLeft:
-      return (0, _styledComponents.css)`
-                        bottom: -8px;
-                        right: 13px;
-                        transform: rotate(45deg);
-                    `;
-    case _alignment.ContextMenuAlignment.BottomLeft:
-      return (0, _styledComponents.css)`
-                        top: -8px;
-                        right: 13px;
-                        transform: rotate(225deg);
-                    `;
-    case _alignment.ContextMenuAlignment.TopRight:
-      return (0, _styledComponents.css)`
-                        transform: rotate(45deg);
-                        bottom: -8px;
-                        left: 13px;
-                    `;
-    case _alignment.ContextMenuAlignment.BottomRight:
-      return (0, _styledComponents.css)`
-                        transform: rotate(225deg);
-                        top: -8px;
-                        left: 13px;
-                    `;
-    default:
-      return undefined;
-  }
-}}
-    }
-
-    ::before {
-        background-color: inherit;
-        bottom: 0;
-        content: '';
-        left: 0;
-        position: absolute;
-        right: 0;
-        top: 0;
-        z-index: -1;
-    }
-`;
-exports.StyledMotionContextMenuContent = StyledMotionContextMenuContent;
-const StyledContextMenuContentItem = _styledComponents.default.div`
-    cursor: pointer;
-    display: flex;
-    padding: 5px 8px 5px 5px;
-    transition: background-color 0.3s ease;
-
-    :hover {
-        background-color: ${_ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme['secondary-103'];
-}};
-    }
-`;
-exports.StyledContextMenuContentItem = StyledContextMenuContentItem;
-const StyledContextMenuContentItemIconWrapper = _styledComponents.default.div`
-    flex: 0 0 auto;
-    margin: 0 8px 0 3px;
-    width: 20px;
-`;
-exports.StyledContextMenuContentItemIconWrapper = StyledContextMenuContentItemIconWrapper;
-const StyledContextMenuContentItemText = _styledComponents.default.div`
-    flex: 0 0 auto;
-    white-space: nowrap;
-`;
-exports.StyledContextMenuContentItemText = StyledContextMenuContentItemText;
-//# sourceMappingURL=ContextMenuContent.styles.js.map

package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContextMenuContent.styles.js","names":["_framerMotion","require","_styledComponents","_interopRequireWildcard","_alignment","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledMotionContextMenuContent","styled","motion","div","_ref","theme","_ref2","text","_ref3","position","ContextMenuAlignment","TopLeft","css","BottomLeft","TopRight","BottomRight","undefined","exports","StyledContextMenuContentItem","_ref4","StyledContextMenuContentItemIconWrapper","StyledContextMenuContentItemText"],"sources":["../../../../src/components/context-menu/context-menu-content/ContextMenuContent.styles.ts"],"sourcesContent":["import { motion } from 'framer-motion';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport { ContextMenuAlignment } from '../constants/alignment';\n\ntype StyledMotionContextMenuContentProps = WithTheme<{\n    position: ContextMenuAlignment;\n}>;\n\nexport const StyledMotionContextMenuContent = styled(\n    motion.div\n)<StyledMotionContextMenuContentProps>`\n    background-color: ${({ theme }: StyledMotionContextMenuContentProps) => theme['001']};\n    border: 1px solid rgba(0, 0, 0, 0.1);\n    border-radius: 3px;\n    box-shadow: 1px 3px 8px rgb(0 0 0 / 30%);\n    color: ${({ theme }: StyledMotionContextMenuContentProps) => theme.text};\n    position: absolute;\n    z-index: 0;\n\n    ::after {\n        background-color: inherit;\n        border-bottom: 1px solid rgba(0, 0, 0, 0.1);\n        border-bottom-right-radius: 3px;\n        border-right: 1px solid rgba(0, 0, 0, 0.1);\n        box-shadow: 2px 2px 8px rgb(4 3 4 / 10%);\n        content: '';\n        height: 14px;\n        position: absolute;\n        width: 14px;\n        z-index: -2;\n\n        ${({ position }) => {\n            switch (position) {\n                case ContextMenuAlignment.TopLeft:\n                    return css`\n                        bottom: -8px;\n                        right: 13px;\n                        transform: rotate(45deg);\n                    `;\n                case ContextMenuAlignment.BottomLeft:\n                    return css`\n                        top: -8px;\n                        right: 13px;\n                        transform: rotate(225deg);\n                    `;\n                case ContextMenuAlignment.TopRight:\n                    return css`\n                        transform: rotate(45deg);\n                        bottom: -8px;\n                        left: 13px;\n                    `;\n                case ContextMenuAlignment.BottomRight:\n                    return css`\n                        transform: rotate(225deg);\n                        top: -8px;\n                        left: 13px;\n                    `;\n                default:\n                    return undefined;\n            }\n        }}\n    }\n\n    ::before {\n        background-color: inherit;\n        bottom: 0;\n        content: '';\n        left: 0;\n        position: absolute;\n        right: 0;\n        top: 0;\n        z-index: -1;\n    }\n`;\n\ntype StyledContextMenuContentItemProps = WithTheme<unknown>;\n\nexport const StyledContextMenuContentItem = styled.div<StyledContextMenuContentItemProps>`\n    cursor: pointer;\n    display: flex;\n    padding: 5px 8px 5px 5px;\n    transition: background-color 0.3s ease;\n\n    :hover {\n        background-color: ${({ theme }: StyledContextMenuContentItemProps) =>\n            theme['secondary-103']};\n    }\n`;\n\nexport const StyledContextMenuContentItemIconWrapper = styled.div`\n    flex: 0 0 auto;\n    margin: 0 8px 0 3px;\n    width: 20px;\n`;\n\nexport const StyledContextMenuContentItemText = styled.div`\n    flex: 0 0 auto;\n    white-space: nowrap;\n`;\n"],"mappings":"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"}

package/lib/components/grid-image/GridImage.js

@@ -1,46 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _GridImage = require("./GridImage.styles");
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const GridImage = _ref => {
-  let {
-    images,
-    shouldShowRoundImage,
-    size
-  } = _ref;
-  const [hasLoadedLeftImage, setHasLoadedLeftImage] = (0, _react.useState)(false);
-  const [hasLoadedTopRightImage, setHasLoadedTopRightImage] = (0, _react.useState)(false);
-  const [hasLoadedBottomRightImage, setHasLoadedBottomRightImage] = (0, _react.useState)(false);
-  const handleLeftImageLoaded = (0, _react.useCallback)(() => setHasLoadedLeftImage(true), []);
-  const handleTopRightImageLoaded = (0, _react.useCallback)(() => setHasLoadedTopRightImage(true), []);
-  const handleBottomRightImageLoaded = (0, _react.useCallback)(() => setHasLoadedBottomRightImage(true), []);
-  const isGridImageHidden = !hasLoadedLeftImage || !hasLoadedTopRightImage || !hasLoadedBottomRightImage;
-  return /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridImage, {
-    shouldShowRoundImage: shouldShowRoundImage,
-    size: size
-  }, /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridLeftImage, {
-    isHidden: isGridImageHidden,
-    onLoad: handleLeftImageLoaded,
-    size: size,
-    src: images[0]
-  }), /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridTopRightImage, {
-    isHidden: isGridImageHidden,
-    onLoad: handleTopRightImageLoaded,
-    size: size,
-    src: images[1]
-  }), /*#__PURE__*/_react.default.createElement(_GridImage.StyledGridBottomRightImage, {
-    isHidden: isGridImageHidden,
-    onLoad: handleBottomRightImageLoaded,
-    src: images[2]
-  }));
-};
-GridImage.displayName = 'GridImage';
-var _default = GridImage;
-exports.default = _default;
-//# sourceMappingURL=GridImage.js.map

package/lib/components/grid-image/GridImage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridImage.js","names":["_react","_interopRequireWildcard","require","_GridImage","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","GridImage","_ref","images","shouldShowRoundImage","size","hasLoadedLeftImage","setHasLoadedLeftImage","useState","hasLoadedTopRightImage","setHasLoadedTopRightImage","hasLoadedBottomRightImage","setHasLoadedBottomRightImage","handleLeftImageLoaded","useCallback","handleTopRightImageLoaded","handleBottomRightImageLoaded","isGridImageHidden","createElement","StyledGridImage","StyledGridLeftImage","isHidden","onLoad","src","StyledGridTopRightImage","StyledGridBottomRightImage","displayName","_default","exports"],"sources":["../../../src/components/grid-image/GridImage.tsx"],"sourcesContent":["import React, { FC, useCallback, useState } from 'react';\nimport {\n    StyledGridBottomRightImage,\n    StyledGridImage,\n    StyledGridLeftImage,\n    StyledGridTopRightImage,\n} from './GridImage.styles';\n\ntype GridImageProps = {\n    /**\n     * The images to be displayed in the `GridImage`. Only the first three\n     * images are displayed.\n     */\n    images: string[];\n    /**\n     * Images of users should always be displayed in a round shape. Therefore\n     * this property can be set to true.\n     */\n    shouldShowRoundImage?: boolean;\n    /**\n     * The size of the `GridImage` in pixels, which is set as both width and height.\n     */\n    size: number;\n};\n\nconst GridImage: FC<GridImageProps> = ({ images, shouldShowRoundImage, size }) => {\n    const [hasLoadedLeftImage, setHasLoadedLeftImage] = useState(false);\n    const [hasLoadedTopRightImage, setHasLoadedTopRightImage] = useState(false);\n    const [hasLoadedBottomRightImage, setHasLoadedBottomRightImage] = useState(false);\n\n    const handleLeftImageLoaded = useCallback(() => setHasLoadedLeftImage(true), []);\n\n    const handleTopRightImageLoaded = useCallback(() => setHasLoadedTopRightImage(true), []);\n\n    const handleBottomRightImageLoaded = useCallback(() => setHasLoadedBottomRightImage(true), []);\n\n    const isGridImageHidden =\n        !hasLoadedLeftImage || !hasLoadedTopRightImage || !hasLoadedBottomRightImage;\n\n    return (\n        <StyledGridImage shouldShowRoundImage={shouldShowRoundImage} size={size}>\n            <StyledGridLeftImage\n                isHidden={isGridImageHidden}\n                onLoad={handleLeftImageLoaded}\n                size={size}\n                src={images[0]}\n            />\n            <StyledGridTopRightImage\n                isHidden={isGridImageHidden}\n                onLoad={handleTopRightImageLoaded}\n                size={size}\n                src={images[1]}\n            />\n            <StyledGridBottomRightImage\n                isHidden={isGridImageHidden}\n                onLoad={handleBottomRightImageLoaded}\n                src={images[2]}\n            />\n        </StyledGridImage>\n    );\n};\n\nGridImage.displayName = 'GridImage';\n\nexport default GridImage;\n"],"mappings":"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"}

package/lib/components/grid-image/GridImage.styles.d.ts

@@ -1,21 +0,0 @@
-export declare const StyledGridImage: import("styled-components").StyledComponent<"div", any, {
-    shouldShowRoundImage?: boolean | undefined;
-    size: number;
-} & {
-    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
-type StyledGridLeftImageProps = {
-    isHidden: boolean;
-    size: number;
-};
-export declare const StyledGridLeftImage: import("styled-components").StyledComponent<"img", any, StyledGridLeftImageProps, never>;
-type StyledGridTopRightImageProps = {
-    isHidden: boolean;
-    size: number;
-};
-export declare const StyledGridTopRightImage: import("styled-components").StyledComponent<"img", any, StyledGridTopRightImageProps, never>;
-type StyledGridBottomRightImageProps = {
-    isHidden: boolean;
-};
-export declare const StyledGridBottomRightImage: import("styled-components").StyledComponent<"img", any, StyledGridBottomRightImageProps, never>;
-export {};

package/lib/components/grid-image/GridImage.styles.js

@@ -1,105 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledGridTopRightImage = exports.StyledGridLeftImage = exports.StyledGridImage = exports.StyledGridBottomRightImage = void 0;
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const StyledGridImage = _styledComponents.default.div`
-    background-color: rgba(${_ref => {
-  let {
-    theme
-  } = _ref;
-  return theme['text-rgb'];
-}}, 0.1);
-    border-radius: ${_ref2 => {
-  let {
-    shouldShowRoundImage
-  } = _ref2;
-  return shouldShowRoundImage ? '50%' : undefined;
-}};
-    box-shadow: 0 0 0 1px rgba(${_ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme['009-rgb'];
-}}, 0.08) inset;
-    height: ${_ref4 => {
-  let {
-    size
-  } = _ref4;
-  return size;
-}}px;
-    overflow: hidden;
-    position: relative;
-    transition: border-radius 0.3s ease;
-    width: ${_ref5 => {
-  let {
-    size
-  } = _ref5;
-  return size;
-}}px;
-`;
-exports.StyledGridImage = StyledGridImage;
-const StyledGridLeftImage = _styledComponents.default.img`
-    border-right: ${_ref6 => {
-  let {
-    size
-  } = _ref6;
-  return size / 40;
-}}px solid white;
-    height: 100%;
-    left: 0;
-    object-fit: cover;
-    opacity: ${_ref7 => {
-  let {
-    isHidden
-  } = _ref7;
-  return isHidden ? 0 : 1;
-}};
-    position: absolute;
-    top: 0;
-    transition: opacity 0.4s ease;
-    width: 60%;
-`;
-exports.StyledGridLeftImage = StyledGridLeftImage;
-const StyledGridTopRightImage = _styledComponents.default.img`
-    border-bottom: ${_ref8 => {
-  let {
-    size
-  } = _ref8;
-  return size / 40;
-}}px solid white;
-    height: 50%;
-    object-fit: cover;
-    opacity: ${_ref9 => {
-  let {
-    isHidden
-  } = _ref9;
-  return isHidden ? 0 : 1;
-}};
-    position: absolute;
-    right: 0;
-    top: 0;
-    transition: opacity 0.3s ease;
-    width: 40%;
-`;
-exports.StyledGridTopRightImage = StyledGridTopRightImage;
-const StyledGridBottomRightImage = _styledComponents.default.img`
-    bottom: 0;
-    height: 50%;
-    object-fit: cover;
-    opacity: ${_ref10 => {
-  let {
-    isHidden
-  } = _ref10;
-  return isHidden ? 0 : 1;
-}};
-    position: absolute;
-    right: 0;
-    transition: opacity 0.3s ease;
-    width: 40%;
-`;
-exports.StyledGridBottomRightImage = StyledGridBottomRightImage;
-//# sourceMappingURL=GridImage.styles.js.map

package/lib/components/grid-image/GridImage.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridImage.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledGridImage","styled","div","_ref","theme","_ref2","shouldShowRoundImage","undefined","_ref3","_ref4","size","_ref5","exports","StyledGridLeftImage","img","_ref6","_ref7","isHidden","StyledGridTopRightImage","_ref8","_ref9","StyledGridBottomRightImage","_ref10"],"sources":["../../../src/components/grid-image/GridImage.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledGridImageProps = WithTheme<{\n    shouldShowRoundImage?: boolean;\n    size: number;\n}>;\n\nexport const StyledGridImage = styled.div<StyledGridImageProps>`\n    background-color: rgba(${({ theme }: StyledGridImageProps) => theme['text-rgb']}, 0.1);\n    border-radius: ${({ shouldShowRoundImage }) => (shouldShowRoundImage ? '50%' : undefined)};\n    box-shadow: 0 0 0 1px rgba(${({ theme }: StyledGridImageProps) => theme['009-rgb']}, 0.08) inset;\n    height: ${({ size }) => size}px;\n    overflow: hidden;\n    position: relative;\n    transition: border-radius 0.3s ease;\n    width: ${({ size }) => size}px;\n`;\n\ntype StyledGridLeftImageProps = {\n    isHidden: boolean;\n    size: number;\n};\n\nexport const StyledGridLeftImage = styled.img<StyledGridLeftImageProps>`\n    border-right: ${({ size }) => size / 40}px solid white;\n    height: 100%;\n    left: 0;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    position: absolute;\n    top: 0;\n    transition: opacity 0.4s ease;\n    width: 60%;\n`;\n\ntype StyledGridTopRightImageProps = {\n    isHidden: boolean;\n    size: number;\n};\n\nexport const StyledGridTopRightImage = styled.img<StyledGridTopRightImageProps>`\n    border-bottom: ${({ size }) => size / 40}px solid white;\n    height: 50%;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    position: absolute;\n    right: 0;\n    top: 0;\n    transition: opacity 0.3s ease;\n    width: 40%;\n`;\n\ntype StyledGridBottomRightImageProps = {\n    isHidden: boolean;\n};\n\nexport const StyledGridBottomRightImage = styled.img<StyledGridBottomRightImageProps>`\n    bottom: 0;\n    height: 50%;\n    object-fit: cover;\n    opacity: ${({ isHidden }) => (isHidden ? 0 : 1)};\n    position: absolute;\n    right: 0;\n    transition: opacity 0.3s ease;\n    width: 40%;\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;AAQhC,MAAMG,eAAe,GAAGC,yBAAM,CAACC,GAA0B;AAChE,6BAA6BC,IAAA;EAAA,IAAC;IAAEC;EAA4B,CAAC,GAAAD,IAAA;EAAA,OAAKC,KAAK,CAAC,UAAU,CAAC;AAAA,CAAC;AACpF,qBAAqBC,KAAA;EAAA,IAAC;IAAEC;EAAqB,CAAC,GAAAD,KAAA;EAAA,OAAMC,oBAAoB,GAAG,KAAK,GAAGC,SAAS;AAAA,CAAE;AAC9F,iCAAiCC,KAAA;EAAA,IAAC;IAAEJ;EAA4B,CAAC,GAAAI,KAAA;EAAA,OAAKJ,KAAK,CAAC,SAAS,CAAC;AAAA,CAAC;AACvF,cAAcK,KAAA;EAAA,IAAC;IAAEC;EAAK,CAAC,GAAAD,KAAA;EAAA,OAAKC,IAAI;AAAA,CAAC;AACjC;AACA;AACA;AACA,aAAaC,KAAA;EAAA,IAAC;IAAED;EAAK,CAAC,GAAAC,KAAA;EAAA,OAAKD,IAAI;AAAA,CAAC;AAChC,CAAC;AAACE,OAAA,CAAAZ,eAAA,GAAAA,eAAA;AAOK,MAAMa,mBAAmB,GAAGZ,yBAAM,CAACa,GAA8B;AACxE,oBAAoBC,KAAA;EAAA,IAAC;IAAEL;EAAK,CAAC,GAAAK,KAAA;EAAA,OAAKL,IAAI,GAAG,EAAE;AAAA,CAAC;AAC5C;AACA;AACA;AACA,eAAeM,KAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,KAAA;EAAA,OAAMC,QAAQ,GAAG,CAAC,GAAG,CAAC;AAAA,CAAE;AACpD;AACA;AACA;AACA;AACA,CAAC;AAACL,OAAA,CAAAC,mBAAA,GAAAA,mBAAA;AAOK,MAAMK,uBAAuB,GAAGjB,yBAAM,CAACa,GAAkC;AAChF,qBAAqBK,KAAA;EAAA,IAAC;IAAET;EAAK,CAAC,GAAAS,KAAA;EAAA,OAAKT,IAAI,GAAG,EAAE;AAAA,CAAC;AAC7C;AACA;AACA,eAAeU,KAAA;EAAA,IAAC;IAAEH;EAAS,CAAC,GAAAG,KAAA;EAAA,OAAMH,QAAQ,GAAG,CAAC,GAAG,CAAC;AAAA,CAAE;AACpD;AACA;AACA;AACA;AACA;AACA,CAAC;AAACL,OAAA,CAAAM,uBAAA,GAAAA,uBAAA;AAMK,MAAMG,0BAA0B,GAAGpB,yBAAM,CAACa,GAAqC;AACtF;AACA;AACA;AACA,eAAeQ,MAAA;EAAA,IAAC;IAAEL;EAAS,CAAC,GAAAK,MAAA;EAAA,OAAML,QAAQ,GAAG,CAAC,GAAG,CAAC;AAAA,CAAE;AACpD;AACA;AACA;AACA;AACA,CAAC;AAACL,OAAA,CAAAS,0BAAA,GAAAA,0BAAA"}

package/lib/components/icon/Icon.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.js","names":["_clsx","_interopRequireDefault","require","_react","_Icon","_utils","obj","__esModule","default","Icon","_ref","className","color","icons","isDisabled","onClick","onDoubleClick","onMouseDown","size","shouldStopPropagation","handleClick","event","stopPropagation","handleDoubleClick","maxStackSizeFactor","forEach","icon","stackSizeFactor","getStackSizeFactor","shouldUseStackedIcon","length","wrapperClasses","clsx","createElement","StyledIconWrapper","undefined","map","iconClasses","StyledIcon","includes","fontSize","isStacked","key","displayName","_default","exports"],"sources":["../../../src/components/icon/Icon.tsx"],"sourcesContent":["import clsx from 'clsx';\nimport React, { FC, MouseEventHandler } from 'react';\nimport { StyledIcon, StyledIconWrapper } from './Icon.styles';\nimport { getStackSizeFactor } from './utils';\n\nexport type IconProps = {\n    /**\n     * Additional class names for the root element\n     */\n    className?: string;\n    /**\n     * The color of the icon\n     */\n    color?: string;\n    /**\n     * The FontAwesome or tobit icons to render. Multiple icons are stacked.\n     */\n    icons: string[];\n    /**\n     * Disables the icon so that it cannot be clicked anymore\n     */\n    isDisabled?: boolean;\n    /**\n     * Function to be executed when the icon was clicked\n     */\n    onClick?: MouseEventHandler<HTMLSpanElement>;\n    /**\n     * Function to be executed when the icon was double-clicked\n     */\n    onDoubleClick?: MouseEventHandler<HTMLSpanElement>;\n    /**\n     * Function to be executed when a mouse button is pressed on the icon\n     */\n    onMouseDown?: MouseEventHandler<HTMLSpanElement>;\n    /**\n     * Size of the icon in pixel\n     */\n    size?: number;\n    /**\n     * Stops event propagation on click\n     */\n    shouldStopPropagation?: boolean;\n};\n\nconst Icon: FC<IconProps> = ({\n    className,\n    color,\n    icons,\n    isDisabled,\n    onClick,\n    onDoubleClick,\n    onMouseDown,\n    size = 15,\n    shouldStopPropagation,\n}) => {\n    const handleClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n        if (shouldStopPropagation) {\n            event.stopPropagation();\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(event);\n        }\n    };\n\n    const handleDoubleClick: MouseEventHandler<HTMLSpanElement> = (event) => {\n        if (shouldStopPropagation) {\n            event.stopPropagation();\n        }\n\n        if (typeof onDoubleClick === 'function') {\n            onDoubleClick(event);\n        }\n    };\n\n    let maxStackSizeFactor = 1;\n\n    icons.forEach((icon) => {\n        const stackSizeFactor = getStackSizeFactor(icon);\n\n        if (stackSizeFactor && stackSizeFactor > maxStackSizeFactor) {\n            maxStackSizeFactor = stackSizeFactor;\n        }\n    });\n\n    const shouldUseStackedIcon = icons.length > 1;\n\n    const wrapperClasses = clsx(\n        'beta-chayns-icon',\n        shouldUseStackedIcon ? 'fa-stack' : '',\n        className\n    );\n\n    return (\n        <StyledIconWrapper\n            className={wrapperClasses}\n            isDisabled={isDisabled}\n            onClick={typeof onClick === 'function' ? handleClick : undefined}\n            onDoubleClick={typeof onDoubleClick === 'function' ? handleDoubleClick : undefined}\n            onMouseDown={onMouseDown}\n            size={size}\n        >\n            {icons.map((icon) => {\n                const stackSizeFactor = getStackSizeFactor(icon);\n\n                const iconClasses = clsx(icon, className, {\n                    'fa-stack-1x': shouldUseStackedIcon && stackSizeFactor === undefined,\n                });\n\n                return (\n                    <StyledIcon\n                        className={iconClasses}\n                        color={icon.includes('fa-inverse') ? 'white' : color}\n                        fontSize={((stackSizeFactor || 1) / maxStackSizeFactor) * size}\n                        isStacked={shouldUseStackedIcon}\n                        key={icon}\n                        size={size}\n                    />\n                );\n            })}\n        </StyledIconWrapper>\n    );\n};\n\nIcon.displayName = 'Icon';\n\nexport default Icon;\n"],"mappings":"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"}

package/lib/components/icon/Icon.styles.d.ts

@@ -1,15 +0,0 @@
-import type { MouseEventHandler } from 'react';
-import type { IconProps } from './Icon';
-type StyledIconWrapperProps = {
-    isDisabled?: boolean;
-    onClick?: MouseEventHandler<HTMLSpanElement>;
-    size: number;
-};
-export declare const StyledIconWrapper: import("styled-components").StyledComponent<"span", any, StyledIconWrapperProps, never>;
-export declare const StyledIcon: import("styled-components").StyledComponent<"i", any, Omit<IconProps, "icons"> & {
-    fontSize: number;
-    isStacked?: boolean | undefined;
-} & {
-    theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>;
-export {};

package/lib/components/icon/Icon.styles.js

@@ -1,76 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledIconWrapper = exports.StyledIcon = void 0;
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-const StyledIconWrapper = _styledComponents.default.span`
-    align-items: center;
-    cursor: ${_ref => {
-  let {
-    isDisabled,
-    onClick
-  } = _ref;
-  return typeof onClick === 'function' && !isDisabled ? 'pointer' : 'inherit';
-}};
-    display: inline-flex;
-    height: ${_ref2 => {
-  let {
-    size
-  } = _ref2;
-  return `${size}px`;
-}};
-    justify-content: center;
-    opacity: ${_ref3 => {
-  let {
-    isDisabled
-  } = _ref3;
-  return isDisabled ? 0.5 : 1;
-}};
-    position: relative;
-    transition: opacity 0.3s ease;
-    width: ${_ref4 => {
-  let {
-    size
-  } = _ref4;
-  return `${size}px`;
-}};
-`;
-exports.StyledIconWrapper = StyledIconWrapper;
-const StyledIcon = _styledComponents.default.i`
-    color: ${_ref5 => {
-  let {
-    color,
-    theme
-  } = _ref5;
-  return color || theme.headline;
-}};
-    display: ${_ref6 => {
-  let {
-    isStacked
-  } = _ref6;
-  return isStacked ? undefined : 'inline-flex';
-}};
-    font-size: ${_ref7 => {
-  let {
-    fontSize
-  } = _ref7;
-  return `${fontSize}px`;
-}};
-
-    ${_ref8 => {
-  let {
-    fontSize,
-    size
-  } = _ref8;
-  return fontSize !== size && (0, _styledComponents.css)`
-            top: 50%;
-            transform: translateY(-50%);
-        `;
-}}
-`;
-exports.StyledIcon = StyledIcon;
-//# sourceMappingURL=Icon.styles.js.map

package/lib/components/icon/Icon.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","StyledIconWrapper","styled","span","_ref","isDisabled","onClick","_ref2","size","_ref3","_ref4","exports","StyledIcon","i","_ref5","color","theme","headline","_ref6","isStacked","undefined","_ref7","fontSize","_ref8","css"],"sources":["../../../src/components/icon/Icon.styles.ts"],"sourcesContent":["import type { MouseEventHandler } from 'react';\nimport styled, { css } from 'styled-components';\nimport type { IconProps } from './Icon';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledIconWrapperProps = {\n    isDisabled?: boolean;\n    onClick?: MouseEventHandler<HTMLSpanElement>;\n    size: number;\n};\n\nexport const StyledIconWrapper = styled.span<StyledIconWrapperProps>`\n    align-items: center;\n    cursor: ${({ isDisabled, onClick }) =>\n        typeof onClick === 'function' && !isDisabled ? 'pointer' : 'inherit'};\n    display: inline-flex;\n    height: ${({ size }) => `${size}px`};\n    justify-content: center;\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.5 : 1)};\n    position: relative;\n    transition: opacity 0.3s ease;\n    width: ${({ size }) => `${size}px`};\n`;\n\ntype StyledIconProps = Omit<IconProps, 'icons'> &\n    WithTheme<{\n        fontSize: number;\n        isStacked?: boolean;\n    }>;\n\nexport const StyledIcon = styled.i<StyledIconProps>`\n    color: ${({ color, theme }: StyledIconProps) => color || theme.headline};\n    display: ${({ isStacked }) => (isStacked ? undefined : 'inline-flex')};\n    font-size: ${({ fontSize }) => `${fontSize}px`};\n\n    ${({ fontSize, size }) =>\n        fontSize !== size &&\n        css`\n            top: 50%;\n            transform: translateY(-50%);\n        `}\n`;\n"],"mappings":"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"}

package/lib/components/icon/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","names":["getStackSizeFactor","icon","_icon$match","sizeFactorString","match","parseInt","undefined","exports"],"sources":["../../../src/components/icon/utils.ts"],"sourcesContent":["export const getStackSizeFactor = (icon: string) => {\n    const sizeFactorString = icon.match(/fa-stack-([\\d])x/)?.[1];\n\n    return typeof sizeFactorString === 'string' ? parseInt(sizeFactorString, 10) : undefined;\n};\n"],"mappings":";;;;;;AAAO,MAAMA,kBAAkB,GAAIC,IAAY,IAAK;EAAA,IAAAC,WAAA;EAChD,MAAMC,gBAAgB,IAAAD,WAAA,GAAGD,IAAI,CAACG,KAAK,CAAC,kBAAkB,CAAC,cAAAF,WAAA,uBAA9BA,WAAA,CAAiC,CAAC,CAAC;EAE5D,OAAO,OAAOC,gBAAgB,KAAK,QAAQ,GAAGE,QAAQ,CAACF,gBAAgB,EAAE,EAAE,CAAC,GAAGG,SAAS;AAC5F,CAAC;AAACC,OAAA,CAAAP,kBAAA,GAAAA,kBAAA"}

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

@@ -1,37 +0,0 @@
-import { ChangeEventHandler, FC, FocusEventHandler, HTMLInputTypeAttribute, KeyboardEventHandler } from 'react';
-export type InputProps = {
-    /**
-     * Disables the input so that it cannot be changed anymore
-     */
-    isDisabled?: boolean;
-    /**
-     * Function that is executed when the input field loses focus
-     */
-    onBlur?: FocusEventHandler<HTMLInputElement>;
-    /**
-     * Function that is executed when the text of the input changes
-     */
-    onChange?: ChangeEventHandler<HTMLInputElement>;
-    /**
-     * Function that is executed when the input field is focused
-     */
-    onFocus?: FocusEventHandler<HTMLInputElement>;
-    /**
-     * Function that is executed when a letter is pressed
-     */
-    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
-    /**
-     * Placeholder for the input field
-     */
-    placeholder?: string;
-    /**
-     * Input type set for input element (e.g. 'text', 'number' or 'password')
-     */
-    type?: HTMLInputTypeAttribute;
-    /**
-     * Value if the input field should be controlled
-     */
-    value?: string;
-};
-declare const Input: FC<InputProps>;
-export default Input;