@salutejs/plasma-sb-utils 0.251.1-dev.0 → 0.252.0-dev.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/Group/Group.d.ts +70 -0
- package/lib/components/Group/Group.js +40 -0
- package/lib/components/Group/Group.js.map +1 -0
- package/lib/components/Group/fixtures.d.ts +2 -0
- package/lib/components/Group/fixtures.js +2 -0
- package/lib/components/Group/fixtures.js.map +1 -0
- package/lib/components/Group/index.d.ts +1 -0
- package/lib/components/Group/index.js +2 -0
- package/lib/components/Group/index.js.map +1 -0
- package/lib/components/Group/meta.d.ts +59 -0
- package/lib/components/Group/meta.js +46 -0
- package/lib/components/Group/meta.js.map +1 -0
- package/lib/components/Group/stories.d.ts +8 -0
- package/lib/components/Group/stories.js +43 -0
- package/lib/components/Group/stories.js.map +1 -0
- package/lib/components/IconButton/IconButton.d.ts +88 -0
- package/lib/components/IconButton/IconButton.js +41 -0
- package/lib/components/IconButton/IconButton.js.map +1 -0
- package/lib/components/IconButton/fixtures.d.ts +2 -0
- package/lib/components/IconButton/fixtures.js +12 -0
- package/lib/components/IconButton/fixtures.js.map +1 -0
- package/lib/components/IconButton/index.d.ts +1 -0
- package/lib/components/IconButton/index.js +2 -0
- package/lib/components/IconButton/index.js.map +1 -0
- package/lib/components/IconButton/meta.d.ts +81 -0
- package/lib/components/IconButton/meta.js +81 -0
- package/lib/components/IconButton/meta.js.map +1 -0
- package/lib/components/IconButton/stories.d.ts +2 -0
- package/lib/components/IconButton/stories.js +35 -0
- package/lib/components/IconButton/stories.js.map +1 -0
- package/lib/components/index.d.ts +2 -0
- package/lib/components/index.js +2 -0
- package/lib/components/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
type CreateGroupStoriesProps = {
|
|
2
|
+
component: any;
|
|
3
|
+
componentConfig: any;
|
|
4
|
+
title?: string;
|
|
5
|
+
disablePropsList?: string[];
|
|
6
|
+
defaultArgs?: {};
|
|
7
|
+
additionalArgTypes?: {};
|
|
8
|
+
additionalComponents: {
|
|
9
|
+
Button: any;
|
|
10
|
+
IconButton: any;
|
|
11
|
+
Chip: any;
|
|
12
|
+
Icon: any;
|
|
13
|
+
};
|
|
14
|
+
};
|
|
15
|
+
export declare const getGroupStories: ({ component, componentConfig, additionalComponents, ...rest }: CreateGroupStoriesProps) => {
|
|
16
|
+
meta: {
|
|
17
|
+
title: string;
|
|
18
|
+
decorators: import("@storybook/react").Decorator[];
|
|
19
|
+
component: any;
|
|
20
|
+
args: {
|
|
21
|
+
gap: string;
|
|
22
|
+
orientation: string;
|
|
23
|
+
shape: string;
|
|
24
|
+
stretching: string;
|
|
25
|
+
itemsCount: number;
|
|
26
|
+
childKind: string;
|
|
27
|
+
};
|
|
28
|
+
argTypes: {
|
|
29
|
+
childKind: {
|
|
30
|
+
options: readonly ["button", "iconButton", "chip", "mixed"];
|
|
31
|
+
control: {
|
|
32
|
+
type: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
itemsCount: {
|
|
36
|
+
control: {
|
|
37
|
+
type: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
orientation: {
|
|
41
|
+
options: string[];
|
|
42
|
+
control: {
|
|
43
|
+
type: string;
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
gap: {
|
|
47
|
+
options: string[];
|
|
48
|
+
control: {
|
|
49
|
+
type: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
shape: {
|
|
53
|
+
options: string[];
|
|
54
|
+
control: {
|
|
55
|
+
type: string;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
stretching: {
|
|
59
|
+
options: string[];
|
|
60
|
+
control: {
|
|
61
|
+
type: string;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
Default: {
|
|
67
|
+
render: (args: any) => JSX.Element;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
export {};
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { getConfigVariations } from '../../helpers';
|
|
25
|
+
import { createMeta } from './meta';
|
|
26
|
+
import { createDefaultStory } from './stories';
|
|
27
|
+
export var getGroupStories = function (_a) {
|
|
28
|
+
var component = _a.component, componentConfig = _a.componentConfig, additionalComponents = _a.additionalComponents, rest = __rest(_a, ["component", "componentConfig", "additionalComponents"]);
|
|
29
|
+
var groupConfig = __assign(__assign({}, getConfigVariations(componentConfig)), { variations: componentConfig.variations });
|
|
30
|
+
var meta = createMeta(__assign({ component: component, componentConfig: groupConfig }, rest));
|
|
31
|
+
var DefaultStoryComponent = createDefaultStory(component, additionalComponents);
|
|
32
|
+
var Default = {
|
|
33
|
+
render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
|
|
34
|
+
};
|
|
35
|
+
return {
|
|
36
|
+
meta: meta,
|
|
37
|
+
Default: Default,
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
//# sourceMappingURL=Group.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Group.js","sourceRoot":"","sources":["../../../src/components/Group/Group.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,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAiB/C,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAKN;IAJtB,IAAA,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,oBAAoB,0BAAA,EACjB,IAAI,cAJqB,wDAK/B,CADU;IAEP,IAAM,WAAW,yBACV,mBAAmB,CAAC,eAAe,CAAC,KACvC,UAAU,EAAE,eAAe,CAAC,UAAU,GACzC,CAAC;IACF,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,WAAW,IACzB,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,EAAE,oBAAoB,CAAC,CAAC;IAElF,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Group/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,CAAU,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Group';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Group/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
type CreateMetaProps = {
|
|
2
|
+
component: any;
|
|
3
|
+
componentConfig: any;
|
|
4
|
+
title?: string;
|
|
5
|
+
defaultArgs?: {};
|
|
6
|
+
additionalArgTypes?: {};
|
|
7
|
+
disablePropsList?: string[];
|
|
8
|
+
};
|
|
9
|
+
export declare const createMeta: ({ component, componentConfig, title, defaultArgs, additionalArgTypes, disablePropsList, }: CreateMetaProps) => {
|
|
10
|
+
title: string;
|
|
11
|
+
decorators: import("@storybook/react").Decorator[];
|
|
12
|
+
component: any;
|
|
13
|
+
args: {
|
|
14
|
+
gap: string;
|
|
15
|
+
orientation: string;
|
|
16
|
+
shape: string;
|
|
17
|
+
stretching: string;
|
|
18
|
+
itemsCount: number;
|
|
19
|
+
childKind: string;
|
|
20
|
+
};
|
|
21
|
+
argTypes: {
|
|
22
|
+
childKind: {
|
|
23
|
+
options: readonly ["button", "iconButton", "chip", "mixed"];
|
|
24
|
+
control: {
|
|
25
|
+
type: string;
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
itemsCount: {
|
|
29
|
+
control: {
|
|
30
|
+
type: string;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
orientation: {
|
|
34
|
+
options: string[];
|
|
35
|
+
control: {
|
|
36
|
+
type: string;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
gap: {
|
|
40
|
+
options: string[];
|
|
41
|
+
control: {
|
|
42
|
+
type: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
shape: {
|
|
46
|
+
options: string[];
|
|
47
|
+
control: {
|
|
48
|
+
type: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
stretching: {
|
|
52
|
+
options: string[];
|
|
53
|
+
control: {
|
|
54
|
+
type: string;
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
export {};
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
import { disableProps, exampleOnly, InSpacingDecorator } from '../../index';
|
|
13
|
+
import { childKinds } from './fixtures';
|
|
14
|
+
var variationKeys = function (variation) { return Object.keys(variation || {}).filter(function (key) { return key !== 'css'; }); };
|
|
15
|
+
export var createMeta = function (_a) {
|
|
16
|
+
var _b, _c, _d, _e;
|
|
17
|
+
var component = _a.component, componentConfig = _a.componentConfig, _f = _a.title, title = _f === void 0 ? 'Layout/Group' : _f, _g = _a.defaultArgs, defaultArgs = _g === void 0 ? {} : _g, _h = _a.additionalArgTypes, additionalArgTypes = _h === void 0 ? {} : _h, _j = _a.disablePropsList, disablePropsList = _j === void 0 ? [] : _j;
|
|
18
|
+
return ({
|
|
19
|
+
title: title,
|
|
20
|
+
decorators: [InSpacingDecorator],
|
|
21
|
+
component: component,
|
|
22
|
+
args: __assign({ gap: 'dense', orientation: 'horizontal', shape: 'default', stretching: 'auto', itemsCount: 3, childKind: 'button' }, defaultArgs),
|
|
23
|
+
argTypes: __assign(__assign(__assign({ orientation: {
|
|
24
|
+
options: variationKeys((_b = componentConfig.variations) === null || _b === void 0 ? void 0 : _b.orientation),
|
|
25
|
+
control: { type: 'inline-radio' },
|
|
26
|
+
}, gap: {
|
|
27
|
+
options: variationKeys((_c = componentConfig.variations) === null || _c === void 0 ? void 0 : _c.gap),
|
|
28
|
+
control: { type: 'select' },
|
|
29
|
+
}, shape: {
|
|
30
|
+
options: variationKeys((_d = componentConfig.variations) === null || _d === void 0 ? void 0 : _d.shape),
|
|
31
|
+
control: { type: 'select' },
|
|
32
|
+
}, stretching: {
|
|
33
|
+
options: variationKeys((_e = componentConfig.variations) === null || _e === void 0 ? void 0 : _e.stretching),
|
|
34
|
+
control: { type: 'select' },
|
|
35
|
+
} }, exampleOnly({
|
|
36
|
+
childKind: {
|
|
37
|
+
options: childKinds,
|
|
38
|
+
control: { type: 'select' },
|
|
39
|
+
},
|
|
40
|
+
itemsCount: {
|
|
41
|
+
control: { type: 'number' },
|
|
42
|
+
},
|
|
43
|
+
})), additionalArgTypes), disableProps(disablePropsList)),
|
|
44
|
+
});
|
|
45
|
+
};
|
|
46
|
+
//# sourceMappingURL=meta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Group/meta.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE5E,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AAWxC,IAAM,aAAa,GAAG,UAAC,SAAkB,IAAK,OAAA,MAAM,CAAC,IAAI,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,UAAC,GAAG,IAAK,OAAA,GAAG,KAAK,KAAK,EAAb,CAAa,CAAC,EAA3D,CAA2D,CAAC;AAE1G,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAOT;;QANd,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,aAAsB,EAAtB,KAAK,mBAAG,cAAc,KAAA,EACtB,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA;IACF,OAAA,CAAC;QACpB,KAAK,OAAA;QACL,UAAU,EAAE,CAAC,kBAAkB,CAAC;QAChC,SAAS,WAAA;QACT,IAAI,aACA,GAAG,EAAE,OAAO,EACZ,WAAW,EAAE,YAAY,EACzB,KAAK,EAAE,SAAS,EAChB,UAAU,EAAE,MAAM,EAClB,UAAU,EAAE,CAAC,EACb,SAAS,EAAE,QAAQ,IAChB,WAAW,CACjB;QACD,QAAQ,+BACJ,WAAW,EAAE;gBACT,OAAO,EAAE,aAAa,CAAC,MAAA,eAAe,CAAC,UAAU,0CAAE,WAAW,CAAC;gBAC/D,OAAO,EAAE,EAAE,IAAI,EAAE,cAAc,EAAE;aACpC,EACD,GAAG,EAAE;gBACD,OAAO,EAAE,aAAa,CAAC,MAAA,eAAe,CAAC,UAAU,0CAAE,GAAG,CAAC;gBACvD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,KAAK,EAAE;gBACH,OAAO,EAAE,aAAa,CAAC,MAAA,eAAe,CAAC,UAAU,0CAAE,KAAK,CAAC;gBACzD,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,aAAa,CAAC,MAAA,eAAe,CAAC,UAAU,0CAAE,UAAU,CAAC;gBAC9D,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,IACE,WAAW,CAAC;YACX,SAAS,EAAE;gBACP,OAAO,EAAE,UAAU;gBACnB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B;YACD,UAAU,EAAE;gBACR,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B;SACJ,CAAC,GACC,kBAAkB,GAClB,YAAY,CAAC,gBAAgB,CAAC,CACpC;KACJ,CAAC,CAAA;CAAA,CAAC"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { childKinds } from './fixtures';
|
|
25
|
+
var renderItem = function (components, kind, index) {
|
|
26
|
+
var Button = components.Button, IconButton = components.IconButton, Chip = components.Chip, Icon = components.Icon;
|
|
27
|
+
var resolvedKind = kind === 'mixed' ? childKinds[index % 3] : kind;
|
|
28
|
+
if (resolvedKind === 'iconButton') {
|
|
29
|
+
return (React.createElement(IconButton, { key: "icon-button-".concat(index) },
|
|
30
|
+
React.createElement(Icon, { color: "inherit", size: "s" })));
|
|
31
|
+
}
|
|
32
|
+
if (resolvedKind === 'chip') {
|
|
33
|
+
return React.createElement(Chip, { key: "chip-".concat(index), text: "Chip ".concat(index) });
|
|
34
|
+
}
|
|
35
|
+
return React.createElement(Button, { key: "button-".concat(index), text: "Button ".concat(index) });
|
|
36
|
+
};
|
|
37
|
+
export var createDefaultStory = function (Group, components) {
|
|
38
|
+
return function (_a) {
|
|
39
|
+
var _b = _a.itemsCount, itemsCount = _b === void 0 ? 3 : _b, _c = _a.childKind, childKind = _c === void 0 ? 'button' : _c, rest = __rest(_a, ["itemsCount", "childKind"]);
|
|
40
|
+
return (React.createElement(Group, __assign({}, rest), Array.from({ length: itemsCount }, function (_, index) { return renderItem(components, childKind, index); })));
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Group/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AASxC,IAAM,UAAU,GAAG,UAAC,UAA2B,EAAE,IAAe,EAAE,KAAa;IACnE,IAAA,MAAM,GAA6B,UAAU,OAAvC,EAAE,UAAU,GAAiB,UAAU,WAA3B,EAAE,IAAI,GAAW,UAAU,KAArB,EAAE,IAAI,GAAK,UAAU,KAAf,CAAgB;IACtD,IAAM,YAAY,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAErE,IAAI,YAAY,KAAK,YAAY,EAAE,CAAC;QAChC,OAAO,CACH,oBAAC,UAAU,IAAC,GAAG,EAAE,sBAAe,KAAK,CAAE;YACnC,oBAAC,IAAI,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAC,GAAG,GAAG,CACxB,CAChB,CAAC;IACN,CAAC;IAED,IAAI,YAAY,KAAK,MAAM,EAAE,CAAC;QAC1B,OAAO,oBAAC,IAAI,IAAC,GAAG,EAAE,eAAQ,KAAK,CAAE,EAAE,IAAI,EAAE,eAAQ,KAAK,CAAE,GAAI,CAAC;IACjE,CAAC;IAED,OAAO,oBAAC,MAAM,IAAC,GAAG,EAAE,iBAAU,KAAK,CAAE,EAAE,IAAI,EAAE,iBAAU,KAAK,CAAE,GAAI,CAAC;AACvE,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,KAAU,EAAE,UAA2B;IACtE,OAAO,UAAC,EAAsD;QAApD,IAAA,kBAAc,EAAd,UAAU,mBAAG,CAAC,KAAA,EAAE,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EAAK,IAAI,cAA/C,2BAAiD,CAAF;QAAY,OAAA,CAC/D,oBAAC,KAAK,eAAK,IAAI,GACV,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,UAAU,EAAE,EAAE,UAAC,CAAC,EAAE,KAAK,IAAK,OAAA,UAAU,CAAC,UAAU,EAAE,SAAS,EAAE,KAAK,CAAC,EAAxC,CAAwC,CAAC,CACvF,CACX,CAAA;KAAA,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type CreateStoriesProps = {
|
|
3
|
+
component: any;
|
|
4
|
+
componentConfig: any;
|
|
5
|
+
title?: string;
|
|
6
|
+
disablePropsList?: string[];
|
|
7
|
+
defaultArgs?: {};
|
|
8
|
+
additionalArgTypes?: {};
|
|
9
|
+
Icon?: (size: string) => React.ReactNode;
|
|
10
|
+
outlineConfig?: any;
|
|
11
|
+
};
|
|
12
|
+
export declare const getIconButtonStories: (config: CreateStoriesProps) => {
|
|
13
|
+
meta: {
|
|
14
|
+
title: string;
|
|
15
|
+
decorators: import("@storybook/react").Decorator[];
|
|
16
|
+
component: any;
|
|
17
|
+
args: {
|
|
18
|
+
appearance?: string | undefined;
|
|
19
|
+
viewOutline?: string | undefined;
|
|
20
|
+
view: string;
|
|
21
|
+
size: string;
|
|
22
|
+
disabled: boolean;
|
|
23
|
+
focused: boolean;
|
|
24
|
+
isLoading: boolean;
|
|
25
|
+
};
|
|
26
|
+
argTypes: {
|
|
27
|
+
pin: {
|
|
28
|
+
options: string[];
|
|
29
|
+
control: {
|
|
30
|
+
type: string;
|
|
31
|
+
};
|
|
32
|
+
table: {
|
|
33
|
+
defaultValue: {
|
|
34
|
+
summary: string;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
37
|
+
};
|
|
38
|
+
disabled: {
|
|
39
|
+
control: {
|
|
40
|
+
type: string;
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
isLoading: {
|
|
44
|
+
control: {
|
|
45
|
+
type: string;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
viewOutline?: {
|
|
49
|
+
name: string;
|
|
50
|
+
options: string[];
|
|
51
|
+
control: {
|
|
52
|
+
type: string;
|
|
53
|
+
};
|
|
54
|
+
if: {
|
|
55
|
+
arg: string;
|
|
56
|
+
eq: string;
|
|
57
|
+
};
|
|
58
|
+
} | undefined;
|
|
59
|
+
view: {
|
|
60
|
+
name?: string | undefined;
|
|
61
|
+
if?: {
|
|
62
|
+
arg: string;
|
|
63
|
+
eq: string;
|
|
64
|
+
} | undefined;
|
|
65
|
+
options: any;
|
|
66
|
+
control: {
|
|
67
|
+
type: string;
|
|
68
|
+
};
|
|
69
|
+
};
|
|
70
|
+
size: {
|
|
71
|
+
options: any;
|
|
72
|
+
control: {
|
|
73
|
+
type: string;
|
|
74
|
+
};
|
|
75
|
+
};
|
|
76
|
+
appearance?: {
|
|
77
|
+
options: string[];
|
|
78
|
+
control: {
|
|
79
|
+
type: string;
|
|
80
|
+
};
|
|
81
|
+
} | undefined;
|
|
82
|
+
};
|
|
83
|
+
};
|
|
84
|
+
Default: {
|
|
85
|
+
render: (args: any) => JSX.Element;
|
|
86
|
+
};
|
|
87
|
+
};
|
|
88
|
+
export {};
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { getConfigVariations } from '../../helpers';
|
|
25
|
+
import { createMeta } from './meta';
|
|
26
|
+
import { createDefaultStory } from './stories';
|
|
27
|
+
export var getIconButtonStories = function (config) {
|
|
28
|
+
var component = config.component, componentConfig = config.componentConfig, Icon = config.Icon, outlineConfig = config.outlineConfig, rest = __rest(config, ["component", "componentConfig", "Icon", "outlineConfig"]);
|
|
29
|
+
var componentConfigVariations = getConfigVariations(componentConfig);
|
|
30
|
+
var outlineViews = outlineConfig ? getConfigVariations(outlineConfig).views : undefined;
|
|
31
|
+
var meta = createMeta(__assign({ component: component, componentConfig: componentConfigVariations, outlineViews: outlineViews }, rest));
|
|
32
|
+
var DefaultStoryComponent = createDefaultStory(component, Icon, Boolean(outlineViews));
|
|
33
|
+
var Default = {
|
|
34
|
+
render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
|
|
35
|
+
};
|
|
36
|
+
return {
|
|
37
|
+
meta: meta,
|
|
38
|
+
Default: Default,
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
//# sourceMappingURL=IconButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconButton.js","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.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,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAa/C,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAC,MAA0B;IACnD,IAAA,SAAS,GAAoD,MAAM,UAA1D,EAAE,eAAe,GAAmC,MAAM,gBAAzC,EAAE,IAAI,GAA6B,MAAM,KAAnC,EAAE,aAAa,GAAc,MAAM,cAApB,EAAK,IAAI,UAAK,MAAM,EAArE,yDAA4D,CAAF,CAAY;IAE5E,IAAM,yBAAyB,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACvE,IAAM,YAAY,GAAG,aAAa,CAAC,CAAC,CAAC,mBAAmB,CAAC,aAAa,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC;IAE1F,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,yBAAyB,EAC1C,YAAY,cAAA,IACT,IAAI,EACT,CAAC;IAEH,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,EAAE,IAAI,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzF,IAAM,OAAO,GAAG;QACZ,MAAM,EAAE,UAAC,IAAS,IAAK,OAAA,oBAAC,qBAAqB,eAAK,IAAI,EAAI,EAAnC,CAAmC;KAC7D,CAAC;IAEF,OAAO;QACH,IAAI,MAAA;QACJ,OAAO,SAAA;KACV,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/IconButton/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;AAElD,MAAM,CAAC,IAAM,SAAS,GAAG;IACrB,eAAe;IACf,cAAc;IACd,cAAc;IACd,aAAa;IACb,cAAc;IACd,cAAc;IACd,eAAe;IACf,EAAE;CACL,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './IconButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
type CreateMetaProps = {
|
|
2
|
+
component: any;
|
|
3
|
+
componentConfig: any;
|
|
4
|
+
title?: string;
|
|
5
|
+
defaultArgs?: {};
|
|
6
|
+
additionalArgTypes?: {};
|
|
7
|
+
disablePropsList?: string[];
|
|
8
|
+
outlineViews?: string[];
|
|
9
|
+
};
|
|
10
|
+
export declare const createMeta: ({ component, componentConfig, title, defaultArgs, additionalArgTypes, disablePropsList, outlineViews, }: CreateMetaProps) => {
|
|
11
|
+
title: string;
|
|
12
|
+
decorators: import("@storybook/react").Decorator[];
|
|
13
|
+
component: any;
|
|
14
|
+
args: {
|
|
15
|
+
appearance?: string | undefined;
|
|
16
|
+
viewOutline?: string | undefined;
|
|
17
|
+
view: string;
|
|
18
|
+
size: string;
|
|
19
|
+
disabled: boolean;
|
|
20
|
+
focused: boolean;
|
|
21
|
+
isLoading: boolean;
|
|
22
|
+
};
|
|
23
|
+
argTypes: {
|
|
24
|
+
pin: {
|
|
25
|
+
options: string[];
|
|
26
|
+
control: {
|
|
27
|
+
type: string;
|
|
28
|
+
};
|
|
29
|
+
table: {
|
|
30
|
+
defaultValue: {
|
|
31
|
+
summary: string;
|
|
32
|
+
};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
disabled: {
|
|
36
|
+
control: {
|
|
37
|
+
type: string;
|
|
38
|
+
};
|
|
39
|
+
};
|
|
40
|
+
isLoading: {
|
|
41
|
+
control: {
|
|
42
|
+
type: string;
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
viewOutline?: {
|
|
46
|
+
name: string;
|
|
47
|
+
options: string[];
|
|
48
|
+
control: {
|
|
49
|
+
type: string;
|
|
50
|
+
};
|
|
51
|
+
if: {
|
|
52
|
+
arg: string;
|
|
53
|
+
eq: string;
|
|
54
|
+
};
|
|
55
|
+
} | undefined;
|
|
56
|
+
view: {
|
|
57
|
+
name?: string | undefined;
|
|
58
|
+
if?: {
|
|
59
|
+
arg: string;
|
|
60
|
+
eq: string;
|
|
61
|
+
} | undefined;
|
|
62
|
+
options: any;
|
|
63
|
+
control: {
|
|
64
|
+
type: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
size: {
|
|
68
|
+
options: any;
|
|
69
|
+
control: {
|
|
70
|
+
type: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
73
|
+
appearance?: {
|
|
74
|
+
options: string[];
|
|
75
|
+
control: {
|
|
76
|
+
type: string;
|
|
77
|
+
};
|
|
78
|
+
} | undefined;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
export {};
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
13
|
+
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
14
|
+
if (ar || !(i in from)) {
|
|
15
|
+
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
16
|
+
ar[i] = from[i];
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
|
+
};
|
|
21
|
+
import { disableProps, InSpacingDecorator, exampleOnly } from '../../index';
|
|
22
|
+
import { appearances, pinValues } from './fixtures';
|
|
23
|
+
var commonDisabledArgs = [
|
|
24
|
+
'focused',
|
|
25
|
+
'children',
|
|
26
|
+
'theme',
|
|
27
|
+
'loader',
|
|
28
|
+
'onClick',
|
|
29
|
+
'onFocus',
|
|
30
|
+
'onBlur',
|
|
31
|
+
'contentLeft',
|
|
32
|
+
'contentRight',
|
|
33
|
+
];
|
|
34
|
+
export var createMeta = function (_a) {
|
|
35
|
+
var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Entry/IconButton' : _b, _c = _a.defaultArgs, defaultArgs = _c === void 0 ? {} : _c, _d = _a.additionalArgTypes, additionalArgTypes = _d === void 0 ? {} : _d, _e = _a.disablePropsList, disablePropsList = _e === void 0 ? [] : _e, outlineViews = _a.outlineViews;
|
|
36
|
+
return {
|
|
37
|
+
title: title,
|
|
38
|
+
decorators: [InSpacingDecorator],
|
|
39
|
+
component: component,
|
|
40
|
+
args: __assign(__assign({ view: 'default', size: 'm', disabled: false, focused: true, isLoading: false }, (outlineViews
|
|
41
|
+
? {
|
|
42
|
+
appearance: 'default',
|
|
43
|
+
viewOutline: 'default',
|
|
44
|
+
}
|
|
45
|
+
: {})), defaultArgs),
|
|
46
|
+
argTypes: __assign(__assign(__assign(__assign(__assign(__assign({}, (outlineViews
|
|
47
|
+
? {
|
|
48
|
+
appearance: {
|
|
49
|
+
options: appearances,
|
|
50
|
+
control: { type: 'select' },
|
|
51
|
+
},
|
|
52
|
+
}
|
|
53
|
+
: {})), { view: __assign({ options: componentConfig.views, control: { type: 'select' } }, (outlineViews
|
|
54
|
+
? {
|
|
55
|
+
name: 'view',
|
|
56
|
+
if: { arg: 'appearance', eq: 'default' },
|
|
57
|
+
}
|
|
58
|
+
: {})), size: {
|
|
59
|
+
options: componentConfig.sizes,
|
|
60
|
+
control: { type: 'select' },
|
|
61
|
+
} }), (outlineViews
|
|
62
|
+
? exampleOnly({
|
|
63
|
+
viewOutline: {
|
|
64
|
+
name: 'view',
|
|
65
|
+
options: outlineViews,
|
|
66
|
+
control: { type: 'select' },
|
|
67
|
+
if: { arg: 'appearance', eq: 'outline' },
|
|
68
|
+
},
|
|
69
|
+
})
|
|
70
|
+
: {})), { pin: {
|
|
71
|
+
options: pinValues,
|
|
72
|
+
control: { type: 'select' },
|
|
73
|
+
table: { defaultValue: { summary: 'bottom' } },
|
|
74
|
+
}, disabled: {
|
|
75
|
+
control: { type: 'boolean' },
|
|
76
|
+
}, isLoading: {
|
|
77
|
+
control: { type: 'boolean' },
|
|
78
|
+
} }), additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
//# sourceMappingURL=meta.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/IconButton/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE5E,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAYpD,IAAM,kBAAkB,GAAG;IACvB,SAAS;IACT,UAAU;IACV,OAAO;IACP,QAAQ;IACR,SAAS;IACT,SAAS;IACT,QAAQ;IACR,aAAa;IACb,cAAc;CACjB,CAAC;AAEF,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAQT;QAPd,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,aAA+B,EAA/B,KAAK,mBAAG,uBAAuB,KAAA,EAC/B,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA,EACrB,YAAY,kBAAA;IAEZ,OAAO;QACH,KAAK,OAAA;QACL,UAAU,EAAE,CAAC,kBAAkB,CAAC;QAChC,SAAS,WAAA;QACT,IAAI,sBACA,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,GAAG,EACT,QAAQ,EAAE,KAAK,EACf,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,KAAK,IACb,CAAC,YAAY;YACZ,CAAC,CAAC;gBACI,UAAU,EAAE,SAAS;gBACrB,WAAW,EAAE,SAAS;aACzB;YACH,CAAC,CAAC,EAAE,CAAC,GACN,WAAW,CACjB;QACD,QAAQ,4DACD,CAAC,YAAY;YACZ,CAAC,CAAC;gBACI,UAAU,EAAE;oBACR,OAAO,EAAE,WAAW;oBACpB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;iBAC9B;aACJ;YACH,CAAC,CAAC,EAAE,CAAC,KACT,IAAI,aACA,OAAO,EAAE,eAAe,CAAC,KAAK,EAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,IACxB,CAAC,YAAY;gBACZ,CAAC,CAAC;oBACI,IAAI,EAAE,MAAM;oBACZ,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,SAAS,EAAE;iBAC3C;gBACH,CAAC,CAAC,EAAE,CAAC,GAEb,IAAI,EAAE;gBACF,OAAO,EAAE,eAAe,CAAC,KAAK;gBAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;aAC9B,KACE,CAAC,YAAY;YACZ,CAAC,CAAC,WAAW,CAAC;gBACR,WAAW,EAAE;oBACT,IAAI,EAAE,MAAM;oBACZ,OAAO,EAAE,YAAY;oBACrB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;oBAC3B,EAAE,EAAE,EAAE,GAAG,EAAE,YAAY,EAAE,EAAE,EAAE,SAAS,EAAE;iBAC3C;aACJ,CAAC;YACJ,CAAC,CAAC,EAAE,CAAC,KACT,GAAG,EAAE;gBACD,OAAO,EAAE,SAAS;gBAClB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,EAAE;aACjD,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,EACD,SAAS,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;aAC/B,KACE,kBAAkB,GAClB,YAAY,iCAAK,kBAAkB,SAAK,gBAAgB,QAAE,CAChE;KACJ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
var __assign = (this && this.__assign) || function () {
|
|
2
|
+
__assign = Object.assign || function(t) {
|
|
3
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
4
|
+
s = arguments[i];
|
|
5
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
6
|
+
t[p] = s[p];
|
|
7
|
+
}
|
|
8
|
+
return t;
|
|
9
|
+
};
|
|
10
|
+
return __assign.apply(this, arguments);
|
|
11
|
+
};
|
|
12
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
13
|
+
var t = {};
|
|
14
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
15
|
+
t[p] = s[p];
|
|
16
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
17
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
18
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
19
|
+
t[p[i]] = s[p[i]];
|
|
20
|
+
}
|
|
21
|
+
return t;
|
|
22
|
+
};
|
|
23
|
+
import React from 'react';
|
|
24
|
+
import { IconClose } from '@salutejs/plasma-icons';
|
|
25
|
+
var getIconSize = function (size) { return (size === 'xs' ? 'xs' : 's'); };
|
|
26
|
+
export var createDefaultStory = function (IconButton, Icon, hasOutline) {
|
|
27
|
+
if (hasOutline === void 0) { hasOutline = false; }
|
|
28
|
+
return function (_a) {
|
|
29
|
+
var size = _a.size, view = _a.view, viewOutline = _a.viewOutline, appearance = _a.appearance, rest = __rest(_a, ["size", "view", "viewOutline", "appearance"]);
|
|
30
|
+
var buttonSize = size !== null && size !== void 0 ? size : 'm';
|
|
31
|
+
var resolvedView = hasOutline && appearance !== 'default' ? viewOutline : view;
|
|
32
|
+
return (React.createElement(IconButton, __assign({}, rest, (hasOutline ? { appearance: appearance } : {}), { view: resolvedView, size: size }), Icon ? Icon(buttonSize) : React.createElement(IconClose, { color: "inherit", size: getIconSize(size) })));
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
//# sourceMappingURL=stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/IconButton/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAGnD,IAAM,WAAW,GAAG,UAAC,IAAa,IAAe,OAAA,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,EAA5B,CAA4B,CAAC;AAE9E,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,UAAe,EAAE,IAAwC,EAAE,UAAkB;IAAlB,2BAAA,EAAA,kBAAkB;IAC5G,OAAO,UAAC,EAAqD;QAAnD,IAAA,IAAI,UAAA,EAAE,IAAI,UAAA,EAAE,WAAW,iBAAA,EAAE,UAAU,gBAAA,EAAK,IAAI,cAA9C,6CAAgD,CAAF;QAClD,IAAM,UAAU,GAAG,IAAI,aAAJ,IAAI,cAAJ,IAAI,GAAI,GAAG,CAAC;QAC/B,IAAM,YAAY,GAAG,UAAU,IAAI,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,CAAC;QAEjF,OAAO,CACH,oBAAC,UAAU,eAAK,IAAI,EAAM,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,UAAU,YAAA,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IAAE,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KACvF,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,oBAAC,SAAS,IAAC,KAAK,EAAC,SAAS,EAAC,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,GAAI,CACxE,CAChB,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -8,6 +8,8 @@ export { disabledToolsParameters } from './disabledToolsParameters';
|
|
|
8
8
|
export * from './Accordion';
|
|
9
9
|
export * from './Breadcrumbs';
|
|
10
10
|
export * from './Button';
|
|
11
|
+
export * from './IconButton';
|
|
12
|
+
export * from './Group';
|
|
11
13
|
export * from './EmbeddedButton';
|
|
12
14
|
export * from './TextField';
|
|
13
15
|
export * from './TextFieldSlider';
|
package/lib/components/index.js
CHANGED
|
@@ -8,6 +8,8 @@ export { disabledToolsParameters } from './disabledToolsParameters';
|
|
|
8
8
|
export * from './Accordion';
|
|
9
9
|
export * from './Breadcrumbs';
|
|
10
10
|
export * from './Button';
|
|
11
|
+
export * from './IconButton';
|
|
12
|
+
export * from './Group';
|
|
11
13
|
export * from './EmbeddedButton';
|
|
12
14
|
export * from './TextField';
|
|
13
15
|
export * from './TextFieldSlider';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,IAAI,kBAAkB,EAAE,MAAM,mBAAmB,CAAC;AACpE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,mBAAmB,EAAE,4BAA4B,EAAE,MAAM,4BAA4B,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC;AAClC,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AACxC,cAAc,YAAY,CAAC;AAC3B,cAAc,sBAAsB,CAAC;AACrC,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAC;AACtD,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,YAAY,CAAC;AAC3B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,OAAO,CAAC;AACtB,cAAc,cAAc,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-sb-utils",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.252.0-dev.0",
|
|
4
4
|
"description": "Code shared between ui libraries.",
|
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -32,9 +32,9 @@
|
|
|
32
32
|
"dependencies": {
|
|
33
33
|
"@emotion/react": "11.14.0",
|
|
34
34
|
"@salutejs/plasma-colors": "0.28.0-dev.0",
|
|
35
|
-
"@salutejs/plasma-core": "1.
|
|
35
|
+
"@salutejs/plasma-core": "1.250.0-dev.0",
|
|
36
36
|
"@salutejs/plasma-icons": "1.257.1-dev.0",
|
|
37
|
-
"@storybook/react": "10.
|
|
37
|
+
"@storybook/react": "10.6.5",
|
|
38
38
|
"param-case": "^3.0.4"
|
|
39
39
|
},
|
|
40
40
|
"peerDependencies": {
|
|
@@ -57,5 +57,5 @@
|
|
|
57
57
|
"files": [
|
|
58
58
|
"lib"
|
|
59
59
|
],
|
|
60
|
-
"gitHead": "
|
|
60
|
+
"gitHead": "3c21629c0b49cb41f7254eb061bb18e82a13e858"
|
|
61
61
|
}
|