@superrb/react-addons 4.0.0-2 → 4.0.0-21

package/hooks/use-slideshow.js

@@ -65,7 +65,6 @@ export function getCurrentSlideIndex(element, currentIndex) {
 export default function useSlideshow(slideshow) {
     const [currentSlide, setCurrentSlide] = useState(0);
     const [progress, setProgress] = useState(-1);
-    const [ready, setReady] = useState(false);
     const update = () => {
         if (!slideshow.current) {
             return;
@@ -73,10 +72,9 @@ export default function useSlideshow(slideshow) {
         setCurrentSlide((current) => getCurrentSlideIndex(slideshow.current, current));
         setProgress(getScrollProgress(slideshow.current));
     };
-    useEventListener('scroll', update, { passive: true }, slideshow.current, !!slideshow.current && ready);
-    useEventListener('resize', update, { passive: true }, slideshow.current, !!slideshow.current && ready);
+    useEventListener('scroll', update, { passive: true }, slideshow);
+    useEventListener('resize', update, { passive: true }, slideshow);
     useEffect(() => {
-        setReady(true);
         if (slideshow.current) {
             update();
             slideshow.current.setAttribute('role', 'region');
@@ -87,7 +85,7 @@ export default function useSlideshow(slideshow) {
     useEffect(() => {
         ;
         [...slideshow.current?.children].forEach((child) => child.setAttribute('aria-hidden', 'true'));
-        slideshow.current?.children[currentSlide].setAttribute('aria-hidden', 'false');
+        slideshow.current?.children?.[currentSlide]?.setAttribute('aria-hidden', 'false');
     }, [currentSlide, slideshow]);
     return {
         slideshowRef: slideshow,
@@ -95,37 +93,47 @@ export default function useSlideshow(slideshow) {
         slideCount: slideshow.current?.children.length || 0,
         goTo(index) {
             index = Math.min(slideshow.current?.children.length - 1, Math.max(0, index));
-            const newElement = slideshow.current?.children[index];
-            newElement.scrollIntoView({
-                behavior: 'smooth',
-                block: isHorizontal(slideshow.current)
-                    ? 'nearest'
-                    : isCentered(slideshow.current)
-                        ? 'center'
-                        : 'start',
-                inline: isHorizontal(slideshow.current)
-                    ? isCentered(slideshow.current)
-                        ? 'center'
-                        : 'start'
-                    : 'nearest',
-            });
-            // const scrollOpts: ScrollToOptions = {
+            const newElement = slideshow.current?.children?.[index];
+            // newElement.scrollIntoView({
             //   behavior: 'smooth',
-            // }
-            // if (isHorizontal(slideshow.current)) {
-            //   if (isCentered(slideshow.current)) {
-            //     scrollOpts.left = newElement?.offsetLeft + newElement?.clientWidth / 2
-            //   } else {
-            //     scrollOpts.left = newElement?.offsetLeft
-            //   }
-            // } else {
-            //   if (isCentered(slideshow.current)) {
-            //     scrollOpts.top = newElement?.offsetTop + newElement?.clientHeight / 2
-            //   } else {
-            //     scrollOpts.top = newElement?.offsetTop
-            //   }
-            // }
-            // slideshow.current?.scrollTo(scrollOpts)
+            //   block: isHorizontal(slideshow.current)
+            //     ? 'nearest'
+            //     : isCentered(slideshow.current)
+            //       ? 'center'
+            //       : 'start',
+            //   inline: isHorizontal(slideshow.current)
+            //     ? isCentered(slideshow.current)
+            //       ? 'center'
+            //       : 'start'
+            //     : 'nearest',
+            // })
+            const scrollOpts = {
+                behavior: 'smooth',
+            };
+            const horizontal = isHorizontal(slideshow.current);
+            const styles = window.getComputedStyle(slideshow.current);
+            const padding = horizontal
+                ? parseInt(styles.paddingLeft)
+                : parseInt(styles.paddingTop);
+            if (isHorizontal(slideshow.current)) {
+                if (isCentered(slideshow.current)) {
+                    scrollOpts.left =
+                        newElement?.offsetLeft + newElement?.clientWidth / 2 - padding;
+                }
+                else {
+                    scrollOpts.left = newElement?.offsetLeft - padding;
+                }
+            }
+            else {
+                if (isCentered(slideshow.current)) {
+                    scrollOpts.top =
+                        newElement?.offsetTop + newElement?.clientHeight / 2 - padding;
+                }
+                else {
+                    scrollOpts.top = newElement?.offsetTop - padding;
+                }
+            }
+            slideshow.current?.scrollTo(scrollOpts);
         },
         atStart: progress <= 0 || progress === -1,
         atEnd: progress >= 1 || progress === -1,

package/index.d.ts

@@ -1,7 +1,8 @@
 import * as Components from './components';
+import * as Config from './config';
 import * as Hooks from './hooks';
 import * as Store from './store';
 import * as Storage from './storage';
 import * as Utils from './utils';
-export { Components, Hooks, Store, Storage, Utils };
+export { Components, Config, Hooks, Store, Storage, Utils };
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AAEpC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAEhC,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["src/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,UAAU,MAAM,cAAc,CAAA;AAC1C,OAAO,KAAK,MAAM,MAAM,UAAU,CAAA;AAClC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAChC,OAAO,KAAK,OAAO,MAAM,WAAW,CAAA;AAEpC,OAAO,KAAK,KAAK,MAAM,SAAS,CAAA;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,CAAA"}

package/index.js

@@ -1,7 +1,8 @@
 import * as Components from './components';
+import * as Config from './config';
 import * as Hooks from './hooks';
 import * as Store from './store';
 import * as Storage from './storage';
 // import * as Types from './types'
 import * as Utils from './utils';
-export { Components, Hooks, Store, Storage, Utils };
+export { Components, Config, Hooks, Store, Storage, Utils };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@superrb/react-addons",
   "type": "module",
-  "version": "4.0.0-2",
+  "version": "4.0.0-21",
   "main": "index.js",
   "module": "index.js",
   "repository": "https://github.com/superrbstudio/react-addons",
@@ -14,14 +14,15 @@
     "js-cookie": "^3.0.5",
     "react-google-recaptcha-v3": "^1.10.1",
     "react-hook-form": "^7.46.1",
-    "react-use-draggable-scroll": "^0.4.7",
-    "simple-zustand-devtools": "^1.1.0"
+    "react-use-draggable-scroll": "^0.4.7"
   },
   "peerDependencies": {
+    "csp-header": "^6.1.0",
     "react": "^19.1.0",
     "typescript": "^5.2.2",
+    "usehooks-ts": "^3.1.1",
     "yup": "^1.4.0",
-    "zustand": "^4.4.7"
+    "zustand": "^5.0.5"
   },
   "scripts": {
     "build": "tsc",
@@ -33,7 +34,8 @@
     "@types/js-cookie": "^3.0.3",
     "@types/node": "^20.5.7",
     "@types/react": "^19.1.0",
-    "eslint": "^8.50.0",
+    "csp-header": "^6.3.0",
+    "eslint": "9.26.0",
     "eslint-config-next": "^13.5.3",
     "eslint-config-prettier": "^9.0.0",
     "eslint-plugin-jsx-a11y": "^6.7.1",
@@ -43,10 +45,11 @@
     "react": "^19.1.0",
     "typescript": "^5.2.2",
     "typescript-eslint": "^0.0.1-alpha.0",
+    "usehooks-ts": "^3.1.1",
     "watch": "^1.0.2",
-    "yup": "^1.4.0",
-    "zustand": "^4.4.7"
+    "yup": "^1.7.1",
+    "zustand": "^5.0.5"
   },
-  "packageManager": "yarn@4.9.1",
+  "packageManager": "yarn@4.12.0",
   "stableVersion": "3.0.0"
-}
+}

package/store/cookies.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../src/store/cookies.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,eAAe,EAAE,OAAO,CAAA;IACxB,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,0BAA0B,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,cAAc,0EAyBlB,CAAA;AAMF,eAAe,cAAc,CAAA"}
+{"version":3,"file":"cookies.d.ts","sourceRoot":"","sources":["../src/store/cookies.ts"],"names":[],"mappings":"AAGA,MAAM,WAAW,WAAW;IAC1B,eAAe,EAAE,OAAO,CAAA;IACxB,uBAAuB,EAAE,OAAO,CAAA;IAChC,kBAAkB,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IAC/C,0BAA0B,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAA;IACvD,SAAS,EAAE,OAAO,CAAA;IAClB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,MAAM,IAAI,CAAA;CACvB;AAED,QAAA,MAAM,cAAc,0EAyBlB,CAAA;AAEF,eAAe,cAAc,CAAA"}

package/store/cookies.js

@@ -1,5 +1,4 @@
 import { create } from 'zustand';
-import { mountStoreDevtool } from 'simple-zustand-devtools';
 import Cookies from 'js-cookie';
 const useCookieStore = create()((set) => {
     const cookiesAccepted = !!Cookies.get('accepted-cookies') || false;
@@ -26,7 +25,4 @@ const useCookieStore = create()((set) => {
         closePopup: () => set({ popupOpen: false }),
     };
 });
-if (process.env.NODE_ENV === 'development') {
-    mountStoreDevtool('CookieStore', useCookieStore);
-}
 export default useCookieStore;

package/store/modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/store/modal.ts"],"names":[],"mappings":"AAGA,UAAU,UAAU;IAClB,SAAS,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;IACjC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,aAAa,yEASjB,CAAA;AAMF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"modal.d.ts","sourceRoot":"","sources":["../src/store/modal.ts"],"names":[],"mappings":"AAGA,UAAU,UAAU;IAClB,SAAS,EAAE;QACT,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB,CAAA;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAA;IACjC,SAAS,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,UAAU,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,QAAA,MAAM,aAAa,yEASjB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/store/modal.js

@@ -1,5 +1,4 @@
 import { create } from 'zustand';
-import { mountStoreDevtool } from 'simple-zustand-devtools';
 const useModalStore = create()((set, get) => {
     return {
         openState: {},
@@ -8,7 +7,4 @@ const useModalStore = create()((set, get) => {
         closeModal: (name) => set((state) => ({ openState: { ...state.openState, [name]: false } })),
     };
 });
-if (process.env.NODE_ENV === 'development') {
-    mountStoreDevtool('ModalStore', useModalStore);
-}
 export default useModalStore;

package/store/nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../src/store/nav.ts"],"names":[],"mappings":"AAGA,UAAU,QAAQ;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,uEAKd,CAAA;AAMH,eAAe,WAAW,CAAA"}
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../src/store/nav.ts"],"names":[],"mappings":"AAEA,UAAU,QAAQ;IAChB,OAAO,EAAE,OAAO,CAAA;IAChB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,QAAQ,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,QAAA,MAAM,WAAW,uEAKd,CAAA;AAEH,eAAe,WAAW,CAAA"}

package/store/nav.js

@@ -1,12 +1,8 @@
 import { create } from 'zustand';
-import { mountStoreDevtool } from 'simple-zustand-devtools';
 const useNavStore = create()((set) => ({
     navOpen: false,
     toggleNav: () => set((state) => ({ navOpen: !state.navOpen })),
     openNav: () => set({ navOpen: true }),
     closeNav: () => set({ navOpen: false }),
 }));
-if (process.env.NODE_ENV === 'development') {
-    mountStoreDevtool('NavStore', useNavStore);
-}
 export default useNavStore;