@chayns-components/core 5.0.0-beta.9 → 5.0.0-beta.900

package/lib/components/icon/Icon.js

@@ -1,72 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _clsx = _interopRequireDefault(require("clsx"));
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Icon = require("./Icon.styles");
-
-var _utils = require("./utils");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-var Icon = function Icon(_ref) {
-  var className = _ref.className,
-      color = _ref.color,
-      icons = _ref.icons,
-      isDisabled = _ref.isDisabled,
-      onClick = _ref.onClick,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 15 : _ref$size,
-      shouldStopPropagation = _ref.shouldStopPropagation;
-
-  var handleClick = function handleClick(event) {
-    if (shouldStopPropagation) {
-      event.stopPropagation();
-    }
-
-    if (typeof onClick === 'function') {
-      onClick(event);
-    }
-  };
-
-  var maxStackSizeFactor = 1;
-  icons.forEach(function (icon) {
-    var stackSizeFactor = (0, _utils.getStackSizeFactor)(icon);
-
-    if (stackSizeFactor && stackSizeFactor > maxStackSizeFactor) {
-      maxStackSizeFactor = stackSizeFactor;
-    }
-  });
-  var shouldUseStackedIcon = icons.length > 1;
-  var wrapperClasses = (0, _clsx.default)('beta-chayns-icon', shouldUseStackedIcon ? 'fa-stack' : '', className);
-  return /*#__PURE__*/_react.default.createElement(_Icon.StyledIconWrapper, {
-    className: wrapperClasses,
-    isDisabled: isDisabled,
-    onClick: handleClick,
-    size: size
-  }, icons.map(function (icon) {
-    var stackSizeFactor = (0, _utils.getStackSizeFactor)(icon);
-    var iconClasses = (0, _clsx.default)(icon, className, {
-      'fa-stack-1x': shouldUseStackedIcon && stackSizeFactor === undefined
-    });
-    return /*#__PURE__*/_react.default.createElement(_Icon.StyledIcon, {
-      className: iconClasses,
-      color: icon.includes('fa-inverse') ? 'white' : color,
-      fontSize: (stackSizeFactor || 1) / maxStackSizeFactor * size,
-      isStacked: shouldUseStackedIcon,
-      key: icon,
-      size: size
-    });
-  }));
-};
-
-Icon.displayName = 'Icon';
-var _default = Icon;
-exports.default = _default;
-//# sourceMappingURL=Icon.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/icon/Icon.tsx"],"names":["Icon","className","color","icons","isDisabled","onClick","size","shouldStopPropagation","handleClick","event","stopPropagation","maxStackSizeFactor","forEach","icon","stackSizeFactor","shouldUseStackedIcon","length","wrapperClasses","map","iconClasses","undefined","includes","displayName"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;AAiCA,IAAMA,IAAmB,GAAG,SAAtBA,IAAsB,OAQtB;AAAA,MAPFC,SAOE,QAPFA,SAOE;AAAA,MANFC,KAME,QANFA,KAME;AAAA,MALFC,KAKE,QALFA,KAKE;AAAA,MAJFC,UAIE,QAJFA,UAIE;AAAA,MAHFC,OAGE,QAHFA,OAGE;AAAA,uBAFFC,IAEE;AAAA,MAFFA,IAEE,0BAFK,EAEL;AAAA,MADFC,qBACE,QADFA,qBACE;;AACF,MAAMC,WAA6D,GAAG,SAAhEA,WAAgE,CAACC,KAAD,EAAW;AAC7E,QAAIF,qBAAJ,EAA2B;AACvBE,MAAAA,KAAK,CAACC,eAAN;AACH;;AAED,QAAI,OAAOL,OAAP,KAAmB,UAAvB,EAAmC;AAC/BA,MAAAA,OAAO,CAACI,KAAD,CAAP;AACH;AACJ,GARD;;AAUA,MAAIE,kBAAkB,GAAG,CAAzB;AAEAR,EAAAA,KAAK,CAACS,OAAN,CAAc,UAACC,IAAD,EAAU;AACpB,QAAMC,eAAe,GAAG,+BAAmBD,IAAnB,CAAxB;;AAEA,QAAIC,eAAe,IAAIA,eAAe,GAAGH,kBAAzC,EAA6D;AACzDA,MAAAA,kBAAkB,GAAGG,eAArB;AACH;AACJ,GAND;AAQA,MAAMC,oBAAoB,GAAGZ,KAAK,CAACa,MAAN,GAAe,CAA5C;AAEA,MAAMC,cAAc,GAAG,mBACnB,kBADmB,EAEnBF,oBAAoB,GAAG,UAAH,GAAgB,EAFjB,EAGnBd,SAHmB,CAAvB;AAMA,sBACI,6BAAC,uBAAD;AACI,IAAA,SAAS,EAAEgB,cADf;AAEI,IAAA,UAAU,EAAEb,UAFhB;AAGI,IAAA,OAAO,EAAEI,WAHb;AAII,IAAA,IAAI,EAAEF;AAJV,KAMKH,KAAK,CAACe,GAAN,CAAU,UAACL,IAAD,EAAU;AACjB,QAAMC,eAAe,GAAG,+BAAmBD,IAAnB,CAAxB;AAEA,QAAMM,WAAW,GAAG,mBAAKN,IAAL,EAAWZ,SAAX,EAAsB;AACtC,qBAAec,oBAAoB,IAAID,eAAe,KAAKM;AADrB,KAAtB,CAApB;AAIA,wBACI,6BAAC,gBAAD;AACI,MAAA,SAAS,EAAED,WADf;AAEI,MAAA,KAAK,EAAEN,IAAI,CAACQ,QAAL,CAAc,YAAd,IAA8B,OAA9B,GAAwCnB,KAFnD;AAGI,MAAA,QAAQ,EAAG,CAACY,eAAe,IAAI,CAApB,IAAyBH,kBAA1B,GAAgDL,IAH9D;AAII,MAAA,SAAS,EAAES,oBAJf;AAKI,MAAA,GAAG,EAAEF,IALT;AAMI,MAAA,IAAI,EAAEP;AANV,MADJ;AAUH,GAjBA,CANL,CADJ;AA2BH,CAhED;;AAkEAN,IAAI,CAACsB,WAAL,GAAmB,MAAnB;eAEetB,I","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, ...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 is clicked\n     */\n    onClick?: 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    size = 15,\n    shouldStopPropagation,\n}) => {\n    const handleClick: MouseEventHandler<HTMLElement | HTMLSpanElement> = (event) => {\n        if (shouldStopPropagation) {\n            event.stopPropagation();\n        }\n\n        if (typeof onClick === 'function') {\n            onClick(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={handleClick}\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"],"file":"Icon.js"}

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

