@chayns-components/textstring 5.0.0-beta.1000

package/LICENSE

@@ -0,0 +1,21 @@
+The MIT License (MIT)
+
+Copyright (c) 2021 Tobit Laboratories AG
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,34 @@
+<div align="center">
+    <h1>
+        <img src="https://raw.githubusercontent.com/TobitSoftware/chayns-components/master/assets/logo.png" width="600px" alt="chayns-components" />
+    </h1>
+    <p>A set of beautiful React components for developing your own applications with chayns.</p>
+    <div>
+        <img src="https://img.shields.io/npm/dm/@chayns-components/core.svg?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/v/@chayns-components/core?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
+    </div>
+</div>
+
+---
+
+## Installation
+
+First you need to install the core part of the chayns-components.
+
+```bash
+# NPM
+npm install @chayns-components/textstring
+
+# Yarn
+yarn add @chayns-components/textstring
+```
+
+> **Information:** Since the components have now been implemented with the styled-components
+> library, the styles are delivered directly with the components. There is no need to load an extra
+> stylesheet anymore.
+
+## Usage
+
+For detailed usage visit the [storybook](https://components.chayns.site/storybook).

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

@@ -0,0 +1,63 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _core = require("@chayns-components/core");
+var _react = _interopRequireWildcard(require("react"));
+var _useTextstringValue = require("../../hooks/useTextstringValue");
+var _textstring = require("../../utils/textstring");
+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 && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Textstring = ({
+  children,
+  childrenClassName,
+  childrenStyles,
+  childrenTagName,
+  isTextstringHTML,
+  replacements,
+  textstring
+}) => {
+  const text = (0, _useTextstringValue.useTextstringValue)({
+    textstring,
+    replacements
+  });
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  const childrenOnClickFunction = children === null || children === void 0 ? void 0 : children.props.onClick;
+  const handleClick = (0, _react.useCallback)(event => {
+    if (event.ctrlKey) {
+      void (0, _core.isTobitEmployee)().then(inGroup => {
+        if (inGroup) {
+          (0, _textstring.selectLanguageToChange)({
+            textstringName: textstring.name
+          });
+        }
+      });
+    } else if (typeof childrenOnClickFunction === 'function') {
+      childrenOnClickFunction(event);
+    }
+  }, [childrenOnClickFunction, textstring.name]);
+  if (children) {
+    return /*#__PURE__*/_react.default.cloneElement(children, {
+      dangerouslySetInnerHTML: isTextstringHTML ? {
+        __html: text
+      } : undefined,
+      onClick: handleClick
+    }, isTextstringHTML ? undefined : text);
+  }
+
+  // eslint-disable-next-line react/no-danger-with-children
+  return /*#__PURE__*/_react.default.createElement(childrenTagName || 'span', {
+    dangerouslySetInnerHTML: isTextstringHTML ? {
+      __html: text
+    } : undefined,
+    className: `${childrenClassName || ''} notranslate`.trim(),
+    onClick: handleClick,
+    style: childrenStyles
+  }, isTextstringHTML ? undefined : text);
+};
+Textstring.displayName = 'Textstring';
+var _default = exports.default = Textstring;
+//# sourceMappingURL=Textstring.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textstring.js","names":["_core","require","_react","_interopRequireWildcard","_useTextstringValue","_textstring","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Textstring","children","childrenClassName","childrenStyles","childrenTagName","isTextstringHTML","replacements","textstring","text","useTextstringValue","childrenOnClickFunction","props","onClick","handleClick","useCallback","event","ctrlKey","isTobitEmployee","then","inGroup","selectLanguageToChange","textstringName","name","React","cloneElement","dangerouslySetInnerHTML","__html","undefined","createElement","className","trim","style","displayName","_default","exports"],"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    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const childrenOnClickFunction = children?.props.onClick as\n        | ((event: MouseEvent<HTMLElement>) => void)\n        | undefined;\n\n    const handleClick = useCallback(\n        (event: MouseEvent<HTMLElement>) => {\n            if (event.ctrlKey) {\n                void isTobitEmployee().then((inGroup) => {\n                    if (inGroup) {\n                        selectLanguageToChange({\n                            textstringName: textstring.name,\n                        });\n                    }\n                });\n            } else if (typeof childrenOnClickFunction === 'function') {\n                childrenOnClickFunction(event);\n            }\n        },\n        [childrenOnClickFunction, 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 || ''} notranslate`.trim(),\n            onClick: handleClick,\n            style: childrenStyles,\n        },\n        isTextstringHTML ? undefined : text,\n    );\n};\n\nTextstring.displayName = 'Textstring';\n\nexport default Textstring;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAQA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAgE,SAAAK,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,SAAAJ,wBAAAI,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAkChE,MAAMW,UAA+B,GAAGA,CAAC;EACrCC,QAAQ;EACRC,iBAAiB;EACjBC,cAAc;EACdC,eAAe;EACfC,gBAAgB;EAChBC,YAAY;EACZC;AACJ,CAAC,KAAK;EACF,MAAMC,IAAI,GAAG,IAAAC,sCAAkB,EAAC;IAAEF,UAAU;IAAED;EAAa,CAAC,CAAC;;EAE7D;EACA,MAAMI,uBAAuB,GAAGT,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEU,KAAK,CAACC,OAEjC;EAEf,MAAMC,WAAW,GAAG,IAAAC,kBAAW,EAC1BC,KAA8B,IAAK;IAChC,IAAIA,KAAK,CAACC,OAAO,EAAE;MACf,KAAK,IAAAC,qBAAe,EAAC,CAAC,CAACC,IAAI,CAAEC,OAAO,IAAK;QACrC,IAAIA,OAAO,EAAE;UACT,IAAAC,kCAAsB,EAAC;YACnBC,cAAc,EAAEd,UAAU,CAACe;UAC/B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,MAAM,IAAI,OAAOZ,uBAAuB,KAAK,UAAU,EAAE;MACtDA,uBAAuB,CAACK,KAAK,CAAC;IAClC;EACJ,CAAC,EACD,CAACL,uBAAuB,EAAEH,UAAU,CAACe,IAAI,CAC7C,CAAC;EAED,IAAIrB,QAAQ,EAAE;IACV,oBAAOsB,cAAK,CAACC,YAAY,CACrBvB,QAAQ,EACR;MACIwB,uBAAuB,EAAEpB,gBAAgB,GAAG;QAAEqB,MAAM,EAAElB;MAAK,CAAC,GAAGmB,SAAS;MACxEf,OAAO,EAAEC;IACb,CAAC,EACDR,gBAAgB,GAAGsB,SAAS,GAAGnB,IACnC,CAAC;EACL;;EAEA;EACA,oBAAOe,cAAK,CAACK,aAAa,CACtBxB,eAAe,IAAI,MAAM,EACzB;IACIqB,uBAAuB,EAAEpB,gBAAgB,GAAG;MAAEqB,MAAM,EAAElB;IAAK,CAAC,GAAGmB,SAAS;IACxEE,SAAS,EAAE,GAAG3B,iBAAiB,IAAI,EAAE,cAAc,CAAC4B,IAAI,CAAC,CAAC;IAC1DlB,OAAO,EAAEC,WAAW;IACpBkB,KAAK,EAAE5B;EACX,CAAC,EACDE,gBAAgB,GAAGsB,SAAS,GAAGnB,IACnC,CAAC;AACL,CAAC;AAEDR,UAAU,CAACgC,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAhD,OAAA,GAEvBc,UAAU","ignoreList":[]}

package/lib/cjs/components/textstring/types.js

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

package/lib/cjs/components/textstring/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/textstring/types.ts"],"sourcesContent":["export interface TextstringReplacement {\n    [key: string]: string;\n}\n\nexport interface ITextstring {\n    fallback: string;\n    name: string;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,41 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.TextstringContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _textstring = require("../../utils/textstring");
+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 && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const TextstringContext = exports.TextstringContext = /*#__PURE__*/(0, _react.createContext)({});
+const TextstringProvider = ({
+  children,
+  libraryName,
+  language
+}) => {
+  const [textstrings, setTextstrings] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    const loadData = async () => {
+      const textstringResult = await (0, _textstring.loadLibrary)({
+        libraryName,
+        language
+      });
+      if (textstringResult) {
+        const prevTextstrings = window.Textstrings;
+        window.Textstrings = {
+          ...prevTextstrings,
+          [libraryName]: textstringResult
+        };
+        setTextstrings(textstringResult);
+      }
+    };
+    void loadData();
+  }, [language, libraryName]);
+  return /*#__PURE__*/_react.default.createElement(TextstringContext.Provider, {
+    value: textstrings
+  }, children);
+};
+TextstringProvider.displayName = 'TextstringProvider';
+var _default = exports.default = TextstringProvider;
+//# sourceMappingURL=TextstringProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextstringProvider.js","names":["_react","_interopRequireWildcard","require","_textstring","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TextstringContext","exports","createContext","TextstringProvider","children","libraryName","language","textstrings","setTextstrings","useState","useEffect","loadData","textstringResult","loadLibrary","prevTextstrings","window","Textstrings","createElement","Provider","value","displayName","_default"],"sources":["../../../../src/components/textstring-provider/TextstringProvider.tsx"],"sourcesContent":["import React, { createContext, FC, ReactNode, useEffect, useState } from 'react';\nimport type { TextstringValue } from '../../types/textstring';\nimport { loadLibrary } from '../../utils/textstring';\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                const prevTextstrings = window.Textstrings;\n\n                window.Textstrings = {\n                    ...prevTextstrings,\n                    [libraryName]: textstringResult,\n                };\n\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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAAqD,SAAAE,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,SAAAJ,wBAAAI,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,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE9C,MAAMW,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,gBAAG,IAAAE,oBAAa,EAAkB,CAAC,CAAC,CAAC;AAiBnE,MAAMC,kBAA+C,GAAGA,CAAC;EAAEC,QAAQ;EAAEC,WAAW;EAAEC;AAAS,CAAC,KAAK;EAC7F,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAAkB,CAAC,CAAC,CAAC;EAEnE,IAAAC,gBAAS,EAAC,MAAM;IACZ,MAAMC,QAAQ,GAAG,MAAAA,CAAA,KAAY;MACzB,MAAMC,gBAAgB,GAAG,MAAM,IAAAC,uBAAW,EAAC;QAAER,WAAW;QAAEC;MAAS,CAAC,CAAC;MAErE,IAAIM,gBAAgB,EAAE;QAClB,MAAME,eAAe,GAAGC,MAAM,CAACC,WAAW;QAE1CD,MAAM,CAACC,WAAW,GAAG;UACjB,GAAGF,eAAe;UAClB,CAACT,WAAW,GAAGO;QACnB,CAAC;QAEDJ,cAAc,CAACI,gBAAgB,CAAC;MACpC;IACJ,CAAC;IAED,KAAKD,QAAQ,CAAC,CAAC;EACnB,CAAC,EAAE,CAACL,QAAQ,EAAED,WAAW,CAAC,CAAC;EAE3B,oBAAO7B,MAAA,CAAAU,OAAA,CAAA+B,aAAA,CAACjB,iBAAiB,CAACkB,QAAQ;IAACC,KAAK,EAAEZ;EAAY,GAAEH,QAAqC,CAAC;AAClG,CAAC;AAEDD,kBAAkB,CAACiB,WAAW,GAAG,oBAAoB;AAAC,IAAAC,QAAA,GAAApB,OAAA,CAAAf,OAAA,GAEvCiB,kBAAkB","ignoreList":[]}

