@seeqdev/qomponents 0.0.156 → 0.0.158

package/dist/Button/Button.js

@@ -0,0 +1,89 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import '../styles.css';
+import { browserIsFirefox } from '../utils/browserId';
+import Icon from '../Icon';
+import { DEFAULT_TOOL_TIP_DELAY } from '../Tooltip/Tooltip.types';
+/**
+ * All-in-one Button:
+ *  - use "variant" to achieve the desired style
+ *  - include tooltips and/or icons
+ */
+const Button = ({ onClick, label, variant = 'outline', type = 'button', size = 'sm', disabled, extraClassNames, id, testId, stopPropagation = true, tooltip, tooltipOptions, iconStyle = 'text', icon, iconColor, iconPosition = 'left', iconPrefix = undefined, preventBlur = false, isHtmlTooltip = false, tooltipTestId, }) => {
+    const baseClasses = 'tw-py-1 tw-px-2.5 tw-rounded-md focus:tw-ring-0 focus-visible:tw-outline-none disabled:tw-pointer-events-none';
+    const baseClassesByVariant = {
+        'outline': 'disabled:tw-opacity-50 tw-border-solid tw-border',
+        'theme': 'disabled:tw-opacity-50 tw-border-solid tw-border',
+        'danger': 'tw-bg-sq-danger-color hover:tw-bg-sq-danger-color-hover disabled:tw-opacity-50 tw-border-solid tw-border ' +
+            'tw-border-sq-danger-color hover:tw-border-sq-danger-color-hover',
+        'theme-light': 'disabled:tw-opacity-50 tw-border-solid tw-border',
+        'no-border': 'disabled:tw-opacity-50',
+        'warning': 'tw-bg-sq-warning-color tw-border-solid tw-border tw-border-sq-warning-color',
+    };
+    const textClassesByVariantLightTheme = {
+        'outline': 'tw-text-sq-text-color',
+        'theme': 'tw-text-white',
+        'theme-light': 'tw-text-white',
+        'danger': 'tw-text-white',
+        'no-border': 'tw-text-sq-text-color',
+        'warning': 'tw-text-white',
+    };
+    const textClassesByVariantDarkTheme = {
+        'outline': 'dark:tw-text-sq-dark-text',
+        'theme': 'dark:tw-text-white',
+        'theme-light': 'dark:tw-text-white',
+        'danger': 'dark:tw-text-white',
+        'no-border': 'dark:tw-text-sq-dark-text',
+        'warning': 'dark:tw-text-white',
+    };
+    const classesByVariantLightTheme = {
+        'outline': 'tw-bg-white dark:tw-bg-sq-dark-background tw-border-sq-disabled-gray hover:tw-bg-sq-light-gray' +
+            ' focus:tw-bg-sq-dark-gray active:tw-bg-sq-dark-gray focus:tw-border-sq-color-dark active:tw-border-sq-color-dark',
+        'theme': 'tw-bg-sq-color-dark hover:tw-bg-sq-color-highlight tw-border-sq-color-dark' +
+            ' hover:tw-border-sq-color-highlight',
+        'danger': '',
+        'theme-light': 'tw-bg-sq-icon hover:tw-bg-sq-link tw-border-sq-icon hover:tw-border-sq-link',
+        'no-border': '',
+        'warning': '',
+    };
+    const classesByVariantDarkTheme = {
+        'outline': 'dark:tw-border-sq-dark-disabled-gray dark:hover:tw-bg-sq-highlight-color-dark' +
+            ' dark:focus:tw-bg-sq-multi-gray-dark dark:active:tw-bg-sq-multi-gray-dark dark:focus:tw-border-sq-color-dark' +
+            ' dark:active:tw-border-sq-color-dark',
+        'theme': 'dark:tw-bg-sq-color-dark dark:hover:tw-bg-sq-color-highlight dark:tw-border-sq-color-dark' +
+            ' dark:hover:tw-border-sq-color-highlight',
+        'danger': '',
+        'theme-light': 'dark:tw-bg-sq-icon-dark dark:hover:tw-bg-sq-link-dark dark:tw-border-sq-icon-dark' +
+            ' dark:hover:tw-border-sq-link-dark',
+        'no-border': '',
+        'warning': '',
+    };
+    const sizeClasses = {
+        sm: 'tw-text-sm',
+        lg: 'tw-text-xl',
+    };
+    const appliedClasses = `${baseClasses} ${baseClassesByVariant[variant]} ${sizeClasses[size]} ${classesByVariantLightTheme[variant]} ${classesByVariantDarkTheme[variant]} ${textClassesByVariantLightTheme[variant]} ${textClassesByVariantDarkTheme[variant]} ${extraClassNames}`;
+    let tooltipData = undefined;
+    if (tooltip) {
+        tooltipData = {
+            'data-qtip-text': tooltip,
+            'data-qtip-placement': tooltipOptions?.position,
+            'data-qtip-is-html': isHtmlTooltip,
+            'data-qtip-testid': tooltipTestId,
+            'data-qtip-delay': tooltipOptions?.delay ?? DEFAULT_TOOL_TIP_DELAY,
+        };
+    }
+    const iconClass = iconPosition === 'left' ? 'tw-mr-1' : 'tw-ml-1';
+    const iconElement = icon && (_jsx(Icon, { icon: icon, iconPrefix: iconPrefix, type: iconStyle, color: iconColor, extraClassNames: label
+            ? `${iconClass} ${textClassesByVariantLightTheme[variant]}  ${textClassesByVariantDarkTheme[variant]}`
+            : '', testId: `${id}_spinner` }));
+    return (_jsxs("button", { id: id, ...tooltipData, disabled: disabled, "data-testid": testId, type: type === 'link' || (type === 'submit' && browserIsFirefox) ? 'button' : type, onClick: (e) => {
+            stopPropagation && e.stopPropagation();
+            onClick && onClick(e);
+        }, onMouseDown: (e) => {
+            if (preventBlur) {
+                e.preventDefault();
+            }
+        }, className: appliedClasses, children: [iconPosition === 'left' && iconElement, label, iconPosition === 'right' && iconElement] }));
+};
+export default Button;
+//# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

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

