@dso-toolkit/core 34.2.1 → 36.1.0

package/dist/types/components/autosuggest/autosuggest.d.ts

@@ -1,11 +1,25 @@
 import { Event, EventEmitter, VNode } from "../../stencil-public-runtime";
 export interface Suggestion {
+  /**
+   * The text that will be displayed as the suggestion.
+   */
   value: string;
+  /**
+   * The type of suggestion.
+   */
   type?: string;
+  /**
+   * A reference to the original object that was used to create the suggestion.
+   */
+  item?: unknown;
 }
 export declare class Autosuggest {
   /**
-   * The suggestions for the value of the slotted input element
+   * The suggestions for the value of the slotted input element. Optionally a
+   * Suggestion can have a `type` and `item`.
+   *
+   * The `type` is used to style the suggestion. `item` can be use to reference
+   * the original object that was used to create the suggestion.
    */
   readonly suggestions: Suggestion[];
   /**

package/dist/types/components/header/header.d.ts

@@ -1,3 +1,8 @@
+import { EventEmitter } from "../../stencil-public-runtime";
+export interface HeaderMenuItemClickEvent {
+  originalEvent: MouseEvent;
+  menuItem: HeaderMenuItem;
+}
 export interface HeaderMenuItem {
   label: string;
   url: string;
@@ -16,6 +21,7 @@ export declare class Header {
   host: HTMLElement;
   hasSubLogo: boolean;
   overflowMenuItems: number;
+  menuItemClick: EventEmitter<HeaderMenuItemClickEvent>;
   watchUseDropDownMenu(value: "always" | "never" | "auto"): void;
   wrapper: HTMLDivElement | undefined;
   nav: HTMLUListElement | undefined;
@@ -31,6 +37,6 @@ export declare class Header {
   };
   connectedCallback(): void;
   disconnectedCallback(): void;
-  MenuItem(item: HeaderMenuItem): any;
+  MenuItem: (item: HeaderMenuItem) => any;
   render(): any;
 }

package/dist/types/components/header/header.template.d.ts

@@ -1,2 +1,2 @@
 import { Header } from "@dso-toolkit/sources";
-export declare function headerTemplate({ logo, subLogo, mainMenu, useDropDownMenu, showSubLogo, loginUrl, logoutUrl, isLoggedIn, showLoggedIn, userProfileUrl, userProfileName, userHomeUrl, }: Header): import("lit-html").TemplateResult<1>;
+export declare function headerTemplate({ logo, subLogo, mainMenu, useDropDownMenu, showSubLogo, loginUrl, logoutUrl, isLoggedIn, showLoggedIn, userProfileUrl, userProfileName, userHomeUrl, menuItemClick, }: Header): import("lit-html").TemplateResult<1>;

package/dist/types/components/image-overlay/image-overlay.d.ts

@@ -0,0 +1,15 @@
+import { ComponentInterface } from "../../stencil-public-runtime";
+import { FocusTrap } from 'focus-trap';
+export declare class ImageOverlay implements ComponentInterface {
+  host: HTMLElement;
+  active: boolean;
+  focused: boolean;
+  buttonElement: HTMLButtonElement | undefined;
+  wrapperElement: HTMLDivElement | undefined;
+  trap: FocusTrap | undefined;
+  private mutationObserver?;
+  componentDidLoad(): void;
+  disconnectedCallback(): void;
+  render(): any;
+  componentDidRender(): void;
+}

package/dist/types/components/image-overlay/image-overlay.template.d.ts

@@ -0,0 +1,2 @@
+import { ImageOverlay } from '@dso-toolkit/sources';
+export declare function imageOverlayTemplate({ image }: ImageOverlay): import("lit-html").TemplateResult<1>;

package/dist/types/components/ozon-content/get-node-name.function.d.ts

@@ -0,0 +1 @@
+export declare function getNodeName(node: Node): string;

package/dist/types/components/ozon-content/nodes/al.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentAlNode implements OzonContentNode {
+  name: string;
+  render(node: Element, { mapNodeToJsx, path }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/document.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentDocumentNode implements OzonContentNode {
+  name: string;
+  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/ext-ref.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentExtRefNode implements OzonContentNode {
+  name: string[];
+  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/fallback.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentFallbackNode implements OzonContentNode {
+  name: string[];
+  render(node: Node, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/illustratie.node.d.ts

@@ -0,0 +1,5 @@
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentIllustratieNode implements OzonContentNode {
+  name: string[];
+  render(node: Element): any;
+}

package/dist/types/components/ozon-content/nodes/inhoud.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentInhoudNode implements OzonContentNode {
+  name: string[];
+  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/inline.nodes.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentInlineNodes implements OzonContentNode {
+  name: string[];
+  render(node: Element, { mapNodeToJsx }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/int-ref.node.d.ts

@@ -0,0 +1,6 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentIntRefNode implements OzonContentNode {
+  name: string;
+  render(node: Element, { mapNodeToJsx, emitAnchorClick }: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/noot.node.d.ts

@@ -0,0 +1,8 @@
+import { OzonContentNodeContext } from '../ozon-content-node-context.interface';
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentNootNode implements OzonContentNode {
+  name: string;
+  handles: string[];
+  identify(): string | undefined;
+  render(node: Element, { mapNodeToJsx, state: openNoteId, setState }: OzonContentNodeContext<string | undefined>): any;
+}

package/dist/types/components/ozon-content/nodes/table.node/colspec/colspec-mapper.d.ts

@@ -0,0 +1,2 @@
+import { Colspecs } from './colspec.interface';
+export declare function mapColspecs(count: number, nodeList: NodeListOf<Element>): Colspecs;

package/dist/types/components/ozon-content/nodes/table.node/colspec/colspec.interface.d.ts

@@ -0,0 +1,10 @@
+export interface Colspecs {
+  totalWidth: number;
+  count: number;
+  columns: Colspec[];
+}
+export interface Colspec {
+  name: string;
+  number: number;
+  width: string | undefined;
+}

package/dist/types/components/ozon-content/nodes/table.node/index.d.ts

@@ -0,0 +1 @@
+export { OzonContentTableNode } from './table.node';

package/dist/types/components/ozon-content/nodes/table.node/table-cell.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { OzonContentNodeContext } from '../../ozon-content-node-context.interface';
+import { Colspecs } from './colspec/colspec.interface';
+export declare const Cell: FunctionalComponent<{
+  context: OzonContentNodeContext;
+  colspecs: Colspecs | undefined;
+  cell: Element;
+}>;

package/dist/types/components/ozon-content/nodes/table.node/table-colgroup.d.ts

@@ -0,0 +1,5 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { Colspecs } from './colspec/colspec.interface';
+export declare const Colgroup: FunctionalComponent<{
+  colspecs: Colspecs;
+}>;

package/dist/types/components/ozon-content/nodes/table.node/table-rows.d.ts

@@ -0,0 +1,8 @@
+import { FunctionalComponent } from '../../../../stencil-public-runtime';
+import { OzonContentNodeContext } from '../../ozon-content-node-context.interface';
+import { Colspecs } from './colspec/colspec.interface';
+export declare const Rows: FunctionalComponent<{
+  context: OzonContentNodeContext;
+  colspecs: Colspecs | undefined;
+  rows: Element[];
+}>;

package/dist/types/components/ozon-content/nodes/table.node/table.node.d.ts

@@ -0,0 +1,7 @@
+import { OzonContentNodeContext } from '../../ozon-content-node-context.interface';
+import { OzonContentNode } from '../../ozon-content-node.interface';
+export declare class OzonContentTableNode implements OzonContentNode {
+  name: string;
+  handles: string[];
+  render(node: Element, context: OzonContentNodeContext): any;
+}

package/dist/types/components/ozon-content/nodes/text.node.d.ts

@@ -0,0 +1,5 @@
+import { OzonContentNode } from '../ozon-content-node.interface';
+export declare class OzonContentTextNode implements OzonContentNode {
+  name: string;
+  render(node: Node): any;
+}

package/dist/types/components/ozon-content/ozon-content-context.interface.d.ts

@@ -0,0 +1,8 @@
+import { EventEmitter } from '../../stencil-public-runtime';
+import { OzonContentNodeState } from './ozon-content-node-state.interface';
+import { OzonContentAnchorClick } from './ozon-content.interfaces';
+export interface OzonContentContext {
+  state: OzonContentNodeState;
+  setState(state: OzonContentNodeState): void;
+  emitAnchorClick: EventEmitter<OzonContentAnchorClick>['emit'];
+}

package/dist/types/components/ozon-content/ozon-content-mapper.d.ts

@@ -0,0 +1,11 @@
+import { OzonContentContext } from './ozon-content-context.interface';
+export declare class Mapper {
+  private cache;
+  private mappers;
+  private skip;
+  private fallbackNode;
+  private domParser;
+  private findMapper;
+  mapNodeToJsx(node: Node | Node[] | NodeList, context: OzonContentContext, path: Node[]): JSX.Element;
+  transform(xml: string, context: OzonContentContext): JSX.Element;
+}

package/dist/types/components/ozon-content/ozon-content-node-context.interface.d.ts

@@ -0,0 +1,7 @@
+export interface OzonContentNodeContext<T = unknown> {
+  path: Node[];
+  mapNodeToJsx(node: Node | Node[] | NodeList): JSX.Element;
+  emitAnchorClick(event: any): void;
+  state?: T;
+  setState?(state: T): void;
+}

package/dist/types/components/ozon-content/ozon-content-node-state.interface.d.ts

@@ -0,0 +1,3 @@
+export interface OzonContentNodeState {
+  [nodeId: string]: unknown;
+}

package/dist/types/components/ozon-content/ozon-content-node.interface.d.ts

@@ -0,0 +1,7 @@
+import { OzonContentNodeContext } from './ozon-content-node-context.interface';
+export interface OzonContentNode<T = unknown> {
+  name: string | string[];
+  handles?: string[];
+  identify?(node: Node): string | undefined;
+  render(node: Node, context: OzonContentNodeContext<T>): JSX.Element;
+}

package/dist/types/components/ozon-content/ozon-content.d.ts

@@ -1,13 +1,10 @@
 import { ComponentInterface, EventEmitter } from '../../stencil-public-runtime';
-import { ContentAnchor } from './ozon-content.interfaces';
+import { OzonContentAnchorClick } from './ozon-content.interfaces';
+import { OzonContentNodeState } from './ozon-content-node-state.interface';
 export declare class OzonContent implements ComponentInterface {
-  content: string;
-  anchorClick: EventEmitter<ContentAnchor>;
-  handleClick(event: PointerEvent): void;
-  private container?;
-  private transformer;
-  componentWillLoad(): void;
-  componentWillRender(): void;
-  render(): any;
-  componentDidRender(): void;
+  content: string | undefined;
+  state: OzonContentNodeState;
+  anchorClick: EventEmitter<OzonContentAnchorClick>;
+  private mapper;
+  render(): JSX.Element;
 }

package/dist/types/components/ozon-content/ozon-content.interfaces.d.ts

@@ -1,5 +1,5 @@
-export interface ContentAnchor {
+export interface OzonContentAnchorClick {
   href: string;
   documentComponent: string;
-  originalEvent: PointerEvent;
+  originalEvent: MouseEvent;
 }

package/dist/types/components.d.ts

@@ -7,11 +7,11 @@
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
 import { Suggestion } from "./components/autosuggest/autosuggest";
 import { DsoDatePickerChangeEvent, DsoDatePickerDirection, DsoDatePickerFocusEvent, DsoDatePickerKeyboardEvent } from "./components/date-picker/date-picker";
-import { HeaderMenuItem } from "./components/header/header";
+import { HeaderMenuItem, HeaderMenuItemClickEvent } from "./components/header/header";
 import { InfoButtonToggleEvent } from "./components/info-button/info-button";
 import { BaseLayer, BaseLayerChangeEvent } from "./components/map-base-layers/map-base-layers.interfaces";
 import { Overlay, OverlayChangeEvent } from "./components/map-overlays/map-overlays.interfaces";
-import { ContentAnchor } from "./components/ozon-content/ozon-content.interfaces";
+import { OzonContentAnchorClick } from "./components/ozon-content/ozon-content.interfaces";
 import { SelectableChangeEvent } from "./components/selectable/selectable";
 import { TreeViewItem, TreeViewPointerEvent } from "./components/tree-view/tree-view.interfaces";
 import { FilterpanelEvent } from "./components/viewer-grid/viewer-grid";
@@ -35,7 +35,7 @@ export namespace Components {
          */
         "suggestOnFocus": boolean;
         /**
-          * The suggestions for the value of the slotted input element
+          * The suggestions for the value of the slotted input element. Optionally a Suggestion can have a `type` and `item`.  The `type` is used to style the suggestion. `item` can be use to reference the original object that was used to create the suggestion.
          */
         "suggestions": Suggestion[];
     }
