@chayns-components/textstring 5.0.0-beta.438 → 5.0.0-beta.443
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/textstring/TextString.js +14 -22
- package/lib/components/textstring/TextString.js.map +1 -1
- package/lib/components/textstring/TextString.styles.js +2 -9
- package/lib/components/textstring/TextString.styles.js.map +1 -1
- package/lib/components/textstring-provider/TextStringProvider.js +8 -16
- package/lib/components/textstring-provider/TextStringProvider.js.map +1 -1
- package/lib/hooks/useTextstringValue.js +4 -11
- package/lib/hooks/useTextstringValue.js.map +1 -1
- package/lib/index.js +4 -26
- package/lib/index.js.map +1 -1
- package/lib/types/chayns.js +1 -7
- package/lib/types/chayns.js.map +1 -1
- package/lib/utils/textstring.js +2 -10
- package/lib/utils/textstring.js.map +1 -1
- package/package.json +13 -13
|
@@ -1,16 +1,8 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _TextString = require("./TextString.styles");
|
|
9
|
-
var _core = require("@chayns-components/core");
|
|
10
|
-
var _textstring = require("../../utils/textstring");
|
|
11
|
-
var _useTextstringValue = require("../../hooks/useTextstringValue");
|
|
12
|
-
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); }
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
1
|
+
import React, { createElement, useCallback, useMemo } from 'react';
|
|
2
|
+
import { StyledTextString } from './TextString.styles';
|
|
3
|
+
import { isTobitEmployee } from '@chayns-components/core';
|
|
4
|
+
import { selectLanguageToChange } from '../../utils/textstring';
|
|
5
|
+
import { useTextstringValue } from '../../hooks/useTextstringValue';
|
|
14
6
|
const TextString = _ref => {
|
|
15
7
|
let {
|
|
16
8
|
textString,
|
|
@@ -19,36 +11,36 @@ const TextString = _ref => {
|
|
|
19
11
|
children,
|
|
20
12
|
childrenStyles
|
|
21
13
|
} = _ref;
|
|
22
|
-
const text =
|
|
14
|
+
const text = useTextstringValue({
|
|
23
15
|
textString,
|
|
24
16
|
replacements
|
|
25
17
|
});
|
|
26
|
-
const childElement =
|
|
27
|
-
let element = /*#__PURE__*/
|
|
18
|
+
const childElement = useMemo(() => {
|
|
19
|
+
let element = /*#__PURE__*/createElement('', childrenStyles ? {
|
|
28
20
|
style: childrenStyles
|
|
29
21
|
} : null, children);
|
|
30
22
|
if (!children) {
|
|
31
|
-
element = /*#__PURE__*/
|
|
23
|
+
element = /*#__PURE__*/createElement(childrenTagName || 'span', childrenStyles ? {
|
|
32
24
|
style: childrenStyles
|
|
33
25
|
} : null, text);
|
|
34
26
|
}
|
|
35
27
|
return element;
|
|
36
28
|
}, [children, childrenStyles, childrenTagName, text]);
|
|
37
|
-
const handleClick =
|
|
29
|
+
const handleClick = useCallback(event => {
|
|
38
30
|
if (event.ctrlKey) {
|
|
39
|
-
void
|
|
31
|
+
void isTobitEmployee().then(inGroup => {
|
|
40
32
|
if (inGroup) {
|
|
41
|
-
|
|
33
|
+
selectLanguageToChange({
|
|
42
34
|
textstringName: textString.name
|
|
43
35
|
});
|
|
44
36
|
}
|
|
45
37
|
});
|
|
46
38
|
}
|
|
47
39
|
}, [textString.name]);
|
|
48
|
-
return
|
|
40
|
+
return useMemo(() => /*#__PURE__*/React.createElement(StyledTextString, {
|
|
49
41
|
onClick: handleClick
|
|
50
42
|
}, childElement), [childElement, handleClick]);
|
|
51
43
|
};
|
|
52
44
|
TextString.displayName = 'TextString';
|
|
53
|
-
|
|
45
|
+
export default TextString;
|
|
54
46
|
//# sourceMappingURL=TextString.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextString.js","names":["
|
|
1
|
+
{"version":3,"file":"TextString.js","names":["React","createElement","useCallback","useMemo","StyledTextString","isTobitEmployee","selectLanguageToChange","useTextstringValue","TextString","_ref","textString","replacements","childrenTagName","children","childrenStyles","text","childElement","element","style","handleClick","event","ctrlKey","then","inGroup","textstringName","name","onClick","displayName"],"sources":["../../../src/components/textstring/TextString.tsx"],"sourcesContent":["import React, {\n createElement,\n CSSProperties,\n FC,\n MouseEventHandler,\n ReactHTML,\n ReactNode,\n useCallback,\n useMemo,\n} from 'react';\nimport { StyledTextString } from './TextString.styles';\nimport type { ITextstring, TextstringReplacement } from './types';\nimport { isTobitEmployee } from '@chayns-components/core';\nimport { selectLanguageToChange } from '../../utils/textstring';\nimport { useTextstringValue } from '../../hooks/useTextstringValue';\n\nexport type TextStringProps = {\n /**\n * The element that the text should be displayed in.\n */\n children?: ReactNode;\n /**\n * The styles of the HTML element that the text should be displayed in.\n */\n childrenStyles?: CSSProperties;\n /**\n * The tag of the HTML element that the text should be displayed in.\n */\n childrenTagName?: keyof ReactHTML;\n /**\n * 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 text = useTextstringValue({ textString, replacements });\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,OAAOA,KAAK,IACRC,aAAa,EAMbC,WAAW,EACXC,OAAO,QACJ,OAAO;AACd,SAASC,gBAAgB,QAAQ,qBAAqB;AAEtD,SAASC,eAAe,QAAQ,yBAAyB;AACzD,SAASC,sBAAsB,QAAQ,wBAAwB;AAC/D,SAASC,kBAAkB,QAAQ,gCAAgC;AAyBnE,MAAMC,UAA+B,GAAGC,IAAA,IAMlC;EAAA,IANmC;IACrCC,UAAU;IACVC,YAAY;IACZC,eAAe;IACfC,QAAQ;IACRC;EACJ,CAAC,GAAAL,IAAA;EACG,MAAMM,IAAI,GAAGR,kBAAkB,CAAC;IAAEG,UAAU;IAAEC;EAAa,CAAC,CAAC;EAE7D,MAAMK,YAAY,GAAGb,OAAO,CAAC,MAAM;IAC/B,IAAIc,OAAO,gBAAGhB,aAAa,CACvB,EAAE,EACFa,cAAc,GAAG;MAAEI,KAAK,EAAEJ;IAAe,CAAC,GAAG,IAAI,EACjDD,QACJ,CAAC;IAED,IAAI,CAACA,QAAQ,EAAE;MACXI,OAAO,gBAAGhB,aAAa,CACnBW,eAAe,IAAI,MAAM,EACzBE,cAAc,GAAG;QAAEI,KAAK,EAAEJ;MAAe,CAAC,GAAG,IAAI,EACjDC,IACJ,CAAC;IACL;IAEA,OAAOE,OAAO;EAClB,CAAC,EAAE,CAACJ,QAAQ,EAAEC,cAAc,EAAEF,eAAe,EAAEG,IAAI,CAAC,CAAC;EAErD,MAAMI,WAA8C,GAAGjB,WAAW,CAC7DkB,KAAK,IAAK;IACP,IAAIA,KAAK,CAACC,OAAO,EAAE;MACf,KAAKhB,eAAe,CAAC,CAAC,CAACiB,IAAI,CAAEC,OAAO,IAAK;QACrC,IAAIA,OAAO,EAAE;UACTjB,sBAAsB,CAAC;YACnBkB,cAAc,EAAEd,UAAU,CAACe;UAC/B,CAAC,CAAC;QACN;MACJ,CAAC,CAAC;IACN;EACJ,CAAC,EACD,CAACf,UAAU,CAACe,IAAI,CACpB,CAAC;EAED,OAAOtB,OAAO,CACV,mBAAMH,KAAA,CAAAC,aAAA,CAACG,gBAAgB;IAACsB,OAAO,EAAEP;EAAY,GAAEH,YAA+B,CAAC,EAC/E,CAACA,YAAY,EAAEG,WAAW,CAC9B,CAAC;AACL,CAAC;AAEDX,UAAU,CAACmB,WAAW,GAAG,YAAY;AAErC,eAAenB,UAAU"}
|
|
@@ -1,10 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.StyledTextString = void 0;
|
|
7
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
-
const StyledTextString = exports.StyledTextString = _styledComponents.default.div``;
|
|
1
|
+
import styled from 'styled-components';
|
|
2
|
+
export const StyledTextString = styled.div``;
|
|
10
3
|
//# sourceMappingURL=TextString.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextString.styles.js","names":["
|
|
1
|
+
{"version":3,"file":"TextString.styles.js","names":["styled","StyledTextString","div"],"sources":["../../../src/components/textstring/TextString.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledTextString = styled.div``;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAI,EAAC"}
|
|
@@ -1,24 +1,16 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = exports.TextStringContext = void 0;
|
|
7
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
-
var _textstring = require("../../utils/textstring");
|
|
9
|
-
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); }
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
-
const TextStringContext = exports.TextStringContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
1
|
+
import React, { createContext, useEffect, useState } from 'react';
|
|
2
|
+
import { loadLibrary } from '../../utils/textstring';
|
|
3
|
+
export const TextStringContext = /*#__PURE__*/createContext({});
|
|
12
4
|
const TextStringProvider = _ref => {
|
|
13
5
|
let {
|
|
14
6
|
children,
|
|
15
7
|
libraryName,
|
|
16
8
|
language
|
|
17
9
|
} = _ref;
|
|
18
|
-
const [textStrings, setTextStrings] =
|
|
19
|
-
|
|
10
|
+
const [textStrings, setTextStrings] = useState({});
|
|
11
|
+
useEffect(() => {
|
|
20
12
|
const loadData = async () => {
|
|
21
|
-
const textStringResult = await
|
|
13
|
+
const textStringResult = await loadLibrary({
|
|
22
14
|
libraryName,
|
|
23
15
|
language
|
|
24
16
|
});
|
|
@@ -28,10 +20,10 @@ const TextStringProvider = _ref => {
|
|
|
28
20
|
};
|
|
29
21
|
void loadData();
|
|
30
22
|
}, [language, libraryName]);
|
|
31
|
-
return /*#__PURE__*/
|
|
23
|
+
return /*#__PURE__*/React.createElement(TextStringContext.Provider, {
|
|
32
24
|
value: textStrings
|
|
33
25
|
}, children);
|
|
34
26
|
};
|
|
35
27
|
TextStringProvider.displayName = 'TextStringProvider';
|
|
36
|
-
|
|
28
|
+
export default TextStringProvider;
|
|
37
29
|
//# sourceMappingURL=TextStringProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextStringProvider.js","names":["
|
|
1
|
+
{"version":3,"file":"TextStringProvider.js","names":["React","createContext","useEffect","useState","loadLibrary","TextStringContext","TextStringProvider","_ref","children","libraryName","language","textStrings","setTextStrings","loadData","textStringResult","createElement","Provider","value","displayName"],"sources":["../../../src/components/textstring-provider/TextStringProvider.tsx"],"sourcesContent":["import React, { createContext, FC, ReactNode, useEffect, useState } from 'react';\nimport { loadLibrary } from '../../utils/textstring';\n\nexport type TextStringValue = {\n [key: string]: string;\n};\n\nexport const TextStringContext = createContext<TextStringValue>({});\n\nexport type TextStringProviderProps = {\n /**\n * The element that should use the library.\n */\n children?: ReactNode;\n /**\n * The language that should be used.\n */\n language: string;\n /**\n * The name of the library.\n */\n libraryName: string;\n};\n\nconst TextStringProvider: FC<TextStringProviderProps> = ({ children, libraryName, language }) => {\n const [textStrings, setTextStrings] = useState<TextStringValue>({});\n\n useEffect(() => {\n const loadData = async () => {\n const textStringResult = await loadLibrary({ libraryName, language });\n\n if (textStringResult) {\n setTextStrings(textStringResult);\n }\n };\n\n void loadData();\n }, [language, libraryName]);\n\n return <TextStringContext.Provider value={textStrings}>{children}</TextStringContext.Provider>;\n};\n\nTextStringProvider.displayName = 'TextStringProvider';\n\nexport default TextStringProvider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,aAAa,EAAiBC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAChF,SAASC,WAAW,QAAQ,wBAAwB;AAMpD,OAAO,MAAMC,iBAAiB,gBAAGJ,aAAa,CAAkB,CAAC,CAAC,CAAC;AAiBnE,MAAMK,kBAA+C,GAAGC,IAAA,IAAyC;EAAA,IAAxC;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAS,CAAC,GAAAH,IAAA;EACxF,MAAM,CAACI,WAAW,EAAEC,cAAc,CAAC,GAAGT,QAAQ,CAAkB,CAAC,CAAC,CAAC;EAEnED,SAAS,CAAC,MAAM;IACZ,MAAMW,QAAQ,GAAG,MAAAA,CAAA,KAAY;MACzB,MAAMC,gBAAgB,GAAG,MAAMV,WAAW,CAAC;QAAEK,WAAW;QAAEC;MAAS,CAAC,CAAC;MAErE,IAAII,gBAAgB,EAAE;QAClBF,cAAc,CAACE,gBAAgB,CAAC;MACpC;IACJ,CAAC;IAED,KAAKD,QAAQ,CAAC,CAAC;EACnB,CAAC,EAAE,CAACH,QAAQ,EAAED,WAAW,CAAC,CAAC;EAE3B,oBAAOT,KAAA,CAAAe,aAAA,CAACV,iBAAiB,CAACW,QAAQ;IAACC,KAAK,EAAEN;EAAY,GAAEH,QAAqC,CAAC;AAClG,CAAC;AAEDF,kBAAkB,CAACY,WAAW,GAAG,oBAAoB;AAErD,eAAeZ,kBAAkB"}
|
|
@@ -1,22 +1,15 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.useTextstringValue = void 0;
|
|
7
|
-
var _react = require("react");
|
|
8
|
-
var _TextStringProvider = require("../components/textstring-provider/TextStringProvider");
|
|
9
|
-
const useTextstringValue = _ref => {
|
|
1
|
+
import { useContext } from 'react';
|
|
2
|
+
import { TextStringContext } from '../components/textstring-provider/TextStringProvider';
|
|
3
|
+
export const useTextstringValue = _ref => {
|
|
10
4
|
let {
|
|
11
5
|
replacements,
|
|
12
6
|
textString
|
|
13
7
|
} = _ref;
|
|
14
|
-
const textStrings =
|
|
8
|
+
const textStrings = useContext(TextStringContext);
|
|
15
9
|
const value = textStrings[textString.name] ?? textString.fallback;
|
|
16
10
|
if (!replacements) {
|
|
17
11
|
return value;
|
|
18
12
|
}
|
|
19
13
|
return Object.keys(replacements).reduce((current, key) => current.replace(new RegExp(key, 'g'), replacements[key] || ''), value);
|
|
20
14
|
};
|
|
21
|
-
exports.useTextstringValue = useTextstringValue;
|
|
22
15
|
//# sourceMappingURL=useTextstringValue.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTextstringValue.js","names":["
|
|
1
|
+
{"version":3,"file":"useTextstringValue.js","names":["useContext","TextStringContext","useTextstringValue","_ref","replacements","textString","textStrings","value","name","fallback","Object","keys","reduce","current","key","replace","RegExp"],"sources":["../../src/hooks/useTextstringValue.ts"],"sourcesContent":["import { useContext } from 'react';\nimport type { ITextstring, TextstringReplacement } from '../components/textstring/types';\nimport { TextStringContext } from '../components/textstring-provider/TextStringProvider';\n\nexport interface UseTextstringValue {\n textString: ITextstring;\n replacements?: TextstringReplacement;\n}\n\nexport const useTextstringValue = ({ replacements, textString }: UseTextstringValue) => {\n const textStrings = useContext(TextStringContext);\n\n const value = textStrings[textString.name] ?? textString.fallback;\n\n if (!replacements) {\n return value;\n }\n\n return Object.keys(replacements).reduce(\n (current, key) => current.replace(new RegExp(key, 'g'), <string>replacements[key] || ''),\n value,\n );\n};\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,OAAO;AAElC,SAASC,iBAAiB,QAAQ,sDAAsD;AAOxF,OAAO,MAAMC,kBAAkB,GAAGC,IAAA,IAAsD;EAAA,IAArD;IAAEC,YAAY;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EAC/E,MAAMG,WAAW,GAAGN,UAAU,CAACC,iBAAiB,CAAC;EAEjD,MAAMM,KAAK,GAAGD,WAAW,CAACD,UAAU,CAACG,IAAI,CAAC,IAAIH,UAAU,CAACI,QAAQ;EAEjE,IAAI,CAACL,YAAY,EAAE;IACf,OAAOG,KAAK;EAChB;EAEA,OAAOG,MAAM,CAACC,IAAI,CAACP,YAAY,CAAC,CAACQ,MAAM,CACnC,CAACC,OAAO,EAAEC,GAAG,KAAKD,OAAO,CAACE,OAAO,CAAC,IAAIC,MAAM,CAACF,GAAG,EAAE,GAAG,CAAC,EAAUV,YAAY,CAACU,GAAG,CAAC,IAAI,EAAE,CAAC,EACxFP,KACJ,CAAC;AACL,CAAC"}
|
package/lib/index.js
CHANGED
|
@@ -1,28 +1,6 @@
|
|
|
1
|
-
|
|
1
|
+
// noinspection JSUnusedGlobalSymbols
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
}
|
|
6
|
-
Object.defineProperty(exports, "TextString", {
|
|
7
|
-
enumerable: true,
|
|
8
|
-
get: function () {
|
|
9
|
-
return _TextString.default;
|
|
10
|
-
}
|
|
11
|
-
});
|
|
12
|
-
Object.defineProperty(exports, "TextStringProvider", {
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function () {
|
|
15
|
-
return _TextStringProvider.default;
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
Object.defineProperty(exports, "useTextstringValue", {
|
|
19
|
-
enumerable: true,
|
|
20
|
-
get: function () {
|
|
21
|
-
return _useTextstringValue.useTextstringValue;
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var _TextStringProvider = _interopRequireDefault(require("./components/textstring-provider/TextStringProvider"));
|
|
25
|
-
var _TextString = _interopRequireDefault(require("./components/textstring/TextString"));
|
|
26
|
-
var _useTextstringValue = require("./hooks/useTextstringValue");
|
|
27
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
3
|
+
export { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';
|
|
4
|
+
export { default as TextString } from './components/textstring/TextString';
|
|
5
|
+
export { useTextstringValue } from './hooks/useTextstringValue';
|
|
28
6
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["
|
|
1
|
+
{"version":3,"file":"index.js","names":["default","TextStringProvider","TextString","useTextstringValue"],"sources":["../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';\nexport { default as TextString } from './components/textstring/TextString';\nexport type {\n ITextstring as Textstring,\n TextstringReplacement,\n} from './components/textstring/types';\nexport { useTextstringValue } from './hooks/useTextstringValue';\n"],"mappings":"AAAA;;AAEA,SAASA,OAAO,IAAIC,kBAAkB,QAAQ,qDAAqD;AACnG,SAASD,OAAO,IAAIE,UAAU,QAAQ,oCAAoC;AAK1E,SAASC,kBAAkB,QAAQ,4BAA4B"}
|
package/lib/types/chayns.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.ButtonType = void 0;
|
|
7
|
-
let ButtonType = exports.ButtonType = /*#__PURE__*/function (ButtonType) {
|
|
1
|
+
export let ButtonType = /*#__PURE__*/function (ButtonType) {
|
|
8
2
|
ButtonType[ButtonType["Cancel"] = -1] = "Cancel";
|
|
9
3
|
ButtonType[ButtonType["Negative"] = 0] = "Negative";
|
|
10
4
|
ButtonType[ButtonType["Positive"] = 1] = "Positive";
|
package/lib/types/chayns.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"chayns.js","names":["ButtonType"
|
|
1
|
+
{"version":3,"file":"chayns.js","names":["ButtonType"],"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":"AA8CA,WAAYA,UAAU,0BAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAVA,UAAU,CAAVA,UAAU;EAAA,OAAVA,UAAU;AAAA"}
|
package/lib/utils/textstring.js
CHANGED
|
@@ -1,10 +1,4 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.selectLanguageToChange = exports.loadLibrary = void 0;
|
|
7
|
-
const loadLibrary = async _ref => {
|
|
1
|
+
export const loadLibrary = async _ref => {
|
|
8
2
|
let {
|
|
9
3
|
language,
|
|
10
4
|
libraryName
|
|
@@ -15,8 +9,7 @@ const loadLibrary = async _ref => {
|
|
|
15
9
|
}
|
|
16
10
|
return await response.json();
|
|
17
11
|
};
|
|
18
|
-
|
|
19
|
-
const selectLanguageToChange = _ref2 => {
|
|
12
|
+
export const selectLanguageToChange = _ref2 => {
|
|
20
13
|
let {
|
|
21
14
|
textstringName
|
|
22
15
|
} = _ref2;
|
|
@@ -28,5 +21,4 @@ const selectLanguageToChange = _ref2 => {
|
|
|
28
21
|
}
|
|
29
22
|
});
|
|
30
23
|
};
|
|
31
|
-
exports.selectLanguageToChange = selectLanguageToChange;
|
|
32
24
|
//# sourceMappingURL=textstring.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"textstring.js","names":["loadLibrary","_ref","language","libraryName","response","fetch","status","json","
|
|
1
|
+
{"version":3,"file":"textstring.js","names":["loadLibrary","_ref","language","libraryName","response","fetch","status","json","selectLanguageToChange","_ref2","textstringName","chayns","dialog","iFrame","url","buttons","input","textstring"],"sources":["../../src/utils/textstring.ts"],"sourcesContent":["import type { TextStringValue } from '../components/textstring-provider/TextStringProvider';\n\ninterface LoadLibraryOptions {\n libraryName: string;\n language: string;\n}\n\nexport const loadLibrary = async ({ language, libraryName }: LoadLibraryOptions) => {\n const response = await fetch(\n `https://webapi.tobit.com/TextStringService/v1.0/LangStrings/${libraryName}?language=${language}`\n );\n\n if (response.status !== 200) {\n return null;\n }\n\n return (await response.json()) as TextStringValue;\n};\n\ninterface SelectLanguageToChangeOptions {\n textstringName: string;\n}\n\nexport const selectLanguageToChange = ({ textstringName }: SelectLanguageToChangeOptions) => {\n void chayns.dialog.iFrame({\n url: 'https://tapp-staging.chayns-static.space/text-string-tapp/v1/iframe-edit.html',\n buttons: [],\n input: { textstring: textstringName },\n });\n};\n"],"mappings":"AAOA,OAAO,MAAMA,WAAW,GAAG,MAAAC,IAAA,IAAyD;EAAA,IAAlD;IAAEC,QAAQ;IAAEC;EAAgC,CAAC,GAAAF,IAAA;EAC3E,MAAMG,QAAQ,GAAG,MAAMC,KAAK,CACvB,+DAA8DF,WAAY,aAAYD,QAAS,EACpG,CAAC;EAED,IAAIE,QAAQ,CAACE,MAAM,KAAK,GAAG,EAAE;IACzB,OAAO,IAAI;EACf;EAEA,OAAQ,MAAMF,QAAQ,CAACG,IAAI,CAAC,CAAC;AACjC,CAAC;AAMD,OAAO,MAAMC,sBAAsB,GAAGC,KAAA,IAAuD;EAAA,IAAtD;IAAEC;EAA8C,CAAC,GAAAD,KAAA;EACpF,KAAKE,MAAM,CAACC,MAAM,CAACC,MAAM,CAAC;IACtBC,GAAG,EAAE,+EAA+E;IACpFC,OAAO,EAAE,EAAE;IACXC,KAAK,EAAE;MAAEC,UAAU,EAAEP;IAAe;EACxC,CAAC,CAAC;AACN,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@chayns-components/textstring",
|
|
3
|
-
"version": "5.0.0-beta.
|
|
3
|
+
"version": "5.0.0-beta.443",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"chayns",
|
|
@@ -33,34 +33,34 @@
|
|
|
33
33
|
"url": "https://github.com/TobitSoftware/chayns-components/issues"
|
|
34
34
|
},
|
|
35
35
|
"devDependencies": {
|
|
36
|
-
"@babel/cli": "^7.23.
|
|
37
|
-
"@babel/core": "^7.23.
|
|
38
|
-
"@babel/preset-env": "^7.23.
|
|
36
|
+
"@babel/cli": "^7.23.9",
|
|
37
|
+
"@babel/core": "^7.23.9",
|
|
38
|
+
"@babel/preset-env": "^7.23.9",
|
|
39
39
|
"@babel/preset-react": "^7.23.3",
|
|
40
40
|
"@babel/preset-typescript": "^7.23.3",
|
|
41
|
-
"@types/react": "^18.2.
|
|
42
|
-
"@types/react-dom": "^18.2.
|
|
41
|
+
"@types/react": "^18.2.55",
|
|
42
|
+
"@types/react-dom": "^18.2.19",
|
|
43
43
|
"@types/styled-components": "^5.1.34",
|
|
44
|
-
"@types/uuid": "^9.0.
|
|
44
|
+
"@types/uuid": "^9.0.8",
|
|
45
45
|
"babel-loader": "^9.1.3",
|
|
46
|
-
"lerna": "^8.
|
|
46
|
+
"lerna": "^8.1.2",
|
|
47
47
|
"react": "^18.2.0",
|
|
48
48
|
"react-dom": "^18.2.0",
|
|
49
49
|
"styled-components": "^6.1.8",
|
|
50
50
|
"typescript": "^5.3.3"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@chayns-components/core": "^5.0.0-beta.
|
|
53
|
+
"@chayns-components/core": "^5.0.0-beta.443"
|
|
54
54
|
},
|
|
55
55
|
"peerDependencies": {
|
|
56
|
-
"chayns-api": "
|
|
57
|
-
"framer-motion": "
|
|
56
|
+
"chayns-api": ">=1.0.50",
|
|
57
|
+
"framer-motion": ">=10.18.0",
|
|
58
58
|
"react": ">=16.14.0",
|
|
59
59
|
"react-dom": ">=16.14.0",
|
|
60
|
-
"styled-components": "
|
|
60
|
+
"styled-components": ">=5.3.11"
|
|
61
61
|
},
|
|
62
62
|
"publishConfig": {
|
|
63
63
|
"access": "public"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "3f3e8b424de86b8597fd4670766a496a767ee1ba"
|
|
66
66
|
}
|