package/dist/Button/Button.stories.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import Button from './Button';
+import { buttonVariants } from './Button.types';
+import { QTip } from '../Tooltip';
+export default {
+    title: 'Button',
+};
+export const AllButtonVariants = () => {
+    const renderAllVariations = () => (_jsx(_Fragment, { children: buttonVariants.map((variant) => (_jsxs("div", { className: "tw-grid tw-grid-cols-2 tw-gap-4", children: [_jsx("div", { className: "tw-p-4", children: _jsx(Button, { label: `Variant: ${variant}`, onClick: () => { }, variant: variant }) }), _jsx("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background", children: _jsx(Button, { label: `Variant: ${variant}`, onClick: () => { }, variant: variant }) })] }, `{variant_${variant}`))) }));
+    return (_jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4", children: [_jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations()] })] }));
+};
+export const ButtonWithTooltip = () => {
+    const renderButtonWithTooltip = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "tw-p-4", children: _jsx(Button, { tooltip: "Helpful tooltip", variant: "theme", label: "Hover me" }) }), _jsx("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background", children: _jsx(Button, { tooltip: "Helpful tooltip", variant: "theme", label: "Hover me" }) })] }));
+    return (_jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4", children: [_jsx(QTip, {}), _jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderButtonWithTooltip()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderButtonWithTooltip()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderButtonWithTooltip()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderButtonWithTooltip()] })] }));
+};
+export const ButtonWithIcon = () => {
+    const renderButtonWithIcon = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "tw-p-4", children: _jsx(Button, { icon: "fc-search-power", variant: "theme", label: "With Icon" }) }), _jsx("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background", children: _jsx(Button, { icon: "fc-search-power", variant: "theme", label: "With Icon" }) })] }));
+    const renderButtonWithIconOnRight = () => (_jsxs(_Fragment, { children: [_jsx("div", { className: "tw-p-4", children: _jsx(Button, { icon: "fc-search-power", iconPosition: "right", variant: "theme", label: "With Icon On Right" }) }), _jsx("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background", children: _jsx(Button, { icon: "fc-search-power", iconPosition: "right", variant: "theme", label: "With Icon On Right" }) })] }));
+    return (_jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4", children: [_jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderButtonWithIcon()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderButtonWithIcon()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderButtonWithIcon()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderButtonWithIcon()] }), _jsx("div", { className: "color_topic", children: renderButtonWithIconOnRight() }), _jsx("div", { className: "color_analysis", children: renderButtonWithIconOnRight() }), _jsx("div", { className: "color_datalab", children: renderButtonWithIconOnRight() }), _jsx("div", { className: "color_vantage", children: renderButtonWithIconOnRight() })] }));
+};
+export const DisabledButton = () => {
+    const renderDisabledButton = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "tw-p-4", children: [_jsx(Button, { disabled: true, variant: "theme", label: "Disabled Button" }), _jsx(Button, { extraClassNames: "tw-m-5", disabled: true, label: "Disabled Button" })] }), _jsxs("div", { className: "tw-p-4 tw-dark tw-bg-sq-dark-background", children: [_jsx(Button, { disabled: true, variant: "theme", label: "Disabled Button" }), _jsx(Button, { extraClassNames: "tw-m-5", disabled: true, label: "Disabled Button" })] })] }));
+    return (_jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4", children: [_jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderDisabledButton()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderDisabledButton()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderDisabledButton()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderDisabledButton()] })] }));
+};
+//# sourceMappingURL=Button.stories.js.map

