@shopito/design-system 2.0.50 → 2.0.51

package/dist/cjs/components/Notifications/Notifications.js

@@ -3,6 +3,6 @@ exports.__esModule = true;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var notistack_1 = require("notistack");
-var Notifications = function () { return react_1["default"].createElement(notistack_1.SnackbarProvider, { maxSnack: 3 }); };
+var Notifications = function () { return react_1["default"].createElement(notistack_1.SnackbarProvider, { maxSnack: 1 }); };
 exports["default"] = Notifications;
 //# sourceMappingURL=Notifications.js.map

package/dist/cjs/components/Notifications/Notifications.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;

package/dist/cjs/components/Notifications/Notifications.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+exports.__esModule = true;
+exports.Basic = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var Button_1 = tslib_1.__importDefault(require("../Button"));
+var alerts_1 = require("../../utils/alerts");
+var Notifications_1 = tslib_1.__importDefault(require("./Notifications"));
+var meta = {
+    title: 'Notifications',
+    parameters: {
+        layout: 'centered'
+    },
+    tags: ['autodocs']
+};
+exports["default"] = meta;
+exports.Basic = {
+    render: function () { return (react_1["default"].createElement("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' } },
+        react_1["default"].createElement(Notifications_1["default"], null),
+        react_1["default"].createElement(Button_1["default"], { variant: "contained", color: "success", onClick: function () { return (0, alerts_1.displaySuccess)('Operation was successful!'); } }, "Success"),
+        react_1["default"].createElement(Button_1["default"], { variant: "contained", color: "error", onClick: function () { return (0, alerts_1.displayAlert)('Something went wrong!'); } }, "Error"),
+        react_1["default"].createElement(Button_1["default"], { variant: "contained", color: "warning", onClick: function () { return (0, alerts_1.displayWarning)('Please proceed with caution!'); } }, "Warning"),
+        react_1["default"].createElement(Button_1["default"], { variant: "contained", color: "info", onClick: function () { return (0, alerts_1.displayInfo)('Here is some useful information.'); } }, "Info"),
+        react_1["default"].createElement(Button_1["default"], { variant: "contained", color: "secondary", onClick: function () { return (0, alerts_1.displaySuccess)('Custom notification message!'); } }, "Custom"))); }
+};
+//# sourceMappingURL=Notifications.stories.js.map

package/dist/cjs/components/Notifications/Notifications.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Notifications/Notifications.stories.tsx"],"names":[],"mappings":";;;;AAAA,wDAA0B;AAG1B,6DAA+B;AAC/B,6CAK4B;AAC5B,0EAA4C;AAE5C,IAAM,IAAI,GAAS;IACjB,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,qBAAe,IAAI,CAAC;AAIP,QAAA,KAAK,GAAU;IAC1B,MAAM,EAAE,cAAM,OAAA,CACZ,0CAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;QAC3D,iCAAC,0BAAa,OAAG;QACjB,iCAAC,mBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,cAAM,OAAA,IAAA,uBAAc,EAAC,2BAA2B,CAAC,EAA3C,CAA2C,cAGnD;QACT,iCAAC,mBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,cAAM,OAAA,IAAA,qBAAY,EAAC,uBAAuB,CAAC,EAArC,CAAqC,YAG7C;QACT,iCAAC,mBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,cAAM,OAAA,IAAA,uBAAc,EAAC,8BAA8B,CAAC,EAA9C,CAA8C,cAGtD;QACT,iCAAC,mBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,cAAM,OAAA,IAAA,oBAAW,EAAC,kCAAkC,CAAC,EAA/C,CAA+C,WAGvD;QACT,iCAAC,mBAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,cAAM,OAAA,IAAA,uBAAc,EAAC,8BAA8B,CAAC,EAA9C,CAA8C,aAGtD,CACL,CACP,EAvCa,CAuCb;CACF,CAAC"}

package/dist/cjs/utils/alerts/alerts.js

