@salutejs/plasma-sb-utils 0.211.0-canary.2358.19851578667.0 → 0.211.0-canary.2358.19886309695.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.
- package/lib/components/TextField/TextField.d.ts +1 -0
- package/lib/components/TextField/TextField.js +3 -3
- package/lib/components/TextField/TextField.js.map +1 -1
- package/lib/components/TextField/stories.d.ts +2 -2
- package/lib/components/TextField/stories.js +8 -8
- package/lib/components/TextField/stories.js.map +1 -1
- package/package.json +3 -3
|
@@ -26,11 +26,11 @@ import { createMeta } from './meta';
|
|
|
26
26
|
import { createChipsStory, createDefaultStory } from './stories';
|
|
27
27
|
import { chipViews } from './fixtures';
|
|
28
28
|
export var getTextFieldStories = function (config) {
|
|
29
|
-
var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
|
|
29
|
+
var component = config.component, componentConfig = config.componentConfig, customIconSize = config.customIconSize, rest = __rest(config, ["component", "componentConfig", "customIconSize"]);
|
|
30
30
|
var textFieldConfig = getConfigVariations(componentConfig);
|
|
31
31
|
var meta = createMeta(__assign({ component: component, componentConfig: textFieldConfig }, rest));
|
|
32
|
-
var DefaultStoryComponent = createDefaultStory(component);
|
|
33
|
-
var ChipsStoryComponent = createChipsStory(component);
|
|
32
|
+
var DefaultStoryComponent = createDefaultStory(component, customIconSize);
|
|
33
|
+
var ChipsStoryComponent = createChipsStory(component, customIconSize);
|
|
34
34
|
var Default = {
|
|
35
35
|
render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
|
|
36
36
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"TextField.js","sourceRoot":"","sources":["../../../src/components/TextField/TextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAC;AACpC,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAavC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,MAA0B;IAClD,IAAA,SAAS,GAA+C,MAAM,UAArD,EAAE,eAAe,GAA8B,MAAM,gBAApC,EAAE,cAAc,GAAc,MAAM,eAApB,EAAK,IAAI,UAAK,MAAM,EAAhE,kDAAuD,CAAF,CAAY;IAEvE,IAAM,eAAe,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAE7D,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,eAAe,IAC7B,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAC5E,IAAM,mBAAmB,GAAG,gBAAgB,CAAC,SAAS,EAAE,cAAc,CAAC,CAAC;IAExE,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,IAAM,KAAK,GAAG;QACV,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,mBAAmB,eAAK,IAAI,EAAI,EAAjC,CAAiC;QACxD,IAAI,EAAE;YACF,UAAU,EAAE,oDAAoD;YAChE,QAAQ,EAAE,WAAW;YACrB,KAAK,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC;YACnD,QAAQ,EAAE,SAAS;SACtB;QACD,QAAQ,EAAE;YACN,QAAQ,EAAE;gBACN,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE;oBACL,IAAI,EAAE,QAAQ;iBACjB;aACJ;YACD,QAAQ,EAAE;gBACN,OAAO,EAAE,QAAQ;gBACjB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC;aAC/B;SACJ;KACJ,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;QACP,KAAK,OAAA;KACR,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const createDefaultStory: (TextField: any) => ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: any) => JSX.Element;
|
|
2
|
-
export declare const createChipsStory: (TextField: any) => ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: any) => JSX.Element;
|
|
1
|
+
export declare const createDefaultStory: (TextField: any, customIconSize?: ((size: string) => 'xs' | 's') | undefined) => ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: any) => JSX.Element;
|
|
2
|
+
export declare const createChipsStory: (TextField: any, customIconSize?: ((size: string) => 'xs' | 's') | undefined) => ({ enableContentLeft, enableContentRight, view, readOnly, ...rest }: any) => JSX.Element;
|
|
@@ -28,15 +28,15 @@ var onFocus = action('onFocus');
|
|
|
28
28
|
var onBlur = action('onBlur');
|
|
29
29
|
var onSearch = action('onSearch');
|
|
30
30
|
var onChipsChange = action('onChipsChange');
|
|
31
|
-
var getIcon = function (IconComponent, size) {
|
|
31
|
+
var getIcon = function (IconComponent, size, customIconSize) {
|
|
32
32
|
var iconSize = size === 'xs' ? 'xs' : 's';
|
|
33
|
-
return React.createElement(IconComponent, { size: iconSize, color: "inherit" });
|
|
33
|
+
return React.createElement(IconComponent, { size: (customIconSize === null || customIconSize === void 0 ? void 0 : customIconSize(size)) || iconSize, color: "inherit" });
|
|
34
34
|
};
|
|
35
|
-
export var createDefaultStory = function (TextField) {
|
|
35
|
+
export var createDefaultStory = function (TextField, customIconSize) {
|
|
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 contentRight = enableContentRight || readOnly ? getIcon(IconBellFill, rest.size) : undefined;
|
|
39
|
+
var contentRight = enableContentRight || readOnly ? getIcon(IconBellFill, rest.size, customIconSize) : undefined;
|
|
40
40
|
return (React.createElement("div", { style: {
|
|
41
41
|
display: 'flex',
|
|
42
42
|
flexDirection: 'column',
|
|
@@ -44,20 +44,20 @@ export var createDefaultStory = function (TextField) {
|
|
|
44
44
|
width: '70%',
|
|
45
45
|
margin: '0 auto',
|
|
46
46
|
} },
|
|
47
|
-
React.createElement(TextField, __assign({}, rest, { value: text, readOnly: readOnly, contentLeft: enableContentLeft ? getIcon(IconBellFill, rest.size) : undefined, contentRight: contentRight, view: view, onChange: function (e) {
|
|
47
|
+
React.createElement(TextField, __assign({}, rest, { value: text, readOnly: readOnly, contentLeft: enableContentLeft ? getIcon(IconBellFill, rest.size, customIconSize) : undefined, contentRight: contentRight, view: view, onChange: function (e) {
|
|
48
48
|
setText(e.target.value);
|
|
49
49
|
onChange(e.target.value);
|
|
50
50
|
}, onFocus: onFocus, onBlur: onBlur, onSearch: onSearch })),
|
|
51
51
|
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 ? getIcon(IconBellFill, rest.size) : undefined, contentRight: contentRight, view: view, readOnly: readOnly, onFocus: onFocus, onBlur: onBlur, onSearch: onSearch }))));
|
|
52
52
|
};
|
|
53
53
|
};
|
|
54
|
-
export var createChipsStory = function (TextField) {
|
|
54
|
+
export var createChipsStory = function (TextField, customIconSize) {
|
|
55
55
|
return function (_a) {
|
|
56
56
|
var enableContentLeft = _a.enableContentLeft, enableContentRight = _a.enableContentRight, view = _a.view, readOnly = _a.readOnly, rest = __rest(_a, ["enableContentLeft", "enableContentRight", "view", "readOnly"]);
|
|
57
57
|
var _b = useState('Значение поля'), text = _b[0], setText = _b[1];
|
|
58
|
-
var contentRight = enableContentRight || readOnly ? getIcon(IconBellFill, rest.size) : undefined;
|
|
58
|
+
var contentRight = enableContentRight || readOnly ? getIcon(IconBellFill, rest.size, customIconSize) : undefined;
|
|
59
59
|
var validateChip = function (value) { return (value === '1 value' ? { view: 'negative' } : {}); };
|
|
60
|
-
return (React.createElement(TextField, __assign({}, rest, { enumerationType: "chip", value: text, contentLeft: enableContentLeft ? getIcon(IconBellFill, rest.size) : undefined, contentRight: contentRight, view: view, readOnly: readOnly, onChange: function (e) {
|
|
60
|
+
return (React.createElement(TextField, __assign({}, rest, { enumerationType: "chip", value: text, contentLeft: enableContentLeft ? getIcon(IconBellFill, rest.size, customIconSize) : undefined, contentRight: contentRight, view: view, readOnly: readOnly, onChange: function (e) {
|
|
61
61
|
setText(e.target.value);
|
|
62
62
|
onChange(e.target.value);
|
|
63
63
|
}, 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;
|
|
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.0-canary.2358.
|
|
3
|
+
"version": "0.211.0-canary.2358.19886309695.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-canary.2358.
|
|
23
|
+
"@salutejs/plasma-core": "1.211.0-canary.2358.19886309695.0",
|
|
24
24
|
"@salutejs/plasma-icons": "1.227.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": "373d6cb4e3697c20b1c3216ff848f6c7eea4a458"
|
|
50
50
|
}
|