karsten-design-system 1.0.67 → 1.0.68

package/dist/index.js

@@ -32,4 +32,5 @@ export { EmptyContent } from './stories/components/emptyContent.js';
 export { Select } from './stories/components/select.js';
 export { CalendarInput } from './stories/components/calendarInput.js';
 export { Table } from './stories/components/table.js';
+import './stories/components/customToast.js';
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/stories/components/customToast.js

@@ -0,0 +1,41 @@
+import { j as jsxRuntimeExports } from '../../_virtual/jsx-runtime.js';
+import clsx from 'clsx';
+import { Toast } from 'primereact/toast';
+import { forwardRef, useRef, useImperativeHandle } from 'react';
+import SuccessIcon from '../../assets/icons/success.js';
+import ErrorIcon from '../../assets/icons/error.js';
+import InfoIcon from '../../assets/icons/info.js';
+
+forwardRef(({ severity = 'info', summary = '', detail = '', life = 3000, onShow }, ref) => {
+    const customToastRef = useRef(null);
+    const getIcon = (severity) => {
+        switch (severity) {
+            case 'success':
+                return SuccessIcon;
+            case 'error':
+                return ErrorIcon;
+            default:
+                return InfoIcon;
+        }
+    };
+    useImperativeHandle(ref, () => ({
+        show: (showProps) => {
+            const mergedProps = { severity, summary, detail, life, onShow, ...showProps };
+            customToastRef.current?.show({
+                severity: mergedProps.severity,
+                summary: mergedProps.summary,
+                detail: mergedProps.detail,
+                life: mergedProps.life,
+                className: clsx(mergedProps.severity === 'error' ? 'border-redError' : 'border-primary'),
+                icon: getIcon(mergedProps.severity),
+                contentClassName: clsx('text-primary bg-secondary border border-l-4 rounded-r-lg', mergedProps.severity === 'error'
+                    ? 'border-redError text-redError'
+                    : 'border-primary text-primary'),
+                closeIcon: clsx('pi pi-times text-primary', mergedProps.severity === 'error' ? 'text-redError' : 'text-primary'),
+            });
+            mergedProps.onShow?.();
+        },
+    }));
+    return jsxRuntimeExports.jsx(Toast, { ref: customToastRef });
+});
+//# sourceMappingURL=customToast.js.map

package/dist/stories/components/customToast.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"customToast.js","sources":["../../../../src/stories/components/customToast.tsx"],"sourcesContent":[null],"names":["_jsx","ToastPrime"],"mappings":";;;;;;;;AAqBoB,UAAU,CAC5B,CAAC,EAAE,QAAQ,GAAG,MAAM,EAAE,OAAO,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,IAAI,GAAG,IAAI,EAAE,MAAM,EAAE,EAAE,GAAG,KAAI;AAC7E,IAAA,MAAM,cAAc,GAAG,MAAM,CAAa,IAAI,CAAC;AAE/C,IAAA,MAAM,OAAO,GAAG,CAAC,QAA6B,KAAI;QAChD,QAAQ,QAAQ;AACd,YAAA,KAAK,SAAS;AACZ,gBAAA,OAAO,WAAW;AACpB,YAAA,KAAK,OAAO;AACV,gBAAA,OAAO,SAAS;AAClB,YAAA;AACE,gBAAA,OAAO,QAAQ;;AAErB,KAAC;AAED,IAAA,mBAAmB,CAAC,GAAG,EAAE,OAAO;AAC9B,QAAA,IAAI,EAAE,CAAC,SAA4B,KAAI;AACrC,YAAA,MAAM,WAAW,GAAG,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,SAAS,EAAE;AAE7E,YAAA,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC;gBAC3B,QAAQ,EAAE,WAAW,CAAC,QAAQ;gBAC9B,OAAO,EAAE,WAAW,CAAC,OAAO;gBAC5B,MAAM,EAAE,WAAW,CAAC,MAAM;gBAC1B,IAAI,EAAE,WAAW,CAAC,IAAI;AACtB,gBAAA,SAAS,EAAE,IAAI,CACb,WAAW,CAAC,QAAQ,KAAK,OAAO,GAAG,iBAAiB,GAAG,gBAAgB,CACxE;AACD,gBAAA,IAAI,EAAE,OAAO,CAAC,WAAW,CAAC,QAAQ,CAAC;gBACnC,gBAAgB,EAAE,IAAI,CACpB,0DAA0D,EAC1D,WAAW,CAAC,QAAQ,KAAK;AACvB,sBAAE;sBACA,6BAA6B,CAClC;AACD,gBAAA,SAAS,EAAE,IAAI,CACb,0BAA0B,EAC1B,WAAW,CAAC,QAAQ,KAAK,OAAO,GAAG,eAAe,GAAG,cAAc,CACpE;AACF,aAAA,CAAC;AAEF,YAAA,WAAW,CAAC,MAAM,IAAI;SACvB;AACF,KAAA,CAAC,CAAC;AAEH,IAAA,OAAOA,sBAACC,KAAU,EAAA,EAAC,GAAG,EAAE,cAAc,GAAI;AAC5C,CAAC"}

package/dist/types/index.d.ts

@@ -32,3 +32,4 @@ export * from './stories/components/emptyContent';
 export * from './stories/components/select';
 export * from './stories/components/calendarInput';
 export * from './stories/components/table';
+export * from './stories/components/customToast';

package/dist/types/stories/components/customToast.d.ts

@@ -0,0 +1,13 @@
+export type CustomToastSeverity = 'success' | 'info' | 'error';
+export type CustomToastProps = {
+    severity?: CustomToastSeverity;
+    summary?: string;
+    detail?: string;
+    life?: number;
+    onShow?: () => void;
+};
+export type CustomToastRef = {
+    show: (props?: CustomToastProps) => void;
+};
+declare const CustomToast: import("react").ForwardRefExoticComponent<CustomToastProps & import("react").RefAttributes<CustomToastRef>>;
+export default CustomToast;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "karsten-design-system",
   "description": "Karsten Design System Components",
-  "version": "1.0.67",
+  "version": "1.0.68",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",