@monolith-forensics/monolith-ui 1.8.1-dev.4 → 1.9.0

package/dist/QueryFilter/QueryFilter.constants.d.ts

@@ -1,134 +0,0 @@
-import type { DropDownItem } from "../DropDownMenu";
-import type { Operator, Query } from "./QueryFilter.types";
-export declare const DEFAULT_QUERY_FILTER: Query;
-export declare const QUERY_FILTER_OPERATORS: {
-    Equals: {
-        value: string;
-        label: string;
-    };
-    NotEquals: {
-        value: string;
-        label: string;
-    };
-    LessThan: {
-        value: string;
-        label: string;
-    };
-    GreaterThan: {
-        value: string;
-        label: string;
-    };
-    LessThanOrEqual: {
-        value: string;
-        label: string;
-    };
-    GreaterThanOrEqual: {
-        value: string;
-        label: string;
-    };
-    Contains: {
-        value: string;
-        label: string;
-    };
-    DoesNotContain: {
-        value: string;
-        label: string;
-    };
-    IsEmpty: {
-        value: string;
-        label: string;
-    };
-    IsNotEmpty: {
-        value: string;
-        label: string;
-    };
-    In: {
-        value: string;
-        label: string;
-    };
-    NIn: {
-        value: string;
-        label: string;
-    };
-    Between: {
-        value: string;
-        label: string;
-    };
-    NotBetween: {
-        value: string;
-        label: string;
-    };
-};
-export declare const Operators: {
-    Equals: {
-        value: string;
-        label: string;
-    };
-    NotEquals: {
-        value: string;
-        label: string;
-    };
-    LessThan: {
-        value: string;
-        label: string;
-    };
-    GreaterThan: {
-        value: string;
-        label: string;
-    };
-    LessThanOrEqual: {
-        value: string;
-        label: string;
-    };
-    GreaterThanOrEqual: {
-        value: string;
-        label: string;
-    };
-    Contains: {
-        value: string;
-        label: string;
-    };
-    DoesNotContain: {
-        value: string;
-        label: string;
-    };
-    IsEmpty: {
-        value: string;
-        label: string;
-    };
-    IsNotEmpty: {
-        value: string;
-        label: string;
-    };
-    In: {
-        value: string;
-        label: string;
-    };
-    NIn: {
-        value: string;
-        label: string;
-    };
-    Between: {
-        value: string;
-        label: string;
-    };
-    NotBetween: {
-        value: string;
-        label: string;
-    };
-};
-export declare const DEFAULT_QUERY_FILTER_OPERATORS: Operator[];
-export declare const DefaultOperators: Operator[];
-export declare const QUERY_FILTER_VALUE_PLACEHOLDER = "Enter Value...";
-export declare const QUERY_FILTER_SELECT_VALUE_LABEL = "Select Value";
-export declare const QUERY_FILTER_UNAVAILABLE_FILTER_LABEL = "Unavailable filter";
-export declare const QUERY_FILTER_COMBINATOR_TITLE = "Chain these query filters together using AND | OR logic";
-export declare const QUERY_FILTER_DATE_FORMATS: {
-    readonly day: "YYYY-MM-DD";
-    readonly second: "YYYY-MM-DD HH:mm:ss";
-    readonly millisecond: "YYYY-MM-DD HH:mm:ss.SSS";
-    readonly default: "YYYY-MM-DD HH:mm:ss";
-};
-export declare const QUERY_FILTER_BETWEEN_OPERATORS: string[];
-export declare const QUERY_FILTER_VALUELESS_OPERATORS: string[];
-export declare const QUERY_FILTER_COMBINATOR_OPTIONS: DropDownItem[];

package/dist/QueryFilter/QueryFilter.constants.js

