@volvo-cars/ced-os-react-components - npm Package Compare versions

Comparing version 2.0.14-rc.0 to 2.0.14-rc.1

lib/types/components/Footnote/FootnotesDisplay.d.ts

 import { PropsWithChildrenAndClassName } from '../../types';
-declare const FootnotesDisplay: ({ className }: PropsWithChildrenAndClassName) => import("react/jsx-runtime").JSX.Element;
+declare const FootnotesDisplay: ({ className }: PropsWithChildrenAndClassName) => import("react/jsx-runtime").JSX.Element | null;
 export { FootnotesDisplay };

lib/types/components/Footnote/index.d.ts

@@ -29,3 +29,3 @@ import { PropsWithChildren } from 'react';
  */
-declare function Footnote({ noteText, className, ...props }: FootnoteProps): import("react/jsx-runtime").JSX.Element;
+declare function Footnote({ noteText, className, ...props }: FootnoteProps): import("react/jsx-runtime").JSX.Element | null;
 export { Footnote };

lib/types/components/Media/index.d.ts

@@ -8,3 +8,3 @@ import React, { Dispatch, SetStateAction } from 'react';
     setVideoRef: Dispatch<SetStateAction<any>>;
-    videoRef?: React.RefObject<HTMLVideoElement>;
+    videoRef?: React.RefObject<HTMLVideoElement> | undefined;
 }>;
@@ -11,0 +11,0 @@ /**

lib/types/config/useIcons.d.ts

 /// <reference types="react" />
 export declare const useIcons: () => {
-    note?: import("react").ElementType<any>;
-    warning?: import("react").ElementType<any>;
-    important?: import("react").ElementType<any>;
-    tip?: import("react").ElementType<any>;
-    chevron?: import("react").ElementType<any>;
-    replay?: import("react").ElementType<any>;
+    note?: import("react").ElementType<any> | undefined;
+    warning?: import("react").ElementType<any> | undefined;
+    important?: import("react").ElementType<any> | undefined;
+    tip?: import("react").ElementType<any> | undefined;
+    chevron?: import("react").ElementType<any> | undefined;
+    replay?: import("react").ElementType<any> | undefined;
 };

lib/types/JSONArticle/index.d.ts

@@ -45,3 +45,3 @@ /// <reference types="react" />
  */
-declare function JSONArticle({ theme, config, data, metaSlot, omitTitle, darkMode, ...articleProps }: JSONArticleProps): import("react/jsx-runtime").JSX.Element;
+declare function JSONArticle({ theme, config, data, metaSlot, omitTitle, darkMode, ...articleProps }: JSONArticleProps): import("react/jsx-runtime").JSX.Element | null;
 export { JSONArticle };

lib/types/JSONContent/index.d.ts

@@ -19,3 +19,3 @@ import { ReactElement } from 'react';
 }
-declare function JSONContent({ theme, config, data }: JSONContentProps): ReactElement<any, string | import("react").JSXElementConstructor<any>>;
+declare function JSONContent({ theme, config, data }: JSONContentProps): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 export { JSONContent };

lib/types/render/config.d.ts

@@ -113,3 +113,3 @@ /// <reference types="react" />
         props: {
-            subtype: string;
+            subtype: string | undefined;
         };
@@ -123,3 +123,3 @@ };
         props: {
-            level: number;
+            level: number | undefined;
         };
@@ -138,4 +138,4 @@ };
         props: {
-            value: string | JSX.Element;
-            options: import("./types").TextOptions[];
+            value: string | JSX.Element | undefined;
+            options: import("./types").TextOptions[] | undefined;
         };
@@ -161,3 +161,3 @@ };
         props: {
-            listType: string;
+            listType: string | undefined;
         };
@@ -177,10 +177,10 @@ };
         props: {
-            poster: string;
-            src: string;
-            autoplay: boolean;
-            controls: boolean;
-            loop: boolean;
-            template: string;
-            height: string;
-            width: string;
+            poster: string | undefined;
+            src: string | undefined;
+            autoplay: boolean | undefined;
+            controls: boolean | undefined;
+            loop: boolean | undefined;
+            template: string | undefined;
+            height: string | undefined;
+            width: string | undefined;
         };
@@ -224,3 +224,3 @@ };
         props: {
-            ordering: string;
+            ordering: string | undefined;
         };
