@chayns-components/core 5.0.0-beta.340 → 5.0.0-beta.344

package/lib/components/checkbox/Checkbox.d.ts

@@ -1,9 +1,9 @@
-import { ChangeEventHandler, FC, ReactNode } from 'react';
+import { ChangeEventHandler, FC, ReactElement } from 'react';
 export type CheckboxProps = {
     /**
      * Text for checkbox or switch
      */
-    children?: ReactNode;
+    children?: ReactElement;
     /**
      * Indicates whether the checkbox or switch is selected
      */

package/lib/components/checkbox/Checkbox.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _uuid = require("../../hooks/uuid");
+var _calculate = require("../../utils/calculate");
 var _Checkbox = require("./Checkbox.styles");
 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; }
@@ -25,6 +26,7 @@ const Checkbox = _ref => {
     }
   }, [onChange]);
   const uuid = (0, _uuid.useUuid)();
+  const lineHeight = (0, _react.useMemo)(() => children ? (0, _calculate.getHeightOfSingleTextLine)(children) : undefined, [children]);
   return /*#__PURE__*/_react.default.createElement(_Checkbox.StyledCheckbox, null, /*#__PURE__*/_react.default.createElement(_Checkbox.StyledCheckboxInput, {
     checked: isChecked,
     disabled: isDisabled,
@@ -35,7 +37,8 @@ const Checkbox = _ref => {
     htmlFor: uuid,
     isChecked: isChecked ?? isActive,
     isDisabled: isDisabled,
-    shouldShowAsSwitch: shouldShowAsSwitch
+    shouldShowAsSwitch: shouldShowAsSwitch,
+    lineHeight: lineHeight
   }, children));
 };
 Checkbox.displayName = 'Checkbox';

