@festo-ui/react 7.2.0-dev.449 → 7.2.0-dev.454

package/index.d.ts

@@ -49,6 +49,7 @@ export { default as DateRangePicker } from './lib/forms/date-range-picker/DateRa
 export { default as RadioButton } from './lib/forms/radio/RadioButton';
 export { default as Radio } from './lib/forms/radio/RadioButton';
 export { default as RadioGroup } from './lib/forms/radio/RadioGroup';
+export { default as ScrollArea } from './lib/components/scroll-area/ScrollArea';
 export { default as Segment } from './lib/forms/segment/Segment';
 export { default as SegmentControl } from './lib/forms/segment/segment-control/SegmentControl';
 export { default as Select } from './lib/forms/select/Select';

package/index.js

@@ -49,6 +49,7 @@ export { default as DateRangePicker } from "./lib/forms/date-range-picker/DateRa
 export { default as RadioButton } from "./lib/forms/radio/RadioButton.js";
 export { default as Radio } from "./lib/forms/radio/RadioButton.js";
 export { default as RadioGroup } from "./lib/forms/radio/RadioGroup.js";
+export { default as ScrollArea } from "./lib/components/scroll-area/ScrollArea.js";
 export { default as Segment } from "./lib/forms/segment/Segment.js";
 export { default as SegmentControl } from "./lib/forms/segment/segment-control/SegmentControl.js";
 export { default as Select } from "./lib/forms/select/Select.js";

package/lib/components/scroll-area/ScrollArea.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+interface ScrollAreaProps extends React.ComponentPropsWithoutRef<'div'> {
+    scrollbarMinSize?: number;
+}
+export default function ScrollArea({ children, scrollbarMinSize, ...props }: ScrollAreaProps): JSX.Element;
+export {};

package/lib/components/scroll-area/ScrollArea.js

@@ -0,0 +1,14 @@
+import SimpleBar from 'simplebar-react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ScrollArea(_ref) {
+  let {
+    children,
+    scrollbarMinSize = 25,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/_jsx(SimpleBar, {
+    ...props,
+    scrollbarMinSize: scrollbarMinSize,
+    children: children
+  });
+}

package/node/index.js

@@ -237,6 +237,12 @@ Object.defineProperty(exports, "RadioGroup", {
     return _RadioGroup.default;
   }
 });
+Object.defineProperty(exports, "ScrollArea", {
+  enumerable: true,
+  get: function () {
+    return _ScrollArea.default;
+  }
+});
 Object.defineProperty(exports, "SearchInput", {
   enumerable: true,
   get: function () {
@@ -425,6 +431,7 @@ var _DatePicker = _interopRequireDefault(require("./lib/forms/date-picker/DatePi
 var _DateRangePicker = _interopRequireDefault(require("./lib/forms/date-range-picker/DateRangePicker.js"));
 var _RadioButton = _interopRequireDefault(require("./lib/forms/radio/RadioButton.js"));
 var _RadioGroup = _interopRequireDefault(require("./lib/forms/radio/RadioGroup.js"));
+var _ScrollArea = _interopRequireDefault(require("./lib/components/scroll-area/ScrollArea.js"));
 var _Segment = _interopRequireDefault(require("./lib/forms/segment/Segment.js"));
 var _SegmentControl = _interopRequireDefault(require("./lib/forms/segment/segment-control/SegmentControl.js"));
 var _Select = _interopRequireDefault(require("./lib/forms/select/Select.js"));

package/node/lib/components/scroll-area/ScrollArea.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = ScrollArea;
+var _simplebarReact = _interopRequireDefault(require("simplebar-react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function ScrollArea(_ref) {
+  let {
+    children,
+    scrollbarMinSize = 25,
+    ...props
+  } = _ref;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_simplebarReact.default, {
+    ...props,
+    scrollbarMinSize: scrollbarMinSize,
+    children: children
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@festo-ui/react",
-  "version": "7.2.0-dev.449",
+  "version": "7.2.0-dev.454",
   "author": "Festo UI (styleguide@festo.com)",
   "license": "apache-2.0",
   "type": "module",
@@ -32,6 +32,7 @@
     "react-popper": "^2.3.0",
     "react-remove-scroll": "^2.5.7",
     "react-transition-group": "^4.4.2",
+    "simplebar-react": "^3.2.6",
     "swiper": "^9.4.1",
     "xss": "^1.0.10"
   },

package/simplebar.min.css

@@ -0,0 +1 @@
+[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:' ';display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:'';background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}