@salutejs/plasma-sb-utils 0.232.0-next-sbcom.0 → 0.232.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.
Files changed (19) hide show
  1. package/lib/components/CodeArea/CodeArea.d.ts +120 -0
  2. package/lib/components/CodeArea/CodeArea.js +40 -0
  3. package/lib/components/CodeArea/CodeArea.js.map +1 -0
  4. package/lib/components/CodeArea/fixtures.d.ts +12 -0
  5. package/lib/components/CodeArea/fixtures.js +13 -0
  6. package/lib/components/CodeArea/fixtures.js.map +1 -0
  7. package/lib/components/CodeArea/index.d.ts +1 -0
  8. package/lib/components/CodeArea/index.js +2 -0
  9. package/lib/components/CodeArea/index.js.map +1 -0
  10. package/lib/components/CodeArea/meta.d.ts +115 -0
  11. package/lib/components/CodeArea/meta.js +73 -0
  12. package/lib/components/CodeArea/meta.js.map +1 -0
  13. package/lib/components/CodeArea/stories.d.ts +1 -0
  14. package/lib/components/CodeArea/stories.js +53 -0
  15. package/lib/components/CodeArea/stories.js.map +1 -0
  16. package/lib/components/index.d.ts +1 -0
  17. package/lib/components/index.js +1 -0
  18. package/lib/components/index.js.map +1 -1
  19. package/package.json +4 -4