package/lib/cjs/hooks/useTextstringValue.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useTextstringValue = void 0;
+var _react = require("react");
+var _TextstringProvider = require("../components/textstring-provider/TextstringProvider");
+const useTextstringValue = ({
+  replacements,
+  textstring
+}) => {
+  const textstrings = (0, _react.useContext)(_TextstringProvider.TextstringContext);
+  const value = textstrings[textstring.name] ?? textstring.fallback;
+  if (!replacements) {
+    return value;
+  }
+  return Object.keys(replacements).reduce((current, key) => current.replace(new RegExp(key, 'g'), replacements[key] || ''), value);
+};
+exports.useTextstringValue = useTextstringValue;
+//# sourceMappingURL=useTextstringValue.js.map

package/lib/cjs/hooks/useTextstringValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTextstringValue.js","names":["_react","require","_TextstringProvider","useTextstringValue","replacements","textstring","textstrings","useContext","TextstringContext","value","name","fallback","Object","keys","reduce","current","key","replace","RegExp","exports"],"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,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAQO,MAAME,kBAAkB,GAAGA,CAAC;EAAEC,YAAY;EAAEC;AAA+B,CAAC,KAAK;EACpF,MAAMC,WAAW,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC;EAEjD,MAAMC,KAAK,GAAGH,WAAW,CAACD,UAAU,CAACK,IAAI,CAAC,IAAIL,UAAU,CAACM,QAAQ;EAEjE,IAAI,CAACP,YAAY,EAAE;IACf,OAAOK,KAAK;EAChB;EAEA,OAAOG,MAAM,CAACC,IAAI,CAACT,YAAY,CAAC,CAACU,MAAM,CACnC,CAACC,OAAO,EAAEC,GAAG,KAAKD,OAAO,CAACE,OAAO,CAAC,IAAIC,MAAM,CAACF,GAAG,EAAE,GAAG,CAAC,EAAUZ,YAAY,CAACY,GAAG,CAAC,IAAI,EAAE,CAAC,EACxFP,KACJ,CAAC;AACL,CAAC;AAACU,OAAA,CAAAhB,kBAAA,GAAAA,kBAAA","ignoreList":[]}

