@quillsql/react 2.12.41 → 2.12.43

package/dist/cjs/DateRangePicker/DateRangePickerButton.js

@@ -1,136 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const assets_1 = require("../assets");
-const dateRangePickerUtils_1 = require("./dateRangePickerUtils");
-const DateRangePickerButton = ({ value, options, placeholder, disabled, calendarRef, showCalendar, setShowCalendar, enableDropdown, dropdownRef, showDropdown, setShowDropdown, onDropdownKeyDown, locale, dropdownPlaceholder = 'Select', theme, }) => {
-    const [startDate, endDate, dropdownValue] = value;
-    const hasDateSelection = (startDate || endDate) !== null && (startDate || endDate) !== undefined;
-    const calendarText = hasDateSelection
-        ? (0, dateRangePickerUtils_1.formatSelectedDates)(startDate, endDate, locale)
-        : placeholder;
-    const dropdownText = dropdownValue
-        ? String(options.find((option) => option.value === dropdownValue)?.text)
-        : dropdownPlaceholder;
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'space-between',
-            borderRadius: '0.375rem',
-            background: theme?.backgroundColor,
-            fontFamily: theme?.fontFamily,
-            boxShadow: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
-        }, children: [(0, jsx_runtime_1.jsxs)("button", { type: "button", style: {
-                    fontFamily: theme?.fontFamily,
-                    borderColor: theme?.borderColor || '#E5E7EB',
-                    borderStyle: 'solid',
-                    borderWidth: 1,
-                    minHeight: 38,
-                    borderRight: 'none',
-                    borderTopLeftRadius: theme?.borderRadius || 6,
-                    borderBottomLeftRadius: theme?.borderRadius || 6,
-                    color: theme?.primaryTextColor,
-                    cursor: 'pointer',
-                    display: 'flex',
-                    alignItems: 'center',
-                    // width: '100%',
-                    width: 275,
-                    maxWidth: 275,
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    background: theme?.backgroundColor,
-                    fontWeight: theme?.fontWeightMedium || '500',
-                    fontSize: theme?.fontSizeSmall || '14px',
-                    paddingLeft: 10,
-                    // borderRight: enableDropdown
-                    //   ? border.none.right
-                    //   : twMerge(borderRadius.md.right, border.sm.right),
-                }, ref: calendarRef, onClick: () => setShowCalendar(!showCalendar), 
-                // onKeyDown={onCalendarKeyDown}
-                // className={twMerge(
-                //   'qq-flex qq-items-center qq-w-full qq-truncate focus:qq-outline-none focus:qq-ring-2',
-                //   getSelectButtonColors(hasDateSelection, disabled),
-                //   enableDropdown
-                //     ? border.none.right
-                //     : twMerge(borderRadius.md.right, border.sm.right),
-                //   getColorClassNames(BaseColors.Blue, colorPalette.lightRing)
-                //     .focusRingColor,
-                //   spacing.twoXl.paddingX,
-                //   spacing.sm.paddingY,
-                //   borderRadius.md.left,
-                //   border.sm.all
-                // )}
-                disabled: disabled, children: [(0, jsx_runtime_1.jsx)(assets_1.CalendarIcon, { style: {
-                            flex: 'none',
-                            color: theme?.secondaryTextColor,
-                            height: '1.25rem',
-                            width: '1.25rem',
-                            // marginLeft: '0.125rem',
-                            marginRight: '0.75rem',
-                        }, "aria-hidden": "true" }), (0, jsx_runtime_1.jsx)("p", { style: {
-                            margin: 0,
-                            fontFamily: theme?.fontFamily,
-                            color: theme?.primaryTextColor,
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            fontSize: theme?.fontSizeSmall || '14px',
-                        }, children: calendarText })] }), enableDropdown ? ((0, jsx_runtime_1.jsxs)("button", { type: "button", style: {
-                    // fontFamily: theme?.fontFamily,
-                    borderColor: theme?.borderColor || '#E5E7EB',
-                    borderStyle: 'solid',
-                    borderWidth: 1,
-                    cursor: 'pointer',
-                    marginLeft: -1,
-                    borderTopRightRadius: theme?.borderRadius || 6,
-                    borderBottomRightRadius: theme?.borderRadius || 6,
-                    width: 150,
-                    // width: '12rem',
-                    overflow: 'hidden',
-                    textOverflow: 'ellipsis',
-                    whiteSpace: 'nowrap',
-                    paddingLeft: 12,
-                    paddingRight: 12,
-                    display: 'inline-flex',
-                    minHeight: 38,
-                    borderTopLeftRadius: 0,
-                    borderBottomLeftRadius: 0,
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    background: theme?.backgroundColor,
-                    fontSize: theme?.fontSizeSmall || 12,
-                    // fontWeight: theme?.fontWeightMedium || '800',
-                }, ref: dropdownRef, onClick: () => setShowDropdown(!showDropdown), 
-                // className={twMerge(
-                //   'qq-inline-flex qq-justify-between qq-w-48 qq-truncate focus:qq-outline-none focus:qq-ring-2',
-                //   getSelectButtonColors(hasDropdownSelection, disabled),
-                //   getColorClassNames(BaseColors.Blue, colorPalette.lightRing)
-                //     .focusRingColor,
-                // spacing.twoXl.paddingX,
-                // spacing.sm.paddingY
-                // spacing.px.negativeMarginLeft,
-                // borderRadius.md.right,
-                // border.sm.all
-                // )}
-                onKeyDown: onDropdownKeyDown, disabled: disabled, children: [(0, jsx_runtime_1.jsx)("p", { style: {
-                            margin: 0,
-                            fontFamily: theme?.fontFamily,
-                            // fontFamily: 'Avenir',
-                            color: theme?.primaryTextColor || '#364153',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                            whiteSpace: 'nowrap',
-                            fontWeight: theme?.fontWeightMedium || '500',
-                            fontSize: theme?.fontSizeSmall || '14px',
-                            // background: 'red',
-                        }, children: dropdownText }), (0, jsx_runtime_1.jsx)(assets_1.ArrowDownHeadIcon, { style: {
-                            height: '20px',
-                            width: '20px',
-                            flex: 'none',
-                            color: theme?.secondaryTextColor,
-                            marginRight: '-4px',
-                        }, "aria-hidden": "true" })] })) : null] }));
-};
-exports.default = DateRangePickerButton;