package/dist/Button/Button.stories.js.map

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

package/dist/Button/Button.test.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '@testing-library/jest-dom';
+import { render, screen } from '@testing-library/react';
+import userEvent from '@testing-library/user-event';
+import Button from './Button';
+describe('Button', () => {
+    class Context {
+        testId = 'buttonTestId';
+        label = 'button label';
+        props = {
+            label: this.label,
+            onClick: jest.fn(),
+            testId: this.testId,
+        };
+    }
+    let tc;
+    beforeEach(() => {
+        tc = new Context();
+    });
+    const renderButton = (props) => render(_jsx(Button, { ...props }));
+    it('renders button label', () => {
+        renderButton(tc.props);
+        expect(screen.getByText(tc.label)).toBeInTheDocument();
+    });
+    it('calls on click', async () => {
+        renderButton(tc.props);
+        await userEvent.click(screen.getByTestId(tc.testId));
+        expect(tc.props.onClick).toHaveBeenCalled();
+    });
+    it('renders disabled button', () => {
+        renderButton({ ...tc.props, disabled: true });
+        expect(screen.getByText(tc.label)).toBeDisabled();
+    });
+    it('respects stopPropagation default', async () => {
+        const callOnPropagation = jest.fn();
+        render(_jsx("div", { onClick: callOnPropagation, children: _jsx(Button, { ...tc.props }) }));
+        await userEvent.click(screen.getByTestId(tc.testId));
+        expect(callOnPropagation).not.toHaveBeenCalled();
+    });
+    it('propagates click event if not told not to', async () => {
+        const callOnPropagation = jest.fn();
+        render(_jsx("div", { onClick: callOnPropagation, children: _jsx(Button, { ...tc.props, stopPropagation: false }) }));
+        await userEvent.click(screen.getByTestId(tc.testId));
+        expect(callOnPropagation).toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=Button.test.js.map

package/dist/Button/Button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../src/Button/Button.test.tsx"],"names":[],"mappings":";AACA,OAAO,2BAA2B,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AAEpD,OAAO,MAAM,MAAM,UAAU,CAAC;AAG9B,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,MAAM,OAAO;QACX,MAAM,GAAG,cAAc,CAAC;QACxB,KAAK,GAAG,cAAc,CAAC;QACvB,KAAK,GAAgB;YACnB,KAAK,EAAE,IAAI,CAAC,KAAK;YACjB,OAAO,EAAE,IAAI,CAAC,EAAE,EAAE;YAClB,MAAM,EAAE,IAAI,CAAC,MAAM;SACpB,CAAC;KACH;IAED,IAAI,EAAW,CAAC;IAChB,UAAU,CAAC,GAAG,EAAE;QACd,EAAE,GAAG,IAAI,OAAO,EAAE,CAAC;IACrB,CAAC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,MAAM,CAAC,KAAC,MAAM,OAAK,KAAK,GAAI,CAAC,CAAC;IAE3E,EAAE,CAAC,sBAAsB,EAAE,GAAG,EAAE;QAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,gBAAgB,EAAE,KAAK,IAAI,EAAE;QAC9B,YAAY,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC;QACvB,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,YAAY,CAAC,EAAE,GAAG,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,KAAK,IAAI,EAAE;QAChD,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,CACJ,cAAK,OAAO,EAAE,iBAAiB,YAC7B,KAAC,MAAM,OAAK,EAAE,CAAC,KAAK,GAAI,GACpB,CACP,CAAC;QACF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,iBAAiB,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,iBAAiB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;QACpC,MAAM,CACJ,cAAK,OAAO,EAAE,iBAAiB,YAC7B,KAAC,MAAM,IAAO,GAAG,EAAE,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,GAAM,GACnD,CACP,CAAC;QACF,MAAM,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;QACrD,MAAM,CAAC,iBAAiB,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC/C,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/Button/Button.types.js

@@ -0,0 +1,5 @@
+export const buttonTypes = ['button', 'reset', 'submit', 'link'];
+export const buttonSizes = ['sm', 'lg'];
+export const buttonVariants = ['outline', 'theme', 'theme-light', 'warning', 'danger', 'no-border'];
+export const iconPositions = ['left', 'right'];
+//# sourceMappingURL=Button.types.js.map

package/dist/Button/Button.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.types.js","sourceRoot":"","sources":["../../src/Button/Button.types.ts"],"names":[],"mappings":"AAIA,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,CAAU,CAAC;AAC1E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,IAAI,EAAE,IAAI,CAAU,CAAC;AACjD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,CAAU,CAAC;AAC7G,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC"}

package/dist/Button/index.js

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

package/dist/Button/index.js.map

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

package/dist/ButtonGroup/ButtonGroup.js

@@ -0,0 +1,35 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import '../styles.css';
+import { getQTipData } from '../Tooltip/qTip.utilities';
+import Button from '../Button';
+const baseClasses = 'tw-flex tw-outline-none tw-w-full tw-relative tw-flex-wrap';
+const activeClassesByVariantLightTheme = {
+    'outline': '!tw-bg-sq-disabled-gray tw-border-sq-color-dark',
+    'theme': 'tw-bg-sq-color-highlight',
+    'danger': '',
+    'theme-light': '',
+    'no-border': '!tw-bg-sq-disabled-gray',
+    'warning': '',
+};
+const activeClassesByVariantDarkTheme = {
+    'outline': 'dark:!tw-bg-sq-multi-gray-dark dark:tw-border-sq-color-dark',
+    'theme': 'dark:tw-bg-sq-color-highlight',
+    'danger': '',
+    'theme-light': '',
+    'no-border': 'dark:!tw-bg-sq-multi-gray-dark',
+    'warning': '',
+};
+/**
+ * ButtonGroup.
+ */
+export const ButtonGroup = (props) => {
+    const { id, extraClassNames = '', testId, onChange, buttons = [], ...tooltipProps } = props;
+    const tooltipData = getQTipData(tooltipProps);
+    const appliedClasses = `${baseClasses} ${extraClassNames}`;
+    return (_jsx("div", { id: id ? `button-group-${id}` : undefined, "data-testid": testId, className: appliedClasses, ...tooltipData, children: buttons
+            .filter(Boolean)
+            .map((item, index) => item?.variant === 'button' ? (_jsx(Button, { ...item.buttonProps, extraClassNames: `tw-ml-[-1px] focus:tw-z-40 tw-outline-none focus:tw-border tw-rounded-none first:tw-rounded-l-md last:tw-rounded-r-md ${item.buttonProps?.isActive
+                ? `${activeClassesByVariantLightTheme[item?.buttonProps?.variant ?? 'outline']} ${activeClassesByVariantDarkTheme[item?.buttonProps?.variant ?? 'outline']} `
+                : ''} ${item.buttonProps.extraClassNames}`, onClick: () => onChange && onChange(item?.buttonProps?.value) }, index)) : (item?.element)) }));
+};
+//# sourceMappingURL=ButtonGroup.js.map

package/dist/ButtonGroup/ButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroup.js","sourceRoot":"","sources":["../../src/ButtonGroup/ButtonGroup.tsx"],"names":[],"mappings":";AACA,OAAO,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,MAAM,MAAM,WAAW,CAAC;AAG/B,MAAM,WAAW,GAAG,4DAA4D,CAAC;AAEjF,MAAM,gCAAgC,GAAG;IACvC,SAAS,EAAE,iDAAiD;IAC5D,OAAO,EAAE,0BAA0B;IACnC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,yBAAyB;IACtC,SAAS,EAAE,EAAE;CACd,CAAC;AAEF,MAAM,+BAA+B,GAAG;IACtC,SAAS,EAAE,6DAA6D;IACxE,OAAO,EAAE,+BAA+B;IACxC,QAAQ,EAAE,EAAE;IACZ,aAAa,EAAE,EAAE;IACjB,WAAW,EAAE,gCAAgC;IAC7C,SAAS,EAAE,EAAE;CACd,CAAC;AACF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAA8C,CAAC,KAAK,EAAE,EAAE;IAC9E,MAAM,EAAE,EAAE,EAAE,eAAe,GAAG,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,GAAG,EAAE,EAAE,GAAG,YAAY,EAAE,GAAG,KAAK,CAAC;IAC5F,MAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;IAE9C,MAAM,cAAc,GAAG,GAAG,WAAW,IAAI,eAAe,EAAE,CAAC;IAE3D,OAAO,CACL,cAAK,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,iBAAe,MAAM,EAAE,SAAS,EAAE,cAAc,KAAM,WAAW,YAC5G,OAAO;aACL,MAAM,CAAC,OAAO,CAAC;aACf,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnB,IAAI,EAAE,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,KAAC,MAAM,OAED,IAAI,CAAC,WAAW,EACpB,eAAe,EAAE,yHACf,IAAI,CAAC,WAAW,EAAE,QAAQ;gBACxB,CAAC,CAAC,GAAG,gCAAgC,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,IAAI,SAAS,CAAC,IAC1E,+BAA+B,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,IAAI,SAAS,CACzE,GAAG;gBACL,CAAC,CAAC,EACN,IAAI,IAAI,CAAC,WAAW,CAAC,eAAe,EAAE,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,IAAI,QAAQ,CAAC,IAAI,EAAE,WAAW,EAAE,KAAK,CAAC,IATxD,KAAK,CAUV,CACH,CAAC,CAAC,CAAC,CACF,IAAI,EAAE,OAAO,CACd,CACF,GACC,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/ButtonGroup/ButtonGroup.stories.js

@@ -0,0 +1,317 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React from 'react';
+import { QTip } from '../Tooltip/Qtip';
+import { ButtonGroup } from './ButtonGroup';
+import ToolbarButton from '../ToolbarButton';
+export default {
+    title: 'ButtonGroup',
+};
+export const AllButtonGroups = () => {
+    const [value, setValue] = React.useState('provided-1');
+    const renderAllVariations = () => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "light", children: [_jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: () => { }, buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-annotate',
+                                        iconStyle: 'theme',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-trash',
+                                        iconStyle: 'theme',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-formula-ai',
+                                        iconStyle: 'theme',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: (newValue) => setValue(newValue), buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-annotate',
+                                        extraClassNames: 'tw-border-none',
+                                        iconStyle: 'theme',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-trash',
+                                        extraClassNames: 'tw-border-none',
+                                        iconStyle: 'theme',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        extraClassNames: 'tw-border-none',
+                                        icon: 'fc-formula-ai',
+                                        iconStyle: 'theme',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: (newValue) => setValue(newValue), buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        icon: 'fc-annotate',
+                                        iconStyle: 'white',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        icon: 'fc-trash',
+                                        iconStyle: 'white',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        icon: 'fc-formula-ai',
+                                        iconStyle: 'white',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: (newValue) => setValue(newValue), buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        label: 'annotate',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        label: 'trash',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        label: 'formula-ai',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: () => { }, buttons: [
+                                {
+                                    variant: 'element',
+                                    element: (_jsx(ToolbarButton, { icon: "fc-y-axis", label: "Popover", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: _jsx("div", { className: "tw-text-sm dark:tw-text-white", children: _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }) }) })),
+                                },
+                                {
+                                    variant: 'element',
+                                    element: (_jsx(ToolbarButton, { icon: "fc-trash", label: "Trash", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: _jsx("div", { className: "tw-text-sm dark:tw-text-white", children: _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }) }) })),
+                                },
+                                {
+                                    variant: 'element',
+                                    element: (_jsx(ToolbarButton, { icon: "fc-formula-ai", label: "Formula", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: _jsx("div", { className: "tw-text-sm dark:tw-text-white", children: _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }) }) })),
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        size: 'sm',
+                                        icon: 'fc-annotate',
+                                        value: 'left',
+                                        isActive: true,
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        size: 'sm',
+                                        icon: 'fc-trash',
+                                        value: 'center',
+                                        isActive: false,
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        size: 'sm',
+                                        icon: 'fc-formula-ai',
+                                        value: 'right',
+                                        isActive: false,
+                                    },
+                                },
+                            ] }) })] }), _jsxs("div", { className: "tw-dark tw-bg-sq-dark-background", children: [_jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: (newValue) => setValue(newValue), buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-annotate',
+                                        iconStyle: 'theme',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-trash',
+                                        iconStyle: 'theme',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'outline',
+                                        icon: 'fc-formula-ai',
+                                        iconStyle: 'theme',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: (newValue) => setValue(newValue), buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'no-border',
+                                        icon: 'fc-annotate',
+                                        iconStyle: 'theme',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'no-border',
+                                        icon: 'fc-trash',
+                                        iconStyle: 'theme',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'no-border',
+                                        icon: 'fc-formula-ai',
+                                        iconStyle: 'theme',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: (newValue) => setValue(newValue), buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        icon: 'fc-annotate',
+                                        iconStyle: 'white',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        icon: 'fc-trash',
+                                        iconStyle: 'white',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        icon: 'fc-formula-ai',
+                                        iconStyle: 'white',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: (newValue) => setValue(newValue), buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        label: 'annotate',
+                                        value: 'provided-1',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        label: 'trash',
+                                        value: 'provided-2',
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        variant: 'theme',
+                                        label: 'formula-ai',
+                                        value: 'provided-3',
+                                    },
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { onChange: () => { }, buttons: [
+                                {
+                                    variant: 'element',
+                                    element: (_jsx(ToolbarButton, { icon: "fc-y-axis", label: "Popover", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: _jsx("div", { className: "tw-text-sm dark:tw-text-white", children: _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }) }) })),
+                                },
+                                {
+                                    variant: 'element',
+                                    element: (_jsx(ToolbarButton, { icon: "fc-trash", label: "Trash", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: _jsx("div", { className: "tw-text-sm dark:tw-text-white", children: _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }) }) })),
+                                },
+                                {
+                                    variant: 'element',
+                                    element: (_jsx(ToolbarButton, { icon: "fc-formula-ai", label: "Formula", testId: "basic-popover1", tooltipText: "This is a small popover.", tooltipOptions: { position: 'top', delay: 0 }, isHtmlTooltip: false, popoverContent: _jsx("div", { className: "tw-text-sm dark:tw-text-white", children: _jsx("p", { className: "tw-bg-gray-200 dark:tw-bg-gray-700 tw-p-2", children: "Flavors" }) }) })),
+                                },
+                            ] }) }), _jsx("div", { className: "tw-p-4", children: _jsx(ButtonGroup, { buttons: [
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        size: 'sm',
+                                        icon: 'fc-annotate',
+                                        value: 'left',
+                                        isActive: true,
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        size: 'sm',
+                                        icon: 'fc-trash',
+                                        value: 'center',
+                                        isActive: false,
+                                    },
+                                },
+                                {
+                                    variant: 'button',
+                                    buttonProps: {
+                                        size: 'sm',
+                                        icon: 'fc-formula-ai',
+                                        value: 'right',
+                                        isActive: false,
+                                    },
+                                },
+                            ] }) })] })] }));
+    return (_jsxs("div", { className: "tw-grid tw-grid-cols-4 tw-gap-4", children: [_jsx(QTip, {}), _jsxs("div", { className: "color_topic", children: [_jsx("b", { children: "Topic Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_analysis", children: [_jsx("b", { children: "Analysis Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_datalab", children: [_jsx("b", { children: "Datalab Colors" }), renderAllVariations()] }), _jsxs("div", { className: "color_vantage", children: [_jsx("b", { children: "Vantage Colors" }), renderAllVariations()] })] }));
+};
+//# sourceMappingURL=ButtonGroup.stories.js.map

package/dist/ButtonGroup/ButtonGroup.stories.js.map

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