@salutejs/plasma-web 1.580.0-canary.1929.14710234039.0 → 1.580.0-canary.1929.14725863541.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/components/Autocomplete/Autocomplete.d.ts +1 -287
- package/components/Carousel/Carousel.d.ts +5 -0
- package/components/Carousel/Carousel.js +10 -0
- package/components/Carousel/index.d.ts +5 -4
- package/components/Carousel/index.js +5 -4
- package/components/Combobox/Combobox.d.ts +100 -100
- package/components/Combobox/index.d.ts +1 -1
- package/css/cjs/components/Carousel/Carousel.js +12 -0
- package/css/cjs/components/Carousel/Carousel.js.map +1 -0
- package/css/cjs/components/Combobox/Combobox.js.map +1 -1
- package/css/cjs/index.js +10 -0
- package/css/cjs/index.js.map +1 -1
- package/css/es/components/Carousel/Carousel.js +8 -0
- package/css/es/components/Carousel/Carousel.js.map +1 -0
- package/css/es/components/Combobox/Combobox.js.map +1 -1
- package/css/es/index.js +2 -1
- package/css/es/index.js.map +1 -1
- package/css/index.d.ts +2 -0
- package/es/components/Carousel/Carousel.js +4 -0
- package/es/components/Carousel/index.js +3 -2
- package/package.json +6 -6
- package/components/Carousel/Carousel.perftest.js +0 -52
- package/es/components/Carousel/Carousel.perftest.js +0 -45
@@ -1,3 +1,3 @@
|
|
1
1
|
export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './Legacy';
|
2
|
-
export type { ComboboxOldProps as ComboboxProps } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
export type { ComboboxOldProps as ComboboxProps, ComboboxItemOption, } from '@salutejs/plasma-new-hope/styled-components';
|
3
3
|
export { Combobox } from './Combobox';
|
@@ -0,0 +1,12 @@
|
|
1
|
+
'use strict';
|
2
|
+
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
4
|
+
|
5
|
+
var plasmaNewHope = require('@salutejs/plasma-new-hope');
|
6
|
+
|
7
|
+
var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.carouselConfig);
|
8
|
+
var CarouselComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
|
9
|
+
var Carousel = CarouselComponent;
|
10
|
+
|
11
|
+
exports.Carousel = Carousel;
|
12
|
+
//# sourceMappingURL=Carousel.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../../../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(carouselConfig);\nconst CarouselComponent = component(mergedConfig);\n\nexport const Carousel = CarouselComponent;\n"],"names":["mergedConfig","mergeConfig","carouselConfig","CarouselComponent","component","Carousel"],"mappings":";;;;;;AAEA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,4BAAc,CAAC,CAAA;AAChD,IAAMC,iBAAiB,gBAAGC,uBAAS,CAACJ,YAAY,CAAC,CAAA;AAE1C,IAAMK,QAAQ,GAAGF;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type {
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type { ComboboxItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React from 'react';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ComboboxItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ComboboxItemOption>(\n props: CommonProps<T>,\n ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","items","React","createElement","_extends","ComboboxOld","Combobox","fixedForwardRef"],"mappings":";;;;;;;;;;;;;;AAaA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,+BAAiB,EAAEC,sBAAM,CAAC,CAAA;AAC3D,IAAMC,WAAW,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;AAW3C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAqB,EACrBC,GAAyC,EACxC;EACD,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,sBAAA,CAAAC,aAAA,CAACP,WAAW,EAAAQ,iCAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,sBAAA,CAAAC,aAAA,CAACE,mBAAW,EAAAD,iCAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;AAED,IAAMO,QAAQ,gBAAGC,6BAAe,CAACT,iBAAiB;;;;"}
|
package/css/cjs/index.js
CHANGED
@@ -13,6 +13,7 @@ var Breadcrumbs = require('./components/Breadcrumbs/Breadcrumbs.js');
|
|
13
13
|
var Button = require('./components/Button/Button.js');
|
14
14
|
var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
|
15
15
|
var Calendar = require('./components/Calendar/Calendar.js');
|
16
|
+
var Carousel = require('./components/Carousel/Carousel.js');
|
16
17
|
var Cell = require('./components/Cell/Cell.js');
|
17
18
|
var Checkbox = require('./components/Checkbox/Checkbox.js');
|
18
19
|
var Chip = require('./components/Chip/Chip.js');
|
@@ -84,6 +85,14 @@ Object.defineProperty(exports, 'ButtonBase', {
|
|
84
85
|
enumerable: true,
|
85
86
|
get: function () { return plasmaNewHope.ButtonBase; }
|
86
87
|
});
|
88
|
+
Object.defineProperty(exports, 'CarouselGridWrapper', {
|
89
|
+
enumerable: true,
|
90
|
+
get: function () { return plasmaNewHope.CarouselGridWrapper; }
|
91
|
+
});
|
92
|
+
Object.defineProperty(exports, 'CarouselItem', {
|
93
|
+
enumerable: true,
|
94
|
+
get: function () { return plasmaNewHope.CarouselItem; }
|
95
|
+
});
|
87
96
|
Object.defineProperty(exports, 'CellTextbox', {
|
88
97
|
enumerable: true,
|
89
98
|
get: function () { return plasmaNewHope.CellTextbox; }
|
@@ -250,6 +259,7 @@ exports.CalendarBase = Calendar.CalendarBase;
|
|
250
259
|
exports.CalendarBaseRange = Calendar.CalendarBaseRange;
|
251
260
|
exports.CalendarDouble = Calendar.CalendarDouble;
|
252
261
|
exports.CalendarDoubleRange = Calendar.CalendarDoubleRange;
|
262
|
+
exports.Carousel = Carousel.Carousel;
|
253
263
|
exports.Cell = Cell.Cell;
|
254
264
|
exports.Checkbox = Checkbox.Checkbox;
|
255
265
|
exports.Chip = Chip.Chip;
|
package/css/cjs/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
@@ -0,0 +1,8 @@
|
|
1
|
+
import { component, mergeConfig, carouselConfig } from '@salutejs/plasma-new-hope';
|
2
|
+
|
3
|
+
var mergedConfig = /*#__PURE__*/mergeConfig(carouselConfig);
|
4
|
+
var CarouselComponent = /*#__PURE__*/component(mergedConfig);
|
5
|
+
var Carousel = CarouselComponent;
|
6
|
+
|
7
|
+
export { Carousel };
|
8
|
+
//# sourceMappingURL=Carousel.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../../../../src-css/components/Carousel/Carousel.tsx"],"sourcesContent":["import { carouselConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nconst mergedConfig = mergeConfig(carouselConfig);\nconst CarouselComponent = component(mergedConfig);\n\nexport const Carousel = CarouselComponent;\n"],"names":["mergedConfig","mergeConfig","carouselConfig","CarouselComponent","component","Carousel"],"mappings":";;AAEA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,cAAc,CAAC,CAAA;AAChD,IAAMC,iBAAiB,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAE1C,IAAMK,QAAQ,GAAGF;;;;"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type {
|
1
|
+
{"version":3,"file":"Combobox.js","sources":["../../../../src-css/components/Combobox/Combobox.tsx"],"sourcesContent":["import {\n comboboxNewConfig,\n component,\n mergeConfig,\n fixedForwardRef,\n} from '@salutejs/plasma-new-hope';\nimport type { ComponentProps } from 'react';\nimport type { ComboboxItemOption, ComboboxProps, DistributiveOmit, DistributivePick } from '@salutejs/plasma-new-hope';\nimport React from 'react';\n\nimport { config } from './Combobox.config';\nimport { Combobox as ComboboxOld } from './Legacy';\n\nconst mergedConfig = mergeConfig(comboboxNewConfig, config);\nconst ComboboxNew = component(mergedConfig);\n\ntype PropsFromConfig = keyof typeof config['variations'];\n\ntype PropsOld = ComponentProps<typeof ComboboxOld> & { items?: never };\n\ntype PropsNew<T extends ComboboxItemOption> = DistributiveOmit<ComboboxProps<T>, PropsFromConfig> &\n DistributivePick<ComponentProps<typeof ComboboxNew>, PropsFromConfig>;\n\ntype CommonProps<T extends ComboboxItemOption> = PropsOld | PropsNew<T>;\n\nconst ComboboxComponent = <T extends ComboboxItemOption>(\n props: CommonProps<T>,\n ref: React.ForwardedRef<HTMLInputElement>,\n) => {\n if (props.items) {\n return <ComboboxNew ref={ref} {...(props as any)} />;\n }\n\n return <ComboboxOld ref={ref} {...props} />;\n};\n\nconst Combobox = fixedForwardRef(ComboboxComponent);\n\nexport { Combobox };\n"],"names":["mergedConfig","mergeConfig","comboboxNewConfig","config","ComboboxNew","component","ComboboxComponent","props","ref","items","React","createElement","_extends","ComboboxOld","Combobox","fixedForwardRef"],"mappings":";;;;;;AAaA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,iBAAiB,EAAEC,MAAM,CAAC,CAAA;AAC3D,IAAMC,WAAW,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;AAW3C,IAAMM,iBAAiB,GAAG,SAApBA,iBAAiBA,CACnBC,KAAqB,EACrBC,GAAyC,EACxC;EACD,IAAID,KAAK,CAACE,KAAK,EAAE;AACb,IAAA,oBAAOC,KAAA,CAAAC,aAAA,CAACP,WAAW,EAAAQ,QAAA,CAAA;AAACJ,MAAAA,GAAG,EAAEA,GAAAA;KAAUD,EAAAA,KAAK,CAAW,CAAC,CAAA;AACxD,GAAA;AAEA,EAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACE,UAAW,EAAAD,QAAA,CAAA;AAACJ,IAAAA,GAAG,EAAEA,GAAAA;GAASD,EAAAA,KAAK,CAAG,CAAC,CAAA;AAC/C,CAAC,CAAA;AAED,IAAMO,QAAQ,gBAAGC,eAAe,CAACT,iBAAiB;;;;"}
|
package/css/es/index.js
CHANGED
@@ -1,4 +1,4 @@
|
|
1
|
-
export { AccordionItem, ButtonBase, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
|
1
|
+
export { AccordionItem, ButtonBase, CarouselGridWrapper, CarouselItem, CellTextbox, CellTextboxLabel, CellTextboxSubtitle, CellTextboxTitle, Col, Overlay, PopupProvider as PopupBaseProvider, Portal, RadioGroup, RectSkeleton, Row, SSRProvider, SegmentProvider, TabItemRefs, TabsContext, addNotification, closeNotification, counterTokens, datePickerClasses, datePickerTokens, dividerTokens, dropzoneClasses, dropzoneTokens, modalClasses as modalBaseClasses, noteClasses, noteTokens, numberInputClasses, numberInputTokens, popupClasses as popupBaseClasses, priceClasses, rangeTokens, ratingClasses, ratingTokens, sheetClasses, toolbarTokens, usePopupContext as usePopupBaseContext, useSegment, useToast } from '@salutejs/plasma-new-hope';
|
2
2
|
export { Accordion } from './components/Accordion/Accordion.js';
|
3
3
|
export { Attach } from './components/Attach/Attach.js';
|
4
4
|
export { Autocomplete } from './components/Autocomplete/Autocomplete.js';
|
@@ -9,6 +9,7 @@ export { Breadcrumbs } from './components/Breadcrumbs/Breadcrumbs.js';
|
|
9
9
|
export { Button } from './components/Button/Button.js';
|
10
10
|
export { ButtonGroup } from './components/ButtonGroup/ButtonGroup.js';
|
11
11
|
export { Calendar, CalendarBase, CalendarBaseRange, CalendarDouble, CalendarDoubleRange } from './components/Calendar/Calendar.js';
|
12
|
+
export { Carousel } from './components/Carousel/Carousel.js';
|
12
13
|
export { Cell } from './components/Cell/Cell.js';
|
13
14
|
export { Checkbox } from './components/Checkbox/Checkbox.js';
|
14
15
|
export { Chip } from './components/Chip/Chip.js';
|
package/css/es/index.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/css/index.d.ts
CHANGED
@@ -9,6 +9,7 @@ export * from '../components/Button';
|
|
9
9
|
export * from '../components/ButtonBase';
|
10
10
|
export * from '../components/ButtonGroup';
|
11
11
|
export * from '../components/Calendar';
|
12
|
+
export * from '../components/Carousel';
|
12
13
|
export * from '../components/Cell';
|
13
14
|
export * from '../components/Checkbox';
|
14
15
|
export * from '../components/Chip';
|
@@ -76,6 +77,7 @@ export * from '../components/Button';
|
|
76
77
|
export * from '../components/ButtonBase';
|
77
78
|
export * from '../components/ButtonGroup';
|
78
79
|
export * from '../components/Calendar';
|
80
|
+
export * from '../components/Carousel';
|
79
81
|
export * from '../components/Cell';
|
80
82
|
export * from '../components/Checkbox';
|
81
83
|
export * from '../components/Chip';
|
@@ -1,2 +1,3 @@
|
|
1
|
-
export {
|
2
|
-
export {
|
1
|
+
export { CarouselGridWrapper } from '@salutejs/plasma-new-hope/styled-components';
|
2
|
+
export { Carousel } from './Carousel';
|
3
|
+
export { CarouselItem } from '@salutejs/plasma-new-hope/styled-components';
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@salutejs/plasma-web",
|
3
|
-
"version": "1.580.0-canary.1929.
|
3
|
+
"version": "1.580.0-canary.1929.14725863541.0",
|
4
4
|
"description": "Salute Design System / React UI kit for web applications",
|
5
5
|
"author": "Salute Frontend Team <salute.developers@gmail.com>",
|
6
6
|
"license": "MIT",
|
@@ -20,9 +20,9 @@
|
|
20
20
|
},
|
21
21
|
"dependencies": {
|
22
22
|
"@salutejs/plasma-core": "1.196.0",
|
23
|
-
"@salutejs/plasma-hope": "1.340.0-canary.1929.
|
24
|
-
"@salutejs/plasma-new-hope": "0.322.0-canary.1929.
|
25
|
-
"@salutejs/plasma-themes": "0.33.0-canary.1929.
|
23
|
+
"@salutejs/plasma-hope": "1.340.0-canary.1929.14725863541.0",
|
24
|
+
"@salutejs/plasma-new-hope": "0.322.0-canary.1929.14725863541.0",
|
25
|
+
"@salutejs/plasma-themes": "0.33.0-canary.1929.14725863541.0",
|
26
26
|
"@salutejs/plasma-tokens-b2b": "1.48.0",
|
27
27
|
"@salutejs/plasma-tokens-b2c": "0.59.0",
|
28
28
|
"@salutejs/plasma-tokens-web": "1.64.0",
|
@@ -51,7 +51,7 @@
|
|
51
51
|
"@salutejs/plasma-colors": "0.15.0",
|
52
52
|
"@salutejs/plasma-cy-utils": "0.127.0",
|
53
53
|
"@salutejs/plasma-icons": "1.217.0",
|
54
|
-
"@salutejs/plasma-sb-utils": "0.197.0-canary.1929.
|
54
|
+
"@salutejs/plasma-sb-utils": "0.197.0-canary.1929.14725863541.0",
|
55
55
|
"@storybook/addon-docs": "7.6.17",
|
56
56
|
"@storybook/addon-essentials": "7.6.17",
|
57
57
|
"@storybook/addons": "7.6.17",
|
@@ -111,5 +111,5 @@
|
|
111
111
|
"Fanil Zubairov"
|
112
112
|
],
|
113
113
|
"sideEffects": false,
|
114
|
-
"gitHead": "
|
114
|
+
"gitHead": "6d47f85f20e5b0d08db19e04a9805fe594735fed"
|
115
115
|
}
|
@@ -1,52 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.Default = void 0;
|
7
|
-
var _react = /*#__PURE__*/_interopRequireDefault( /*#__PURE__*/require("react"));
|
8
|
-
var _Carousel = /*#__PURE__*/require("./Carousel.examples");
|
9
|
-
var _ = /*#__PURE__*/require(".");
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
11
|
-
var items = /*#__PURE__*/Array(25).fill({
|
12
|
-
title: 'Слайд',
|
13
|
-
subtitle: 'Описание слайда',
|
14
|
-
imageSrc: 'images/320_320_n.jpg',
|
15
|
-
imageAlt: 'Картинка'
|
16
|
-
}).map(function (_ref, i) {
|
17
|
-
var title = _ref.title,
|
18
|
-
subtitle = _ref.subtitle,
|
19
|
-
imageSrc = _ref.imageSrc,
|
20
|
-
imageAlt = _ref.imageAlt;
|
21
|
-
return {
|
22
|
-
id: "slide_".concat(i),
|
23
|
-
title: "".concat(title, " ").concat(i),
|
24
|
-
subtitle: "".concat(subtitle, " ").concat(i),
|
25
|
-
imageSrc: imageSrc.replace('n', i % 12),
|
26
|
-
imageAlt: "".concat(imageAlt, " ").concat(i)
|
27
|
-
};
|
28
|
-
});
|
29
|
-
var defaultStyle = {
|
30
|
-
margin: '0 -0.5rem'
|
31
|
-
};
|
32
|
-
var defaultCarouselItemStyle = {
|
33
|
-
width: '20rem',
|
34
|
-
padding: '0 0.5rem'
|
35
|
-
};
|
36
|
-
var Default = exports.Default = function Default() {
|
37
|
-
return /*#__PURE__*/_react["default"].createElement(_.Carousel, {
|
38
|
-
index: 0,
|
39
|
-
style: defaultStyle
|
40
|
-
}, items.map(function (item) {
|
41
|
-
return /*#__PURE__*/_react["default"].createElement(_.CarouselItem, {
|
42
|
-
key: item.id,
|
43
|
-
style: defaultCarouselItemStyle
|
44
|
-
}, /*#__PURE__*/_react["default"].createElement(_Carousel.CarouselCard, {
|
45
|
-
id: item.id,
|
46
|
-
title: item.title,
|
47
|
-
subtitle: item.subtitle,
|
48
|
-
imageSrc: item.imageSrc,
|
49
|
-
imageAlt: item.imageAlt
|
50
|
-
}));
|
51
|
-
}));
|
52
|
-
};
|
@@ -1,45 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { CarouselCard } from './Carousel.examples';
|
3
|
-
import { Carousel, CarouselItem } from '.';
|
4
|
-
var items = /*#__PURE__*/Array(25).fill({
|
5
|
-
title: 'Слайд',
|
6
|
-
subtitle: 'Описание слайда',
|
7
|
-
imageSrc: 'images/320_320_n.jpg',
|
8
|
-
imageAlt: 'Картинка'
|
9
|
-
}).map(function (_ref, i) {
|
10
|
-
var title = _ref.title,
|
11
|
-
subtitle = _ref.subtitle,
|
12
|
-
imageSrc = _ref.imageSrc,
|
13
|
-
imageAlt = _ref.imageAlt;
|
14
|
-
return {
|
15
|
-
id: "slide_".concat(i),
|
16
|
-
title: "".concat(title, " ").concat(i),
|
17
|
-
subtitle: "".concat(subtitle, " ").concat(i),
|
18
|
-
imageSrc: imageSrc.replace('n', i % 12),
|
19
|
-
imageAlt: "".concat(imageAlt, " ").concat(i)
|
20
|
-
};
|
21
|
-
});
|
22
|
-
var defaultStyle = {
|
23
|
-
margin: '0 -0.5rem'
|
24
|
-
};
|
25
|
-
var defaultCarouselItemStyle = {
|
26
|
-
width: '20rem',
|
27
|
-
padding: '0 0.5rem'
|
28
|
-
};
|
29
|
-
export var Default = function Default() {
|
30
|
-
return /*#__PURE__*/React.createElement(Carousel, {
|
31
|
-
index: 0,
|
32
|
-
style: defaultStyle
|
33
|
-
}, items.map(function (item) {
|
34
|
-
return /*#__PURE__*/React.createElement(CarouselItem, {
|
35
|
-
key: item.id,
|
36
|
-
style: defaultCarouselItemStyle
|
37
|
-
}, /*#__PURE__*/React.createElement(CarouselCard, {
|
38
|
-
id: item.id,
|
39
|
-
title: item.title,
|
40
|
-
subtitle: item.subtitle,
|
41
|
-
imageSrc: item.imageSrc,
|
42
|
-
imageAlt: item.imageAlt
|
43
|
-
}));
|
44
|
-
}));
|
45
|
-
};
|