ublo-lib 1.32.0 → 1.32.2

package/es/common/components/plausible/hooks/use-plausible.d.ts

@@ -2,7 +2,7 @@ type Revenue = {
     currency: string;
     amount: number;
 };
-export default function useGoal(goal: string, props: Record<string, any>, revenue?: Revenue, overridenDomain?: string): void;
+export default function useGoal(goal: string, props: Record<string, any>, revenue?: Revenue, domainOverride?: string): void;
 declare global {
     interface Window {
         plausible: any;

package/es/common/components/plausible/hooks/use-plausible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-plausible.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/hooks/use-plausible.ts"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,OAAO,EACjB,eAAe,CAAC,EAAE,MAAM,QAQzB;AAcD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,MAAM;QACd,SAAS,EAAE,GAAG,CAAC;KAChB;CACF"}
+{"version":3,"file":"use-plausible.d.ts","sourceRoot":"","sources":["../../../../../src/common/components/plausible/hooks/use-plausible.ts"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,OAAO,EACjB,cAAc,CAAC,EAAE,MAAM,QAQxB;AAcD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,MAAM;QACd,SAAS,EAAE,GAAG,CAAC;KAChB;CACF"}

package/es/common/components/plausible/hooks/use-plausible.js

@@ -4,22 +4,22 @@ import load from "../services/load";
 import sendGoal from "../services/send-goal";
 const { publicRuntimeConfig } = getConfig();
 const { plausibleDomain } = publicRuntimeConfig;
-export default function useGoal(goal, props, revenue, overridenDomain) {
-    const [loaded] = usePlausible(overridenDomain);
+export default function useGoal(goal, props, revenue, domainOverride) {
+    const [loaded] = usePlausible(domainOverride);
     React.useEffect(() => {
         if (!loaded || !window.plausible)
             return;
         const defaultProps = { path: document.location.pathname };
         sendGoal(goal, props || defaultProps, revenue);
-    }, [goal, loaded, props]);
+    }, [goal, loaded, props, revenue]);
 }
-function usePlausible(overridenDomain) {
+function usePlausible(domainOverride) {
     const [loaded, setLoaded] = React.useState(false);
     React.useEffect(() => {
-        if (!overridenDomain && !plausibleDomain)
+        if (!domainOverride && !plausibleDomain)
             return;
         load();
         setLoaded(true);
-    }, [overridenDomain]);
+    }, [domainOverride]);
     return [loaded, setLoaded];
 }

package/es/common/components/scrolling-carousel/scrolling-carousel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"scrolling-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/scrolling-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAkGvE"}
+{"version":3,"file":"scrolling-carousel.d.ts","sourceRoot":"","sources":["../../../../src/common/components/scrolling-carousel/scrolling-carousel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAW/B,KAAK,KAAK,GAAG;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,CAAC;AAKF,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,KAAK,2CAkHvE"}

package/es/common/components/scrolling-carousel/scrolling-carousel.js

@@ -18,6 +18,13 @@ export default function ScrollingCarousel({ className, children }) {
         nextDisabled: false,
     });
     const { width } = useWindowSizes();
+    const resetScroll = () => {
+        const inner = ref.current;
+        if (inner) {
+            const innerContainer = inner;
+            innerContainer.scrollLeft = 0;
+        }
+    };
     const slideTo = (direction) => () => {
         const zone = zoneRef.current;
         const inner = ref.current;
@@ -45,21 +52,28 @@ export default function ScrollingCarousel({ className, children }) {
             setOverflow(innerContainer.clientWidth < zoneContainer.clientWidth);
             setControls({
                 prevDisabled: Math.floor(innerContainer.scrollLeft) === 0,
-                nextDisabled: Math.round(innerContainer.scrollLeft) ===
-                    Math.round(innerContainer.scrollWidth) -
-                        Math.round(innerContainer.clientWidth),
+                nextDisabled: Math.floor(innerContainer.scrollLeft) ===
+                    Math.floor(innerContainer.scrollWidth) -
+                        Math.floor(innerContainer.clientWidth),
             });
         }
     }, []);
+    React.useEffect(() => {
+        const zone = zoneRef.current;
+        if (!cmsMode && zone) {
+            const observer = new MutationObserver(resetScroll);
+            observer.observe(zone, {
+                attributes: true,
+                childList: true,
+                subtree: true,
+            });
+        }
+    }, [cmsMode]);
     React.useEffect(() => {
         refreshControls();
-    }, [cmsMode, refreshControls]);
+    }, [cmsMode, refreshControls, width]);
     React.useEffect(() => {
-        const inner = ref.current;
-        if (inner) {
-            const innerContainer = inner;
-            innerContainer.scrollLeft = 0;
-        }
+        resetScroll();
     }, [width]);
     const classes = classNames(css.carousel, className);
     return (_jsxs("div", { className: classes, children: [overflow && (_jsxs("div", { className: css.controls, "data-controls": "", children: [_jsx(Button, { className: css.control, variant: "link", onClick: slideTo(PREV), disabled: controls.prevDisabled, "data-control": "prev", children: _jsx(Icons.ChevronLeft, { className: css.controlIcon }) }), _jsx(Button, { className: css.control, variant: "link", onClick: slideTo(NEXT), disabled: controls.nextDisabled, "data-control": "next", children: _jsx(Icons.ChevronRight, { className: css.controlIcon }) })] })), _jsx("div", { className: css.inner, ref: ref, onScroll: refreshControls, "data-inner": "", children: React.cloneElement(children, { ref: zoneRef }) })] }));

package/es/common/hooks/use-update-effect.d.ts

