@quillsql/react 2.9.1 → 2.9.2

package/dist/components/Chart/ChartTooltipFrame.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltipFrame.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltipFrame.tsx"],"names":[],"mappings":";AAAA,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,QAAQ,EACR,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ,2CAiBA"}

package/dist/components/Chart/ChartTooltipFrame.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export default function ChartTooltipFrame({ children, theme, }) {
+    return (_jsx("div", { style: {
+            borderStyle: 'solid',
+            borderColor: theme?.borderColor || '#E5E7EB',
+            overflow: 'hidden',
+            borderWidth: 1,
+            background: theme?.backgroundColor || '#ffffff',
+            borderRadius: '6px',
+            boxShadow: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+        }, children: children }));
+}

package/dist/components/Chart/ChartTooltipFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltipFrame.js","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltipFrame.tsx"],"names":[],"mappings":";;;AAAA,SAAwB,iBAAiB,CAAC,EACxC,QAAQ,EACR,KAAK,GAIN;IACC,OAAO,CACL,gCACE,KAAK,EAAE;YACL,WAAW,EAAE,OAAO;YACpB,WAAW,EAAE,KAAK,EAAE,WAAW,IAAI,SAAS;YAC5C,QAAQ,EAAE,QAAQ;YAClB,WAAW,EAAE,CAAC;YACd,UAAU,EAAE,KAAK,EAAE,eAAe,IAAI,SAAS;YAC/C,YAAY,EAAE,KAAK;YACnB,SAAS,EACP,yEAAyE;SAC5E,YAEA,QAAQ,GACL,CACP,CAAC;AACJ,CAAC;AAvBD,oCAuBC"}

package/dist/components/Chart/ChartTooltipGroup.d.ts

