@chayns-components/textstring 5.0.0-beta.251

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,40 @@
+<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/typewriter.svg?style=for-the-badge" alt="" />
+        <img src="https://img.shields.io/npm/v/@chayns-components/typewriter?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 gallery 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
+
+You can use the components in your project as in the following example.
+
+```typescript jsx
+import { Textstring } from '@chayns-components/textstring';
+
+<Textstring />;
+```

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

@@ -0,0 +1,26 @@
+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;
+    /**
+     * 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

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _TextStringProvider = require("../textstring-provider/TextStringProvider");
+var _TextString = require("./TextString.styles");
+var _core = require("@chayns-components/core");
+var _textstring = require("../../utils/textstring");
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const TextString = _ref => {
+  let {
+    textString,
+    replacements,
+    childrenTagName,
+    children,
+    childrenStyles
+  } = _ref;
+  const textStrings = (0, _react.useContext)(_TextStringProvider.TextStringContext);
+  const text = (0, _react.useMemo)(() => {
+    var _textStrings$textStri;
+    const value = (_textStrings$textStri = textStrings[textString.name]) !== null && _textStrings$textStri !== void 0 ? _textStrings$textStri : textString.fallback;
+    if (!replacements) {
+      return value;
+    }
+    let newValue = value;
+    replacements.forEach(_ref2 => {
+      let {
+        replacement,
+        key
+      } = _ref2;
+      newValue = newValue.replace(key, replacement);
+    });
+    return newValue;
+  }, [replacements, textString, textStrings]);
+  const childElement = (0, _react.useMemo)(() => {
+    let element = /*#__PURE__*/(0, _react.createElement)('', childrenStyles ? {
+      style: childrenStyles
+    } : null, children);
+    if (!children) {
+      element = /*#__PURE__*/(0, _react.createElement)(childrenTagName || 'span', childrenStyles ? {
+        style: childrenStyles
+      } : null, text);
+    }
+    return element;
+  }, [children, childrenStyles, childrenTagName, text]);
+  const handleClick = (0, _react.useCallback)(event => {
+    if (event.ctrlKey) {
+      void (0, _core.isTobitEmployee)().then(inGroup => {
+        if (inGroup) {
+          (0, _textstring.selectLanguageToChange)({
+            textstringName: textString.name
+          });
+        }
+      });
+    }
+  }, [textString.name]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_TextString.StyledTextString, {
+    onClick: handleClick
+  }, childElement), [childElement, handleClick]);
+};
+TextString.displayName = 'TextString';
+var _default = TextString;
+exports.default = _default;
+//# sourceMappingURL=TextString.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextString.js","names":["_react","_interopRequireWildcard","require","_TextStringProvider","_TextString","_core","_textstring","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TextString","_ref","textString","replacements","childrenTagName","children","childrenStyles","textStrings","useContext","TextStringContext","text","useMemo","_textStrings$textStri","value","name","fallback","newValue","forEach","_ref2","replacement","replace","childElement","element","createElement","style","handleClick","useCallback","event","ctrlKey","isTobitEmployee","then","inGroup","selectLanguageToChange","textstringName","StyledTextString","onClick","displayName","_default","exports"],"sources":["../../../src/components/textstring/TextString.tsx"],"sourcesContent":["import React, {\n    createElement,\n    CSSProperties,\n    FC,\n    MouseEventHandler,\n    ReactHTML,\n    ReactNode,\n    useCallback,\n    useContext,\n    useMemo,\n} from 'react';\nimport { TextStringContext } from '../textstring-provider/TextStringProvider';\nimport { StyledTextString } from './TextString.styles';\nimport type { ITextstring, TextstringReplacement } from './types';\nimport { isTobitEmployee } from '@chayns-components/core';\nimport { selectLanguageToChange } from '../../utils/textstring';\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     * 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    childrenTagName,\n    children,\n    childrenStyles,\n}) => {\n    const textStrings = useContext(TextStringContext);\n\n    const text = useMemo(() => {\n        const value = textStrings[textString.name] ?? textString.fallback;\n\n        if (!replacements) {\n            return value;\n        }\n\n        let newValue = value;\n\n        replacements.forEach(({ replacement, key }) => {\n            newValue = newValue.replace(key, replacement);\n        });\n\n        return newValue;\n    }, [replacements, textString, textStrings]);\n\n    const childElement = useMemo(() => {\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, 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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAWA,IAAAC,mBAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAEA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAAgE,SAAAK,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAP,wBAAAW,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAyBhE,MAAMW,UAA+B,GAAGC,IAAA,IAMlC;EAAA,IANmC;IACrCC,UAAU;IACVC,YAAY;IACZC,eAAe;IACfC,QAAQ;IACRC;EACJ,CAAC,GAAAL,IAAA;EACG,MAAMM,WAAW,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC;EAEjD,MAAMC,IAAI,GAAG,IAAAC,cAAO,EAAC,MAAM;IAAA,IAAAC,qBAAA;IACvB,MAAMC,KAAK,IAAAD,qBAAA,GAAGL,WAAW,CAACL,UAAU,CAACY,IAAI,CAAC,cAAAF,qBAAA,cAAAA,qBAAA,GAAIV,UAAU,CAACa,QAAQ;IAEjE,IAAI,CAACZ,YAAY,EAAE;MACf,OAAOU,KAAK;IAChB;IAEA,IAAIG,QAAQ,GAAGH,KAAK;IAEpBV,YAAY,CAACc,OAAO,CAACC,KAAA,IAA0B;MAAA,IAAzB;QAAEC,WAAW;QAAEzB;MAAI,CAAC,GAAAwB,KAAA;MACtCF,QAAQ,GAAGA,QAAQ,CAACI,OAAO,CAAC1B,GAAG,EAAEyB,WAAW,CAAC;IACjD,CAAC,CAAC;IAEF,OAAOH,QAAQ;EACnB,CAAC,EAAE,CAACb,YAAY,EAAED,UAAU,EAAEK,WAAW,CAAC,CAAC;EAE3C,MAAMc,YAAY,GAAG,IAAAV,cAAO,EAAC,MAAM;IAC/B,IAAIW,OAAO,gBAAG,IAAAC,oBAAa,EACvB,EAAE,EACFjB,cAAc,GAAG;MAAEkB,KAAK,EAAElB;IAAe,CAAC,GAAG,IAAI,EACjDD,QACJ,CAAC;IAED,IAAI,CAACA,QAAQ,EAAE;MACXiB,OAAO,gBAAG,IAAAC,oBAAa,EACnBnB,eAAe,IAAI,MAAM,EACzBE,cAAc,GAAG;QAAEkB,KAAK,EAAElB;MAAe,CAAC,GAAG,IAAI,EACjDI,IACJ,CAAC;IACL;IAEA,OAAOY,OAAO;EAClB,CAAC,EAAE,CAACjB,QAAQ,EAAEC,cAAc,EAAEF,eAAe,EAAEM,IAAI,CAAC,CAAC;EAErD,MAAMe,WAA8C,GAAG,IAAAC,kBAAW,EAC7DC,KAAK,IAAK;IACP,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,EAAE/B,UAAU,CAACY;UAC/B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EACD,CAACZ,UAAU,CAACY,IAAI,CACpB,CAAC;EAED,OAAO,IAAAH,cAAO,EACV,mBAAMxC,MAAA,CAAAc,OAAA,CAAAsC,aAAA,CAAChD,WAAA,CAAA2D,gBAAgB;IAACC,OAAO,EAAEV;EAAY,GAAEJ,YAA+B,CAAC,EAC/E,CAACA,YAAY,EAAEI,WAAW,CAC9B,CAAC;AACL,CAAC;AAEDzB,UAAU,CAACoC,WAAW,GAAG,YAAY;AAAC,IAAAC,QAAA,GAEvBrC,UAAU;AAAAsC,OAAA,CAAArD,OAAA,GAAAoD,QAAA"}

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