@@ -240,7 +240,7 @@ };
         props: {
-            src: string;
-            alt: string;
-            template: string;
-            height: string;
-            width: string;
+            src: string | undefined;
+            alt: string | undefined;
+            template: string | undefined;
+            height: string | undefined;
+            width: string | undefined;
         };
@@ -251,7 +251,7 @@ };
         props: {
-            src: string;
-            alt: string;
-            template: string;
-            height: string;
-            width: string;
+            src: string | undefined;
+            alt: string | undefined;
+            template: string | undefined;
+            height: string | undefined;
+            width: string | undefined;
         };
@@ -286,3 +286,3 @@ };
         props: {
-            position: import("./types").Position;
+            position: import("./types").Position | undefined;
         };
@@ -319,3 +319,3 @@ };
         props: {
-            align: string;
+            align: string | undefined;
         };
@@ -338,9 +338,9 @@ };
         props: {
-            colSpan: number;
-            rowSpan: number;
-            morerows: string;
-            namest: string;
-            nameend: string;
-            valign: string;
-            align: string;
+            colSpan: number | undefined;
+            rowSpan: number | undefined;
+            morerows: string | undefined;
+            namest: string | undefined;
+            nameend: string | undefined;
+            valign: string | undefined;
+            align: string | undefined;
         };
@@ -351,3 +351,3 @@ };
         props: {
-            href: string;
+            href: string | undefined;
         };
@@ -358,3 +358,3 @@ };
         props: {
-            address: string;
+            address: string | undefined;
         };
@@ -371,4 +371,4 @@ };
         props: {
-            value: string | JSX.Element;
-            datetime: string;
+            value: string | JSX.Element | undefined;
+            datetime: string | undefined;
         };
@@ -406,11 +406,11 @@ };
         props: {
-            poster: string;
-            src: string;
-            title: string;
-            autoplay: boolean;
-            controls: boolean;
-            loop: boolean;
-            template: string;
-            height: string;
-            width: string;
+            poster: string | undefined;
+            src: string | undefined;
+            title: string | undefined;
+            autoplay: boolean | undefined;
+            controls: boolean | undefined;
+            loop: boolean | undefined;
+            template: string | undefined;
+            height: string | undefined;
+            width: string | undefined;
         };
@@ -424,3 +424,3 @@ };
     };
-    __IGNORE_TYPES__: any[];
+    __IGNORE_TYPES__: never[];
     __ALIAS_MAP__: {
@@ -427,0 +427,0 @@ 'leg-entry': string;

lib/types/render/createRenderer.d.ts

@@ -25,3 +25,3 @@ import { ReactElement, ReactNode } from 'react';
     value?: undefined;
-};
+} | null;
 export { createRenderer, getComponentConfig, renderChildren };

lib/types/render/renderUtils.d.ts

@@ -15,3 +15,3 @@ /// <reference types="react" />
 export declare const isNotIgnored: (componentMappings: ComponentsConfig, { type }: JSONNode) => boolean;
-export declare const isTextNode: (node: JSONNodeOrString) => boolean;
+export declare const isTextNode: (node: JSONNodeOrString) => boolean | "";
 export declare const groupTextChildren: (children: JSONChildren) => string | JSONNodeOrString[];
@@ -18,0 +18,0 @@ export declare const dataTransformStringToTextComponent: (data?: JSONNode | string) => JSONNode | undefined;

lib/types/themes/breakpoints.d.ts

@@ -7,3 +7,3 @@ export declare enum breakpointSizes {
 export declare const breakpoints: {
-    readonly onlyS: any;
+    readonly onlyS: string;
     untilM: string;
@@ -17,3 +17,3 @@ fromM: string;
     fromXL: string;
-    readonly onlyXL: any;
+    readonly onlyXL: string;
 };

lib/types/utils/organizeListChildren.d.ts

 import { ReactElement, ReactNode } from 'react';
 export declare const organizeListChildren: (originalChildren?: ReactNode) => {
-    intro: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
-    outro: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
-    items: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>)[];
-    head: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
+    intro: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | undefined;
+    outro: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | undefined;
+    items: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null)[];
+    head: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | undefined;
 };