@@ -1,2 +1,2 @@
-export default function useUpdateEffect(callback: any, dependencies: any): void;
+export default function useUpdateEffect(callback: any, dependencies?: any[]): void;
 //# sourceMappingURL=use-update-effect.d.ts.map

package/es/common/hooks/use-update-effect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-update-effect.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-update-effect.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,KAAA,EAAE,YAAY,KAAA,QAU7D"}
+{"version":3,"file":"use-update-effect.d.ts","sourceRoot":"","sources":["../../../src/common/hooks/use-update-effect.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,QAAQ,KAAA,EAAE,YAAY,QAAK,QAWlE"}

package/es/common/hooks/use-update-effect.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-export default function useUpdateEffect(callback, dependencies) {
+export default function useUpdateEffect(callback, dependencies = []) {
     const firstRenderRef = React.useRef(true);
     React.useEffect(() => {
         if (firstRenderRef.current) {
@@ -7,5 +7,5 @@ export default function useUpdateEffect(callback, dependencies) {
             return;
         }
         return callback();
-    }, dependencies);
+    }, [callback, ...dependencies]);
 }

package/es/common/utils/cms.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cms.d.ts","sourceRoot":"","sources":["../../../src/common/utils/cms.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAE1B;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,MAAM,iBAO5C;AAED,wBAAsB,aAAa,kBAOlC"}
+{"version":3,"file":"cms.d.ts","sourceRoot":"","sources":["../../../src/common/utils/cms.ts"],"names":[],"mappings":"AAIA,wBAAgB,WAAW,YAE1B;AAED,wBAAsB,UAAU,CAAC,IAAI,EAAE,MAAM,iBAQ5C;AAED,wBAAsB,aAAa,kBAQlC"}

package/es/future/components/plausible/hooks/use-plausible.d.ts

@@ -2,7 +2,7 @@ type Revenue = {
     currency: string;
     amount: number;
 };
-export default function useGoal(goal: string, props: Record<string, any>, revenue?: Revenue, overridenDomain?: string): void;
+export default function useGoal(goal: string, props: Record<string, any>, revenue?: Revenue, domainOverride?: string): void;
 declare global {
     interface Window {
         plausible: any;

package/es/future/components/plausible/hooks/use-plausible.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-plausible.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/plausible/hooks/use-plausible.ts"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,OAAO,EACjB,eAAe,CAAC,EAAE,MAAM,QAQzB;AAcD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,MAAM;QACd,SAAS,EAAE,GAAG,CAAC;KAChB;CACF"}
+{"version":3,"file":"use-plausible.d.ts","sourceRoot":"","sources":["../../../../../src/future/components/plausible/hooks/use-plausible.ts"],"names":[],"mappings":"AAQA,KAAK,OAAO,GAAG;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,OAAO,CAC7B,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAC1B,OAAO,CAAC,EAAE,OAAO,EACjB,cAAc,CAAC,EAAE,MAAM,QAQxB;AAcD,OAAO,CAAC,MAAM,CAAC;IAEb,UAAU,MAAM;QACd,SAAS,EAAE,GAAG,CAAC;KAChB;CACF"}

package/es/future/components/plausible/hooks/use-plausible.js

@@ -4,22 +4,22 @@ import load from "../services/load";
 import sendGoal from "../services/send-goal";
 const { publicRuntimeConfig } = getConfig();
 const { plausibleDomain } = publicRuntimeConfig;
-export default function useGoal(goal, props, revenue, overridenDomain) {
-    const [loaded] = usePlausible(overridenDomain);
+export default function useGoal(goal, props, revenue, domainOverride) {
+    const [loaded] = usePlausible(domainOverride);
     React.useEffect(() => {
         if (!loaded || !window.plausible)
             return;
         const defaultProps = { path: document.location.pathname };
         sendGoal(goal, props || defaultProps, revenue);
-    }, [goal, loaded, props]);
+    }, [goal, loaded, props, revenue]);
 }
-function usePlausible(overridenDomain) {
+function usePlausible(domainOverride) {
     const [loaded, setLoaded] = React.useState(false);
     React.useEffect(() => {
-        if (!overridenDomain && !plausibleDomain)
+        if (!domainOverride && !plausibleDomain)
             return;
         load();
         setLoaded(true);
-    }, [overridenDomain]);
+    }, [domainOverride]);
     return [loaded, setLoaded];
 }

package/package.json

@@ -1,6 +1,7 @@
 {
   "name": "ublo-lib",
-  "version": "1.32.0",
+  "version": "1.32.2",
+  "type": "module",
   "peerDependencies": {
     "dt-design-system": "^3.8.5",
     "leaflet": "^1.9.1",
@@ -32,8 +33,13 @@
     "@types/css-modules": "1.0.5",
     "@types/react": "18.2.77",
     "@types/react-dom": "18.2.25",
+    "@typescript-eslint/eslint-plugin": "7.6.0",
+    "@typescript-eslint/parser": "7.6.0",
     "classnames": "2.5.1",
     "cpx2": "7.0.1",
+    "eslint": "8.57.0",
+    "eslint-plugin-react": "7.34.1",
+    "eslint-plugin-react-hooks": "4.6.0",
     "dt-design-system": "3.8.5",
     "mv": "2.1.1",
     "next": "14.1.0",
@@ -47,7 +53,8 @@
     "build": "yarn clean && tsc",
     "postbuild": "cpx 'src/**/*.{json,css,svg}' es",
     "prepublishOnly": "yarn build",
-    "watch": "yarn clean && tsc --watch & cpx './src/**/*.{json,css,svg}' es -w"
+    "watch": "yarn clean && tsc --watch & cpx './src/**/*.{json,css,svg}' es -w",
+    "lint": "eslint --ext .ts,.tsx src/"
   },
   "packageManager": "yarn@1.22.18",
   "files": [