package/dist/cjs/DateRangePicker/index.d.ts

@@ -1,3 +0,0 @@
-export { default as DateRangePicker } from './DateRangePicker';
-export { DateRangePickerValue } from './DateRangePicker';
-//# sourceMappingURL=index.d.ts.map

package/dist/cjs/DateRangePicker/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/cjs/DateRangePicker/index.js

@@ -1,9 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DateRangePicker = void 0;
-// @ts-nocheck
-var DateRangePicker_1 = require("./DateRangePicker");
-Object.defineProperty(exports, "DateRangePicker", { enumerable: true, get: function () { return __importDefault(DateRangePicker_1).default; } });

package/dist/cjs/TableChart.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-interface YAxisField {
-    label: string;
-    field: string;
-    chartType?: string;
-}
-export interface BarListProps extends React.HTMLAttributes<HTMLDivElement> {
-    data: object[];
-    yAxisFields: YAxisField[];
-    colors: string[];
-}
-export declare function hexToRgbaWith10PercentAlpha(hex: any): string;
-declare const TableChart: React.ForwardRefExoticComponent<BarListProps & React.RefAttributes<HTMLDivElement>>;
-export default TableChart;
-//# sourceMappingURL=TableChart.d.ts.map

package/dist/cjs/TableChart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableChart.d.ts","sourceRoot":"","sources":["../../src/TableChart.tsx"],"names":[],"mappings":"AACA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAGvC,UAAU,UAAU;IAClB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,WAAW,EAAE,UAAU,EAAE,CAAC;IAC1B,MAAM,EAAE,MAAM,EAAE,CAAC;CAClB;AAED,wBAAgB,2BAA2B,CAAC,GAAG,KAAA,UAW9C;AAoED,QAAA,MAAM,UAAU,qFAsEf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/cjs/TableChart.js