@@ -1,39 +0,0 @@
-export const DEFAULT_QUERY_FILTER = {
-    combinator: "and",
-    rules: [],
-};
-export const QUERY_FILTER_OPERATORS = {
-    Equals: { value: "=", label: "is" },
-    NotEquals: { value: "!=", label: "is not" },
-    LessThan: { value: "<", label: "less than" },
-    GreaterThan: { value: ">", label: "greater than" },
-    LessThanOrEqual: { value: "<=", label: "less than or equal" },
-    GreaterThanOrEqual: { value: ">=", label: "greater than or equal" },
-    Contains: { value: "contains", label: "contains" },
-    DoesNotContain: { value: "doesNotContain", label: "does not contain" },
-    IsEmpty: { value: "isEmpty", label: "is empty" },
-    IsNotEmpty: { value: "isNotEmpty", label: "is not empty" },
-    In: { value: "in", label: "is any of" },
-    NIn: { value: "nin", label: "is none of" },
-    Between: { value: "between", label: "between" },
-    NotBetween: { value: "notBetween", label: "not between" },
-};
-export const Operators = QUERY_FILTER_OPERATORS;
-export const DEFAULT_QUERY_FILTER_OPERATORS = Object.values(QUERY_FILTER_OPERATORS);
-export const DefaultOperators = DEFAULT_QUERY_FILTER_OPERATORS;
-export const QUERY_FILTER_VALUE_PLACEHOLDER = "Enter Value...";
-export const QUERY_FILTER_SELECT_VALUE_LABEL = "Select Value";
-export const QUERY_FILTER_UNAVAILABLE_FILTER_LABEL = "Unavailable filter";
-export const QUERY_FILTER_COMBINATOR_TITLE = "Chain these query filters together using AND | OR logic";
-export const QUERY_FILTER_DATE_FORMATS = {
-    day: "YYYY-MM-DD",
-    second: "YYYY-MM-DD HH:mm:ss",
-    millisecond: "YYYY-MM-DD HH:mm:ss.SSS",
-    default: "YYYY-MM-DD HH:mm:ss",
-};
-export const QUERY_FILTER_BETWEEN_OPERATORS = ["between", "notbetween"];
-export const QUERY_FILTER_VALUELESS_OPERATORS = ["isEmpty", "isNotEmpty"];
-export const QUERY_FILTER_COMBINATOR_OPTIONS = [
-    { label: "AND", value: "and" },
-    { label: "OR", value: "or" },
-];

package/dist/QueryFilter/QueryFilter.lib.d.ts

@@ -1,14 +0,0 @@
-import type { SuperDatePickerValue } from "../SuperDatePicker";
-import type { FilterDefinition, InputType, Operator, Rule } from "./QueryFilter.types";
-export declare const dateFormatResolver: (resolution?: string) => "YYYY-MM-DD" | "YYYY-MM-DD HH:mm:ss" | "YYYY-MM-DD HH:mm:ss.SSS";
-export declare const isBetweenOperator: (operator: Operator) => boolean;
-export declare const isDateInputType: (inputType: InputType) => inputType is "date" | "datetime";
-export declare const operatorRequiresValue: (operator: Operator) => boolean;
-export declare const formatRuleTimestampValue: (timestamp: string | null | undefined, filterDef: FilterDefinition) => string | undefined;
-export declare const resolveRuleValueForOperator: (currentValue: Rule["value"], operator: Operator) => string[] | undefined;
-export declare const updateRuleOperator: (rule: Rule, operator: Operator) => Rule;
-export declare const getSecondaryRuleValue: (rule: Rule) => string;
-export declare const getRuleDateRangeValue: (rule: Rule) => SuperDatePickerValue;
-export declare const updateRulePrimaryValue: (rule: Rule, nextRule: Rule) => Rule;
-export declare const updateRuleSecondaryValue: (rule: Rule, nextRule: Rule) => Rule;
-export declare const updateRuleDateRangeValue: (rule: Rule, nextValue: SuperDatePickerValue, filterDef: FilterDefinition) => Rule;

package/dist/QueryFilter/QueryFilter.lib.js