@@ -137,6 +137,8 @@ export namespace Components {
     interface DsoIcon {
         "icon"?: string;
     }
+    interface DsoImageOverlay {
+    }
     interface DsoInfo {
         "active"?: boolean;
         "fixed"?: boolean;
@@ -162,7 +164,7 @@ export namespace Components {
         "overlays": Overlay[];
     }
     interface DsoOzonContent {
-        "content": string;
+        "content": string | undefined;
     }
     interface DsoProgressBar {
         "max": number;
@@ -306,6 +308,12 @@ declare global {
         prototype: HTMLDsoIconElement;
         new (): HTMLDsoIconElement;
     };
+    interface HTMLDsoImageOverlayElement extends Components.DsoImageOverlay, HTMLStencilElement {
+    }
+    var HTMLDsoImageOverlayElement: {
+        prototype: HTMLDsoImageOverlayElement;
+        new (): HTMLDsoImageOverlayElement;
+    };
     interface HTMLDsoInfoElement extends Components.DsoInfo, HTMLStencilElement {
     }
     var HTMLDsoInfoElement: {
@@ -402,6 +410,7 @@ declare global {
         "dso-helpcenter-panel": HTMLDsoHelpcenterPanelElement;
         "dso-highlight-box": HTMLDsoHighlightBoxElement;
         "dso-icon": HTMLDsoIconElement;
+        "dso-image-overlay": HTMLDsoImageOverlayElement;
         "dso-info": HTMLDsoInfoElement;
         "dso-info-button": HTMLDsoInfoButtonElement;
         "dso-label": HTMLDsoLabelElement;
@@ -450,7 +459,7 @@ declare namespace LocalJSX {
          */
         "suggestOnFocus"?: boolean;
         /**
-          * The suggestions for the value of the slotted input element
+          * The suggestions for the value of the slotted input element. Optionally a Suggestion can have a `type` and `item`.  The `type` is used to style the suggestion. `item` can be use to reference the original object that was used to create the suggestion.
          */
         "suggestions"?: Suggestion[];
     }
@@ -540,7 +549,8 @@ declare namespace LocalJSX {
         "isLoggedIn"?: boolean;
         "loginUrl"?: string;
         "logoutUrl"?: string;
-        "mainMenu": HeaderMenuItem[];
+        "mainMenu"?: HeaderMenuItem[];
+        "onMenuItemClick"?: (event: CustomEvent<HeaderMenuItemClickEvent>) => void;
         "useDropDownMenu"?: "always" | "never" | "auto";
         "userHomeUrl"?: string;
         "userProfileName"?: string;
@@ -560,6 +570,8 @@ declare namespace LocalJSX {
     interface DsoIcon {
         "icon"?: string;
     }
+    interface DsoImageOverlay {
+    }
     interface DsoInfo {
         "active"?: boolean;
         "fixed"?: boolean;
@@ -592,8 +604,8 @@ declare namespace LocalJSX {
         "overlays": Overlay[];
     }
     interface DsoOzonContent {
-        "content": string;
-        "onAnchorClick"?: (event: CustomEvent<ContentAnchor>) => void;
+        "content"?: string | undefined;
+        "onAnchorClick"?: (event: CustomEvent<OzonContentAnchorClick>) => void;
     }
     interface DsoProgressBar {
         "max"?: number;
@@ -688,6 +700,7 @@ declare namespace LocalJSX {
         "dso-helpcenter-panel": DsoHelpcenterPanel;
         "dso-highlight-box": DsoHighlightBox;
         "dso-icon": DsoIcon;
+        "dso-image-overlay": DsoImageOverlay;
         "dso-info": DsoInfo;
         "dso-info-button": DsoInfoButton;
         "dso-label": DsoLabel;
@@ -719,6 +732,7 @@ declare module "@stencil/core" {
             "dso-helpcenter-panel": LocalJSX.DsoHelpcenterPanel & JSXBase.HTMLAttributes<HTMLDsoHelpcenterPanelElement>;
             "dso-highlight-box": LocalJSX.DsoHighlightBox & JSXBase.HTMLAttributes<HTMLDsoHighlightBoxElement>;
             "dso-icon": LocalJSX.DsoIcon & JSXBase.HTMLAttributes<HTMLDsoIconElement>;
+            "dso-image-overlay": LocalJSX.DsoImageOverlay & JSXBase.HTMLAttributes<HTMLDsoImageOverlayElement>;
             "dso-info": LocalJSX.DsoInfo & JSXBase.HTMLAttributes<HTMLDsoInfoElement>;
             "dso-info-button": LocalJSX.DsoInfoButton & JSXBase.HTMLAttributes<HTMLDsoInfoButtonElement>;
             "dso-label": LocalJSX.DsoLabel & JSXBase.HTMLAttributes<HTMLDsoLabelElement>;

package/dist/types/icon/dso-icon-sass-function.d.ts

@@ -1,4 +1,4 @@
 import { instance as sass } from '@stencil/sass';
 export declare const dsoIcon: {
-  'dso-icon($icon, $variant: null)': (sassIconAlias: typeof sass.types.SassType, sassVariant: typeof sass.types.String | typeof sass.types.Null) => import("sass").types.String;
+  'dso-icon($icon, $variant: null)': (sassIconAlias: typeof sass.types.String, sassVariant: typeof sass.types.String | typeof sass.types.Null) => import("sass").types.String;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dso-toolkit/core",
-  "version": "34.2.1",
+  "version": "36.1.0",
   "description": "DSO Toolkit Web Components",
   "main": "dist/index.cjs.js",
   "module": "dist/custom-elements/index.js",
@@ -19,52 +19,56 @@
     "build": "stencil build",
     "start": "yarn clear && cross-env DSO_ENV=development yarn node scripts/start.js",
     "watch": "yarn clear && cross-env DSO_ENV=development yarn node scripts/watch.js",
-    "build-www": "cross-env DSO_ENV=production yarn bin_build-storybook --static-dir ./dist --output-dir ./www",
+    "build-www": "cross-env DSO_ENV=production yarn bin_build-storybook --static-dir ./dist,../sources/storybook-assets --output-dir ./www",
     "bin_stencil": "stencil",
     "bin_start-storybook": "start-storybook",
     "bin_cypress": "cypress",
     "bin_build-storybook": "build-storybook"
   },
+  "dependencies": {
+    "@stencil/core": "2.10.0"
+  },
   "devDependencies": {
-    "@babel/core": "^7.15.8",
+    "@babel/core": "^7.17.9",
     "@dso-toolkit/sources": "0.0.0",
-    "@popperjs/core": "^2.11.2",
-    "@stencil/core": "2.9.0",
-    "@stencil/react-output-target": "0.1.0",
+    "@popperjs/core": "^2.11.5",
+    "@stencil/react-output-target": "^0.3.1",
     "@stencil/sass": "1.5.2",
-    "@storybook/addon-a11y": "6.3.12",
-    "@storybook/addon-essentials": "6.3.12",
-    "@storybook/addons": "6.3.12",
-    "@storybook/web-components": "6.3.12",
-    "@types/concurrently": "^6.3.0",
+    "@storybook/addon-a11y": "6.4.22",
+    "@storybook/addon-essentials": "6.4.22",
+    "@storybook/addons": "6.4.22",
+    "@storybook/builder-webpack5": "6.4.22",
+    "@storybook/manager-webpack5": "6.4.22",
+    "@storybook/web-components": "6.4.22",
+    "@types/concurrently": "^7.0.0",
     "@types/debounce": "^1.2.1",
-    "@types/sass": "1.16.1",
-    "@types/uuid": "^8.3.1",
-    "@types/validator": "^13.6.5",
+    "@types/sass": "^1.43.1",
+    "@types/uuid": "^8.3.4",
+    "@types/validator": "^13.7.2",
     "@whitespace/storybook-addon-html": "5.0.0",
-    "axe-core": "^4.3.3",
-    "babel-loader": "^8.2.2",
+    "axe-core": "^4.4.1",
+    "babel-loader": "^8.2.5",
     "cheerio": "1.0.0-rc.10",
     "clsx": "1.1.1",
-    "concurrently": "^6.3.0",
+    "concurrently": "^7.1.0",
     "cross-env": "^7.0.3",
     "debounce": "^1.2.1",
     "escape-string-regexp": "^5.0.0",
-    "focus-trap": "^6.7.3",
-    "http-proxy-middleware": "^2.0.1",
-    "lit-html": "^2.0.1",
-    "mini-svg-data-uri": "1.4.3",
-    "minimist": "^1.2.5",
+    "focus-trap": "^6.8.1",
+    "http-proxy-middleware": "^2.0.6",
+    "lit-html": "^2.2.2",
+    "mini-svg-data-uri": "1.4.4",
+    "minimist": "^1.2.6",
     "popper-max-size-modifier": "^0.2.0",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "rimraf": "^3.0.2",
     "stencil-inline-svg": "1.1.0",
-    "tabbable": "^5.2.1",
-    "typescript": "4.4.4",
+    "tabbable": "^5.3.1",
+    "typescript": "^4.5.0",
     "uuid": "^8.3.2",
-    "validator": "^13.6.0",
-    "wait-on": "^6.0.0",
-    "webpack": "^5.58.2"
+    "validator": "^13.7.0",
+    "wait-on": "^6.0.1",
+    "webpack": "^5.72.0"
   }
 }