@websolutespa/bom-mixer-hooks 1.8.9 → 1.8.11

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @websolutespa/bom-mixer-hooks
 
+## 1.8.11
+
+### Patch Changes
+
+- Modified: usePage typings
+- Updated dependencies
+- Updated dependencies
+  - @websolutespa/bom-mixer-store@1.8.11
+  - @websolutespa/bom-mixer-models@1.8.18
+
+## 1.8.10
+
+### Patch Changes
+
+- 88267c3: Modified: useAutosizeTextArea
+
 ## 1.8.9
 
 ### Patch Changes

package/dist/index.d.ts

@@ -1,7 +1,8 @@
 import * as react from 'react';
 import react__default, { RefObject, Dispatch, SetStateAction, CSSProperties, MutableRefObject, ComponentProps, useEffect } from 'react';
 import { ApiRequestOptions } from '@websolutespa/bom-mixer-store';
-import { QueryParams, IEquatable, IFeatureType, ILabel, ILocalizable, ILayout, IPage } from '@websolutespa/bom-core';
+import * as _websolutespa_bom_core from '@websolutespa/bom-core';
+import { QueryParams, IEquatable, IFeatureType, ILabel, ILocalizable, ILayout, ILocalized, IPage } from '@websolutespa/bom-core';
 import * as zustand from 'zustand';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ILazyModules } from '@websolutespa/bom-mixer-models';
@@ -410,11 +411,368 @@ declare function useMounted(): boolean;
 
 declare function useNumber(options?: Intl.NumberFormatOptions, locale?: string): (value: number) => string;
 
