@chayns-components/textstring 5.0.0-beta.431 → 5.0.0-beta.434
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/README.md +4 -10
- package/lib/components/textstring/TextString.d.ts +1 -1
- package/lib/components/textstring/TextString.js +2 -2
- package/lib/components/textstring/TextString.js.map +1 -1
- package/lib/components/textstring/types.d.ts +1 -2
- package/lib/components/textstring/types.js.map +1 -1
- package/lib/{utils/getTextstringValue.d.ts → hooks/useTextstringValue.d.ts} +3 -3
- package/lib/{utils/getTextstringValue.js → hooks/useTextstringValue.js} +2 -10
- package/lib/hooks/useTextstringValue.js.map +1 -0
- package/lib/index.d.ts +1 -1
- package/lib/index.js +2 -2
- package/lib/index.js.map +1 -1
- package/package.json +3 -3
- package/lib/utils/getTextstringValue.js.map +0 -1
package/README.md
CHANGED
|
@@ -4,8 +4,8 @@
|
|
|
4
4
|
</h1>
|
|
5
5
|
<p>A set of beautiful React components for developing your own applications with chayns.</p>
|
|
6
6
|
<div>
|
|
7
|
-
<img src="https://img.shields.io/npm/dm/@chayns-components/
|
|
8
|
-
<img src="https://img.shields.io/npm/v/@chayns-components/
|
|
7
|
+
<img src="https://img.shields.io/npm/dm/@chayns-components/core.svg?style=for-the-badge" alt="" />
|
|
8
|
+
<img src="https://img.shields.io/npm/v/@chayns-components/core?style=for-the-badge" alt="" />
|
|
9
9
|
<img src="https://img.shields.io/github/license/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
|
|
10
10
|
<img src="https://img.shields.io/github/contributors/TobitSoftware/chayns-components?style=for-the-badge" alt="" />
|
|
11
11
|
</div>
|
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
|
|
16
16
|
## Installation
|
|
17
17
|
|
|
18
|
-
First you need to install the
|
|
18
|
+
First you need to install the core part of the chayns-components.
|
|
19
19
|
|
|
20
20
|
```bash
|
|
21
21
|
# NPM
|
|
@@ -31,10 +31,4 @@ yarn add @chayns-components/textstring
|
|
|
31
31
|
|
|
32
32
|
## Usage
|
|
33
33
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
```typescript jsx
|
|
37
|
-
import { Textstring } from '@chayns-components/textstring';
|
|
38
|
-
|
|
39
|
-
<Textstring />;
|
|
40
|
-
```
|
|
34
|
+
For detailed usage visit the [storybook](https://components.chayns.site/storybook).
|
|
@@ -8,7 +8,7 @@ var _react = _interopRequireWildcard(require("react"));
|
|
|
8
8
|
var _TextString = require("./TextString.styles");
|
|
9
9
|
var _core = require("@chayns-components/core");
|
|
10
10
|
var _textstring = require("../../utils/textstring");
|
|
11
|
-
var
|
|
11
|
+
var _useTextstringValue = require("../../hooks/useTextstringValue");
|
|
12
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
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; }
|
|
14
14
|
const TextString = _ref => {
|
|
@@ -19,7 +19,7 @@ const TextString = _ref => {
|
|
|
19
19
|
children,
|
|
20
20
|
childrenStyles
|
|
21
21
|
} = _ref;
|
|
22
|
-
const text = (0,
|
|
22
|
+
const text = (0, _useTextstringValue.useTextstringValue)({
|
|
23
23
|
textString,
|
|
24
24
|
replacements
|
|
25
25
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextString.js","names":["_react","_interopRequireWildcard","require","_TextString","_core","_textstring","
|
|
1
|
+
{"version":3,"file":"TextString.js","names":["_react","_interopRequireWildcard","require","_TextString","_core","_textstring","_useTextstringValue","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","TextString","_ref","textString","replacements","childrenTagName","children","childrenStyles","text","useTextstringValue","childElement","useMemo","element","createElement","style","handleClick","useCallback","event","ctrlKey","isTobitEmployee","then","inGroup","selectLanguageToChange","textstringName","name","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 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":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","names":[],"sources":["../../../src/components/textstring/types.ts"],"sourcesContent":["export interface TextstringReplacement {\n key: string
|
|
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":""}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import type { ITextstring, TextstringReplacement } from '../components/textstring/types';
|
|
2
|
-
export interface
|
|
2
|
+
export interface UseTextstringValue {
|
|
3
3
|
textString: ITextstring;
|
|
4
|
-
replacements?: TextstringReplacement
|
|
4
|
+
replacements?: TextstringReplacement;
|
|
5
5
|
}
|
|
6
|
-
export declare const useTextstringValue: ({ replacements, textString }:
|
|
6
|
+
export declare const useTextstringValue: ({ replacements, textString }: UseTextstringValue) => string;
|
|
@@ -16,15 +16,7 @@ const useTextstringValue = _ref => {
|
|
|
16
16
|
if (!replacements) {
|
|
17
17
|
return value;
|
|
18
18
|
}
|
|
19
|
-
|
|
20
|
-
replacements.forEach(_ref2 => {
|
|
21
|
-
let {
|
|
22
|
-
replacement,
|
|
23
|
-
key
|
|
24
|
-
} = _ref2;
|
|
25
|
-
newValue = newValue.replace(key, replacement);
|
|
26
|
-
});
|
|
27
|
-
return newValue;
|
|
19
|
+
return Object.keys(replacements).reduce((current, key) => current.replace(new RegExp(key, 'g'), replacements[key] || ''), value);
|
|
28
20
|
};
|
|
29
21
|
exports.useTextstringValue = useTextstringValue;
|
|
30
|
-
//# sourceMappingURL=
|
|
22
|
+
//# sourceMappingURL=useTextstringValue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTextstringValue.js","names":["_react","require","_TextStringProvider","useTextstringValue","_ref","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 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,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,mBAAA,GAAAD,OAAA;AAOO,MAAME,kBAAkB,GAAGC,IAAA,IAAsD;EAAA,IAArD;IAAEC,YAAY;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EAC/E,MAAMG,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,CAAAjB,kBAAA,GAAAA,kBAAA"}
|
package/lib/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export { default as TextStringProvider } from './components/textstring-provider/TextStringProvider';
|
|
2
2
|
export { default as TextString } from './components/textstring/TextString';
|
|
3
3
|
export type { ITextstring as Textstring, TextstringReplacement, } from './components/textstring/types';
|
|
4
|
-
export { useTextstringValue } from './
|
|
4
|
+
export { useTextstringValue } from './hooks/useTextstringValue';
|
package/lib/index.js
CHANGED
|
@@ -18,11 +18,11 @@ Object.defineProperty(exports, "TextStringProvider", {
|
|
|
18
18
|
Object.defineProperty(exports, "useTextstringValue", {
|
|
19
19
|
enumerable: true,
|
|
20
20
|
get: function () {
|
|
21
|
-
return
|
|
21
|
+
return _useTextstringValue.useTextstringValue;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
var _TextStringProvider = _interopRequireDefault(require("./components/textstring-provider/TextStringProvider"));
|
|
25
25
|
var _TextString = _interopRequireDefault(require("./components/textstring/TextString"));
|
|
26
|
-
var
|
|
26
|
+
var _useTextstringValue = require("./hooks/useTextstringValue");
|
|
27
27
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
28
|
//# sourceMappingURL=index.js.map
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":["_TextStringProvider","_interopRequireDefault","require","_TextString","
|
|
1
|
+
{"version":3,"file":"index.js","names":["_TextStringProvider","_interopRequireDefault","require","_TextString","_useTextstringValue","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 { useTextstringValue } from './hooks/useTextstringValue';\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/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.434",
|
|
4
4
|
"description": "A set of beautiful React components for developing your own applications with chayns.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"chayns",
|
|
@@ -50,7 +50,7 @@
|
|
|
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.434",
|
|
54
54
|
"@chayns/colors": "^2.0.0",
|
|
55
55
|
"chayns-api": "^1.0.45",
|
|
56
56
|
"clsx": "^2.1.0",
|
|
@@ -65,5 +65,5 @@
|
|
|
65
65
|
"publishConfig": {
|
|
66
66
|
"access": "public"
|
|
67
67
|
},
|
|
68
|
-
"gitHead": "
|
|
68
|
+
"gitHead": "e08359e3e6cf740a2a0fecba0ca2c8f5f607a1d7"
|
|
69
69
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"getTextstringValue.js","names":["_react","require","_TextStringProvider","useTextstringValue","_ref","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 useTextstringValue = ({ replacements, textString }: GetTextstringValue) => {\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,IAArD;IAAEC,YAAY;IAAEC;EAA+B,CAAC,GAAAF,IAAA;EAC/E,MAAMG,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,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,CAAAhB,kBAAA,GAAAA,kBAAA"}
|