package/lib/cjs/index.js

@@ -0,0 +1,35 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "Textstring", {
+  enumerable: true,
+  get: function () {
+    return _Textstring.default;
+  }
+});
+Object.defineProperty(exports, "TextstringProvider", {
+  enumerable: true,
+  get: function () {
+    return _TextstringProvider.default;
+  }
+});
+Object.defineProperty(exports, "getTextstringValue", {
+  enumerable: true,
+  get: function () {
+    return _textstring.getTextstringValue;
+  }
+});
+Object.defineProperty(exports, "useTextstringValue", {
+  enumerable: true,
+  get: function () {
+    return _useTextstringValue.useTextstringValue;
+  }
+});
+var _TextstringProvider = _interopRequireDefault(require("./components/textstring-provider/TextstringProvider"));
+var _Textstring = _interopRequireDefault(require("./components/textstring/Textstring"));
+var _useTextstringValue = require("./hooks/useTextstringValue");
+var _textstring = require("./utils/textstring");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_TextstringProvider","_interopRequireDefault","require","_Textstring","_useTextstringValue","_textstring","e","__esModule","default"],"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';\nexport { getTextstringValue } from './utils/textstring';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,mBAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAAwD,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA","ignoreList":[]}

package/lib/cjs/types/textstring.js

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

