@helsenorge/designsystem-react 1.0.0-beta.6 → 1.0.0-beta100

package/components/Modal/Modal.d.ts

@@ -0,0 +1,70 @@
+import React from 'react';
+import { ZIndex } from '../../constants';
+export declare enum ModalVariants {
+    normal = "normal",
+    warning = "warning",
+    error = "error",
+    success = "success",
+    image = "image"
+}
+export declare enum ModalSize {
+    large = "large",
+    medium = "medium"
+}
+export interface ModalProps {
+    /** Title of the modal */
+    title: string;
+    /** id of the modal title */
+    titleId?: string;
+    /** Description of the modal */
+    description?: string;
+    /** Changes the visual representation of the modal. Description will not render if children prop is provided */
+    variant?: keyof typeof ModalVariants;
+    /** Change width of the modal (default: large) */
+    size?: keyof typeof ModalSize;
+    /** Icon displayed in title */
+    icon?: React.ReactElement;
+    /** Hides the close button */
+    noCloseButton?: boolean;
+    /** Sets the data-testid attribute. */
+    testId?: string;
+    /**Primary button text */
+    primaryButtonText?: string;
+    /**Secondary button text */
+    secondaryButtonText?: string;
+    /** Sets the aria-label of the modal */
+    ariaLabel?: string;
+    /** Sets the aria-labelledby of the modal */
+    ariaLabelledBy?: string;
+    /** Close button aria-label */
+    ariaLabelCloseBtn?: string;
+    /** Alternative component to modal */
+    children?: React.ReactNode;
+    /** Component shown after title */
+    afterTitleChildren?: React.ReactNode;
+    /** Adds custom classes to the element. */
+    className?: string;
+    /** Customize the z-index of the modal */
+    zIndex?: number;
+    /** Function is called when user clicks primary button */
+    onSuccess?: () => void;
+    /** Function is called when user clicks secondary button */
+    onClose?: () => void;
+    /** When enabled the component will be rendered in the bottom of document.body */
+    printable?: boolean;
+    /** When enabled the events for closing the modal won't be added */
+    disableCloseEvents?: boolean;
+}
+declare const Modal: {
+    (props: ModalProps): JSX.Element;
+    defaultProps: {
+        variant: ModalVariants;
+        primaryButtonText: string;
+        titleId: string;
+        className: string;
+        size: ModalSize;
+        zIndex: ZIndex;
+    };
+};
+export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/components/Modal/Modal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAiBzC,OAAO,EAAe,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEtD,oBAAY,aAAa;IACvB,MAAM,WAAW;IACjB,OAAO,YAAY;IACnB,KAAK,UAAU;IACf,OAAO,YAAY;IACnB,KAAK,UAAU;CAChB;AAED,oBAAY,SAAS;IACnB,KAAK,UAAU;IACf,MAAM,WAAW;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,yBAAyB;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,4BAA4B;IAC5B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,+BAA+B;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,+GAA+G;IAC/G,OAAO,CAAC,EAAE,MAAM,OAAO,aAAa,CAAC;IACrC,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,OAAO,SAAS,CAAC;IAC9B,8BAA8B;IAC9B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,6BAA6B;IAC7B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sCAAsC;IACtC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yBAAyB;IACzB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,2BAA2B;IAC3B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,uCAAuC;IACvC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8BAA8B;IAC9B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,kCAAkC;IAClC,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,yCAAyC;IACzC,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2DAA2D;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,iFAAiF;IACjF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,mEAAmE;IACnE,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAuCD,QAAA,MAAM,KAAK;;;;;;;;;;CA4JV,CAAC;AAIF,eAAe,KAAK,CAAC"}

package/components/Modal/__mocks__/IntersectionObserver.d.ts

@@ -0,0 +1,6 @@
+declare class IntersectionObserver {
+    observe(): void;
+    unobserve(): void;
+}
+export default IntersectionObserver;
+//# sourceMappingURL=IntersectionObserver.d.ts.map

package/components/Modal/__mocks__/IntersectionObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IntersectionObserver.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/__mocks__/IntersectionObserver.ts"],"names":[],"mappings":"AAAA,cAAM,oBAAoB;IACxB,OAAO,IAAI,IAAI;IAGf,SAAS,IAAI,IAAI;CAGlB;AAMD,eAAe,oBAAoB,CAAC"}

package/components/Modal/componentdata.json

