@seeqdev/qomponents 0.0.61 → 0.0.63

package/dist/Icon/Icon.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import '../styles.css';
+import { DEFAULT_TOOL_TIP_DELAY } from '../Tooltip/Tooltip.types';
+const colorClassesThemeLight = {
+    'theme': 'tw-text-sq-color-dark',
+    'white': 'tw-text-white',
+    'dark-gray': 'tw-text-sq-fairly-dark-gray',
+    'warning': 'tw-text-sq-warning-color',
+    'darkish-gray': 'tw-text-sq-darkish-gray',
+    'gray': 'tw-text-sq-disabled-gray',
+    'color': '',
+    'info': 'tw-text-sq-link',
+    'text': 'tw-text-sq-text-color',
+    'inherit': '',
+    'danger': 'tw-text-sq-danger-color',
+    'theme-light': 'tw-text-sq-color-light',
+    'success': 'tw-text-sq-success-color',
+};
+const colorClassesThemeDark = {
+    'theme': 'dark:tw-text-sq-color-dark-dark',
+    'white': '',
+    'dark-gray': 'tw-text-sq-fairly-dark-gray',
+    'warning': '',
+    'darkish-gray': 'tw-text-sq-darkish-gray',
+    'gray': 'dark:tw-text-sq-dark-disabled-gray',
+    'color': '',
+    'info': 'dark:tw-text-sq-link-dark',
+    'text': 'dark:tw-text-sq-dark-text',
+    'inherit': '',
+    'danger': 'tw-text-sq-danger-color',
+    'theme-light': 'tw-text-sq-color-light',
+    'success': 'tw-text-sq-success-color',
+};
+/**
+ * Icon:
+ *  - access to Seeq custom icons by providing the desired icon
+ *  - leverage "type" to style your icon
+ */
+const Icon = ({ onClick, icon, iconPrefix = undefined, type = 'theme', extraClassNames, id, large, small, color, testId, customId, tooltip, tooltipPlacement, number, isHtmlTooltip = false, tooltipTestId, tooltipDelay = DEFAULT_TOOL_TIP_DELAY, }) => {
+    if ((type === 'color' && (color === undefined || color === '')) || (color && type !== 'color')) {
+        const errorMessage = color === undefined || color === ''
+            ? 'Icon with type="color" must have prop color specified.'
+            : 'Icon with prop color must have type="color".';
+        return React.createElement("div", { className: "tw-text-sq-danger-color" }, errorMessage);
+    }
+    const fontAwesomePrefix = iconPrefix ? iconPrefix : 'fa-sharp fa-regular';
+    const iconPrefixString = icon.startsWith('fc') ? 'fc' : fontAwesomePrefix;
+    const style = type === 'color' && color ? { color } : {};
+    const appliedClassNames = `${iconPrefixString} ${icon} ${small ? 'fa-sm' : ''} ${large ? 'fa-lg' : ''} 
+  ${colorClassesThemeLight[type]} ${colorClassesThemeDark[type]} ${onClick ? 'cursor-pointer' : ''} ${extraClassNames}`;
+    const tooltipData = tooltip
+        ? {
+            'data-qtip-text': tooltip,
+            'data-qtip-placement': tooltipPlacement,
+            'data-qtip-is-html': isHtmlTooltip,
+            'data-qtip-testid': tooltipTestId,
+            'data-qtip-delay': tooltipDelay,
+        }
+        : undefined;
+    return (React.createElement("i", { className: appliedClassNames, style: style, onClick: onClick, "data-testid": testId, "data-customid": customId, id: id, "data-number": number, ...tooltipData }));
+};
+export default Icon;
+//# sourceMappingURL=Icon.js.map

package/dist/Icon/Icon.js.map

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

