@quillsql/react 2.12.41 → 2.12.42

package/dist/esm/DateRangePicker/DateRangePicker.js

@@ -1,95 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
-import React, { useRef, useState } from 'react';
-import { startOfMonth, startOfToday } from 'date-fns';
-import { enUS } from 'date-fns/locale';
-import { BaseColorContext, HoveredValueContext, SelectedValueContext, } from '../contexts';
-import { useSelectOnKeyDown } from '../hooks';
-import { getEndDateByDropdownValue, getStartDateByDropdownValue, parseEndDate, parseStartDate, } from './dateRangePickerUtils';
-import Calendar from './Calendar';
-import DateRangePickerButton from './DateRangePickerButton';
-import { DropdownItem } from '../components/Dropdown';
-import Modal from '../components/Modal';
-const DateRangePicker = React.forwardRef((props, ref) => {
-    const { dateRange, preset, onChangeDateRange, onChangePreset, presetOptions, enableDropdown = true, minDate = null, maxDate = null, placeholder = 'Select', dropdownPlaceholder = 'Select', disabled = false, color = 'blue', enableYearPagination = false, locale = enUS, className, theme, ...other } = props;
-    const TODAY = startOfToday();
-    const calendarRef = useRef(null);
-    const dropdownRef = useRef(null);
-    const [selectedValue, setSelectedValue] = useState([
-        dateRange[0],
-        dateRange[1],
-        preset || null,
-    ]);
-    const [startOfCurrMonth, setStartOfCurrMonth] = useState(null);
-    const [showCalendar, setShowCalendar] = useState(false);
-    const [showDropdown, setShowDropdown] = useState(false);
-    const [startDateInCalendar, setStartDateInCalendar] = useState(null);
-    const [endDateInCalendar, setEndDateInCalendar] = useState(null);
-    // const dropdownOptions = [
-    //   {
-    //     value: 'placeholder',
-    //     text: dropdownPlaceholder,
-    //   },
-    //   ...(options ?? defaultOptions),
-    // ];
-    const selectedDropdownValue = selectedValue
-        ? selectedValue[2] ?? null
-        : null;
-    const selectedStartDate = selectedValue
-        ? parseStartDate(selectedValue[0], minDate, selectedDropdownValue, presetOptions)
-        : null;
-    const selectedEndDate = selectedValue
-        ? parseEndDate(selectedValue[1], maxDate, selectedDropdownValue, presetOptions)
-        : null;
-    const anchorDate = startOfCurrMonth ?? selectedEndDate ?? selectedStartDate ?? TODAY;
-    const handleDateClick = (date) => {
-        if (!startDateInCalendar) {
-            setStartDateInCalendar(date);
-            return;
-        }
-        if (startDateInCalendar && !endDateInCalendar) {
-            setEndDateInCalendar(date);
-            onChangeDateRange([startDateInCalendar, date]);
-            // onChangePreset(null);
-            setSelectedValue([startDateInCalendar, date, null]);
-            return;
-        }
-    };
-    const handleCalendarKeyDown = (e) => {
-        if (e.key === 'Escape') {
-            e.preventDefault();
-            setShowCalendar(false);
-        }
-    };
-    const handleDropdownOptionClick = (dropdownValue) => {
-        if (!dropdownValue) {
-            return;
-        }
-        if (dropdownValue == 'placeholder') {
-            setSelectedValue([null, null, null]);
-            // onChangeDateRange([null, null]);
-            onChangePreset(null);
-            setShowDropdown(false);
-            return;
-        }
-        if (dropdownValue == selectedDropdownValue) {
-            setShowDropdown(false);
-            return;
-        }
-        const selectedStartDate = getStartDateByDropdownValue(dropdownValue, presetOptions);
-        const selectedEndDate = getEndDateByDropdownValue(dropdownValue, presetOptions);
-        setSelectedValue([selectedStartDate, selectedEndDate, dropdownValue]);
-        // onChangeDateRange([selectedStartDate, selectedEndDate]);
-        onChangePreset(presetOptions?.find((elem) => elem.value === dropdownValue));
-        setStartOfCurrMonth(startOfMonth(selectedEndDate));
-        setShowDropdown(false);
-    };
-    const [hoveredDropdownValue, handleDropdownKeyDown] = useSelectOnKeyDown(handleDropdownOptionClick, presetOptions.map((option) => option.value), showDropdown, setShowDropdown, selectedDropdownValue);
-    return (_jsx(BaseColorContext.Provider, { value: color, children: _jsxs("div", { ref: ref, style: { position: 'relative', width: '100%' }, className: className, ...other, children: [_jsx(DateRangePickerButton, { value: [selectedStartDate, selectedEndDate, selectedDropdownValue], options: presetOptions, placeholder: placeholder, disabled: disabled, calendarRef: calendarRef, showCalendar: showCalendar, setShowCalendar: setShowCalendar, onCalendarKeyDown: handleCalendarKeyDown, enableDropdown: enableDropdown, dropdownRef: dropdownRef, showDropdown: showDropdown, setShowDropdown: setShowDropdown, onDropdownKeyDown: handleDropdownKeyDown, locale: locale, dropdownPlaceholder: dropdownPlaceholder, theme: theme }), _jsx(Modal, { theme: theme, showModal: showCalendar, setShowModal: setShowCalendar, parentRef: calendarRef, width: 288, maxHeight: "fit-content", children: _jsx(Calendar, { enableYearPagination: enableYearPagination, anchorDate: anchorDate, 
-                        // setAnchorDate={setAnchorDate}
-                        startDate: startDateInCalendar, endDate: endDateInCalendar, minDate: minDate, maxDate: maxDate, onDateClick: handleDateClick, locale: locale, setStartOfCurrMonth: setStartOfCurrMonth, theme: theme }) }), _jsx(Modal, { showModal: showDropdown, setShowModal: setShowDropdown, parentRef: dropdownRef, theme: theme, children: _jsx(SelectedValueContext.Provider, { value: {
-                            selectedValue: selectedDropdownValue,
-                            handleValueChange: handleDropdownOptionClick,
-                        }, children: _jsx(HoveredValueContext.Provider, { value: { hoveredValue: hoveredDropdownValue }, children: presetOptions.map(({ value, text }, index) => (_jsx(DropdownItem, { value: value, text: text, theme: theme, lastItem: presetOptions.length - 1 === index }, value))) }) }) })] }) }));
-});
-export default DateRangePicker;

