@via-profit/ui-kit 0.2.2 → 0.2.3

package/Selectbox/index.js

@@ -70,9 +70,8 @@ const generateGuid = () => {
     ].join('-');
 };
 const Selectbox = React.forwardRef((props, ref) => {
-    const { items, value, multiple, isOpen = false, isLoading = false, anchorPos = 'bottom-fill', fullWidth = false, children, onChange, selectedItemToString, getOptionSelected, onRequestOpen = () => undefined, onRequestClose = () => undefined, overrides, id, label, onFocus, requiredAsterisk, error, errorText, notSetLabel = 'Not set' } = props, nativeButtonProps = __rest(props, ["items", "value", "multiple", "isOpen", "isLoading", "anchorPos", "fullWidth", "children", "onChange", "selectedItemToString", "getOptionSelected", "onRequestOpen", "onRequestClose", "overrides", "id", "label", "onFocus", "requiredAsterisk", "error", "errorText", "notSetLabel"]);
+    const { items, value, multiple, isOpen = false, isLoading = false, anchorPos = 'bottom-fill', fullWidth = false, children, onChange, selectedItemToString, getOptionSelected, onRequestOpen = () => undefined, onRequestClose = () => undefined, overrides, id, label, onFocus, requiredAsterisk, error, errorText, notSetLabel = 'Not set', autoFlip = true, positionStrategy } = props, nativeButtonProps = __rest(props, ["items", "value", "multiple", "isOpen", "isLoading", "anchorPos", "fullWidth", "children", "onChange", "selectedItemToString", "getOptionSelected", "onRequestOpen", "onRequestClose", "overrides", "id", "label", "onFocus", "requiredAsterisk", "error", "errorText", "notSetLabel", "autoFlip", "positionStrategy"]);
     const menuRef = React.useRef(null);
-    const [actualPlacement, setActualPlacement] = React.useState(anchorPos);
     const [anchorElement, setAnchorElement] = React.useState(null);
     const overridesMap = React.useMemo(() => (Object.assign(Object.assign({}, DEFAULT_OVERRIDES), overrides)), [overrides]);
     const inputID = React.useMemo(() => {
@@ -136,7 +135,8 @@ const Selectbox = React.forwardRef((props, ref) => {
     }, [handleMouseDown]);
     const buttonProps = React.useMemo(() => (Object.assign({ fullWidth,
         error,
-        isOpen, anchorPos: actualPlacement, endIcon: isLoading ? React.createElement(Spinner_1.default, null) : React.createElement(overridesMap.Icon, { isOpen: isOpen }) }, nativeButtonProps)), [fullWidth, error, isOpen, actualPlacement, isLoading, overridesMap, nativeButtonProps]);
+        isOpen,
+        anchorPos, endIcon: isLoading ? React.createElement(Spinner_1.default, null) : React.createElement(overridesMap.Icon, { isOpen: isOpen }) }, nativeButtonProps)), [fullWidth, error, isOpen, anchorPos, isLoading, overridesMap, nativeButtonProps]);
     const labelProps = React.useMemo(() => ({
         htmlFor: inputID,
         error,
@@ -151,7 +151,7 @@ const Selectbox = React.forwardRef((props, ref) => {
         React.createElement(overridesMap.ButtonWrapper, { fullWidth: fullWidth, error: error, isOpen: isOpen },
             React.createElement(overridesMap.Button, Object.assign({}, buttonProps, { onClick: handleButtonClick, ref: setRefs }), renderValueAsString())),
         React.createElement(overridesMap.ErrorText, { error: error }, errorText),
-        React.createElement(SelectboxMenu_1.default, { actualPlacement: actualPlacement, multiple: multiple, items: items, value: value, isOpen: isOpen, anchorElement: anchorElement, getOptionSelected: getOptionSelected, onChange: onChange, onRequestClose: onRequestClose, onAnchorPosChanged: setActualPlacement, ref: menuRef }, children)));
+        React.createElement(SelectboxMenu_1.default, { multiple: multiple, items: items, value: value, isOpen: isOpen, anchorPos: anchorPos, positionStrategy: positionStrategy, autoFlip: autoFlip, alternativePlacements: ['bottom-fill', 'top-fill'], anchorElement: anchorElement, getOptionSelected: getOptionSelected, onChange: onChange, onRequestClose: onRequestClose, ref: menuRef }, children)));
 });
 Selectbox.displayName = 'Selectbox';
 exports.default = Selectbox;