package/dist/Icon/Icon.stories.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import Icon from './Icon';
+import { iconTypes } from './Icon.types';
+export default {
+    title: 'Icons',
+};
+export const AllIcons = () => {
+    const renderAllVariations = () => {
+        return (React.createElement(React.Fragment, null,
+            React.createElement("br", null),
+            React.createElement("br", null),
+            iconTypes.map((iconType) => {
+                return (React.createElement("div", { key: `${iconType}` },
+                    React.createElement("b", null,
+                        "type=",
+                        iconType),
+                    React.createElement("br", null),
+                    React.createElement("div", null,
+                        React.createElement(Icon, { icon: "fc-genai-chat", small: true, extraClassNames: 'tw-p-2', type: iconType, color: iconType === 'color' ? 'purple' : undefined }),
+                        React.createElement(Icon, { icon: "fc-formula-ai", extraClassNames: 'tw-p-2', type: iconType, color: iconType === 'color' ? '#928378' : undefined }),
+                        React.createElement(Icon, { icon: "fc-datalab-ai", extraClassNames: 'tw-p-2', type: iconType, color: iconType === 'color' ? 'pink' : undefined }),
+                        React.createElement(Icon, { icon: "fc-workbook-ai", extraClassNames: 'tw-p-2', type: iconType, color: iconType === 'color' ? 'pink' : undefined })),
+                    React.createElement("div", { className: "tw-dark tw-bg-sq-dark-background" },
+                        React.createElement(Icon, { icon: "fc-announcements", small: true, extraClassNames: 'tw-p-2', type: iconType, color: iconType === 'color' ? 'purple' : undefined }),
+                        React.createElement(Icon, { icon: "fc-announcements", extraClassNames: 'tw-p-2', type: iconType, color: iconType === 'color' ? '#928378' : undefined }),
+                        React.createElement(Icon, { icon: "fc-announcements", large: true, extraClassNames: 'tw-p-2', type: iconType, color: iconType === 'color' ? 'pink' : undefined })),
+                    React.createElement("br", null)));
+            })));
+    };
+    return (React.createElement("div", { className: "tw-grid tw-grid-cols-3 tw-gap-4" },
+        React.createElement("div", { className: "color_topic" },
+            React.createElement("b", null, "Topic Colors"),
+            renderAllVariations()),
+        React.createElement("div", { className: "color_analysis" },
+            React.createElement("b", null, "Analysis Colors"),
+            renderAllVariations()),
+        React.createElement("div", { className: "color_datalab" },
+            React.createElement("b", null, "Datalab Colors"),
+            renderAllVariations())));
+};
+//# sourceMappingURL=Icon.stories.js.map

package/dist/Icon/Icon.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.stories.js","sourceRoot":"","sources":["../../src/Icon/Icon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,QAAQ,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,eAAe;IACb,KAAK,EAAE,OAAO;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,MAAM,mBAAmB,GAAG,GAAG,EAAE;QAC/B,OAAO,CACL;YACE,+BAAM;YACN,+BAAM;YACL,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC1B,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,QAAQ,EAAE;oBACrB;;wBAAS,QAAQ,CAAK;oBACtB,+BAAM;oBACN;wBACE,oBAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,KAAK,EAAE,IAAI,EACX,eAAe,EAAE,QAAQ,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAClD;wBACF,oBAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,eAAe,EAAE,QAAQ,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACnD;wBACF,oBAAC,IAAI,IACH,IAAI,EAAC,eAAe,EACpB,eAAe,EAAE,QAAQ,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAChD;wBACF,oBAAC,IAAI,IACH,IAAI,EAAC,gBAAgB,EACrB,eAAe,EAAE,QAAQ,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAChD,CACE;oBACN,6BAAK,SAAS,EAAC,kCAAkC;wBAC/C,oBAAC,IAAI,IACH,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,IAAI,EACX,eAAe,EAAE,QAAQ,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,GAClD;wBACF,oBAAC,IAAI,IACH,IAAI,EAAC,kBAAkB,EACvB,eAAe,EAAE,QAAQ,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,GACnD;wBACF,oBAAC,IAAI,IACH,IAAI,EAAC,kBAAkB,EACvB,KAAK,EAAE,IAAI,EACX,eAAe,EAAE,QAAQ,EACzB,IAAI,EAAE,QAAQ,EACd,KAAK,EAAE,QAAQ,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,GAChD,CACE;oBACN,+BAAM,CACF,CACP,CAAC;YACJ,CAAC,CAAC,CACD,CACJ,CAAC;IACJ,CAAC,CAAC;IACF,OAAO,CACL,6BAAK,SAAS,EAAC,iCAAiC;QAC9C,6BAAK,SAAS,EAAC,aAAa;YAC1B,8CAAmB;YAClB,mBAAmB,EAAE,CAClB;QAEN,6BAAK,SAAS,EAAC,gBAAgB;YAC7B,iDAAsB;YACrB,mBAAmB,EAAE,CAClB;QAEN,6BAAK,SAAS,EAAC,eAAe;YAC5B,gDAAqB;YACpB,mBAAmB,EAAE,CAClB,CACF,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/Icon/Icon.test.js