@@ -1,122 +0,0 @@
-"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 });
-exports.hexToRgbaWith10PercentAlpha = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-// @ts-nocheck
-const react_1 = __importStar(require("react"));
-const valueFormatter_1 = require("./utils/valueFormatter");
-function hexToRgbaWith10PercentAlpha(hex) {
-    // Convert the hex color to RGB
-    const r = parseInt(hex.slice(1, 3), 16);
-    const g = parseInt(hex.slice(3, 5), 16);
-    const b = parseInt(hex.slice(5, 7), 16);
-    // Set the alpha value to 10%
-    const alpha = 0.1;
-    // Return the color as an rgba string
-    return `rgba(${r}, ${g}, ${b}, ${alpha})`;
-}
-exports.hexToRgbaWith10PercentAlpha = hexToRgbaWith10PercentAlpha;
-function Columns({ columns, data, theme }) {
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            display: 'flex',
-            flexDirection: 'row',
-            overflow: 'scroll',
-            height: '100%',
-        }, children: columns.map((elem) => ((0, jsx_runtime_1.jsx)(Column, { column: elem, data: data, theme: theme }, elem.field))) }));
-}
-function Column({ column, data, theme }) {
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            paddingLeft: 20,
-            paddingRight: 20,
-            display: 'inline-flex',
-            flexDirection: 'column',
-            whiteSpace: 'nowrap',
-        }, children: [(0, jsx_runtime_1.jsx)("div", { style: {
-                    height: 40,
-                    minHeight: 40,
-                    color: theme?.primaryTextColor,
-                    boxSizing: 'content-box',
-                    fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-                    fontSize: theme?.fontSizeSmall || '0.875rem',
-                    fontWeight: theme?.fontWeightMedium || '500',
-                }, children: column.label }), data.map((elem) => ((0, jsx_runtime_1.jsx)(Cell, { item: elem[column.field], theme: theme })))] }));
-}
-function Cell({ item, theme }) {
-    return ((0, jsx_runtime_1.jsx)("div", { style: {
-            height: 40,
-            minHeight: 40,
-            whiteSpace: 'nowrap',
-            width: '100%',
-            fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-            fontSize: theme?.fontSizeSmall || '0.875rem',
-            color: theme?.chartLabelColor,
-        }, children: item }));
-}
-const TableChart = react_1.default.forwardRef((props, ref) => {
-    const { data = [], yAxisFields, containerStyle, theme, ...other } = props;
-    const NUM_TO_SHOW = Math.floor(containerStyle?.height / 40) - 1 || 6;
-    const memoizedData = (0, react_1.useMemo)(() => {
-        return data.slice(0, NUM_TO_SHOW).map((item) => {
-            const fieldsWithFormattedValues = {};
-            for (const field of yAxisFields) {
-                const value = item[field.field];
-                fieldsWithFormattedValues[field.field] = (0, valueFormatter_1.valueFormatter)({
-                    value,
-                    field: field.field,
-                    fields: yAxisFields,
-                });
-            }
-            return fieldsWithFormattedValues;
-        });
-    }, [data, NUM_TO_SHOW]);
-    if (!memoizedData.length) {
-        return ((0, jsx_runtime_1.jsx)("div", { ref: ref, style: {
-                boxSizing: 'content-box',
-                height: '100%',
-                marginTop: 20,
-                overflow: 'hidden',
-                display: 'flex',
-                marginLeft: '1.5rem',
-                justifyContent: 'space-between',
-            }, ...other }));
-    }
-    return ((0, jsx_runtime_1.jsxs)("div", { style: {
-            boxSizing: 'content-box',
-            height: containerStyle?.height || '100%',
-            marginTop: 20,
-            display: 'flex',
-            marginLeft: '1rem',
-            flexDirection: 'column',
-        }, children: [(0, jsx_runtime_1.jsx)(Columns, { columns: yAxisFields, data: memoizedData, theme: theme }), data.length > NUM_TO_SHOW && ((0, jsx_runtime_1.jsxs)("div", { style: {
-                    color: theme?.chartLabelColor,
-                    boxSizing: 'content-box',
-                    fontFamily: theme?.chartLabelFontFamily || theme?.fontFamily,
-                    fontSize: theme?.fontSizeSmall || '0.875rem',
-                    marginLeft: 12,
-                    marginTop: 8,
-                }, children: ["...", data.length - NUM_TO_SHOW, " more"] }))] }));
-});
-exports.default = TableChart;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface DropdownProps extends React.HTMLAttributes<HTMLDivElement> {
-    value?: string;
-    defaultValue?: string;
-    onValueChange?: (value: string) => void;
-    placeholder?: string;
-    disabled?: boolean;
-    icon?: React.JSXElementConstructor<any>;
-    children: React.ReactElement[] | React.ReactElement;
-    theme: any;
-}
-declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
-export default Dropdown;
-//# sourceMappingURL=Dropdown.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAahD,MAAM,WAAW,aAAc,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACzE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,CAAC;IACxC,QAAQ,EAAE,KAAK,CAAC,YAAY,EAAE,GAAG,KAAK,CAAC,YAAY,CAAC;IACpD,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,QAAQ,sFA4Ib,CAAC;AAEF,eAAe,QAAQ,CAAC"}