@@ -1,84 +0,0 @@
-import moment from "moment";
-import { QUERY_FILTER_BETWEEN_OPERATORS, QUERY_FILTER_DATE_FORMATS, QUERY_FILTER_VALUELESS_OPERATORS, } from "./QueryFilter.constants";
-export const dateFormatResolver = (resolution) => {
-    switch (resolution) {
-        case "day":
-            return QUERY_FILTER_DATE_FORMATS.day;
-        case "second":
-            return QUERY_FILTER_DATE_FORMATS.second;
-        case "millisecond":
-            return QUERY_FILTER_DATE_FORMATS.millisecond;
-        default:
-            return QUERY_FILTER_DATE_FORMATS.default;
-    }
-};
-export const isBetweenOperator = (operator) => {
-    const value = operator.value.toLowerCase();
-    return QUERY_FILTER_BETWEEN_OPERATORS.includes(value);
-};
-export const isDateInputType = (inputType) => {
-    return inputType === "date" || inputType === "datetime";
-};
-export const operatorRequiresValue = (operator) => {
-    return !QUERY_FILTER_VALUELESS_OPERATORS.includes(operator.value);
-};
-export const formatRuleTimestampValue = (timestamp, filterDef) => {
-    if (!timestamp || !filterDef.resolution) {
-        return timestamp || undefined;
-    }
-    const date = moment(timestamp).utc(true); // utc mode prevents datetime from shifting when using toISOString
-    switch (filterDef.resolution) {
-        case "day":
-            date.set({ hour: 0, minute: 0, second: 0, millisecond: 0 });
-            break;
-        case "second":
-            date.set({ millisecond: 0 });
-            break;
-        case "millisecond":
-            break;
-        default:
-            break;
-    }
-    return filterDef.isoString
-        ? date.toISOString()
-        : date.format(dateFormatResolver(filterDef.resolution));
-};
-export const resolveRuleValueForOperator = (currentValue, operator) => {
-    if (isBetweenOperator(operator)) {
-        return [(currentValue === null || currentValue === void 0 ? void 0 : currentValue[0]) || "", (currentValue === null || currentValue === void 0 ? void 0 : currentValue[1]) || ""];
-    }
-    return (currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) && currentValue.length > 0
-        ? currentValue
-        : undefined;
-};
-export const updateRuleOperator = (rule, operator) => {
-    return Object.assign(Object.assign({}, rule), { operator, value: resolveRuleValueForOperator(rule.value, operator) });
-};
-export const getSecondaryRuleValue = (rule) => {
-    var _a;
-    return ((_a = rule.value) === null || _a === void 0 ? void 0 : _a[1]) || "";
-};
-export const getRuleDateRangeValue = (rule) => {
-    var _a, _b;
-    return {
-        start: ((_a = rule.value) === null || _a === void 0 ? void 0 : _a[0]) || null,
-        end: ((_b = rule.value) === null || _b === void 0 ? void 0 : _b[1]) || null,
-    };
-};
-export const updateRulePrimaryValue = (rule, nextRule) => {
-    var _a, _b;
-    if (isBetweenOperator(rule.operator)) {
-        return Object.assign(Object.assign({}, rule), { value: [((_a = nextRule.value) === null || _a === void 0 ? void 0 : _a[0]) || "", ((_b = rule.value) === null || _b === void 0 ? void 0 : _b[1]) || ""] });
-    }
-    return Object.assign(Object.assign({}, rule), { value: nextRule.value, options: nextRule.options });
-};
-export const updateRuleSecondaryValue = (rule, nextRule) => {
-    var _a, _b;
-    return Object.assign(Object.assign({}, rule), { value: [((_a = rule.value) === null || _a === void 0 ? void 0 : _a[0]) || "", ((_b = nextRule.value) === null || _b === void 0 ? void 0 : _b[0]) || ""], options: nextRule.options });
-};
-export const updateRuleDateRangeValue = (rule, nextValue, filterDef) => {
-    return Object.assign(Object.assign({}, rule), { value: [
-            formatRuleTimestampValue(nextValue.start, filterDef) || "",
-            formatRuleTimestampValue(nextValue.end, filterDef) || "",
-        ] });
-};

package/dist/QueryFilter/QueryFilter.styled.d.ts