package/Swiper/Swiper.d.ts

@@ -30,7 +30,6 @@ export type SwiperProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'>
     readonly autoplay?: boolean;
     readonly autoplayInterval?: number;
     readonly pauseOnHover?: boolean;
-    readonly keyboardControl?: boolean;
     readonly threshold?: number;
     readonly resistance?: boolean;
     readonly slidesPerView?: number;
@@ -47,7 +46,6 @@ export declare const Swiper: React.ForwardRefExoticComponent<Omit<React.HTMLAttr
     readonly autoplay?: boolean | undefined;
     readonly autoplayInterval?: number | undefined;
     readonly pauseOnHover?: boolean | undefined;
-    readonly keyboardControl?: boolean | undefined;
     readonly threshold?: number | undefined;
     readonly resistance?: boolean | undefined;
     readonly slidesPerView?: number | undefined;

package/Swiper/Swiper.js

@@ -48,7 +48,7 @@ const SwiperTrack_1 = __importDefault(require("./SwiperTrack"));
 const SwiperSlidesRenderer_1 = __importDefault(require("./SwiperSlidesRenderer"));
 __exportStar(require("./SwiperSlide"), exports);
 exports.Swiper = React.forwardRef((props, ref) => {
-    const { children, dragThreshold = 240, snap = true, draggable = true, overrides, initialIndex = 0, infinite = false, onSlideChange, autoplay = false, autoplayInterval = 3000, pauseOnHover = true, keyboardControl = true, threshold = 20, resistance = true, slidesPerView = 1 } = props, restProps = __rest(props, ["children", "dragThreshold", "snap", "draggable", "overrides", "initialIndex", "infinite", "onSlideChange", "autoplay", "autoplayInterval", "pauseOnHover", "keyboardControl", "threshold", "resistance", "slidesPerView"]);
+    const { children, dragThreshold = 240, snap = true, draggable = true, overrides, initialIndex = 0, infinite = false, onSlideChange, autoplay = false, autoplayInterval = 3000, pauseOnHover = true, threshold = 20, resistance = true, slidesPerView = 1 } = props, restProps = __rest(props, ["children", "dragThreshold", "snap", "draggable", "overrides", "initialIndex", "infinite", "onSlideChange", "autoplay", "autoplayInterval", "pauseOnHover", "threshold", "resistance", "slidesPerView"]);
     // #region Slides
     const slides = React.useMemo(() => {
         const childrenSlides = Array.isArray(children)
@@ -308,23 +308,6 @@ exports.Swiper = React.forwardRef((props, ref) => {
     const resume = React.useCallback(() => {
         setIsPaused(false);
     }, []);
-    // #region Keyboard
-    React.useEffect(() => {
-        if (!keyboardControl)
-            return;
-        const handleKeyDown = (e) => {
-            if (e.key === 'ArrowLeft') {
-                e.preventDefault();
-                prev();
-            }
-            else if (e.key === 'ArrowRight') {
-                e.preventDefault();
-                next();
-            }
-        };
-        window.addEventListener('keydown', handleKeyDown);
-        return () => window.removeEventListener('keydown', handleKeyDown);
-    }, [keyboardControl, prev, next]);
     // #region Hover
     React.useEffect(() => {
         if (!autoplay || !pauseOnHover)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@via-profit/ui-kit",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "UI Kit",
   "repository": {
     "type": "git",