@salutejs/plasma-web 1.623.0-next-platform-ai.0 → 1.623.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 (134) hide show
  1. package/dist/css/cjs/components/Combobox/Combobox.config.js +12 -6
  2. package/dist/css/cjs/components/Combobox/Combobox.config.js.map +1 -1
  3. package/dist/css/cjs/components/Combobox/{Combobox.config_zpf3ab.css → Combobox.config_14dgqhm.css} +8 -5
  4. package/dist/css/cjs/components/Combobox/Combobox.css +17 -14
  5. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  6. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  7. package/dist/css/{es/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css → cjs/components/DateTimePicker/DateTimePicker.clear.config_czd4rv.css} +1 -1
  8. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js +1 -1
  9. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  10. package/dist/css/cjs/components/DateTimePicker/{DateTimePicker.config_iix93o.css → DateTimePicker.config_nc19tz.css} +1 -1
  11. package/dist/css/cjs/components/DateTimePicker/DateTimePicker.css +26 -26
  12. package/dist/css/cjs/components/LinkButton/LinkButton.config.js +10 -9
  13. package/dist/css/cjs/components/LinkButton/LinkButton.config.js.map +1 -1
  14. package/dist/css/{es/components/LinkButton/LinkButton.config_1ygbj3k.css → cjs/components/LinkButton/LinkButton.config_1csy5mj.css} +8 -7
  15. package/dist/css/cjs/components/LinkButton/LinkButton.css +14 -13
  16. package/dist/css/cjs/components/Note/Note.config.js +25 -3
  17. package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
  18. package/dist/css/cjs/components/Note/Note.config_1npwity.css +15 -0
  19. package/dist/css/cjs/components/Note/Note.css +15 -9
  20. package/dist/css/cjs/components/Slider/Slider.config.js +9 -3
  21. package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
  22. package/dist/css/cjs/components/Slider/{Slider.config_qicxvs.css → Slider.config_trw4yv.css} +7 -4
  23. package/dist/css/cjs/components/Slider/Slider.css +10 -7
  24. package/dist/css/cjs/components/Steps/StepItem.config.js +22 -0
  25. package/dist/css/cjs/components/Steps/StepItem.config.js.map +1 -0
  26. package/dist/css/cjs/components/Steps/StepItem.config_qzqyof.css +5 -0
  27. package/dist/css/cjs/components/Steps/Steps.config.js +1 -1
  28. package/dist/css/cjs/components/Steps/Steps.config.js.map +1 -1
  29. package/dist/css/cjs/components/Steps/{Steps.config_1thzvf2.css → Steps.config_wv1w99.css} +4 -4
  30. package/dist/css/cjs/components/Steps/Steps.css +20 -14
  31. package/dist/css/cjs/components/Steps/Steps.js +5 -1
  32. package/dist/css/cjs/components/Steps/Steps.js.map +1 -1
  33. package/dist/css/cjs/index.css +104 -85
  34. package/dist/css/es/components/Combobox/Combobox.config.js +12 -6
  35. package/dist/css/es/components/Combobox/Combobox.config.js.map +1 -1
  36. package/dist/css/es/components/Combobox/{Combobox.config_zpf3ab.css → Combobox.config_14dgqhm.css} +8 -5
  37. package/dist/css/es/components/Combobox/Combobox.css +17 -14
  38. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js +1 -1
  39. package/dist/css/es/components/DateTimePicker/DateTimePicker.clear.config.js.map +1 -1
  40. package/dist/css/{cjs/components/DateTimePicker/DateTimePicker.clear.config_3oesbw.css → es/components/DateTimePicker/DateTimePicker.clear.config_czd4rv.css} +1 -1
  41. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js +1 -1
  42. package/dist/css/es/components/DateTimePicker/DateTimePicker.config.js.map +1 -1
  43. package/dist/css/es/components/DateTimePicker/{DateTimePicker.config_iix93o.css → DateTimePicker.config_nc19tz.css} +1 -1
  44. package/dist/css/es/components/DateTimePicker/DateTimePicker.css +26 -26
  45. package/dist/css/es/components/LinkButton/LinkButton.config.js +10 -9
  46. package/dist/css/es/components/LinkButton/LinkButton.config.js.map +1 -1
  47. package/dist/css/{cjs/components/LinkButton/LinkButton.config_1ygbj3k.css → es/components/LinkButton/LinkButton.config_1csy5mj.css} +8 -7
  48. package/dist/css/es/components/LinkButton/LinkButton.css +14 -13
  49. package/dist/css/es/components/Note/Note.config.js +25 -3
  50. package/dist/css/es/components/Note/Note.config.js.map +1 -1
  51. package/dist/css/es/components/Note/Note.config_1npwity.css +15 -0
  52. package/dist/css/es/components/Note/Note.css +15 -9
  53. package/dist/css/es/components/Slider/Slider.config.js +9 -3
  54. package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
  55. package/dist/css/es/components/Slider/{Slider.config_qicxvs.css → Slider.config_trw4yv.css} +7 -4
  56. package/dist/css/es/components/Slider/Slider.css +10 -7
  57. package/dist/css/es/components/Steps/StepItem.config.js +18 -0
  58. package/dist/css/es/components/Steps/StepItem.config.js.map +1 -0
  59. package/dist/css/es/components/Steps/StepItem.config_qzqyof.css +5 -0
  60. package/dist/css/es/components/Steps/Steps.config.js +1 -1
  61. package/dist/css/es/components/Steps/Steps.config.js.map +1 -1
  62. package/dist/css/es/components/Steps/{Steps.config_1thzvf2.css → Steps.config_wv1w99.css} +4 -4
  63. package/dist/css/es/components/Steps/Steps.css +20 -14
  64. package/dist/css/es/components/Steps/Steps.js +5 -1
  65. package/dist/css/es/components/Steps/Steps.js.map +1 -1
  66. package/dist/css/es/index.css +104 -85
  67. package/dist/styled-components/cjs/components/Combobox/Combobox.config.js +48 -0
  68. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  69. package/dist/styled-components/cjs/components/DateTimePicker/DateTimePicker.config.js +2 -0
  70. package/dist/styled-components/cjs/components/LinkButton/LinkButton.config.js +11 -0
  71. package/dist/styled-components/cjs/components/Note/Note.config.js +54 -7
  72. package/dist/styled-components/cjs/components/Slider/Slider.config.js +17 -13
  73. package/dist/styled-components/cjs/components/Steps/StepItem.config.js +70 -0
  74. package/dist/styled-components/cjs/components/Steps/Steps.config.js +0 -20
  75. package/dist/styled-components/cjs/components/Steps/Steps.js +5 -1
  76. package/dist/styled-components/es/components/Combobox/Combobox.config.js +48 -0
  77. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.clear.config.js +2 -0
  78. package/dist/styled-components/es/components/DateTimePicker/DateTimePicker.config.js +2 -0
  79. package/dist/styled-components/es/components/LinkButton/LinkButton.config.js +11 -0
  80. package/dist/styled-components/es/components/Note/Note.config.js +54 -7
  81. package/dist/styled-components/es/components/Slider/Slider.config.js +17 -13
  82. package/dist/styled-components/es/components/Steps/StepItem.config.js +60 -0
  83. package/dist/styled-components/es/components/Steps/Steps.config.js +0 -20
  84. package/dist/styled-components/es/components/Steps/Steps.js +5 -1
  85. package/package.json +14 -15
  86. package/types/components/Accordion/Accordion.d.ts +1 -1
  87. package/types/components/Autocomplete/Autocomplete.d.ts +8 -8
  88. package/types/components/Calendar/Calendar.d.ts +2 -2
  89. package/types/components/Cell/Cell.d.ts +3 -3
  90. package/types/components/Combobox/Combobox.config.d.ts +6 -0
  91. package/types/components/Combobox/Combobox.d.ts +13 -0
  92. package/types/components/DatePicker/DatePicker.d.ts +8 -8
  93. package/types/components/LinkButton/LinkButton.config.d.ts +1 -0
  94. package/types/components/LinkButton/LinkButton.d.ts +1 -0
  95. package/types/components/Note/Note.config.d.ts +10 -0
  96. package/types/components/Note/Note.d.ts +6 -0
  97. package/types/components/Slider/Slider.config.d.ts +6 -0
  98. package/types/components/Slider/Slider.d.ts +9 -2
  99. package/types/components/Steps/StepItem.config.d.ts +14 -0
  100. package/types/components/TimePicker/TimePicker.d.ts +6 -2
  101. package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
  102. package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
  103. package/dist/css/cjs/components/Note/Note.config_2754qm.css +0 -9
  104. package/dist/css/es/components/Note/Note.config_2754qm.css +0 -9
  105. package/dist/styled-components/cjs/components/Badge/Badge.perftest.js +0 -32
  106. package/dist/styled-components/cjs/components/Button/Button.perftest.js +0 -57
  107. package/dist/styled-components/cjs/components/Calendar/Calendar.perftest.js +0 -116
  108. package/dist/styled-components/cjs/components/Checkbox/Checkbox.perftest.js +0 -35
  109. package/dist/styled-components/cjs/components/ElasticGrid/ElasticGrid.perftest.js +0 -50
  110. package/dist/styled-components/cjs/components/Modal/Modal.perftest.js +0 -34
  111. package/dist/styled-components/cjs/components/PreviewGallery/PreviewGallery.perftest.js +0 -111
  112. package/dist/styled-components/cjs/components/Radiobox/Radiobox.perftest.js +0 -40
  113. package/dist/styled-components/cjs/components/Select/Select.perftest.js +0 -49
  114. package/dist/styled-components/cjs/components/Switch/Switch.perftest.js +0 -39
  115. package/dist/styled-components/cjs/components/Tabs/Tabs.perftest.js +0 -78
  116. package/dist/styled-components/cjs/components/TextArea/TextArea.perftest.js +0 -41
  117. package/dist/styled-components/cjs/components/TextField/TextField.perftest.js +0 -59
  118. package/dist/styled-components/cjs/components/Tooltip/Tooltip.perftest.js +0 -89
  119. package/dist/styled-components/cjs/components/Upload/Upload.perftest.js +0 -46
  120. package/dist/styled-components/es/components/Badge/Badge.perftest.js +0 -17
  121. package/dist/styled-components/es/components/Button/Button.perftest.js +0 -34
  122. package/dist/styled-components/es/components/Calendar/Calendar.perftest.js +0 -90
  123. package/dist/styled-components/es/components/Checkbox/Checkbox.perftest.js +0 -20
  124. package/dist/styled-components/es/components/ElasticGrid/ElasticGrid.perftest.js +0 -35
  125. package/dist/styled-components/es/components/Modal/Modal.perftest.js +0 -20
  126. package/dist/styled-components/es/components/PreviewGallery/PreviewGallery.perftest.js +0 -85
  127. package/dist/styled-components/es/components/Radiobox/Radiobox.perftest.js +0 -25
  128. package/dist/styled-components/es/components/Select/Select.perftest.js +0 -34
  129. package/dist/styled-components/es/components/Switch/Switch.perftest.js +0 -24
  130. package/dist/styled-components/es/components/Tabs/Tabs.perftest.js +0 -55
  131. package/dist/styled-components/es/components/TextArea/TextArea.perftest.js +0 -26
  132. package/dist/styled-components/es/components/TextField/TextField.perftest.js +0 -36
  133. package/dist/styled-components/es/components/Tooltip/Tooltip.perftest.js +0 -74
  134. package/dist/styled-components/es/components/Upload/Upload.perftest.js +0 -31