package/lib/components/checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_uuid","_Checkbox","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","_ref","children","isChecked","isDisabled","onChange","shouldShowAsSwitch","isActive","setIsActive","useState","handleChange","useCallback","event","target","checked","uuid","useUuid","createElement","StyledCheckbox","StyledCheckboxInput","disabled","id","type","StyledCheckboxLabel","htmlFor","displayName","_default","exports"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    useCallback,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { StyledCheckbox, StyledCheckboxInput, StyledCheckboxLabel } from './Checkbox.styles';\n\nexport type CheckboxProps = {\n    /**\n     * Text for checkbox or switch\n     */\n    children?: ReactNode;\n    /**\n     * Indicates whether the checkbox or switch is selected\n     */\n    isChecked?: boolean;\n    /**\n     * Disables the checkbox or switch so it cannot be toggled\n     */\n    isDisabled?: boolean;\n    /**\n     * Function to be executed if the checked value changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Changes the design to use switch instead of checkbox\n     */\n    shouldShowAsSwitch?: boolean;\n};\n\nconst Checkbox: FC<CheckboxProps> = ({\n    children,\n    isChecked,\n    isDisabled,\n    onChange,\n    shouldShowAsSwitch,\n}) => {\n    const [isActive, setIsActive] = useState(isChecked ?? false);\n\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setIsActive(event.target.checked);\n\n            if (typeof onChange === 'function') {\n                onChange(event);\n            }\n        },\n        [onChange]\n    );\n\n    const uuid = useUuid();\n\n    return (\n        <StyledCheckbox>\n            <StyledCheckboxInput\n                checked={isChecked}\n                disabled={isDisabled}\n                id={uuid}\n                onChange={handleChange}\n                type=\"checkbox\"\n            />\n            <StyledCheckboxLabel\n                htmlFor={uuid}\n                isChecked={isChecked ?? isActive}\n                isDisabled={isDisabled}\n                shouldShowAsSwitch={shouldShowAsSwitch}\n            >\n                {children}\n            </StyledCheckboxLabel>\n        </StyledCheckbox>\n    );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,SAAA,GAAAF,OAAA;AAA6F,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,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAc,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,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,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAgB,GAAA,CAAAnB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAyB7F,MAAMY,QAA2B,GAAGC,IAAA,IAM9B;EAAA,IAN+B;IACjCC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,QAAQ;IACRC;EACJ,CAAC,GAAAL,IAAA;EACG,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAACN,SAAS,IAAI,KAAK,CAAC;EAE5D,MAAMO,YAAY,GAAG,IAAAC,kBAAW,EAC3BC,KAAoC,IAAK;IACtCJ,WAAW,CAACI,KAAK,CAACC,MAAM,CAACC,OAAO,CAAC;IAEjC,IAAI,OAAOT,QAAQ,KAAK,UAAU,EAAE;MAChCA,QAAQ,CAACO,KAAK,CAAC;IACnB;EACJ,CAAC,EACD,CAACP,QAAQ,CACb,CAAC;EAED,MAAMU,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEtB,oBACI1C,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACvC,SAAA,CAAAwC,cAAc,qBACX5C,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACvC,SAAA,CAAAyC,mBAAmB;IAChBL,OAAO,EAAEX,SAAU;IACnBiB,QAAQ,EAAEhB,UAAW;IACrBiB,EAAE,EAAEN,IAAK;IACTV,QAAQ,EAAEK,YAAa;IACvBY,IAAI,EAAC;EAAU,CAClB,CAAC,eACFhD,MAAA,CAAAW,OAAA,CAAAgC,aAAA,CAACvC,SAAA,CAAA6C,mBAAmB;IAChBC,OAAO,EAAET,IAAK;IACdZ,SAAS,EAAEA,SAAS,IAAII,QAAS;IACjCH,UAAU,EAAEA,UAAW;IACvBE,kBAAkB,EAAEA;EAAmB,GAEtCJ,QACgB,CACT,CAAC;AAEzB,CAAC;AAEDF,QAAQ,CAACyB,WAAW,GAAG,UAAU;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA1C,OAAA,GAEnBe,QAAQ"}
+{"version":3,"file":"Checkbox.js","names":["_react","_interopRequireWildcard","require","_uuid","_calculate","_Checkbox","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","Checkbox","_ref","children","isChecked","isDisabled","onChange","shouldShowAsSwitch","isActive","setIsActive","useState","handleChange","useCallback","event","target","checked","uuid","useUuid","lineHeight","useMemo","getHeightOfSingleTextLine","undefined","createElement","StyledCheckbox","StyledCheckboxInput","disabled","id","type","StyledCheckboxLabel","htmlFor","displayName","_default","exports"],"sources":["../../../src/components/checkbox/Checkbox.tsx"],"sourcesContent":["import React, {\n    ChangeEvent,\n    ChangeEventHandler,\n    FC,\n    ReactElement,\n    useCallback,\n    useMemo,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { getHeightOfSingleTextLine } from '../../utils/calculate';\nimport { StyledCheckbox, StyledCheckboxInput, StyledCheckboxLabel } from './Checkbox.styles';\n\nexport type CheckboxProps = {\n    /**\n     * Text for checkbox or switch\n     */\n    children?: ReactElement;\n    /**\n     * Indicates whether the checkbox or switch is selected\n     */\n    isChecked?: boolean;\n    /**\n     * Disables the checkbox or switch so it cannot be toggled\n     */\n    isDisabled?: boolean;\n    /**\n     * Function to be executed if the checked value changes\n     */\n    onChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Changes the design to use switch instead of checkbox\n     */\n    shouldShowAsSwitch?: boolean;\n};\n\nconst Checkbox: FC<CheckboxProps> = ({\n    children,\n    isChecked,\n    isDisabled,\n    onChange,\n    shouldShowAsSwitch,\n}) => {\n    const [isActive, setIsActive] = useState(isChecked ?? false);\n\n    const handleChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setIsActive(event.target.checked);\n\n            if (typeof onChange === 'function') {\n                onChange(event);\n            }\n        },\n        [onChange],\n    );\n\n    const uuid = useUuid();\n\n    const lineHeight = useMemo(\n        () => (children ? getHeightOfSingleTextLine(children) : undefined),\n        [children],\n    );\n\n    return (\n        <StyledCheckbox>\n            <StyledCheckboxInput\n                checked={isChecked}\n                disabled={isDisabled}\n                id={uuid}\n                onChange={handleChange}\n                type=\"checkbox\"\n            />\n            <StyledCheckboxLabel\n                htmlFor={uuid}\n                isChecked={isChecked ?? isActive}\n                isDisabled={isDisabled}\n                shouldShowAsSwitch={shouldShowAsSwitch}\n                lineHeight={lineHeight}\n            >\n                {children}\n            </StyledCheckboxLabel>\n        </StyledCheckbox>\n    );\n};\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"mappings":"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"}

package/lib/components/checkbox/Checkbox.styles.d.ts

@@ -576,6 +576,11 @@ export declare const StyledCheckboxInput: import("styled-components").IStyledCom
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLInputElement> | undefined;
 }>;
-type StyledCheckboxLabelProps = WithTheme<Omit<CheckboxProps, 'children' | 'onChange'>>;
+type StyledCheckboxLabelProps = WithTheme<{
+    shouldShowAsSwitch?: CheckboxProps['shouldShowAsSwitch'];
+    isDisabled?: CheckboxProps['isDisabled'];
+    isChecked?: CheckboxProps['isChecked'];
+    lineHeight?: number;
+}>;
 export declare const StyledCheckboxLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, StyledCheckboxLabelProps>>;
 export {};

package/lib/components/checkbox/Checkbox.styles.js

@@ -47,7 +47,8 @@ const StyledCheckboxLabel = exports.StyledCheckboxLabel = _styledComponents.defa
         ${_ref5 => {
   let {
     isChecked,
-    shouldShowAsSwitch
+    shouldShowAsSwitch,
+    lineHeight
   } = _ref5;
   return shouldShowAsSwitch ? (0, _styledComponents.css)`
                       background-color: white;
@@ -55,18 +56,18 @@ const StyledCheckboxLabel = exports.StyledCheckboxLabel = _styledComponents.defa
                       box-shadow: 0 1px 4px rgb(0 0 0 / 35%);
                       height: 16px;
                       left: 7px;
-                      top: 3.5px;
-                      transform: translateX(${isChecked ? '18px' : 0});
+                      top: ${lineHeight ? `${lineHeight / 1.5}px` : '50%'};
+                      transform: translateX(${isChecked ? '18px' : 0}) translateY(-50%);
                       transition: transform 0.2s ease;
                       width: 16px;
                   ` : (0, _styledComponents.css)`
                       border-right: 2px solid #fff;
                       border-bottom: 2px solid #fff;
                       height: 10px;
-                      left: 1px;
+                      left: 2px;
                       opacity: ${isChecked ? 1 : 0};
-                      top: 7px;
-                      transform: rotateZ(37deg);
+                      top: ${lineHeight ? `calc(${lineHeight / 1.5}px - 2px)` : 'calc(50% - 2px)'};
+                      transform: rotateZ(37deg) translateY(-50%);
                       transition: opacity 0.2s ease;
                       width: 5.5px;
                   `;
@@ -74,7 +75,6 @@ const StyledCheckboxLabel = exports.StyledCheckboxLabel = _styledComponents.defa
 
         content: ' ';
         position: absolute;
-        transform-origin: 100% 100%;
     }
 
     &:before {
@@ -115,7 +115,6 @@ const StyledCheckboxLabel = exports.StyledCheckboxLabel = _styledComponents.defa
   return shouldShowAsSwitch ? '10px' : 0;
 }};
         position: absolute;
-        top: 5px;
         transition: background-color 0.2s ease;
         width: ${_ref11 => {
   let {
@@ -123,6 +122,19 @@ const StyledCheckboxLabel = exports.StyledCheckboxLabel = _styledComponents.defa
   } = _ref11;
   return shouldShowAsSwitch ? '28px' : '15px';
 }};
+        ${_ref12 => {
+  let {
+    lineHeight
+  } = _ref12;
+  return lineHeight ? (0, _styledComponents.css)`
+                      top: ${lineHeight / 1.5}px;
+                      transform: translateY(-50%);
+                  ` : (0, _styledComponents.css)`
+                      top: 50%;
+                      transform: translateY(-50%);
+                  `;
+}}
+        }
     }
 `;
 //# sourceMappingURL=Checkbox.styles.js.map

package/lib/components/checkbox/Checkbox.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledCheckbox","exports","styled","div","StyledCheckboxInput","input","StyledCheckboxLabel","label","_ref","theme","text","_ref2","isDisabled","_ref3","_ref4","shouldShowAsSwitch","_ref5","isChecked","css","_ref6","green","red","_ref7","_ref8","_ref9","_ref10","_ref11"],"sources":["../../../src/components/checkbox/Checkbox.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { CheckboxProps } from './Checkbox';\n\nexport const StyledCheckbox = styled.div`\n    align-items: center;\n    display: flex;\n    position: relative;\n`;\n\nexport const StyledCheckboxInput = styled.input`\n    display: none;\n`;\n\ntype StyledCheckboxLabelProps = WithTheme<Omit<CheckboxProps, 'children' | 'onChange'>>;\n\nexport const StyledCheckboxLabel = styled.label<StyledCheckboxLabelProps>`\n    color: ${({ theme }: StyledCheckboxLabelProps) => theme.text};\n    cursor: ${({ isDisabled }) => (isDisabled ? 'default' : 'pointer')};\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.5 : 1)};\n    padding-left: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '48px' : '20px')};\n    transition: opacity 0.2s ease;\n    user-select: none;\n\n    &:after {\n        ${({ isChecked, shouldShowAsSwitch }) =>\n            shouldShowAsSwitch\n                ? css`\n                      background-color: white;\n                      border-radius: 50%;\n                      box-shadow: 0 1px 4px rgb(0 0 0 / 35%);\n                      height: 16px;\n                      left: 7px;\n                      top: 3.5px;\n                      transform: translateX(${isChecked ? '18px' : 0});\n                      transition: transform 0.2s ease;\n                      width: 16px;\n                  `\n                : css`\n                      border-right: 2px solid #fff;\n                      border-bottom: 2px solid #fff;\n                      height: 10px;\n                      left: 1px;\n                      opacity: ${isChecked ? 1 : 0};\n                      top: 7px;\n                      transform: rotateZ(37deg);\n                      transition: opacity 0.2s ease;\n                      width: 5.5px;\n                  `}\n\n        content: ' ';\n        position: absolute;\n        transform-origin: 100% 100%;\n    }\n\n    &:before {\n        background-color: ${({\n            isChecked,\n            shouldShowAsSwitch,\n            theme,\n        }: StyledCheckboxLabelProps) => {\n            if (shouldShowAsSwitch) {\n                return isChecked ? theme.green : theme.red;\n            }\n\n            return isChecked ? theme['408'] : theme['403'];\n        }};\n        border: 1px solid rgba(${({ theme }: StyledCheckboxLabelProps) => theme['409-rgb']}, 0.5);\n        border-radius: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '100px' : 0)};\n        content: ' ';\n        height: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '13px' : '15px')};\n        left: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '10px' : 0)};\n        position: absolute;\n        top: 5px;\n        transition: background-color 0.2s ease;\n        width: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '28px' : '15px')};\n    }\n`;\n"],"mappings":"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"}
+{"version":3,"file":"Checkbox.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","StyledCheckbox","exports","styled","div","StyledCheckboxInput","input","StyledCheckboxLabel","label","_ref","theme","text","_ref2","isDisabled","_ref3","_ref4","shouldShowAsSwitch","_ref5","isChecked","lineHeight","css","_ref6","green","red","_ref7","_ref8","_ref9","_ref10","_ref11","_ref12"],"sources":["../../../src/components/checkbox/Checkbox.styles.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\nimport type { CheckboxProps } from './Checkbox';\n\nexport const StyledCheckbox = styled.div`\n    align-items: center;\n    display: flex;\n    position: relative;\n`;\n\nexport const StyledCheckboxInput = styled.input`\n    display: none;\n`;\n\ntype StyledCheckboxLabelProps = WithTheme<{\n    shouldShowAsSwitch?: CheckboxProps['shouldShowAsSwitch'];\n    isDisabled?: CheckboxProps['isDisabled'];\n    isChecked?: CheckboxProps['isChecked'];\n    lineHeight?: number;\n}>;\n\nexport const StyledCheckboxLabel = styled.label<StyledCheckboxLabelProps>`\n    color: ${({ theme }: StyledCheckboxLabelProps) => theme.text};\n    cursor: ${({ isDisabled }) => (isDisabled ? 'default' : 'pointer')};\n    opacity: ${({ isDisabled }) => (isDisabled ? 0.5 : 1)};\n    padding-left: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '48px' : '20px')};\n    transition: opacity 0.2s ease;\n    user-select: none;\n\n    &:after {\n        ${({ isChecked, shouldShowAsSwitch, lineHeight }) =>\n            shouldShowAsSwitch\n                ? css`\n                      background-color: white;\n                      border-radius: 50%;\n                      box-shadow: 0 1px 4px rgb(0 0 0 / 35%);\n                      height: 16px;\n                      left: 7px;\n                      top: ${lineHeight ? `${lineHeight / 1.5}px` : '50%'};\n                      transform: translateX(${isChecked ? '18px' : 0}) translateY(-50%);\n                      transition: transform 0.2s ease;\n                      width: 16px;\n                  `\n                : css`\n                      border-right: 2px solid #fff;\n                      border-bottom: 2px solid #fff;\n                      height: 10px;\n                      left: 2px;\n                      opacity: ${isChecked ? 1 : 0};\n                      top: ${lineHeight ? `calc(${lineHeight / 1.5}px - 2px)` : 'calc(50% - 2px)'};\n                      transform: rotateZ(37deg) translateY(-50%);\n                      transition: opacity 0.2s ease;\n                      width: 5.5px;\n                  `}\n\n        content: ' ';\n        position: absolute;\n    }\n\n    &:before {\n        background-color: ${({\n            isChecked,\n            shouldShowAsSwitch,\n            theme,\n        }: StyledCheckboxLabelProps) => {\n            if (shouldShowAsSwitch) {\n                return isChecked ? theme.green : theme.red;\n            }\n\n            return isChecked ? theme['408'] : theme['403'];\n        }};\n        border: 1px solid rgba(${({ theme }: StyledCheckboxLabelProps) => theme['409-rgb']}, 0.5);\n        border-radius: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '100px' : 0)};\n        content: ' ';\n        height: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '13px' : '15px')};\n        left: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '10px' : 0)};\n        position: absolute;\n        transition: background-color 0.2s ease;\n        width: ${({ shouldShowAsSwitch }) => (shouldShowAsSwitch ? '28px' : '15px')};\n        ${({ lineHeight }) =>\n            lineHeight\n                ? css`\n                      top: ${lineHeight / 1.5}px;\n                      transform: translateY(-50%);\n                  `\n                : css`\n                      top: 50%;\n                      transform: translateY(-50%);\n                  `}\n        }\n    }\n`;\n"],"mappings":"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"}

package/lib/components/code-highlighter/CodeHighlighter.d.ts

@@ -1,4 +1,3 @@
-import type { Options } from 'prettier';
 import { FC } from 'react';
 import { CodeHighlighterLanguage, CodeHighlighterTheme, HighlightedLines } from '../../types/codeHighlighter';
 export type CodeHighlighterProps = {
@@ -11,10 +10,6 @@ export type CodeHighlighterProps = {
      * If not set, just the button is displayed without text.
      */
     copyButtonText?: string;
-    /**
-     * A config to format the code with "prettier".
-     */
-    formatConfig?: Options;
     /**
      * The lines of code that should be highlighted.
      * Following lines can be highlighted: added, removed and just marked.

package/lib/components/code-highlighter/CodeHighlighter.js

@@ -4,27 +4,22 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _parserBabel = _interopRequireDefault(require("prettier/parser-babel"));
 var _standalone = require("prettier/standalone");
 var _react = _interopRequireWildcard(require("react"));
 var _reactSyntaxHighlighter = require("react-syntax-highlighter");
 var _prism = require("react-syntax-highlighter/dist/esm/styles/prism");
 var _codeHighlighter = require("../../types/codeHighlighter");
+var _codeHighlighter2 = require("../../utils/codeHighlighter");
 var _CodeHighlighter = require("./CodeHighlighter.styles");
 var _CopyToClipboard = _interopRequireDefault(require("./copy-to-clipboard/CopyToClipboard"));
+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; }
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-const prettierOptions = {
-  parser: 'babel',
-  plugins: [_parserBabel.default]
-};
 const CodeHighlighter = _ref => {
   let {
     theme = _codeHighlighter.CodeHighlighterTheme.Dark,
     code,
     copyButtonText,
-    formatConfig = prettierOptions,
     language,
     highlightedLines,
     shouldShowLineNumbers = false
@@ -56,6 +51,13 @@ const CodeHighlighter = _ref => {
       style
     };
   }, [highlightedLines]);
+  const formattedCode = (0, _react.useMemo)(() => {
+    const config = (0, _codeHighlighter2.getParserForLanguage)(language);
+    if (config) {
+      return (0, _standalone.format)(code, config);
+    }
+    return code;
+  }, [code, language]);
   return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighter, {
     codeTheme: theme
   }, /*#__PURE__*/_react.default.createElement(_CodeHighlighter.StyledCodeHighlighterHeader, {
@@ -72,7 +74,7 @@ const CodeHighlighter = _ref => {
     style: theme === _codeHighlighter.CodeHighlighterTheme.Dark ? _prism.oneDark : _prism.oneLight,
     wrapLines: true,
     lineProps: lineWrapper
-  }, language === 'markdown' ? code : (0, _standalone.format)(code, formatConfig))), [theme, language, code, copyButtonText, shouldShowLineNumbers, lineWrapper, formatConfig]);
+  }, formattedCode)), [theme, language, code, copyButtonText, shouldShowLineNumbers, lineWrapper, formattedCode]);
 };
 CodeHighlighter.displayName = 'CodeHighlighter';
 var _default = exports.default = CodeHighlighter;

package/lib/components/code-highlighter/CodeHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"CodeHighlighter.js","names":["_parserBabel","_interopRequireDefault","require","_standalone","_react","_interopRequireWildcard","_reactSyntaxHighlighter","_prism","_codeHighlighter","_CodeHighlighter","_CopyToClipboard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","obj","prettierOptions","parser","plugins","parserBabel","CodeHighlighter","_ref","theme","CodeHighlighterTheme","Dark","code","copyButtonText","formatConfig","language","highlightedLines","shouldShowLineNumbers","lineWrapper","useCallback","lineNumber","style","backgroundColor","display","borderRadius","added","includes","removed","marked","useMemo","createElement","StyledCodeHighlighter","codeTheme","StyledCodeHighlighterHeader","StyledCodeHighlighterFileName","text","PrismAsyncLight","showLineNumbers","oneDark","oneLight","wrapLines","lineProps","format","displayName","_default","exports"],"sources":["../../../src/components/code-highlighter/CodeHighlighter.tsx"],"sourcesContent":["import type { Options } from 'prettier';\nimport parserBabel from 'prettier/parser-babel';\nimport { format } from 'prettier/standalone';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneDark, oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport {\n    CodeHighlighterLanguage,\n    CodeHighlighterTheme,\n    HighlightedLines,\n} from '../../types/codeHighlighter';\nimport {\n    StyledCodeHighlighter,\n    StyledCodeHighlighterFileName,\n    StyledCodeHighlighterHeader,\n} from './CodeHighlighter.styles';\nimport CopyToClipboard from './copy-to-clipboard/CopyToClipboard';\n\nconst prettierOptions: Options = {\n    parser: 'babel',\n    plugins: [parserBabel],\n};\n\nexport type CodeHighlighterProps = {\n    /**\n     * The code that should be displayed.\n     */\n    code: string;\n    /**\n     * The text that should be displayed after the copy button.\n     * If not set, just the button is displayed without text.\n     */\n    copyButtonText?: string;\n    /**\n     * A config to format the code with \"prettier\".\n     */\n    formatConfig?: Options;\n    /**\n     * The lines of code that should be highlighted.\n     * Following lines can be highlighted: added, removed and just marked.\n     */\n    highlightedLines?: HighlightedLines;\n    /**\n     * The language of the displayed code.\n     */\n    language: CodeHighlighterLanguage;\n    /**\n     * Whether the line numbers should be displayed.\n     */\n    shouldShowLineNumbers?: boolean;\n    /**\n     * The theme of the code block. Decide between dark and light.\n     */\n    theme?: CodeHighlighterTheme;\n};\n\nconst CodeHighlighter: FC<CodeHighlighterProps> = ({\n    theme = CodeHighlighterTheme.Dark,\n    code,\n    copyButtonText,\n    formatConfig = prettierOptions,\n    language,\n    highlightedLines,\n    shouldShowLineNumbers = false,\n}) => {\n    // function to style highlighted code\n    const lineWrapper = useCallback(\n        (lineNumber: number) => {\n            let style = {\n                backgroundColor: 'none',\n                display: 'block',\n                borderRadius: '2px',\n            };\n\n            if (highlightedLines?.added && highlightedLines.added.includes(lineNumber)) {\n                style = { ...style, backgroundColor: '#2EF29930' };\n            } else if (highlightedLines?.removed && highlightedLines.removed.includes(lineNumber)) {\n                style = { ...style, backgroundColor: '#F22E5B30' };\n            } else if (highlightedLines?.marked && highlightedLines.marked.includes(lineNumber)) {\n                style = { ...style, backgroundColor: '#cccccc40' };\n            }\n\n            return { style };\n        },\n        [highlightedLines],\n    );\n\n    return useMemo(\n        () => (\n            <StyledCodeHighlighter codeTheme={theme}>\n                <StyledCodeHighlighterHeader codeTheme={theme}>\n                    <StyledCodeHighlighterFileName codeTheme={theme}>\n                        {language}\n                    </StyledCodeHighlighterFileName>\n                    <CopyToClipboard text={code} theme={theme} copyButtonText={copyButtonText} />\n                </StyledCodeHighlighterHeader>\n                <SyntaxHighlighter\n                    language={language}\n                    showLineNumbers={shouldShowLineNumbers}\n                    style={theme === CodeHighlighterTheme.Dark ? oneDark : oneLight}\n                    wrapLines\n                    lineProps={lineWrapper}\n                >\n                    {language === 'markdown'\n                        ? code\n                        : (format(code, formatConfig) as unknown as string)}\n                </SyntaxHighlighter>\n            </StyledCodeHighlighter>\n        ),\n        [theme, language, code, copyButtonText, shouldShowLineNumbers, lineWrapper, formatConfig],\n    );\n};\n\nCodeHighlighter.displayName = 'CodeHighlighter';\n\nexport default CodeHighlighter;\n"],"mappings":"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"}
+{"version":3,"file":"CodeHighlighter.js","names":["_standalone","require","_react","_interopRequireWildcard","_reactSyntaxHighlighter","_prism","_codeHighlighter","_codeHighlighter2","_CodeHighlighter","_CopyToClipboard","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","CodeHighlighter","_ref","theme","CodeHighlighterTheme","Dark","code","copyButtonText","language","highlightedLines","shouldShowLineNumbers","lineWrapper","useCallback","lineNumber","style","backgroundColor","display","borderRadius","added","includes","removed","marked","formattedCode","useMemo","config","getParserForLanguage","format","createElement","StyledCodeHighlighter","codeTheme","StyledCodeHighlighterHeader","StyledCodeHighlighterFileName","text","PrismAsyncLight","showLineNumbers","oneDark","oneLight","wrapLines","lineProps","displayName","_default","exports"],"sources":["../../../src/components/code-highlighter/CodeHighlighter.tsx"],"sourcesContent":["import { format } from 'prettier/standalone';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { PrismAsyncLight as SyntaxHighlighter } from 'react-syntax-highlighter';\nimport { oneDark, oneLight } from 'react-syntax-highlighter/dist/esm/styles/prism';\nimport {\n    CodeHighlighterLanguage,\n    CodeHighlighterTheme,\n    HighlightedLines,\n} from '../../types/codeHighlighter';\nimport { getParserForLanguage } from '../../utils/codeHighlighter';\nimport {\n    StyledCodeHighlighter,\n    StyledCodeHighlighterFileName,\n    StyledCodeHighlighterHeader,\n} from './CodeHighlighter.styles';\nimport CopyToClipboard from './copy-to-clipboard/CopyToClipboard';\n\nexport type CodeHighlighterProps = {\n    /**\n     * The code that should be displayed.\n     */\n    code: string;\n    /**\n     * The text that should be displayed after the copy button.\n     * If not set, just the button is displayed without text.\n     */\n    copyButtonText?: string;\n    /**\n     * The lines of code that should be highlighted.\n     * Following lines can be highlighted: added, removed and just marked.\n     */\n    highlightedLines?: HighlightedLines;\n    /**\n     * The language of the displayed code.\n     */\n    language: CodeHighlighterLanguage;\n    /**\n     * Whether the line numbers should be displayed.\n     */\n    shouldShowLineNumbers?: boolean;\n    /**\n     * The theme of the code block. Decide between dark and light.\n     */\n    theme?: CodeHighlighterTheme;\n};\n\nconst CodeHighlighter: FC<CodeHighlighterProps> = ({\n    theme = CodeHighlighterTheme.Dark,\n    code,\n    copyButtonText,\n    language,\n    highlightedLines,\n    shouldShowLineNumbers = false,\n}) => {\n    // function to style highlighted code\n    const lineWrapper = useCallback(\n        (lineNumber: number) => {\n            let style = {\n                backgroundColor: 'none',\n                display: 'block',\n                borderRadius: '2px',\n            };\n\n            if (highlightedLines?.added && highlightedLines.added.includes(lineNumber)) {\n                style = { ...style, backgroundColor: '#2EF29930' };\n            } else if (highlightedLines?.removed && highlightedLines.removed.includes(lineNumber)) {\n                style = { ...style, backgroundColor: '#F22E5B30' };\n            } else if (highlightedLines?.marked && highlightedLines.marked.includes(lineNumber)) {\n                style = { ...style, backgroundColor: '#cccccc40' };\n            }\n\n            return { style };\n        },\n        [highlightedLines],\n    );\n\n    const formattedCode = useMemo(() => {\n        const config = getParserForLanguage(language);\n\n        if (config) {\n            return format(code, config) as unknown as string;\n        }\n\n        return code;\n    }, [code, language]);\n\n    return useMemo(\n        () => (\n            <StyledCodeHighlighter codeTheme={theme}>\n                <StyledCodeHighlighterHeader codeTheme={theme}>\n                    <StyledCodeHighlighterFileName codeTheme={theme}>\n                        {language}\n                    </StyledCodeHighlighterFileName>\n                    <CopyToClipboard text={code} theme={theme} copyButtonText={copyButtonText} />\n                </StyledCodeHighlighterHeader>\n                <SyntaxHighlighter\n                    language={language}\n                    showLineNumbers={shouldShowLineNumbers}\n                    style={theme === CodeHighlighterTheme.Dark ? oneDark : oneLight}\n                    wrapLines\n                    lineProps={lineWrapper}\n                >\n                    {formattedCode}\n                </SyntaxHighlighter>\n            </StyledCodeHighlighter>\n        ),\n        [theme, language, code, copyButtonText, shouldShowLineNumbers, lineWrapper, formattedCode],\n    );\n};\n\nCodeHighlighter.displayName = 'CodeHighlighter';\n\nexport default CodeHighlighter;\n"],"mappings":"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"}

package/lib/constants/codeHighlighter.d.ts

@@ -0,0 +1,7 @@
+import type { CodeHighlighterLanguage } from '../types/codeHighlighter';
+export declare const BABEL_LANGUAGES: CodeHighlighterLanguage[];
+export declare const HTML_LANGUAGES: CodeHighlighterLanguage[];
+export declare const CSS_LANGUAGES: CodeHighlighterLanguage[];
+export declare const MARKDOWN_LANGUAGES: CodeHighlighterLanguage[];
+export declare const GRAPHQL_LANGUAGES: CodeHighlighterLanguage[];
+export declare const YAML_LANGUAGES: CodeHighlighterLanguage[];

package/lib/constants/codeHighlighter.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.YAML_LANGUAGES = exports.MARKDOWN_LANGUAGES = exports.HTML_LANGUAGES = exports.GRAPHQL_LANGUAGES = exports.CSS_LANGUAGES = exports.BABEL_LANGUAGES = void 0;
+const BABEL_LANGUAGES = exports.BABEL_LANGUAGES = ['tsx', 'jsx', 'typescript', 'javascript'];
+const HTML_LANGUAGES = exports.HTML_LANGUAGES = ['html'];
+const CSS_LANGUAGES = exports.CSS_LANGUAGES = ['css', 'less', 'scss'];
+const MARKDOWN_LANGUAGES = exports.MARKDOWN_LANGUAGES = ['markdown'];
+const GRAPHQL_LANGUAGES = exports.GRAPHQL_LANGUAGES = ['graphql'];
+const YAML_LANGUAGES = exports.YAML_LANGUAGES = ['yaml'];
+//# sourceMappingURL=codeHighlighter.js.map

package/lib/constants/codeHighlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeHighlighter.js","names":["BABEL_LANGUAGES","exports","HTML_LANGUAGES","CSS_LANGUAGES","MARKDOWN_LANGUAGES","GRAPHQL_LANGUAGES","YAML_LANGUAGES"],"sources":["../../src/constants/codeHighlighter.ts"],"sourcesContent":["import type { CodeHighlighterLanguage } from '../types/codeHighlighter';\n\nexport const BABEL_LANGUAGES: CodeHighlighterLanguage[] = [\n    'tsx',\n    'jsx',\n    'typescript',\n    'javascript',\n];\nexport const HTML_LANGUAGES: CodeHighlighterLanguage[] = ['html'];\nexport const CSS_LANGUAGES: CodeHighlighterLanguage[] = ['css', 'less', 'scss'];\nexport const MARKDOWN_LANGUAGES: CodeHighlighterLanguage[] = ['markdown'];\nexport const GRAPHQL_LANGUAGES: CodeHighlighterLanguage[] = ['graphql'];\nexport const YAML_LANGUAGES: CodeHighlighterLanguage[] = ['yaml'];\n"],"mappings":";;;;;;AAEO,MAAMA,eAA0C,GAAAC,OAAA,CAAAD,eAAA,GAAG,CACtD,KAAK,EACL,KAAK,EACL,YAAY,EACZ,YAAY,CACf;AACM,MAAME,cAAyC,GAAAD,OAAA,CAAAC,cAAA,GAAG,CAAC,MAAM,CAAC;AAC1D,MAAMC,aAAwC,GAAAF,OAAA,CAAAE,aAAA,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC;AACxE,MAAMC,kBAA6C,GAAAH,OAAA,CAAAG,kBAAA,GAAG,CAAC,UAAU,CAAC;AAClE,MAAMC,iBAA4C,GAAAJ,OAAA,CAAAI,iBAAA,GAAG,CAAC,SAAS,CAAC;AAChE,MAAMC,cAAyC,GAAAL,OAAA,CAAAK,cAAA,GAAG,CAAC,MAAM,CAAC"}

package/lib/types/codeHighlighter.d.ts

@@ -7,4 +7,4 @@ export interface HighlightedLines {
     removed?: number[];
     marked?: number[];
 }
-export type CodeHighlighterLanguage = 'abap' | 'abnf' | 'actionscript' | 'ada' | 'agda' | 'al' | 'antlr4' | 'apacheconf' | 'apex' | 'apl' | 'applescript' | 'aql' | 'arduino' | 'arff' | 'asciidoc' | 'asm6502' | 'asmatmel' | 'aspnet' | 'autohotkey' | 'autoit' | 'avisynth' | 'avroIdl' | 'bash' | 'basic' | 'batch' | 'bbcode' | 'bicep' | 'birb' | 'bison' | 'bnf' | 'brainfuck' | 'brightscript' | 'bro' | 'bsl' | 'c' | 'cfscript' | 'chaiscript' | 'cil' | 'clike' | 'clojure' | 'cmake' | 'cobol' | 'coffeescript' | 'concurnas' | 'coq' | 'cpp' | 'crystal' | 'csharp' | 'cshtml' | 'csp' | 'cssExtras' | 'css' | 'csv' | 'cypher' | 'd' | 'dart' | 'dataweave' | 'dax' | 'dhall' | 'diff' | 'django' | 'dnsZoneFile' | 'docker' | 'dot' | 'ebnf' | 'editorconfig' | 'eiffel' | 'ejs' | 'elixir' | 'elm' | 'erb' | 'erlang' | 'etlua' | 'excelFormula' | 'factor' | 'falselang' | 'firestoreSecurityRules' | 'flow' | 'fortran' | 'fsharp' | 'ftl' | 'gap' | 'gcode' | 'gdscript' | 'gedcom' | 'gherkin' | 'git' | 'glsl' | 'gml' | 'gn' | 'goModule' | 'go' | 'graphql' | 'groovy' | 'haml' | 'handlebars' | 'haskell' | 'haxe' | 'hcl' | 'hlsl' | 'hoon' | 'hpkp' | 'hsts' | 'http' | 'ichigojam' | 'icon' | 'icuMessageFormat' | 'idris' | 'iecst' | 'ignore' | 'inform7' | 'ini' | 'io' | 'j' | 'java' | 'javadoc' | 'javadoclike' | 'javascript' | 'javastacktrace' | 'jexl' | 'jolie' | 'jq' | 'jsExtras' | 'jsTemplates' | 'jsdoc' | 'json' | 'json5' | 'jsonp' | 'jsstacktrace' | 'jsx' | 'julia' | 'keepalived' | 'keyman' | 'kotlin' | 'kumir' | 'kusto' | 'latex' | 'latte' | 'less' | 'lilypond' | 'liquid' | 'lisp' | 'livescript' | 'llvm' | 'log' | 'lolcode' | 'lua' | 'magma' | 'makefile' | 'markdown' | 'markupTemplating' | 'markup' | 'matlab' | 'maxscript' | 'mel' | 'mermaid' | 'mizar' | 'mongodb' | 'monkey' | 'moonscript' | 'n1ql' | 'n4js' | 'nand2tetrisHdl' | 'naniscript' | 'nasm' | 'neon' | 'nevod' | 'nginx' | 'nim' | 'nix' | 'nsis' | 'objectivec' | 'ocaml' | 'opencl' | 'openqasm' | 'oz' | 'parigp' | 'parser' | 'pascal' | 'pascaligo' | 'pcaxis' | 'peoplecode' | 'perl' | 'phpExtras' | 'php' | 'phpdoc' | 'plsql' | 'powerquery' | 'powershell' | 'processing' | 'prolog' | 'promql' | 'properties' | 'protobuf' | 'psl' | 'pug' | 'puppet' | 'pure' | 'purebasic' | 'purescript' | 'python' | 'q' | 'qml' | 'qore' | 'qsharp' | 'r' | 'racket' | 'reason' | 'regex' | 'rego' | 'renpy' | 'rest' | 'rip' | 'roboconf' | 'robotframework' | 'ruby' | 'rust' | 'sas' | 'sass' | 'scala' | 'scheme' | 'scss' | 'shellSession' | 'smali' | 'smalltalk' | 'smarty' | 'sml' | 'solidity' | 'solutionFile' | 'soy' | 'sparql' | 'splunkSpl' | 'sqf' | 'sql' | 'squirrel' | 'stan' | 'stylus' | 'swift' | 'systemd' | 't4Cs' | 't4Templating' | 't4Vb' | 'tap' | 'tcl' | 'textile' | 'toml' | 'tremor' | 'tsx' | 'tt2' | 'turtle' | 'twig' | 'typescript' | 'typoscript' | 'unrealscript' | 'uorazor' | 'uri' | 'v' | 'vala' | 'vbnet' | 'velocity' | 'verilog' | 'vhdl' | 'vim' | 'visualBasic' | 'warpscript' | 'wasm' | 'webIdl' | 'wiki' | 'wolfram' | 'wren' | 'xeora' | 'xmlDoc' | 'xojo' | 'xquery' | 'yaml' | 'yang' | 'zig';
+export type CodeHighlighterLanguage = 'abap' | 'abnf' | 'actionscript' | 'ada' | 'agda' | 'al' | 'antlr4' | 'apacheconf' | 'apex' | 'apl' | 'applescript' | 'aql' | 'arduino' | 'arff' | 'asciidoc' | 'asm6502' | 'asmatmel' | 'aspnet' | 'autohotkey' | 'autoit' | 'avisynth' | 'avroIdl' | 'bash' | 'basic' | 'batch' | 'bbcode' | 'bicep' | 'birb' | 'bison' | 'bnf' | 'brainfuck' | 'brightscript' | 'bro' | 'bsl' | 'c' | 'cfscript' | 'chaiscript' | 'cil' | 'clike' | 'clojure' | 'cmake' | 'cobol' | 'coffeescript' | 'concurnas' | 'coq' | 'cpp' | 'crystal' | 'csharp' | 'cshtml' | 'csp' | 'cssExtras' | 'css' | 'csv' | 'cypher' | 'd' | 'dart' | 'dataweave' | 'dax' | 'dhall' | 'diff' | 'django' | 'dnsZoneFile' | 'docker' | 'dot' | 'ebnf' | 'editorconfig' | 'eiffel' | 'ejs' | 'elixir' | 'elm' | 'erb' | 'erlang' | 'etlua' | 'excelFormula' | 'factor' | 'falselang' | 'firestoreSecurityRules' | 'flow' | 'fortran' | 'fsharp' | 'ftl' | 'gap' | 'gcode' | 'gdscript' | 'gedcom' | 'gherkin' | 'git' | 'glsl' | 'gml' | 'gn' | 'goModule' | 'go' | 'graphql' | 'groovy' | 'haml' | 'handlebars' | 'haskell' | 'haxe' | 'hcl' | 'hlsl' | 'hoon' | 'hpkp' | 'hsts' | 'html' | 'http' | 'ichigojam' | 'icon' | 'icuMessageFormat' | 'idris' | 'iecst' | 'ignore' | 'inform7' | 'ini' | 'io' | 'j' | 'java' | 'javadoc' | 'javadoclike' | 'javascript' | 'javastacktrace' | 'jexl' | 'jolie' | 'jq' | 'jsExtras' | 'jsTemplates' | 'jsdoc' | 'json' | 'json5' | 'jsonp' | 'jsstacktrace' | 'jsx' | 'julia' | 'keepalived' | 'keyman' | 'kotlin' | 'kumir' | 'kusto' | 'latex' | 'latte' | 'less' | 'lilypond' | 'liquid' | 'lisp' | 'livescript' | 'llvm' | 'log' | 'lolcode' | 'lua' | 'magma' | 'makefile' | 'markdown' | 'markupTemplating' | 'markup' | 'matlab' | 'maxscript' | 'mel' | 'mermaid' | 'mizar' | 'mongodb' | 'monkey' | 'moonscript' | 'n1ql' | 'n4js' | 'nand2tetrisHdl' | 'naniscript' | 'nasm' | 'neon' | 'nevod' | 'nginx' | 'nim' | 'nix' | 'nsis' | 'objectivec' | 'ocaml' | 'opencl' | 'openqasm' | 'oz' | 'parigp' | 'parser' | 'pascal' | 'pascaligo' | 'pcaxis' | 'peoplecode' | 'perl' | 'phpExtras' | 'php' | 'phpdoc' | 'plsql' | 'powerquery' | 'powershell' | 'processing' | 'prolog' | 'promql' | 'properties' | 'protobuf' | 'psl' | 'pug' | 'puppet' | 'pure' | 'purebasic' | 'purescript' | 'python' | 'q' | 'qml' | 'qore' | 'qsharp' | 'r' | 'racket' | 'reason' | 'regex' | 'rego' | 'renpy' | 'rest' | 'rip' | 'roboconf' | 'robotframework' | 'ruby' | 'rust' | 'sas' | 'sass' | 'scala' | 'scheme' | 'scss' | 'shellSession' | 'smali' | 'smalltalk' | 'smarty' | 'sml' | 'solidity' | 'solutionFile' | 'soy' | 'sparql' | 'splunkSpl' | 'sqf' | 'sql' | 'squirrel' | 'stan' | 'stylus' | 'swift' | 'systemd' | 't4Cs' | 't4Templating' | 't4Vb' | 'tap' | 'tcl' | 'textile' | 'toml' | 'tremor' | 'tsx' | 'tt2' | 'turtle' | 'twig' | 'typescript' | 'typoscript' | 'unrealscript' | 'uorazor' | 'uri' | 'v' | 'vala' | 'vbnet' | 'velocity' | 'verilog' | 'vhdl' | 'vim' | 'visualBasic' | 'warpscript' | 'wasm' | 'webIdl' | 'wiki' | 'wolfram' | 'wren' | 'xeora' | 'xmlDoc' | 'xojo' | 'xquery' | 'yaml' | 'yang' | 'zig';

package/lib/types/codeHighlighter.js.map

@@ -1 +1 @@
-{"version":3,"file":"codeHighlighter.js","names":["CodeHighlighterTheme","exports"],"sources":["../../src/types/codeHighlighter.ts"],"sourcesContent":["export enum CodeHighlighterTheme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport interface HighlightedLines {\n    added?: number[];\n    removed?: number[];\n    marked?: number[];\n}\n\nexport type CodeHighlighterLanguage =\n    | 'abap'\n    | 'abnf'\n    | 'actionscript'\n    | 'ada'\n    | 'agda'\n    | 'al'\n    | 'antlr4'\n    | 'apacheconf'\n    | 'apex'\n    | 'apl'\n    | 'applescript'\n    | 'aql'\n    | 'arduino'\n    | 'arff'\n    | 'asciidoc'\n    | 'asm6502'\n    | 'asmatmel'\n    | 'aspnet'\n    | 'autohotkey'\n    | 'autoit'\n    | 'avisynth'\n    | 'avroIdl'\n    | 'bash'\n    | 'basic'\n    | 'batch'\n    | 'bbcode'\n    | 'bicep'\n    | 'birb'\n    | 'bison'\n    | 'bnf'\n    | 'brainfuck'\n    | 'brightscript'\n    | 'bro'\n    | 'bsl'\n    | 'c'\n    | 'cfscript'\n    | 'chaiscript'\n    | 'cil'\n    | 'clike'\n    | 'clojure'\n    | 'cmake'\n    | 'cobol'\n    | 'coffeescript'\n    | 'concurnas'\n    | 'coq'\n    | 'cpp'\n    | 'crystal'\n    | 'csharp'\n    | 'cshtml'\n    | 'csp'\n    | 'cssExtras'\n    | 'css'\n    | 'csv'\n    | 'cypher'\n    | 'd'\n    | 'dart'\n    | 'dataweave'\n    | 'dax'\n    | 'dhall'\n    | 'diff'\n    | 'django'\n    | 'dnsZoneFile'\n    | 'docker'\n    | 'dot'\n    | 'ebnf'\n    | 'editorconfig'\n    | 'eiffel'\n    | 'ejs'\n    | 'elixir'\n    | 'elm'\n    | 'erb'\n    | 'erlang'\n    | 'etlua'\n    | 'excelFormula'\n    | 'factor'\n    | 'falselang'\n    | 'firestoreSecurityRules'\n    | 'flow'\n    | 'fortran'\n    | 'fsharp'\n    | 'ftl'\n    | 'gap'\n    | 'gcode'\n    | 'gdscript'\n    | 'gedcom'\n    | 'gherkin'\n    | 'git'\n    | 'glsl'\n    | 'gml'\n    | 'gn'\n    | 'goModule'\n    | 'go'\n    | 'graphql'\n    | 'groovy'\n    | 'haml'\n    | 'handlebars'\n    | 'haskell'\n    | 'haxe'\n    | 'hcl'\n    | 'hlsl'\n    | 'hoon'\n    | 'hpkp'\n    | 'hsts'\n    | 'http'\n    | 'ichigojam'\n    | 'icon'\n    | 'icuMessageFormat'\n    | 'idris'\n    | 'iecst'\n    | 'ignore'\n    | 'inform7'\n    | 'ini'\n    | 'io'\n    | 'j'\n    | 'java'\n    | 'javadoc'\n    | 'javadoclike'\n    | 'javascript'\n    | 'javastacktrace'\n    | 'jexl'\n    | 'jolie'\n    | 'jq'\n    | 'jsExtras'\n    | 'jsTemplates'\n    | 'jsdoc'\n    | 'json'\n    | 'json5'\n    | 'jsonp'\n    | 'jsstacktrace'\n    | 'jsx'\n    | 'julia'\n    | 'keepalived'\n    | 'keyman'\n    | 'kotlin'\n    | 'kumir'\n    | 'kusto'\n    | 'latex'\n    | 'latte'\n    | 'less'\n    | 'lilypond'\n    | 'liquid'\n    | 'lisp'\n    | 'livescript'\n    | 'llvm'\n    | 'log'\n    | 'lolcode'\n    | 'lua'\n    | 'magma'\n    | 'makefile'\n    | 'markdown'\n    | 'markupTemplating'\n    | 'markup'\n    | 'matlab'\n    | 'maxscript'\n    | 'mel'\n    | 'mermaid'\n    | 'mizar'\n    | 'mongodb'\n    | 'monkey'\n    | 'moonscript'\n    | 'n1ql'\n    | 'n4js'\n    | 'nand2tetrisHdl'\n    | 'naniscript'\n    | 'nasm'\n    | 'neon'\n    | 'nevod'\n    | 'nginx'\n    | 'nim'\n    | 'nix'\n    | 'nsis'\n    | 'objectivec'\n    | 'ocaml'\n    | 'opencl'\n    | 'openqasm'\n    | 'oz'\n    | 'parigp'\n    | 'parser'\n    | 'pascal'\n    | 'pascaligo'\n    | 'pcaxis'\n    | 'peoplecode'\n    | 'perl'\n    | 'phpExtras'\n    | 'php'\n    | 'phpdoc'\n    | 'plsql'\n    | 'powerquery'\n    | 'powershell'\n    | 'processing'\n    | 'prolog'\n    | 'promql'\n    | 'properties'\n    | 'protobuf'\n    | 'psl'\n    | 'pug'\n    | 'puppet'\n    | 'pure'\n    | 'purebasic'\n    | 'purescript'\n    | 'python'\n    | 'q'\n    | 'qml'\n    | 'qore'\n    | 'qsharp'\n    | 'r'\n    | 'racket'\n    | 'reason'\n    | 'regex'\n    | 'rego'\n    | 'renpy'\n    | 'rest'\n    | 'rip'\n    | 'roboconf'\n    | 'robotframework'\n    | 'ruby'\n    | 'rust'\n    | 'sas'\n    | 'sass'\n    | 'scala'\n    | 'scheme'\n    | 'scss'\n    | 'shellSession'\n    | 'smali'\n    | 'smalltalk'\n    | 'smarty'\n    | 'sml'\n    | 'solidity'\n    | 'solutionFile'\n    | 'soy'\n    | 'sparql'\n    | 'splunkSpl'\n    | 'sqf'\n    | 'sql'\n    | 'squirrel'\n    | 'stan'\n    | 'stylus'\n    | 'swift'\n    | 'systemd'\n    | 't4Cs'\n    | 't4Templating'\n    | 't4Vb'\n    | 'tap'\n    | 'tcl'\n    | 'textile'\n    | 'toml'\n    | 'tremor'\n    | 'tsx'\n    | 'tt2'\n    | 'turtle'\n    | 'twig'\n    | 'typescript'\n    | 'typoscript'\n    | 'unrealscript'\n    | 'uorazor'\n    | 'uri'\n    | 'v'\n    | 'vala'\n    | 'vbnet'\n    | 'velocity'\n    | 'verilog'\n    | 'vhdl'\n    | 'vim'\n    | 'visualBasic'\n    | 'warpscript'\n    | 'wasm'\n    | 'webIdl'\n    | 'wiki'\n    | 'wolfram'\n    | 'wren'\n    | 'xeora'\n    | 'xmlDoc'\n    | 'xojo'\n    | 'xquery'\n    | 'yaml'\n    | 'yang'\n    | 'zig';\n"],"mappings":";;;;;;IAAYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA"}
+{"version":3,"file":"codeHighlighter.js","names":["CodeHighlighterTheme","exports"],"sources":["../../src/types/codeHighlighter.ts"],"sourcesContent":["export enum CodeHighlighterTheme {\n    Light = 'light',\n    Dark = 'dark',\n}\n\nexport interface HighlightedLines {\n    added?: number[];\n    removed?: number[];\n    marked?: number[];\n}\n\nexport type CodeHighlighterLanguage =\n    | 'abap'\n    | 'abnf'\n    | 'actionscript'\n    | 'ada'\n    | 'agda'\n    | 'al'\n    | 'antlr4'\n    | 'apacheconf'\n    | 'apex'\n    | 'apl'\n    | 'applescript'\n    | 'aql'\n    | 'arduino'\n    | 'arff'\n    | 'asciidoc'\n    | 'asm6502'\n    | 'asmatmel'\n    | 'aspnet'\n    | 'autohotkey'\n    | 'autoit'\n    | 'avisynth'\n    | 'avroIdl'\n    | 'bash'\n    | 'basic'\n    | 'batch'\n    | 'bbcode'\n    | 'bicep'\n    | 'birb'\n    | 'bison'\n    | 'bnf'\n    | 'brainfuck'\n    | 'brightscript'\n    | 'bro'\n    | 'bsl'\n    | 'c'\n    | 'cfscript'\n    | 'chaiscript'\n    | 'cil'\n    | 'clike'\n    | 'clojure'\n    | 'cmake'\n    | 'cobol'\n    | 'coffeescript'\n    | 'concurnas'\n    | 'coq'\n    | 'cpp'\n    | 'crystal'\n    | 'csharp'\n    | 'cshtml'\n    | 'csp'\n    | 'cssExtras'\n    | 'css'\n    | 'csv'\n    | 'cypher'\n    | 'd'\n    | 'dart'\n    | 'dataweave'\n    | 'dax'\n    | 'dhall'\n    | 'diff'\n    | 'django'\n    | 'dnsZoneFile'\n    | 'docker'\n    | 'dot'\n    | 'ebnf'\n    | 'editorconfig'\n    | 'eiffel'\n    | 'ejs'\n    | 'elixir'\n    | 'elm'\n    | 'erb'\n    | 'erlang'\n    | 'etlua'\n    | 'excelFormula'\n    | 'factor'\n    | 'falselang'\n    | 'firestoreSecurityRules'\n    | 'flow'\n    | 'fortran'\n    | 'fsharp'\n    | 'ftl'\n    | 'gap'\n    | 'gcode'\n    | 'gdscript'\n    | 'gedcom'\n    | 'gherkin'\n    | 'git'\n    | 'glsl'\n    | 'gml'\n    | 'gn'\n    | 'goModule'\n    | 'go'\n    | 'graphql'\n    | 'groovy'\n    | 'haml'\n    | 'handlebars'\n    | 'haskell'\n    | 'haxe'\n    | 'hcl'\n    | 'hlsl'\n    | 'hoon'\n    | 'hpkp'\n    | 'hsts'\n    | 'html'\n    | 'http'\n    | 'ichigojam'\n    | 'icon'\n    | 'icuMessageFormat'\n    | 'idris'\n    | 'iecst'\n    | 'ignore'\n    | 'inform7'\n    | 'ini'\n    | 'io'\n    | 'j'\n    | 'java'\n    | 'javadoc'\n    | 'javadoclike'\n    | 'javascript'\n    | 'javastacktrace'\n    | 'jexl'\n    | 'jolie'\n    | 'jq'\n    | 'jsExtras'\n    | 'jsTemplates'\n    | 'jsdoc'\n    | 'json'\n    | 'json5'\n    | 'jsonp'\n    | 'jsstacktrace'\n    | 'jsx'\n    | 'julia'\n    | 'keepalived'\n    | 'keyman'\n    | 'kotlin'\n    | 'kumir'\n    | 'kusto'\n    | 'latex'\n    | 'latte'\n    | 'less'\n    | 'lilypond'\n    | 'liquid'\n    | 'lisp'\n    | 'livescript'\n    | 'llvm'\n    | 'log'\n    | 'lolcode'\n    | 'lua'\n    | 'magma'\n    | 'makefile'\n    | 'markdown'\n    | 'markupTemplating'\n    | 'markup'\n    | 'matlab'\n    | 'maxscript'\n    | 'mel'\n    | 'mermaid'\n    | 'mizar'\n    | 'mongodb'\n    | 'monkey'\n    | 'moonscript'\n    | 'n1ql'\n    | 'n4js'\n    | 'nand2tetrisHdl'\n    | 'naniscript'\n    | 'nasm'\n    | 'neon'\n    | 'nevod'\n    | 'nginx'\n    | 'nim'\n    | 'nix'\n    | 'nsis'\n    | 'objectivec'\n    | 'ocaml'\n    | 'opencl'\n    | 'openqasm'\n    | 'oz'\n    | 'parigp'\n    | 'parser'\n    | 'pascal'\n    | 'pascaligo'\n    | 'pcaxis'\n    | 'peoplecode'\n    | 'perl'\n    | 'phpExtras'\n    | 'php'\n    | 'phpdoc'\n    | 'plsql'\n    | 'powerquery'\n    | 'powershell'\n    | 'processing'\n    | 'prolog'\n    | 'promql'\n    | 'properties'\n    | 'protobuf'\n    | 'psl'\n    | 'pug'\n    | 'puppet'\n    | 'pure'\n    | 'purebasic'\n    | 'purescript'\n    | 'python'\n    | 'q'\n    | 'qml'\n    | 'qore'\n    | 'qsharp'\n    | 'r'\n    | 'racket'\n    | 'reason'\n    | 'regex'\n    | 'rego'\n    | 'renpy'\n    | 'rest'\n    | 'rip'\n    | 'roboconf'\n    | 'robotframework'\n    | 'ruby'\n    | 'rust'\n    | 'sas'\n    | 'sass'\n    | 'scala'\n    | 'scheme'\n    | 'scss'\n    | 'shellSession'\n    | 'smali'\n    | 'smalltalk'\n    | 'smarty'\n    | 'sml'\n    | 'solidity'\n    | 'solutionFile'\n    | 'soy'\n    | 'sparql'\n    | 'splunkSpl'\n    | 'sqf'\n    | 'sql'\n    | 'squirrel'\n    | 'stan'\n    | 'stylus'\n    | 'swift'\n    | 'systemd'\n    | 't4Cs'\n    | 't4Templating'\n    | 't4Vb'\n    | 'tap'\n    | 'tcl'\n    | 'textile'\n    | 'toml'\n    | 'tremor'\n    | 'tsx'\n    | 'tt2'\n    | 'turtle'\n    | 'twig'\n    | 'typescript'\n    | 'typoscript'\n    | 'unrealscript'\n    | 'uorazor'\n    | 'uri'\n    | 'v'\n    | 'vala'\n    | 'vbnet'\n    | 'velocity'\n    | 'verilog'\n    | 'vhdl'\n    | 'vim'\n    | 'visualBasic'\n    | 'warpscript'\n    | 'wasm'\n    | 'webIdl'\n    | 'wiki'\n    | 'wolfram'\n    | 'wren'\n    | 'xeora'\n    | 'xmlDoc'\n    | 'xojo'\n    | 'xquery'\n    | 'yaml'\n    | 'yang'\n    | 'zig';\n"],"mappings":";;;;;;IAAYA,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,0BAApBA,oBAAoB;EAApBA,oBAAoB;EAApBA,oBAAoB;EAAA,OAApBA,oBAAoB;AAAA"}

package/lib/types/parser/prettier-parser-babel.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-parser-babel.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-babel.d.ts"],"sourcesContent":["declare module 'prettier/parser-babel' {\n    import { Plugin } from 'prettier';\n\n    const parser: Plugin;\n    export default parser;\n}\n"],"mappings":""}

package/lib/types/parser/prettier-parser-graphql.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-graphql.d.js.map

package/lib/types/parser/prettier-parser-graphql.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-parser-graphql.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-graphql.d.ts"],"sourcesContent":["declare module 'prettier/parser-graphql' {\n    import { Plugin } from 'prettier';\n\n    const parser: Plugin;\n    export default parser;\n}\n"],"mappings":""}

package/lib/types/parser/prettier-parser-html.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-html.d.js.map

package/lib/types/parser/prettier-parser-html.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-parser-html.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-html.d.ts"],"sourcesContent":["declare module 'prettier/parser-html' {\n    import { Plugin } from 'prettier';\n\n    const parser: Plugin;\n    export default parser;\n}\n"],"mappings":""}

package/lib/types/parser/prettier-parser-markdown.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-markdown.d.js.map

package/lib/types/parser/prettier-parser-markdown.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-parser-markdown.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-markdown.d.ts"],"sourcesContent":["declare module 'prettier/parser-markdown' {\n    import { Plugin } from 'prettier';\n\n    const parser: Plugin;\n    export default parser;\n}\n"],"mappings":""}

package/lib/types/parser/prettier-parser-postcss.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-postcss.d.js.map

package/lib/types/parser/prettier-parser-postcss.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-parser-postcss.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-postcss.d.ts"],"sourcesContent":["declare module 'prettier/parser-postcss' {\n    import { Plugin } from 'prettier';\n\n    const parser: Plugin;\n    export default parser;\n}\n"],"mappings":""}

package/lib/types/parser/prettier-parser-yaml.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=prettier-parser-yaml.d.js.map

package/lib/types/parser/prettier-parser-yaml.d.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prettier-parser-yaml.d.js","names":[],"sources":["../../../src/types/parser/prettier-parser-yaml.d.ts"],"sourcesContent":["declare module 'prettier/parser-yaml' {\n    import { Plugin } from 'prettier';\n\n    const parser: Plugin;\n    export default parser;\n}\n"],"mappings":""}

package/lib/utils/calculate.d.ts

@@ -1,2 +1,4 @@
+import type { ReactElement } from 'react';
 export declare const calculateContentWidth: (texts: string[]) => number;
 export declare const calculateContentHeight: (elements: string[]) => number;
+export declare const getHeightOfSingleTextLine: (element: ReactElement) => number | undefined;

package/lib/utils/calculate.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.calculateContentWidth = exports.calculateContentHeight = void 0;
+exports.getHeightOfSingleTextLine = exports.calculateContentWidth = exports.calculateContentHeight = void 0;
 const calculateContentWidth = texts => {
   const length = [];
   texts.forEach(text => {
@@ -37,4 +37,33 @@ const calculateContentHeight = elements => {
   return length.reduce((partialSum, a) => partialSum + a, 0);
 };
 exports.calculateContentHeight = calculateContentHeight;
+const getHeightOfSingleTextLine = element => {
+  const isTextNode = typeof element === 'string';
+  const isChildrenTextNode = !isTextNode ?
+  // ToDo find a fix for this error
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  !Array.isArray(element.props.children) && typeof element.props.children[0] === 'string' : false;
+  if (isTextNode || isChildrenTextNode) {
+    const span = document.createElement('span');
+    if (isChildrenTextNode) {
+      const elementStyles = element.props.style;
+      if (elementStyles) {
+        Object.keys(elementStyles).forEach(styleKey => {
+          // ToDo find a fix for these errors
+          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+          // @ts-ignore
+          // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
+          span.style[styleKey] = elementStyles[styleKey];
+        });
+      }
+    }
+    span.innerText = 'A';
+    document.body.appendChild(span);
+    const height = span.offsetHeight;
+    document.body.removeChild(span);
+    return height;
+  }
+  return undefined;
+};
+exports.getHeightOfSingleTextLine = getHeightOfSingleTextLine;
 //# sourceMappingURL=calculate.js.map

package/lib/utils/calculate.js.map

@@ -1 +1 @@
-{"version":3,"file":"calculate.js","names":["calculateContentWidth","texts","length","forEach","text","div","document","createElement","style","visibility","position","width","whiteSpace","body","appendChild","innerText","push","offsetWidth","removeChild","Math","max","apply","exports","calculateContentHeight","elements","element","margin","offsetHeight","reduce","partialSum","a"],"sources":["../../src/utils/calculate.ts"],"sourcesContent":["export const calculateContentWidth = (texts: string[]) => {\n    const length: number[] = [];\n\n    texts.forEach((text) => {\n        const div = document.createElement('div');\n        div.style.visibility = 'hidden';\n        div.style.position = 'absolute';\n        div.style.width = 'auto';\n        div.style.whiteSpace = 'nowrap';\n        document.body.appendChild(div);\n\n        div.innerText = text;\n\n        length.push(div.offsetWidth);\n\n        document.body.removeChild(div);\n    });\n\n    return Math.max.apply(null, length);\n};\n\nexport const calculateContentHeight = (elements: string[]) => {\n    const length: number[] = [];\n\n    elements.forEach((element: string) => {\n        const div = document.createElement('p');\n        div.style.visibility = 'hidden';\n        div.style.position = 'absolute';\n        div.style.width = 'auto';\n        div.style.margin = '5px';\n        div.style.whiteSpace = 'nowrap';\n        document.body.appendChild(div);\n        div.innerText = element;\n\n        length.push(div.offsetHeight);\n\n        document.body.removeChild(div);\n    });\n\n    return length.reduce((partialSum, a) => partialSum + a, 0);\n};\n"],"mappings":";;;;;;AAAO,MAAMA,qBAAqB,GAAIC,KAAe,IAAK;EACtD,MAAMC,MAAgB,GAAG,EAAE;EAE3BD,KAAK,CAACE,OAAO,CAAEC,IAAI,IAAK;IACpB,MAAMC,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;IACzCF,GAAG,CAACG,KAAK,CAACC,UAAU,GAAG,QAAQ;IAC/BJ,GAAG,CAACG,KAAK,CAACE,QAAQ,GAAG,UAAU;IAC/BL,GAAG,CAACG,KAAK,CAACG,KAAK,GAAG,MAAM;IACxBN,GAAG,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;IAC/BN,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,GAAG,CAAC;IAE9BA,GAAG,CAACU,SAAS,GAAGX,IAAI;IAEpBF,MAAM,CAACc,IAAI,CAACX,GAAG,CAACY,WAAW,CAAC;IAE5BX,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACb,GAAG,CAAC;EAClC,CAAC,CAAC;EAEF,OAAOc,IAAI,CAACC,GAAG,CAACC,KAAK,CAAC,IAAI,EAAEnB,MAAM,CAAC;AACvC,CAAC;AAACoB,OAAA,CAAAtB,qBAAA,GAAAA,qBAAA;AAEK,MAAMuB,sBAAsB,GAAIC,QAAkB,IAAK;EAC1D,MAAMtB,MAAgB,GAAG,EAAE;EAE3BsB,QAAQ,CAACrB,OAAO,CAAEsB,OAAe,IAAK;IAClC,MAAMpB,GAAG,GAAGC,QAAQ,CAACC,aAAa,CAAC,GAAG,CAAC;IACvCF,GAAG,CAACG,KAAK,CAACC,UAAU,GAAG,QAAQ;IAC/BJ,GAAG,CAACG,KAAK,CAACE,QAAQ,GAAG,UAAU;IAC/BL,GAAG,CAACG,KAAK,CAACG,KAAK,GAAG,MAAM;IACxBN,GAAG,CAACG,KAAK,CAACkB,MAAM,GAAG,KAAK;IACxBrB,GAAG,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;IAC/BN,QAAQ,CAACO,IAAI,CAACC,WAAW,CAACT,GAAG,CAAC;IAC9BA,GAAG,CAACU,SAAS,GAAGU,OAAO;IAEvBvB,MAAM,CAACc,IAAI,CAACX,GAAG,CAACsB,YAAY,CAAC;IAE7BrB,QAAQ,CAACO,IAAI,CAACK,WAAW,CAACb,GAAG,CAAC;EAClC,CAAC,CAAC;EAEF,OAAOH,MAAM,CAAC0B,MAAM,CAAC,CAACC,UAAU,EAAEC,CAAC,KAAKD,UAAU,GAAGC,CAAC,EAAE,CAAC,CAAC;AAC9D,CAAC;AAACR,OAAA,CAAAC,sBAAA,GAAAA,sBAAA"}
+{"version":3,"file":"calculate.js","names":["calculateContentWidth","texts","length","forEach","text","div","document","createElement","style","visibility","position","width","whiteSpace","body","appendChild","innerText","push","offsetWidth","removeChild","Math","max","apply","exports","calculateContentHeight","elements","element","margin","offsetHeight","reduce","partialSum","a","getHeightOfSingleTextLine","isTextNode","isChildrenTextNode","Array","isArray","props","children","span","elementStyles","Object","keys","styleKey","height","undefined"],"sources":["../../src/utils/calculate.ts"],"sourcesContent":["import type { HTMLAttributes, ReactElement } from 'react';\n\nexport const calculateContentWidth = (texts: string[]) => {\n    const length: number[] = [];\n\n    texts.forEach((text) => {\n        const div = document.createElement('div');\n        div.style.visibility = 'hidden';\n        div.style.position = 'absolute';\n        div.style.width = 'auto';\n        div.style.whiteSpace = 'nowrap';\n        document.body.appendChild(div);\n\n        div.innerText = text;\n\n        length.push(div.offsetWidth);\n\n        document.body.removeChild(div);\n    });\n\n    return Math.max.apply(null, length);\n};\n\nexport const calculateContentHeight = (elements: string[]) => {\n    const length: number[] = [];\n\n    elements.forEach((element: string) => {\n        const div = document.createElement('p');\n        div.style.visibility = 'hidden';\n        div.style.position = 'absolute';\n        div.style.width = 'auto';\n        div.style.margin = '5px';\n        div.style.whiteSpace = 'nowrap';\n        document.body.appendChild(div);\n        div.innerText = element;\n\n        length.push(div.offsetHeight);\n\n        document.body.removeChild(div);\n    });\n\n    return length.reduce((partialSum, a) => partialSum + a, 0);\n};\n\nexport const getHeightOfSingleTextLine = (element: ReactElement) => {\n    const isTextNode = typeof element === 'string';\n    const isChildrenTextNode = !isTextNode\n        ? // ToDo find a fix for this error\n          // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n          !Array.isArray(element.props.children) && typeof element.props.children[0] === 'string'\n        : false;\n\n    if (isTextNode || isChildrenTextNode) {\n        const span = document.createElement('span');\n\n        if (isChildrenTextNode) {\n            const elementStyles = (element.props as HTMLAttributes<HTMLSpanElement>).style;\n\n            if (elementStyles) {\n                Object.keys(elementStyles).forEach((styleKey) => {\n                    // ToDo find a fix for these errors\n                    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n                    // @ts-ignore\n                    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment\n                    span.style[styleKey] = elementStyles[styleKey];\n                });\n            }\n        }\n\n        span.innerText = 'A';\n\n        document.body.appendChild(span);\n\n        const height = span.offsetHeight;\n\n        document.body.removeChild(span);\n\n        return height;\n    }\n\n    return undefined;\n};\n"],"mappings":"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"}

package/lib/utils/codeHighlighter.d.ts

@@ -0,0 +1,3 @@
+import type { Options } from 'prettier';
+import type { CodeHighlighterLanguage } from '../types/codeHighlighter';
+export declare const getParserForLanguage: (language: CodeHighlighterLanguage) => Options | undefined;

package/lib/utils/codeHighlighter.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getParserForLanguage = void 0;
+var _parserBabel = _interopRequireDefault(require("prettier/parser-babel"));
+var _parserHtml = _interopRequireDefault(require("prettier/parser-html"));
+var _parserPostcss = _interopRequireDefault(require("prettier/parser-postcss"));
+var _parserMarkdown = _interopRequireDefault(require("prettier/parser-markdown"));
+var _parserGraphql = _interopRequireDefault(require("prettier/parser-graphql"));
+var _parserYaml = _interopRequireDefault(require("prettier/parser-yaml"));
+var _codeHighlighter = require("../constants/codeHighlighter");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// JavaScript/TypeScript
+
+// HTML
+
+// CSS
+
+// Markdown
+
+// GraphQL
+
+// YAML
+
+const getParserForLanguage = language => {
+  let parser;
+  let plugin;
+  switch (true) {
+    case _codeHighlighter.BABEL_LANGUAGES.includes(language):
+      parser = 'babel';
+      plugin = _parserBabel.default;
+      break;
+    case _codeHighlighter.HTML_LANGUAGES.includes(language):
+      parser = 'html';
+      plugin = _parserHtml.default;
+      break;
+    case _codeHighlighter.CSS_LANGUAGES.includes(language):
+      parser = 'css';
+      plugin = _parserPostcss.default;
+      break;
+    case _codeHighlighter.MARKDOWN_LANGUAGES.includes(language):
+      parser = 'markdown';
+      plugin = _parserMarkdown.default;
+      break;
+    case _codeHighlighter.GRAPHQL_LANGUAGES.includes(language):
+      parser = 'graphql';
+      plugin = _parserGraphql.default;
+      break;
+    case _codeHighlighter.YAML_LANGUAGES.includes(language):
+      parser = 'yaml';
+      plugin = _parserYaml.default;
+      break;
+    default:
+      break;
+  }
+  if (parser && plugin) {
+    return {
+      parser,
+      plugins: [plugin]
+    };
+  }
+  return undefined;
+};
+exports.getParserForLanguage = getParserForLanguage;
+//# sourceMappingURL=codeHighlighter.js.map

package/lib/utils/codeHighlighter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"codeHighlighter.js","names":["_parserBabel","_interopRequireDefault","require","_parserHtml","_parserPostcss","_parserMarkdown","_parserGraphql","_parserYaml","_codeHighlighter","obj","__esModule","default","getParserForLanguage","language","parser","plugin","BABEL_LANGUAGES","includes","parserBabel","HTML_LANGUAGES","parserHtml","CSS_LANGUAGES","parserPostcss","MARKDOWN_LANGUAGES","parserMarkdown","GRAPHQL_LANGUAGES","parserGraphql","YAML_LANGUAGES","parserYaml","plugins","undefined","exports"],"sources":["../../src/utils/codeHighlighter.ts"],"sourcesContent":["// JavaScript/TypeScript\nimport parserBabel from 'prettier/parser-babel';\n\n// HTML\nimport parserHtml from 'prettier/parser-html';\n\n// CSS\nimport parserPostcss from 'prettier/parser-postcss';\n\n// Markdown\nimport parserMarkdown from 'prettier/parser-markdown';\n\n// GraphQL\nimport parserGraphql from 'prettier/parser-graphql';\n\n// YAML\nimport parserYaml from 'prettier/parser-yaml';\n\nimport type { Options } from 'prettier';\nimport {\n    BABEL_LANGUAGES,\n    CSS_LANGUAGES,\n    GRAPHQL_LANGUAGES,\n    HTML_LANGUAGES,\n    MARKDOWN_LANGUAGES,\n    YAML_LANGUAGES,\n} from '../constants/codeHighlighter';\nimport type { CodeHighlighterLanguage } from '../types/codeHighlighter';\n\nexport const getParserForLanguage = (language: CodeHighlighterLanguage): Options | undefined => {\n    let parser;\n    let plugin;\n\n    switch (true) {\n        case BABEL_LANGUAGES.includes(language):\n            parser = 'babel';\n            plugin = parserBabel;\n            break;\n        case HTML_LANGUAGES.includes(language):\n            parser = 'html';\n            plugin = parserHtml;\n            break;\n        case CSS_LANGUAGES.includes(language):\n            parser = 'css';\n            plugin = parserPostcss;\n            break;\n        case MARKDOWN_LANGUAGES.includes(language):\n            parser = 'markdown';\n            plugin = parserMarkdown;\n            break;\n        case GRAPHQL_LANGUAGES.includes(language):\n            parser = 'graphql';\n            plugin = parserGraphql;\n            break;\n        case YAML_LANGUAGES.includes(language):\n            parser = 'yaml';\n            plugin = parserYaml;\n            break;\n        default:\n            break;\n    }\n\n    if (parser && plugin) {\n        return {\n            parser,\n            plugins: [plugin],\n        };\n    }\n\n    return undefined;\n};\n"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,sBAAA,CAAAC,OAAA;AAGA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAGA,IAAAE,cAAA,GAAAH,sBAAA,CAAAC,OAAA;AAGA,IAAAG,eAAA,GAAAJ,sBAAA,CAAAC,OAAA;AAGA,IAAAI,cAAA,GAAAL,sBAAA,CAAAC,OAAA;AAGA,IAAAK,WAAA,GAAAN,sBAAA,CAAAC,OAAA;AAGA,IAAAM,gBAAA,GAAAN,OAAA;AAOsC,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AA1BtC;;AAGA;;AAGA;;AAGA;;AAGA;;AAGA;;AAcO,MAAMG,oBAAoB,GAAIC,QAAiC,IAA0B;EAC5F,IAAIC,MAAM;EACV,IAAIC,MAAM;EAEV,QAAQ,IAAI;IACR,KAAKC,gCAAe,CAACC,QAAQ,CAACJ,QAAQ,CAAC;MACnCC,MAAM,GAAG,OAAO;MAChBC,MAAM,GAAGG,oBAAW;MACpB;IACJ,KAAKC,+BAAc,CAACF,QAAQ,CAACJ,QAAQ,CAAC;MAClCC,MAAM,GAAG,MAAM;MACfC,MAAM,GAAGK,mBAAU;MACnB;IACJ,KAAKC,8BAAa,CAACJ,QAAQ,CAACJ,QAAQ,CAAC;MACjCC,MAAM,GAAG,KAAK;MACdC,MAAM,GAAGO,sBAAa;MACtB;IACJ,KAAKC,mCAAkB,CAACN,QAAQ,CAACJ,QAAQ,CAAC;MACtCC,MAAM,GAAG,UAAU;MACnBC,MAAM,GAAGS,uBAAc;MACvB;IACJ,KAAKC,kCAAiB,CAACR,QAAQ,CAACJ,QAAQ,CAAC;MACrCC,MAAM,GAAG,SAAS;MAClBC,MAAM,GAAGW,sBAAa;MACtB;IACJ,KAAKC,+BAAc,CAACV,QAAQ,CAACJ,QAAQ,CAAC;MAClCC,MAAM,GAAG,MAAM;MACfC,MAAM,GAAGa,mBAAU;MACnB;IACJ;MACI;EACR;EAEA,IAAId,MAAM,IAAIC,MAAM,EAAE;IAClB,OAAO;MACHD,MAAM;MACNe,OAAO,EAAE,CAACd,MAAM;IACpB,CAAC;EACL;EAEA,OAAOe,SAAS;AACpB,CAAC;AAACC,OAAA,CAAAnB,oBAAA,GAAAA,oBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.340",
+    "version": "5.0.0-beta.344",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "keywords": [
         "chayns",
@@ -70,5 +70,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "b8088922b12524f48a97724bd3086bd00d504663"
+    "gitHead": "0acb4a86efaadd7553e90c642d6a2afa1613c705"
 }

package/lib/types/prettier-parser-babel.d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"prettier-parser-babel.d.js","names":[],"sources":["../../src/types/prettier-parser-babel.d.ts"],"sourcesContent":["declare module 'prettier/parser-babel' {\n    import { Plugin } from 'prettier';\n\n    const parser: Plugin;\n    export default parser;\n}\n"],"mappings":""}