@nlabs/gothamjs
Version:
Platform
150 lines (149 loc) • 10.8 kB
JavaScript
import { useEffect } from "react";
import { GothamActions } from "../../actions/GothamActions.js";
import { Notify } from "./Notify.js";
import { NotifyExample } from "./NotifyExample.js";
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
const meta = {
component: Notify,
decorators: [
(Story) => /* @__PURE__ */ jsxs("div", { children: [
/* @__PURE__ */ jsx(Story, {}),
/* @__PURE__ */ jsx(Notify, {})
] })
],
parameters: {
layout: "fullscreen"
},
title: "Components/Notify"
};
var Notify_stories_default = meta;
const Basic = {
render: () => {
useEffect(() => {
GothamActions.notify({
autoHideDuration: 5e3,
message: "This is a basic notification"
});
return () => {
GothamActions.notifyClose();
};
}, []);
return /* @__PURE__ */ jsx(Fragment, {});
}
};
const Success = {
render: () => {
useEffect(() => {
GothamActions.notify({
message: "Operation completed successfully",
severity: "success"
});
return () => {
GothamActions.notifyClose();
};
}, []);
return /* @__PURE__ */ jsx(Fragment, {});
}
};
const Error = {
render: () => {
useEffect(() => {
GothamActions.notify({
message: "An error occurred",
severity: "error"
});
return () => {
GothamActions.notifyClose();
};
}, []);
return /* @__PURE__ */ jsx(Fragment, {});
}
};
const Warning = {
render: () => {
useEffect(() => {
GothamActions.notify({
message: "This is a warning message",
severity: "warning"
});
return () => {
GothamActions.notifyClose();
};
}, []);
return /* @__PURE__ */ jsx(Fragment, {});
}
};
const Info = {
render: () => {
useEffect(() => {
GothamActions.notify({
message: "This is an informational message",
severity: "info"
});
return () => {
GothamActions.notifyClose();
};
}, []);
return /* @__PURE__ */ jsx(Fragment, {});
}
};
const TopRight = {
render: () => {
useEffect(() => {
GothamActions.notify({
anchorOrigin: {
horizontal: "right",
vertical: "top"
},
message: "This appears in the top right"
});
return () => {
GothamActions.notifyClose();
};
}, []);
return /* @__PURE__ */ jsx(Fragment, {});
}
};
const WithActions = {
render: () => {
useEffect(() => {
GothamActions.notify({
actions: [
{
label: "Undo",
onClick: (key) => {
console.log("Undo clicked", key);
}
},
{
icon: "close",
onClick: (key) => {
console.log("Close clicked", key);
GothamActions.notifyClose();
}
}
],
message: "Would you like to undo?"
});
return () => {
GothamActions.notifyClose();
};
}, []);
return /* @__PURE__ */ jsx(Fragment, {});
}
};
const Examples = {
render: () => /* @__PURE__ */ jsx(NotifyExample, {})
};
export {
Basic,
Error,
Examples,
Info,
Success,
TopRight,
Warning,
WithActions,
Notify_stories_default as default
};
//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLi4vLi4vLi4vc3JjL2NvbXBvbmVudHMvTm90aWZ5L05vdGlmeS5zdG9yaWVzLnRzeCJdLAogICJzb3VyY2VzQ29udGVudCI6IFsiaW1wb3J0IHt1c2VFZmZlY3R9IGZyb20gJ3JlYWN0JztcblxuaW1wb3J0IHtHb3RoYW1BY3Rpb25zfSBmcm9tICcuLi8uLi9hY3Rpb25zL0dvdGhhbUFjdGlvbnMuanMnO1xuaW1wb3J0IHtOb3RpZnl9IGZyb20gJy4vTm90aWZ5LmpzJztcbmltcG9ydCB7Tm90aWZ5RXhhbXBsZX0gZnJvbSAnLi9Ob3RpZnlFeGFtcGxlLmpzJztcblxuaW1wb3J0IHR5cGUge01ldGEsIFN0b3J5T2JqfSBmcm9tICdAbmxhYnMvbGV4L3N0b3J5Ym9vayc7XG5cbmNvbnN0IG1ldGE6IE1ldGE8dHlwZW9mIE5vdGlmeT4gPSB7XG4gIGNvbXBvbmVudDogTm90aWZ5LFxuICBkZWNvcmF0b3JzOiBbXG4gICAgKFN0b3J5KSA9PiAoXG4gICAgICA8ZGl2PlxuICAgICAgICA8U3RvcnkgLz5cbiAgICAgICAgPE5vdGlmeSAvPlxuICAgICAgPC9kaXY+XG4gICAgKVxuICBdLFxuICBwYXJhbWV0ZXJzOiB7XG4gICAgbGF5b3V0OiAnZnVsbHNjcmVlbidcbiAgfSxcbiAgdGl0bGU6ICdDb21wb25lbnRzL05vdGlmeSdcbn07XG5cbmV4cG9ydCBkZWZhdWx0IG1ldGE7XG50eXBlIFN0b3J5ID0gU3RvcnlPYmo8dHlwZW9mIE5vdGlmeT47XG5cbmV4cG9ydCBjb25zdCBCYXNpYzogU3RvcnkgPSB7XG4gIHJlbmRlcjogKCkgPT4ge1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICAvLyBTaG93IG5vdGlmaWNhdGlvbiB3aGVuIHRoZSBzdG9yeSBsb2Fkc1xuICAgICAgR290aGFtQWN0aW9ucy5ub3RpZnkoe1xuICAgICAgICBhdXRvSGlkZUR1cmF0aW9uOiA1MDAwLFxuICAgICAgICBtZXNzYWdlOiAnVGhpcyBpcyBhIGJhc2ljIG5vdGlmaWNhdGlvbidcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICAvLyBDbGVhbiB1cCB3aGVuIHRoZSBzdG9yeSBjaGFuZ2VzXG4gICAgICAgIEdvdGhhbUFjdGlvbnMubm90aWZ5Q2xvc2UoKTtcbiAgICAgIH07XG4gICAgfSwgW10pO1xuXG4gICAgcmV0dXJuIDw+PC8+O1xuICB9XG59O1xuXG5leHBvcnQgY29uc3QgU3VjY2VzczogU3RvcnkgPSB7XG4gIHJlbmRlcjogKCkgPT4ge1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBHb3RoYW1BY3Rpb25zLm5vdGlmeSh7XG4gICAgICAgIG1lc3NhZ2U6ICdPcGVyYXRpb24gY29tcGxldGVkIHN1Y2Nlc3NmdWxseScsXG4gICAgICAgIHNldmVyaXR5OiAnc3VjY2VzcydcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBHb3RoYW1BY3Rpb25zLm5vdGlmeUNsb3NlKCk7XG4gICAgICB9O1xuICAgIH0sIFtdKTtcblxuICAgIHJldHVybiA8PjwvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEVycm9yOiBTdG9yeSA9IHtcbiAgcmVuZGVyOiAoKSA9PiB7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIEdvdGhhbUFjdGlvbnMubm90aWZ5KHtcbiAgICAgICAgbWVzc2FnZTogJ0FuIGVycm9yIG9jY3VycmVkJyxcbiAgICAgICAgc2V2ZXJpdHk6ICdlcnJvcidcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBHb3RoYW1BY3Rpb25zLm5vdGlmeUNsb3NlKCk7XG4gICAgICB9O1xuICAgIH0sIFtdKTtcblxuICAgIHJldHVybiA8PjwvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IFdhcm5pbmc6IFN0b3J5ID0ge1xuICByZW5kZXI6ICgpID0+IHtcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgR290aGFtQWN0aW9ucy5ub3RpZnkoe1xuICAgICAgICBtZXNzYWdlOiAnVGhpcyBpcyBhIHdhcm5pbmcgbWVzc2FnZScsXG4gICAgICAgIHNldmVyaXR5OiAnd2FybmluZydcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBHb3RoYW1BY3Rpb25zLm5vdGlmeUNsb3NlKCk7XG4gICAgICB9O1xuICAgIH0sIFtdKTtcblxuICAgIHJldHVybiA8PjwvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEluZm86IFN0b3J5ID0ge1xuICByZW5kZXI6ICgpID0+IHtcbiAgICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgICAgR290aGFtQWN0aW9ucy5ub3RpZnkoe1xuICAgICAgICBtZXNzYWdlOiAnVGhpcyBpcyBhbiBpbmZvcm1hdGlvbmFsIG1lc3NhZ2UnLFxuICAgICAgICBzZXZlcml0eTogJ2luZm8nXG4gICAgICB9KTtcblxuICAgICAgcmV0dXJuICgpID0+IHtcbiAgICAgICAgR290aGFtQWN0aW9ucy5ub3RpZnlDbG9zZSgpO1xuICAgICAgfTtcbiAgICB9LCBbXSk7XG5cbiAgICByZXR1cm4gPD48Lz47XG4gIH1cbn07XG5cbmV4cG9ydCBjb25zdCBUb3BSaWdodDogU3RvcnkgPSB7XG4gIHJlbmRlcjogKCkgPT4ge1xuICAgIHVzZUVmZmVjdCgoKSA9PiB7XG4gICAgICBHb3RoYW1BY3Rpb25zLm5vdGlmeSh7XG4gICAgICAgIGFuY2hvck9yaWdpbjoge1xuICAgICAgICAgIGhvcml6b250YWw6ICdyaWdodCcsXG4gICAgICAgICAgdmVydGljYWw6ICd0b3AnXG4gICAgICAgIH0sXG4gICAgICAgIG1lc3NhZ2U6ICdUaGlzIGFwcGVhcnMgaW4gdGhlIHRvcCByaWdodCdcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBHb3RoYW1BY3Rpb25zLm5vdGlmeUNsb3NlKCk7XG4gICAgICB9O1xuICAgIH0sIFtdKTtcblxuICAgIHJldHVybiA8PjwvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IFdpdGhBY3Rpb25zOiBTdG9yeSA9IHtcbiAgcmVuZGVyOiAoKSA9PiB7XG4gICAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAgIEdvdGhhbUFjdGlvbnMubm90aWZ5KHtcbiAgICAgICAgYWN0aW9uczogW1xuICAgICAgICAgIHtcbiAgICAgICAgICAgIGxhYmVsOiAnVW5kbycsXG4gICAgICAgICAgICBvbkNsaWNrOiAoa2V5KSA9PiB7XG4gICAgICAgICAgICAgIGNvbnNvbGUubG9nKCdVbmRvIGNsaWNrZWQnLCBrZXkpO1xuICAgICAgICAgICAgICAvLyBQZXJmb3JtIHVuZG8gYWN0aW9uXG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSxcbiAgICAgICAgICB7XG4gICAgICAgICAgICBpY29uOiAnY2xvc2UnLFxuICAgICAgICAgICAgb25DbGljazogKGtleSkgPT4ge1xuICAgICAgICAgICAgICBjb25zb2xlLmxvZygnQ2xvc2UgY2xpY2tlZCcsIGtleSk7XG4gICAgICAgICAgICAgIEdvdGhhbUFjdGlvbnMubm90aWZ5Q2xvc2UoKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICB9XG4gICAgICAgIF0sXG4gICAgICAgIG1lc3NhZ2U6ICdXb3VsZCB5b3UgbGlrZSB0byB1bmRvPydcbiAgICAgIH0pO1xuXG4gICAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgICBHb3RoYW1BY3Rpb25zLm5vdGlmeUNsb3NlKCk7XG4gICAgICB9O1xuICAgIH0sIFtdKTtcblxuICAgIHJldHVybiA8PjwvPjtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IEV4YW1wbGVzOiBTdG9yeSA9IHtcbiAgcmVuZGVyOiAoKSA9PiA8Tm90aWZ5RXhhbXBsZSAvPlxufTtcbiJdLAogICJtYXBwaW5ncyI6ICJBQUFBLFNBQVEsaUJBQWdCO0FBRXhCLFNBQVEscUJBQW9CO0FBQzVCLFNBQVEsY0FBYTtBQUNyQixTQUFRLHFCQUFvQjtBQVF0QixTQThCSyxVQTdCSCxLQURGO0FBSk4sTUFBTSxPQUE0QjtBQUFBLEVBQ2hDLFdBQVc7QUFBQSxFQUNYLFlBQVk7QUFBQSxJQUNWLENBQUMsVUFDQyxxQkFBQyxTQUNDO0FBQUEsMEJBQUMsU0FBTTtBQUFBLE1BQ1Asb0JBQUMsVUFBTztBQUFBLE9BQ1Y7QUFBQSxFQUVKO0FBQUEsRUFDQSxZQUFZO0FBQUEsSUFDVixRQUFRO0FBQUEsRUFDVjtBQUFBLEVBQ0EsT0FBTztBQUNUO0FBRUEsSUFBTyx5QkFBUTtBQUdSLE1BQU0sUUFBZTtBQUFBLEVBQzFCLFFBQVEsTUFBTTtBQUNaLGNBQVUsTUFBTTtBQUVkLG9CQUFjLE9BQU87QUFBQSxRQUNuQixrQkFBa0I7QUFBQSxRQUNsQixTQUFTO0FBQUEsTUFDWCxDQUFDO0FBRUQsYUFBTyxNQUFNO0FBRVgsc0JBQWMsWUFBWTtBQUFBLE1BQzVCO0FBQUEsSUFDRixHQUFHLENBQUMsQ0FBQztBQUVMLFdBQU8sZ0NBQUU7QUFBQSxFQUNYO0FBQ0Y7QUFFTyxNQUFNLFVBQWlCO0FBQUEsRUFDNUIsUUFBUSxNQUFNO0FBQ1osY0FBVSxNQUFNO0FBQ2Qsb0JBQWMsT0FBTztBQUFBLFFBQ25CLFNBQVM7QUFBQSxRQUNULFVBQVU7QUFBQSxNQUNaLENBQUM7QUFFRCxhQUFPLE1BQU07QUFDWCxzQkFBYyxZQUFZO0FBQUEsTUFDNUI7QUFBQSxJQUNGLEdBQUcsQ0FBQyxDQUFDO0FBRUwsV0FBTyxnQ0FBRTtBQUFBLEVBQ1g7QUFDRjtBQUVPLE1BQU0sUUFBZTtBQUFBLEVBQzFCLFFBQVEsTUFBTTtBQUNaLGNBQVUsTUFBTTtBQUNkLG9CQUFjLE9BQU87QUFBQSxRQUNuQixTQUFTO0FBQUEsUUFDVCxVQUFVO0FBQUEsTUFDWixDQUFDO0FBRUQsYUFBTyxNQUFNO0FBQ1gsc0JBQWMsWUFBWTtBQUFBLE1BQzVCO0FBQUEsSUFDRixHQUFHLENBQUMsQ0FBQztBQUVMLFdBQU8sZ0NBQUU7QUFBQSxFQUNYO0FBQ0Y7QUFFTyxNQUFNLFVBQWlCO0FBQUEsRUFDNUIsUUFBUSxNQUFNO0FBQ1osY0FBVSxNQUFNO0FBQ2Qsb0JBQWMsT0FBTztBQUFBLFFBQ25CLFNBQVM7QUFBQSxRQUNULFVBQVU7QUFBQSxNQUNaLENBQUM7QUFFRCxhQUFPLE1BQU07QUFDWCxzQkFBYyxZQUFZO0FBQUEsTUFDNUI7QUFBQSxJQUNGLEdBQUcsQ0FBQyxDQUFDO0FBRUwsV0FBTyxnQ0FBRTtBQUFBLEVBQ1g7QUFDRjtBQUVPLE1BQU0sT0FBYztBQUFBLEVBQ3pCLFFBQVEsTUFBTTtBQUNaLGNBQVUsTUFBTTtBQUNkLG9CQUFjLE9BQU87QUFBQSxRQUNuQixTQUFTO0FBQUEsUUFDVCxVQUFVO0FBQUEsTUFDWixDQUFDO0FBRUQsYUFBTyxNQUFNO0FBQ1gsc0JBQWMsWUFBWTtBQUFBLE1BQzVCO0FBQUEsSUFDRixHQUFHLENBQUMsQ0FBQztBQUVMLFdBQU8sZ0NBQUU7QUFBQSxFQUNYO0FBQ0Y7QUFFTyxNQUFNLFdBQWtCO0FBQUEsRUFDN0IsUUFBUSxNQUFNO0FBQ1osY0FBVSxNQUFNO0FBQ2Qsb0JBQWMsT0FBTztBQUFBLFFBQ25CLGNBQWM7QUFBQSxVQUNaLFlBQVk7QUFBQSxVQUNaLFVBQVU7QUFBQSxRQUNaO0FBQUEsUUFDQSxTQUFTO0FBQUEsTUFDWCxDQUFDO0FBRUQsYUFBTyxNQUFNO0FBQ1gsc0JBQWMsWUFBWTtBQUFBLE1BQzVCO0FBQUEsSUFDRixHQUFHLENBQUMsQ0FBQztBQUVMLFdBQU8sZ0NBQUU7QUFBQSxFQUNYO0FBQ0Y7QUFFTyxNQUFNLGNBQXFCO0FBQUEsRUFDaEMsUUFBUSxNQUFNO0FBQ1osY0FBVSxNQUFNO0FBQ2Qsb0JBQWMsT0FBTztBQUFBLFFBQ25CLFNBQVM7QUFBQSxVQUNQO0FBQUEsWUFDRSxPQUFPO0FBQUEsWUFDUCxTQUFTLENBQUMsUUFBUTtBQUNoQixzQkFBUSxJQUFJLGdCQUFnQixHQUFHO0FBQUEsWUFFakM7QUFBQSxVQUNGO0FBQUEsVUFDQTtBQUFBLFlBQ0UsTUFBTTtBQUFBLFlBQ04sU0FBUyxDQUFDLFFBQVE7QUFDaEIsc0JBQVEsSUFBSSxpQkFBaUIsR0FBRztBQUNoQyw0QkFBYyxZQUFZO0FBQUEsWUFDNUI7QUFBQSxVQUNGO0FBQUEsUUFDRjtBQUFBLFFBQ0EsU0FBUztBQUFBLE1BQ1gsQ0FBQztBQUVELGFBQU8sTUFBTTtBQUNYLHNCQUFjLFlBQVk7QUFBQSxNQUM1QjtBQUFBLElBQ0YsR0FBRyxDQUFDLENBQUM7QUFFTCxXQUFPLGdDQUFFO0FBQUEsRUFDWDtBQUNGO0FBRU8sTUFBTSxXQUFrQjtBQUFBLEVBQzdCLFFBQVEsTUFBTSxvQkFBQyxpQkFBYztBQUMvQjsiLAogICJuYW1lcyI6IFtdCn0K