package/dist/esm/DateRangePicker/DateRangePickerButton.d.ts

@@ -1,22 +0,0 @@
-import React, { Dispatch, Ref, SetStateAction } from 'react';
-import { DateRangePickerOption, DateRangePickerValue } from './DateRangePicker';
-interface DateRangePickerButtonProps {
-    value: DateRangePickerValue;
-    options: DateRangePickerOption[];
-    placeholder: string;
-    disabled: boolean;
-    calendarRef: Ref<HTMLButtonElement>;
-    showCalendar: boolean;
-    setShowCalendar: Dispatch<SetStateAction<boolean>>;
-    enableDropdown: boolean;
-    dropdownRef: Ref<HTMLButtonElement>;
-    showDropdown: boolean;
-    setShowDropdown: Dispatch<SetStateAction<boolean>>;
-    onDropdownKeyDown: (e: React.KeyboardEvent<HTMLButtonElement>) => void;
-    locale?: Locale;
-    dropdownPlaceholder?: string;
-    theme: any;
-}
-declare const DateRangePickerButton: ({ value, options, placeholder, disabled, calendarRef, showCalendar, setShowCalendar, enableDropdown, dropdownRef, showDropdown, setShowDropdown, onDropdownKeyDown, locale, dropdownPlaceholder, theme, }: DateRangePickerButtonProps) => import("react/jsx-runtime").JSX.Element;
-export default DateRangePickerButton;
-//# sourceMappingURL=DateRangePickerButton.d.ts.map