package/dist/cjs/components/Dropdown/Dropdown.js

@@ -1,97 +0,0 @@
-"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");
-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) => {
-    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 Icon = icon;
-    const valueToNameMapping = (0, selectUtils_1.constructValueToNameMapping)(children);
-    const optionValues = react_1.default.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);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: className, ref: (0, lib_1.mergeRefs)([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
-            position: 'relative',
-            width: '100%',
-            minWidth: '10rem',
-        }, ...other, children: [(0, jsx_runtime_1.jsxs)("button", { style: {
-                    display: 'flex',
-                    justifyContent: 'space-between',
-                    alignItems: 'center',
-                    width: '100%',
-                    outline: 'none',
-                    padding: '1.5rem 2rem',
-                    borderRadius: '0.375rem',
-                    border: '2px solid',
-                    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: {
-                            display: 'flex',
-                            justifyContent: 'start',
-                            alignItems: 'center',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                        }, children: [Icon ? ((0, jsx_runtime_1.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: {
-                                    margin: 0,
-                                    fontSize: '13px',
-                                    fontWeight: '500',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                    textOverflow: 'ellipsis',
-                                }, children: selectedValue
-                                    ? valueToNameMapping.get(selectedValue)
-                                    : placeholder })] }), (0, jsx_runtime_1.jsx)(assets_1.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)) }) }) })] }));
-});
-exports.default = Dropdown;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-export interface DropdownItemProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-    value: string;
-    text?: string;
-    icon?: React.ElementType;
-    theme: any;
-    lastItem?: boolean;
-}
-declare const DropdownItem: React.ForwardRefExoticComponent<DropdownItemProps & React.RefAttributes<HTMLButtonElement>>;
-export default DropdownItem;
-//# sourceMappingURL=DropdownItem.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"DropdownItem.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/DropdownItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAI1C,MAAM,WAAW,iBACf,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;IACzB,KAAK,EAAE,GAAG,CAAC;IACX,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,YAAY,6FAkDjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/cjs/components/Dropdown/DropdownItem.js

@@ -1,62 +0,0 @@
-"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");
-const react_1 = __importStar(require("react"));
-const contexts_1 = require("../../contexts");
-const DropdownItem = react_1.default.forwardRef((props, ref) => {
-    const { value, text, className, theme, lastItem, ...other } = props;
-    const { handleValueChange } = (0, react_1.useContext)(contexts_1.SelectedValueContext);
-    return ((0, jsx_runtime_1.jsx)("button", { className: className, ref: ref, style: {
-            display: 'flex',
-            alignItems: 'center',
-            justifyContent: 'start',
-            width: '100%',
-            overflow: 'hidden',
-            textOverflow: 'ellipsis',
-            // padding: '0.75rem 1.25rem',
-            paddingLeft: 12,
-            paddingTop: 12,
-            paddingBottom: 12,
-            fontSize: theme?.fontSizeSmall || 14,
-            borderStyle: 'solid',
-            borderBottomWidth: lastItem ? '0px' : '1px',
-            borderBottomColor: theme?.borderColor || '#E5E7EB',
-            background: theme?.backgroundColor || 'white',
-            borderTop: 'none',
-            borderRight: 'none',
-            borderLeft: 'none',
-            cursor: 'pointer',
-            color: theme?.secondaryTextColor || '#364153',
-        }, type: "button", onClick: () => handleValueChange?.(value), ...other, children: (0, jsx_runtime_1.jsx)("p", { style: {
-                margin: 0,
-                fontFamily: theme?.fontFamily,
-                color: theme?.primaryTextColor,
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-            }, children: text ?? value }) }));
-});
-exports.default = DropdownItem;

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

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Dropdown/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/cjs/components/Dropdown/index.js

