@chayns-components/textstring 5.0.0-beta.466 → 5.0.0-beta.467

package/lib/components/textstring/Textstring.d.ts

@@ -0,0 +1,34 @@
+import { CSSProperties, FC, ReactHTML, type ReactElement } from 'react';
+import type { ITextstring, TextstringReplacement } from './types';
+export type TextstringProps = {
+    /**
+     * The element that the text should be displayed in.
+     */
+    children?: ReactElement;
+    /**
+     * The class name of the HTML element that the text should be displayed in. Only used if `children` is not set.
+     */
+    childrenClassName?: string;
+    /**
+     * The styles of the HTML element that the text should be displayed in. Only used if `children` is not set.
+     */
+    childrenStyles?: CSSProperties;
+    /**
+     * The tag of the HTML element that the text should be displayed in. Only used if `children` is not set.
+     */
+    childrenTagName?: keyof ReactHTML;
+    /**
+     * Whether the textstring contains HTML elements and should be displayed as HTML.
+     */
+    isTextstringHTML?: boolean;
+    /**
+     * Replacement values for the textstring.
+     */
+    replacements?: TextstringReplacement;
+    /**
+     * The text that should be displayed.
+     */
+    textString: ITextstring;
+};
+declare const Textstring: FC<TextstringProps>;
+export default Textstring;

package/lib/components/textstring/Textstring.js

@@ -0,0 +1,54 @@
+import { isTobitEmployee } from '@chayns-components/core';
+import React, { useCallback } from 'react';
+import { useTextstringValue } from '../../hooks/useTextstringValue';
+import { selectLanguageToChange } from '../../utils/textstring';
+const Textstring = _ref => {
+  let {
+    children,
+    childrenClassName,
+    childrenStyles,
+    childrenTagName,
+    isTextstringHTML,
+    replacements,
+    textString
+  } = _ref;
+  const text = useTextstringValue({
+    textString,
+    replacements
+  });
+  const handleClick = useCallback(_ref2 => {
+    let {
+      ctrlKey
+    } = _ref2;
+    if (ctrlKey) {
+      void isTobitEmployee().then(inGroup => {
+        if (inGroup) {
+          selectLanguageToChange({
+            textstringName: textString.name
+          });
+        }
+      });
+    }
+  }, [textString.name]);
+  if (children) {
+    return /*#__PURE__*/React.cloneElement(children, {
+      dangerouslySetInnerHTML: isTextstringHTML ? {
+        __html: text
+      } : undefined,
+      onClick: handleClick
+    }, isTextstringHTML ? undefined : text);
+  }
+
+  // eslint-disable-next-line react/no-danger-with-children
+  return /*#__PURE__*/React.createElement(childrenTagName || 'span', {
+    dangerouslySetInnerHTML: isTextstringHTML ? {
+      __html: text
+    } : undefined,
+    className: childrenClassName,
+    onClick: handleClick,
+    style: childrenStyles
+  }, isTextstringHTML ? undefined : text);
+};
+Textstring.displayName = 'Textstring';
+export default Textstring;
+//# sourceMappingURL=Textstring.js.map