@@ -0,0 +1 @@
+export declare const StyledTextString: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledTextString = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledTextString = _styledComponents.default.div``;
+exports.StyledTextString = StyledTextString;
+//# sourceMappingURL=TextString.styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextString.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledTextString","styled","div","exports"],"sources":["../../../src/components/textstring/TextString.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTextString = styled.div``;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,gBAAgB,GAAGC,yBAAM,CAACC,GAAI,EAAC;AAACC,OAAA,CAAAH,gBAAA,GAAAA,gBAAA"}

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

@@ -0,0 +1,8 @@
+export interface TextstringReplacement {
+    key: string;
+    replacement: string;
+}
+export interface ITextstring {
+    fallback: string;
+    name: string;
+}

package/lib/components/textstring/types.js

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=types.js.map

package/lib/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;\n    replacement: string;\n}\n\nexport interface ITextstring {\n    fallback: string;\n    name: string;\n}\n"],"mappings":""}

package/lib/components/textstring-provider/TextStringProvider.d.ts

@@ -0,0 +1,21 @@
+import React, { FC, ReactNode } from 'react';
+export type TextStringValue = {
+    [key: string]: string;
+};
+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/components/textstring-provider/TextStringProvider.js

@@ -0,0 +1,39 @@
+"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(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+const TextStringContext = /*#__PURE__*/(0, _react.createContext)({});
+exports.TextStringContext = TextStringContext;
+const TextStringProvider = _ref => {
+  let {
+    children,
+    libraryName,
+    language
+  } = _ref;
+  const [textStrings, setTextStrings] = (0, _react.useState)({});
+  (0, _react.useEffect)(() => {
+    const loadData = async () => {
+      const textStringResult = await (0, _textstring.loadLibrary)({
+        libraryName,
+        language
+      });
+      if (textStringResult) {
+        setTextStrings(textStringResult);
+      }
+    };
+    void loadData();
+  }, [language, libraryName]);
+  return /*#__PURE__*/_react.default.createElement(TextStringContext.Provider, {
+    value: textStrings
+  }, children);
+};
+TextStringProvider.displayName = 'TextStringProvider';
+var _default = TextStringProvider;
+exports.default = _default;
+//# sourceMappingURL=TextStringProvider.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextStringProvider.js","names":["_react","_interopRequireWildcard","require","_textstring","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","TextStringContext","createContext","exports","TextStringProvider","_ref","children","libraryName","language","textStrings","setTextStrings","useState","useEffect","loadData","textStringResult","loadLibrary","createElement","Provider","value","displayName","_default"],"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,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAAqD,SAAAE,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAJ,wBAAAQ,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AAM9C,MAAMW,iBAAiB,gBAAG,IAAAC,oBAAa,EAAkB,CAAC,CAAC,CAAC;AAACC,OAAA,CAAAF,iBAAA,GAAAA,iBAAA;AAiBpE,MAAMG,kBAA+C,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAH,IAAA;EACxF,MAAM,CAACI,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;QAClBJ,cAAc,CAACI,gBAAgB,CAAC;MACpC;IACJ,CAAC;IAED,KAAKD,QAAQ,CAAC,CAAC;EACnB,CAAC,EAAE,CAACL,QAAQ,EAAED,WAAW,CAAC,CAAC;EAE3B,oBAAOhC,MAAA,CAAAW,OAAA,CAAA8B,aAAA,CAACf,iBAAiB,CAACgB,QAAQ;IAACC,KAAK,EAAET;EAAY,GAAEH,QAAqC,CAAC;AAClG,CAAC;AAEDF,kBAAkB,CAACe,WAAW,GAAG,oBAAoB;AAAC,IAAAC,QAAA,GAEvChB,kBAAkB;AAAAD,OAAA,CAAAjB,OAAA,GAAAkC,QAAA"}