-type IPageContext = IPage;
-declare const usePage: () => NonNullable<IPageContext>;
+type IPageContext = ILocalized<IPage>;
+declare const usePage: () => {
+    [x: string]: unknown;
+    id: _websolutespa_bom_core.IEquatable;
+    schema: string;
+    title: string;
+    abstract?: string | undefined;
+    description?: string | undefined;
+    media?: {
+        [x: string]: unknown;
+        id?: string | undefined;
+        alt?: string | undefined;
+        filename?: string | undefined;
+        mimeType?: string | undefined;
+        filesize?: number | undefined;
+        focalX?: number | undefined;
+        focalY?: number | undefined;
+        createdAt?: string | Date | undefined;
+        updatedAt?: string | Date | undefined;
+        url?: string | undefined;
+        title?: string | undefined;
+        abstract?: string | undefined;
+        type: string;
+        src?: string | undefined;
+        media?: any | undefined;
+        width?: string | number | undefined;
+        height?: string | number | undefined;
+    } | undefined;
+    meta?: {
+        title?: string | undefined;
+        description?: string | undefined;
+        keywords?: string | undefined;
+        robots?: string | undefined;
+    } | undefined;
+    components?: _websolutespa_bom_core.IComponent[] | undefined;
+    category: {
+        readonly [x: number]: string;
+        [x: string]: unknown;
+        toString: () => string;
+        charAt: (pos: number) => string;
+        charCodeAt: (index: number) => number;
+        concat: (...strings: string[]) => string;
+        indexOf: (searchString: string, position?: number | undefined) => number;
+        lastIndexOf: (searchString: string, position?: number | undefined) => number;
+        localeCompare: {
+            (that: string): number;
+            (that: string, locales?: string | string[] | undefined, options?: Intl.CollatorOptions | undefined): number;
+            (that: string, locales?: Intl.LocalesArgument, options?: Intl.CollatorOptions | undefined): number;
+        };
+        match: {
+            (regexp: string | RegExp): RegExpMatchArray | null;
+            (matcher: {
+                [Symbol.match](string: string): RegExpMatchArray | null;
+            }): RegExpMatchArray | null;
+        };
+        replace: {
+            (searchValue: string | RegExp, replaceValue: string): string;
+            (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
+            (searchValue: {
+                [Symbol.replace](string: string, replaceValue: string): string;
+            }, replaceValue: string): string;
+            (searchValue: {
+                [Symbol.replace](string: string, replacer: (substring: string, ...args: any[]) => string): string;
+            }, replacer: (substring: string, ...args: any[]) => string): string;
+        };
+        search: {
+            (regexp: string | RegExp): number;
+            (searcher: {
+                [Symbol.search](string: string): number;
+            }): number;
+        };
+        slice: (start?: number | undefined, end?: number | undefined) => string;
+        split: {
+            (separator: string | RegExp, limit?: number | undefined): string[];
+            (splitter: {
+                [Symbol.split](string: string, limit?: number | undefined): string[];
+            }, limit?: number | undefined): string[];
+        };
+        substring: (start: number, end?: number | undefined) => string;
+        toLowerCase: () => string;
+        toLocaleLowerCase: {
+            (locales?: string | string[] | undefined): string;
+            (locales?: Intl.LocalesArgument): string;
+        };
+        toUpperCase: () => string;
+        toLocaleUpperCase: {
+            (locales?: string | string[] | undefined): string;
+            (locales?: Intl.LocalesArgument): string;
+        };
+        trim: () => string;
+        readonly length: number;
+        substr: (from: number, length?: number | undefined) => string;
+        valueOf: () => string;
+        codePointAt: (pos: number) => number | undefined;
+        includes: (searchString: string, position?: number | undefined) => boolean;
+        endsWith: (searchString: string, endPosition?: number | undefined) => boolean;
+        normalize: {
+            (form: "NFC" | "NFD" | "NFKC" | "NFKD"): string;
+            (form?: string | undefined): string;
+        };
+        repeat: (count: number) => string;
+        startsWith: (searchString: string, position?: number | undefined) => boolean;
+        anchor: (name: string) => string;
+        big: () => string;
+        blink: () => string;
+        bold: () => string;
+        fixed: () => string;
+        fontcolor: (color: string) => string;
+        fontsize: {
+            (size: number): string;
+            (size: string): string;
+        };
+        italics: () => string;
+        link: (url: string) => string;
+        small: () => string;
+        strike: () => string;
+        sub: () => string;
+        sup: () => string;
+        padStart: (maxLength: number, fillString?: string | undefined) => string;
+        padEnd: (maxLength: number, fillString?: string | undefined) => string;
+        trimEnd: () => string;
+        trimStart: () => string;
+        trimLeft: () => string;
+        trimRight: () => string;
+        matchAll: (regexp: RegExp) => IterableIterator<RegExpExecArray>;
+        replaceAll: {
+            (searchValue: string | RegExp, replaceValue: string): string;
+            (searchValue: string | RegExp, replacer: (substring: string, ...args: any[]) => string): string;
+        };
+        at: (index: number) => string | undefined;
+        [Symbol.iterator]: () => IterableIterator<string>;
+        id: _websolutespa_bom_core.IEquatable;
+        schema?: string | undefined;
+        category?: _websolutespa_bom_core.IEquatable | {
+            [x: string]: unknown;
+            id: _websolutespa_bom_core.IEquatable;
+            schema?: string | undefined;
+            category?: _websolutespa_bom_core.IEquatable | any | undefined;
+            media?: {
+                [x: string]: unknown;
+                id?: string | undefined;
+                alt?: string | undefined;
+                filename?: string | undefined;
+                mimeType?: string | undefined;
+                filesize?: number | undefined;
+                focalX?: number | undefined;
+                focalY?: number | undefined;
+                createdAt?: string | Date | undefined;
+                updatedAt?: string | Date | undefined;
+                url?: string | undefined;
+                title?: string | undefined;
+                abstract?: string | undefined;
+                type: string;
+                src?: string | undefined;
+                media?: any | undefined;
+                width?: string | number | undefined;
+                height?: string | number | undefined;
+            } | undefined;
+            order?: number | undefined;
+            slug: string;
+            title: string;
+            isHidden?: boolean | undefined;
+        } | undefined;
+        media?: {
+            [x: string]: unknown;
+            id?: string | undefined;
+            alt?: string | undefined;
+            filename?: string | undefined;
+            mimeType?: string | undefined;
+            filesize?: number | undefined;
+            focalX?: number | undefined;
+            focalY?: number | undefined;
+            createdAt?: string | Date | undefined;
+            updatedAt?: string | Date | undefined;
+            url?: string | undefined;
+            title?: string | undefined;
+            abstract?: string | undefined;
+            type: string;
+            src?: string | undefined;
+            media?: any | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+        } | undefined;
+        order?: number | undefined;
+        slug: string;
+        title: string;
+        isHidden?: boolean | undefined;
+        href: string;
+    } | {
+        [x: string]: unknown;
+        toString: (radix?: number | undefined) => string;
+        toFixed: (fractionDigits?: number | undefined) => string;
+        toExponential: (fractionDigits?: number | undefined) => string;
+        toPrecision: (precision?: number | undefined) => string;
+        valueOf: () => number;
+        toLocaleString: {
+            (locales?: string | string[] | undefined, options?: Intl.NumberFormatOptions | undefined): string;
+            (locales?: Intl.LocalesArgument, options?: Intl.NumberFormatOptions | undefined): string;
+        };
+        id: _websolutespa_bom_core.IEquatable;
+        schema?: string | undefined;
+        category?: _websolutespa_bom_core.IEquatable | {
+            [x: string]: unknown;
+            id: _websolutespa_bom_core.IEquatable;
+            schema?: string | undefined;
+            category?: _websolutespa_bom_core.IEquatable | any | undefined;
+            media?: {
+                [x: string]: unknown;
+                id?: string | undefined;
+                alt?: string | undefined;
+                filename?: string | undefined;
+                mimeType?: string | undefined;
+                filesize?: number | undefined;
+                focalX?: number | undefined;
+                focalY?: number | undefined;
+                createdAt?: string | Date | undefined;
+                updatedAt?: string | Date | undefined;
+                url?: string | undefined;
+                title?: string | undefined;
+                abstract?: string | undefined;
+                type: string;
+                src?: string | undefined;
+                media?: any | undefined;
+                width?: string | number | undefined;
+                height?: string | number | undefined;
+            } | undefined;
+            order?: number | undefined;
+            slug: string;
+            title: string;
+            isHidden?: boolean | undefined;
+        } | undefined;
+        media?: {
+            [x: string]: unknown;
+            id?: string | undefined;
+            alt?: string | undefined;
+            filename?: string | undefined;
+            mimeType?: string | undefined;
+            filesize?: number | undefined;
+            focalX?: number | undefined;
+            focalY?: number | undefined;
+            createdAt?: string | Date | undefined;
+            updatedAt?: string | Date | undefined;
+            url?: string | undefined;
+            title?: string | undefined;
+            abstract?: string | undefined;
+            type: string;
+            src?: string | undefined;
+            media?: any | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+        } | undefined;
+        order?: number | undefined;
+        slug: string;
+        title: string;
+        isHidden?: boolean | undefined;
+        href: string;
+    } | {
+        [x: string]: unknown;
+        id: _websolutespa_bom_core.IEquatable;
+        schema?: string | undefined;
+        category?: _websolutespa_bom_core.IEquatable | {
+            [x: string]: unknown;
+            id: _websolutespa_bom_core.IEquatable;
+            schema?: string | undefined;
+            category?: _websolutespa_bom_core.IEquatable | any | undefined;
+            media?: {
+                [x: string]: unknown;
+                id?: string | undefined;
+                alt?: string | undefined;
+                filename?: string | undefined;
+                mimeType?: string | undefined;
+                filesize?: number | undefined;
+                focalX?: number | undefined;
+                focalY?: number | undefined;
+                createdAt?: string | Date | undefined;
+                updatedAt?: string | Date | undefined;
+                url?: string | undefined;
+                title?: string | undefined;
+                abstract?: string | undefined;
+                type: string;
+                src?: string | undefined;
+                media?: any | undefined;
+                width?: string | number | undefined;
+                height?: string | number | undefined;
+            } | undefined;
+            order?: number | undefined;
+            slug: string;
+            title: string;
+            isHidden?: boolean | undefined;
+        } | undefined;
+        media?: {
+            [x: string]: unknown;
+            id?: string | undefined;
+            alt?: string | undefined;
+            filename?: string | undefined;
+            mimeType?: string | undefined;
+            filesize?: number | undefined;
+            focalX?: number | undefined;
+            focalY?: number | undefined;
+            createdAt?: string | Date | undefined;
+            updatedAt?: string | Date | undefined;
+            url?: string | undefined;
+            title?: string | undefined;
+            abstract?: string | undefined;
+            type: string;
+            src?: string | undefined;
+            media?: any | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+        } | undefined;
+        order?: number | undefined;
+        slug: string;
+        title: string;
+        isHidden?: boolean | undefined;
+        href: string;
+    };
+    slug: string;
+    template?: string | undefined;
+    isDefault?: boolean | undefined;
+    useSplat?: boolean | undefined;
+    order?: number | undefined;
+    markets?: string[] | undefined;
+    createdAt?: Date | undefined;
+    updatedAt?: Date | undefined;
+    _status?: string | undefined;
+    alternates: _websolutespa_bom_core.IRoute[];
+    breadcrumb: _websolutespa_bom_core.IRouteLink[];
+    href: string;
+    locale: string;
+    market: string;
+    parentRoute?: {
+        category: _websolutespa_bom_core.IEquatable;
+        href: string;
+        id: _websolutespa_bom_core.IEquatable;
+        items?: _websolutespa_bom_core.IRouteLink[] | undefined;
+        media?: {
+            [x: string]: unknown;
+            id?: string | undefined;
+            alt?: string | undefined;
+            filename?: string | undefined;
+            mimeType?: string | undefined;
+            filesize?: number | undefined;
+            focalX?: number | undefined;
+            focalY?: number | undefined;
+            createdAt?: string | Date | undefined;
+            updatedAt?: string | Date | undefined;
+            url?: string | undefined;
+            title?: string | undefined;
+            abstract?: string | undefined;
+            type: string;
+            src?: string | undefined;
+            media?: any | undefined;
+            width?: string | number | undefined;
+            height?: string | number | undefined;
+        } | undefined;
+        schema: string;
+        title: string;
+    } | undefined;
+};
 declare function PageProvider({ children, page }: {
     children?: react__default.ReactNode;
-    page: IPage;
+    page: ILocalized<IPage>;
 }): react_jsx_runtime.JSX.Element;
 
 type IPageRouteOptions = {

package/dist/index.js

@@ -291,8 +291,8 @@ var import_react3 = require("react");
 function useAutosizeTextArea(textAreaRef, value) {
   (0, import_react3.useEffect)(() => {
     if (textAreaRef) {
-      textAreaRef.style.height = "0px";
-      textAreaRef.style.height = textAreaRef.scrollHeight + 1 + "px";
+      textAreaRef.style.minHeight = "0px";
+      textAreaRef.style.minHeight = textAreaRef.scrollHeight + "px";
     }
   }, [textAreaRef, value]);
 }

package/dist/index.mjs

@@ -144,8 +144,8 @@ import { useEffect as useEffect2 } from "react";
 function useAutosizeTextArea(textAreaRef, value) {
   useEffect2(() => {
     if (textAreaRef) {
-      textAreaRef.style.height = "0px";
-      textAreaRef.style.height = textAreaRef.scrollHeight + 1 + "px";
+      textAreaRef.style.minHeight = "0px";
+      textAreaRef.style.minHeight = textAreaRef.scrollHeight + "px";
     }
   }, [textAreaRef, value]);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@websolutespa/bom-mixer-hooks",
-  "version": "1.8.9",
+  "version": "1.8.11",
   "description": "Mixer Hooks module of the BOM Repository",
   "keywords": [
     "bom",

package/src/useAutosizeTextArea/useAutosizeTextArea.ts

@@ -6,8 +6,8 @@ export function useAutosizeTextArea(
 ) {
   useEffect(() => {
     if (textAreaRef) {
-      textAreaRef.style.height = '0px';
-      textAreaRef.style.height = textAreaRef.scrollHeight + 1 + 'px';
+      textAreaRef.style.minHeight = '0px';
+      textAreaRef.style.minHeight = textAreaRef.scrollHeight + 'px';
     }
   }, [textAreaRef, value]);
 }

package/src/useLayout/useLayout.default.ts

@@ -35,103 +35,11 @@ export const LayoutDefaults: ILayout = {
               items: [],
               media: {
                 type: 'image',
-                src: 'https://bom-mixer.wslabs.it/assets/header/6366_n_tiles.jpg',
-              },
-            },
-            {
-              id: 'product_category_element',
-              type: 'category',
-              title: '3D Elements',
-              category: 'product_category_element',
-              href: '#collections/3d-elements',
-              items: [],
-              media: {
-                type: 'image',
-                src: 'https://bom-mixer.wslabs.it/assets/header/6369_n_3d_elements_menu_cover.webp',
-              },
-            },
-            {
-              id: 'product_category_paint',
-              type: 'category',
-              title: 'Paints',
-              category: 'product_category_paint',
-              href: '#collections/paints',
-              items: [],
-              media: {
-                type: 'image',
-                src: 'https://bom-mixer.wslabs.it/assets/header/6367_n_paints.jpg',
-              },
-            },
-            {
-              id: 'product_category_woodmetal',
-              type: 'category',
-              title: 'Wood & Metal',
-              category: 'product_category_woodmetal',
-              href: '#collections/wood-and-metal',
-              items: [],
-              media: {
-                type: 'image',
-                src: 'https://bom-mixer.wslabs.it/assets/header/6368_n_menu_wood_metal.webp',
-              },
-            },
-            {
-              id: 'product_category_accessory',
-              type: 'category',
-              title: 'Accessories',
-              category: 'product_category_accessory',
-              href: '#collections/accessories',
-              items: [],
-              media: {
-                type: 'image',
-                src: 'https://bom-mixer.wslabs.it/assets/header/6371_n_accessories.jpg',
-              },
-            },
-            {
-              id: 'product_category_edition',
-              type: 'category',
-              title: 'Editions',
-              category: 'product_category_edition',
-              href: '#collections/editions',
-              items: [],
-              media: {
-                type: 'image',
-                src: 'https://bom-mixer.wslabs.it/assets/header/7858_n_Menu.webp',
+                src: 'https://placehold.co/960x600/e4e5eb/f4f5fb.webp?text=placehold',
               },
             },
           ],
         },
-        {
-          id: 2,
-          type: 'category',
-          title: 'Magazine',
-          category: 'magazine_index',
-          href: '#magazine',
-          items: [],
-        },
-        {
-          id: 3,
-          type: 'category',
-          title: 'Stores',
-          category: 'store_index',
-          href: '#stores',
-          items: [],
-        },
-        {
-          id: 4,
-          type: 'category',
-          title: 'Contact us',
-          category: 'contact',
-          href: '#contact-us',
-          items: [],
-        },
-        {
-          id: 5,
-          type: 'category',
-          title: 'Shop',
-          category: 'shop_index',
-          href: '#shop',
-          items: [],
-        },
       ],
     },
   },

package/src/usePage/usePage.tsx

@@ -1,12 +1,12 @@
-import { IPage } from '@websolutespa/bom-core';
+import { ILocalized, IPage } from '@websolutespa/bom-core';
 import React from 'react';
 import { createGenericContext } from '../useGenericContext/useGenericContext';
 
-export type IPageContext = IPage;
+export type IPageContext = ILocalized<IPage>;
 
 const [usePage, PageContextProvider] = createGenericContext<IPageContext>();
 
-function PageProvider({ children, page }: { children?: React.ReactNode, page: IPage }) {
+function PageProvider({ children, page }: { children?: React.ReactNode, page: ILocalized<IPage> }) {
   return (
     <PageContextProvider value={page}>
       {children}