@equinor/cpl-error-snackbar-react 0.1.2 → 0.1.3

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, SetStateAction } from 'react';
+import { ReactNode, SetStateAction, HTMLAttributes } from 'react';
 
 interface CopyToClipboardButtonProps {
     value: string;
@@ -174,7 +174,25 @@ declare const DEFAULT_TIMEOUT_MS_BY_TYPE: {
 };
 type Toaster = ReturnType<typeof buildToaster>;
 
-interface ToastContainerProps {
+type Placement = 'top-right';
+interface ToastContainerInnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    toasts: Toast[];
+    /**
+     * The z-index of the toast container.
+     *
+     * @see {@link DEFAULT_TOAST_CONTAINER_Z_INDEX}
+     *
+     * @default 1000
+     */
+    zIndex?: number;
+    deleteToastById: (id: string) => void;
+    /**
+     * @default "top-right"
+     */
+    placement?: Placement;
+}
+
+interface ToastContainerProps extends Omit<ToastContainerInnerProps, 'toasts' | 'deleteToastById'> {
     toaster: Toaster;
 }
 declare function ToastContainer({ toaster }: ToastContainerProps): react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
-import { ReactNode, SetStateAction } from 'react';
+import { ReactNode, SetStateAction, HTMLAttributes } from 'react';
 
 interface CopyToClipboardButtonProps {
     value: string;
@@ -174,7 +174,25 @@ declare const DEFAULT_TIMEOUT_MS_BY_TYPE: {
 };
 type Toaster = ReturnType<typeof buildToaster>;
 
-interface ToastContainerProps {
+type Placement = 'top-right';
+interface ToastContainerInnerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    toasts: Toast[];
+    /**
+     * The z-index of the toast container.
+     *
+     * @see {@link DEFAULT_TOAST_CONTAINER_Z_INDEX}
+     *
+     * @default 1000
+     */
+    zIndex?: number;
+    deleteToastById: (id: string) => void;
+    /**
+     * @default "top-right"
+     */
+    placement?: Placement;
+}
+
+interface ToastContainerProps extends Omit<ToastContainerInnerProps, 'toasts' | 'deleteToastById'> {
     toaster: Toaster;
 }
 declare function ToastContainer({ toaster }: ToastContainerProps): react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -22,6 +22,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -641,16 +653,24 @@ var StyledPaper = (0, import_styled_components4.default)(import_eds_core_react3.
 
 // src/toast/ToastContainerInner.tsx
 var import_jsx_runtime7 = require("react/jsx-runtime");
-function ToastContainerInner({
-  deleteToastById,
-  toasts,
-  placement = "top-right",
-  toastContainerClassName = ""
-}) {
-  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Container, { $placement: placement, className: toastContainerClassName, children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToastItem, { toast, onDelete: deleteToastById }, toast.id)) });
+var DEFAULT_TOAST_CONTAINER_Z_INDEX = 1e3;
+function ToastContainerInner(_a) {
+  var _b = _a, {
+    deleteToastById,
+    toasts,
+    placement = "top-right",
+    zIndex = DEFAULT_TOAST_CONTAINER_Z_INDEX
+  } = _b, containerProps = __objRest(_b, [
+    "deleteToastById",
+    "toasts",
+    "placement",
+    "zIndex"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(Container, __spreadProps(__spreadValues({ $placement: placement, $zIndex: zIndex }, containerProps), { children: toasts.map((toast) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(ToastItem, { toast, onDelete: deleteToastById }, toast.id)) }));
 }
 var Container = import_styled_components5.default.div`
   position: fixed;
+  z-index: ${({ $zIndex }) => $zIndex};
 
   padding: 16px;
   margin: -16px;

package/dist/index.mjs

@@ -17,6 +17,18 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
 var __async = (__this, __arguments, generator) => {
   return new Promise((resolve, reject) => {
     var fulfilled = (value) => {
@@ -597,16 +609,24 @@ var StyledPaper = styled4(Paper)`
 
 // src/toast/ToastContainerInner.tsx
 import { jsx as jsx7 } from "react/jsx-runtime";
-function ToastContainerInner({
-  deleteToastById,
-  toasts,
-  placement = "top-right",
-  toastContainerClassName = ""
-}) {
-  return /* @__PURE__ */ jsx7(Container, { $placement: placement, className: toastContainerClassName, children: toasts.map((toast) => /* @__PURE__ */ jsx7(ToastItem, { toast, onDelete: deleteToastById }, toast.id)) });
+var DEFAULT_TOAST_CONTAINER_Z_INDEX = 1e3;
+function ToastContainerInner(_a) {
+  var _b = _a, {
+    deleteToastById,
+    toasts,
+    placement = "top-right",
+    zIndex = DEFAULT_TOAST_CONTAINER_Z_INDEX
+  } = _b, containerProps = __objRest(_b, [
+    "deleteToastById",
+    "toasts",
+    "placement",
+    "zIndex"
+  ]);
+  return /* @__PURE__ */ jsx7(Container, __spreadProps(__spreadValues({ $placement: placement, $zIndex: zIndex }, containerProps), { children: toasts.map((toast) => /* @__PURE__ */ jsx7(ToastItem, { toast, onDelete: deleteToastById }, toast.id)) }));
 }
 var Container = styled5.div`
   position: fixed;
+  z-index: ${({ $zIndex }) => $zIndex};
 
   padding: 16px;
   margin: -16px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@equinor/cpl-error-snackbar-react",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "license": "MIT",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",