package/lib/index.d.ts

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

package/lib/index.js

@@ -0,0 +1,28 @@
+"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 _getTextstringValue.getTextstringValue;
+  }
+});
+var _TextStringProvider = _interopRequireDefault(require("./components/textstring-provider/TextStringProvider"));
+var _TextString = _interopRequireDefault(require("./components/textstring/TextString"));
+var _getTextstringValue = require("./utils/getTextstringValue");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_TextStringProvider","_interopRequireDefault","require","_TextString","_getTextstringValue","obj","__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 {\n    ITextstring as Textstring,\n    TextstringReplacement,\n} from './components/textstring/types';\nexport { getTextstringValue } from './utils/getTextstringValue';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAAA,mBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAKA,IAAAE,mBAAA,GAAAF,OAAA;AAAgE,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA"}

package/lib/types/chayns.d.ts

@@ -0,0 +1,98 @@
+declare global {
+    let chayns: Chayns;
+}
+export interface Chayns {
+    dialog: Dialog;
+    env: Env;
+    openImage(urls: string | string[], start?: number): Promise<undefined>;
+    openVideo(url: string): Promise<void>;
+    register(config: object): any;
+}
+export interface Dialog {
+    select(config: {
+        title?: string;
+        message?: string;
+        list: Array<SelectDialogItem>;
+        multiselect?: boolean;
+        type?: SelectType;
+        preventCloseOnClick?: boolean;
+        buttons?: DialogButton[];
+        selectAllButton?: string;
+    }): Promise<SelectDialogResult>;
+    alert(headline: string, text: string): Promise<ButtonType>;
+    iFrame(config: {
+        url: string;
+        input?: object;
+        title?: string;
+        message?: string;
+        buttons?: DialogButton[];
+        seamless?: boolean;
+        transparent?: boolean;
+        waitCursor?: boolean;
+        maxHeight?: string;
+        width?: number;
+        customTransitionTimeout?: number;
+    }): Promise<any>;
+}
+declare enum ButtonText {
+    Cancel = "Abbrechen",
+    No = "Nein",
+    Ok = "OK",
+    Yes = "Ja"
+}
+export declare enum ButtonType {
+    Cancel = -1,
+    Negative = 0,
+    Positive = 1
+}
+export interface DialogButton {
+    text: ButtonText | string;
+    buttonType: ButtonType | number;
+    collapseTime?: number;
+    textColor?: string;
+    backgroundColor?: string;
+}
+export interface SelectDialogItem {
+    name: string;
+    value: string | number;
+    isSelected?: boolean;
+}
+export interface SelectDialogResult {
+    buttonType: ButtonType | number;
+    selection: Array<SelectDialogItem>;
+}
+declare enum SelectType {
+    Default = 0,
+    Icon = 1,
+    IconAndText
+}
+export interface Group {
+    id: number;
+    isActive: boolean;
+}
+export interface User {
+    name: string;
+    firstName: string;
+    gender: number;
+    lastName: string;
+    id: number;
+    personId: string;
+    tobitAccessToken: string;
+    groups: Group[];
+    isAuthenticated: boolean;
+    adminMode: boolean;
+    isAdmin: boolean;
+}
+export interface Site {
+    id: string;
+}
+export interface Env {
+    site: Site;
+    user: User;
+    language: any;
+    parameters: any;
+    isApp: boolean;
+    isMobile: boolean;
+    isTablet: boolean;
+}
+export {};