package/dist/esm/DateRangePicker/DateRangePickerButton.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DateRangePickerButton.d.ts","sourceRoot":"","sources":["../../../src/DateRangePicker/DateRangePickerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAI7D,OAAO,EAAE,qBAAqB,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAGhF,UAAU,0BAA0B;IAClC,KAAK,EAAE,oBAAoB,CAAC;IAC5B,OAAO,EAAE,qBAAqB,EAAE,CAAC;IACjC,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,cAAc,EAAE,OAAO,CAAC;IACxB,WAAW,EAAE,GAAG,CAAC,iBAAiB,CAAC,CAAC;IACpC,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IACnD,iBAAiB,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACvE,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,KAAK,EAAE,GAAG,CAAC;CACZ;AAED,QAAA,MAAM,qBAAqB,8MAgBxB,0BAA0B,4CAsM5B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}

package/dist/esm/DateRangePicker/DateRangePickerButton.js

@@ -1,134 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDownHeadIcon, CalendarIcon } from '../assets';
-import { formatSelectedDates } from './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
-        ? formatSelectedDates(startDate, endDate, locale)
-        : placeholder;
-    const dropdownText = dropdownValue
-        ? String(options.find((option) => option.value === dropdownValue)?.text)
-        : dropdownPlaceholder;
-    return (_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: [_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: [_jsx(CalendarIcon, { style: {
-                            flex: 'none',
-                            color: theme?.secondaryTextColor,
-                            height: '1.25rem',
-                            width: '1.25rem',
-                            // marginLeft: '0.125rem',
-                            marginRight: '0.75rem',
-                        }, "aria-hidden": "true" }), _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 ? (_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: [_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 }), _jsx(ArrowDownHeadIcon, { style: {
-                            height: '20px',
-                            width: '20px',
-                            flex: 'none',
-                            color: theme?.secondaryTextColor,
-                            marginRight: '-4px',
-                        }, "aria-hidden": "true" })] })) : null] }));
-};
-export default DateRangePickerButton;

package/dist/esm/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/esm/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/esm/DateRangePicker/index.js

@@ -1,2 +0,0 @@
-// @ts-nocheck
-export { default as DateRangePicker } from './DateRangePicker';

package/dist/esm/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/esm/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/esm/TableChart.js

