@steroidsjs/bootstrap 3.0.0-beta.80 → 3.0.0-beta.81

package/content/Slider/SliderView.d.ts

@@ -0,0 +1,2 @@
+import { ISliderViewProps } from '@steroidsjs/core/ui/content/Slider/Slider';
+export default function SliderView(props: ISliderViewProps): JSX.Element;

package/content/Slider/SliderView.js

@@ -0,0 +1,18 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+exports.__esModule = true;
+/* eslint-disable import/no-extraneous-dependencies */
+var react_1 = __importDefault(require("react"));
+var useBem_1 = __importDefault(require("@steroidsjs/core/hooks/useBem"));
+var react_splide_1 = require("@splidejs/react-splide");
+function SliderView(props) {
+    var _a;
+    var bem = (0, useBem_1["default"])('Slider');
+    var ItemView = props.itemView;
+    return (react_1["default"].createElement("div", { className: bem(bem.block(), props.className), style: props.style },
+        react_1["default"].createElement(react_splide_1.Splide, { options: props.sliderOptions, extensions: props.extensions, hasTrack: props.hasTrack, tag: props.tag, transition: props.transition }, (_a = props.items) === null || _a === void 0 ? void 0 : _a.map(function (item, itemIndex) { return (react_1["default"].createElement(react_splide_1.SplideSlide, { key: itemIndex },
+            react_1["default"].createElement(ItemView, { item: item }))); }))));
+}
+exports["default"] = SliderView;

package/content/Slider/SliderView.scss

@@ -0,0 +1,5 @@
+.SliderView {
+    .splide__slide { 
+        width: fit-content;
+    }
+}

package/index.d.ts

@@ -35,6 +35,9 @@ declare const _default: {
     'content.CopyToClipboardView': {
         lazy: () => any;
     };
+    'content.SliderView': {
+        lazy: () => any;
+    };
     'form.AutoCompleteFieldView': {
         lazy: () => any;
     };

package/index.js

@@ -38,6 +38,9 @@ exports["default"] = {
     'content.CopyToClipboardView': {
         lazy: function () { return require('./content/CopyToClipboard/CopyToClipboardView')["default"]; }
     },
+    'content.SliderView': {
+        lazy: function () { return require('./content/Slider/SliderView')["default"]; }
+    },
     'form.AutoCompleteFieldView': {
         lazy: function () { return require('./form/AutoCompleteField/AutoCompleteFieldView')["default"]; }
     },

package/index.scss

@@ -1,3 +1,5 @@
+@import '~@splidejs/splide/dist/css/splide.min.css';
+
 @import './scss/normalize';
 @import './scss/mixins';
 @import './scss/variables';
@@ -20,6 +22,7 @@
 @import './content/Menu/MenuView';
 @import './content/Icon/IconView';
 @import './content/CopyToClipboard/CopyToClipboardView';
+@import './content/Slider//SliderView';
 @import './form/AutoCompleteField/AutoCompleteFieldView';
 @import './form/Button/ButtonView';
 @import './form/CheckboxField/CheckboxFieldView';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@steroidsjs/bootstrap",
-    "version": "3.0.0-beta.80",
+    "version": "3.0.0-beta.81",
     "description": "",
     "main": "index.js",
     "author": "Vladimir Kozhin <hello@kozhindev.com>",
@@ -19,6 +19,7 @@
     },
     "dependencies": {
         "@ckeditor/ckeditor5-react": "^3.0.2",
+        "@splidejs/react-splide": "^0.7.12",
         "@steroidsjs/ckeditor5": "^27.0.2-rc.2",
         "date-fns": "^2.29.3",
         "lodash": "^4.17.20",