@@ -4,11 +4,13 @@ exports.displayInfo = exports.displayWarning = exports.displayAlert = exports.di
 var tslib_1 = require("tslib");
 var notistack_1 = require("notistack");
 var defaultOptions = {
-    autoHideDuration: 4000,
+    autoHideDuration: 3000,
     anchorOrigin: {
         horizontal: 'right',
-        vertical: 'top'
-    }
+        vertical: 'bottom'
+    },
+    preventDuplicate: true,
+    maxSnack: 1
 };
 var displaySuccess = function (message) {
     (0, notistack_1.enqueueSnackbar)(message, tslib_1.__assign(tslib_1.__assign({}, defaultOptions), { variant: 'success' }));

package/dist/cjs/utils/alerts/alerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"alerts.js","sourceRoot":"https://my-website.com/debug/source/","sources":["utils/alerts/alerts.ts"],"names":[],"mappings":";;;;AAAA,uCAA4D;AAE5D,IAAM,cAAc,GAAG;IACrB,gBAAgB,EAAE,IAAI;IACtB,YAAY,EAAE;QACZ,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,KAAK;KACE;CACpB,CAAC;AAEK,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,IAAA,2BAAe,EAAY,OAAO,wCAC7B,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB;AAEK,IAAM,YAAY,GAAG,UAAC,OAAe;IAC1C,IAAA,2BAAe,EAAC,OAAO,wCAClB,cAAc,KACjB,OAAO,EAAE,OAAO,IAChB,CAAC;AACL,CAAC,CAAC;AALW,QAAA,YAAY,gBAKvB;AAEK,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,IAAA,2BAAe,EAAC,OAAO,wCAClB,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB;AAEK,IAAM,WAAW,GAAG,UAAC,OAAe;IACzC,IAAA,2BAAe,EAAC,OAAO,wCAClB,cAAc,KACjB,OAAO,EAAE,MAAM,IACf,CAAC;AACL,CAAC,CAAC;AALW,QAAA,WAAW,eAKtB"}
+{"version":3,"file":"alerts.js","sourceRoot":"https://my-website.com/debug/source/","sources":["utils/alerts/alerts.ts"],"names":[],"mappings":";;;;AAAA,uCAA4D;AAE5D,IAAM,cAAc,GAAG;IACrB,gBAAgB,EAAE,IAAI;IACtB,YAAY,EAAE;QACZ,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,QAAQ;KACD;IACnB,gBAAgB,EAAE,IAAI;IACtB,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEK,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,IAAA,2BAAe,EAAY,OAAO,wCAC7B,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB;AAEK,IAAM,YAAY,GAAG,UAAC,OAAe;IAC1C,IAAA,2BAAe,EAAC,OAAO,wCAClB,cAAc,KACjB,OAAO,EAAE,OAAO,IAChB,CAAC;AACL,CAAC,CAAC;AALW,QAAA,YAAY,gBAKvB;AAEK,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,IAAA,2BAAe,EAAC,OAAO,wCAClB,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AALW,QAAA,cAAc,kBAKzB;AAEK,IAAM,WAAW,GAAG,UAAC,OAAe;IACzC,IAAA,2BAAe,EAAC,OAAO,wCAClB,cAAc,KACjB,OAAO,EAAE,MAAM,IACf,CAAC;AACL,CAAC,CAAC;AALW,QAAA,WAAW,eAKtB"}

package/dist/esm/components/Notifications/Notifications.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { SnackbarProvider } from 'notistack';
-var Notifications = function () { return React.createElement(SnackbarProvider, { maxSnack: 3 }); };
+var Notifications = function () { return React.createElement(SnackbarProvider, { maxSnack: 1 }); };
 export default Notifications;
 //# sourceMappingURL=Notifications.js.map

package/dist/esm/components/Notifications/Notifications.stories.d.ts