@@ -1,95 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// @ts-nocheck
-import React, { useMemo } from 'react';
-import { valueFormatter } from './utils/valueFormatter';
-export 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})`;
-}
-function Columns({ columns, data, theme }) {
-    return (_jsx("div", { style: {
-            display: 'flex',
-            flexDirection: 'row',
-            overflow: 'scroll',
-            height: '100%',
-        }, children: columns.map((elem) => (_jsx(Column, { column: elem, data: data, theme: theme }, elem.field))) }));
-}
-function Column({ column, data, theme }) {
-    return (_jsxs("div", { style: {
-            paddingLeft: 20,
-            paddingRight: 20,
-            display: 'inline-flex',
-            flexDirection: 'column',
-            whiteSpace: 'nowrap',
-        }, children: [_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) => (_jsx(Cell, { item: elem[column.field], theme: theme })))] }));
-}
-function Cell({ item, theme }) {
-    return (_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.forwardRef((props, ref) => {
-    const { data = [], yAxisFields, containerStyle, theme, ...other } = props;
-    const NUM_TO_SHOW = Math.floor(containerStyle?.height / 40) - 1 || 6;
-    const memoizedData = 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] = valueFormatter({
-                    value,
-                    field: field.field,
-                    fields: yAxisFields,
-                });
-            }
-            return fieldsWithFormattedValues;
-        });
-    }, [data, NUM_TO_SHOW]);
-    if (!memoizedData.length) {
-        return (_jsx("div", { ref: ref, style: {
-                boxSizing: 'content-box',
-                height: '100%',
-                marginTop: 20,
-                overflow: 'hidden',
-                display: 'flex',
-                marginLeft: '1.5rem',
-                justifyContent: 'space-between',
-            }, ...other }));
-    }
-    return (_jsxs("div", { style: {
-            boxSizing: 'content-box',
-            height: containerStyle?.height || '100%',
-            marginTop: 20,
-            display: 'flex',
-            marginLeft: '1rem',
-            flexDirection: 'column',
-        }, children: [_jsx(Columns, { columns: yAxisFields, data: memoizedData, theme: theme }), data.length > NUM_TO_SHOW && (_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"] }))] }));
-});
-export default TableChart;

package/dist/esm/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/esm/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/esm/components/Dropdown/Dropdown.js

@@ -1,69 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-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 } 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] = useInternalState(defaultValue, value);
-    const [isFocused, setIsFocused] = useState(false);
-    const dropdownRef = useRef(null);
-    const Icon = icon;
-    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] = useSelectOnKeyDown(handleValueChange, optionValues, isFocused, setIsFocused, selectedValue);
-    return (_jsxs("div", { className: className, ref: mergeRefs([dropdownRef, ref]), onKeyDown: handleKeyDown, style: {
-            position: 'relative',
-            width: '100%',
-            minWidth: '10rem',
-        }, ...other, children: [_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: [_jsxs("div", { style: {
-                            display: 'flex',
-                            justifyContent: 'start',
-                            alignItems: 'center',
-                            whiteSpace: 'nowrap',
-                            overflow: 'hidden',
-                            textOverflow: 'ellipsis',
-                        }, children: [Icon ? (_jsx(Icon, { style: {
-                                    flexShrink: 0,
-                                    height: '1.5rem',
-                                    width: '1.5rem',
-                                    color: theme?.secondaryTextColor || '#6C727F',
-                                    marginRight: '1.5rem',
-                                }, "aria-hidden": "true" })) : null, _jsx("p", { style: {
-                                    margin: 0,
-                                    fontSize: '13px',
-                                    fontWeight: '500',
-                                    whiteSpace: 'nowrap',
-                                    overflow: 'hidden',
-                                    textOverflow: 'ellipsis',
-                                }, children: selectedValue
-                                    ? valueToNameMapping.get(selectedValue)
-                                    : placeholder })] }), _jsx(ArrowDownHeadIcon, { style: {
-                            flexShrink: 0,
-                            height: '1.5rem',
-                            width: '1.5rem',
-                            marginRight: '-0.25rem',
-                            color: theme?.secondaryTextColor || '#6C727F',
-                        }, "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)) }) }) })] }));
-});
-export default Dropdown;

package/dist/esm/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/esm/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/esm/components/Dropdown/DropdownItem.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useContext } from 'react';
-import { SelectedValueContext } from '../../contexts';
-const DropdownItem = React.forwardRef((props, ref) => {
-    const { value, text, className, theme, lastItem, ...other } = props;
-    const { handleValueChange } = useContext(SelectedValueContext);
-    return (_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: _jsx("p", { style: {
-                margin: 0,
-                fontFamily: theme?.fontFamily,
-                color: theme?.primaryTextColor,
-                whiteSpace: 'nowrap',
-                overflow: 'hidden',
-                textOverflow: 'ellipsis',
-            }, children: text ?? value }) }));
-});
-export default DropdownItem;

package/dist/esm/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/esm/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/esm/components/Dropdown/index.js

@@ -1,2 +0,0 @@
-export { default as Dropdown } from './Dropdown';
-export { default as DropdownItem } from './DropdownItem';

package/dist/esm/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/esm/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/esm/components/Modal/Modal.js

@@ -1,64 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// @ts-nocheck
-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] = useState(false);
-    const modalRef = useRef(null);
-    const checkModalExceedsWindow = 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';
-    };
-    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
-    useEffect(() => {
-        if (width) {
-            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
-        }
-    }, [checkModalExceedsWindow, parentRef, width]);
-    useOnWindowResize(() => {
-        if (width) {
-            setModalExceedsWindow(checkModalExceedsWindow(width, window.innerWidth));
-        }
-    });
-    return showModal ? (_jsx("div", { className: className, ref: 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;
-});
-export default Modal;

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

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

package/dist/esm/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/esm/components/Modal/index.js

@@ -1 +0,0 @@
-export { default } from './Modal';