package/lib/types/chayns.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ButtonType = void 0;
+let ButtonType = /*#__PURE__*/function (ButtonType) {
+  ButtonType[ButtonType["Cancel"] = -1] = "Cancel";
+  ButtonType[ButtonType["Negative"] = 0] = "Negative";
+  ButtonType[ButtonType["Positive"] = 1] = "Positive";
+  return ButtonType;
+}({});
+exports.ButtonType = ButtonType;
+//# sourceMappingURL=chayns.js.map

package/lib/types/chayns.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chayns.js","names":["ButtonType","exports"],"sources":["../../src/types/chayns.ts"],"sourcesContent":["declare global {\n    let chayns: Chayns;\n}\n\nexport interface Chayns {\n    dialog: Dialog;\n    env: Env;\n    openImage(urls: string | string[], start?: number): Promise<undefined>;\n    openVideo(url: string): Promise<void>;\n    register(config: object): any;\n}\n\nexport interface Dialog {\n    select(config: {\n        title?: string;\n        message?: string;\n        list: Array<SelectDialogItem>;\n        multiselect?: boolean;\n        type?: SelectType;\n        preventCloseOnClick?: boolean;\n        buttons?: DialogButton[];\n        selectAllButton?: string;\n    }): Promise<SelectDialogResult>;\n    alert(headline: string, text: string): Promise<ButtonType>;\n    iFrame(config: {\n        url: string;\n        input?: object;\n        title?: string;\n        message?: string;\n        buttons?: DialogButton[];\n        seamless?: boolean;\n        transparent?: boolean;\n        waitCursor?: boolean;\n        maxHeight?: string;\n        width?: number;\n        customTransitionTimeout?: number;\n    }): Promise<any>;\n}\n\ndeclare enum ButtonText {\n    Cancel = 'Abbrechen',\n    No = 'Nein',\n    Ok = 'OK',\n    Yes = 'Ja',\n}\n\nexport enum ButtonType {\n    Cancel = -1,\n    Negative = 0,\n    Positive = 1,\n}\n\nexport interface DialogButton {\n    text: ButtonText | string;\n    buttonType: ButtonType | number;\n    collapseTime?: number;\n    textColor?: string;\n    backgroundColor?: string;\n}\n\nexport interface SelectDialogItem {\n    name: string;\n    value: string | number;\n    isSelected?: boolean;\n}\n\nexport interface SelectDialogResult {\n    buttonType: ButtonType | number;\n    selection: Array<SelectDialogItem>;\n}\n\ndeclare enum SelectType {\n    Default = 0,\n    Icon = 1,\n    IconAndText,\n}\n\nexport interface Group {\n    id: number;\n    isActive: boolean;\n}\n\nexport interface User {\n    name: string;\n    firstName: string;\n    gender: number;\n    lastName: string;\n    id: number;\n    personId: string;\n    tobitAccessToken: string;\n    groups: Group[];\n    isAuthenticated: boolean;\n    adminMode: boolean;\n    isAdmin: boolean;\n}\n\nexport interface Site {\n    id: string;\n}\n\nexport interface Env {\n    site: Site;\n    user: User;\n    language: any;\n    parameters: any;\n    isApp: boolean;\n    isMobile: boolean;\n    isTablet: boolean;\n}\n"],"mappings":";;;;;;IA8CYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA;AAAAC,OAAA,CAAAD,UAAA,GAAAA,UAAA"}