package/lib/components/textstring/Textstring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textstring.js","names":["isTobitEmployee","React","useCallback","useTextstringValue","selectLanguageToChange","Textstring","_ref","children","childrenClassName","childrenStyles","childrenTagName","isTextstringHTML","replacements","textString","text","handleClick","_ref2","ctrlKey","then","inGroup","textstringName","name","cloneElement","dangerouslySetInnerHTML","__html","undefined","onClick","createElement","className","style","displayName"],"sources":["../../../src/components/textstring/Textstring.tsx"],"sourcesContent":["import { isTobitEmployee } from '@chayns-components/core';\nimport React, {\n    CSSProperties,\n    FC,\n    MouseEvent,\n    ReactHTML,\n    useCallback,\n    type ReactElement,\n} from 'react';\nimport { useTextstringValue } from '../../hooks/useTextstringValue';\nimport { selectLanguageToChange } from '../../utils/textstring';\nimport type { ITextstring, TextstringReplacement } from './types';\n\nexport type TextstringProps = {\n    /**\n     * The element that the text should be displayed in.\n     */\n    children?: ReactElement;\n    /**\n     * The class name of the HTML element that the text should be displayed in. Only used if `children` is not set.\n     */\n    childrenClassName?: string;\n    /**\n     * The styles of the HTML element that the text should be displayed in. Only used if `children` is not set.\n     */\n    childrenStyles?: CSSProperties;\n    /**\n     * The tag of the HTML element that the text should be displayed in. Only used if `children` is not set.\n     */\n    childrenTagName?: keyof ReactHTML;\n    /**\n     * Whether the textstring contains HTML elements and should be displayed as HTML.\n     */\n    isTextstringHTML?: boolean;\n    /**\n     * Replacement values for the textstring.\n     */\n    replacements?: TextstringReplacement;\n    /**\n     * The text that should be displayed.\n     */\n    textString: ITextstring;\n};\n\nconst Textstring: FC<TextstringProps> = ({\n    children,\n    childrenClassName,\n    childrenStyles,\n    childrenTagName,\n    isTextstringHTML,\n    replacements,\n    textString,\n}) => {\n    const text = useTextstringValue({ textString, replacements });\n\n    const handleClick = useCallback(\n        ({ ctrlKey }: MouseEvent<HTMLElement>) => {\n            if (ctrlKey) {\n                void isTobitEmployee().then((inGroup) => {\n                    if (inGroup) {\n                        selectLanguageToChange({\n                            textstringName: textString.name,\n                        });\n                    }\n                });\n            }\n        },\n        [textString.name],\n    );\n\n    if (children) {\n        return React.cloneElement(\n            children,\n            {\n                dangerouslySetInnerHTML: isTextstringHTML ? { __html: text } : undefined,\n                onClick: handleClick,\n            },\n            isTextstringHTML ? undefined : text,\n        );\n    }\n\n    // eslint-disable-next-line react/no-danger-with-children\n    return React.createElement(\n        childrenTagName || 'span',\n        {\n            dangerouslySetInnerHTML: isTextstringHTML ? { __html: text } : undefined,\n            className: childrenClassName,\n            onClick: handleClick,\n            style: childrenStyles,\n        },\n        isTextstringHTML ? undefined : text,\n    );\n};\n\nTextstring.displayName = 'Textstring';\n\nexport default Textstring;\n"],"mappings":"AAAA,SAASA,eAAe,QAAQ,yBAAyB;AACzD,OAAOC,KAAK,IAKRC,WAAW,QAER,OAAO;AACd,SAASC,kBAAkB,QAAQ,gCAAgC;AACnE,SAASC,sBAAsB,QAAQ,wBAAwB;AAkC/D,MAAMC,UAA+B,GAAGC,IAAA,IAQlC;EAAA,IARmC;IACrCC,QAAQ;IACRC,iBAAiB;IACjBC,cAAc;IACdC,eAAe;IACfC,gBAAgB;IAChBC,YAAY;IACZC;EACJ,CAAC,GAAAP,IAAA;EACG,MAAMQ,IAAI,GAAGX,kBAAkB,CAAC;IAAEU,UAAU;IAAED;EAAa,CAAC,CAAC;EAE7D,MAAMG,WAAW,GAAGb,WAAW,CAC3Bc,KAAA,IAA0C;IAAA,IAAzC;MAAEC;IAAiC,CAAC,GAAAD,KAAA;IACjC,IAAIC,OAAO,EAAE;MACT,KAAKjB,eAAe,CAAC,CAAC,CAACkB,IAAI,CAAEC,OAAO,IAAK;QACrC,IAAIA,OAAO,EAAE;UACTf,sBAAsB,CAAC;YACnBgB,cAAc,EAAEP,UAAU,CAACQ;UAC/B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EACD,CAACR,UAAU,CAACQ,IAAI,CACpB,CAAC;EAED,IAAId,QAAQ,EAAE;IACV,oBAAON,KAAK,CAACqB,YAAY,CACrBf,QAAQ,EACR;MACIgB,uBAAuB,EAAEZ,gBAAgB,GAAG;QAAEa,MAAM,EAAEV;MAAK,CAAC,GAAGW,SAAS;MACxEC,OAAO,EAAEX;IACb,CAAC,EACDJ,gBAAgB,GAAGc,SAAS,GAAGX,IACnC,CAAC;EACL;;EAEA;EACA,oBAAOb,KAAK,CAAC0B,aAAa,CACtBjB,eAAe,IAAI,MAAM,EACzB;IACIa,uBAAuB,EAAEZ,gBAAgB,GAAG;MAAEa,MAAM,EAAEV;IAAK,CAAC,GAAGW,SAAS;IACxEG,SAAS,EAAEpB,iBAAiB;IAC5BkB,OAAO,EAAEX,WAAW;IACpBc,KAAK,EAAEpB;EACX,CAAC,EACDE,gBAAgB,GAAGc,SAAS,GAAGX,IACnC,CAAC;AACL,CAAC;AAEDT,UAAU,CAACyB,WAAW,GAAG,YAAY;AAErC,eAAezB,UAAU"}

package/lib/components/textstring-provider/{TextStringProvider.d.ts → TextstringProvider.d.ts}

@@ -1,9 +1,9 @@
 import React, { FC, ReactNode } from 'react';
-export type TextStringValue = {
+export type TextstringValue = {
     [key: string]: string;
 };
-export declare const TextStringContext: React.Context<TextStringValue>;
-export type TextStringProviderProps = {
+export declare const TextstringContext: React.Context<TextstringValue>;
+export type TextstringProviderProps = {
     /**
      * The element that should use the library.
      */
@@ -17,5 +17,5 @@ export type TextStringProviderProps = {
      */
     libraryName: string;
 };
-declare const TextStringProvider: FC<TextStringProviderProps>;
-export default TextStringProvider;
+declare const TextstringProvider: FC<TextstringProviderProps>;
+export default TextstringProvider;

package/lib/components/textstring-provider/TextstringProvider.js

@@ -0,0 +1,29 @@
+import React, { createContext, useEffect, useState } from 'react';
+import { loadLibrary } from '../../utils/textstring';
+export const TextstringContext = /*#__PURE__*/createContext({});
+const TextstringProvider = _ref => {
+  let {
+    children,
+    libraryName,
+    language
+  } = _ref;
+  const [textstrings, setTextstrings] = useState({});
+  useEffect(() => {
+    const loadData = async () => {
+      const textstringResult = await loadLibrary({
+        libraryName,
+        language
+      });
+      if (textstringResult) {
+        setTextstrings(textstringResult);
+      }
+    };
+    void loadData();
+  }, [language, libraryName]);
+  return /*#__PURE__*/React.createElement(TextstringContext.Provider, {
+    value: textstrings
+  }, children);
+};
+TextstringProvider.displayName = 'TextstringProvider';
+export default TextstringProvider;
+//# sourceMappingURL=TextstringProvider.js.map

package/lib/components/textstring-provider/{TextStringProvider.js.map → TextstringProvider.js.map}

@@ -1 +1 @@
-{"version":3,"file":"TextStringProvider.js","names":["React","createContext","useEffect","useState","loadLibrary","TextStringContext","TextStringProvider","_ref","children","libraryName","language","textStrings","setTextStrings","loadData","textStringResult","createElement","Provider","value","displayName"],"sources":["../../../src/components/textstring-provider/TextStringProvider.tsx"],"sourcesContent":["import React, { createContext, FC, ReactNode, useEffect, useState } from 'react';\nimport { loadLibrary } from '../../utils/textstring';\n\nexport type TextStringValue = {\n    [key: string]: string;\n};\n\nexport const TextStringContext = createContext<TextStringValue>({});\n\nexport type TextStringProviderProps = {\n    /**\n     * The element that should use the library.\n     */\n    children?: ReactNode;\n    /**\n     * The language that should be used.\n     */\n    language: string;\n    /**\n     * The name of the library.\n     */\n    libraryName: string;\n};\n\nconst TextStringProvider: FC<TextStringProviderProps> = ({ children, libraryName, language }) => {\n    const [textStrings, setTextStrings] = useState<TextStringValue>({});\n\n    useEffect(() => {\n        const loadData = async () => {\n            const textStringResult = await loadLibrary({ libraryName, language });\n\n            if (textStringResult) {\n                setTextStrings(textStringResult);\n            }\n        };\n\n        void loadData();\n    }, [language, libraryName]);\n\n    return <TextStringContext.Provider value={textStrings}>{children}</TextStringContext.Provider>;\n};\n\nTextStringProvider.displayName = 'TextStringProvider';\n\nexport default TextStringProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAiBC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAChF,SAASC,WAAW,QAAQ,wBAAwB;AAMpD,OAAO,MAAMC,iBAAiB,gBAAGJ,aAAa,CAAkB,CAAC,CAAC,CAAC;AAiBnE,MAAMK,kBAA+C,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAH,IAAA;EACxF,MAAM,CAACI,WAAW,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAkB,CAAC,CAAC,CAAC;EAEnED,SAAS,CAAC,MAAM;IACZ,MAAMW,QAAQ,GAAG,MAAAA,CAAA,KAAY;MACzB,MAAMC,gBAAgB,GAAG,MAAMV,WAAW,CAAC;QAAEK,WAAW;QAAEC;MAAS,CAAC,CAAC;MAErE,IAAII,gBAAgB,EAAE;QAClBF,cAAc,CAACE,gBAAgB,CAAC;MACpC;IACJ,CAAC;IAED,KAAKD,QAAQ,CAAC,CAAC;EACnB,CAAC,EAAE,CAACH,QAAQ,EAAED,WAAW,CAAC,CAAC;EAE3B,oBAAOT,KAAA,CAAAe,aAAA,CAACV,iBAAiB,CAACW,QAAQ;IAACC,KAAK,EAAEN;EAAY,GAAEH,QAAqC,CAAC;AAClG,CAAC;AAEDF,kBAAkB,CAACY,WAAW,GAAG,oBAAoB;AAErD,eAAeZ,kBAAkB"}
+{"version":3,"file":"TextstringProvider.js","names":["React","createContext","useEffect","useState","loadLibrary","TextstringContext","TextstringProvider","_ref","children","libraryName","language","textstrings","setTextstrings","loadData","textstringResult","createElement","Provider","value","displayName"],"sources":["../../../src/components/textstring-provider/TextstringProvider.tsx"],"sourcesContent":["import React, { createContext, FC, ReactNode, useEffect, useState } from 'react';\nimport { loadLibrary } from '../../utils/textstring';\n\nexport type TextstringValue = {\n    [key: string]: string;\n};\n\nexport const TextstringContext = createContext<TextstringValue>({});\n\nexport type TextstringProviderProps = {\n    /**\n     * The element that should use the library.\n     */\n    children?: ReactNode;\n    /**\n     * The language that should be used.\n     */\n    language: string;\n    /**\n     * The name of the library.\n     */\n    libraryName: string;\n};\n\nconst TextstringProvider: FC<TextstringProviderProps> = ({ children, libraryName, language }) => {\n    const [textstrings, setTextstrings] = useState<TextstringValue>({});\n\n    useEffect(() => {\n        const loadData = async () => {\n            const textstringResult = await loadLibrary({ libraryName, language });\n\n            if (textstringResult) {\n                setTextstrings(textstringResult);\n            }\n        };\n\n        void loadData();\n    }, [language, libraryName]);\n\n    return <TextstringContext.Provider value={textstrings}>{children}</TextstringContext.Provider>;\n};\n\nTextstringProvider.displayName = 'TextstringProvider';\n\nexport default TextstringProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAiBC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAChF,SAASC,WAAW,QAAQ,wBAAwB;AAMpD,OAAO,MAAMC,iBAAiB,gBAAGJ,aAAa,CAAkB,CAAC,CAAC,CAAC;AAiBnE,MAAMK,kBAA+C,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAH,IAAA;EACxF,MAAM,CAACI,WAAW,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAkB,CAAC,CAAC,CAAC;EAEnED,SAAS,CAAC,MAAM;IACZ,MAAMW,QAAQ,GAAG,MAAAA,CAAA,KAAY;MACzB,MAAMC,gBAAgB,GAAG,MAAMV,WAAW,CAAC;QAAEK,WAAW;QAAEC;MAAS,CAAC,CAAC;MAErE,IAAII,gBAAgB,EAAE;QAClBF,cAAc,CAACE,gBAAgB,CAAC;MACpC;IACJ,CAAC;IAED,KAAKD,QAAQ,CAAC,CAAC;EACnB,CAAC,EAAE,CAACH,QAAQ,EAAED,WAAW,CAAC,CAAC;EAE3B,oBAAOT,KAAA,CAAAe,aAAA,CAACV,iBAAiB,CAACW,QAAQ;IAACC,KAAK,EAAEN;EAAY,GAAEH,QAAqC,CAAC;AAClG,CAAC;AAEDF,kBAAkB,CAACY,WAAW,GAAG,oBAAoB;AAErD,eAAeZ,kBAAkB"}

package/lib/hooks/useTextstringValue.js

@@ -1,11 +1,11 @@
 import { useContext } from 'react';
-import { TextStringContext } from '../components/textstring-provider/TextStringProvider';
+import { TextstringContext } from '../components/textstring-provider/TextstringProvider';
 export const useTextstringValue = _ref => {
   let {
     replacements,
     textString
   } = _ref;
-  const textStrings = useContext(TextStringContext);
+  const textStrings = useContext(TextstringContext);
   const value = textStrings[textString.name] ?? textString.fallback;
   if (!replacements) {
     return value;

package/lib/hooks/useTextstringValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTextstringValue.js","names":["useContext","TextStringContext","useTextstringValue","_ref","replacements","textString","textStrings","value","name","fallback","Object","keys","reduce","current","key","replace","RegExp"],"sources":["../../src/hooks/useTextstringValue.ts"],"sourcesContent":["import { useContext } from 'react';\nimport type { ITextstring, TextstringReplacement } from '../components/textstring/types';\nimport { TextStringContext } from '../components/textstring-provider/TextStringProvider';\n\nexport interface UseTextstringValue {\n    textString: ITextstring;\n    replacements?: TextstringReplacement;\n}\n\nexport const useTextstringValue = ({ replacements, textString }: UseTextstringValue) => {\n    const textStrings = useContext(TextStringContext);\n\n    const value = textStrings[textString.name] ?? textString.fallback;\n\n    if (!replacements) {\n        return value;\n    }\n\n    return Object.keys(replacements).reduce(\n        (current, key) => current.replace(new RegExp(key, 'g'), <string>replacements[key] || ''),\n        value,\n    );\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,iBAAiB,QAAQ,sDAAsD;AAOxF,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAsD;EAAA,IAArD;IAAEC,YAAY;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EAC/E,MAAMG,WAAW,GAAGN,UAAU,CAACC,iBAAiB,CAAC;EAEjD,MAAMM,KAAK,GAAGD,WAAW,CAACD,UAAU,CAACG,IAAI,CAAC,IAAIH,UAAU,CAACI,QAAQ;EAEjE,IAAI,CAACL,YAAY,EAAE;IACf,OAAOG,KAAK;EAChB;EAEA,OAAOG,MAAM,CAACC,IAAI,CAACP,YAAY,CAAC,CAACQ,MAAM,CACnC,CAACC,OAAO,EAAEC,GAAG,KAAKD,OAAO,CAACE,OAAO,CAAC,IAAIC,MAAM,CAACF,GAAG,EAAE,GAAG,CAAC,EAAUV,YAAY,CAACU,GAAG,CAAC,IAAI,EAAE,CAAC,EACxFP,KACJ,CAAC;AACL,CAAC"}
+{"version":3,"file":"useTextstringValue.js","names":["useContext","TextstringContext","useTextstringValue","_ref","replacements","textString","textStrings","value","name","fallback","Object","keys","reduce","current","key","replace","RegExp"],"sources":["../../src/hooks/useTextstringValue.ts"],"sourcesContent":["import { useContext } from 'react';\nimport { TextstringContext } from '../components/textstring-provider/TextstringProvider';\nimport type { ITextstring, TextstringReplacement } from '../components/textstring/types';\n\nexport interface UseTextstringValue {\n    textString: ITextstring;\n    replacements?: TextstringReplacement;\n}\n\nexport const useTextstringValue = ({ replacements, textString }: UseTextstringValue) => {\n    const textStrings = useContext(TextstringContext);\n\n    const value = textStrings[textString.name] ?? textString.fallback;\n\n    if (!replacements) {\n        return value;\n    }\n\n    return Object.keys(replacements).reduce(\n        (current, key) => current.replace(new RegExp(key, 'g'), <string>replacements[key] || ''),\n        value,\n    );\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAClC,SAASC,iBAAiB,QAAQ,sDAAsD;AAQxF,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAsD;EAAA,IAArD;IAAEC,YAAY;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EAC/E,MAAMG,WAAW,GAAGN,UAAU,CAACC,iBAAiB,CAAC;EAEjD,MAAMM,KAAK,GAAGD,WAAW,CAACD,UAAU,CAACG,IAAI,CAAC,IAAIH,UAAU,CAACI,QAAQ;EAEjE,IAAI,CAACL,YAAY,EAAE;IACf,OAAOG,KAAK;EAChB;EAEA,OAAOG,MAAM,CAACC,IAAI,CAACP,YAAY,CAAC,CAACQ,MAAM,CACnC,CAACC,OAAO,EAAEC,GAAG,KAAKD,OAAO,CAACE,OAAO,CAAC,IAAIC,MAAM,CAACF,GAAG,EAAE,GAAG,CAAC,EAAUV,YAAY,CAACU,GAAG,CAAC,IAAI,EAAE,CAAC,EACxFP,KACJ,CAAC;AACL,CAAC"}

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';
-export { default as TextString } from './components/textstring/TextString';
-export type { ITextstring as Textstring, TextstringReplacement, } from './components/textstring/types';
+export { default as TextstringProvider } from './components/textstring-provider/TextstringProvider';
+export { default as Textstring } from './components/textstring/Textstring';
+export type { ITextstring, TextstringReplacement } from './components/textstring/types';
 export { useTextstringValue } from './hooks/useTextstringValue';

package/lib/index.js

@@ -1,6 +1,6 @@
 // noinspection JSUnusedGlobalSymbols
 
-export { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';
-export { default as TextString } from './components/textstring/TextString';
+export { default as TextstringProvider } from './components/textstring-provider/TextstringProvider';
+export { default as Textstring } from './components/textstring/Textstring';
 export { useTextstringValue } from './hooks/useTextstringValue';
 //# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","TextStringProvider","TextString","useTextstringValue"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';\nexport { default as TextString } from './components/textstring/TextString';\nexport type {\n    ITextstring as Textstring,\n    TextstringReplacement,\n} from './components/textstring/types';\nexport { useTextstringValue } from './hooks/useTextstringValue';\n"],"mappings":"AAAA;;AAEA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,qDAAqD;AACnG,SAASD,OAAO,IAAIE,UAAU,QAAQ,oCAAoC;AAK1E,SAASC,kBAAkB,QAAQ,4BAA4B"}
+{"version":3,"file":"index.js","names":["default","TextstringProvider","Textstring","useTextstringValue"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as TextstringProvider } from './components/textstring-provider/TextstringProvider';\nexport { default as Textstring } from './components/textstring/Textstring';\nexport type { ITextstring, TextstringReplacement } from './components/textstring/types';\nexport { useTextstringValue } from './hooks/useTextstringValue';\n"],"mappings":"AAAA;;AAEA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,qDAAqD;AACnG,SAASD,OAAO,IAAIE,UAAU,QAAQ,oCAAoC;AAE1E,SAASC,kBAAkB,QAAQ,4BAA4B"}

package/lib/utils/textstring.d.ts

@@ -1,9 +1,9 @@
-import type { TextStringValue } from '../components/textstring-provider/TextStringProvider';
+import type { TextstringValue } from '../components/textstring-provider/TextstringProvider';
 interface LoadLibraryOptions {
     libraryName: string;
     language: string;
 }
-export declare const loadLibrary: ({ language, libraryName }: LoadLibraryOptions) => Promise<TextStringValue | null>;
+export declare const loadLibrary: ({ language, libraryName }: LoadLibraryOptions) => Promise<TextstringValue | null>;
 interface SelectLanguageToChangeOptions {
     textstringName: string;
 }

package/lib/utils/textstring.js

@@ -3,7 +3,7 @@ export const loadLibrary = async _ref => {
     language,
     libraryName
   } = _ref;
-  const response = await fetch(`https://webapi.tobit.com/TextStringService/v1.0/LangStrings/${libraryName}?language=${language}`);
+  const response = await fetch(`https://webapi.tobit.com/TextstringService/v1.0/LangStrings/${libraryName}?language=${language}`);
   if (response.status !== 200) {
     return null;
   }

package/lib/utils/textstring.js.map

@@ -1 +1 @@
-{"version":3,"file":"textstring.js","names":["loadLibrary","_ref","language","libraryName","response","fetch","status","json","selectLanguageToChange","_ref2","textstringName","chayns","dialog","iFrame","url","buttons","input","textstring"],"sources":["../../src/utils/textstring.ts"],"sourcesContent":["import type { TextStringValue } from '../components/textstring-provider/TextStringProvider';\n\ninterface LoadLibraryOptions {\n    libraryName: string;\n    language: string;\n}\n\nexport const loadLibrary = async ({ language, libraryName }: LoadLibraryOptions) => {\n    const response = await fetch(\n        `https://webapi.tobit.com/TextStringService/v1.0/LangStrings/${libraryName}?language=${language}`\n    );\n\n    if (response.status !== 200) {\n        return null;\n    }\n\n    return (await response.json()) as TextStringValue;\n};\n\ninterface SelectLanguageToChangeOptions {\n    textstringName: string;\n}\n\nexport const selectLanguageToChange = ({ textstringName }: SelectLanguageToChangeOptions) => {\n    void chayns.dialog.iFrame({\n        url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',\n        buttons: [],\n        input: { textstring: textstringName },\n    });\n};\n"],"mappings":"AAOA,OAAO,MAAMA,WAAW,GAAG,MAAAC,IAAA,IAAyD;EAAA,IAAlD;IAAEC,QAAQ;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC3E,MAAMG,QAAQ,GAAG,MAAMC,KAAK,CACvB,+DAA8DF,WAAY,aAAYD,QAAS,EACpG,CAAC;EAED,IAAIE,QAAQ,CAACE,MAAM,KAAK,GAAG,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,OAAQ,MAAMF,QAAQ,CAACG,IAAI,CAAC,CAAC;AACjC,CAAC;AAMD,OAAO,MAAMC,sBAAsB,GAAGC,KAAA,IAAuD;EAAA,IAAtD;IAAEC;EAA8C,CAAC,GAAAD,KAAA;EACpF,KAAKE,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC;IACtBC,GAAG,EAAE,+EAA+E;IACpFC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;MAAEC,UAAU,EAAEP;IAAe;EACxC,CAAC,CAAC;AACN,CAAC"}
+{"version":3,"file":"textstring.js","names":["loadLibrary","_ref","language","libraryName","response","fetch","status","json","selectLanguageToChange","_ref2","textstringName","chayns","dialog","iFrame","url","buttons","input","textstring"],"sources":["../../src/utils/textstring.ts"],"sourcesContent":["import type { TextstringValue } from '../components/textstring-provider/TextstringProvider';\n\ninterface LoadLibraryOptions {\n    libraryName: string;\n    language: string;\n}\n\nexport const loadLibrary = async ({ language, libraryName }: LoadLibraryOptions) => {\n    const response = await fetch(\n        `https://webapi.tobit.com/TextstringService/v1.0/LangStrings/${libraryName}?language=${language}`,\n    );\n\n    if (response.status !== 200) {\n        return null;\n    }\n\n    return (await response.json()) as TextstringValue;\n};\n\ninterface SelectLanguageToChangeOptions {\n    textstringName: string;\n}\n\nexport const selectLanguageToChange = ({ textstringName }: SelectLanguageToChangeOptions) => {\n    void chayns.dialog.iFrame({\n        url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',\n        buttons: [],\n        input: { textstring: textstringName },\n    });\n};\n"],"mappings":"AAOA,OAAO,MAAMA,WAAW,GAAG,MAAAC,IAAA,IAAyD;EAAA,IAAlD;IAAEC,QAAQ;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC3E,MAAMG,QAAQ,GAAG,MAAMC,KAAK,CACvB,+DAA8DF,WAAY,aAAYD,QAAS,EACpG,CAAC;EAED,IAAIE,QAAQ,CAACE,MAAM,KAAK,GAAG,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,OAAQ,MAAMF,QAAQ,CAACG,IAAI,CAAC,CAAC;AACjC,CAAC;AAMD,OAAO,MAAMC,sBAAsB,GAAGC,KAAA,IAAuD;EAAA,IAAtD;IAAEC;EAA8C,CAAC,GAAAD,KAAA;EACpF,KAAKE,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC;IACtBC,GAAG,EAAE,+EAA+E;IACpFC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;MAAEC,UAAU,EAAEP;IAAe;EACxC,CAAC,CAAC;AACN,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/textstring",
-    "version": "5.0.0-beta.466",
+    "version": "5.0.0-beta.467",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -69,5 +69,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "a6c6f033e364471eb8d4d7b06de02071b1f01b11"
+    "gitHead": "f51e5a535b9b38be164d85b35b8572db7bfa91b4"
 }

package/lib/components/textstring/TextString.d.ts

@@ -1,30 +0,0 @@
-import { CSSProperties, FC, ReactHTML, ReactNode } from 'react';
-import type { ITextstring, TextstringReplacement } from './types';
-export type TextStringProps = {
-    /**
-     * The element that the text should be displayed in.
-     */
-    children?: ReactNode;
-    /**
-     * The styles of the HTML element that the text should be displayed in.
-     */
-    childrenStyles?: CSSProperties;
-    /**
-     * The tag of the HTML element that the text should be displayed in.
-     */
-    childrenTagName?: keyof ReactHTML;
-    /**
-     * Whether the textstring is an HTML element and should be displayed as an element.
-     */
-    isTextstringHTML?: boolean;
-    /**
-     * A part of the text that should be replaced.
-     */
-    replacements?: TextstringReplacement;
-    /**
-     * The text that should be displayed.
-     */
-    textString: ITextstring;
-};
-declare const TextString: FC<TextStringProps>;
-export default TextString;

package/lib/components/textstring/TextString.js

@@ -1,54 +0,0 @@
-import React, { createElement, useCallback, useMemo } from 'react';
-import { StyledTextString, StyledTextStringElement } from './TextString.styles';
-import { isTobitEmployee } from '@chayns-components/core';
-import { selectLanguageToChange } from '../../utils/textstring';
-import { useTextstringValue } from '../../hooks/useTextstringValue';
-const TextString = _ref => {
-  let {
-    textString,
-    replacements,
-    isTextstringHTML,
-    childrenTagName,
-    children,
-    childrenStyles
-  } = _ref;
-  const text = useTextstringValue({
-    textString,
-    replacements
-  });
-  const childElement = useMemo(() => {
-    if (isTextstringHTML) {
-      return /*#__PURE__*/React.createElement(StyledTextStringElement, {
-        dangerouslySetInnerHTML: {
-          __html: text
-        }
-      });
-    }
-    let element = /*#__PURE__*/createElement('', childrenStyles ? {
-      style: childrenStyles
-    } : null, children);
-    if (!children) {
-      element = /*#__PURE__*/createElement(childrenTagName || 'span', childrenStyles ? {
-        style: childrenStyles
-      } : null, text);
-    }
-    return element;
-  }, [children, childrenStyles, childrenTagName, isTextstringHTML, text]);
-  const handleClick = useCallback(event => {
-    if (event.ctrlKey) {
-      void isTobitEmployee().then(inGroup => {
-        if (inGroup) {
-          selectLanguageToChange({
-            textstringName: textString.name
-          });
-        }
-      });
-    }
-  }, [textString.name]);
-  return useMemo(() => /*#__PURE__*/React.createElement(StyledTextString, {
-    onClick: handleClick
-  }, childElement), [childElement, handleClick]);
-};
-TextString.displayName = 'TextString';
-export default TextString;
-//# sourceMappingURL=TextString.js.map

package/lib/components/textstring/TextString.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextString.js","names":["React","createElement","useCallback","useMemo","StyledTextString","StyledTextStringElement","isTobitEmployee","selectLanguageToChange","useTextstringValue","TextString","_ref","textString","replacements","isTextstringHTML","childrenTagName","children","childrenStyles","text","childElement","dangerouslySetInnerHTML","__html","element","style","handleClick","event","ctrlKey","then","inGroup","textstringName","name","onClick","displayName"],"sources":["../../../src/components/textstring/TextString.tsx"],"sourcesContent":["import React, {\n    createElement,\n    CSSProperties,\n    FC,\n    MouseEventHandler,\n    ReactHTML,\n    ReactNode,\n    useCallback,\n    useMemo,\n} from 'react';\nimport { StyledTextString, StyledTextStringElement } from './TextString.styles';\nimport type { ITextstring, TextstringReplacement } from './types';\nimport { isTobitEmployee } from '@chayns-components/core';\nimport { selectLanguageToChange } from '../../utils/textstring';\nimport { useTextstringValue } from '../../hooks/useTextstringValue';\n\nexport type TextStringProps = {\n    /**\n     * The element that the text should be displayed in.\n     */\n    children?: ReactNode;\n    /**\n     * The styles of the HTML element that the text should be displayed in.\n     */\n    childrenStyles?: CSSProperties;\n    /**\n     * The tag of the HTML element that the text should be displayed in.\n     */\n    childrenTagName?: keyof ReactHTML;\n    /**\n     * Whether the textstring is an HTML element and should be displayed as an element.\n     */\n    isTextstringHTML?: boolean;\n    /**\n     * A part of the text that should be replaced.\n     */\n    replacements?: TextstringReplacement;\n    /**\n     * The text that should be displayed.\n     */\n    textString: ITextstring;\n};\n\nconst TextString: FC<TextStringProps> = ({\n    textString,\n    replacements,\n    isTextstringHTML,\n    childrenTagName,\n    children,\n    childrenStyles,\n}) => {\n    const text = useTextstringValue({ textString, replacements });\n\n    const childElement = useMemo(() => {\n        if (isTextstringHTML) {\n            return <StyledTextStringElement dangerouslySetInnerHTML={{ __html: text }} />;\n        }\n\n        let element = createElement(\n            '',\n            childrenStyles ? { style: childrenStyles } : null,\n            children,\n        );\n\n        if (!children) {\n            element = createElement(\n                childrenTagName || 'span',\n                childrenStyles ? { style: childrenStyles } : null,\n                text,\n            );\n        }\n\n        return element;\n    }, [children, childrenStyles, childrenTagName, isTextstringHTML, text]);\n\n    const handleClick: MouseEventHandler<HTMLDivElement> = useCallback(\n        (event) => {\n            if (event.ctrlKey) {\n                void isTobitEmployee().then((inGroup) => {\n                    if (inGroup) {\n                        selectLanguageToChange({\n                            textstringName: textString.name,\n                        });\n                    }\n                });\n            }\n        },\n        [textString.name],\n    );\n\n    return useMemo(\n        () => <StyledTextString onClick={handleClick}>{childElement}</StyledTextString>,\n        [childElement, handleClick],\n    );\n};\n\nTextString.displayName = 'TextString';\n\nexport default TextString;\n"],"mappings":"AAAA,OAAOA,KAAK,IACRC,aAAa,EAMbC,WAAW,EACXC,OAAO,QACJ,OAAO;AACd,SAASC,gBAAgB,EAAEC,uBAAuB,QAAQ,qBAAqB;AAE/E,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,sBAAsB,QAAQ,wBAAwB;AAC/D,SAASC,kBAAkB,QAAQ,gCAAgC;AA6BnE,MAAMC,UAA+B,GAAGC,IAAA,IAOlC;EAAA,IAPmC;IACrCC,UAAU;IACVC,YAAY;IACZC,gBAAgB;IAChBC,eAAe;IACfC,QAAQ;IACRC;EACJ,CAAC,GAAAN,IAAA;EACG,MAAMO,IAAI,GAAGT,kBAAkB,CAAC;IAAEG,UAAU;IAAEC;EAAa,CAAC,CAAC;EAE7D,MAAMM,YAAY,GAAGf,OAAO,CAAC,MAAM;IAC/B,IAAIU,gBAAgB,EAAE;MAClB,oBAAOb,KAAA,CAAAC,aAAA,CAACI,uBAAuB;QAACc,uBAAuB,EAAE;UAAEC,MAAM,EAAEH;QAAK;MAAE,CAAE,CAAC;IACjF;IAEA,IAAII,OAAO,gBAAGpB,aAAa,CACvB,EAAE,EACFe,cAAc,GAAG;MAAEM,KAAK,EAAEN;IAAe,CAAC,GAAG,IAAI,EACjDD,QACJ,CAAC;IAED,IAAI,CAACA,QAAQ,EAAE;MACXM,OAAO,gBAAGpB,aAAa,CACnBa,eAAe,IAAI,MAAM,EACzBE,cAAc,GAAG;QAAEM,KAAK,EAAEN;MAAe,CAAC,GAAG,IAAI,EACjDC,IACJ,CAAC;IACL;IAEA,OAAOI,OAAO;EAClB,CAAC,EAAE,CAACN,QAAQ,EAAEC,cAAc,EAAEF,eAAe,EAAED,gBAAgB,EAAEI,IAAI,CAAC,CAAC;EAEvE,MAAMM,WAA8C,GAAGrB,WAAW,CAC7DsB,KAAK,IAAK;IACP,IAAIA,KAAK,CAACC,OAAO,EAAE;MACf,KAAKnB,eAAe,CAAC,CAAC,CAACoB,IAAI,CAAEC,OAAO,IAAK;QACrC,IAAIA,OAAO,EAAE;UACTpB,sBAAsB,CAAC;YACnBqB,cAAc,EAAEjB,UAAU,CAACkB;UAC/B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EACD,CAAClB,UAAU,CAACkB,IAAI,CACpB,CAAC;EAED,OAAO1B,OAAO,CACV,mBAAMH,KAAA,CAAAC,aAAA,CAACG,gBAAgB;IAAC0B,OAAO,EAAEP;EAAY,GAAEL,YAA+B,CAAC,EAC/E,CAACA,YAAY,EAAEK,WAAW,CAC9B,CAAC;AACL,CAAC;AAEDd,UAAU,CAACsB,WAAW,GAAG,YAAY;AAErC,eAAetB,UAAU"}

package/lib/components/textstring/TextString.styles.d.ts

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

package/lib/components/textstring/TextString.styles.js

@@ -1,4 +0,0 @@
-import styled from 'styled-components';
-export const StyledTextString = styled.div``;
-export const StyledTextStringElement = styled.div``;
-//# sourceMappingURL=TextString.styles.js.map

package/lib/components/textstring/TextString.styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TextString.styles.js","names":["styled","StyledTextString","div","StyledTextStringElement"],"sources":["../../../src/components/textstring/TextString.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTextString = styled.div``;\n\nexport const StyledTextStringElement = styled.div``;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAI,EAAC;AAE5C,OAAO,MAAMC,uBAAuB,GAAGH,MAAM,CAACE,GAAI,EAAC"}

package/lib/components/textstring-provider/TextStringProvider.js

@@ -1,29 +0,0 @@
-import React, { createContext, useEffect, useState } from 'react';
-import { loadLibrary } from '../../utils/textstring';
-export const TextStringContext = /*#__PURE__*/createContext({});
-const TextStringProvider = _ref => {
-  let {
-    children,
-    libraryName,
-    language
-  } = _ref;
-  const [textStrings, setTextStrings] = useState({});
-  useEffect(() => {
-    const loadData = async () => {
-      const textStringResult = await loadLibrary({
-        libraryName,
-        language
-      });
-      if (textStringResult) {
-        setTextStrings(textStringResult);
-      }
-    };
-    void loadData();
-  }, [language, libraryName]);
-  return /*#__PURE__*/React.createElement(TextStringContext.Provider, {
-    value: textStrings
-  }, children);
-};
-TextStringProvider.displayName = 'TextStringProvider';
-export default TextStringProvider;
-//# sourceMappingURL=TextStringProvider.js.map