@@ -1,89 +0,0 @@
-export declare const StyledContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const RuleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const FilterContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    ref?: import("react").RefObject<HTMLButtonElement>;
-    children?: import("react").ReactNode | string;
-    className?: string;
-    loading?: boolean;
-    leftSection?: import("react").ReactNode;
-    rightSection?: import("react").ReactNode;
-    href?: string | null;
-    download?: string | null;
-    fullWidth?: boolean;
-    size?: import("../core").Size;
-    variant?: import("../core").Variant;
-    color?: import("../Button").ButtonColor;
-    disabled?: boolean;
-    selected?: boolean;
-    justify?: "start" | "center" | "end";
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}, never>> & string & Omit<import("react").FC<import("../Button").ButtonProps>, keyof import("react").Component<any, {}, any>>;
-export declare const BaseLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FieldLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const ValueLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("../Input/Input").InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, never>> & string & Omit<import("react").ForwardRefExoticComponent<Omit<import("../Input/Input").InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>, keyof import("react").Component<any, {}, any>>;
-export declare const StyledDateInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<{
-    className?: string;
-    style?: React.CSSProperties;
-    defaultValue?: string | null | undefined;
-    value?: string | null | undefined;
-    format?: import("../DateInput/DateInput").FormatOptions;
-    label?: string;
-    description?: import("react").ReactNode;
-    arrow?: boolean;
-    size?: import("../core").Size;
-    variant?: import("../core").Variant;
-    clearable?: boolean;
-    required?: boolean;
-    onChange?: (value?: string | null) => void;
-    min?: Date;
-    max?: Date;
-    error?: string;
-    width?: string;
-    enableCalendar?: boolean;
-    utc?: boolean;
-    closeOnSelect?: boolean;
-    disabled?: boolean;
-}, never>> & string & Omit<import("react").FC<{
-    className?: string;
-    style?: React.CSSProperties;
-    defaultValue?: string | null | undefined;
-    value?: string | null | undefined;
-    format?: import("../DateInput/DateInput").FormatOptions;
-    label?: string;
-    description?: import("react").ReactNode;
-    arrow?: boolean;
-    size?: import("../core").Size;
-    variant?: import("../core").Variant;
-    clearable?: boolean;
-    required?: boolean;
-    onChange?: (value?: string | null) => void;
-    min?: Date;
-    max?: Date;
-    error?: string;
-    width?: string;
-    enableCalendar?: boolean;
-    utc?: boolean;
-    closeOnSelect?: boolean;
-    disabled?: boolean;
-}>, keyof import("react").Component<any, {}, any>>;
-export declare const CloseLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").ButtonHTMLAttributes<HTMLButtonElement> & {
-    ref?: import("react").RefObject<HTMLButtonElement>;
-    children?: import("react").ReactNode | string;
-    className?: string;
-    loading?: boolean;
-    leftSection?: import("react").ReactNode;
-    rightSection?: import("react").ReactNode;
-    href?: string | null;
-    download?: string | null;
-    fullWidth?: boolean;
-    size?: import("../core").Size;
-    variant?: import("../core").Variant;
-    color?: import("../Button").ButtonColor;
-    disabled?: boolean;
-    selected?: boolean;
-    justify?: "start" | "center" | "end";
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-}, never>, never>> & string;
-export declare const UnavailableRuleContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>, never>> & string;

package/dist/QueryFilter/QueryFilter.styled.js