@@ -1,85 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { IconTrash, IconTrashFilled } from '@salutejs/plasma-icons';
4
- import { surfaceSolid01 } from '@salutejs/plasma-tokens-web';
5
- import { PreviewGallery } from '.';
6
- const StyledAddButton = styled.div.withConfig({
7
- displayName: "PreviewGallery.perftest__StyledAddButton",
8
- componentId: "sc-9f71e367-0"
9
- })([
10
- `width:100%;background:`,
11
- `;display:flex;justify-content:center;align-items:center;border-radius:0.75rem;user-select:none;padding-top:56.25%;`
12
- ], surfaceSolid01);
13
- export const AddButton = ()=>{
14
- return /*#__PURE__*/ React.createElement(StyledAddButton, null);
15
- };
16
- const images = [
17
- {
18
- id: Math.random(),
19
- image: './images/320_320_0.jpg',
20
- caption: '3:24',
21
- tooltip: {
22
- text: 'Высокое качество воспроизведения',
23
- placement: 'top'
24
- }
25
- },
26
- {
27
- id: 2 * Math.random(),
28
- image: './images/320_320_1.jpg',
29
- isSelected: true
30
- },
31
- {
32
- id: 3 * Math.random(),
33
- image: './images/320_320_2.jpg',
34
- actionDisabled: true
35
- },
36
- {
37
- id: 4 * Math.random(),
38
- image: './images/320_320_3.jpg'
39
- },
40
- {
41
- id: 5 * Math.random(),
42
- image: './images/320_320_4.jpg'
43
- },
44
- {
45
- id: 6 * Math.random(),
46
- image: './images/320_320_4.jpg',
47
- status: 'error'
48
- },
49
- {
50
- id: 7 * Math.random(),
51
- tooltip: {
52
- placement: 'bottom',
53
- text: 'Не сильно высокое качество воспроизведения',
54
- animated: false
55
- },
56
- component: /*#__PURE__*/ React.createElement(AddButton, null),
57
- customClickHandle: ()=>{}
58
- }
59
- ];
60
- const selectableProps = {};
61
- const func = ()=>{};
62
- export const Selectable = ()=>{
63
- return /*#__PURE__*/ React.createElement(PreviewGallery, {
64
- items: images,
65
- onItemAction: func,
66
- actionIcon: /*#__PURE__*/ React.createElement(IconTrashFilled, {
67
- size: "xs",
68
- color: "inherit"
69
- }),
70
- onItemClick: func
71
- });
72
- };
73
- const draggableProps = {};
74
- export const Draggable = ()=>{
75
- return /*#__PURE__*/ React.createElement(PreviewGallery, {
76
- interactionType: "draggable",
77
- items: images,
78
- actionIcon: /*#__PURE__*/ React.createElement(IconTrash, {
79
- size: "xs",
80
- color: "inherit"
81
- }),
82
- onItemAction: func,
83
- onItemsSortEnd: func
84
- });
85
- };
@@ -1,25 +0,0 @@
1
- import React from 'react';
2
- import { Radiobox } from '.';
3
- const func = ()=>{};
4
- const defaultProps = {
5
- name: 'Radiobox',
6
- label: 'Label',
7
- description: 'Description',
8
- disabled: false,
9
- size: 'm'
10
- };
11
- export const Default = ()=>{
12
- const { name, label, disabled, description, size } = defaultProps;
13
- return /*#__PURE__*/ React.createElement(Radiobox, {
14
- name: name,
15
- value: 0,
16
- label: label,
17
- description: description,
18
- disabled: disabled,
19
- checked: true,
20
- size: size,
21
- onChange: func,
22
- onFocus: func,
23
- onBlur: func
24
- });
25
- };
@@ -1,34 +0,0 @@
1
- import React from 'react';
2
- import { Select } from '.';
3
- const items = [
4
- {
5
- value: 'north_america',
6
- label: 'Северная Америка'
7
- },
8
- {
9
- value: 'south_america',
10
- label: 'Южная Америка',
11
- items: [
12
- {
13
- value: 'brazil',
14
- label: 'Бразилия'
15
- },
16
- {
17
- value: 'argentina',
18
- label: 'Аргентина'
19
- }
20
- ]
21
- }
22
- ];
23
- export const Default = ()=>{
24
- return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Select, {
25
- items: items,
26
- label: "Label",
27
- placeholder: "Placeholder"
28
- }), /*#__PURE__*/ React.createElement(Select, {
29
- multiselect: true,
30
- items: items,
31
- label: "Label",
32
- placeholder: "Placeholder"
33
- }));
34
- };
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- import styled from 'styled-components';
3
- import { Switch } from '.';
4
- const func = ()=>{};
5
- const StyledWrapper = styled.div.withConfig({
6
- displayName: "Switch.perftest__StyledWrapper",
7
- componentId: "sc-4fcb6314-0"
8
- })([
9
- `width:13.75rem;`
10
- ]);
11
- const defaultProps = {
12
- label: 'Label',
13
- disabled: false
14
- };
15
- export const Default = ()=>{
16
- return /*#__PURE__*/ React.createElement(StyledWrapper, null, /*#__PURE__*/ React.createElement(Switch, {
17
- value: 0,
18
- checked: true,
19
- onChange: func,
20
- onFocus: func,
21
- onBlur: func,
22
- ...defaultProps
23
- }));
24
- };
@@ -1,55 +0,0 @@
1
- import React from 'react';
2
- import { IconClock } from '@salutejs/plasma-icons';
3
- import { Tabs, TabItem, TabsController } from '.';
4
- const defaultProps = {
5
- itemsNumber: 4,
6
- disabled: false,
7
- stretch: true,
8
- label: 'Label'
9
- };
10
- const items = [
11
- 0,
12
- 0,
13
- 0,
14
- 0
15
- ];
16
- const func = ()=>{};
17
- export const Default = ()=>{
18
- const { disabled, stretch, label } = defaultProps;
19
- return /*#__PURE__*/ React.createElement(Tabs, {
20
- stretch: stretch,
21
- disabled: disabled
22
- }, items.map((_, i)=>/*#__PURE__*/ React.createElement(TabItem, {
23
- key: `item:${i}`,
24
- isActive: i === 0,
25
- tabIndex: -1,
26
- contentLeft: /*#__PURE__*/ React.createElement(IconClock, {
27
- color: "inherit"
28
- }),
29
- onClick: func,
30
- onFocus: func,
31
- onBlur: func
32
- }, label)));
33
- };
34
- const arrowsProps = {
35
- disabled: false,
36
- stretch: true
37
- };
38
- const items2 = [
39
- {
40
- label: 'Label',
41
- contentLeft: /*#__PURE__*/ React.createElement(IconClock, {
42
- color: "inherit"
43
- })
44
- }
45
- ];
46
- export const Arrows = ()=>{
47
- const { disabled, stretch } = arrowsProps;
48
- return /*#__PURE__*/ React.createElement(TabsController, {
49
- items: items2,
50
- index: 0,
51
- onIndexChange: func,
52
- stretch: stretch,
53
- disabled: disabled
54
- });
55
- };
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import { IconPlaceholder } from '../../helpers';
3
- import { TextArea } from '.';
4
- const func = ()=>{};
5
- const defaultProps = {
6
- id: 'example-textarea',
7
- placeholder: 'Заполните многострочное поле',
8
- leftHelper: 'Подсказка к полю слева',
9
- rightHelper: 'Подсказка к полю справа',
10
- enableContentRight: true,
11
- resize: 'vertical',
12
- disabled: false,
13
- readOnly: false
14
- };
15
- const status = '';
16
- export const Default = ()=>{
17
- return /*#__PURE__*/ React.createElement(TextArea, {
18
- value: "Значение поля",
19
- contentRight: /*#__PURE__*/ React.createElement(IconPlaceholder, null),
20
- status: status,
21
- onChange: func,
22
- onFocus: func,
23
- onBlur: func,
24
- ...defaultProps
25
- });
26
- };
@@ -1,36 +0,0 @@
1
- import React from 'react';
2
- import { IconPlaceholder } from '../../helpers';
3
- import { TextField } from '.';
4
- const func = ()=>{};
5
- const defaultProps = {
6
- id: 'example-text-field',
7
- size: 'l',
8
- label: 'Лейбл',
9
- animatedHint: undefined,
10
- placeholder: 'Заполните поле',
11
- helperText: 'Подсказка к полю',
12
- status: '',
13
- disabled: false,
14
- readOnly: false
15
- };
16
- const status = '';
17
- export const Default = ()=>{
18
- return /*#__PURE__*/ React.createElement(TextField, {
19
- ...defaultProps,
20
- value: "Значение поля",
21
- contentLeft: /*#__PURE__*/ React.createElement(IconPlaceholder, null),
22
- contentRight: /*#__PURE__*/ React.createElement(IconPlaceholder, null),
23
- status: status,
24
- onChange: func,
25
- onFocus: func,
26
- onBlur: func,
27
- onSearch: func
28
- });
29
- };
30
- export const DeferredValue = ()=>{
31
- return /*#__PURE__*/ React.createElement(TextField, {
32
- placeholder: "Wait three seconds...",
33
- defaultValue: "",
34
- readOnly: true
35
- });
36
- };
@@ -1,74 +0,0 @@
1
- /* eslint-disable */ import React from 'react';
2
- import styled from 'styled-components';
3
- import { IconDownload } from '@salutejs/plasma-icons';
4
- import { Button } from '../Button';
5
- import { Tooltip } from '.';
6
- const StyledGrid = styled.div.withConfig({
7
- displayName: "Tooltip.perftest__StyledGrid",
8
- componentId: "sc-af99ceed-0"
9
- })([
10
- `display:grid;grid-template-columns:repeat(3,max-content);grid-gap:1rem 3.5rem;padding:2.5rem;`
11
- ]);
12
- export const All = ()=>{
13
- return /*#__PURE__*/ React.createElement(StyledGrid, null, /*#__PURE__*/ React.createElement(Tooltip, {
14
- target: /*#__PURE__*/ React.createElement(Tooltip, {
15
- target: /*#__PURE__*/ React.createElement(Button, {
16
- contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
17
- }),
18
- placement: "left",
19
- opened: true,
20
- hasArrow: true,
21
- text: "Left"
22
- }),
23
- placement: "top-start",
24
- opened: true,
25
- hasArrow: true,
26
- text: "Top start"
27
- }), /*#__PURE__*/ React.createElement(Tooltip, {
28
- target: /*#__PURE__*/ React.createElement(Button, {
29
- contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
30
- }),
31
- placement: "top",
32
- opened: true,
33
- hasArrow: true,
34
- text: "Top"
35
- }), /*#__PURE__*/ React.createElement(Tooltip, {
36
- target: /*#__PURE__*/ React.createElement(Tooltip, {
37
- target: /*#__PURE__*/ React.createElement(Button, {
38
- contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
39
- }),
40
- placement: "right",
41
- opened: true,
42
- hasArrow: true,
43
- text: "Right"
44
- }),
45
- placement: "top-end",
46
- opened: true,
47
- hasArrow: true,
48
- text: "Top end"
49
- }), /*#__PURE__*/ React.createElement(Tooltip, {
50
- target: /*#__PURE__*/ React.createElement(Button, {
51
- contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
52
- }),
53
- placement: "bottom-start",
54
- opened: true,
55
- hasArrow: true,
56
- text: "Bottom start"
57
- }), /*#__PURE__*/ React.createElement(Tooltip, {
58
- target: /*#__PURE__*/ React.createElement(Button, {
59
- contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
60
- }),
61
- placement: "bottom",
62
- opened: true,
63
- hasArrow: true,
64
- text: "Bottom"
65
- }), /*#__PURE__*/ React.createElement(Tooltip, {
66
- target: /*#__PURE__*/ React.createElement(Button, {
67
- contentLeft: /*#__PURE__*/ React.createElement(IconDownload, null)
68
- }),
69
- placement: "bottom-end",
70
- opened: true,
71
- hasArrow: true,
72
- text: "Bottom end"
73
- }));
74
- };
@@ -1,31 +0,0 @@
1
- import React from 'react';
2
- import { Upload } from '.';
3
- const defaultProps = {
4
- disabled: false,
5
- content: 'Загрузите файл формата любого'
6
- };
7
- const state = {
8
- status: undefined,
9
- progress: undefined,
10
- message: 'Подсказывающее сообщение'
11
- };
12
- const valid = ()=>{
13
- return {
14
- message: 'Добавлен файл формата ',
15
- status: 'success',
16
- data: null
17
- };
18
- };
19
- const func = ()=>{};
20
- export const Default = ()=>{
21
- return /*#__PURE__*/ React.createElement(Upload, {
22
- status: state.status,
23
- progress: state.progress,
24
- message: state.message,
25
- loader: /*#__PURE__*/ React.createElement("div", null, "Кастомная загрузка ", state.progress, "%"),
26
- onChange: func,
27
- onValidation: func,
28
- validate: valid,
29
- ...defaultProps
30
- });
31
- };