@@ -0,0 +1,11 @@
+export interface ChartTooltipGroupProps {
+    name: string;
+    items: {
+        color: string;
+        name: string;
+        value: any;
+    }[];
+    theme: any;
+}
+export default function ChartTooltipGroup({ name, items, theme, }: ChartTooltipGroupProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChartTooltipGroup.d.ts.map

package/dist/components/Chart/ChartTooltipGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltipGroup.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltipGroup.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,sBAAsB;IACrC,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IACrD,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,EACxC,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE,sBAAsB,2CAuCxB"}

package/dist/components/Chart/ChartTooltipGroup.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import ChartTooltipRow from './ChartTooltipRow';
+export default function ChartTooltipGroup({ name, items, theme, }) {
+    return (_jsxs("div", { style: {
+            display: 'flex',
+            flexDirection: 'column',
+            width: '100%',
+            paddingTop: 2,
+            paddingBottom: 2,
+            marginRight: '24px',
+        }, children: [_jsx("p", { style: {
+                    textAlign: 'left',
+                    marginTop: 0,
+                    marginBottom: 0,
+                    fontFamily: theme?.fontFamily,
+                    color: theme?.primaryTextColor,
+                    fontSize: theme?.fontSizeSmall || '14px',
+                    fontWeight: theme?.boldFontWeight || '500',
+                    paddingTop: 2,
+                    paddingBottom: 2,
+                    textTransform: 'capitalize',
+                }, children: name.replaceAll('_', ' ').toLowerCase() }), items.map(({ color, value, name }, idx) => (_jsx(ChartTooltipRow, { value: value, name: name, color: color, theme: theme }, `id-${idx}`)))] }));
+}

package/dist/components/Chart/ChartTooltipGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltipGroup.js","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltipGroup.tsx"],"names":[],"mappings":";;;;;;AAAA,wEAAgD;AAQhD,SAAwB,iBAAiB,CAAC,EACxC,IAAI,EACJ,KAAK,EACL,KAAK,GACkB;IACvB,OAAO,CACL,iCACE,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,CAAC;YAChB,WAAW,EAAE,MAAM;SACpB,aAED,8BACE,KAAK,EAAE;oBACL,SAAS,EAAE,MAAM;oBACjB,SAAS,EAAE,CAAC;oBACZ,YAAY,EAAE,CAAC;oBACf,UAAU,EAAE,KAAK,EAAE,UAAU;oBAC7B,KAAK,EAAE,KAAK,EAAE,gBAAgB;oBAC9B,QAAQ,EAAE,KAAK,EAAE,aAAa,IAAI,MAAM;oBACxC,UAAU,EAAE,KAAK,EAAE,cAAc,IAAI,KAAK;oBAC1C,UAAU,EAAE,CAAC;oBACb,aAAa,EAAE,CAAC;oBAChB,aAAa,EAAE,YAAY;iBAC5B,YAEA,IAAI,CAAC,UAAU,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,WAAW,EAAE,GACtC,EACH,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,GAAW,EAAE,EAAE,CAAC,CAClD,uBAAC,yBAAe,IAEd,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,IAJP,MAAM,GAAG,EAAE,CAKhB,CACH,CAAC,IACE,CACP,CAAC;AACJ,CAAC;AA3CD,oCA2CC"}

package/dist/components/Chart/ChartTooltipRow.d.ts

@@ -0,0 +1,8 @@
+export interface ChartTooltipRowProps {
+    value: string;
+    name: string;
+    color: string;
+    theme: any;
+}
+export default function ChartTooltipRow({ value, name, color, theme, }: ChartTooltipRowProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ChartTooltipRow.d.ts.map

package/dist/components/Chart/ChartTooltipRow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltipRow.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltipRow.tsx"],"names":[],"mappings":"AAAA,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,GACN,EAAE,oBAAoB,2CA2DtB"}

package/dist/components/Chart/ChartTooltipRow.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function ChartTooltipRow({ value, name, color, theme, }) {
+    return (_jsxs("div", { style: {
+            marginRight: '24px',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            width: '100%',
+            paddingTop: 2,
+            paddingBottom: 2,
+        }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center' }, children: [_jsx("span", { style: {
+                            background: color,
+                            borderWidth: 2,
+                            borderStyle: 'solid',
+                            borderColor: 'white',
+                            boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+                            height: '12px',
+                            width: '12px',
+                            borderRadius: 100,
+                            marginRight: 6,
+                            boxSizing: 'border-box',
+                        } }), _jsx("p", { style: {
+                            marginTop: 0,
+                            marginBottom: 0,
+                            fontFamily: theme?.fontFamily,
+                            color: theme?.primaryTextColor,
+                            fontSize: theme?.fontSizeSmall || '14px',
+                            fontWeight: theme?.fontWeightMedium || '500',
+                        }, children: value })] }), _jsx("p", { style: {
+                    marginTop: 0,
+                    marginBottom: 0,
+                    fontFamily: theme?.fontFamily,
+                    color: theme?.secondaryTextColor,
+                    textAlign: 'right',
+                    whiteSpace: 'nowrap',
+                    overflow: 'hidden',
+                    textOverflow: 'ellipsis',
+                    fontSize: theme?.fontSizeSmall || '14px',
+                    fontWeight: theme?.fontWeightNormal || '400',
+                }, children: name })] }));
+}

package/dist/components/Chart/ChartTooltipRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartTooltipRow.js","sourceRoot":"","sources":["../../../src/components/Chart/ChartTooltipRow.tsx"],"names":[],"mappings":";;;AAOA,SAAwB,eAAe,CAAC,EACtC,KAAK,EACL,IAAI,EACJ,KAAK,EACL,KAAK,GACgB;IACrB,OAAO,CACL,iCACE,KAAK,EAAE;YACL,WAAW,EAAE,MAAM;YACnB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,eAAe;YAC/B,KAAK,EAAE,MAAM;YACb,UAAU,EAAE,CAAC;YACb,aAAa,EAAE,CAAC;SACjB,aAED,iCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,aACnD,iCACE,KAAK,EAAE;4BACL,UAAU,EAAE,KAAK;4BACjB,WAAW,EAAE,CAAC;4BACd,WAAW,EAAE,OAAO;4BACpB,WAAW,EAAE,OAAO;4BACpB,SAAS,EAAE,iCAAiC;4BAC5C,MAAM,EAAE,MAAM;4BACd,KAAK,EAAE,MAAM;4BACb,YAAY,EAAE,GAAG;4BACjB,WAAW,EAAE,CAAC;4BACd,SAAS,EAAE,YAAY;yBACxB,GACD,EACF,8BACE,KAAK,EAAE;4BACL,SAAS,EAAE,CAAC;4BACZ,YAAY,EAAE,CAAC;4BACf,UAAU,EAAE,KAAK,EAAE,UAAU;4BAC7B,KAAK,EAAE,KAAK,EAAE,gBAAgB;4BAC9B,QAAQ,EAAE,KAAK,EAAE,aAAa,IAAI,MAAM;4BACxC,UAAU,EAAE,KAAK,EAAE,gBAAgB,IAAI,KAAK;yBAC7C,YAEA,KAAK,GACJ,IACA,EACN,8BACE,KAAK,EAAE;oBACL,SAAS,EAAE,CAAC;oBACZ,YAAY,EAAE,CAAC;oBACf,UAAU,EAAE,KAAK,EAAE,UAAU;oBAC7B,KAAK,EAAE,KAAK,EAAE,kBAAkB;oBAChC,SAAS,EAAE,OAAO;oBAClB,UAAU,EAAE,QAAQ;oBACpB,QAAQ,EAAE,QAAQ;oBAClB,YAAY,EAAE,UAAU;oBACxB,QAAQ,EAAE,KAAK,EAAE,aAAa,IAAI,MAAM;oBACxC,UAAU,EAAE,KAAK,EAAE,gBAAgB,IAAI,KAAK;iBAC7C,YAEA,IAAI,GACH,IACA,CACP,CAAC;AACJ,CAAC;AAhED,kCAgEC"}