@@ -0,0 +1,55 @@
+import React from 'react';
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import Icon from './Icon';
+describe('Icon', () => {
+    class Context {
+        testId = 'iconTestId';
+        icon = 'testIcon';
+        props = {
+            icon: this.icon,
+            onClick: jest.fn(),
+            testId: this.testId,
+        };
+    }
+    let tc;
+    beforeEach(() => {
+        tc = new Context();
+    });
+    const renderIcon = (props) => render(React.createElement(Icon, { ...props }));
+    it('renders icon', () => {
+        renderIcon(tc.props);
+        expect(screen.getByTestId(tc.testId)).toHaveClass(tc.icon);
+    });
+    it('renders large icon', () => {
+        renderIcon({ ...tc.props, large: true });
+        expect(screen.getByTestId(tc.testId)).toHaveClass('fa-lg');
+    });
+    it('renders small icon', () => {
+        renderIcon({ ...tc.props, small: true });
+        expect(screen.getByTestId(tc.testId)).toHaveClass('fa-sm');
+    });
+    describe('icon types', () => {
+        it('renders the theme type by default', () => {
+            renderIcon(tc.props);
+            expect(screen.getByTestId(tc.testId)).toHaveClass('tw-text-sq-color-dark');
+        });
+        it('renders the white icon', () => {
+            renderIcon({ ...tc.props, type: 'white' });
+            expect(screen.getByTestId(tc.testId)).toHaveClass('tw-text-white');
+        });
+        it('renders the text-type icon', () => {
+            renderIcon({ ...tc.props, type: 'text' });
+            expect(screen.getByTestId(tc.testId)).toHaveClass('tw-text-sq-text-color');
+        });
+        it('renders the color-type icon', () => {
+            renderIcon({ ...tc.props, type: 'color', color: '#AABBFF' });
+            expect(screen.getByTestId(tc.testId)).toHaveStyle('color: #AABBFF');
+        });
+        it('renders a warning if type=color and no color is provided', () => {
+            renderIcon({ ...tc.props, type: 'color' });
+            expect(screen.getByText('Icon with type="color" must have prop color specified.')).toBeInTheDocument();
+        });
+    });
+});
+//# sourceMappingURL=Icon.test.js.map

package/dist/Icon/Icon.test.js.map

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

package/dist/Icon/Icon.types.js

@@ -0,0 +1,16 @@
+export const iconTypes = [
+    'theme',
+    'white',
+    'dark-gray',
+    'darkish-gray',
+    'gray',
+    'color',
+    'info',
+    'text',
+    'warning',
+    'inherit',
+    'danger',
+    'theme-light',
+    'success',
+];
+//# sourceMappingURL=Icon.types.js.map

package/dist/Icon/Icon.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.js","sourceRoot":"","sources":["../../src/Icon/Icon.types.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,OAAO;IACP,OAAO;IACP,WAAW;IACX,cAAc;IACd,MAAM;IACN,OAAO;IACP,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,QAAQ;IACR,aAAa;IACb,SAAS;CACD,CAAC"}

package/dist/Icon/index.js

@@ -0,0 +1,2 @@
+export { default } from './Icon';
+//# sourceMappingURL=index.js.map

package/dist/Icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/Modal/Modal.js