lib/types/utils/organizeMediaChildren.d.ts

 import { ReactElement, ReactNode } from 'react';
 export declare const organizeMediaChildren: (originalChildren?: ReactNode) => {
-    visual: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode>;
-    overlay: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
+    visual: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | undefined;
+    overlay: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | undefined;
     caption: (string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal)[];
-    image: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
-    video: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
-    animation: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal;
+    image: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | undefined;
+    video: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | undefined;
+    animation: string | number | ReactElement<any, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | import("react").ReactPortal | undefined;
 };

lib/types/utils/setTitleLevel.d.ts

 import React, { ReactElement } from 'react';
 import { PropsWithChildrenAndClassName } from '../types';
-export declare const setTitleLevel: (titleComponent: ReactElement, level: number, props?: PropsWithChildrenAndClassName) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const setTitleLevel: (titleComponent: ReactElement, level: number, props?: PropsWithChildrenAndClassName) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;

lib/types/utils/useImgSrcAttrs.d.ts

 export declare const useImgSrcAttrs: (src: string, defaultSize?: number) => {
     src: string;
-    srcSet?: string;
-    sizes?: string;
-};
+    srcSet?: string | undefined;
+    sizes?: string | undefined;
+} | null;
 declare const sizes: string;
 export {};

package.json

 {
   "name": "@volvo-cars/ced-os-react-components",
-  "version": "2.0.14-rc.0",
+  "version": "2.0.14-rc.1",
   "description": "Set of components for developing UIs in the onboarding and support apps",
@@ -49,3 +49,4 @@ "keywords": [],
     "dev": "npm run storybook",
-    "build": "npm run lint && scripts/bundle.cjs && npm run types",
+    "build": "npm run lint && scripts/bundle.cjs && npm run types && npm run build:es",
+    "build:es": "tsc --outDir lib/es --declarationDir lib/types --declaration --jsx react-jsx --target ESNext --moduleResolution node --allowSyntheticDefaultImports --resolveJsonModule --skipLibCheck --noEmit false",
     "lint": "eslint ./src --fix",
@@ -97,26 +98,26 @@ "test": "vitest run",
     "@testing-library/dom": "^9.3.1",
-    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/jest-dom": "^6.1.2",
     "@testing-library/react": "^14.0.0",
-    "@types/node": "^20.3.1",
-    "@types/react": "^18.2.12",
-    "@types/react-dom": "^18.2.5",
+    "@types/node": "^20.5.9",
+    "@types/react": "^18.2.21",
+    "@types/react-dom": "^18.2.7",
     "@vanilla-extract/babel-plugin": "^1.2.0",
-    "@vanilla-extract/css": "^1.11.1",
+    "@vanilla-extract/css": "^1.13.0",
     "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/esbuild-plugin": "^2.2.2",
-    "@vanilla-extract/vite-plugin": "^3.8.2",
-    "@vitejs/plugin-react": "^4.0.0",
+    "@vanilla-extract/esbuild-plugin": "^2.3.0",
+    "@vanilla-extract/vite-plugin": "^3.9.0",
+    "@vitejs/plugin-react": "^4.0.4",
     "@vitest/coverage-c8": "^0.32.0",
-    "@volvo-cars/eslint-config": "^4.2.0",
+    "@volvo-cars/eslint-config": "^5.0.0",
     "@volvo-cars/prettier-config": "^2.1.0",
-    "c8": "^8.0.0",
-    "concurrently": "^8.2.0",
+    "c8": "^8.0.1",
+    "concurrently": "^8.2.1",
     "ejs": "^3.1.9",
-    "esbuild": "^0.18.2",
-    "eslint": "8.42.0",
-    "html-validate": "^8.0.5",
+    "esbuild": "^0.19.2",
+    "eslint": "8.48.0",
+    "html-validate": "^8.3.0",
     "jsdom": "^22.1.0",
     "loki": "^0.32.0",
     "npm-pack": "^1.0.0",
-    "prettier": "^2.8.8",
+    "prettier": "^3.0.3",
     "react": "^18.2.0",
@@ -127,6 +128,6 @@ "react-dom": "^18.2.0",
     "ts-node": "^10.9.1",
-    "typescript": "^5.1.3",
-    "vite": "^4.3.9",
-    "vitest": "^0.32.0"
+    "typescript": "^5.2.2",
+    "vite": "^4.4.9",
+    "vitest": "^0.34.3"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

889093

increased by35.77%

Number of package files

400

increased by109.42%

Lines of code

16896

increased by54.56%

No dependency changes