package/lib/components/CodeArea/CodeArea.d.ts ADDED
@@ -0,0 +1,120 @@
1
+ type CreateCodeAreaStoriesProps = {
2
+ component: any;
3
+ componentConfig: any;
4
+ title?: string;
5
+ disablePropsList?: string[];
6
+ defaultArgs?: {};
7
+ additionalArgTypes?: {};
8
+ };
9
+ export declare const getCodeAreaStories: (config: CreateCodeAreaStoriesProps) => {
10
+ meta: {
11
+ title: string;
12
+ decorators: import("@storybook/react").Decorator[];
13
+ component: any;
14
+ args: {
15
+ size: string;
16
+ appearance: string;
17
+ language: string;
18
+ showLineNumbers: boolean;
19
+ hasContentOuter: boolean;
20
+ hasHeaderSlot: boolean;
21
+ hasDivider: boolean;
22
+ hasAction: boolean;
23
+ width: string;
24
+ height: string;
25
+ };
26
+ argTypes: {
27
+ size: {
28
+ options: any;
29
+ control: {
30
+ type: string;
31
+ };
32
+ table: {
33
+ category: string;
34
+ };
35
+ };
36
+ appearance: {
37
+ options: string[];
38
+ control: {
39
+ type: string;
40
+ };
41
+ table: {
42
+ category: string;
43
+ };
44
+ };
45
+ language: {
46
+ options: string[];
47
+ control: {
48
+ type: string;
49
+ };
50
+ table: {
51
+ category: string;
52
+ };
53
+ };
54
+ showLineNumbers: {
55
+ control: {
56
+ type: string;
57
+ };
58
+ table: {
59
+ category: string;
60
+ };
61
+ };
62
+ hasContentOuter: {
63
+ control: {
64
+ type: string;
65
+ };
66
+ table: {
67
+ category: string;
68
+ };
69
+ };
70
+ hasHeaderSlot: {
71
+ control: {
72
+ type: string;
73
+ };
74
+ table: {
75
+ category: string;
76
+ };
77
+ };
78
+ hasDivider: {
79
+ control: {
80
+ type: string;
81
+ };
82
+ table: {
83
+ category: string;
84
+ };
85
+ if: {
86
+ arg: string;
87
+ truthy: boolean;
88
+ };
89
+ };
90
+ hasAction: {
91
+ control: {
92
+ type: string;
93
+ };
94
+ table: {
95
+ category: string;
96
+ };
97
+ };
98
+ height: {
99
+ control: {
100
+ type: string;
101
+ };
102
+ table: {
103
+ category: string;
104
+ };
105
+ };
106
+ width: {
107
+ control: {
108
+ type: string;
109
+ };
110
+ table: {
111
+ category: string;
112
+ };
113
+ };
114
+ };
115
+ };
116
+ Default: {
117
+ render: (args: any) => JSX.Element;
118
+ };
119
+ };
120
+ export {};
package/lib/components/CodeArea/CodeArea.js ADDED
@@ -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 getCodeAreaStories = function (config) {
28
+ var component = config.component, componentConfig = config.componentConfig, rest = __rest(config, ["component", "componentConfig"]);
29
+ var componentConfigVariations = getConfigVariations(componentConfig);
30
+ var meta = createMeta(__assign({ component: component, componentConfig: componentConfigVariations }, rest));
31
+ var DefaultStoryComponent = createDefaultStory(component);
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=CodeArea.js.map
package/lib/components/CodeArea/CodeArea.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CodeArea.js","sourceRoot":"","sources":["../../../src/components/CodeArea/CodeArea.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;AAW/C,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,MAAkC;IACzD,IAAA,SAAS,GAA+B,MAAM,UAArC,EAAE,eAAe,GAAc,MAAM,gBAApB,EAAK,IAAI,UAAK,MAAM,EAAhD,gCAAuC,CAAF,CAAY;IAEvD,IAAM,yBAAyB,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAEvE,IAAM,IAAI,GAAG,UAAU,YAAG,SAAS,WAAA,EAAE,eAAe,EAAE,yBAAyB,IAAK,IAAI,EAAG,CAAC;IAE5F,IAAM,qBAAqB,GAAG,kBAAkB,CAAC,SAAS,CAAC,CAAC;IAE5D,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"}
package/lib/components/CodeArea/fixtures.d.ts ADDED
@@ -0,0 +1,12 @@
1
+ export declare const codeByLanguage: {
2
+ json: string;
3
+ bash: string;
4
+ python: string;
5
+ go: string;
6
+ javascript: string;
7
+ ruby: string;
8
+ java: string;
9
+ text: string;
10
+ };
11
+ export declare const codeLanguages: string[];
12
+ export declare const getCodeByLanguage: (text: string) => string;
package/lib/components/CodeArea/fixtures.js ADDED
@@ -0,0 +1,13 @@
1
+ export var codeByLanguage = {
2
+ json: "{\n \"input\": \"\u041F\u0435\u0440\u0432\u044B\u0439 \u0438\u0441\u043A\u0443\u0441\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0443\u0442\u043D\u0438\u043A \u0417\u0435\u043C\u043B\u0438 \u0431\u044B\u043B \u0437\u0430\u043F\u0443\u0449\u0435\u043D \u0421\u043E\u0432\u0435\u0442\u0441\u043A\u0438\u043C \u0421\u043E\u044E\u0437\u043E\u043C 4 \u043E\u043A\u0442\u044F\u0431\u0440\u044F 1957 \u0433\u043E\u0434\u0430. \u042D\u0442\u043E\u0442 \u0438\u0441\u0442\u043E\u0440\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0437\u0430\u043F\u0443\u0441\u043A \u043E\u0437\u043D\u0430\u043C\u0435\u043D\u043E\u0432\u0430\u043B \u043D\u0430\u0447\u0430\u043B\u043E \u043A\u043E\u0441\u043C\u0438\u0447\u0435\u0441\u043A\u043E\u0439 \u044D\u0440\u044B \u0438 \u0441\u0442\u0430\u043B \u0432\u0430\u0436\u043D\u044B\u043C \u0441\u043E\u0431\u044B\u0442\u0438\u0435\u043C \u0432 \u0438\u0441\u0442\u043E\u0440\u0438\u0438 \u0447\u0435\u043B\u043E\u0432\u0435\u0447\u0435\u0441\u0442\u0432\u0430. \u0421\u043F\u0443\u0442\u043D\u0438\u043A \u043F\u043E\u043B\u0443\u0447\u0438\u043B \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u00AB\u0421\u043F\u0443\u0442\u043D\u0438\u043A-1\u00BB.\",\n \"model\": \"GigaCheckClassification\"\n}",
3
+ bash: "curl --request POST \\\n --url https://gigachat.devices.sberbank.ru/api/v1/ai/check \\\n --header 'Authorization: Bearer <token>' \\\n --header 'Content-Type: application/json' \\\n --data '{\n \"input\": \"\u041F\u0435\u0440\u0432\u044B\u0439 \u0438\u0441\u043A\u0443\u0441\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0443\u0442\u043D\u0438\u043A \u0417\u0435\u043C\u043B\u0438\",\n \"model\": \"GigaCheckClassification\"\n }'",
4
+ python: "import requests\nimport json\n\nurl = \"https://gigachat.devices.sberbank.ru/api/v1/ai/check\"\npayload = json.dumps({\n \"input\": \"\u041F\u0435\u0440\u0432\u044B\u0439 \u0438\u0441\u043A\u0443\u0441\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0443\u0442\u043D\u0438\u043A \u0417\u0435\u043C\u043B\u0438 \u0431\u044B\u043B \u0437\u0430\u043F\u0443\u0449\u0435\u043D \u0421\u043E\u0432\u0435\u0442\u0441\u043A\u0438\u043C \u0421\u043E\u044E\u0437\u043E\u043C 4 \u043E\u043A\u0442\u044F\u0431\u0440\u044F 1957 \u0433\u043E\u0434\u0430. \u042D\u0442\u043E\u0442 \u0438\u0441\u0442\u043E\u0440\u0438\u0447\u0435\u0441\u043A\u0438\u0439 \u0437\u0430\u043F\u0443\u0441\u043A \u043E\u0437\u043D\u0430\u043C\u0435\u043D\u043E\u0432\u0430\u043B \u043D\u0430\u0447\u0430\u043B\u043E \u043A\u043E\u0441\u043C\u0438\u0447\u0435\u0441\u043A\u043E\u0439 \u044D\u0440\u044B \u0438 \u0441\u0442\u0430\u043B \u0432\u0430\u0436\u043D\u044B\u043C \u0441\u043E\u0431\u044B\u0442\u0438\u0435\u043C \u0432 \u0438\u0441\u0442\u043E\u0440\u0438\u0438 \u0447\u0435\u043B\u043E\u0432\u0435\u0447\u0435\u0441\u0442\u0432\u0430. \u0421\u043F\u0443\u0442\u043D\u0438\u043A \u043F\u043E\u043B\u0443\u0447\u0438\u043B \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u00AB\u0421\u043F\u0443\u0442\u043D\u0438\u043A-1\u00BB.\",\n \"model\": \"GigaCheckClassification\"\n})\nheaders = {\n \"Content-Type\": \"application/json\",\n \"Accept\": \"application/json\",\n \"Authorization\": \"Bearer <token>\"\n}\n\nresponse = requests.request(\"POST\", url, headers=headers, data=payload)\nprint(response.text)",
5
+ go: "package main\n\nimport (\n \"encoding/json\"\n \"fmt\"\n)\n\ntype Payload struct {\n Input string `json:\"input\"`\n Model string `json:\"model\"`\n}\n\nfunc main() {\n body, _ := json.Marshal(Payload{\n Input: \"\u041F\u0435\u0440\u0432\u044B\u0439 \u0438\u0441\u043A\u0443\u0441\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0443\u0442\u043D\u0438\u043A \u0417\u0435\u043C\u043B\u0438\",\n Model: \"GigaCheckClassification\",\n })\n\n fmt.Println(string(body))\n}",
6
+ javascript: "const axios = require('axios');\n\nlet data = JSON.stringify({\n \"input\": \"\u041F\u0435\u0440\u0432\u044B\u0439 \u0438\u0441\u043A\u0443\u0441\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0443\u0442\u043D\u0438\u043A \u0417\u0435\u043C\u043B\u0438 \u0431\u044B\u043B \u0437\u0430\u043F\u0443\u0449\u0435\u043D \u0421\u043E\u0432\u0435\u0442\u0441\u043A\u0438\u043C \u0421\u043E\u044E\u0437\u043E\u043C 4 \u043E\u043A\u0442\u044F\u0431\u0440\u044F 1957 \u0433\u043E\u0434\u0430.\",\n \"model\": \"GigaCheckClassification\"\n});\n\nlet config = {\n method: 'post',\n maxBodyLength: Infinity,\n url: 'https://gigachat.devices.sberbank.ru/api/v1/ai/check',\n headers: {\n 'Content-Type': 'application/json',\n 'Authorization': 'Bearer <token>'\n },\n data\n};\n\naxios.request(config).then((response) => console.log(response.data));",
7
+ ruby: "require 'net/http'\nrequire 'json'\n\nuri = URI('https://gigachat.devices.sberbank.ru/api/v1/ai/check')\nrequest = Net::HTTP::Post.new(uri)\nrequest['Content-Type'] = 'application/json'\nrequest['Authorization'] = 'Bearer <token>'\nrequest.body = {\n input: '\u041F\u0435\u0440\u0432\u044B\u0439 \u0438\u0441\u043A\u0443\u0441\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0443\u0442\u043D\u0438\u043A \u0417\u0435\u043C\u043B\u0438',\n model: 'GigaCheckClassification'\n}.to_json\n\nresponse = Net::HTTP.start(uri.hostname, uri.port, use_ssl: true) do |http|\n http.request(request)\nend\n\nputs response.body",
8
+ java: "OkHttpClient client = new OkHttpClient().newBuilder().build();\nMediaType mediaType = MediaType.parse(\"application/json\");\nRequestBody body = RequestBody.create(mediaType, \"{\\\"model\\\":\\\"GigaCheckClassification\\\"}\");\n\nRequest request = new Request.Builder()\n .url(\"https://gigachat.devices.sberbank.ru/api/v1/ai/check\")\n .method(\"POST\", body)\n .addHeader(\"Content-Type\", \"application/json\")\n .build();\n\nResponse response = client.newCall(request).execute();",
9
+ text: "GET /api/v1/ai/check HTTP/1.1\nHost: gigachat.devices.sberbank.ru\nAuthorization: Bearer <token>\nContent-Type: application/json\n\n{\n \"input\": \"\u041F\u0435\u0440\u0432\u044B\u0439 \u0438\u0441\u043A\u0443\u0441\u0441\u0442\u0432\u0435\u043D\u043D\u044B\u0439 \u0441\u043F\u0443\u0442\u043D\u0438\u043A \u0417\u0435\u043C\u043B\u0438\",\n \"model\": \"GigaCheckClassification\"\n}",
10
+ };
11
+ export var codeLanguages = Object.keys(codeByLanguage);
12
+ export var getCodeByLanguage = function (text) { var _a; return (_a = codeByLanguage[text]) !== null && _a !== void 0 ? _a : text; };
13
+ //# sourceMappingURL=fixtures.js.map
package/lib/components/CodeArea/fixtures.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"fixtures.js","sourceRoot":"","sources":["../../../src/components/CodeArea/fixtures.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,cAAc,GAAG;IAC1B,IAAI,EAAE,+tCAGR;IACE,IAAI,EAAE,0cAOL;IACD,MAAM,EAAE,ikDAeS;IACjB,EAAE,EAAE,gfAmBN;IACE,UAAU,EAAE,g2BAkBsD;IAClE,IAAI,EAAE,unBAgBS;IACf,IAAI,EAAE,2eAU6C;IACnD,IAAI,EAAE,qYAQR;CACD,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAEzD,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,IAAY,YAAK,OAAA,MAAA,cAAc,CAAC,IAAmC,CAAC,mCAAI,IAAI,CAAA,EAAA,CAAC"}
package/lib/components/CodeArea/index.d.ts ADDED
@@ -0,0 +1 @@
1
+ export * from './CodeArea';
package/lib/components/CodeArea/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export * from './CodeArea';
2
+ //# sourceMappingURL=index.js.map
package/lib/components/CodeArea/index.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/CodeArea/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC"}
package/lib/components/CodeArea/meta.d.ts ADDED
@@ -0,0 +1,115 @@
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
+ size: string;
15
+ appearance: string;
16
+ language: string;
17
+ showLineNumbers: boolean;
18
+ hasContentOuter: boolean;
19
+ hasHeaderSlot: boolean;
20
+ hasDivider: boolean;
21
+ hasAction: boolean;
22
+ width: string;
23
+ height: string;
24
+ };
25
+ argTypes: {
26
+ size: {
27
+ options: any;
28
+ control: {
29
+ type: string;
30
+ };
31
+ table: {
32
+ category: string;
33
+ };
34
+ };
35
+ appearance: {
36
+ options: string[];
37
+ control: {
38
+ type: string;
39
+ };
40
+ table: {
41
+ category: string;
42
+ };
43
+ };
44
+ language: {
45
+ options: string[];
46
+ control: {
47
+ type: string;
48
+ };
49
+ table: {
50
+ category: string;
51
+ };
52
+ };
53
+ showLineNumbers: {
54
+ control: {
55
+ type: string;
56
+ };
57
+ table: {
58
+ category: string;
59
+ };
60
+ };
61
+ hasContentOuter: {
62
+ control: {
63
+ type: string;
64
+ };
65
+ table: {
66
+ category: string;
67
+ };
68
+ };
69
+ hasHeaderSlot: {
70
+ control: {
71
+ type: string;
72
+ };
73
+ table: {
74
+ category: string;
75
+ };
76
+ };
77
+ hasDivider: {
78
+ control: {
79
+ type: string;
80
+ };
81
+ table: {
82
+ category: string;
83
+ };
84
+ if: {
85
+ arg: string;
86
+ truthy: boolean;
87
+ };
88
+ };
89
+ hasAction: {
90
+ control: {
91
+ type: string;
92
+ };
93
+ table: {
94
+ category: string;
95
+ };
96
+ };
97
+ height: {
98
+ control: {
99
+ type: string;
100
+ };
101
+ table: {
102
+ category: string;
103
+ };
104
+ };
105
+ width: {
106
+ control: {
107
+ type: string;
108
+ };
109
+ table: {
110
+ category: string;
111
+ };
112
+ };
113
+ };
114
+ };
115
+ export {};
package/lib/components/CodeArea/meta.js ADDED
@@ -0,0 +1,73 @@
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 } from '../../index';
22
+ import { codeLanguages } from './fixtures';
23
+ export var createMeta = function (_a) {
24
+ var component = _a.component, componentConfig = _a.componentConfig, _b = _a.title, title = _b === void 0 ? 'Data Display/CodeArea' : _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;
25
+ return {
26
+ title: title,
27
+ decorators: [InSpacingDecorator],
28
+ component: component,
29
+ args: __assign({ size: 'm', appearance: 'default', language: 'json', showLineNumbers: false, hasContentOuter: false, hasHeaderSlot: false, hasDivider: false, hasAction: false, width: '640px', height: 'auto' }, defaultArgs),
30
+ argTypes: __assign(__assign({ size: {
31
+ options: componentConfig.sizes,
32
+ control: { type: 'select' },
33
+ table: { category: 'variation' },
34
+ }, appearance: {
35
+ options: ['default', 'hasWrapper'],
36
+ control: { type: 'select' },
37
+ table: { category: 'variation' },
38
+ }, language: {
39
+ options: codeLanguages,
40
+ control: { type: 'select' },
41
+ table: { category: 'code-related' },
42
+ }, showLineNumbers: {
43
+ control: { type: 'boolean' },
44
+ table: { category: 'code-related' },
45
+ }, hasContentOuter: {
46
+ control: { type: 'boolean' },
47
+ table: { category: 'layout' },
48
+ }, hasHeaderSlot: {
49
+ control: { type: 'boolean' },
50
+ table: { category: 'layout' },
51
+ }, hasDivider: {
52
+ control: { type: 'boolean' },
53
+ table: { category: 'layout' },
54
+ if: { arg: 'hasHeaderSlot', truthy: true },
55
+ }, hasAction: {
56
+ control: { type: 'boolean' },
57
+ table: { category: 'layout' },
58
+ }, height: {
59
+ control: { type: 'text' },
60
+ table: { category: 'layout' },
61
+ }, width: {
62
+ control: { type: 'text' },
63
+ table: { category: 'layout' },
64
+ } }, additionalArgTypes), disableProps(__spreadArray([
65
+ 'view',
66
+ 'children',
67
+ 'contentOuter',
68
+ 'contentHeader',
69
+ 'contentAction'
70
+ ], disablePropsList, true))),
71
+ };
72
+ };
73
+ //# sourceMappingURL=meta.js.map
package/lib/components/CodeArea/meta.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"meta.js","sourceRoot":"","sources":["../../../src/components/CodeArea/meta.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAE/D,OAAO,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AAW3C,MAAM,CAAC,IAAM,UAAU,GAAG,UAAC,EAOT;QANd,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;IAErB,OAAO;QACH,KAAK,OAAA;QACL,UAAU,EAAE,CAAC,kBAAkB,CAAC;QAChC,SAAS,WAAA;QACT,IAAI,aACA,IAAI,EAAE,GAAG,EACT,UAAU,EAAE,SAAS,EACrB,QAAQ,EAAE,MAAM,EAChB,eAAe,EAAE,KAAK,EACtB,eAAe,EAAE,KAAK,EACtB,aAAa,EAAE,KAAK,EACpB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAE,KAAK,EAChB,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,MAAM,IACX,WAAW,CACjB;QACD,QAAQ,sBACJ,IAAI,EAAE;gBACF,OAAO,EAAE,eAAe,CAAC,KAAK;gBAC9B,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,CAAC,SAAS,EAAE,YAAY,CAAC;gBAClC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,WAAW,EAAE;aACnC,EACD,QAAQ,EAAE;gBACN,OAAO,EAAE,aAAa;gBACtB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;gBAC3B,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE;aACtC,EACD,eAAe,EAAE;gBACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,cAAc,EAAE;aACtC,EACD,eAAe,EAAE;gBACb,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,aAAa,EAAE;gBACX,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,UAAU,EAAE;gBACR,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;gBAC7B,EAAE,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,MAAM,EAAE,IAAI,EAAE;aAC7C,EACD,SAAS,EAAE;gBACP,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;gBAC5B,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,MAAM,EAAE;gBACJ,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,EACD,KAAK,EAAE;gBACH,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;gBACzB,KAAK,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE;aAChC,IACE,kBAAkB,GAClB,YAAY;YACX,MAAM;YACN,UAAU;YACV,cAAc;YACd,eAAe;YACf,eAAe;WACZ,gBAAgB,QACrB,CACL;KACJ,CAAC;AACN,CAAC,CAAC"}
package/lib/components/CodeArea/stories.d.ts ADDED
@@ -0,0 +1 @@
1
+ export declare const createDefaultStory: (CodeArea: any) => ({ hasContentOuter, hasHeaderSlot, hasAction, width, height, language, ...rest }: any) => JSX.Element;
package/lib/components/CodeArea/stories.js ADDED
@@ -0,0 +1,53 @@
1
+ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
2
+ if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
3
+ return cooked;
4
+ };
5
+ var __assign = (this && this.__assign) || function () {
6
+ __assign = Object.assign || function(t) {
7
+ for (var s, i = 1, n = arguments.length; i < n; i++) {
8
+ s = arguments[i];
9
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
10
+ t[p] = s[p];
11
+ }
12
+ return t;
13
+ };
14
+ return __assign.apply(this, arguments);
15
+ };
16
+ var __rest = (this && this.__rest) || function (s, e) {
17
+ var t = {};
18
+ for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
19
+ t[p] = s[p];
20
+ if (s != null && typeof Object.getOwnPropertySymbols === "function")
21
+ for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
22
+ if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
23
+ t[p[i]] = s[p[i]];
24
+ }
25
+ return t;
26
+ };
27
+ import React from 'react';
28
+ import { IconCopyOutline } from '@salutejs/plasma-icons';
29
+ import styled from 'styled-components';
30
+ import { getCodeByLanguage } from './fixtures';
31
+ var StyledIconCopyOutline = styled(IconCopyOutline)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: var(--text-secondary);\n cursor: pointer;\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n"], ["\n color: var(--text-secondary);\n cursor: pointer;\n\n &:hover {\n color: var(--text-secondary-hover);\n }\n"])));
32
+ var SlotContent = function (_a) {
33
+ var children = _a.children;
34
+ return (React.createElement("div", { style: {
35
+ display: 'flex',
36
+ justifyContent: 'center',
37
+ alignItems: 'center',
38
+ height: '3rem',
39
+ background: 'linear-gradient(to right, #9747FF 0.063rem, transparent 0.063rem) 0 0, linear-gradient(to right, #9747FF 0.063rem, transparent 0.063rem) 0 100%, linear-gradient(to left, #9747FF 0.063rem, transparent 0.063rem) 100% 0, linear-gradient(to left, #9747FF 0.063rem, transparent 0.063rem) 100% 100%, linear-gradient(to bottom, #9747FF 0.063rem, transparent 0.063rem) 0 0, linear-gradient(to bottom, #9747FF 0.063rem, transparent 0.063rem) 100% 0, linear-gradient(to top, #9747FF 0.063rem, transparent 0.063rem) 0 100%, linear-gradient(to top, #9747FF 0.063rem, transparent 0.063rem) 100% 100%',
40
+ backgroundRepeat: 'no-repeat',
41
+ backgroundSize: '1rem 1rem',
42
+ } }, children));
43
+ };
44
+ var ActionContent = function () { return React.createElement(StyledIconCopyOutline, { size: "s", color: "inherit" }); };
45
+ export var createDefaultStory = function (CodeArea) {
46
+ return function (_a) {
47
+ var hasContentOuter = _a.hasContentOuter, hasHeaderSlot = _a.hasHeaderSlot, hasAction = _a.hasAction, width = _a.width, height = _a.height, language = _a.language, rest = __rest(_a, ["hasContentOuter", "hasHeaderSlot", "hasAction", "width", "height", "language"]);
48
+ return (React.createElement("div", { style: { height: height, width: width } },
49
+ React.createElement(CodeArea, __assign({}, rest, { contentAction: hasAction ? React.createElement(ActionContent, null) : undefined, contentHeader: hasHeaderSlot ? React.createElement(SlotContent, null, "Header") : undefined, contentOuter: hasContentOuter ? React.createElement(SlotContent, null, "Content") : undefined, language: language }), getCodeByLanguage(language))));
50
+ };
51
+ };
52
+ var templateObject_1;
53
+ //# sourceMappingURL=stories.js.map
package/lib/components/CodeArea/stories.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/CodeArea/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAE/C,IAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,qMAAA,kIAOpD,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,UAAC,EAA2C;QAAzC,QAAQ,cAAA;IAAsC,OAAA,CACjE,6BACI,KAAK,EAAE;YACH,OAAO,EAAE,MAAM;YACf,cAAc,EAAE,QAAQ;YACxB,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,MAAM;YACd,UAAU,EACN,4kBAA4kB;YAChlB,gBAAgB,EAAE,WAAW;YAC7B,cAAc,EAAE,WAAW;SAC9B,IAEA,QAAQ,CACP,CACT;AAfoE,CAepE,CAAC;AAEF,IAAM,aAAa,GAAG,cAAM,OAAA,oBAAC,qBAAqB,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,SAAS,GAAG,EAAlD,CAAkD,CAAC;AAE/E,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,QAAa;IAC5C,OAAO,UAAC,EAAoF;QAAlF,IAAA,eAAe,qBAAA,EAAE,aAAa,mBAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA7E,gFAA+E,CAAF;QACjF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAE,MAAM,QAAA,EAAE,KAAK,OAAA,EAAE;YACzB,oBAAC,QAAQ,eACD,IAAI,IACR,aAAa,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAC,aAAa,OAAG,CAAC,CAAC,CAAC,SAAS,EACxD,aAAa,EAAE,aAAa,CAAC,CAAC,CAAC,oBAAC,WAAW,iBAAqB,CAAC,CAAC,CAAC,SAAS,EAC5E,YAAY,EAAE,eAAe,CAAC,CAAC,CAAC,oBAAC,WAAW,kBAAsB,CAAC,CAAC,CAAC,SAAS,EAC9E,QAAQ,EAAE,QAAQ,KAEjB,iBAAiB,CAAC,QAAQ,CAAC,CACrB,CACT,CACT,CAAC;IACN,CAAC,CAAC;AACN,CAAC,CAAC"}
package/lib/components/index.d.ts CHANGED
@@ -39,3 +39,4 @@ export * from './Attach';
39
39
  export * from './Badge';