@@ -0,0 +1,448 @@
+{
+  "props": {
+    "title": {
+      "defaultValue": null,
+      "description": "Title of the modal",
+      "name": "title",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": true,
+      "type": {
+        "name": "string"
+      }
+    },
+    "titleId": {
+      "defaultValue": {
+        "value": "uuid()"
+      },
+      "description": "id of the modal title",
+      "name": "titleId",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "description": {
+      "defaultValue": null,
+      "description": "Description of the modal",
+      "name": "description",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "variant": {
+      "defaultValue": {
+        "value": "ModalVariants.normal"
+      },
+      "description": "Changes the visual representation of the modal. Description will not render if children prop is provided",
+      "name": "variant",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"normal\" | \"warning\" | \"error\" | \"success\" | \"image\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"normal\""
+          },
+          {
+            "value": "\"warning\""
+          },
+          {
+            "value": "\"error\""
+          },
+          {
+            "value": "\"success\""
+          },
+          {
+            "value": "\"image\""
+          }
+        ]
+      }
+    },
+    "size": {
+      "defaultValue": {
+        "value": "ModalSize.large"
+      },
+      "description": "Change width of the modal (default: large)",
+      "name": "size",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "enum",
+        "raw": "\"large\" | \"medium\" | undefined",
+        "value": [
+          {
+            "value": "undefined"
+          },
+          {
+            "value": "\"large\""
+          },
+          {
+            "value": "\"medium\""
+          }
+        ]
+      }
+    },
+    "icon": {
+      "defaultValue": null,
+      "description": "Icon displayed in title",
+      "name": "icon",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactElement<any, string | ((props: any) => ReactElement<any, any> | null) | (new (props: any) => Component<any, any, any>)>"
+      }
+    },
+    "noCloseButton": {
+      "defaultValue": null,
+      "description": "Hides the close button",
+      "name": "noCloseButton",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "testId": {
+      "defaultValue": null,
+      "description": "Sets the data-testid attribute.",
+      "name": "testId",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "primaryButtonText": {
+      "defaultValue": {
+        "value": "OK"
+      },
+      "description": "Primary button text",
+      "name": "primaryButtonText",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "secondaryButtonText": {
+      "defaultValue": null,
+      "description": "Secondary button text",
+      "name": "secondaryButtonText",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "ariaLabel": {
+      "defaultValue": null,
+      "description": "Sets the aria-label of the modal",
+      "name": "ariaLabel",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "ariaLabelledBy": {
+      "defaultValue": null,
+      "description": "Sets the aria-labelledby of the modal",
+      "name": "ariaLabelledBy",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "ariaLabelCloseBtn": {
+      "defaultValue": null,
+      "description": "Close button aria-label",
+      "name": "ariaLabelCloseBtn",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "children": {
+      "defaultValue": null,
+      "description": "Alternative component to modal",
+      "name": "children",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "afterTitleChildren": {
+      "defaultValue": null,
+      "description": "Component shown after title",
+      "name": "afterTitleChildren",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "ReactNode"
+      }
+    },
+    "className": {
+      "defaultValue": {
+        "value": ""
+      },
+      "description": "Adds custom classes to the element.",
+      "name": "className",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "string"
+      }
+    },
+    "zIndex": {
+      "defaultValue": {
+        "value": "ZIndex.Modal"
+      },
+      "description": "Customize the z-index of the modal",
+      "name": "zIndex",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "number"
+      }
+    },
+    "onSuccess": {
+      "defaultValue": null,
+      "description": "Function is called when user clicks primary button",
+      "name": "onSuccess",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "(() => void)"
+      }
+    },
+    "onClose": {
+      "defaultValue": null,
+      "description": "Function is called when user clicks secondary button",
+      "name": "onClose",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "(() => void)"
+      }
+    },
+    "printable": {
+      "defaultValue": null,
+      "description": "When enabled the component will be rendered in the bottom of document.body",
+      "name": "printable",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    },
+    "disableCloseEvents": {
+      "defaultValue": null,
+      "description": "When enabled the events for closing the modal won't be added",
+      "name": "disableCloseEvents",
+      "parent": {
+        "fileName": "src/components/Modal/Modal.tsx",
+        "name": "ModalProps"
+      },
+      "declarations": [
+        {
+          "fileName": "src/components/Modal/Modal.tsx",
+          "name": "ModalProps"
+        }
+      ],
+      "required": false,
+      "type": {
+        "name": "boolean"
+      }
+    }
+  }
+}

package/components/Modal/index.d.ts

@@ -0,0 +1,4 @@
+import Modal from './Modal';
+export * from './Modal';
+export default Modal;
+//# sourceMappingURL=index.d.ts.map

package/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,eAAe,KAAK,CAAC"}

package/components/Modal/index.js

@@ -0,0 +1,2 @@
+import{M as s}from"../../Modal-8ba60dd4.js";export{b as ModalSize,a as ModalVariants,M as default}from"../../Modal-8ba60dd4.js";import"../../_rollupPluginBabelHelpers-d0752906.js";import"react";import"../../index-9b84fabc.js";import"../../palette-f206f488.js";import"../../Button-a0423474.js";import"../../_tslib-51c8a283.js";import"../../constants-ad6c82db.js";import"../../color-acb834c6.js";import"../../index-19b48c51.js";import"../../grid-11a70eb7.js";import"../../Icon-89da8de4.js";import"../../Loader-b7486541.js";import"../../uuid-fe7442b7.js";import"../Loader/styles.module.scss";import"../../useHover-037be19d.js";import"../../useWindowSize-73b47451.js";import"../Button/styles.module.scss";import"./styles.module.scss";import"../../AlertSignFill-e607ff43.js";import"../../Title-fab4097d.js";import"../Title/styles.module.scss";import"../../Close-007fca15.js";import"../Close/styles.module.scss";import"../../useBreakpoint-324a9b14.js";import"react-dom";
+//# sourceMappingURL=index.js.map

package/components/Modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}