package/lib/utils/getTextstringValue.d.ts

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

package/lib/utils/getTextstringValue.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTextstringValue = void 0;
+var _react = require("react");
+var _TextStringProvider = require("../components/textstring-provider/TextStringProvider");
+const getTextstringValue = _ref => {
+  var _textStrings$textStri;
+  let {
+    replacements,
+    textString
+  } = _ref;
+  // Ignore rule to get the textstrings from the library
+  // eslint-disable-next-line react-hooks/rules-of-hooks
+  const textStrings = (0, _react.useContext)(_TextStringProvider.TextStringContext);
+  const value = (_textStrings$textStri = textStrings[textString.name]) !== null && _textStrings$textStri !== void 0 ? _textStrings$textStri : textString.fallback;
+  if (!replacements) {
+    return value;
+  }
+  let newValue = value;
+  replacements.forEach(_ref2 => {
+    let {
+      replacement,
+      key
+    } = _ref2;
+    newValue = newValue.replace(key, replacement);
+  });
+  return newValue;
+};
+exports.getTextstringValue = getTextstringValue;
+//# sourceMappingURL=getTextstringValue.js.map

package/lib/utils/getTextstringValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getTextstringValue.js","names":["_react","require","_TextStringProvider","getTextstringValue","_ref","_textStrings$textStri","replacements","textString","textStrings","useContext","TextStringContext","value","name","fallback","newValue","forEach","_ref2","replacement","key","replace","exports"],"sources":["../../src/utils/getTextstringValue.ts"],"sourcesContent":["import { useContext } from 'react';\nimport type { ITextstring, TextstringReplacement } from '../components/textstring/types';\nimport { TextStringContext } from '../components/textstring-provider/TextStringProvider';\n\nexport interface GetTextstringValue {\n    textString: ITextstring;\n    replacements?: TextstringReplacement[];\n}\n\nexport const getTextstringValue = ({ replacements, textString }: GetTextstringValue) => {\n    // Ignore rule to get the textstrings from the library\n    // eslint-disable-next-line react-hooks/rules-of-hooks\n    const textStrings = useContext(TextStringContext);\n\n    const value = textStrings[textString.name] ?? textString.fallback;\n\n    if (!replacements) {\n        return value;\n    }\n\n    let newValue = value;\n\n    replacements.forEach(({ replacement, key }) => {\n        newValue = newValue.replace(key, replacement);\n    });\n\n    return newValue;\n};\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAOO,MAAME,kBAAkB,GAAGC,IAAA,IAAsD;EAAA,IAAAC,qBAAA;EAAA,IAArD;IAAEC,YAAY;IAAEC;EAA+B,CAAC,GAAAH,IAAA;EAC/E;EACA;EACA,MAAMI,WAAW,GAAG,IAAAC,iBAAU,EAACC,qCAAiB,CAAC;EAEjD,MAAMC,KAAK,IAAAN,qBAAA,GAAGG,WAAW,CAACD,UAAU,CAACK,IAAI,CAAC,cAAAP,qBAAA,cAAAA,qBAAA,GAAIE,UAAU,CAACM,QAAQ;EAEjE,IAAI,CAACP,YAAY,EAAE;IACf,OAAOK,KAAK;EAChB;EAEA,IAAIG,QAAQ,GAAGH,KAAK;EAEpBL,YAAY,CAACS,OAAO,CAACC,KAAA,IAA0B;IAAA,IAAzB;MAAEC,WAAW;MAAEC;IAAI,CAAC,GAAAF,KAAA;IACtCF,QAAQ,GAAGA,QAAQ,CAACK,OAAO,CAACD,GAAG,EAAED,WAAW,CAAC;EACjD,CAAC,CAAC;EAEF,OAAOH,QAAQ;AACnB,CAAC;AAACM,OAAA,CAAAjB,kBAAA,GAAAA,kBAAA"}

package/lib/utils/textstring.d.ts

@@ -0,0 +1,11 @@
+import type { TextStringValue } from '../components/textstring-provider/TextStringProvider';
+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;
+export {};

package/lib/utils/textstring.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectLanguageToChange = exports.loadLibrary = void 0;
+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();
+};
+exports.loadLibrary = loadLibrary;
+const selectLanguageToChange = _ref2 => {
+  let {
+    textstringName
+  } = _ref2;
+  void chayns.dialog.iFrame({
+    url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',
+    buttons: [],
+    input: {
+      textstring: textstringName
+    }
+  });
+};
+exports.selectLanguageToChange = selectLanguageToChange;
+//# sourceMappingURL=textstring.js.map