@@ -0,0 +1,99 @@
+import React, { useEffect } from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import classNames from 'classnames';
+import '../styles.css';
+import Button from '../Button';
+import Icon from '../Icon';
+import TextField from '../TextField';
+const Dialog = DialogPrimitive.Root;
+const DialogPortal = DialogPrimitive.Portal;
+const DialogClose = DialogPrimitive.Close;
+const DialogContent = React.forwardRef(({ className, children, ...props }, ref) => (React.createElement(DialogPortal, null,
+    React.createElement("div", { className: "tw-select-none tw-fixed tw-w-full tw-h-full tw-opacity-50 tw-inset-0 tw-z-[1000] tw-bg-sq-dark-background\n    data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0\n    data-[state=open]:fade-in-0 " }),
+    React.createElement(DialogPrimitive.Content, { ref: ref, className: `tw-fixed tw-left-[50%] tw-top-0 tw-my-6 tw-translate-x-[-50%] tw-z-[1001] tw-grid
+       tw-gap-4 tw-border tw-bg-sq-white dark:tw-bg-sq-dark-background tw-p-6 tw-shadow-lg tw-duration-200
+       tw-rounded-lg ${className}`, ...props }, children))));
+DialogContent.displayName = DialogPrimitive.Content.displayName;
+const DialogHeader = ({ className, ...props }) => (React.createElement("div", { className: "tw-w-full tw-justify-between" },
+    React.createElement("div", { className: `flex flex-col space-y-1.5 text-center sm:text-left ${className}`, ...props })));
+DialogHeader.displayName = 'DialogHeader';
+const DialogFooter = ({ className, ...props }) => (React.createElement("div", { className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2 ${className}`, ...props }));
+DialogFooter.displayName = 'DialogFooter';
+const DialogTitle = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DialogPrimitive.Title, { ref: ref, className: `text-lg font-semibold leading-none tracking-tight ${className}`, ...props })));
+DialogTitle.displayName = DialogPrimitive.Title.displayName;
+const DialogDescription = React.forwardRef(({ className, ...props }, ref) => (React.createElement(DialogPrimitive.Description, { ref: ref, className: `text-sm text-muted-foreground ${className}`, ...props })));
+DialogDescription.displayName = DialogPrimitive.Description.displayName;
+const Modal = ({ titleIcon, title = 'Modal title example', titleSuffixLabel, subtitle, children, open = false, onClose, customButton = false, customButtonLabel = 'Back', onClickCustomButton, submitButtonLabel = 'Submit', cancelButtonLabel = 'Cancel', disableSubmitButton = false, stopPropagationSubmitButton = false, onSubmit, isTitleEditable = false, onTitleChanged, inputExtraClassNames, hideCloseIcon = false, size = 'xl', titleIconPosition = 'left', hideFooterButtons = false, hideSubmitButton = false, hideCancelButton = false, testId = 'modal', modalFooter, dialogClassName, titlePlaceholder, titleRequired, titleError, submitButtonTooltip, cancelButtonTooltip, disableCustomButton, customHeader, middleFooterSection = React.createElement(React.Fragment, null), customButtonVariant = 'outline', keepFocusInsideModal = true, }) => {
+    // the Dialog is adding pointerEvents: none to body and the dropdowns from the modal does not work anymore
+    useEffect(() => {
+        if (open) {
+            // Pushing the change to the end of the call stack
+            const timer = setTimeout(() => {
+                document.body.style.pointerEvents = '';
+            }, 0);
+            return () => clearTimeout(timer);
+        }
+        else {
+            document.body.style.pointerEvents = 'auto';
+        }
+    }, [open]);
+    const renderTitle = () => {
+        let titleIconElement = React.createElement(React.Fragment, null);
+        if (titleIcon) {
+            if (typeof titleIcon === 'string') {
+                titleIconElement =
+                    React.createElement(Icon, { icon: titleIcon, testId: "modalTitleIcon", extraClassNames: "tw-flex tw-text-xl tw-mt-1" });
+            }
+            else {
+                titleIconElement = React.createElement("div", { className: "tw-mt-1.5" }, titleIcon);
+            }
+        }
+        return (React.createElement(React.Fragment, null,
+            titleIcon && titleIconPosition === 'left' ?
+                React.createElement("div", { className: "tw-flex tw-mr-2" }, titleIconElement) :
+                React.createElement(React.Fragment, null),
+            React.createElement(DialogTitle, { asChild: true }, isTitleEditable ? (React.createElement("div", { className: "tw-flex tw-w-full tw-items-center" },
+                React.createElement(TextField, { extraClassNames: inputExtraClassNames, value: title, type: "text", testId: "modalTitle", onChange: onTitleChanged, placeholder: titlePlaceholder, required: titleRequired, showError: !!titleError }),
+                titleError && React.createElement("p", { className: "tw-text-sq-danger-color tw-min-w-fit tw-pl-2 tw-mb-0" }, titleError))) :
+                customHeader ?? (React.createElement("div", { "data-testid": "modalTitle", className: "modal-title" },
+                    React.createElement("div", { className: "tw-flex tw-items-center" },
+                        React.createElement("h3", null, title),
+                        titleSuffixLabel &&
+                            React.createElement("span", { className: "tw-text-xl tw-pl-0.5" }, titleSuffixLabel)),
+                    subtitle &&
+                        React.createElement("div", { className: "tw-italic tw-text-sm tw-text-left tw-mt-1", "data-testid": "modal-subtitle" }, subtitle)))),
+            titleIcon && titleIconPosition === 'right' ?
+                React.createElement("div", { className: "tw-flex tw-ml-4" }, titleIconElement) : React.createElement(React.Fragment, null)));
+    };
+    return open ? (React.createElement(Dialog, { open: true, onOpenChange: onClose, modal: keepFocusInsideModal },
+        React.createElement(DialogContent, { onPointerDownOutside: (e) => e.preventDefault(), "data-testid": testId, className: classNames(`modalContent tw-w-full !tw-p-0 tw-border-none tw-shadow-none dark:tw-text-sq-dark-text !tw-gap-0`, {
+                'tw-max-w-xs': size === 'xs',
+                'tw-max-w-sm': size === 'sm',
+                'tw-max-w-md': size === 'md',
+                'tw-max-w-lg': size === 'lg',
+                'tw-max-w-xl': size === 'xl',
+                'tw-max-w-2xl': size === '2xl',
+                'tw-max-w-3xl': size === '3xl',
+                'tw-max-w-4xl': size === '4xl',
+                'tw-max-w-5xl': size === '5xl',
+                'tw-max-w-6xl': size === '6xl',
+            }, dialogClassName) },
+            React.createElement(DialogHeader, { className: "modal-header tw-flex tw-w-full tw-justify-between tw-border-sq-disabled-gray\n          dark:tw-border-sq-dark-disabled-gray tw-border-0 tw-border-b tw-px-6 tw-py-4" },
+                React.createElement("div", { className: "tw-flex tw-w-full" }, renderTitle()),
+                !hideCloseIcon && React.createElement(DialogClose, { autoFocus: false, className: "[&:has(:focus-visible)]:none tw-opacity-70 tw-bg-transparent hover:tw-opacity-100  close tw-cursor-pointer tw-ml-4", "data-testid": "closeButton" },
+                    React.createElement("span", { className: "tw-cursor-pointer" }, "\u00D7"))),
+            React.createElement(DialogDescription, { className: "modal-body tw-px-6 tw-py-4 tw-overflow-y-auto", asChild: true }, children),
+            !hideFooterButtons && React.createElement(DialogFooter, { className: "modal-footer tw-px-6 tw-py-4" }, modalFooter ??
+                React.createElement("div", { className: "tw-flex tw-w-full tw-justify-between", "data-testid": "modalFooter" },
+                    React.createElement("div", { className: "tw-flex tw-justify-start" }, customButton &&
+                        React.createElement(Button, { label: customButtonLabel, onClick: onClickCustomButton, disabled: disableCustomButton, extraClassNames: "tw-justify-start tw-min-w-[100px]", testId: "customButton", variant: customButtonVariant })),
+                    React.createElement("div", { className: "tw-flex tw-justify-end" },
+                        React.createElement("div", { className: "tw-flex tw-items-center" }, middleFooterSection),
+                        !hideCancelButton &&
+                            React.createElement(DialogClose, { asChild: true },
+                                React.createElement(Button, { label: cancelButtonLabel, extraClassNames: "tw-mr-5 tw-min-w-[100px]", tooltip: cancelButtonTooltip, variant: "outline", stopPropagation: false, testId: "cancelButton" })),
+                        !hideSubmitButton &&
+                            React.createElement(Button, { label: submitButtonLabel, onClick: onSubmit, disabled: disableSubmitButton, variant: "theme", stopPropagation: stopPropagationSubmitButton, tooltip: submitButtonTooltip, testId: "submitButton", extraClassNames: "tw-min-w-[100px]" }))))))) : React.createElement(React.Fragment, null);
+};
+export default Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/Modal/Modal.js.map

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

package/dist/Modal/Modal.stories.js

@@ -0,0 +1,176 @@
+import React, { useEffect, useState } from 'react';
+import Modal from './Modal';
+import Button from '../Button';
+export default {
+    title: 'Modal',
+};
+const modalBody = React.createElement("div", null, "Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.");
+const ModalComponent = ({ bodyClass = '', title: originalTitle, titleIcon, isTitleEditable, children, hideCloseIcon, disableSubmitButton, size, buttonLabel = 'Open Modal', customButton, customButtonLabel, }) => {
+    const [open, setOpen] = useState(false);
+    const [title, setTitle] = useState(originalTitle);
+    useEffect(() => {
+        return () => {
+            document.body.className = '';
+        };
+    }, []);
+    const onClose = () => {
+        document.body.className = '';
+        setOpen(false);
+    };
+    return (React.createElement("div", { className: "tw-p-4" },
+        React.createElement(Button, { onClick: () => {
+                document.body.className = bodyClass;
+                setOpen(true);
+            }, label: buttonLabel }),
+        React.createElement(Modal, { open: open, onClose: onClose, title: title, titleIcon: titleIcon, isTitleEditable: isTitleEditable, onTitleChanged: (event) => setTitle(event.target.value), hideCloseIcon: hideCloseIcon, disableSubmitButton: disableSubmitButton, size: size, customButton: customButton, customButtonLabel: customButtonLabel }, children)));
+};
+export const AllModalsVariants = () => (React.createElement("div", { className: "tw-grid tw-grid-cols-3 tw-gap-4" },
+    React.createElement("div", null,
+        React.createElement("b", null, "Topic Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "xs", buttonLabel: "Open xsmall size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "sm", buttonLabel: "Open small size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "md", buttonLabel: "Open medium size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "lg", buttonLabel: "Open large size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "xl", buttonLabel: "Open xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "2xl", buttonLabel: "Open 2xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "3xl", buttonLabel: "Open 3xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "4xl", buttonLabel: "Open 4xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "5xl", buttonLabel: "Open 5xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal example", children: modalBody, size: "6xl", buttonLabel: "Open 6xl size modal" })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "xs", buttonLabel: "Open xsmall size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "sm", buttonLabel: "Open small size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "md", buttonLabel: "Open medium size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "lg", buttonLabel: "Open large size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "xl", buttonLabel: "Open xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "2xl", buttonLabel: "Open 2xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "3xl", buttonLabel: "Open 3xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "4xl", buttonLabel: "Open 4xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "5xl", buttonLabel: "Open 5xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "6xl", buttonLabel: "Open 6xl size modal" }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Analysis Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "xs", buttonLabel: "Open xsmall size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "sm", buttonLabel: "Open small size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "md", buttonLabel: "Open medium size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "lg", buttonLabel: "Open large size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "xl", buttonLabel: "Open xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "2xl", buttonLabel: "Open 2xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "3xl", buttonLabel: "Open 3xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "4xl", buttonLabel: "Open 4xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "5xl", buttonLabel: "Open 5xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal example", children: modalBody, size: "6xl", buttonLabel: "Open 6xl size modal" })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "xs", buttonLabel: "Open xsmall size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "sm", buttonLabel: "Open small size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "md", buttonLabel: "Open medium size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "lg", buttonLabel: "Open large size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "xl", buttonLabel: "Open xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "2xl", buttonLabel: "Open 2xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "3xl", buttonLabel: "Open 3xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "4xl", buttonLabel: "Open 4xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "5xl", buttonLabel: "Open 5xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "6xl", buttonLabel: "Open 6xl size modal" }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Datalab Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "xs", buttonLabel: "Open xsmall size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "sm", buttonLabel: "Open small size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "md", buttonLabel: "Open medium size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "lg", buttonLabel: "Open large size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "xl", buttonLabel: "Open xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "2xl", buttonLabel: "Open 2xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "3xl", buttonLabel: "Open 3xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "4xl", buttonLabel: "Open 4xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "5xl", buttonLabel: "Open 5xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal example", children: modalBody, size: "6xl", buttonLabel: "Open 6xl size modal" })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "xs", buttonLabel: "Open xsmall size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "sm", buttonLabel: "Open small size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "md", buttonLabel: "Open medium size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "lg", buttonLabel: "Open large size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "xl", buttonLabel: "Open xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "2xl", buttonLabel: "Open 2xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "3xl", buttonLabel: "Open 3xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "4xl", buttonLabel: "Open 4xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "5xl", buttonLabel: "Open 5xl size modal" }),
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal example", children: modalBody, size: "6xl", buttonLabel: "Open 6xl size modal" })))));
+export const ModalsWithDisabledSubmit = () => (React.createElement("div", { className: "tw-grid tw-grid-cols-3 tw-gap-4" },
+    React.createElement("div", null,
+        React.createElement("b", null, "Topic Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Analysis Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Datalab Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Disabled submit button example", disableSubmitButton: true, children: modalBody })))));
+export const ModalsWithEditableTitle = () => (React.createElement("div", { className: "tw-grid tw-grid-cols-3 tw-gap-4" },
+    React.createElement("div", null,
+        React.createElement("b", null, "Topic Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Editable title example", isTitleEditable: true, titleIcon: "fc-check", children: modalBody, hideCloseIcon: true })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Editable title example", titleIcon: "fc-check", isTitleEditable: true, children: modalBody, hideCloseIcon: true }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Analysis Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Editable title example", isTitleEditable: true, titleIcon: "fc-check", children: modalBody, hideCloseIcon: true })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Editable title example", titleIcon: "fc-check", isTitleEditable: true, children: modalBody, hideCloseIcon: true }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Datalab Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Editable title example", isTitleEditable: true, titleIcon: "fc-check", children: modalBody, hideCloseIcon: true })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Editable title example", titleIcon: "fc-check", isTitleEditable: true, children: modalBody, hideCloseIcon: true })))));
+export const ModalsWithIcon = () => (React.createElement("div", { className: "tw-grid tw-grid-cols-3 tw-gap-4" },
+    React.createElement("div", null,
+        React.createElement("b", null, "Topic Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal title with icon example", titleIcon: "fc-check", children: modalBody })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal title with example", titleIcon: "fc-circle_info", children: modalBody }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Analysis Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal title with example", titleIcon: "fc-check", children: modalBody })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal title with example", titleIcon: "fc-circle_info", children: modalBody }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Datalab Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal title with example", titleIcon: "fc-check", children: modalBody })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal title with example", titleIcon: "fc-circle_info", children: modalBody })))));
+export const ModalsWithCustomButton = () => (React.createElement("div", { className: "tw-grid tw-grid-cols-3 tw-gap-4" },
+    React.createElement("div", null,
+        React.createElement("b", null, "Topic Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_topic tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Analysis Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_analysis tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" }))),
+    React.createElement("div", null,
+        React.createElement("b", null, "Datalab Colors"),
+        React.createElement("div", { className: "tw-p-4 light" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" })),
+        React.createElement("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background" },
+            React.createElement(ModalComponent, { bodyClass: "color_datalab tw-dark color_analysis_dark", title: "Modal with custom button", children: modalBody, customButton: true, customButtonLabel: "Back" })))));
+//# sourceMappingURL=Modal.stories.js.map

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

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