@memori.ai/memori-react 1.0.0-alpha.1

package/dist/components/ui/Modal.d.ts

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import './Modal.css';
+export interface Props {
+    open?: boolean;
+    onClose: (value: boolean) => void;
+    className?: string;
+    title?: string | JSX.Element | React.ReactNode;
+    description?: string | JSX.Element | React.ReactNode;
+    children: JSX.Element | React.ReactNode;
+    footer?: JSX.Element | React.ReactNode;
+    loading?: boolean;
+    closable?: boolean;
+    width?: string;
+    widthMd?: string;
+}
+declare const Modal: FC<Props>;
+export default Modal;

package/dist/components/ui/Modal.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@headlessui/react");
+const Spin_1 = tslib_1.__importDefault(require("./Spin"));
+const Button_1 = tslib_1.__importDefault(require("./Button"));
+const Close_1 = tslib_1.__importDefault(require("../icons/Close"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+require("./Modal.css");
+const Modal = ({ open = false, onClose, className, title, description, children, footer, loading = false, closable = true, width = '100%', widthMd = '100%', }) => (react_1.default.createElement(react_2.Transition, { appear: true, show: open, as: react_1.default.Fragment },
+    react_1.default.createElement(react_2.Dialog, { open: open, onClose: onClose, className: (0, classnames_1.default)('memori-modal', className) },
+        react_1.default.createElement(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
+            react_1.default.createElement("div", { className: "memori-modal--backdrop" })),
+        react_1.default.createElement("div", { className: "memori-modal--container" },
+            react_1.default.createElement("div", { className: "memori-modal--container-scrollable" },
+                react_1.default.createElement(react_2.Transition.Child, { as: react_1.default.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 scale-95", enterTo: "opacity-100 scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 scale-100", leaveTo: "opacity-0 scale-95" },
+                    react_1.default.createElement(react_2.Dialog.Panel, { className: "memori-modal--panel" },
+                        react_1.default.createElement("style", { dangerouslySetInnerHTML: {
+                                __html: `
+                    .memori-modal--panel {
+                      --memori-modal--width: ${width};
+                      --memori-modal--width-md: ${widthMd};
+                    }
+                  `,
+                            } }),
+                        closable && (react_1.default.createElement("div", { className: "memori-modal--close" },
+                            react_1.default.createElement(Button_1.default, { ghost: true, padded: true, shape: "circle", icon: react_1.default.createElement(Close_1.default, null), onClick: () => onClose(false) }))),
+                        react_1.default.createElement(Spin_1.default, { spinning: loading },
+                            title && (react_1.default.createElement(react_2.Dialog.Title, { className: "memori-modal--title" }, title)),
+                            description && (react_1.default.createElement(react_2.Dialog.Description, { className: "memori-modal--description" }, description)),
+                            children,
+                            footer && react_1.default.createElement("div", { className: "memori-modal--footer" }, footer)))))))));
+exports.default = Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/components/ui/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/ui/Modal.tsx"],"names":[],"mappings":";;;AAAA,0DAAkC;AAClC,6CAAuD;AACvD,0DAA0B;AAC1B,8DAA8B;AAC9B,mEAAmC;AACnC,oEAA4B;AAE5B,uBAAqB;AAgBrB,MAAM,KAAK,GAAc,CAAC,EACxB,IAAI,GAAG,KAAK,EACZ,OAAO,EACP,SAAS,EACT,KAAK,EACL,WAAW,EACX,QAAQ,EACR,MAAM,EACN,OAAO,GAAG,KAAK,EACf,QAAQ,GAAG,IAAI,EACf,KAAK,GAAG,MAAM,EACd,OAAO,GAAG,MAAM,GACV,EAAE,EAAE,CAAC,CACX,8BAAC,kBAAU,IAAC,MAAM,QAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,eAAK,CAAC,QAAQ;IAC/C,8BAAC,cAAM,IACL,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,oBAAE,EAAC,cAAc,EAAE,SAAS,CAAC;QAExC,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;YAEnB,uCAAK,SAAS,EAAC,wBAAwB,GAAG,CACzB;QACnB,uCAAK,SAAS,EAAC,yBAAyB;YACtC,uCAAK,SAAS,EAAC,oCAAoC;gBACjD,8BAAC,kBAAU,CAAC,KAAK,IACf,EAAE,EAAE,eAAK,CAAC,QAAQ,EAClB,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,oBAAoB,EAC9B,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,uBAAuB,EACjC,OAAO,EAAC,oBAAoB;oBAE5B,8BAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB;wBAC3C,yCACE,uBAAuB,EAAE;gCACvB,MAAM,EAAE;;+CAEqB,KAAK;kDACF,OAAO;;mBAEtC;6BACF,GACD;wBACD,QAAQ,IAAI,CACX,uCAAK,SAAS,EAAC,qBAAqB;4BAClC,8BAAC,gBAAM,IACL,KAAK,QACL,MAAM,QACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAE,8BAAC,eAAK,OAAG,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,GAC7B,CACE,CACP;wBACD,8BAAC,cAAI,IAAC,QAAQ,EAAE,OAAO;4BACpB,KAAK,IAAI,CACR,8BAAC,cAAM,CAAC,KAAK,IAAC,SAAS,EAAC,qBAAqB,IAC1C,KAAK,CACO,CAChB;4BACA,WAAW,IAAI,CACd,8BAAC,cAAM,CAAC,WAAW,IAAC,SAAS,EAAC,2BAA2B,IACtD,WAAW,CACO,CACtB;4BAEA,QAAQ;4BAER,MAAM,IAAI,uCAAK,SAAS,EAAC,sBAAsB,IAAE,MAAM,CAAO,CAC1D,CACM,CACE,CACf,CACF,CACC,CACE,CACd,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/dist/components/ui/Modal.stories.d.ts

@@ -0,0 +1,12 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './Modal';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const Open: Story<Props>;
+export declare const WithTitle: Story<Props>;
+export declare const WithTitleAndDescription: Story<Props>;
+export declare const Loading: Story<Props>;
+export declare const WithFooter: Story<Props>;
+export declare const NonClosable: Story<Props>;
+export declare const WithALotOfContent: Story<Props>;

package/dist/components/ui/Modal.stories.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WithALotOfContent = exports.NonClosable = exports.WithFooter = exports.Loading = exports.WithTitleAndDescription = exports.WithTitle = exports.Open = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Modal_1 = tslib_1.__importDefault(require("./Modal"));
+const Button_1 = tslib_1.__importDefault(require("./Button"));
+const meta = {
+    title: 'UI/Modal',
+    component: Modal_1.default,
+    argTypes: {
+        title: {
+            control: {
+                type: 'text',
+            },
+        },
+        description: {
+            control: {
+                type: 'text',
+            },
+        },
+        loading: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        open: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        className: {
+            control: {
+                type: 'text',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const content = (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."),
+    react_1.default.createElement("h3", null, "Suspendisse a sodales nulla, sed semper nisi."),
+    react_1.default.createElement("p", null, "Proin tincidunt enim in felis aliquet, a ultricies purus bibendum."),
+    react_1.default.createElement("ul", null,
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus.")),
+    react_1.default.createElement("p", null, "Nulla at urna diam.")));
+const footer = (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(Button_1.default, { primary: true }, "OK"),
+    react_1.default.createElement(Button_1.default, null, "Cancel")));
+const footerNonClosableModal = react_1.default.createElement(Button_1.default, { primary: true }, "OK");
+const Template = args => {
+    const [isOpen, setIsOpen] = react_1.default.useState(!!args.open || false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button_1.default, { onClick: () => setIsOpen(true) }, "Click me"),
+        react_1.default.createElement(Modal_1.default, { ...args, open: isOpen, onClose: args.closable ? () => setIsOpen(false) : () => { }, footer: args.footer }, content)));
+};
+const TemplateWithALotOfContent = args => {
+    const [isOpen, setIsOpen] = react_1.default.useState(!!args.open || false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Button_1.default, { onClick: () => setIsOpen(true) }, "Click me"),
+        react_1.default.createElement(Modal_1.default, { ...args, open: isOpen, onClose: args.closable ? () => setIsOpen(false) : () => { }, footer: args.footer },
+            content,
+            content,
+            content,
+            content,
+            content)));
+};
+exports.Default = Template.bind({});
+exports.Default.args = {
+    open: false,
+    closable: true,
+};
+exports.Open = Template.bind({});
+exports.Open.args = {
+    open: true,
+    closable: true,
+};
+exports.WithTitle = Template.bind({});
+exports.WithTitle.args = {
+    open: true,
+    closable: true,
+    title: 'Modal Title',
+};
+exports.WithTitleAndDescription = Template.bind({});
+exports.WithTitleAndDescription.args = {
+    open: true,
+    closable: true,
+    title: 'Modal Title',
+    description: 'Modal Description',
+};
+exports.Loading = Template.bind({});
+exports.Loading.args = {
+    open: true,
+    closable: true,
+    title: 'Modal Title',
+    description: 'Modal Description',
+    loading: true,
+};
+exports.WithFooter = Template.bind({});
+exports.WithFooter.args = {
+    open: true,
+    closable: true,
+    title: 'Modal Title',
+    description: 'Modal Description',
+    footer,
+};
+exports.NonClosable = Template.bind({});
+exports.NonClosable.args = {
+    open: true,
+    title: 'Modal Title',
+    description: 'Modal Description',
+    footer: footerNonClosableModal,
+    closable: false,
+};
+exports.WithALotOfContent = TemplateWithALotOfContent.bind({});
+exports.WithALotOfContent.args = {
+    open: true,
+    closable: true,
+    title: 'Modal Title',
+    description: 'Modal Description',
+    footer,
+};
+//# sourceMappingURL=Modal.stories.js.map

package/dist/components/ui/Modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../src/components/ui/Modal.stories.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/Modal.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/Modal.test.js

@@ -0,0 +1,60 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Modal_1 = tslib_1.__importDefault(require("./Modal"));
+const Button_1 = tslib_1.__importDefault(require("./Button"));
+const content = (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."),
+    react_1.default.createElement("h3", null, "Suspendisse a sodales nulla, sed semper nisi."),
+    react_1.default.createElement("p", null, "Proin tincidunt enim in felis aliquet, a ultricies purus bibendum."),
+    react_1.default.createElement("ul", null,
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus.")),
+    react_1.default.createElement("p", null, "Nulla at urna diam.")));
+const footer = (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(Button_1.default, { primary: true }, "Ok"),
+    react_1.default.createElement(Button_1.default, null, "Cancel")));
+beforeEach(() => {
+    window.IntersectionObserver = jest.fn(() => ({
+        observe: jest.fn(),
+        unobserve: jest.fn(),
+        disconnect: jest.fn(),
+        takeRecords: jest.fn(),
+    }));
+});
+it('renders Modal unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: false, onClose: jest.fn() }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Modal open unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: true, onClose: jest.fn() }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Modal with title unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: true, onClose: jest.fn(), title: "Lorem ipsum" }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Modal with description unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: true, onClose: jest.fn(), description: "Lorem ipsum dolor sit amet" }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Modal loading unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: true, onClose: jest.fn(), loading: true }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Modal with footer unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: true, onClose: jest.fn(), footer: footer }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Modal non closable unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: true, onClose: jest.fn(), closable: false }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Modal with custom widths unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Modal_1.default, { open: true, onClose: jest.fn(), width: "100%", widthMd: "90%" }, content));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Modal.test.js.map

package/dist/components/ui/Modal.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.js","sourceRoot":"","sources":["../../../src/components/ui/Modal.test.tsx"],"names":[],"mappings":"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"}

package/dist/components/ui/Spin.css

@@ -0,0 +1,29 @@
+.memori-spin {
+    position: relative;
+}
+
+.memori-spin--spinner {
+    position: absolute;
+    z-index: 100;
+    top: 0;
+    left: 0;
+    display: none;
+    width: 100%;
+    height: 100%;
+    align-items: center;
+    justify-content: center;
+    background: rgba(255, 255, 255, 0.8);
+}
+
+.memori-spin--spinning .memori-spin--spinner {
+    display: flex;
+}
+
+.memori-spin--spinner svg {
+    width: 30%;
+    height: 30%;
+}
+
+.memori-spin--primary svg {
+    fill: var(--memori-primary);
+}

package/dist/components/ui/Spin.d.ts

@@ -0,0 +1,10 @@
+import React, { FC } from 'react';
+import './Spin.css';
+export interface Props {
+    spinning?: boolean;
+    className?: string;
+    primary?: boolean;
+    children?: JSX.Element | React.ReactNode;
+}
+declare const Spin: FC<Props>;
+export default Spin;

package/dist/components/ui/Spin.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+const Loading_1 = tslib_1.__importDefault(require("../icons/Loading"));
+require("./Spin.css");
+const Spin = ({ spinning = false, primary = false, className, children, }) => (react_1.default.createElement("div", { className: (0, classnames_1.default)('memori-spin', className, {
+        'memori-spin--spinning': spinning,
+        'memori-spin--primary': primary,
+    }) },
+    children,
+    react_1.default.createElement("div", { className: "memori-spin--spinner" },
+        react_1.default.createElement(Loading_1.default, { loading: true }))));
+exports.default = Spin;
+//# sourceMappingURL=Spin.js.map

package/dist/components/ui/Spin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.js","sourceRoot":"","sources":["../../../src/components/ui/Spin.tsx"],"names":[],"mappings":";;;AAAA,0DAAkC;AAClC,oEAA4B;AAC5B,uEAAuC;AACvC,sBAAoB;AASpB,MAAM,IAAI,GAAc,CAAC,EACvB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,SAAS,EACT,QAAQ,GACF,EAAE,EAAE,CAAC,CACX,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,aAAa,EAAE,SAAS,EAAE;QACtC,uBAAuB,EAAE,QAAQ;QACjC,sBAAsB,EAAE,OAAO;KAChC,CAAC;IAED,QAAQ;IACT,uCAAK,SAAS,EAAC,sBAAsB;QACnC,8BAAC,iBAAO,IAAC,OAAO,SAAG,CACf,CACF,CACP,CAAC;AAEF,kBAAe,IAAI,CAAC"}

package/dist/components/ui/Spin.stories.d.ts

@@ -0,0 +1,7 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './Spin';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const Spinning: Story<Props>;
+export declare const Primary: Story<Props>;

package/dist/components/ui/Spin.stories.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = exports.Spinning = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Spin_1 = tslib_1.__importDefault(require("./Spin"));
+const meta = {
+    title: 'UI/Spin',
+    component: Spin_1.default,
+    argTypes: {
+        spinning: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        primary: {
+            control: {
+                type: 'boolean',
+            },
+        },
+        className: {
+            control: {
+                type: 'text',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => (react_1.default.createElement(Spin_1.default, { ...args },
+    react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."),
+    react_1.default.createElement("h2", null, "Suspendisse a sodales nulla, sed semper nisi."),
+    react_1.default.createElement("p", null, "Proin tincidunt enim in felis aliquet, a ultricies purus bibendum."),
+    react_1.default.createElement("ul", null,
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus.")),
+    react_1.default.createElement("p", null, "Nulla at urna diam.")));
+exports.Default = Template.bind({});
+exports.Default.args = {
+    spinning: false,
+};
+exports.Spinning = Template.bind({});
+exports.Spinning.args = {
+    spinning: true,
+};
+exports.Primary = Template.bind({});
+exports.Primary.args = {
+    spinning: true,
+    primary: true,
+};
+//# sourceMappingURL=Spin.stories.js.map

package/dist/components/ui/Spin.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.stories.js","sourceRoot":"","sources":["../../../src/components/ui/Spin.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,0DAAqC;AAErC,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,cAAI;IACf,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,OAAO,EAAE;YACP,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;QACD,SAAS,EAAE;YACT,OAAO,EAAE;gBACP,IAAI,EAAE,MAAM;aACb;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,CACrC,8BAAC,cAAI,OAAK,IAAI;IACZ,oGAA+D;IAC/D,0FAAsD;IACtD,8GAAyE;IACzE;QACE,wEAAoC;QACpC,wEAAoC;QACpC,wEAAoC,CACjC;IACL,+DAA0B,CACrB,CACR,CAAC;AAIW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;CACf,CAAC;AAEW,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,IAAI;CACd,CAAC"}

package/dist/components/ui/Spin.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/components/ui/Spin.test.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Spin_1 = tslib_1.__importDefault(require("./Spin"));
+const content = (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit."),
+    react_1.default.createElement("h2", null, "Suspendisse a sodales nulla, sed semper nisi."),
+    react_1.default.createElement("p", null, "Proin tincidunt enim in felis aliquet, a ultricies purus bibendum."),
+    react_1.default.createElement("ul", null,
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus."),
+        react_1.default.createElement("li", null, "Quisque in ultrices lectus.")),
+    react_1.default.createElement("p", null, "Nulla at urna diam.")));
+it('renders Spin unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Spin_1.default, null, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Spin spinning unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Spin_1.default, { spinning: true }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Spin with custom className unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Spin_1.default, { className: "lorem-ipsum" }, content));
+    expect(container).toMatchSnapshot();
+});
+it('renders Spin spinning primary unchanged', () => {
+    const { container } = (0, react_2.render)(react_1.default.createElement(Spin_1.default, { spinning: true, primary: true }, content));
+    expect(container).toMatchSnapshot();
+});
+//# sourceMappingURL=Spin.test.js.map

package/dist/components/ui/Spin.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spin.test.js","sourceRoot":"","sources":["../../../src/components/ui/Spin.test.tsx"],"names":[],"mappings":";;;AAAA,0DAA0B;AAC1B,kDAAgD;AAChD,0DAA0B;AAE1B,MAAM,OAAO,GAAG,CACd;IACE,oGAA+D;IAC/D,0FAAsD;IACtD,8GAAyE;IACzE;QACE,wEAAoC;QACpC,wEAAoC;QACpC,wEAAoC,CACjC;IACL,+DAA0B,CACzB,CACJ,CAAC;AAEF,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;IAChC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,QAAE,OAAO,CAAQ,CAAC,CAAC;IACrD,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;IACzC,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,IAAC,QAAQ,UAAE,OAAO,CAAQ,CAAC,CAAC;IAC9D,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,8CAA8C,EAAE,GAAG,EAAE;IACtD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAAC,8BAAC,cAAI,IAAC,SAAS,EAAC,aAAa,IAAE,OAAO,CAAQ,CAAC,CAAC;IAC7E,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC;AAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;IACjD,MAAM,EAAE,SAAS,EAAE,GAAG,IAAA,cAAM,EAC1B,8BAAC,cAAI,IAAC,QAAQ,QAAC,OAAO,UACnB,OAAO,CACH,CACR,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC;AACtC,CAAC,CAAC,CAAC"}

package/dist/components/ui/Tooltip.css

@@ -0,0 +1,78 @@
+.memori-tooltip {
+    position: relative;
+    display: inline-block;
+}
+
+.memori-tooltip--content {
+    position: absolute;
+    top: 50%;
+    left: 100%;
+    display: none;
+    width: auto;
+    min-width: 200px;
+    padding: 10px;
+    border-radius: 10px;
+    margin-left: 15px;
+    background: rgba(0, 0, 0, 0.8);
+    color: #fff;
+    opacity: 0;
+    text-align: center;
+    transform: none;
+    transition: 0.3s 0.1s all ease;
+}
+
+.memori-tooltip.memori-tooltip--align-left .memori-tooltip--content {
+    right: 100%;
+    left: initial;
+    margin: initial;
+    margin-right: 15px;
+}
+
+.memori-tooltip .memori-tooltip--content::before {
+    position: absolute;
+    top: 50%;
+    left: -15px;
+    display: none;
+    border: 10px solid rgba(0, 0, 0, 0.8);
+    border-color: transparent rgba(0, 0, 0, 0.8) transparent transparent;
+    margin-left: -5px;
+    content: "";
+    opacity: 0;
+    transform: translateY(-50%);
+    transition: .3s;
+}
+
+.memori-tooltip.memori-tooltip--align-left .memori-tooltip--content::before {
+    right: -15px;
+    left: auto;
+    border-color: transparent transparent transparent rgba(0, 0, 0, 0.8);
+    margin-right: -5px;
+    margin-left: 0;
+}
+
+.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content,
+.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content::before {
+    display: block;
+    opacity: 1;
+}
+
+.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content,
+.memori-tooltip:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover .memori-tooltip--content {
+    transform: translateY(-50%);
+}
+
+.memori-tooltip:not(.memori-tooltip--visible):not(.memori-tooltip--disabled):hover .memori-tooltip--content,
+.memori-tooltip:not(.memori-tooltip--visible):not(.memori-tooltip--disabled):hover .memori-tooltip--content::before {
+    display: block;
+    opacity: 1;
+}
+
+.memori-tooltip:not(.memori-tooltip--disabled).memori-tooltip--visible .memori-tooltip--content a,
+.memori-tooltip:not(.memori-tooltip--disabled):not(.memori-tooltip--visible):hover .memori-tooltip--content a {
+    color: #fff;
+    text-decoration: underline;
+}
+
+.memori-tooltip.memori-tooltip--disabled {
+    cursor: not-allowed;
+}

package/dist/components/ui/Tooltip.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import './Tooltip.css';
+export interface Props {
+    content: string | JSX.Element | React.ReactNode;
+    className?: string;
+    alignLeft?: boolean;
+    disabled?: boolean;
+    children: React.ReactNode;
+    visible?: boolean;
+}
+declare const Tooltip: FC<Props>;
+export default Tooltip;

package/dist/components/ui/Tooltip.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const classnames_1 = tslib_1.__importDefault(require("classnames"));
+require("./Tooltip.css");
+const Tooltip = ({ content, className, alignLeft = false, disabled = false, visible = false, children, }) => (react_1.default.createElement("div", { className: (0, classnames_1.default)('memori-tooltip', className, {
+        'memori-tooltip--align-left': alignLeft,
+        'memori-tooltip--disabled': disabled,
+        'memori-tooltip--visible': visible,
+    }) },
+    react_1.default.createElement("div", { className: "memori-tooltip--content" }, content),
+    react_1.default.createElement("div", { className: "memori-tooltip--trigger" }, children)));
+exports.default = Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/dist/components/ui/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sourceRoot":"","sources":["../../../src/components/ui/Tooltip.tsx"],"names":[],"mappings":";;;AAAA,0DAAkC;AAClC,oEAA4B;AAC5B,yBAAuB;AAWvB,MAAM,OAAO,GAAc,CAAC,EAC1B,OAAO,EACP,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,QAAQ,GAAG,KAAK,EAChB,OAAO,GAAG,KAAK,EACf,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,uCACE,SAAS,EAAE,IAAA,oBAAE,EAAC,gBAAgB,EAAE,SAAS,EAAE;QACzC,4BAA4B,EAAE,SAAS;QACvC,0BAA0B,EAAE,QAAQ;QACpC,yBAAyB,EAAE,OAAO;KACnC,CAAC;IAEF,uCAAK,SAAS,EAAC,yBAAyB,IAAE,OAAO,CAAO;IACxD,uCAAK,SAAS,EAAC,yBAAyB,IAAE,QAAQ,CAAO,CACrD,CACP,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/components/ui/Tooltip.stories.d.ts

@@ -0,0 +1,8 @@
+import { Meta, Story } from '@storybook/react';
+import { Props } from './Tooltip';
+declare const meta: Meta;
+export default meta;
+export declare const Default: Story<Props>;
+export declare const WithJSXContent: Story<Props>;
+export declare const Disabled: Story<Props>;
+export declare const VisibleControlled: Story<Props>;

package/dist/components/ui/Tooltip.stories.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.VisibleControlled = exports.Disabled = exports.WithJSXContent = exports.Default = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+const Tooltip_1 = tslib_1.__importDefault(require("./Tooltip"));
+const meta = {
+    title: 'UI/Tooltip',
+    component: Tooltip_1.default,
+    argTypes: {
+        disabled: {
+            control: {
+                type: 'boolean',
+            },
+        },
+    },
+    parameters: {
+        controls: { expanded: true },
+    },
+};
+exports.default = meta;
+const Template = args => react_1.default.createElement(Tooltip_1.default, { ...args });
+exports.Default = Template.bind({});
+exports.Default.args = {
+    content: 'Here is some tooltip content',
+    children: react_1.default.createElement("span", null, "Hover me"),
+};
+exports.WithJSXContent = Template.bind({});
+exports.WithJSXContent.args = {
+    content: (react_1.default.createElement("p", null,
+        "Here we have some JSX, useful for",
+        ' ',
+        react_1.default.createElement("a", { href: "https://memori.ai", rel: "noopener noreferrer", target: "_blank" }, "links"),
+        ", for example.")),
+    children: react_1.default.createElement("span", null, "Hover me"),
+};
+exports.Disabled = Template.bind({});
+exports.Disabled.args = {
+    content: 'Here is some tooltip content but I am disabled',
+    children: react_1.default.createElement("span", null, "Hover me"),
+    disabled: true,
+};
+exports.VisibleControlled = Template.bind({});
+exports.VisibleControlled.args = {
+    content: 'Here is some tooltip content displayed by default as I am controlled',
+    children: react_1.default.createElement("span", null, "Hover me"),
+    visible: true,
+};
+//# sourceMappingURL=Tooltip.stories.js.map

package/dist/components/ui/Tooltip.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.stories.js","sourceRoot":"","sources":["../../../src/components/ui/Tooltip.stories.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,gEAA2C;AAE3C,MAAM,IAAI,GAAS;IACjB,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,iBAAO;IAClB,QAAQ,EAAE;QACR,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,IAAI,EAAE,SAAS;aAChB;SACF;KACF;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE;KAC7B;CACF,CAAC;AAEF,kBAAe,IAAI,CAAC;AAEpB,MAAM,QAAQ,GAAiB,IAAI,CAAC,EAAE,CAAC,8BAAC,iBAAO,OAAK,IAAI,GAAI,CAAC;AAIhD,QAAA,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,eAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,8BAA8B;IACvC,QAAQ,EAAE,uDAAqB;CAChC,CAAC;AAEW,QAAA,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,sBAAc,CAAC,IAAI,GAAG;IACpB,OAAO,EAAE,CACP;;QACoC,GAAG;QACrC,qCAAG,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,qBAAqB,EAAC,MAAM,EAAC,QAAQ,YAEjE;yBAEF,CACL;IACD,QAAQ,EAAE,uDAAqB;CAChC,CAAC;AAEW,QAAA,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,gBAAQ,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,gDAAgD;IACzD,QAAQ,EAAE,uDAAqB;IAC/B,QAAQ,EAAE,IAAI;CACf,CAAC;AAEW,QAAA,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,yBAAiB,CAAC,IAAI,GAAG;IACvB,OAAO,EACL,sEAAsE;IACxE,QAAQ,EAAE,uDAAqB;IAC/B,OAAO,EAAE,IAAI;CACd,CAAC"}

package/dist/components/ui/Tooltip.test.d.ts

@@ -0,0 +1 @@
+export {};