@@ -1,8 +0,0 @@
-import type { IconProps } from './Icon';
-declare type StyledIconWrapperProps = Omit<IconProps, 'icons'>;
-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;
-}, never>;
-export {};

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

@@ -1,54 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.StyledIcon = exports.StyledIconWrapper = void 0;
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _templateObject, _templateObject2, _templateObject3;
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledIconWrapper = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    align-items: center;\n    cursor: ", ";\n    display: inline-flex;\n    height: ", ";\n    justify-content: center;\n    opacity: ", ";\n    position: relative;\n    transition: opacity 0.3s ease;\n    width: ", ";\n"])), function (_ref) {
-  var isDisabled = _ref.isDisabled,
-      onClick = _ref.onClick;
-  return typeof onClick === 'function' && !isDisabled ? 'pointer' : 'default';
-}, function (_ref2) {
-  var size = _ref2.size;
-  return "".concat(size, "px");
-}, function (_ref3) {
-  var isDisabled = _ref3.isDisabled;
-  return isDisabled ? 0.5 : 1;
-}, function (_ref4) {
-  var size = _ref4.size;
-  return "".concat(size, "px");
-});
-
-exports.StyledIconWrapper = StyledIconWrapper;
-
-var StyledIcon = _styledComponents.default.i(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n    display: ", ";\n    font-size: ", ";\n\n    ", "\n"])), function (_ref5) {
-  var color = _ref5.color,
-      theme = _ref5.theme;
-  return color || theme['headline'];
-}, function (_ref6) {
-  var isStacked = _ref6.isStacked;
-  return isStacked ? undefined : 'inline-flex';
-}, function (_ref7) {
-  var fontSize = _ref7.fontSize;
-  return "".concat(fontSize, "px");
-}, function (_ref8) {
-  var fontSize = _ref8.fontSize,
-      size = _ref8.size;
-  return fontSize !== size && (0, _styledComponents.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            top: 50%;\n            transform: translateY(-50%);\n        "])));
-});
-
-exports.StyledIcon = StyledIcon;
-//# sourceMappingURL=Icon.styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/icon/Icon.styles.ts"],"names":["StyledIconWrapper","styled","span","isDisabled","onClick","size","StyledIcon","i","color","theme","isStacked","undefined","fontSize","css"],"mappings":";;;;;;;;;AAAA;;;;;;;;;;AAUO,IAAMA,iBAAiB,GAAGC,0BAAOC,IAAV,oSAEhB;AAAA,MAAGC,UAAH,QAAGA,UAAH;AAAA,MAAeC,OAAf,QAAeA,OAAf;AAAA,SACN,OAAOA,OAAP,KAAmB,UAAnB,IAAiC,CAACD,UAAlC,GAA+C,SAA/C,GAA2D,SADrD;AAAA,CAFgB,EAKhB;AAAA,MAAGE,IAAH,SAAGA,IAAH;AAAA,mBAAiBA,IAAjB;AAAA,CALgB,EAOf;AAAA,MAAGF,UAAH,SAAGA,UAAH;AAAA,SAAqBA,UAAU,GAAG,GAAH,GAAS,CAAxC;AAAA,CAPe,EAUjB;AAAA,MAAGE,IAAH,SAAGA,IAAH;AAAA,mBAAiBA,IAAjB;AAAA,CAViB,CAAvB;;;;AAaA,IAAMC,UAAU,GAAGL,0BAAOM,CAAV,kJACV;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,MAAUC,KAAV,SAAUA,KAAV;AAAA,SAAsBD,KAAK,IAAIC,KAAK,CAAC,UAAD,CAApC;AAAA,CADU,EAER;AAAA,MAAGC,SAAH,SAAGA,SAAH;AAAA,SAAoBA,SAAS,GAAGC,SAAH,GAAe,aAA5C;AAAA,CAFQ,EAGN;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,mBAAqBA,QAArB;AAAA,CAHM,EAKjB;AAAA,MAAGA,QAAH,SAAGA,QAAH;AAAA,MAAaP,IAAb,SAAaA,IAAb;AAAA,SACEO,QAAQ,KAAKP,IAAb,QACAQ,qBADA,mJADF;AAAA,CALiB,CAAhB","sourcesContent":["import styled, { css } from 'styled-components';\nimport type { IconProps } from './Icon';\n\ntype StyledIconWrapperProps = Omit<IconProps, 'icons'>;\n\ntype StyledIconProps = Omit<IconProps, 'icons'> & {\n    fontSize: number;\n    isStacked?: boolean;\n};\n\nexport const StyledIconWrapper = styled.span<StyledIconWrapperProps>`\n    align-items: center;\n    cursor: ${({ isDisabled, onClick }) =>\n        typeof onClick === 'function' && !isDisabled ? 'pointer' : 'default'};\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\nexport const StyledIcon = styled.i<StyledIconProps>`\n    color: ${({ color, theme }) => 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"],"file":"Icon.styles.js"}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/icon/utils.ts"],"names":["getStackSizeFactor","icon","sizeFactorString","match","parseInt","undefined"],"mappings":";;;;;;;AAAO,IAAMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,IAAD,EAAkB;AAAA;;AAChD,MAAMC,gBAAgB,kBAAGD,IAAI,CAACE,KAAL,CAAW,kBAAX,CAAH,gDAAG,YAAiC,CAAjC,CAAzB;AAEA,SAAO,OAAOD,gBAAP,KAA4B,QAA5B,GAAuCE,QAAQ,CAACF,gBAAD,EAAmB,EAAnB,CAA/C,GAAwEG,SAA/E;AACH,CAJM","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"],"file":"utils.js"}