package/lib/cjs/types/textstring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textstring.js","names":[],"sources":["../../../src/types/textstring.ts"],"sourcesContent":["declare global {\n    interface Window {\n        Textstrings: TextstringValues;\n    }\n}\n\ntype TextstringValues = {\n    [key: string]: TextstringValue;\n};\n\nexport type TextstringValue = {\n    [key: string]: string;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/cjs/utils/textstring.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectLanguageToChange = exports.loadLibrary = exports.getTextstringValue = void 0;
+var _chaynsApi = require("chayns-api");
+const loadLibrary = async ({
+  language,
+  libraryName
+}) => {
+  const response = await fetch(`https://webapi.tobit.com/TextstringService/v1.0/LangStrings/${libraryName}?language=${language}`);
+  if (response.status !== 200) {
+    return null;
+  }
+  return await response.json();
+};
+exports.loadLibrary = loadLibrary;
+const selectLanguageToChange = ({
+  textstringName
+}) => {
+  // Note: the page is in v4
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  void _chaynsApi.dialog.iFrame({
+    url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',
+    buttons: [],
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    input: {
+      textstring: textstringName
+    }
+  });
+};
+exports.selectLanguageToChange = selectLanguageToChange;
+const getTextstringValue = ({
+  libraryName,
+  textstring,
+  replacements
+}) => {
+  var _window$Textstrings;
+  const textstrings = typeof window !== 'undefined' ? (_window$Textstrings = window.Textstrings) === null || _window$Textstrings === void 0 ? void 0 : _window$Textstrings[libraryName] : undefined;
+  if (!textstrings) {
+    return textstring.fallback;
+  }
+  const value = textstrings[textstring.name] ?? textstring.fallback;
+  if (!replacements) {
+    return value;
+  }
+  return Object.keys(replacements).reduce((current, key) => current.replace(new RegExp(key, 'g'), replacements[key] || ''), value);
+};
+exports.getTextstringValue = getTextstringValue;
+//# sourceMappingURL=textstring.js.map

package/lib/cjs/utils/textstring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textstring.js","names":["_chaynsApi","require","loadLibrary","language","libraryName","response","fetch","status","json","exports","selectLanguageToChange","textstringName","dialog","iFrame","url","buttons","input","textstring","getTextstringValue","replacements","_window$Textstrings","textstrings","window","Textstrings","undefined","fallback","value","name","Object","keys","reduce","current","key","replace","RegExp"],"sources":["../../../src/utils/textstring.ts"],"sourcesContent":["import { dialog } from 'chayns-api';\nimport type { ITextstring, TextstringReplacement } from '../components/textstring/types';\nimport type { TextstringValue } from '../types/textstring';\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    // Note: the page is in v4\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    void dialog.iFrame({\n        url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',\n        buttons: [],\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        input: { textstring: textstringName },\n    });\n};\n\ninterface GetTextstringValueOptions {\n    textstring: ITextstring;\n    libraryName: string;\n    replacements?: TextstringReplacement;\n}\n\nexport const getTextstringValue = ({\n    libraryName,\n    textstring,\n    replacements,\n}: GetTextstringValueOptions): string => {\n    const textstrings =\n        typeof window !== 'undefined' ? window.Textstrings?.[libraryName] : undefined;\n\n    if (!textstrings) {\n        return textstring.fallback;\n    }\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,IAAAA,UAAA,GAAAC,OAAA;AASO,MAAMC,WAAW,GAAG,MAAAA,CAAO;EAAEC,QAAQ;EAAEC;AAAgC,CAAC,KAAK;EAChF,MAAMC,QAAQ,GAAG,MAAMC,KAAK,CACxB,+DAA+DF,WAAW,aAAaD,QAAQ,EACnG,CAAC;EAED,IAAIE,QAAQ,CAACE,MAAM,KAAK,GAAG,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,OAAQ,MAAMF,QAAQ,CAACG,IAAI,CAAC,CAAC;AACjC,CAAC;AAACC,OAAA,CAAAP,WAAA,GAAAA,WAAA;AAMK,MAAMQ,sBAAsB,GAAGA,CAAC;EAAEC;AAA8C,CAAC,KAAK;EACzF;EACA;EACA;EACA,KAAKC,iBAAM,CAACC,MAAM,CAAC;IACfC,GAAG,EAAE,+EAA+E;IACpFC,OAAO,EAAE,EAAE;IACX;IACA;IACAC,KAAK,EAAE;MAAEC,UAAU,EAAEN;IAAe;EACxC,CAAC,CAAC;AACN,CAAC;AAACF,OAAA,CAAAC,sBAAA,GAAAA,sBAAA;AAQK,MAAMQ,kBAAkB,GAAGA,CAAC;EAC/Bd,WAAW;EACXa,UAAU;EACVE;AACuB,CAAC,KAAa;EAAA,IAAAC,mBAAA;EACrC,MAAMC,WAAW,GACb,OAAOC,MAAM,KAAK,WAAW,IAAAF,mBAAA,GAAGE,MAAM,CAACC,WAAW,cAAAH,mBAAA,uBAAlBA,mBAAA,CAAqBhB,WAAW,CAAC,GAAGoB,SAAS;EAEjF,IAAI,CAACH,WAAW,EAAE;IACd,OAAOJ,UAAU,CAACQ,QAAQ;EAC9B;EAEA,MAAMC,KAAK,GAAGL,WAAW,CAACJ,UAAU,CAACU,IAAI,CAAC,IAAIV,UAAU,CAACQ,QAAQ;EAEjE,IAAI,CAACN,YAAY,EAAE;IACf,OAAOO,KAAK;EAChB;EAEA,OAAOE,MAAM,CAACC,IAAI,CAACV,YAAY,CAAC,CAACW,MAAM,CACnC,CAACC,OAAO,EAAEC,GAAG,KAAKD,OAAO,CAACE,OAAO,CAAC,IAAIC,MAAM,CAACF,GAAG,EAAE,GAAG,CAAC,EAAUb,YAAY,CAACa,GAAG,CAAC,IAAI,EAAE,CAAC,EACxFN,KACJ,CAAC;AACL,CAAC;AAACjB,OAAA,CAAAS,kBAAA,GAAAA,kBAAA","ignoreList":[]}

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

@@ -0,0 +1,56 @@
+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
+  });
+
+  // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access
+  const childrenOnClickFunction = children?.props.onClick;
+  const handleClick = useCallback(event => {
+    if (event.ctrlKey) {
+      void isTobitEmployee().then(inGroup => {
+        if (inGroup) {
+          selectLanguageToChange({
+            textstringName: textstring.name
+          });
+        }
+      });
+    } else if (typeof childrenOnClickFunction === 'function') {
+      childrenOnClickFunction(event);
+    }
+  }, [childrenOnClickFunction, 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 || ''} notranslate`.trim(),
+    onClick: handleClick,
+    style: childrenStyles
+  }, isTextstringHTML ? undefined : text);
+};
+Textstring.displayName = 'Textstring';
+export default Textstring;
+//# sourceMappingURL=Textstring.js.map

package/lib/esm/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","childrenOnClickFunction","props","onClick","handleClick","event","ctrlKey","then","inGroup","textstringName","name","cloneElement","dangerouslySetInnerHTML","__html","undefined","createElement","className","trim","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    // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access\n    const childrenOnClickFunction = children?.props.onClick as\n        | ((event: MouseEvent<HTMLElement>) => void)\n        | undefined;\n\n    const handleClick = useCallback(\n        (event: MouseEvent<HTMLElement>) => {\n            if (event.ctrlKey) {\n                void isTobitEmployee().then((inGroup) => {\n                    if (inGroup) {\n                        selectLanguageToChange({\n                            textstringName: textstring.name,\n                        });\n                    }\n                });\n            } else if (typeof childrenOnClickFunction === 'function') {\n                childrenOnClickFunction(event);\n            }\n        },\n        [childrenOnClickFunction, 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 || ''} notranslate`.trim(),\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;EACA,MAAMG,uBAAuB,GAAGR,QAAQ,EAAES,KAAK,CAACC,OAEjC;EAEf,MAAMC,WAAW,GAAGhB,WAAW,CAC1BiB,KAA8B,IAAK;IAChC,IAAIA,KAAK,CAACC,OAAO,EAAE;MACf,KAAKpB,eAAe,CAAC,CAAC,CAACqB,IAAI,CAAEC,OAAO,IAAK;QACrC,IAAIA,OAAO,EAAE;UACTlB,sBAAsB,CAAC;YACnBmB,cAAc,EAAEV,UAAU,CAACW;UAC/B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN,CAAC,MAAM,IAAI,OAAOT,uBAAuB,KAAK,UAAU,EAAE;MACtDA,uBAAuB,CAACI,KAAK,CAAC;IAClC;EACJ,CAAC,EACD,CAACJ,uBAAuB,EAAEF,UAAU,CAACW,IAAI,CAC7C,CAAC;EAED,IAAIjB,QAAQ,EAAE;IACV,oBAAON,KAAK,CAACwB,YAAY,CACrBlB,QAAQ,EACR;MACImB,uBAAuB,EAAEf,gBAAgB,GAAG;QAAEgB,MAAM,EAAEb;MAAK,CAAC,GAAGc,SAAS;MACxEX,OAAO,EAAEC;IACb,CAAC,EACDP,gBAAgB,GAAGiB,SAAS,GAAGd,IACnC,CAAC;EACL;;EAEA;EACA,oBAAOb,KAAK,CAAC4B,aAAa,CACtBnB,eAAe,IAAI,MAAM,EACzB;IACIgB,uBAAuB,EAAEf,gBAAgB,GAAG;MAAEgB,MAAM,EAAEb;IAAK,CAAC,GAAGc,SAAS;IACxEE,SAAS,EAAE,GAAGtB,iBAAiB,IAAI,EAAE,cAAc,CAACuB,IAAI,CAAC,CAAC;IAC1Dd,OAAO,EAAEC,WAAW;IACpBc,KAAK,EAAEvB;EACX,CAAC,EACDE,gBAAgB,GAAGiB,SAAS,GAAGd,IACnC,CAAC;AACL,CAAC;AAEDT,UAAU,CAAC4B,WAAW,GAAG,YAAY;AAErC,eAAe5B,UAAU","ignoreList":[]}

package/lib/esm/components/textstring/types.js

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

package/lib/esm/components/textstring/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","names":[],"sources":["../../../../src/components/textstring/types.ts"],"sourcesContent":["export interface TextstringReplacement {\n    [key: string]: string;\n}\n\nexport interface ITextstring {\n    fallback: string;\n    name: string;\n}\n"],"mappings":"","ignoreList":[]}

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

@@ -0,0 +1,34 @@
+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) {
+        const prevTextstrings = window.Textstrings;
+        window.Textstrings = {
+          ...prevTextstrings,
+          [libraryName]: 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/esm/components/textstring-provider/TextstringProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextstringProvider.js","names":["React","createContext","useEffect","useState","loadLibrary","TextstringContext","TextstringProvider","_ref","children","libraryName","language","textstrings","setTextstrings","loadData","textstringResult","prevTextstrings","window","Textstrings","createElement","Provider","value","displayName"],"sources":["../../../../src/components/textstring-provider/TextstringProvider.tsx"],"sourcesContent":["import React, { createContext, FC, ReactNode, useEffect, useState } from 'react';\nimport type { TextstringValue } from '../../types/textstring';\nimport { loadLibrary } from '../../utils/textstring';\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                const prevTextstrings = window.Textstrings;\n\n                window.Textstrings = {\n                    ...prevTextstrings,\n                    [libraryName]: textstringResult,\n                };\n\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;AAEhF,SAASC,WAAW,QAAQ,wBAAwB;AAEpD,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;QAClB,MAAMC,eAAe,GAAGC,MAAM,CAACC,WAAW;QAE1CD,MAAM,CAACC,WAAW,GAAG;UACjB,GAAGF,eAAe;UAClB,CAACN,WAAW,GAAGK;QACnB,CAAC;QAEDF,cAAc,CAACE,gBAAgB,CAAC;MACpC;IACJ,CAAC;IAED,KAAKD,QAAQ,CAAC,CAAC;EACnB,CAAC,EAAE,CAACH,QAAQ,EAAED,WAAW,CAAC,CAAC;EAE3B,oBAAOT,KAAA,CAAAkB,aAAA,CAACb,iBAAiB,CAACc,QAAQ;IAACC,KAAK,EAAET;EAAY,GAAEH,QAAqC,CAAC;AAClG,CAAC;AAEDF,kBAAkB,CAACe,WAAW,GAAG,oBAAoB;AAErD,eAAef,kBAAkB","ignoreList":[]}

package/lib/esm/hooks/useTextstringValue.js

@@ -0,0 +1,15 @@
+import { useContext } from 'react';
+import { TextstringContext } from '../components/textstring-provider/TextstringProvider';
+export const useTextstringValue = _ref => {
+  let {
+    replacements,
+    textstring
+  } = _ref;
+  const textstrings = useContext(TextstringContext);
+  const value = textstrings[textstring.name] ?? textstring.fallback;
+  if (!replacements) {
+    return value;
+  }
+  return Object.keys(replacements).reduce((current, key) => current.replace(new RegExp(key, 'g'), replacements[key] || ''), value);
+};
+//# sourceMappingURL=useTextstringValue.js.map

package/lib/esm/hooks/useTextstringValue.js.map

@@ -0,0 +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 { 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","ignoreList":[]}

package/lib/esm/index.js

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

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["default","TextstringProvider","Textstring","useTextstringValue","getTextstringValue"],"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';\nexport { getTextstringValue } from './utils/textstring';\n"],"mappings":"AAAA;;AAEA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,qDAAqD;AACnG,SAASD,OAAO,IAAIE,UAAU,QAAQ,oCAAoC;AAE1E,SAASC,kBAAkB,QAAQ,4BAA4B;AAC/D,SAASC,kBAAkB,QAAQ,oBAAoB","ignoreList":[]}

package/lib/esm/types/textstring.js

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

package/lib/esm/types/textstring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textstring.js","names":[],"sources":["../../../src/types/textstring.ts"],"sourcesContent":["declare global {\n    interface Window {\n        Textstrings: TextstringValues;\n    }\n}\n\ntype TextstringValues = {\n    [key: string]: TextstringValue;\n};\n\nexport type TextstringValue = {\n    [key: string]: string;\n};\n"],"mappings":"","ignoreList":[]}

package/lib/esm/utils/textstring.js

@@ -0,0 +1,46 @@
+import { dialog } from 'chayns-api';
+export const loadLibrary = async _ref => {
+  let {
+    language,
+    libraryName
+  } = _ref;
+  const response = await fetch(`https://webapi.tobit.com/TextstringService/v1.0/LangStrings/${libraryName}?language=${language}`);
+  if (response.status !== 200) {
+    return null;
+  }
+  return await response.json();
+};
+export const selectLanguageToChange = _ref2 => {
+  let {
+    textstringName
+  } = _ref2;
+  // Note: the page is in v4
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore
+  void dialog.iFrame({
+    url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',
+    buttons: [],
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    input: {
+      textstring: textstringName
+    }
+  });
+};
+export const getTextstringValue = _ref3 => {
+  let {
+    libraryName,
+    textstring,
+    replacements
+  } = _ref3;
+  const textstrings = typeof window !== 'undefined' ? window.Textstrings?.[libraryName] : undefined;
+  if (!textstrings) {
+    return textstring.fallback;
+  }
+  const value = textstrings[textstring.name] ?? textstring.fallback;
+  if (!replacements) {
+    return value;
+  }
+  return Object.keys(replacements).reduce((current, key) => current.replace(new RegExp(key, 'g'), replacements[key] || ''), value);
+};
+//# sourceMappingURL=textstring.js.map

package/lib/esm/utils/textstring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textstring.js","names":["dialog","loadLibrary","_ref","language","libraryName","response","fetch","status","json","selectLanguageToChange","_ref2","textstringName","iFrame","url","buttons","input","textstring","getTextstringValue","_ref3","replacements","textstrings","window","Textstrings","undefined","fallback","value","name","Object","keys","reduce","current","key","replace","RegExp"],"sources":["../../../src/utils/textstring.ts"],"sourcesContent":["import { dialog } from 'chayns-api';\nimport type { ITextstring, TextstringReplacement } from '../components/textstring/types';\nimport type { TextstringValue } from '../types/textstring';\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    // Note: the page is in v4\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    void dialog.iFrame({\n        url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',\n        buttons: [],\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        input: { textstring: textstringName },\n    });\n};\n\ninterface GetTextstringValueOptions {\n    textstring: ITextstring;\n    libraryName: string;\n    replacements?: TextstringReplacement;\n}\n\nexport const getTextstringValue = ({\n    libraryName,\n    textstring,\n    replacements,\n}: GetTextstringValueOptions): string => {\n    const textstrings =\n        typeof window !== 'undefined' ? window.Textstrings?.[libraryName] : undefined;\n\n    if (!textstrings) {\n        return textstring.fallback;\n    }\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,MAAM,QAAQ,YAAY;AASnC,OAAO,MAAMC,WAAW,GAAG,MAAAC,IAAA,IAAyD;EAAA,IAAlD;IAAEC,QAAQ;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC3E,MAAMG,QAAQ,GAAG,MAAMC,KAAK,CACxB,+DAA+DF,WAAW,aAAaD,QAAQ,EACnG,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;EACA;EACA;EACA,KAAKV,MAAM,CAACY,MAAM,CAAC;IACfC,GAAG,EAAE,+EAA+E;IACpFC,OAAO,EAAE,EAAE;IACX;IACA;IACAC,KAAK,EAAE;MAAEC,UAAU,EAAEL;IAAe;EACxC,CAAC,CAAC;AACN,CAAC;AAQD,OAAO,MAAMM,kBAAkB,GAAGC,KAAA,IAIO;EAAA,IAJN;IAC/Bd,WAAW;IACXY,UAAU;IACVG;EACuB,CAAC,GAAAD,KAAA;EACxB,MAAME,WAAW,GACb,OAAOC,MAAM,KAAK,WAAW,GAAGA,MAAM,CAACC,WAAW,GAAGlB,WAAW,CAAC,GAAGmB,SAAS;EAEjF,IAAI,CAACH,WAAW,EAAE;IACd,OAAOJ,UAAU,CAACQ,QAAQ;EAC9B;EAEA,MAAMC,KAAK,GAAGL,WAAW,CAACJ,UAAU,CAACU,IAAI,CAAC,IAAIV,UAAU,CAACQ,QAAQ;EAEjE,IAAI,CAACL,YAAY,EAAE;IACf,OAAOM,KAAK;EAChB;EAEA,OAAOE,MAAM,CAACC,IAAI,CAACT,YAAY,CAAC,CAACU,MAAM,CACnC,CAACC,OAAO,EAAEC,GAAG,KAAKD,OAAO,CAACE,OAAO,CAAC,IAAIC,MAAM,CAACF,GAAG,EAAE,GAAG,CAAC,EAAUZ,YAAY,CAACY,GAAG,CAAC,IAAI,EAAE,CAAC,EACxFN,KACJ,CAAC;AACL,CAAC","ignoreList":[]}

package/lib/types/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/types/components/textstring/types.d.ts

@@ -0,0 +1,7 @@
+export interface TextstringReplacement {
+    [key: string]: string;
+}
+export interface ITextstring {
+    fallback: string;
+    name: string;
+}

package/lib/types/components/textstring-provider/TextstringProvider.d.ts

@@ -0,0 +1,19 @@
+import React, { FC, ReactNode } from 'react';
+import type { TextstringValue } from '../../types/textstring';
+export declare const TextstringContext: React.Context<TextstringValue>;
+export type TextstringProviderProps = {
+    /**
+     * The element that should use the library.
+     */
+    children?: ReactNode;
+    /**
+     * The language that should be used.
+     */
+    language: string;
+    /**
+     * The name of the library.
+     */
+    libraryName: string;
+};
+declare const TextstringProvider: FC<TextstringProviderProps>;
+export default TextstringProvider;

package/lib/types/hooks/useTextstringValue.d.ts

@@ -0,0 +1,6 @@
+import type { ITextstring, TextstringReplacement } from '../components/textstring/types';
+export interface UseTextstringValue {
+    textstring: ITextstring;
+    replacements?: TextstringReplacement;
+}
+export declare const useTextstringValue: ({ replacements, textstring }: UseTextstringValue) => string;

package/lib/types/index.d.ts

@@ -0,0 +1,5 @@
+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';
+export { getTextstringValue } from './utils/textstring';

package/lib/types/types/textstring.d.ts

@@ -0,0 +1,12 @@
+declare global {
+    interface Window {
+        Textstrings: TextstringValues;
+    }
+}
+type TextstringValues = {
+    [key: string]: TextstringValue;
+};
+export type TextstringValue = {
+    [key: string]: string;
+};
+export {};

package/lib/types/utils/textstring.d.ts

@@ -0,0 +1,18 @@
+import type { ITextstring, TextstringReplacement } from '../components/textstring/types';
+import type { TextstringValue } from '../types/textstring';
+interface LoadLibraryOptions {
+    libraryName: string;
+    language: string;
+}
+export declare const loadLibrary: ({ language, libraryName }: LoadLibraryOptions) => Promise<TextstringValue | null>;
+interface SelectLanguageToChangeOptions {
+    textstringName: string;
+}
+export declare const selectLanguageToChange: ({ textstringName }: SelectLanguageToChangeOptions) => void;
+interface GetTextstringValueOptions {
+    textstring: ITextstring;
+    libraryName: string;
+    replacements?: TextstringReplacement;
+}
+export declare const getTextstringValue: ({ libraryName, textstring, replacements, }: GetTextstringValueOptions) => string;
+export {};

package/package.json

@@ -0,0 +1,85 @@
+{
+    "name": "@chayns-components/textstring",
+    "version": "5.0.0-beta.1000",
+    "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "sideEffects": false,
+    "browserslist": [
+        ">0.5%",
+        "not dead",
+        "not op_mini all",
+        "not IE 11"
+    ],
+    "keywords": [
+        "chayns",
+        "react",
+        "components"
+    ],
+    "author": "Tobit.Software",
+    "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/textstring#readme",
+    "license": "MIT",
+    "types": "lib/types/index.d.ts",
+    "main": "lib/cjs/index.js",
+    "module": "lib/esm/index.js",
+    "exports": {
+        ".": {
+            "types": "./lib/types/index.d.ts",
+            "require": "./lib/cjs/index.js",
+            "import": "./lib/esm/index.js"
+        }
+    },
+    "directories": {
+        "lib": "lib",
+        "test": "__tests__"
+    },
+    "files": [
+        "lib"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TobitSoftware/chayns-components.git"
+    },
+    "scripts": {
+        "build": "npm run build:cjs && npm run build:esm && npm run build:types",
+        "build:types": "tsc",
+        "build:cjs": "cross-env NODE_ENV=cjs babel src --out-dir lib/cjs --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:esm": "cross-env NODE_ENV=esm babel src --out-dir lib/esm --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "prepublishOnly": "npm run build",
+        "watch:js": "npm run build:esm -- --watch",
+        "link": "npm link && npm run watch:js"
+    },
+    "bugs": {
+        "url": "https://github.com/TobitSoftware/chayns-components/issues"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.26.4",
+        "@babel/core": "^7.26.0",
+        "@babel/preset-env": "^7.26.0",
+        "@babel/preset-react": "^7.26.3",
+        "@babel/preset-typescript": "^7.26.0",
+        "@types/react": "^18.3.18",
+        "@types/react-dom": "^18.3.5",
+        "@types/styled-components": "^5.1.34",
+        "@types/uuid": "^10.0.0",
+        "babel-loader": "^9.2.1",
+        "cross-env": "^7.0.3",
+        "lerna": "^8.1.9",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "styled-components": "^6.1.14",
+        "typescript": "^5.7.3"
+    },
+    "dependencies": {
+        "@chayns-components/core": "^5.0.0-beta.1000"
+    },
+    "peerDependencies": {
+        "chayns-api": ">=2.0.0",
+        "framer-motion": ">=10.18.0",
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0",
+        "styled-components": ">=5.3.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "d456c0b87862a3be7d764ba0f16e0b96b22ac2a8"
+}