@salutejs/plasma-sb-utils 0.211.1-canary.2394.20340605741.0 → 0.211.1-canary.2396.20365183997.0
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.
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
type CreateStoriesProps = {
|
|
2
2
|
component: any;
|
|
3
3
|
componentConfig: any;
|
|
4
|
-
customIcon?: (size: string
|
|
4
|
+
customIcon?: (size: string) => JSX.Element;
|
|
5
5
|
title?: string;
|
|
6
6
|
disablePropsList?: string[];
|
|
7
7
|
defaultArgs?: {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const createDefaultStory: (TextField: any, customIcon?: (size: string
|
|
2
|
-
export declare const createChipsStory: (TextField: any, customIcon?: (size: string
|
|
1
|
+
export declare const createDefaultStory: (TextField: any, customIcon?: (size: string) => JSX.Element) => ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: any) => JSX.Element;
|
|
2
|
+
export declare const createChipsStory: (TextField: any, customIcon?: (size: string) => JSX.Element) => ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: any) => JSX.Element;
|
|
@@ -36,10 +36,8 @@ export var createDefaultStory = function (TextField, customIcon) {
|
|
|
36
36
|
return function (_a) {
|
|
37
37
|
var enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, view = _a.view, readOnly = _a.readOnly, rest = __rest(_a, ["enableContentLeft", "enableContentRight", "view", "readOnly"]);
|
|
38
38
|
var _b = useState('Значение поля'), text = _b[0], setText = _b[1];
|
|
39
|
-
var innerGetIcon =
|
|
40
|
-
|
|
41
|
-
};
|
|
42
|
-
var contentRight = enableContentRight || readOnly ? innerGetIcon('right') : undefined;
|
|
39
|
+
var innerGetIcon = customIcon ? customIcon(rest.size) : getIcon(IconBellFill, rest.size);
|
|
40
|
+
var contentRight = enableContentRight || readOnly ? innerGetIcon : undefined;
|
|
43
41
|
return (React.createElement("div", { style: {
|
|
44
42
|
display: 'flex',
|
|
45
43
|
flexDirection: 'column',
|
|
@@ -47,23 +45,21 @@ export var createDefaultStory = function (TextField, customIcon) {
|
|
|
47
45
|
width: '70%',
|
|
48
46
|
margin: '0 auto',
|
|
49
47
|
} },
|
|
50
|
-
React.createElement(TextField, __assign({}, rest, { value: text, readOnly: readOnly, contentLeft: enableContentLeft ? innerGetIcon
|
|
48
|
+
React.createElement(TextField, __assign({}, rest, { value: text, readOnly: readOnly, contentLeft: enableContentLeft ? innerGetIcon : undefined, contentRight: contentRight, view: view, onChange: function (e) {
|
|
51
49
|
setText(e.target.value);
|
|
52
50
|
onChange(e.target.value);
|
|
53
51
|
}, onFocus: onFocus, onBlur: onBlur, onSearch: onSearch })),
|
|
54
|
-
React.createElement(TextField, __assign({}, rest, { label: "Uncontrolled TextField", defaultValue: "\u0414\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", contentLeft: enableContentLeft ? innerGetIcon
|
|
52
|
+
React.createElement(TextField, __assign({}, rest, { label: "Uncontrolled TextField", defaultValue: "\u0414\u0435\u0444\u043E\u043B\u0442\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435", contentLeft: enableContentLeft ? innerGetIcon : undefined, contentRight: contentRight, view: view, readOnly: readOnly, onFocus: onFocus, onBlur: onBlur, onSearch: onSearch }))));
|
|
55
53
|
};
|
|
56
54
|
};
|
|
57
55
|
export var createChipsStory = function (TextField, customIcon) {
|
|
58
56
|
return function (_a) {
|
|
59
57
|
var enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, view = _a.view, readOnly = _a.readOnly, rest = __rest(_a, ["enableContentLeft", "enableContentRight", "view", "readOnly"]);
|
|
60
58
|
var _b = useState('Значение поля'), text = _b[0], setText = _b[1];
|
|
61
|
-
var innerGetIcon =
|
|
62
|
-
|
|
63
|
-
};
|
|
64
|
-
var contentRight = enableContentRight || readOnly ? innerGetIcon('right') : undefined;
|
|
59
|
+
var innerGetIcon = customIcon ? customIcon(rest.size) : getIcon(IconBellFill, rest.size);
|
|
60
|
+
var contentRight = enableContentRight || readOnly ? innerGetIcon : undefined;
|
|
65
61
|
var validateChip = function (value) { return (value === '1 value' ? { view: 'negative' } : {}); };
|
|
66
|
-
return (React.createElement(TextField, __assign({}, rest, { enumerationType: "chip", value: text, contentLeft: enableContentLeft ? innerGetIcon
|
|
62
|
+
return (React.createElement(TextField, __assign({}, rest, { enumerationType: "chip", value: text, contentLeft: enableContentLeft ? innerGetIcon : undefined, contentRight: contentRight, view: view, readOnly: readOnly, onChange: function (e) {
|
|
67
63
|
setText(e.target.value);
|
|
68
64
|
onChange(e.target.value);
|
|
69
65
|
}, onFocus: onFocus, onBlur: onBlur, onChangeChips: onChipsChange, chipValidator: validateChip, style: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/TextField/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAGtD,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACpC,IAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;AAClC,IAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;AAChC,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AACpC,IAAM,aAAa,GAAG,MAAM,CAAC,eAAe,CAAC,CAAC;AAE9C,IAAM,OAAO,GAAG,UAAC,aAAkC,EAAE,IAAY;IAC7D,IAAM,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC;IAE5C,OAAO,oBAAC,aAAa,IAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAC,SAAS,GAAG,CAAC;AAC7D,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/TextField/stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-sb-utils",
|
|
3
|
-
"version": "0.211.1-canary.
|
|
3
|
+
"version": "0.211.1-canary.2396.20365183997.0",
|
|
4
4
|
"description": "Code shared between ui libraries.",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
},
|
|
21
21
|
"dependencies": {
|
|
22
22
|
"@salutejs/plasma-colors": "0.16.0",
|
|
23
|
-
"@salutejs/plasma-core": "1.211.0",
|
|
23
|
+
"@salutejs/plasma-core": "1.211.1-canary.2396.20365183997.0",
|
|
24
24
|
"@salutejs/plasma-icons": "1.228.0",
|
|
25
25
|
"@storybook/addon-actions": "8.6.14",
|
|
26
26
|
"@storybook/react": "8.6.14",
|
|
@@ -46,5 +46,5 @@
|
|
|
46
46
|
"files": [
|
|
47
47
|
"lib"
|
|
48
48
|
],
|
|
49
|
-
"gitHead": "
|
|
49
|
+
"gitHead": "02b8c9db42008b09e2c018659b985b87eebbff41"
|
|
50
50
|
}
|