package/lib/utils/textstring.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textstring.js","names":["loadLibrary","_ref","language","libraryName","response","fetch","status","json","exports","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":";;;;;;AAOO,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;AAACC,OAAA,CAAAR,WAAA,GAAAA,WAAA;AAMK,MAAMS,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;AAACH,OAAA,CAAAC,sBAAA,GAAAA,sBAAA"}

package/package.json

@@ -0,0 +1,69 @@
+{
+    "name": "@chayns-components/textstring",
+    "version": "5.0.0-beta.251",
+    "description": "A set of beautiful React components for developing your own applications with chayns.",
+    "keywords": [
+        "chayns",
+        "react",
+        "components"
+    ],
+    "author": "Tobit.Software",
+    "homepage": "https://github.com/TobitSoftware/chayns-components/tree/main/packages/textstring#readme",
+    "license": "MIT",
+    "main": "lib/index.js",
+    "types": "lib/index.d.ts",
+    "directories": {
+        "lib": "lib",
+        "test": "__tests__"
+    },
+    "files": [
+        "lib"
+    ],
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/TobitSoftware/chayns-components.git"
+    },
+    "scripts": {
+        "build": "npm run build:js && npm run build:types",
+        "build:js": "babel src --out-dir lib --extensions=.ts,.tsx --source-maps --ignore=src/stories",
+        "build:types": "tsc",
+        "prepublishOnly": "npm run build"
+    },
+    "bugs": {
+        "url": "https://github.com/TobitSoftware/chayns-components/issues"
+    },
+    "devDependencies": {
+        "@babel/cli": "^7.22.10",
+        "@babel/core": "^7.22.11",
+        "@babel/preset-env": "^7.22.14",
+        "@babel/preset-react": "^7.22.5",
+        "@babel/preset-typescript": "^7.22.11",
+        "@types/react": "^17.0.65",
+        "@types/react-dom": "^17.0.20",
+        "@types/styled-components": "^5.1.26",
+        "@types/uuid": "^9.0.3",
+        "babel-loader": "^8.3.0",
+        "lerna": "^7.2.0",
+        "react": "^17.0.2",
+        "react-dom": "^17.0.2",
+        "styled-components": "^5.3.11",
+        "typescript": "^4.9.5"
+    },
+    "dependencies": {
+        "@chayns-components/core": "^5.0.0-beta.249",
+        "@chayns/colors": "^2.0.0",
+        "chayns-api": "^1.0.38",
+        "clsx": "^1.2.1",
+        "framer-motion": "^6.5.1",
+        "uuid": "^9.0.0"
+    },
+    "peerDependencies": {
+        "react": ">=16.14.0",
+        "react-dom": ">=16.14.0",
+        "styled-components": "^5.3.11"
+    },
+    "publishConfig": {
+        "access": "public"
+    },
+    "gitHead": "b4a1c3c2662c060c621b91260f2fe3f053259504"
+}