@salutejs/plasma-sb-utils 0.229.0-next-sbcom.0 → 0.229.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/Combobox/Combobox.d.ts +11 -0
- package/lib/components/Combobox/Combobox.js.map +1 -1
- package/lib/components/Combobox/meta.d.ts +10 -0
- package/lib/components/Combobox/meta.js +6 -2
- package/lib/components/Combobox/meta.js.map +1 -1
- package/lib/components/DateTimePicker/meta.js +2 -2
- package/lib/components/DateTimePicker/meta.js.map +1 -1
- package/lib/components/DateTimePicker/stories.js +8 -1
- package/lib/components/DateTimePicker/stories.js.map +1 -1
- package/lib/components/EmbeddedButton/EmbeddedButton.d.ts +89 -0
- package/lib/components/EmbeddedButton/EmbeddedButton.js +40 -0
- package/lib/components/EmbeddedButton/EmbeddedButton.js.map +1 -0
- package/lib/components/EmbeddedButton/fixtures.d.ts +1 -0
- package/lib/components/EmbeddedButton/fixtures.js +12 -0
- package/lib/components/EmbeddedButton/fixtures.js.map +1 -0
- package/lib/components/EmbeddedButton/index.d.ts +1 -0
- package/lib/components/EmbeddedButton/index.js +2 -0
- package/lib/components/EmbeddedButton/index.js.map +1 -0
- package/lib/components/EmbeddedButton/meta.d.ts +84 -0
- package/lib/components/EmbeddedButton/meta.js +65 -0
- package/lib/components/EmbeddedButton/meta.js.map +1 -0
- package/lib/components/EmbeddedButton/stories.d.ts +1 -0
- package/lib/components/EmbeddedButton/stories.js +43 -0
- package/lib/components/EmbeddedButton/stories.js.map +1 -0
- package/lib/components/Note/Note.d.ts +22 -0
- package/lib/components/Note/Note.js +2 -2
- package/lib/components/Note/Note.js.map +1 -1
- package/lib/components/Note/fixtures.d.ts +1 -0
- package/lib/components/Note/fixtures.js +1 -0
- package/lib/components/Note/fixtures.js.map +1 -1
- package/lib/components/Note/meta.d.ts +19 -0
- package/lib/components/Note/meta.js +9 -2
- package/lib/components/Note/meta.js.map +1 -1
- package/lib/components/Note/stories.d.ts +1 -1
- package/lib/components/Note/stories.js +4 -3
- package/lib/components/Note/stories.js.map +1 -1
- package/lib/components/Pagination/Pagination.d.ts +26 -0
- package/lib/components/Pagination/meta.d.ts +26 -0
- package/lib/components/Pagination/meta.js +9 -1
- package/lib/components/Pagination/meta.js.map +1 -1
- package/lib/components/Select/Select.d.ts +1 -0
- package/lib/components/Select/Select.js.map +1 -1
- package/lib/components/Slider/Slider.d.ts +38 -0
- package/lib/components/Slider/fixtures.d.ts +2 -0
- package/lib/components/Slider/fixtures.js +2 -0
- package/lib/components/Slider/fixtures.js.map +1 -1
- package/lib/components/Slider/meta.d.ts +38 -0
- package/lib/components/Slider/meta.js +32 -4
- package/lib/components/Slider/meta.js.map +1 -1
- package/lib/components/Slider/stories.d.ts +1 -1
- package/lib/components/Slider/stories.js +6 -2
- package/lib/components/Slider/stories.js.map +1 -1
- package/lib/components/Steps/Steps.d.ts +186 -0
- package/lib/components/Steps/Steps.js +41 -0
- package/lib/components/Steps/Steps.js.map +1 -0
- package/lib/components/Steps/fixtures.d.ts +6 -0
- package/lib/components/Steps/fixtures.js +7 -0
- package/lib/components/Steps/fixtures.js.map +1 -0
- package/lib/components/Steps/index.d.ts +1 -0
- package/lib/components/Steps/index.js +2 -0
- package/lib/components/Steps/index.js.map +1 -0
- package/lib/components/Steps/meta.d.ts +178 -0
- package/lib/components/Steps/meta.js +95 -0
- package/lib/components/Steps/meta.js.map +1 -0
- package/lib/components/Steps/stories.d.ts +1 -0
- package/lib/components/Steps/stories.js +96 -0
- package/lib/components/Steps/stories.js.map +1 -0
- package/lib/components/TextArea/meta.js +0 -2
- package/lib/components/TextArea/meta.js.map +1 -1
- package/lib/components/TextField/TextField.d.ts +0 -7
- package/lib/components/TextField/TextField.js +0 -1
- package/lib/components/TextField/TextField.js.map +1 -1
- package/lib/components/TextField/meta.d.ts +0 -6
- package/lib/components/TextField/meta.js +1 -3
- package/lib/components/TextField/meta.js.map +1 -1
- package/lib/components/TimePicker/TimePicker.d.ts +18 -0
- package/lib/components/TimePicker/meta.d.ts +18 -0
- package/lib/components/TimePicker/meta.js +7 -1
- package/lib/components/TimePicker/meta.js.map +1 -1
- package/lib/components/TimePicker/stories.d.ts +1 -1
- package/lib/components/TimePicker/stories.js +2 -2
- package/lib/components/TimePicker/stories.js.map +1 -1
- 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
|
@@ -25,10 +25,10 @@ import { getConfigVariations } from '../../helpers';
|
|
|
25
25
|
import { createMeta } from './meta';
|
|
26
26
|
import { createDefaultStory } from './stories';
|
|
27
27
|
export var getNoteStories = function (config) {
|
|
28
|
-
var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
|
|
28
|
+
var component = config.component, componentConfig = config.componentConfig, additionalComponents = config.additionalComponents, rest = __rest(config, ["component", "componentConfig", "additionalComponents"]);
|
|
29
29
|
var noteConfig = getConfigVariations(componentConfig);
|
|
30
30
|
var meta = createMeta(__assign({ component: component, componentConfig: noteConfig }, rest));
|
|
31
|
-
var DefaultStoryComponent = createDefaultStory(component);
|
|
31
|
+
var DefaultStoryComponent = createDefaultStory(component, additionalComponents);
|
|
32
32
|
var Default = {
|
|
33
33
|
render: function (args) { return React.createElement(DefaultStoryComponent, __assign({}, args)); },
|
|
34
34
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../src/components/Note/Note.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;
|
|
1
|
+
{"version":3,"file":"Note.js","sourceRoot":"","sources":["../../../src/components/Note/Note.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;AAc/C,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,MAA8B;IACjD,IAAA,SAAS,GAAqD,MAAM,UAA3D,EAAE,eAAe,GAAoC,MAAM,gBAA1C,EAAE,oBAAoB,GAAc,MAAM,qBAApB,EAAK,IAAI,UAAK,MAAM,EAAtE,wDAA6D,CAAF,CAAY;IAE7E,IAAM,UAAU,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAExD,IAAM,IAAI,GAAG,UAAU,YACnB,SAAS,WAAA,EACT,eAAe,EAAE,UAAU,IACxB,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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Note/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Note/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,kBAAkB,GAAG,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC;AACxD,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC"}
|
|
@@ -22,6 +22,8 @@ export declare const createMeta: ({ component, componentConfig, title, defaultAr
|
|
|
22
22
|
hasClose: boolean;
|
|
23
23
|
enableHeightControl: boolean;
|
|
24
24
|
height: string;
|
|
25
|
+
hasActionContent: boolean;
|
|
26
|
+
orientation: string;
|
|
25
27
|
};
|
|
26
28
|
argTypes: {
|
|
27
29
|
view: {
|
|
@@ -123,6 +125,23 @@ export declare const createMeta: ({ component, componentConfig, title, defaultAr
|
|
|
123
125
|
category: string;
|
|
124
126
|
};
|
|
125
127
|
};
|
|
128
|
+
hasActionContent: {
|
|
129
|
+
control: {
|
|
130
|
+
type: string;
|
|
131
|
+
};
|
|
132
|
+
table: {
|
|
133
|
+
category: string;
|
|
134
|
+
};
|
|
135
|
+
};
|
|
136
|
+
orientation: {
|
|
137
|
+
options: string[];
|
|
138
|
+
control: {
|
|
139
|
+
type: string;
|
|
140
|
+
};
|
|
141
|
+
table: {
|
|
142
|
+
category: string;
|
|
143
|
+
};
|
|
144
|
+
};
|
|
126
145
|
};
|
|
127
146
|
};
|
|
128
147
|
export {};
|
|
@@ -19,7 +19,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
19
19
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
20
|
};
|
|
21
21
|
import { disableProps, InSpacingDecorator } from '../../index';
|
|
22
|
-
import { contentBeforeSizes } from './fixtures';
|
|
22
|
+
import { contentBeforeSizes, orientations } from './fixtures';
|
|
23
23
|
var commonDisabledArgs = ['contentBefore', 'onCloseButtonClick'];
|
|
24
24
|
export var createMeta = function (_a) {
|
|
25
25
|
var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Display/Note' : _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;
|
|
@@ -27,7 +27,7 @@ export var createMeta = function (_a) {
|
|
|
27
27
|
title: title,
|
|
28
28
|
decorators: [InSpacingDecorator],
|
|
29
29
|
component: component,
|
|
30
|
-
args: __assign({ view: 'default', size: 'l', title: 'Title', text: 'Text', width: '400', stretch: false, enableContentBefore: true, contentBeforeSizing: 'fixed', hasClose: false, enableHeightControl: false, height: '400' }, defaultArgs),
|
|
30
|
+
args: __assign({ view: 'default', size: 'l', title: 'Title', text: 'Text', width: '400', stretch: false, enableContentBefore: true, contentBeforeSizing: 'fixed', hasClose: false, enableHeightControl: false, height: '400', hasActionContent: false, orientation: 'vertical' }, defaultArgs),
|
|
31
31
|
argTypes: __assign(__assign({ view: {
|
|
32
32
|
options: componentConfig.views,
|
|
33
33
|
control: { type: 'select' },
|
|
@@ -66,6 +66,13 @@ export var createMeta = function (_a) {
|
|
|
66
66
|
control: { type: 'text' },
|
|
67
67
|
if: { arg: 'enableHeightControl', truthy: true },
|
|
68
68
|
table: { category: 'layout' },
|
|
69
|
+
}, hasActionContent: {
|
|
70
|
+
control: { type: 'boolean' },
|
|
71
|
+
table: { category: 'layout' },
|
|
72
|
+
}, orientation: {
|
|
73
|
+
options: orientations,
|
|
74
|
+
control: { type: 'select' },
|
|
75
|
+
table: { category: 'layout' },
|
|
69
76
|
} }, additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
|
|
70
77
|
};
|
|
71
78
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Note/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Note/meta.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare const createDefaultStory: (NoteComponent: any) => ({ enableContentBefore, enableHeightControl, ...args }: any) => JSX.Element;
|
|
1
|
+
export declare const createDefaultStory: (NoteComponent: any, Components: any) => ({ enableContentBefore, enableHeightControl, hasActionContent, ...args }: any) => JSX.Element;
|
|
@@ -31,11 +31,12 @@ var getIconSize = function (size, isScalable) {
|
|
|
31
31
|
}
|
|
32
32
|
return 'xs';
|
|
33
33
|
};
|
|
34
|
-
export var createDefaultStory = function (NoteComponent) {
|
|
34
|
+
export var createDefaultStory = function (NoteComponent, Components) {
|
|
35
|
+
var LinkButton = Components.LinkButton;
|
|
35
36
|
return function (_a) {
|
|
36
|
-
var enableContentBefore = _a.enableContentBefore, enableHeightControl = _a.enableHeightControl, args = __rest(_a, ["enableContentBefore", "enableHeightControl"]);
|
|
37
|
+
var enableContentBefore = _a.enableContentBefore, enableHeightControl = _a.enableHeightControl, hasActionContent = _a.hasActionContent, args = __rest(_a, ["enableContentBefore", "enableHeightControl", "hasActionContent"]);
|
|
37
38
|
return (React.createElement("div", { style: { height: '100vh' } },
|
|
38
|
-
React.createElement(NoteComponent, __assign({ contentBefore: enableContentBefore ? (React.createElement(IconPlasma, { size: getIconSize(args.size, args.contentBeforeSizing === 'scalable'), color: "inherit" })) : undefined, height: enableHeightControl ? args.height : undefined }, args))));
|
|
39
|
+
React.createElement(NoteComponent, __assign({ contentBefore: enableContentBefore ? (React.createElement(IconPlasma, { size: getIconSize(args.size, args.contentBeforeSizing === 'scalable'), color: "inherit" })) : undefined, height: enableHeightControl ? args.height : undefined, actionContent: hasActionContent ? (React.createElement(LinkButton, { text: "Label", size: args.size, view: args.view === 'default' ? 'positive' : args.view })) : undefined }, args))));
|
|
39
40
|
};
|
|
40
41
|
};
|
|
41
42
|
//# sourceMappingURL=stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Note/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,IAAM,WAAW,GAAG,UAAC,IAAa,EAAE,UAAoB;IACpD,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,GAAG,CAAC;IACf,CAAC;IAED,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,aAAkB;
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Note/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,IAAM,WAAW,GAAG,UAAC,IAAa,EAAE,UAAoB;IACpD,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,GAAG,CAAC;IACf,CAAC;IAED,IAAI,IAAI,KAAK,GAAG,IAAI,IAAI,KAAK,GAAG,EAAE,CAAC;QAC/B,OAAO,GAAG,CAAC;IACf,CAAC;IAED,OAAO,IAAI,CAAC;AAChB,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,aAAkB,EAAE,UAAe;IAC1D,IAAA,UAAU,GAAK,UAAU,WAAf,CAAgB;IAElC,OAAO,UAAC,EAA4E;QAA1E,IAAA,mBAAmB,yBAAA,EAAE,mBAAmB,yBAAA,EAAE,gBAAgB,sBAAA,EAAK,IAAI,cAArE,kEAAuE,CAAF;QACzE,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE;YAC3B,oBAAC,aAAa,aACV,aAAa,EACT,mBAAmB,CAAC,CAAC,CAAC,CAClB,oBAAC,UAAU,IACP,IAAI,EAAE,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,CAAC,mBAAmB,KAAK,UAAU,CAAC,EACrE,KAAK,EAAC,SAAS,GACjB,CACL,CAAC,CAAC,CAAC,SAAS,EAEjB,MAAM,EAAE,mBAAmB,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrD,aAAa,EACT,gBAAgB,CAAC,CAAC,CAAC,CACf,oBAAC,UAAU,IACP,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GACxD,CACL,CAAC,CAAC,CAAC,SAAS,IAEb,IAAI,EACV,CACA,CACT,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -27,6 +27,8 @@ export declare const getPaginationStories: (config: CreateStoriesProps) => {
|
|
|
27
27
|
square: boolean;
|
|
28
28
|
listWidth: string;
|
|
29
29
|
helperText: string;
|
|
30
|
+
textQuickJump: string;
|
|
31
|
+
placeholderQuickJump: string;
|
|
30
32
|
singleLine: boolean;
|
|
31
33
|
enableLeftSlot: boolean;
|
|
32
34
|
enableRightSlot: boolean;
|
|
@@ -102,6 +104,30 @@ export declare const getPaginationStories: (config: CreateStoriesProps) => {
|
|
|
102
104
|
category: string;
|
|
103
105
|
};
|
|
104
106
|
};
|
|
107
|
+
textQuickJump: {
|
|
108
|
+
control: {
|
|
109
|
+
type: string;
|
|
110
|
+
};
|
|
111
|
+
table: {
|
|
112
|
+
category: string;
|
|
113
|
+
};
|
|
114
|
+
if: {
|
|
115
|
+
arg: string;
|
|
116
|
+
truhty: boolean;
|
|
117
|
+
};
|
|
118
|
+
};
|
|
119
|
+
placeholderQuickJump: {
|
|
120
|
+
control: {
|
|
121
|
+
type: string;
|
|
122
|
+
};
|
|
123
|
+
table: {
|
|
124
|
+
category: string;
|
|
125
|
+
};
|
|
126
|
+
if: {
|
|
127
|
+
arg: string;
|
|
128
|
+
truhty: boolean;
|
|
129
|
+
};
|
|
130
|
+
};
|
|
105
131
|
hasPerPage: {
|
|
106
132
|
control: {
|
|
107
133
|
type: string;
|
|
@@ -23,6 +23,8 @@ export declare const createMeta: ({ component, componentConfig, defaultArgs, add
|
|
|
23
23
|
square: boolean;
|
|
24
24
|
listWidth: string;
|
|
25
25
|
helperText: string;
|
|
26
|
+
textQuickJump: string;
|
|
27
|
+
placeholderQuickJump: string;
|
|
26
28
|
singleLine: boolean;
|
|
27
29
|
enableLeftSlot: boolean;
|
|
28
30
|
enableRightSlot: boolean;
|
|
@@ -98,6 +100,30 @@ export declare const createMeta: ({ component, componentConfig, defaultArgs, add
|
|
|
98
100
|
category: string;
|
|
99
101
|
};
|
|
100
102
|
};
|
|
103
|
+
textQuickJump: {
|
|
104
|
+
control: {
|
|
105
|
+
type: string;
|
|
106
|
+
};
|
|
107
|
+
table: {
|
|
108
|
+
category: string;
|
|
109
|
+
};
|
|
110
|
+
if: {
|
|
111
|
+
arg: string;
|
|
112
|
+
truhty: boolean;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
placeholderQuickJump: {
|
|
116
|
+
control: {
|
|
117
|
+
type: string;
|
|
118
|
+
};
|
|
119
|
+
table: {
|
|
120
|
+
category: string;
|
|
121
|
+
};
|
|
122
|
+
if: {
|
|
123
|
+
arg: string;
|
|
124
|
+
truhty: boolean;
|
|
125
|
+
};
|
|
126
|
+
};
|
|
101
127
|
hasPerPage: {
|
|
102
128
|
control: {
|
|
103
129
|
type: string;
|
|
@@ -25,7 +25,7 @@ export var createMeta = function (_a) {
|
|
|
25
25
|
return {
|
|
26
26
|
decorators: [InSpacingDecorator],
|
|
27
27
|
component: component,
|
|
28
|
-
args: __assign({ count: 2000, slots: 9, initialValue: 1, perPage: 20, type: 'default', view: 'clear', viewCurrentPage: 'secondary', size: 'xs', hasQuickJump: true, hasPerPage: true, pilled: false, square: true, listWidth: '5rem', helperText: '
|
|
28
|
+
args: __assign({ count: 2000, slots: 9, initialValue: 1, perPage: 20, type: 'default', view: 'clear', viewCurrentPage: 'secondary', size: 'xs', hasQuickJump: true, hasPerPage: true, pilled: false, square: true, listWidth: '5rem', helperText: 'Подсказка', textQuickJump: 'Перейти к странице', placeholderQuickJump: '№', singleLine: false, enableLeftSlot: true, enableRightSlot: true }, defaultArgs),
|
|
29
29
|
argTypes: __assign(__assign({ size: {
|
|
30
30
|
options: componentConfig.sizes,
|
|
31
31
|
control: { type: 'select' },
|
|
@@ -54,6 +54,14 @@ export var createMeta = function (_a) {
|
|
|
54
54
|
}, hasQuickJump: {
|
|
55
55
|
control: { type: 'boolean' },
|
|
56
56
|
table: { category: 'layout' },
|
|
57
|
+
}, textQuickJump: {
|
|
58
|
+
control: { type: 'text' },
|
|
59
|
+
table: { category: 'layout' },
|
|
60
|
+
if: { arg: 'hasQuickJump', truhty: true },
|
|
61
|
+
}, placeholderQuickJump: {
|
|
62
|
+
control: { type: 'text' },
|
|
63
|
+
table: { category: 'layout' },
|
|
64
|
+
if: { arg: 'hasQuickJump', truhty: true },
|
|
57
65
|
}, hasPerPage: {
|
|
58
66
|
control: { type: 'boolean' },
|
|
59
67
|
table: { category: 'layout' },
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Pagination/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAUnC,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAMT;QALd,SAAS,eAAA,EACT,eAAe,qBAAA,EACf,mBAAgB,EAAhB,WAAW,mBAAG,EAAE,KAAA,EAChB,0BAAuB,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,wBAAqB,EAArB,gBAAgB,mBAAG,EAAE,KAAA;IAErB,OAAO;QACH,UAAU,EAAE,CAAC,kBAAkB,CAAC;QAChC,SAAS,WAAA;QACT,IAAI,aACA,KAAK,EAAE,IAAI,EACX,KAAK,EAAE,CAAC,EACR,YAAY,EAAE,CAAC,EACf,OAAO,EAAE,EAAE,EACX,IAAI,EAAE,SAAS,EACf,IAAI,EAAE,OAAO,EACb,eAAe,EAAE,WAAW,EAC5B,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,IAAI,EAClB,UAAU,EAAE,IAAI,EAChB,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,IAAI,EACZ,SAAS,EAAE,MAAM,EACjB,UAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Pagination/meta.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,6 +4,7 @@ type CreateStoriesProps = {
|
|
|
4
4
|
disablePropsList?: string[];
|
|
5
5
|
defaultArgs?: {};
|
|
6
6
|
customGetContentRight?: (size: string, disabled?: boolean, readOnly?: boolean) => JSX.Element | undefined;
|
|
7
|
+
additionalArgTypes?: {};
|
|
7
8
|
};
|
|
8
9
|
export declare const getSelectStories: (config: CreateStoriesProps) => {
|
|
9
10
|
meta: {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.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,EACH,iBAAiB,EACjB,mBAAmB,EACnB,qBAAqB,EACrB,iBAAiB,EACjB,oBAAoB,GACvB,MAAM,WAAW,CAAC;
|
|
1
|
+
{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/Select/Select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -35,6 +35,8 @@ export declare const getSliderStories: (config: CreateSliderStoriesProps) => {
|
|
|
35
35
|
hideMinValueDiff: number;
|
|
36
36
|
hideMaxValueDiff: number;
|
|
37
37
|
showTicks: boolean;
|
|
38
|
+
_valuePlacementHorizontalVisible: boolean;
|
|
39
|
+
_valuePlacementVerticalVisible: boolean;
|
|
38
40
|
};
|
|
39
41
|
argTypes: {
|
|
40
42
|
view: {
|
|
@@ -246,6 +248,42 @@ export declare const getSliderStories: (config: CreateSliderStoriesProps) => {
|
|
|
246
248
|
category: string;
|
|
247
249
|
};
|
|
248
250
|
};
|
|
251
|
+
valuePlacementHorizontal: {
|
|
252
|
+
name: string;
|
|
253
|
+
options: string[];
|
|
254
|
+
control: {
|
|
255
|
+
type: string;
|
|
256
|
+
};
|
|
257
|
+
if: {
|
|
258
|
+
arg: string;
|
|
259
|
+
};
|
|
260
|
+
table: {
|
|
261
|
+
category: string;
|
|
262
|
+
};
|
|
263
|
+
};
|
|
264
|
+
valuePlacementVertical: {
|
|
265
|
+
name: string;
|
|
266
|
+
options: string[];
|
|
267
|
+
control: {
|
|
268
|
+
type: string;
|
|
269
|
+
};
|
|
270
|
+
if: {
|
|
271
|
+
arg: string;
|
|
272
|
+
};
|
|
273
|
+
table: {
|
|
274
|
+
category: string;
|
|
275
|
+
};
|
|
276
|
+
};
|
|
277
|
+
_valuePlacementHorizontalVisible: {
|
|
278
|
+
table: {
|
|
279
|
+
disable: boolean;
|
|
280
|
+
};
|
|
281
|
+
};
|
|
282
|
+
_valuePlacementVerticalVisible: {
|
|
283
|
+
table: {
|
|
284
|
+
disable: boolean;
|
|
285
|
+
};
|
|
286
|
+
};
|
|
249
287
|
};
|
|
250
288
|
};
|
|
251
289
|
Default: {
|
|
@@ -4,3 +4,5 @@ export declare const labelPlacements: string[];
|
|
|
4
4
|
export declare const scaleAligns: string[];
|
|
5
5
|
export declare const orientations: Array<string>;
|
|
6
6
|
export declare const visibility: string[];
|
|
7
|
+
export declare const valuePlacementsHorizontal: string[];
|
|
8
|
+
export declare const valuePlacementsVertical: string[];
|
|
@@ -4,4 +4,6 @@ export var labelPlacements = ['top', 'left'];
|
|
|
4
4
|
export var scaleAligns = ['side', 'bottom', 'top'];
|
|
5
5
|
export var orientations = ['vertical', 'horizontal'];
|
|
6
6
|
export var visibility = ['always', 'hover'];
|
|
7
|
+
export var valuePlacementsHorizontal = ['top', 'bottom', 'none'];
|
|
8
|
+
export var valuePlacementsVertical = ['left', 'right', 'none'];
|
|
7
9
|
//# sourceMappingURL=fixtures.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Slider/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AACvD,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAChE,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC/C,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AACrD,MAAM,CAAC,IAAM,YAAY,GAAkB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AACtE,MAAM,CAAC,IAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/Slider/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AACvD,MAAM,CAAC,IAAM,YAAY,GAAG,CAAC,QAAQ,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAChE,MAAM,CAAC,IAAM,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,CAAC;AAC/C,MAAM,CAAC,IAAM,WAAW,GAAG,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;AACrD,MAAM,CAAC,IAAM,YAAY,GAAkB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AACtE,MAAM,CAAC,IAAM,UAAU,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AAC9C,MAAM,CAAC,IAAM,yBAAyB,GAAG,CAAC,KAAK,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC;AACnE,MAAM,CAAC,IAAM,uBAAuB,GAAG,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC"}
|
|
@@ -34,6 +34,8 @@ export declare const createMeta: ({ component, componentConfig, title, defaultAr
|
|
|
34
34
|
hideMinValueDiff: number;
|
|
35
35
|
hideMaxValueDiff: number;
|
|
36
36
|
showTicks: boolean;
|
|
37
|
+
_valuePlacementHorizontalVisible: boolean;
|
|
38
|
+
_valuePlacementVerticalVisible: boolean;
|
|
37
39
|
};
|
|
38
40
|
argTypes: {
|
|
39
41
|
view: {
|
|
@@ -245,6 +247,42 @@ export declare const createMeta: ({ component, componentConfig, title, defaultAr
|
|
|
245
247
|
category: string;
|
|
246
248
|
};
|
|
247
249
|
};
|
|
250
|
+
valuePlacementHorizontal: {
|
|
251
|
+
name: string;
|
|
252
|
+
options: string[];
|
|
253
|
+
control: {
|
|
254
|
+
type: string;
|
|
255
|
+
};
|
|
256
|
+
if: {
|
|
257
|
+
arg: string;
|
|
258
|
+
};
|
|
259
|
+
table: {
|
|
260
|
+
category: string;
|
|
261
|
+
};
|
|
262
|
+
};
|
|
263
|
+
valuePlacementVertical: {
|
|
264
|
+
name: string;
|
|
265
|
+
options: string[];
|
|
266
|
+
control: {
|
|
267
|
+
type: string;
|
|
268
|
+
};
|
|
269
|
+
if: {
|
|
270
|
+
arg: string;
|
|
271
|
+
};
|
|
272
|
+
table: {
|
|
273
|
+
category: string;
|
|
274
|
+
};
|
|
275
|
+
};
|
|
276
|
+
_valuePlacementHorizontalVisible: {
|
|
277
|
+
table: {
|
|
278
|
+
disable: boolean;
|
|
279
|
+
};
|
|
280
|
+
};
|
|
281
|
+
_valuePlacementVerticalVisible: {
|
|
282
|
+
table: {
|
|
283
|
+
disable: boolean;
|
|
284
|
+
};
|
|
285
|
+
};
|
|
248
286
|
};
|
|
249
287
|
};
|
|
250
288
|
export {};
|
|
@@ -18,8 +18,10 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
|
18
18
|
}
|
|
19
19
|
return to.concat(ar || Array.prototype.slice.call(from));
|
|
20
20
|
};
|
|
21
|
+
import React, { useEffect } from 'react';
|
|
22
|
+
import { useArgs } from 'storybook/preview-api';
|
|
21
23
|
import { disableProps, InSpacingDecorator } from '../../index';
|
|
22
|
-
import { pointerSizes, sliderAligns, labelPlacements, scaleAligns, orientations, visibility } from './fixtures';
|
|
24
|
+
import { pointerSizes, sliderAligns, labelPlacements, scaleAligns, orientations, visibility, valuePlacementsHorizontal, valuePlacementsVertical, } from './fixtures';
|
|
23
25
|
var commonDisabledArgs = [
|
|
24
26
|
'value',
|
|
25
27
|
'onChangeCommitted',
|
|
@@ -48,9 +50,23 @@ export var createMeta = function (_a) {
|
|
|
48
50
|
var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Entry/Slider' : _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;
|
|
49
51
|
return ({
|
|
50
52
|
title: title,
|
|
51
|
-
decorators: [
|
|
53
|
+
decorators: [
|
|
54
|
+
function (Story, context) {
|
|
55
|
+
var _a = useArgs(), updateArgs = _a[1];
|
|
56
|
+
var _b = context.args, showTicks = _b.showTicks, showCurrentValue = _b.showCurrentValue, orientation = _b.orientation;
|
|
57
|
+
var isVertical = orientation === 'vertical';
|
|
58
|
+
useEffect(function () {
|
|
59
|
+
updateArgs({
|
|
60
|
+
_valuePlacementHorizontalVisible: !showTicks && showCurrentValue && !isVertical,
|
|
61
|
+
_valuePlacementVerticalVisible: !showTicks && showCurrentValue && isVertical,
|
|
62
|
+
});
|
|
63
|
+
}, [showTicks, showCurrentValue, isVertical]);
|
|
64
|
+
return React.createElement(Story);
|
|
65
|
+
},
|
|
66
|
+
InSpacingDecorator,
|
|
67
|
+
],
|
|
52
68
|
component: component,
|
|
53
|
-
args: __assign({ view: 'default', size: 'm', pointerSize: 'small', pointerVisibility: 'always', orientation: 'horizontal', min: 0, max: 150, step: 1, multipleStepSize: 10, label: 'Цена микрофона', labelPlacement: 'top', sliderAlign: 'center', scaleAlign: 'bottom', showScale: true, showCurrentValue: false, currentValueVisibility: 'always', showIcon: true, reversed: false, labelReversed: false, disabled: false, hideMinValueDiff: 3, hideMaxValueDiff: 5, showTicks: false }, defaultArgs),
|
|
69
|
+
args: __assign({ view: 'default', size: 'm', pointerSize: 'small', pointerVisibility: 'always', orientation: 'horizontal', min: 0, max: 150, step: 1, multipleStepSize: 10, label: 'Цена микрофона', labelPlacement: 'top', sliderAlign: 'center', scaleAlign: 'bottom', showScale: true, showCurrentValue: false, currentValueVisibility: 'always', showIcon: true, reversed: false, labelReversed: false, disabled: false, hideMinValueDiff: 3, hideMaxValueDiff: 5, showTicks: false, _valuePlacementHorizontalVisible: false, _valuePlacementVerticalVisible: false }, defaultArgs),
|
|
54
70
|
argTypes: __assign(__assign({ view: {
|
|
55
71
|
options: componentConfig.views,
|
|
56
72
|
control: { type: 'select' },
|
|
@@ -131,7 +147,19 @@ export var createMeta = function (_a) {
|
|
|
131
147
|
control: { type: 'select' },
|
|
132
148
|
if: { arg: 'showTicks', truthy: false },
|
|
133
149
|
table: { category: 'slider' },
|
|
134
|
-
}
|
|
150
|
+
}, valuePlacementHorizontal: {
|
|
151
|
+
name: 'valuePlacement',
|
|
152
|
+
options: valuePlacementsHorizontal,
|
|
153
|
+
control: { type: 'select' },
|
|
154
|
+
if: { arg: '_valuePlacementHorizontalVisible' },
|
|
155
|
+
table: { category: 'slider' },
|
|
156
|
+
}, valuePlacementVertical: {
|
|
157
|
+
name: 'valuePlacement',
|
|
158
|
+
options: valuePlacementsVertical,
|
|
159
|
+
control: { type: 'select' },
|
|
160
|
+
if: { arg: '_valuePlacementVerticalVisible' },
|
|
161
|
+
table: { category: 'slider' },
|
|
162
|
+
}, _valuePlacementHorizontalVisible: { table: { disable: true } }, _valuePlacementVerticalVisible: { table: { disable: true } } }, additionalArgTypes), disableProps(__spreadArray(__spreadArray([], commonDisabledArgs, true), disablePropsList, true))),
|
|
135
163
|
});
|
|
136
164
|
};
|
|
137
165
|
//# sourceMappingURL=meta.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Slider/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,
|
|
1
|
+
{"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/Slider/meta.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export declare const createDefaultStory: (Slider: any) => ({ showIcon, showTicks, orientation, labelPlacement, size, min, max, step, ...rest }: any) => JSX.Element;
|
|
1
|
+
export declare const createDefaultStory: (Slider: any) => ({ showIcon, showTicks, orientation, labelPlacement, size, min, max, step, valuePlacementHorizontal, valuePlacementVertical, ...rest }: any) => JSX.Element;
|
|
2
2
|
export declare const createMultipleValuesStoryArgTypes: () => {
|
|
3
3
|
argTypes: {
|
|
4
4
|
pointerSize: {
|
|
@@ -28,12 +28,13 @@ var onChangeCommitted = action('onChangeCommitted');
|
|
|
28
28
|
var onChange = action('onChange');
|
|
29
29
|
export var createDefaultStory = function (Slider) {
|
|
30
30
|
return function (_a) {
|
|
31
|
-
var showIcon = _a.showIcon, showTicks = _a.showTicks, orientation = _a.orientation, labelPlacement = _a.labelPlacement, size = _a.size, min = _a.min, max = _a.max, step = _a.step, rest = __rest(_a, ["showIcon", "showTicks", "orientation", "labelPlacement", "size", "min", "max", "step"]);
|
|
31
|
+
var showIcon = _a.showIcon, showTicks = _a.showTicks, orientation = _a.orientation, labelPlacement = _a.labelPlacement, size = _a.size, min = _a.min, max = _a.max, step = _a.step, valuePlacementHorizontal = _a.valuePlacementHorizontal, valuePlacementVertical = _a.valuePlacementVertical, rest = __rest(_a, ["showIcon", "showTicks", "orientation", "labelPlacement", "size", "min", "max", "step", "valuePlacementHorizontal", "valuePlacementVertical"]);
|
|
32
32
|
var _b = useState(30), value = _b[0], setValue = _b[1];
|
|
33
33
|
var isVertical = orientation === 'vertical';
|
|
34
34
|
var scaleTicks = showTicks ? [0, 13, 37, 72, 89, 100, 150] : undefined;
|
|
35
|
+
var valuePlacement = isVertical ? valuePlacementVertical : valuePlacementHorizontal;
|
|
35
36
|
return (React.createElement("div", { style: { width: isVertical ? 'auto' : '25rem', height: isVertical ? '25rem' : 'auto' } },
|
|
36
|
-
React.createElement(Slider, __assign({ value: value, size: size, min: min, max: max, step: step, orientation: orientation, labelPlacement: labelPlacement, labelContent: showIcon ? React.createElement(IconMic, { size: size === 's' ? 'xs' : 's' }) : null, scaleTicks: scaleTicks, onChangeCommitted: function (values) {
|
|
37
|
+
React.createElement(Slider, __assign({ value: value, size: size, min: min, max: max, step: step, orientation: orientation, labelPlacement: labelPlacement, labelContent: showIcon ? React.createElement(IconMic, { size: size === 's' ? 'xs' : 's' }) : null, scaleTicks: scaleTicks, valuePlacement: valuePlacement, onChangeCommitted: function (values) {
|
|
37
38
|
setValue(values);
|
|
38
39
|
onChangeCommitted(values);
|
|
39
40
|
}, onChange: function (values) {
|
|
@@ -60,6 +61,9 @@ export var createMultipleValuesStoryArgTypes = function () { return ({
|
|
|
60
61
|
'currentValueVisibility',
|
|
61
62
|
'showIcon',
|
|
62
63
|
'showTicks',
|
|
64
|
+
'valuePlacement',
|
|
65
|
+
'valuePlacementHorizontal',
|
|
66
|
+
'valuePlacementVertical',
|
|
63
67
|
])),
|
|
64
68
|
args: {
|
|
65
69
|
label: 'Цена товара',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Slider/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AAEjD,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAE3C,IAAM,iBAAiB,GAAG,MAAM,CAAC,mBAAmB,CAAC,CAAC;AACtD,IAAM,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC,CAAC;AAEpC,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,MAAW;IAC1C,OAAO,UAAC,
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/Slider/stories.tsx"],"names":[],"mappings":"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"}
|