@@ -1,184 +0,0 @@
-import styled from "styled-components";
-import { Button } from "../Button";
-import Input from "../Input";
-import DateInput from "../DateInput";
-export const StyledContainer = styled.div `
-  display: flex;
-  flex-direction: row;
-  gap: 2px;
-`;
-export const RuleContainer = styled(StyledContainer) `
-  gap: 0;
-  align-items: center;
-  overflow: hidden;
-
-  border: 1px solid transparent;
-  border-radius: 5px;
-  background-color: ${({ theme }) => theme.palette.background.subtle};
-
-  & > * {
-    box-shadow: inset -1px 0 0 ${({ theme }) => theme.palette.divider};
-  }
-
-  & > *:last-child {
-    box-shadow: none;
-  }
-
-  button.mfui-DropDownMenu {
-    min-height: 24px;
-    border-color: transparent;
-    border-radius: 0;
-    background-color: transparent;
-    font-family: ${({ theme }) => theme.typography.fontFamily};
-    font-size: 11px;
-    font-weight: 400;
-    line-height: 1;
-  }
-
-  button.mfui-DropDownMenu:hover {
-    background-color: ${({ theme }) => theme.palette.action.hover} !important;
-    border-color: transparent;
-  }
-`;
-export const FilterContainer = styled(StyledContainer) `
-  align-items: center;
-  flex-wrap: wrap;
-  row-gap: 6px;
-  column-gap: 6px;
-
-  button.mfui-DropDownMenu {
-    background-color: ${({ theme }) => theme.palette.background.subtle} !important;
-  }
-
-  button.mfui-DropDownMenu:hover {
-    background-color: ${({ theme }) => theme.palette.action.hover} !important;
-  }
-`;
-export const StyledButton = styled(Button) `
-  height: 24px;
-  padding: 3px 7px;
-
-  border-radius: 0;
-  font-family: ${({ theme }) => theme.typography.fontFamily};
-  font-size: 11px;
-  font-weight: 400;
-  line-height: 1;
-
-  &:hover {
-    background-color: ${({ theme }) => theme.palette.action.hover};
-    border-color: ${({ theme }) => theme.palette.primary.main};
-  }
-`;
-export const BaseLabel = styled.div `
-  user-select: none;
-
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-
-  height: 24px;
-  min-height: 24px;
-
-  padding: 3px 8px;
-  border: 0;
-
-  background-color: transparent;
-
-  font-family: ${({ theme }) => theme.typography.fontFamily};
-  font-size: 11px;
-  font-weight: 400;
-  line-height: 1;
-
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-
-  cursor: pointer;
-
-  &:hover {
-    background-color: ${({ theme }) => theme.palette.action.hover};
-  }
-`;
-export const FieldLabel = styled(BaseLabel) `
-  font-weight: 400;
-  color: ${({ theme }) => theme.palette.text.primary};
-`;
-export const ValueLabel = styled(BaseLabel) `
-  color: ${({ theme }) => theme.palette.text.secondary};
-`;
-export const StyledInput = styled(Input) `
-  height: 24px;
-  min-height: 24px;
-  width: 110px;
-  padding: 3px 8px;
-
-  border-radius: 0;
-  border-color: transparent;
-
-  background-color: transparent;
-  color: ${({ theme }) => theme.palette.text.primary};
-  font-family: ${({ theme }) => theme.typography.fontFamily};
-  font-size: 11px;
-  font-weight: 400;
-  line-height: 1;
-
-  &:hover {
-    border-color: transparent;
-    background-color: ${({ theme }) => theme.palette.action.hover};
-  }
-
-  &:focus {
-    border-color: ${({ theme }) => theme.palette.primary.main};
-  }
-`;
-export const StyledDateInput = styled(DateInput) `
-  width: auto;
-
-  .input-container {
-    height: 24px;
-
-    border-radius: 0;
-    border-color: transparent;
-
-    background-color: transparent;
-    color: ${({ theme }) => theme.palette.text.primary};
-    font-family: ${({ theme }) => theme.typography.fontFamily};
-    font-size: 11px;
-    font-weight: 400;
-    line-height: 1;
-
-    cursor: pointer;
-
-    &:hover {
-      border-color: transparent;
-      background-color: ${({ theme }) => theme.palette.action.hover};
-    }
-  }
-`;
-export const CloseLabel = styled(StyledButton) `
-  width: 22px;
-  min-width: 22px;
-  padding: 2px;
-
-  background-color: transparent;
-  color: ${({ theme }) => theme.palette.text.secondary};
-
-  &:hover {
-    background-color: ${({ theme }) => theme.palette.action.hover};
-    border-color: transparent;
-  }
-`;
-export const UnavailableRuleContainer = styled(RuleContainer) `
-  border-style: dashed;
-  border-color: ${({ theme }) => theme.alert.warning.border};
-  background-color: ${({ theme }) => theme.palette.background.subtle};
-
-  ${FieldLabel},
-  ${ValueLabel} {
-    background-color: transparent;
-  }
-
-  ${ValueLabel} {
-    color: ${({ theme }) => theme.alert.warning.color};
-  }
-`;

package/dist/QueryFilter/QueryFilter.types.js

@@ -1 +0,0 @@
-export {};

package/dist/QueryFilter/components/MultiSelectEditor.d.ts

@@ -1,7 +0,0 @@
-import { DropDownItem } from "../../DropDownMenu";
-import { FilterDefinition, Rule } from "../QueryFilter.types";
-export declare const MultiSelectEditor: React.FC<{
-    rule: Rule;
-    filterDef: FilterDefinition;
-    onChange?: (selected: DropDownItem[], diff: DropDownItem[]) => void;
-}>;

package/dist/QueryFilter/components/MultiSelectEditor.js

@@ -1,44 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useTheme } from "styled-components";
-import { DropDownMenu } from "../../DropDownMenu";
-import { QUERY_FILTER_SELECT_VALUE_LABEL, } from "../QueryFilter.constants";
-export const MultiSelectEditor = ({ rule, filterDef, onChange }) => {
-    var _a, _b;
-    const theme = useTheme();
-    const handleChange = (selected, diff) => {
-        onChange === null || onChange === void 0 ? void 0 : onChange(selected, diff);
-    };
-    const options = [
-        ...((filterDef === null || filterDef === void 0 ? void 0 : filterDef.selectOptions) || []),
-        ...(rule.options || []),
-    ];
-    const selected = ((_a = rule.value) === null || _a === void 0 ? void 0 : _a.map((value) => {
-        const option = options.find((o) => o.value == value);
-        return option || { label: value, value };
-    })) || [];
-    let display = selected.map((o) => o.label).join(", ") || QUERY_FILTER_SELECT_VALUE_LABEL;
-    if (Array.isArray(rule.value) && rule.value.length > 1) {
-        display = `${rule.value.length} ${(filterDef === null || filterDef === void 0 ? void 0 : filterDef.pluralLabel) || "Values"}`;
-    }
-    return (_jsx(DropDownMenu, { data: (filterDef === null || filterDef === void 0 ? void 0 : filterDef.selectOptions) || [], variant: "outlined", multiselect: true, searchable: true, size: "xs", buttonProps: {
-            title: QUERY_FILTER_SELECT_VALUE_LABEL,
-            variant: "contained",
-            size: "xxs",
-            style: {
-                padding: "3px 8px",
-                height: 24,
-                borderRadius: 0,
-                backgroundColor: "transparent",
-                borderColor: "transparent",
-                fontFamily: theme.typography.fontFamily,
-                fontSize: 11,
-                fontWeight: "normal",
-                lineHeight: 1,
-                color: !!rule.value && Array.isArray(rule.value) && rule.value.length > 0
-                    ? theme.palette.text.primary
-                    : theme.palette.text.secondary,
-            },
-        }, dropDownProps: {
-            style: Object.assign({ width: 200, maxWidth: 400 }, (_b = filterDef === null || filterDef === void 0 ? void 0 : filterDef.dropDownOptions) === null || _b === void 0 ? void 0 : _b.style),
-        }, value: selected, onChange: handleChange, query: filterDef === null || filterDef === void 0 ? void 0 : filterDef.query, children: display }));
-};