@@ -1,10 +0,0 @@
-"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; } });

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

@@ -1,15 +0,0 @@
-import React from 'react';
-import { HorizontalPosition } from '../../lib/inputTypes';
-export interface ModalProps extends React.HTMLAttributes<HTMLDivElement> {
-    showModal: boolean;
-    setShowModal: React.Dispatch<React.SetStateAction<boolean>> | ((nextState: boolean) => void);
-    parentRef?: React.RefObject<HTMLElement>;
-    width?: number;
-    maxHeight?: string;
-    anchorPosition?: HorizontalPosition;
-    children: React.ReactNode;
-    theme: any;
-}
-declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
-export default Modal;
-//# sourceMappingURL=Modal.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAIxE,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,MAAM,WAAW,UAAW,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtE,SAAS,EAAE,OAAO,CAAC;IACnB,YAAY,EACR,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,GAC7C,CAAC,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,kBAAkB,CAAC;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,KAAK,mFAwFT,CAAC;AAEH,eAAe,KAAK,CAAC"}

package/dist/cjs/components/Modal/Modal.js

@@ -1,89 +0,0 @@
-"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");
-// @ts-nocheck
-const react_1 = __importStar(require("react"));
-const hooks_1 = require("../../hooks");
-const lib_1 = require("../../lib");
-const Modal = react_1.default.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) => {
-        if (!parentRef.current) {
-            return false;
-        }
-        const modalBoundingRight = parentRef.current.getBoundingClientRect().left + modalWidth;
-        return windowWidth - modalBoundingRight < 0;
-    }, [parentRef]);
-    const getAbsoluteSpacing = () => {
-        return modalExceedsWindow ? '0' : '0';
-    };
-    (0, hooks_1.useOnClickOutside)(modalRef, (e) => {
-        // Exclude click on trigger button (e.g. Dropdown Button) from outside click handler
-        const isTriggerElem = parentRef
-            ? parentRef.current?.contains(e.target)
-            : false;
-        if (!isTriggerElem) {
-            setShowModal(false);
-        }
-    });
-    // Execute only when modal is of absolute size
-    (0, react_1.useEffect)(() => {
-        if (width) {
-            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
-        }
-    }, [checkModalExceedsWindow, parentRef, width]);
-    (0, hooks_1.useOnWindowResize)(() => {
-        if (width) {
-            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
-        }
-    });
-    return showModal ? ((0, jsx_runtime_1.jsx)("div", { className: className, ref: (0, lib_1.mergeRefs)([modalRef, ref]), style: {
-            position: 'absolute',
-            zIndex: 10,
-            overflowY: 'auto',
-            width: width ? width : '100%',
-            left: getAbsoluteSpacing(),
-            right: getAbsoluteSpacing(),
-            maxHeight: maxHeight,
-            backgroundColor: theme?.backgroundColor || 'white',
-            borderColor: theme?.borderColor || '#E5E7EB',
-            borderTopStyle: 'solid',
-            borderBottomStyle: 'solid',
-            borderLeftStyle: 'solid',
-            borderRightStyle: 'solid',
-            borderTopWidth: 1,
-            borderBottomWidth: 1,
-            borderLeftWidth: 1,
-            borderRightWidth: 1,
-            marginTop: '0.5rem',
-            marginBottom: '0.5rem',
-            borderRadius: '0.375rem',
-            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;

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

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

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

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

package/dist/cjs/components/Modal/index.js

@@ -1,8 +0,0 @@
-"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; } });