package/lib/index.d.ts

@@ -1,6 +0,0 @@
-export { default as Accordion } from './components/accordion/Accordion';
-export { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';
-export { default as Badge } from './components/badge/Badge';
-export { default as Button } from './components/button/Button';
-export { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';
-export { default as Icon } from './components/icon/Icon';

package/lib/index.js

@@ -1,56 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Accordion", {
-  enumerable: true,
-  get: function get() {
-    return _Accordion.default;
-  }
-});
-Object.defineProperty(exports, "AccordionContent", {
-  enumerable: true,
-  get: function get() {
-    return _AccordionContent.default;
-  }
-});
-Object.defineProperty(exports, "Badge", {
-  enumerable: true,
-  get: function get() {
-    return _Badge.default;
-  }
-});
-Object.defineProperty(exports, "Button", {
-  enumerable: true,
-  get: function get() {
-    return _Button.default;
-  }
-});
-Object.defineProperty(exports, "ColorSchemeProvider", {
-  enumerable: true,
-  get: function get() {
-    return _ColorSchemeProvider.default;
-  }
-});
-Object.defineProperty(exports, "Icon", {
-  enumerable: true,
-  get: function get() {
-    return _Icon.default;
-  }
-});
-
-var _Accordion = _interopRequireDefault(require("./components/accordion/Accordion"));
-
-var _AccordionContent = _interopRequireDefault(require("./components/accordion/accordion-content/AccordionContent"));
-
-var _Badge = _interopRequireDefault(require("./components/badge/Badge"));
-
-var _Button = _interopRequireDefault(require("./components/button/Button"));
-
-var _ColorSchemeProvider = _interopRequireDefault(require("./components/color-scheme-provider/ColorSchemeProvider"));
-
-var _Icon = _interopRequireDefault(require("./components/icon/Icon"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;AACA","sourcesContent":["export { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as ColorSchemeProvider } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { default as Icon } from './components/icon/Icon';\n"],"file":"index.js"}