package/dist/QueryFilter/components/RuleChip.d.ts

@@ -1,8 +0,0 @@
-import { FilterDefinition, Operator, Rule } from "../QueryFilter.types";
-export declare const RuleChip: React.FC<{
-    rule: Rule;
-    filterDef: FilterDefinition;
-    onDelete: (rule: Rule) => void;
-    onOperatorChange: (rule: Rule, operator: Operator) => void;
-    onUpdate: (rule: Rule) => void;
-}>;

package/dist/QueryFilter/components/RuleChip.js

@@ -1,37 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
-import styled, { useTheme } from "styled-components";
-import { DropDownMenu } from "../../DropDownMenu";
-import { DefaultOperators } from "../QueryFilter.constants";
-import { operatorRequiresValue } from "../QueryFilter.lib";
-import { CloseLabel, FieldLabel, RuleContainer } from "../QueryFilter.styled";
-import { ValueSelector } from "./ValueSelector";
-const RuleLabel = styled(FieldLabel) `
-  &:hover {
-    background-color: transparent;
-  }
-`;
-export const RuleChip = ({ rule, filterDef, onDelete, onOperatorChange, onUpdate }) => {
-    const theme = useTheme();
-    const operatorOptions = (filterDef === null || filterDef === void 0 ? void 0 : filterDef.operators) || DefaultOperators;
-    const inputType = (filterDef === null || filterDef === void 0 ? void 0 : filterDef.inputType) || "text";
-    return (_jsxs(RuleContainer, { "data-rule-id": rule.id, children: [_jsx(RuleLabel, { children: rule.label }), _jsx(DropDownMenu, { variant: "outlined", data: operatorOptions, size: "xs", buttonProps: {
-                    title: "Select Operator",
-                    variant: "contained",
-                    color: "secondary",
-                    style: {
-                        fontFamily: theme.typography.fontFamily,
-                        fontWeight: "normal",
-                        fontSize: 11,
-                        lineHeight: 1,
-                        padding: "3px 8px",
-                        height: 24,
-                        borderRadius: 0,
-                        backgroundColor: "transparent",
-                        borderColor: "transparent",
-                        color: theme.palette.text.secondary,
-                    },
-                }, onItemSelect: (e) => onOperatorChange(rule, e), dropDownProps: {
-                    style: { width: 150, maxWidth: 400 },
-                }, children: rule.operator.label }), operatorRequiresValue(rule.operator) && (_jsx(ValueSelector, { rule: rule, inputType: inputType, filterDef: filterDef, onChange: onUpdate })), _jsx(CloseLabel, { variant: "contained", onClick: () => onDelete(rule), children: _jsx(XIcon, { size: 16 }) })] }));
-};

package/dist/QueryFilter/components/Rules.d.ts

@@ -1,11 +0,0 @@
-import { FilterDefinition, Rule } from "../QueryFilter.types";
-export interface RulesProps {
-    rules: Rule[];
-    combinator: "and" | "or";
-    showCombinator?: boolean;
-    filterDefinitions: FilterDefinition[];
-    onDelete: (rule: Rule) => void;
-    onUpdate: (rule: Rule) => void;
-    onUpdateRootCombinator: (e: "or" | "and") => void;
-}
-export declare const Rules: React.FC<RulesProps>;