package/dist/components/Chart/LineChart.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export default function LineChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isAnimationActive, }: {
+    colors: string[];
+    yAxisFields: any[];
+    data: any[];
+    containerStyle?: React.CSSProperties;
+    xAxisField: string;
+    xAxisLabel: string;
+    xAxisFormat: string;
+    theme: any;
+    isAnimationActive: boolean;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=LineChart.d.ts.map

package/dist/components/Chart/LineChart.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LineChart.d.ts","sourceRoot":"","sources":["../../../src/components/Chart/LineChart.tsx"],"names":[],"mappings":";AAgBA,MAAM,CAAC,OAAO,UAAU,SAAS,CAAC,EAChC,MAAM,EACN,WAAW,EACX,IAAI,EACJ,cAAc,EACd,UAAU,EACV,WAAW,EACX,KAAK,EACL,UAAU,EACV,iBAAwB,GACzB,EAAE;IACD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,WAAW,EAAE,GAAG,EAAE,CAAC;IACnB,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,cAAc,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IACrC,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,GAAG,CAAC;IACX,iBAAiB,EAAE,OAAO,CAAC;CAC5B,kDA0KA"}

package/dist/components/Chart/LineChart.js

@@ -0,0 +1,68 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// @ts-nocheck
+import { Area, CartesianGrid, ComposedChart as ReChartsAreaChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from 'recharts';
+import { valueFormatter } from '../../utils/valueFormatter';
+import { axisFormatter } from '../../utils/axisFormatter';
+import { selectColor } from '../../utils/color';
+import ChartTooltip from '../../components/Chart/ChartTooltip';
+import getDomain from '../../utils/getDomain';
+export default function LineChart({ colors, yAxisFields, data, containerStyle, xAxisField, xAxisFormat, theme, comparison, isAnimationActive = true, }) {
+    if (!yAxisFields || !yAxisFields.length) {
+        return null;
+    }
+    if (!data || data.length === 0) {
+        return (_jsx("div", { style: {
+                display: 'flex',
+                flex: '1 0 auto',
+                height: '100%',
+                margin: 'auto',
+                justifyContent: 'center',
+                alignItems: 'center',
+                fontSize: 13,
+                color: theme.secondaryTextColor,
+            }, children: "No results found for specified time period." }));
+    }
+    return (_jsx("div", { style: { ...containerStyle, boxSizing: 'content-box' }, children: _jsx(ResponsiveContainer, { width: "100%", height: '100%', children: _jsxs(ReChartsAreaChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", horizontal: true, vertical: false }), _jsx(XAxis, { dataKey: xAxisField, tick: { transform: 'translate(0, 6)' }, style: {
+                            fontSize: '12px',
+                            fontFamily: theme?.chartLabelFontFamily ||
+                                theme?.fontFamily ||
+                                'Inter; Helvetica',
+                            color: theme?.chartLabelColor || '#666666',
+                        }, interval: "preserveStartEnd", tickLine: false, axisLine: false, padding: { left: 10, right: 10 }, minTickGap: 5, tickFormatter: (tick) => axisFormatter({
+                            value: tick,
+                            field: xAxisField,
+                            fields: [{ field: xAxisField, format: xAxisFormat }],
+                        }) }), _jsx(YAxis, { width: 44, axisLine: false, tickLine: false, type: "number", domain: getDomain(data, yAxisFields), tick: { transform: 'translate(-3, 0)' }, style: {
+                            fontSize: '12px',
+                            fontFamily: theme?.chartLabelFontFamily ||
+                                theme?.fontFamily ||
+                                'Inter; Helvetica',
+                            color: theme?.chartLabelColor || '#666666',
+                        }, tickFormatter: (value) => axisFormatter({
+                            value,
+                            field: yAxisFields[0].field,
+                            fields: [
+                                ...yAxisFields,
+                                { field: xAxisField, format: xAxisFormat },
+                            ],
+                        }) }), _jsx(Tooltip, { wrapperStyle: { outline: 'none' }, isAnimationActive: false, cursor: { stroke: '#d1d5db', strokeWidth: 1 }, content: ({ active, payload, label }) => {
+                            let label2;
+                            if (comparison &&
+                                payload?.length > 1 &&
+                                payload[0].payload[xAxisField + '2']) {
+                                label2 = payload[0].payload[xAxisField + '2'];
+                            }
+                            return (_jsx(ChartTooltip, { active: active, payload: payload, label: label, label2: label2, dateFormatter: (value) => valueFormatter({
+                                    value,
+                                    field: xAxisField,
+                                    fields: [{ field: xAxisField, format: xAxisFormat }],
+                                }), valueFormatter: (value) => valueFormatter({
+                                    value,
+                                    field: payload[0].dataKey,
+                                    fields: [
+                                        ...yAxisFields,
+                                        { field: xAxisField, format: xAxisFormat },
+                                    ],
+                                }), xAxisFormat: xAxisFormat, xAxisField: xAxisField, colors: colors, theme: theme }));
+                        }, position: { y: 0 } }), yAxisFields.map((elem, index) => (_jsx("defs", { children: _jsxs("linearGradient", { id: `gradient${index}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [_jsx("stop", { offset: "5%", stopColor: selectColor(elem, colors, index), stopOpacity: 0.4 }), _jsx("stop", { offset: "95%", stopColor: 'rgba(0,0,0,0)', stopOpacity: 0 })] }) }, `defs${elem.field + index}`))), yAxisFields.map((elem, index) => (_jsx(Area, { name: elem.label, type: "linear", dataKey: elem.field, stroke: selectColor(elem, colors, index), fill: `url(#gradient${index})`, strokeWidth: 2, dot: false, isAnimationActive: isAnimationActive }, elem.field)))] }) }) }));
+}

package/dist/components/Chart/LineChart.js.map

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

package/dist/components/Dropdown/Dropdown.d.ts

@@ -11,3 +11,4 @@ export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
 export default Dropdown;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/Dropdown/Dropdown.js

@@ -1,60 +1,32 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable react/display-name */
-const react_1 = __importStar(require("react"));
-const contexts_1 = require("../../contexts");
-const hooks_1 = require("../../hooks");
-const assets_1 = require("../../assets");
-const lib_1 = require("../../lib");
-const selectUtils_1 = require("../selectUtils");
-const Modal_1 = __importDefault(require("../Modal"));
-const Dropdown = react_1.default.forwardRef((props, ref) => {
+import React, { useRef, useState } from 'react';
+import { HoveredValueContext, SelectedValueContext } from '../../contexts';
+import { useInternalState, useSelectOnKeyDown } from '../../hooks';
+import { ArrowDownHeadIcon } from '../../assets';
+import { mergeRefs } from '../../lib';
+import { constructValueToNameMapping, hasValue } from '../selectUtils';
+import Modal from '../Modal';
+const Dropdown = React.forwardRef((props, ref) => {
     const { defaultValue, value, onValueChange, placeholder = 'Select...', disabled = false, icon, children, className, theme, ...other } = props;
-    const [selectedValue, setSelectedValue] = (0, hooks_1.useInternalState)(defaultValue, value);
-    const [isFocused, setIsFocused] = (0, react_1.useState)(false);
-    const dropdownRef = (0, react_1.useRef)(null);
+    const [selectedValue, setSelectedValue] = useInternalState(defaultValue, value);
+    const [isFocused, setIsFocused] = useState(false);
+    const dropdownRef = useRef(null);
     const Icon = icon;
-    const valueToNameMapping = (0, selectUtils_1.constructValueToNameMapping)(children);
-    const optionValues = react_1.default.Children.map(children, (child) => child.props.value);
+    const valueToNameMapping = constructValueToNameMapping(children);
+    const optionValues = React.Children.map(children, (child) => child.props.value);
     const handleValueChange = (value) => {
         setSelectedValue(value);
         setIsFocused(false);
         onValueChange?.(value);
     };
-    const [hoveredValue, handleKeyDown] = (0, hooks_1.useSelectOnKeyDown)(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
-    const hasSelection = (0, selectUtils_1.hasValue)(selectedValue);
-    return ((0, jsx_runtime_1.jsxs)("div", { ref: (0, lib_1.mergeRefs)([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
+    const [hoveredValue, handleKeyDown] = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
+    const hasSelection = hasValue(selectedValue);
+    return (_jsxs("div", { ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
             position: 'relative',
             width: '100%',
             minWidth: '10rem',
-        }, ...other, children: [(0, jsx_runtime_1.jsxs)("button", { style: {
+        }, ...other, children: [_jsxs("button", { style: {
                     display: 'flex',
                     justifyContent: 'space-between',
                     alignItems: 'center',
@@ -66,20 +38,20 @@ const Dropdown = react_1.default.forwardRef((props, ref) => {
                     boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
                     cursor: 'pointer',
                     background: 'white',
-                }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [(0, jsx_runtime_1.jsxs)("div", { style: {
+                }, type: "button", onClick: () => setIsFocused(!isFocused), disabled: disabled, children: [_jsxs("div", { style: {
                             display: 'flex',
                             justifyContent: 'start',
                             alignItems: 'center',
                             whiteSpace: 'nowrap',
                             overflow: 'hidden',
                             textOverflow: 'ellipsis',
-                        }, children: [Icon ? ((0, jsx_runtime_1.jsx)(Icon, { style: {
+                        }, children: [Icon ? (_jsx(Icon, { style: {
                                     flexShrink: 0,
                                     height: '1.5rem',
                                     width: '1.5rem',
                                     color: theme?.secondaryTextColor || '#6C727F',
                                     marginRight: '1.5rem',
-                                }, "aria-hidden": "true" })) : null, (0, jsx_runtime_1.jsx)("p", { style: {
+                                }, "aria-hidden": "true" })) : null, _jsx("p", { style: {
                                     margin: 0,
                                     fontSize: '13px',
                                     fontWeight: '500',
@@ -88,13 +60,12 @@ const Dropdown = react_1.default.forwardRef((props, ref) => {
                                     textOverflow: 'ellipsis',
                                 }, children: selectedValue
                                     ? valueToNameMapping.get(selectedValue)
-                                    : placeholder })] }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
+                                    : placeholder })] }), _jsx(ArrowDownHeadIcon, { style: {
                             flexShrink: 0,
                             height: '1.5rem',
                             width: '1.5rem',
                             marginRight: '-0.25rem',
                             color: theme?.secondaryTextColor || '#6C727F',
-                        }, "aria-hidden": "true" })] }), (0, jsx_runtime_1.jsx)(Modal_1.default, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: (0, jsx_runtime_1.jsx)(contexts_1.SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: (0, jsx_runtime_1.jsx)(contexts_1.HoveredValueContext.Provider, { value: { hoveredValue }, children: react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child)) }) }) })] }));
+                        }, "aria-hidden": "true" })] }), _jsx(Modal, { theme: theme, showModal: isFocused, setShowModal: setIsFocused, parentRef: dropdownRef, children: _jsx(SelectedValueContext.Provider, { value: { selectedValue, handleValueChange }, children: _jsx(HoveredValueContext.Provider, { value: { hoveredValue }, children: React.Children.map(children, (child) => React.cloneElement(child)) }) }) })] }));
 });
-exports.default = Dropdown;
-//# sourceMappingURL=Dropdown.js.map
+export default Dropdown;

package/dist/components/Dropdown/DropdownItem.d.ts

@@ -8,3 +8,4 @@ export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButton
 }
 declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
 export default DropdownItem;
+//# sourceMappingURL=DropdownItem.d.ts.map

package/dist/components/Dropdown/DropdownItem.js

@@ -1,40 +1,15 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/display-name */
-const react_1 = __importStar(require("react"));
-const contexts_1 = require("../../contexts");
-const DropdownItem = react_1.default.forwardRef((props, ref) => {
+import React, { useContext } from 'react';
+import { HoveredValueContext, SelectedValueContext } from '../../contexts';
+const DropdownItem = React.forwardRef((props, ref) => {
     const { value, text, icon, className, theme, lastItem, ...other } = props;
-    const { selectedValue, handleValueChange } = (0, react_1.useContext)(contexts_1.SelectedValueContext);
-    const { hoveredValue } = (0, react_1.useContext)(contexts_1.HoveredValueContext);
+    const { selectedValue, handleValueChange } = useContext(SelectedValueContext);
+    const { hoveredValue } = useContext(HoveredValueContext);
     const isActive = selectedValue === value;
     const isHovered = hoveredValue === value;
     const Icon = icon ? icon : null;
-    return ((0, jsx_runtime_1.jsx)("button", { ref: ref, style: {
+    return (_jsx("button", { ref: ref, style: {
             display: 'flex',
             alignItems: 'center',
             justifyContent: 'start',
@@ -55,7 +30,7 @@ const DropdownItem = react_1.default.forwardRef((props, ref) => {
             borderLeft: 'none',
             cursor: 'pointer',
             color: theme?.secondaryTextColor || '#364153',
-        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: (0, jsx_runtime_1.jsx)("p", { style: {
+        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: _jsx("p", { style: {
                 margin: 0,
                 fontFamily: theme?.fontFamily,
                 color: theme?.primaryTextColor,
@@ -64,5 +39,4 @@ const DropdownItem = react_1.default.forwardRef((props, ref) => {
                 textOverflow: 'ellipsis',
             }, children: text ?? value }) }));
 });
-exports.default = DropdownItem;
-//# sourceMappingURL=DropdownItem.js.map
+export default DropdownItem;

package/dist/components/Dropdown/index.d.ts

@@ -1,2 +1,3 @@
 export { default as Dropdown } from "./Dropdown";
 export { default as DropdownItem } from "./DropdownItem";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Dropdown/index.js

@@ -1,11 +1,2 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DropdownItem = exports.Dropdown = void 0;
-var Dropdown_1 = require("./Dropdown");
-Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return __importDefault(Dropdown_1).default; } });
-var DropdownItem_1 = require("./DropdownItem");
-Object.defineProperty(exports, "DropdownItem", { enumerable: true, get: function () { return __importDefault(DropdownItem_1).default; } });
-//# sourceMappingURL=index.js.map
+export { default as Dropdown } from "./Dropdown";
+export { default as DropdownItem } from "./DropdownItem";

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

@@ -12,3 +12,4 @@ export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 export default Modal;
+//# sourceMappingURL=Modal.d.ts.map

package/dist/components/Modal/Modal.js

@@ -1,39 +1,14 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
+import { jsx as _jsx } from "react/jsx-runtime";
 // @ts-nocheck
 /* eslint-disable react/display-name */
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const lib_1 = require("../../lib");
-const Modal = react_1.default.forwardRef((props, ref) => {
+import React, { useCallback, useEffect, useRef, useState } from 'react';
+import { useOnClickOutside, useOnWindowResize } from '../../hooks';
+import { mergeRefs } from '../../lib';
+const Modal = React.forwardRef((props, ref) => {
     const { showModal, setShowModal, parentRef, width, maxHeight = '18rem', children, className, theme, ...other } = props;
-    const [modalExceedsWindow, setModalExceedsWindow] = (0, react_1.useState)(false);
-    const modalRef = (0, react_1.useRef)(null);
-    const checkModalExceedsWindow = (0, react_1.useCallback)((modalWidth, windowWidth) => {
+    const [modalExceedsWindow, setModalExceedsWindow] = useState(false);
+    const modalRef = useRef(null);
+    const checkModalExceedsWindow = useCallback((modalWidth, windowWidth) => {
         if (!parentRef.current) {
             return false;
         }
@@ -43,7 +18,7 @@ const Modal = react_1.default.forwardRef((props, ref) => {
     const getAbsoluteSpacing = () => {
         return modalExceedsWindow ? '0' : '0';
     };
-    (0, hooks_1.useOnClickOutside)(modalRef, e => {
+    useOnClickOutside(modalRef, e => {
         // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
         const isTriggerElem = parentRef
             ? parentRef.current?.contains(e.target)
@@ -53,17 +28,17 @@ const Modal = react_1.default.forwardRef((props, ref) => {
         }
     });
     // Execute only when modal is of absolute size
-    (0, react_1.useEffect)(() => {
+    useEffect(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     }, [checkModalExceedsWindow, parentRef, width]);
-    (0, hooks_1.useOnWindowResize)(() => {
+    useOnWindowResize(() => {
         if (width) {
             setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
         }
     });
-    return showModal ? ((0, jsx_runtime_1.jsx)("div", { ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
+    return showModal ? (_jsx("div", { ref: mergeRefs([modalRef, ref]), style: {
             position: 'absolute',
             zIndex: 10,
             overflowY: 'auto',
@@ -87,5 +62,4 @@ const Modal = react_1.default.forwardRef((props, ref) => {
             boxShadow: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
         }, ...other, children: children })) : null;
 });
-exports.default = Modal;
-//# sourceMappingURL=Modal.js.map
+export default Modal;

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

@@ -1 +1,2 @@
 export { default } from "./Modal";
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Modal/index.js

@@ -1,9 +1 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = void 0;
-var Modal_1 = require("./Modal");
-Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(Modal_1).default; } });
-//# sourceMappingURL=index.js.map
+export { default } from "./Modal";

package/dist/components/QuillCard.d.ts

@@ -11,3 +11,4 @@ interface QuillCardProps {
 }
 export declare function QuillCard({ children, theme, onClick, isSelected, clickable, onClose, minHeight, style, }: QuillCardProps): import("react/jsx-runtime").JSX.Element;
 export {};
+//# sourceMappingURL=QuillCard.d.ts.map

package/dist/components/QuillCard.js

@@ -1,10 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.QuillCard = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const assets_1 = require("../assets");
-function QuillCard({ children, theme, onClick, isSelected = false, clickable = true, onClose, minHeight = 0, style = {}, }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { className: clickable ? 'quill-card-hover' : '', style: {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { XIcon } from '../assets';
+export function QuillCard({ children, theme, onClick, isSelected = false, clickable = true, onClose, minHeight = 0, style = {}, }) {
+    return (_jsxs("div", { className: clickable ? 'quill-card-hover' : '', style: {
             backgroundColor: theme.backgroundColor || 'white',
             cursor: clickable ? 'pointer' : 'default',
             padding: 16,
@@ -17,7 +14,7 @@ function QuillCard({ children, theme, onClick, isSelected = false, clickable = t
             position: 'relative',
             minHeight: minHeight,
             ...style,
-        }, onClick: onClick, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+        }, onClick: onClick, children: [_jsx("style", { children: `
         .quill-card-hover:hover {
           background-color: #f9f9f9 !important;
           .quill-delete-button {
@@ -27,7 +24,7 @@ function QuillCard({ children, theme, onClick, isSelected = false, clickable = t
             background-color: #f5f5f5;
           }
         }
-      ` }), onClose && ((0, jsx_runtime_1.jsxs)("button", { className: "quill-delete-button", type: "button", onClick: e => {
+      ` }), onClose && (_jsxs("button", { className: "quill-delete-button", type: "button", onClick: e => {
                     e.stopPropagation();
                     onClose();
                 }, style: {
@@ -45,13 +42,11 @@ function QuillCard({ children, theme, onClick, isSelected = false, clickable = t
                     justifyContent: 'center',
                     borderRadius: 6,
                     float: 'right',
-                }, children: [(0, jsx_runtime_1.jsx)("style", { children: `
+                }, children: [_jsx("style", { children: `
       .quill-delete-button {
           background-color: white;
       }
       .quill-delete-button:hover {
         background-color: rgba(56, 65, 81, 0.03);
-      }` }), (0, jsx_runtime_1.jsx)(assets_1.XIcon, { height: "20", width: "20", fill: "#6C727F" })] })), (0, jsx_runtime_1.jsx)("div", { style: { overflowX: 'scroll' }, children: children })] }));
+      }` }), _jsx(XIcon, { height: "20", width: "20", fill: "#6C727F" })] })), _jsx("div", { style: { overflowX: 'scroll' }, children: children })] }));
 }
-exports.QuillCard = QuillCard;
-//# sourceMappingURL=QuillCard.js.map