40
40
  export * from './CodeField';
41
41
  export * from './CodeInput';
42
+ export * from './CodeArea';
package/lib/components/index.js CHANGED
@@ -39,4 +39,5 @@ export * from './Attach';
39
39
  export * from './Badge';
40
40
  export * from './CodeField';
41
41
  export * from './CodeInput';
42
+ export * from './CodeArea';
42
43
  //# sourceMappingURL=index.js.map
package/lib/components/index.js.map CHANGED
@@ -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,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,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,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"}
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,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,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,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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-sb-utils",
3
- "version": "0.232.0-next-sbcom.0",
3
+ "version": "0.232.0",
4
4
  "description": "Code shared between ui libraries.",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -21,8 +21,8 @@
21
21
  "dependencies": {
22
22
  "@emotion/react": "11.14.0",
23
23
  "@salutejs/plasma-colors": "0.16.0",
24
- "@salutejs/plasma-core": "1.231.0-next-sbcom.0",
25
- "@salutejs/plasma-icons": "1.242.0-next-sbcom.0",
24
+ "@salutejs/plasma-core": "1.231.0",
25
+ "@salutejs/plasma-icons": "1.242.0",
26
26
  "@storybook/react": "10.3.4",
27
27
  "param-case": "^3.0.4"
28
28
  },
@@ -46,5 +46,5 @@
46
46
  "files": [
47
47
  "lib"
48
48
  ],
49
- "gitHead": "f3a7abb061ba55e82d3cfd084db936b0749caeec"
49
+ "gitHead": "943a8d7362903f1a335fa5a99917fcbf0f673ea6"
50
50
  }