@@ -0,0 +1,5 @@
+import type { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta;
+export default meta;
+type Story = StoryObj;
+export declare const Basic: Story;

package/dist/esm/components/Notifications/Notifications.stories.js

@@ -0,0 +1,22 @@
+import React from 'react';
+import Button from '../Button';
+import { displaySuccess, displayAlert, displayWarning, displayInfo, } from '../../utils/alerts';
+import Notifications from './Notifications';
+var meta = {
+    title: 'Notifications',
+    parameters: {
+        layout: 'centered'
+    },
+    tags: ['autodocs']
+};
+export default meta;
+export var Basic = {
+    render: function () { return (React.createElement("div", { style: { display: 'flex', gap: '8px', flexWrap: 'wrap' } },
+        React.createElement(Notifications, null),
+        React.createElement(Button, { variant: "contained", color: "success", onClick: function () { return displaySuccess('Operation was successful!'); } }, "Success"),
+        React.createElement(Button, { variant: "contained", color: "error", onClick: function () { return displayAlert('Something went wrong!'); } }, "Error"),
+        React.createElement(Button, { variant: "contained", color: "warning", onClick: function () { return displayWarning('Please proceed with caution!'); } }, "Warning"),
+        React.createElement(Button, { variant: "contained", color: "info", onClick: function () { return displayInfo('Here is some useful information.'); } }, "Info"),
+        React.createElement(Button, { variant: "contained", color: "secondary", onClick: function () { return displaySuccess('Custom notification message!'); } }, "Custom"))); }
+};
+//# sourceMappingURL=Notifications.stories.js.map

package/dist/esm/components/Notifications/Notifications.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Notifications.stories.js","sourceRoot":"https://my-website.com/debug/source/","sources":["components/Notifications/Notifications.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,MAAM,MAAM,WAAW,CAAC;AAC/B,OAAO,EACL,cAAc,EACd,YAAY,EACZ,cAAc,EACd,WAAW,GACZ,MAAM,oBAAoB,CAAC;AAC5B,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAE5C,IAAM,IAAI,GAAS;IACjB,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE;QACV,MAAM,EAAE,UAAU;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAC;AAEF,eAAe,IAAI,CAAC;AAIpB,MAAM,CAAC,IAAM,KAAK,GAAU;IAC1B,MAAM,EAAE,cAAM,OAAA,CACZ,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE;QAC3D,oBAAC,aAAa,OAAG;QACjB,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,2BAA2B,CAAC,EAA3C,CAA2C,cAGnD;QACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,OAAO,EACb,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,uBAAuB,CAAC,EAArC,CAAqC,YAG7C;QACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,SAAS,EACf,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,8BAA8B,CAAC,EAA9C,CAA8C,cAGtD;QACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,MAAM,EACZ,OAAO,EAAE,cAAM,OAAA,WAAW,CAAC,kCAAkC,CAAC,EAA/C,CAA+C,WAGvD;QACT,oBAAC,MAAM,IACL,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,WAAW,EACjB,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,8BAA8B,CAAC,EAA9C,CAA8C,aAGtD,CACL,CACP,EAvCa,CAuCb;CACF,CAAC"}

package/dist/esm/utils/alerts/alerts.js

@@ -1,11 +1,13 @@
 import { __assign } from "tslib";
 import { enqueueSnackbar } from 'notistack';
 var defaultOptions = {
-    autoHideDuration: 4000,
+    autoHideDuration: 3000,
     anchorOrigin: {
         horizontal: 'right',
-        vertical: 'top'
-    }
+        vertical: 'bottom'
+    },
+    preventDuplicate: true,
+    maxSnack: 1
 };
 export var displaySuccess = function (message) {
     enqueueSnackbar(message, __assign(__assign({}, defaultOptions), { variant: 'success' }));

package/dist/esm/utils/alerts/alerts.js.map

@@ -1 +1 @@
-{"version":3,"file":"alerts.js","sourceRoot":"https://my-website.com/debug/source/","sources":["utils/alerts/alerts.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAkB,MAAM,WAAW,CAAC;AAE5D,IAAM,cAAc,GAAG;IACrB,gBAAgB,EAAE,IAAI;IACtB,YAAY,EAAE;QACZ,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,KAAK;KACE;CACpB,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,eAAe,CAAY,OAAO,wBAC7B,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,OAAe;IAC1C,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,OAAO,IAChB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAAe;IACzC,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,MAAM,IACf,CAAC;AACL,CAAC,CAAC"}
+{"version":3,"file":"alerts.js","sourceRoot":"https://my-website.com/debug/source/","sources":["utils/alerts/alerts.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,eAAe,EAAkB,MAAM,WAAW,CAAC;AAE5D,IAAM,cAAc,GAAG;IACrB,gBAAgB,EAAE,IAAI;IACtB,YAAY,EAAE;QACZ,UAAU,EAAE,OAAO;QACnB,QAAQ,EAAE,QAAQ;KACD;IACnB,gBAAgB,EAAE,IAAI;IACtB,QAAQ,EAAE,CAAC;CACZ,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,eAAe,CAAY,OAAO,wBAC7B,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,OAAe;IAC1C,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,OAAO,IAChB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,OAAe;IAC5C,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,SAAS,IAClB,CAAC;AACL,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAAe;IACzC,eAAe,CAAC,OAAO,wBAClB,cAAc,KACjB,OAAO,EAAE,MAAM,IACf,CAAC;AACL,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shopito/design-system",
-  "version": "2.0.50",
+  "version": "2.0.51",
   "description": "",
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",