@vuu-ui/vuu-filters 3.0.0 → 3.1.0-beta.2

package/esm/filter-clause/value-editors/FilterClauseValueEditorText.js

@@ -1,220 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useTypeaheadSuggestions } from '@vuu-ui/vuu-data-react';
-import { ExpandoInput } from '@vuu-ui/vuu-ui-controls';
-import { dispatchKeyboardEvent, getVuuTable, NO_DATA_MATCH } from '@vuu-ui/vuu-utils';
-import { useForkRef, Option } from '@salt-ds/core';
-import { forwardRef, useRef, useState, useCallback, useEffect, useMemo } from 'react';
-import { ExpandoCombobox } from '../ExpandoCombobox.js';
-
-const FilterClauseValueEditorText = forwardRef(
-  function FilterClauseTextValueEditor({
-    inputProps: inputPropsProp,
-    className,
-    column,
-    onChangeValue,
-    onOpenChange,
-    operator,
-    table,
-    value,
-    dropdownOnAutofocus = true
-  }, forwardedRef) {
-    const isMultiValue = operator === "in";
-    const expandoRef = useRef(null);
-    const combinedRef = useForkRef(forwardedRef, expandoRef);
-    const [valueInputValue, setValueInputValue] = useState(
-      value?.toString() ?? ""
-    );
-    const [typeaheadValues, setTypeaheadValues] = useState(
-      []
-    );
-    const getSuggestions = useTypeaheadSuggestions();
-    const handleSingleValueSelectionChange = useCallback(
-      (_, [value2]) => onChangeValue(value2),
-      [onChangeValue]
-    );
-    const handleMultiValueSelectionChange = useCallback(
-      // TODO when will this ever be final ?
-      (_, values) => onChangeValue(values, false),
-      [onChangeValue]
-    );
-    const highlightFirstOption = useCallback(() => {
-      if (expandoRef.current) {
-        const input = expandoRef.current?.querySelector(
-          'input[role="combobox"]'
-        );
-        if (input) {
-          requestAnimationFrame(() => {
-            dispatchKeyboardEvent(input, "keydown", "ArrowDown");
-          });
-        }
-      }
-    }, []);
-    const handleOpenChange = useCallback(
-      (open, reason) => {
-        if (open && reason === "focus" && expandoRef.current) {
-          highlightFirstOption();
-        }
-      },
-      [highlightFirstOption]
-    );
-    useEffect(() => {
-      if (table) {
-        const vuuTable = getVuuTable(table);
-        const params = valueInputValue && !isMultiValue ? [vuuTable, column.name, valueInputValue] : [vuuTable, column.name];
-        getSuggestions(params).then((suggestions) => {
-          if (suggestions === false) {
-            setTypeaheadValues(false);
-          } else if (suggestions.length === 0 && valueInputValue) {
-            setTypeaheadValues(NO_DATA_MATCH);
-          } else {
-            setTypeaheadValues(suggestions);
-          }
-        }).catch((err) => {
-          console.error("Error getting suggestions", err);
-        });
-      }
-    }, [table, column, valueInputValue, getSuggestions, isMultiValue]);
-    const handleInputChange = useCallback(
-      (evt) => {
-        const { value: value2 } = evt.target;
-        setValueInputValue(value2);
-        if (operator === "starts" || operator === "ends" || operator === "contains") {
-          onChangeValue(value2, false);
-        }
-      },
-      [onChangeValue, operator]
-    );
-    const handleInputCommit = useCallback(
-      (_, value2 = "") => {
-        if (typeof value2 === "string") {
-          onChangeValue(value2);
-        }
-      },
-      [onChangeValue]
-    );
-    const handleKeyDownFreeTextInput = useCallback(
-      (evt) => {
-        if ((evt.key === "Enter" || evt.key === "Tab") && valueInputValue !== "") {
-          evt.stopPropagation();
-          evt.preventDefault();
-          onChangeValue(valueInputValue);
-        } else {
-          inputPropsProp?.onKeyDown?.(evt);
-        }
-      },
-      [inputPropsProp, onChangeValue, valueInputValue]
-    );
-    const inputProps = useMemo(() => {
-      if (operator === "starts" || operator === "ends") {
-        return {
-          ...inputPropsProp,
-          onKeyDown: handleKeyDownFreeTextInput
-        };
-      } else {
-        return inputPropsProp;
-      }
-    }, [inputPropsProp, handleKeyDownFreeTextInput, operator]);
-    const getValueInputField = useCallback(() => {
-      if (typeaheadValues === false) {
-        return /* @__PURE__ */ jsx(
-          ExpandoInput,
-          {
-            inputProps,
-            className,
-            "data-field": "value",
-            value: valueInputValue,
-            ref: forwardedRef,
-            onChange: handleInputChange,
-            onCommit: handleInputCommit
-          }
-        );
-      }
-      switch (operator) {
-        case "in":
-          return /* @__PURE__ */ jsx(
-            ExpandoCombobox,
-            {
-              inputProps,
-              className,
-              "data-field": "value",
-              onChange: handleInputChange,
-              onOpenChange,
-              onSelectionChange: handleMultiValueSelectionChange,
-              ref: forwardedRef,
-              multiselect: true,
-              truncate: true,
-              value,
-              dropdownOnAutofocus,
-              children: typeaheadValues.map((state) => /* @__PURE__ */ jsx(Option, { value: state }, state))
-            }
-          );
-        case "starts": {
-          return /* @__PURE__ */ jsx(
-            ExpandoCombobox,
-            {
-              inputProps,
-              className,
-              "data-field": "value",
-              dropdownOnAutofocus,
-              onChange: handleInputChange,
-              onSelectionChange: handleSingleValueSelectionChange,
-              ref: forwardedRef,
-              value,
-              children: typeaheadValues.map((state) => /* @__PURE__ */ jsx(Option, { value: state, disabled: true }, state))
-            }
-          );
-        }
-        case "ends":
-          return /* @__PURE__ */ jsx(
-            ExpandoInput,
-            {
-              inputProps,
-              className,
-              "data-field": "value",
-              value: valueInputValue,
-              ref: forwardedRef,
-              onChange: handleInputChange
-            }
-          );
-        default: {
-          return typeaheadValues.length > 0 ? /* @__PURE__ */ jsx(
-            ExpandoCombobox,
-            {
-              className,
-              "data-field": "value",
-              dropdownOnAutofocus,
-              inputProps,
-              onChange: handleInputChange,
-              onOpenChange: handleOpenChange,
-              onSelectionChange: handleSingleValueSelectionChange,
-              ref: combinedRef,
-              title: "value",
-              value,
-              children: typeaheadValues.map((state) => /* @__PURE__ */ jsx(Option, { value: state }, state))
-            }
-          ) : null;
-        }
-      }
-    }, [
-      typeaheadValues,
-      operator,
-      inputProps,
-      className,
-      valueInputValue,
-      forwardedRef,
-      handleInputChange,
-      handleInputCommit,
-      onOpenChange,
-      handleMultiValueSelectionChange,
-      value,
-      dropdownOnAutofocus,
-      handleSingleValueSelectionChange,
-      handleOpenChange,
-      combinedRef
-    ]);
-    return getValueInputField();
-  }
-);
-
-export { FilterClauseValueEditorText };
-//# sourceMappingURL=FilterClauseValueEditorText.js.map

package/esm/filter-clause/value-editors/FilterClauseValueEditorText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterClauseValueEditorText.js","sources":["../../../../../packages/vuu-filters/src/filter-clause/value-editors/FilterClauseValueEditorText.tsx"],"sourcesContent":["import { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport type { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport { ExpandoInput, MultiSelectionHandler } from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  dispatchKeyboardEvent,\n  getVuuTable,\n  NO_DATA_MATCH,\n} from \"@vuu-ui/vuu-utils\";\nimport { Option, useForkRef } from \"@salt-ds/core\";\nimport {\n  FormEvent,\n  ForwardedRef,\n  forwardRef,\n  HTMLAttributes,\n  KeyboardEventHandler,\n  SyntheticEvent,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { ExpandoCombobox } from \"../ExpandoCombobox\";\nimport { FilterClauseValueEditor } from \"../filterClauseTypes\";\n\nexport interface FilterClauseTextValueEditorProps\n  extends FilterClauseValueEditor,\n    HTMLAttributes<HTMLDivElement> {\n  \"data-field\"?: string;\n  operator: string;\n  value: string | string[];\n  dropdownOnAutofocus?: boolean;\n}\n\nexport const FilterClauseValueEditorText = forwardRef(\n  function FilterClauseTextValueEditor(\n    {\n      inputProps: inputPropsProp,\n      className,\n      column,\n      onChangeValue,\n      onOpenChange,\n      operator,\n      table,\n      value,\n      dropdownOnAutofocus = true,\n    }: FilterClauseTextValueEditorProps,\n    forwardedRef: ForwardedRef<HTMLDivElement>,\n  ) {\n    const isMultiValue = operator === \"in\";\n\n    const expandoRef = useRef<HTMLDivElement>(null);\n    const combinedRef = useForkRef(forwardedRef, expandoRef);\n\n    // If we have a multiselect text value which we are editing, this will render\n    // a comma delimited list of the selected values. That is not what we display\n    // by default when using a multiselect combo. Its not a huge problem - as soon\n    // as user focuses this component and we display dropdown, input text is cleared\n    // (so user can type to filter list) until dropdown closes again. <ight need to\n    // revisit.\n    const [valueInputValue, setValueInputValue] = useState(\n      value?.toString() ?? \"\",\n    );\n    const [typeaheadValues, setTypeaheadValues] = useState<string[] | false>(\n      [],\n    );\n\n    const getSuggestions = useTypeaheadSuggestions();\n\n    const handleSingleValueSelectionChange = useCallback(\n      (_: SyntheticEvent, [value]: string[]) => onChangeValue(value),\n      [onChangeValue],\n    );\n\n    const handleMultiValueSelectionChange = useCallback<MultiSelectionHandler>(\n      // TODO when will this ever be final ?\n      (_, values) => onChangeValue(values, false),\n      [onChangeValue],\n    );\n\n    const highlightFirstOption = useCallback(() => {\n      if (expandoRef.current) {\n        const input = expandoRef.current?.querySelector<HTMLInputElement>(\n          'input[role=\"combobox\"]',\n        );\n        if (input) {\n          requestAnimationFrame(() => {\n            dispatchKeyboardEvent(input, \"keydown\", \"ArrowDown\");\n          });\n        }\n      }\n    }, []);\n\n    const handleOpenChange = useCallback(\n      (open: boolean, reason?: \"focus\" | \"input\" | \"manual\") => {\n        if (open && reason === \"focus\" && expandoRef.current) {\n          highlightFirstOption();\n        }\n      },\n      [highlightFirstOption],\n    );\n\n    useEffect(() => {\n      if (table) {\n        const vuuTable = getVuuTable(table);\n        const params: TypeaheadParams =\n          valueInputValue && !isMultiValue\n            ? [vuuTable, column.name, valueInputValue]\n            : [vuuTable, column.name];\n        getSuggestions(params)\n          .then((suggestions) => {\n            if (suggestions === false) {\n              setTypeaheadValues(false);\n            } else if (suggestions.length === 0 && valueInputValue) {\n              setTypeaheadValues(NO_DATA_MATCH);\n            } else {\n              setTypeaheadValues(suggestions);\n            }\n          })\n          .catch((err) => {\n            console.error(\"Error getting suggestions\", err);\n          });\n      }\n    }, [table, column, valueInputValue, getSuggestions, isMultiValue]);\n\n    const handleInputChange = useCallback(\n      (evt: FormEvent<HTMLInputElement>) => {\n        const { value } = evt.target as HTMLInputElement;\n        setValueInputValue(value);\n        // we want to set the filterclause status to valid, but not trigger focus change\n        if (\n          operator === \"starts\" ||\n          operator === \"ends\" ||\n          operator === \"contains\"\n        ) {\n          onChangeValue(value, false);\n        }\n      },\n      [onChangeValue, operator],\n    );\n\n    const handleInputCommit = useCallback<CommitHandler>(\n      (_, value = \"\") => {\n        if (typeof value === \"string\") {\n          onChangeValue(value);\n        }\n      },\n      [onChangeValue],\n    );\n\n    const handleKeyDownFreeTextInput = useCallback<\n      KeyboardEventHandler<HTMLInputElement>\n    >(\n      (evt) => {\n        if (\n          (evt.key === \"Enter\" || evt.key === \"Tab\") &&\n          valueInputValue !== \"\"\n        ) {\n          evt.stopPropagation();\n          evt.preventDefault();\n          onChangeValue(valueInputValue);\n        } else {\n          inputPropsProp?.onKeyDown?.(evt);\n        }\n      },\n      [inputPropsProp, onChangeValue, valueInputValue],\n    );\n\n    const inputProps = useMemo(() => {\n      if (operator === \"starts\" || operator === \"ends\") {\n        return {\n          ...inputPropsProp,\n          onKeyDown: handleKeyDownFreeTextInput,\n        };\n      } else {\n        return inputPropsProp;\n      }\n    }, [inputPropsProp, handleKeyDownFreeTextInput, operator]);\n\n    const getValueInputField = useCallback(() => {\n      if (typeaheadValues === false) {\n        // No typeahead service available\n        return (\n          <ExpandoInput\n            inputProps={inputProps}\n            className={className}\n            data-field=\"value\"\n            value={valueInputValue}\n            ref={forwardedRef}\n            onChange={handleInputChange}\n            onCommit={handleInputCommit}\n          />\n        );\n      }\n      switch (operator) {\n        case \"in\":\n          return (\n            <ExpandoCombobox\n              inputProps={inputProps}\n              className={className}\n              data-field=\"value\"\n              onChange={handleInputChange}\n              onOpenChange={onOpenChange}\n              onSelectionChange={handleMultiValueSelectionChange}\n              ref={forwardedRef}\n              multiselect\n              truncate\n              value={value}\n              dropdownOnAutofocus={dropdownOnAutofocus}\n            >\n              {typeaheadValues\n                // .filter((typeaheadValue) =>\n                //   typeaheadValue\n                //     .toLowerCase()\n                //     .includes(value.trim().toLowerCase())\n                // )\n                .map((state) => (\n                  <Option value={state} key={state} />\n                ))}\n            </ExpandoCombobox>\n          );\n        case \"starts\": {\n          return (\n            <ExpandoCombobox\n              inputProps={inputProps}\n              className={className}\n              data-field=\"value\"\n              dropdownOnAutofocus={dropdownOnAutofocus}\n              onChange={handleInputChange}\n              onSelectionChange={handleSingleValueSelectionChange}\n              ref={forwardedRef}\n              value={value}\n            >\n              {typeaheadValues.map((state) => (\n                <Option value={state} key={state} disabled />\n              ))}\n            </ExpandoCombobox>\n          );\n        }\n\n        case \"ends\":\n          return (\n            <ExpandoInput\n              inputProps={inputProps}\n              className={className}\n              data-field=\"value\"\n              value={valueInputValue}\n              ref={forwardedRef}\n              onChange={handleInputChange}\n            />\n          );\n\n        default: {\n          return typeaheadValues.length > 0 ? (\n            <ExpandoCombobox\n              className={className}\n              data-field=\"value\"\n              dropdownOnAutofocus={dropdownOnAutofocus}\n              inputProps={inputProps}\n              onChange={handleInputChange}\n              onOpenChange={handleOpenChange}\n              onSelectionChange={handleSingleValueSelectionChange}\n              ref={combinedRef}\n              title=\"value\"\n              value={value}\n            >\n              {typeaheadValues.map((state) => (\n                <Option value={state} key={state} />\n              ))}\n            </ExpandoCombobox>\n          ) : null;\n        }\n      }\n    }, [\n      typeaheadValues,\n      operator,\n      inputProps,\n      className,\n      valueInputValue,\n      forwardedRef,\n      handleInputChange,\n      handleInputCommit,\n      onOpenChange,\n      handleMultiValueSelectionChange,\n      value,\n      dropdownOnAutofocus,\n      handleSingleValueSelectionChange,\n      handleOpenChange,\n      combinedRef,\n    ]);\n\n    return getValueInputField();\n  },\n);\n"],"names":["value"],"mappings":"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"}

package/esm/filter-clause/value-editors/FilterClauseValueEditorTime.js

@@ -1,60 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useCallback } from 'react';
-import { getLocalTimeZone } from '@internationalized/date';
-import { toCalendarDate } from '@vuu-ui/vuu-utils';
-import { VuuTimePicker } from '@vuu-ui/vuu-ui-controls';
-
-const FilterClauseValueEditorTime = (props) => {
-  const { className, onChangeValue, operator, value } = props;
-  const toEpochMilliS = getEpochMillisConverter(operator);
-  const [date, setDate] = useState(
-    () => getInitialState(value)
-  );
-  const handleCommit = useCallback(
-    (e, selectedDateInputValue) => {
-      console.log("change time");
-      if (selectedDateInputValue) {
-        const dateValue = toCalendarDate(new Date(selectedDateInputValue));
-        setDate(dateValue);
-        if (selectedDateInputValue) {
-          onChangeValue(toEpochMilliS(dateValue));
-        }
-      }
-    },
-    [onChangeValue, toEpochMilliS]
-  );
-  const onBlur = useCallback(() => {
-    date && onChangeValue(toEpochMilliS(date));
-  }, [date, onChangeValue, toEpochMilliS]);
-  return /* @__PURE__ */ jsx(
-    VuuTimePicker,
-    {
-      "data-field": "value",
-      className,
-      onBlur,
-      onCommit: handleCommit
-    }
-  );
-};
-function getInitialState(value) {
-  return value ? toCalendarDate(new Date(value)) : void 0;
-}
-const getEpochMillisConverter = (op) => (date, timezone = getLocalTimeZone()) => {
-  const d = date.toDate(timezone);
-  switch (op) {
-    case ">":
-    case "<=":
-      d.setHours(23, 59, 59, 999);
-      return d.getTime();
-    case ">=":
-    case "<":
-    case "=":
-    // converted to "< `start of next day` and >= `start of this day`" when query is created
-    case "!=":
-      d.setHours(0, 0, 0, 0);
-      return d.getTime();
-  }
-};
-
-export { FilterClauseValueEditorTime };
-//# sourceMappingURL=FilterClauseValueEditorTime.js.map

package/esm/filter-clause/value-editors/FilterClauseValueEditorTime.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterClauseValueEditorTime.js","sources":["../../../../../packages/vuu-filters/src/filter-clause/value-editors/FilterClauseValueEditorTime.tsx"],"sourcesContent":["import { useCallback, useState } from \"react\";\nimport { getLocalTimeZone, DateValue } from \"@internationalized/date\";\nimport { CommitHandler, toCalendarDate } from \"@vuu-ui/vuu-utils\";\nimport { NumericFilterClauseOp } from \"@vuu-ui/vuu-filter-types\";\nimport { FilterClauseValueEditor } from \"../filterClauseTypes\";\nimport { VuuTimePicker } from \"@vuu-ui/vuu-ui-controls\";\n\ninterface FilterClauseValueEditorTimeProps\n  extends Pick<FilterClauseValueEditor, \"onChangeValue\" | \"inputProps\"> {\n  className?: string;\n  value: number | undefined;\n  operator: NumericFilterClauseOp;\n}\n\nexport const FilterClauseValueEditorTime = (\n  props: FilterClauseValueEditorTimeProps,\n) => {\n  const { className, onChangeValue, operator, value } = props;\n  const toEpochMilliS = getEpochMillisConverter(operator);\n\n  const [date, setDate] = useState<DateValue | undefined>(() =>\n    getInitialState(value),\n  );\n\n  const handleCommit = useCallback<CommitHandler<HTMLInputElement, string>>(\n    (e, selectedDateInputValue) => {\n      console.log(\"change time\");\n      if (selectedDateInputValue) {\n        const dateValue = toCalendarDate(new Date(selectedDateInputValue));\n        setDate(dateValue);\n        if (selectedDateInputValue /* && source === \"calendar\"*/) {\n          onChangeValue(toEpochMilliS(dateValue));\n        }\n      }\n    },\n    [onChangeValue, toEpochMilliS],\n  );\n\n  const onBlur = useCallback(() => {\n    date && onChangeValue(toEpochMilliS(date));\n  }, [date, onChangeValue, toEpochMilliS]);\n\n  return (\n    <VuuTimePicker\n      data-field=\"value\"\n      // inputProps={inputProps}\n      className={className}\n      onBlur={onBlur}\n      onCommit={handleCommit}\n      // selectedDate={date}\n    />\n  );\n};\n\nfunction getInitialState(value: FilterClauseValueEditorTimeProps[\"value\"]) {\n  return value ? toCalendarDate(new Date(value)) : undefined;\n}\n\nconst getEpochMillisConverter =\n  (op: NumericFilterClauseOp) =>\n  (date: DateValue, timezone: string = getLocalTimeZone()): number => {\n    const d = date.toDate(timezone);\n    switch (op) {\n      case \">\":\n      case \"<=\":\n        d.setHours(23, 59, 59, 999);\n        return d.getTime();\n      case \">=\":\n      case \"<\":\n      case \"=\": // converted to \"< `start of next day` and >= `start of this day`\" when query is created\n      case \"!=\": // converted to \">= `start of next day` or < `start of this day`\" when query is created\n        d.setHours(0, 0, 0, 0);\n        return d.getTime();\n    }\n  };\n"],"names":[],"mappings":";;;;;;AAca,MAAA,2BAAA,GAA8B,CACzC,KACG,KAAA;AACH,EAAA,MAAM,EAAE,SAAA,EAAW,aAAe,EAAA,QAAA,EAAU,OAAU,GAAA,KAAA;AACtD,EAAM,MAAA,aAAA,GAAgB,wBAAwB,QAAQ,CAAA;AAEtD,EAAM,MAAA,CAAC,IAAM,EAAA,OAAO,CAAI,GAAA,QAAA;AAAA,IAAgC,MACtD,gBAAgB,KAAK;AAAA,GACvB;AAEA,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,GAAG,sBAA2B,KAAA;AAC7B,MAAA,OAAA,CAAQ,IAAI,aAAa,CAAA;AACzB,MAAA,IAAI,sBAAwB,EAAA;AAC1B,QAAA,MAAM,SAAY,GAAA,cAAA,CAAe,IAAI,IAAA,CAAK,sBAAsB,CAAC,CAAA;AACjE,QAAA,OAAA,CAAQ,SAAS,CAAA;AACjB,QAAA,IAAI,sBAAsD,EAAA;AACxD,UAAc,aAAA,CAAA,aAAA,CAAc,SAAS,CAAC,CAAA;AAAA;AACxC;AACF,KACF;AAAA,IACA,CAAC,eAAe,aAAa;AAAA,GAC/B;AAEA,EAAM,MAAA,MAAA,GAAS,YAAY,MAAM;AAC/B,IAAQ,IAAA,IAAA,aAAA,CAAc,aAAc,CAAA,IAAI,CAAC,CAAA;AAAA,GACxC,EAAA,CAAC,IAAM,EAAA,aAAA,EAAe,aAAa,CAAC,CAAA;AAEvC,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,YAAW,EAAA,OAAA;AAAA,MAEX,SAAA;AAAA,MACA,MAAA;AAAA,MACA,QAAU,EAAA;AAAA;AAAA,GAEZ;AAEJ;AAEA,SAAS,gBAAgB,KAAkD,EAAA;AACzE,EAAA,OAAO,QAAQ,cAAe,CAAA,IAAI,IAAK,CAAA,KAAK,CAAC,CAAI,GAAA,KAAA,CAAA;AACnD;AAEA,MAAM,0BACJ,CAAC,EAAA,KACD,CAAC,IAAiB,EAAA,QAAA,GAAmB,kBAA+B,KAAA;AAClE,EAAM,MAAA,CAAA,GAAI,IAAK,CAAA,MAAA,CAAO,QAAQ,CAAA;AAC9B,EAAA,QAAQ,EAAI;AAAA,IACV,KAAK,GAAA;AAAA,IACL,KAAK,IAAA;AACH,MAAA,CAAA,CAAE,QAAS,CAAA,EAAA,EAAI,EAAI,EAAA,EAAA,EAAI,GAAG,CAAA;AAC1B,MAAA,OAAO,EAAE,OAAQ,EAAA;AAAA,IACnB,KAAK,IAAA;AAAA,IACL,KAAK,GAAA;AAAA,IACL,KAAK,GAAA;AAAA;AAAA,IACL,KAAK,IAAA;AACH,MAAA,CAAA,CAAE,QAAS,CAAA,CAAA,EAAG,CAAG,EAAA,CAAA,EAAG,CAAC,CAAA;AACrB,MAAA,OAAO,EAAE,OAAQ,EAAA;AAAA;AAEvB,CAAA;;;;"}

package/esm/filter-container/ExtendedSingleValueFilterClause.js

@@ -1,60 +0,0 @@
-import { isValidTimeString, Time } from '@vuu-ui/vuu-utils';
-
-var __defProp = Object.defineProperty;
-var __typeError = (msg) => {
-  throw TypeError(msg);
-};
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
-var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
-var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
-var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
-var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var _options;
-const isTimeToday = (options) => options.type === "TimeString" && options.date === "today";
-class ExtendedSingleValueFilterClause {
-  constructor(column, op, value, extendedOptions) {
-    this.column = column;
-    this.op = op;
-    this.value = value;
-    __privateAdd(this, _options);
-    __publicField(this, "name");
-    __privateSet(this, _options, extendedOptions);
-  }
-  asQuery() {
-    const { column, op, value } = this;
-    if (isTimeToday(__privateGet(this, _options))) {
-      if (isValidTimeString(value)) {
-        const timeValue = +Time(value).asDate();
-        if (op === ">=") {
-          return `${column} > ${timeValue - 1}`;
-        } else if (op === "<=") {
-          return `${column} < ${timeValue + 1}`;
-        } else {
-          return `${column} ${op} ${timeValue}`;
-        }
-      } else {
-        throw Error(
-          `[ExtendedSingleValueFilterClause] invalid TimeStrong ${value}`
-        );
-      }
-    } else {
-      throw Error(
-        "[ExtendedSingleValueFilterClause] unhandled extended filter type"
-      );
-    }
-  }
-  toJSON() {
-    const { column, op, value } = this;
-    return {
-      column,
-      op,
-      value,
-      extendedOptions: __privateGet(this, _options)
-    };
-  }
-}
-_options = new WeakMap();
-
-export { ExtendedSingleValueFilterClause, isTimeToday };
-//# sourceMappingURL=ExtendedSingleValueFilterClause.js.map

package/esm/filter-container/ExtendedSingleValueFilterClause.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ExtendedSingleValueFilterClause.js","sources":["../../../../packages/vuu-filters/src/filter-container/ExtendedSingleValueFilterClause.ts"],"sourcesContent":["import type {\n  ExtendedFilterOptions,\n  SerializableSingleValueFilterClause,\n  SingleValueFilterClauseOp,\n  TimeTodayFilterOptions,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { VuuRowDataItemType } from \"@vuu-ui/vuu-protocol-types\";\nimport { isValidTimeString, Time } from \"@vuu-ui/vuu-utils\";\n\nexport const isTimeToday = (\n  options: ExtendedFilterOptions,\n): options is TimeTodayFilterOptions =>\n  options.type === \"TimeString\" && options.date === \"today\";\n\nexport interface SerializableFilter {\n  asQuery: () => string;\n}\n\nexport class ExtendedSingleValueFilterClause\n  implements SerializableSingleValueFilterClause\n{\n  #options: ExtendedFilterOptions;\n\n  constructor(\n    public column: string,\n    public op: SingleValueFilterClauseOp,\n    public value: VuuRowDataItemType,\n    extendedOptions: ExtendedFilterOptions,\n  ) {\n    this.#options = extendedOptions;\n  }\n  name?: string | undefined;\n\n  asQuery() {\n    const { column, op, value } = this;\n    if (isTimeToday(this.#options)) {\n      if (isValidTimeString(value)) {\n        const timeValue = +Time(value).asDate();\n        if (op === \">=\") {\n          return `${column} > ${timeValue - 1}`;\n        } else if (op === \"<=\") {\n          return `${column} < ${timeValue + 1}`;\n        } else {\n          return `${column} ${op} ${timeValue}`;\n        }\n      } else {\n        throw Error(\n          `[ExtendedSingleValueFilterClause] invalid TimeStrong ${value}`,\n        );\n      }\n    } else {\n      throw Error(\n        \"[ExtendedSingleValueFilterClause] unhandled extended filter type\",\n      );\n    }\n  }\n\n  toJSON() {\n    const { column, op, value } = this;\n    return {\n      column,\n      op,\n      value,\n      extendedOptions: this.#options,\n    };\n  }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;AAAA,IAAA,QAAA;AASO,MAAM,cAAc,CACzB,OAAA,KAEA,QAAQ,IAAS,KAAA,YAAA,IAAgB,QAAQ,IAAS,KAAA;AAM7C,MAAM,+BAEb,CAAA;AAAA,EAGE,WACS,CAAA,MAAA,EACA,EACA,EAAA,KAAA,EACP,eACA,EAAA;AAJO,IAAA,IAAA,CAAA,MAAA,GAAA,MAAA;AACA,IAAA,IAAA,CAAA,EAAA,GAAA,EAAA;AACA,IAAA,IAAA,CAAA,KAAA,GAAA,KAAA;AALT,IAAA,YAAA,CAAA,IAAA,EAAA,QAAA,CAAA;AAUA,IAAA,aAAA,CAAA,IAAA,EAAA,MAAA,CAAA;AAFE,IAAA,YAAA,CAAA,IAAA,EAAK,QAAW,EAAA,eAAA,CAAA;AAAA;AAClB,EAGA,OAAU,GAAA;AACR,IAAA,MAAM,EAAE,MAAA,EAAQ,EAAI,EAAA,KAAA,EAAU,GAAA,IAAA;AAC9B,IAAI,IAAA,WAAA,CAAY,YAAK,CAAA,IAAA,EAAA,QAAA,CAAQ,CAAG,EAAA;AAC9B,MAAI,IAAA,iBAAA,CAAkB,KAAK,CAAG,EAAA;AAC5B,QAAA,MAAM,SAAY,GAAA,CAAC,IAAK,CAAA,KAAK,EAAE,MAAO,EAAA;AACtC,QAAA,IAAI,OAAO,IAAM,EAAA;AACf,UAAA,OAAO,CAAG,EAAA,MAAM,CAAM,GAAA,EAAA,SAAA,GAAY,CAAC,CAAA,CAAA;AAAA,SACrC,MAAA,IAAW,OAAO,IAAM,EAAA;AACtB,UAAA,OAAO,CAAG,EAAA,MAAM,CAAM,GAAA,EAAA,SAAA,GAAY,CAAC,CAAA,CAAA;AAAA,SAC9B,MAAA;AACL,UAAA,OAAO,CAAG,EAAA,MAAM,CAAI,CAAA,EAAA,EAAE,IAAI,SAAS,CAAA,CAAA;AAAA;AACrC,OACK,MAAA;AACL,QAAM,MAAA,KAAA;AAAA,UACJ,wDAAwD,KAAK,CAAA;AAAA,SAC/D;AAAA;AACF,KACK,MAAA;AACL,MAAM,MAAA,KAAA;AAAA,QACJ;AAAA,OACF;AAAA;AACF;AACF,EAEA,MAAS,GAAA;AACP,IAAA,MAAM,EAAE,MAAA,EAAQ,EAAI,EAAA,KAAA,EAAU,GAAA,IAAA;AAC9B,IAAO,OAAA;AAAA,MACL,MAAA;AAAA,MACA,EAAA;AAAA,MACA,KAAA;AAAA,MACA,iBAAiB,YAAK,CAAA,IAAA,EAAA,QAAA;AAAA,KACxB;AAAA;AAEJ;AA7CE,QAAA,GAAA,IAAA,OAAA,EAAA;;;;"}

package/esm/filter-container/FilterContainer.css.js

@@ -1,4 +0,0 @@
-var filterContainerCss = ".vuuFilterContainer {\n    display: var(--vuuFilterContainer-display,flex);\n    flex: var(--vuuFilterContainer-flex);\n    flex-direction: var(--vuuFilterContainer-flexDirection,column);\n    gap: var(--salt-spacing-100);\n    height: var(--vuuFilterContainer-height);\n    overflow: auto;\n}";
-
-export { filterContainerCss as default };
-//# sourceMappingURL=FilterContainer.css.js.map

package/esm/filter-container/FilterContainer.css.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterContainer.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/esm/filter-container/FilterContainer.js

@@ -1,142 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import cx from 'clsx';
-import { useMemo, useState, useRef, useCallback } from 'react';
-import { useFilterContext, useFilterContainer, ColumnFilterContext } from './useFilterContainer.js';
-import { ColumnFilter } from '../column-filter/ColumnFilter.js';
-import { useSavedFilters, isNullFilter, filterDescriptorHasFilter } from '../filter-provider/FilterContext.js';
-import { filtersAreEqual, getColumnValueFromFilter, isBetweenOperator } from '@vuu-ui/vuu-utils';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import filterContainerCss from './FilterContainer.css.js';
-
-const classBase = "vuuFilterContainer";
-const notEmpty = (value) => Array.isArray(value) ? value[0] !== "" && value[1] !== "" : value !== "";
-const FilterContainerColumnFilter = ({
-  column,
-  operator = "=",
-  variant,
-  ...props
-}) => {
-  const {
-    filterProviderKey,
-    onChange: onFilterContextChange,
-    onCommit: onFilterContextCommit,
-    register
-  } = useFilterContext(column, true);
-  const initialValue = useMemo(
-    () => register(column, operator),
-    [column, operator, register]
-  );
-  const [value, setValue] = useState(initialValue);
-  const valueRef = useRef(initialValue);
-  const { currentFilter } = useSavedFilters(filterProviderKey);
-  const currentFilterRef = useRef(currentFilter);
-  useMemo(() => {
-    if (currentFilterRef.current.id !== currentFilter.id || !filtersAreEqual(currentFilterRef.current.filter, currentFilter.filter)) {
-      currentFilterRef.current = currentFilter;
-      if (isNullFilter(currentFilter) && notEmpty(valueRef.current)) {
-        if (Array.isArray(valueRef.current)) {
-          if (column.type === "time") {
-            valueRef.current = ["00:00:00", "23:59:59"];
-          } else {
-            valueRef.current = ["", ""];
-          }
-        } else {
-          valueRef.current = "";
-        }
-        setValue(valueRef.current);
-      } else if (filterDescriptorHasFilter(currentFilter)) {
-        const v = getColumnValueFromFilter(
-          column,
-          operator,
-          currentFilter.filter
-        );
-        if (isBetweenOperator(operator) && !Array.isArray(v) && Array.isArray(valueRef.current)) {
-          const [v1, v2] = valueRef.current;
-          if (`${v}` === v1 && v2 === "") {
-            return;
-          } else {
-            valueRef.current = [`${v}`, ""];
-            setValue(valueRef.current);
-          }
-        } else if (v !== valueRef.current) {
-          valueRef.current = v;
-          setValue(v);
-        }
-      }
-    }
-  }, [column, currentFilter]);
-  const handleCommit = useCallback(
-    (column2, op, value2, extendedFilterOptions) => {
-      valueRef.current = value2;
-      setValue(value2);
-      onFilterContextCommit(column2, op, value2, extendedFilterOptions);
-    },
-    [onFilterContextCommit]
-  );
-  const handleColumnFilterChange = useCallback(
-    (value2, column2, op) => {
-      const { current: v } = valueRef;
-      valueRef.current = Array.isArray(v) ? [`${value2}`, v[1]] : value2;
-      setValue(valueRef.current);
-      onFilterContextChange(valueRef.current, column2, op);
-    },
-    [onFilterContextChange]
-  );
-  const handleColumnRangeFilterChange = useCallback(
-    (value2, column2, op) => {
-      const { current: v } = valueRef;
-      valueRef.current = Array.isArray(v) ? [v[0], `${value2}`] : value2;
-      setValue(valueRef.current);
-      onFilterContextChange(valueRef.current, column2, op);
-    },
-    [onFilterContextChange]
-  );
-  return /* @__PURE__ */ jsx(
-    ColumnFilter,
-    {
-      ...props,
-      column,
-      onColumnFilterChange: handleColumnFilterChange,
-      onColumnRangeFilterChange: handleColumnRangeFilterChange,
-      onCommit: handleCommit,
-      operator,
-      value,
-      variant
-    }
-  );
-};
-const FilterContainer = ({
-  children,
-  className,
-  filter,
-  filterProviderKey,
-  onFilterApplied,
-  onFilterCleared,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-container",
-    css: filterContainerCss,
-    window: targetWindow
-  });
-  console.log(`[FilterContainer] current filter ${JSON.stringify(filter)}`);
-  const filterContextProps = useFilterContainer({
-    filter,
-    filterProviderKey,
-    onFilterApplied,
-    onFilterCleared
-  });
-  return /* @__PURE__ */ jsx(ColumnFilterContext.Provider, { value: filterContextProps, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className, "vuuScrollable"),
-      children
-    }
-  ) });
-};
-
-export { FilterContainer, FilterContainerColumnFilter };
-//# sourceMappingURL=FilterContainer.js.map

package/esm/filter-container/FilterContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterContainer.js","sources":["../../../../packages/vuu-filters/src/filter-container/FilterContainer.tsx"],"sourcesContent":["import cx from \"clsx\";\nimport {\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n  type HTMLAttributes,\n  type ReactNode,\n} from \"react\";\nimport {\n  ColumnFilterContext,\n  useFilterContainer,\n  useFilterContext,\n  type ColumnFilterContainerHookProps,\n} from \"./useFilterContainer\";\nimport {\n  ColumnFilterChangeHandler,\n  ColumnFilterCommitHandler,\n  ColumnFilterValue,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnFilter, ColumnFilterProps } from \"../column-filter/ColumnFilter\";\nimport {\n  filterDescriptorHasFilter,\n  isNullFilter,\n  useSavedFilters,\n} from \"../filter-provider/FilterContext\";\nimport {\n  filtersAreEqual,\n  getColumnValueFromFilter,\n  isBetweenOperator,\n} from \"@vuu-ui/vuu-utils\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport filterContainerCss from \"./FilterContainer.css\";\n\nconst classBase = \"vuuFilterContainer\";\n\nconst notEmpty = (value: ColumnFilterValue) =>\n  Array.isArray(value) ? value[0] !== \"\" && value[1] !== \"\" : value !== \"\";\n\nexport interface FilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    ColumnFilterContainerHookProps {\n  children: ReactNode;\n  filterProviderKey?: string;\n}\n\nexport interface FilterContainerColumnFilterProps\n  extends Omit<ColumnFilterProps, \"defaultValue\" | \"onCommit\" | \"value\"> {\n  defaultValue?: ColumnFilterValue;\n}\n\nexport const FilterContainerColumnFilter = ({\n  column,\n  operator = \"=\",\n  variant,\n  ...props\n}: FilterContainerColumnFilterProps) => {\n  const {\n    filterProviderKey,\n    onChange: onFilterContextChange,\n    onCommit: onFilterContextCommit,\n    register,\n  } = useFilterContext(column, true);\n\n  const initialValue = useMemo(\n    () => register(column, operator),\n    [column, operator, register],\n  );\n\n  const [value, setValue] = useState(initialValue);\n  const valueRef = useRef<ColumnFilterValue>(initialValue);\n  const { currentFilter } = useSavedFilters(filterProviderKey);\n\n  // This is primarily to guard against client passing non-stable 'column' reference\n  // which would trigger the commit check below.\n  const currentFilterRef = useRef(currentFilter);\n\n  useMemo(() => {\n    if (\n      currentFilterRef.current.id !== currentFilter.id ||\n      !filtersAreEqual(currentFilterRef.current.filter, currentFilter.filter)\n    ) {\n      currentFilterRef.current = currentFilter;\n\n      if (isNullFilter(currentFilter) && notEmpty(valueRef.current)) {\n        if (Array.isArray(valueRef.current)) {\n          if (column.type === \"time\") {\n            valueRef.current = [\"00:00:00\", \"23:59:59\"];\n          } else {\n            valueRef.current = [\"\", \"\"];\n          }\n        } else {\n          valueRef.current = \"\";\n        }\n        setValue(valueRef.current);\n      } else if (filterDescriptorHasFilter(currentFilter)) {\n        const v = getColumnValueFromFilter(\n          column,\n          operator,\n          currentFilter.filter,\n        );\n        if (\n          isBetweenOperator(operator) &&\n          !Array.isArray(v) &&\n          Array.isArray(valueRef.current)\n        ) {\n          // A between filter with only the first item filled is converted to an '=' filter\n          // in FilterAggregator. Translate value back to range value here\n          const [v1, v2] = valueRef.current;\n          if (`${v}` === v1 && v2 === \"\") {\n            return;\n          } else {\n            valueRef.current = [`${v}`, \"\"];\n            setValue(valueRef.current);\n          }\n        } else if (v !== valueRef.current) {\n          valueRef.current = v;\n          setValue(v);\n        }\n      }\n    }\n    // We only want this to run when the filter id changes, not when\n    // filter instance changes.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [column, currentFilter]);\n\n  const handleCommit = useCallback<ColumnFilterCommitHandler>(\n    (column, op, value, extendedFilterOptions) => {\n      valueRef.current = value;\n      setValue(value);\n      onFilterContextCommit(column, op, value, extendedFilterOptions);\n    },\n    [onFilterContextCommit],\n  );\n\n  const handleColumnFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [`${value}`, v[1]] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  const handleColumnRangeFilterChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column, op) => {\n      const { current: v } = valueRef;\n      valueRef.current = Array.isArray(v) ? [v[0], `${value}`] : value;\n      setValue(valueRef.current);\n      onFilterContextChange(valueRef.current, column, op);\n    },\n    [onFilterContextChange],\n  );\n\n  return (\n    <ColumnFilter\n      {...props}\n      column={column}\n      onColumnFilterChange={handleColumnFilterChange}\n      onColumnRangeFilterChange={handleColumnRangeFilterChange}\n      onCommit={handleCommit}\n      operator={operator}\n      value={value}\n      variant={variant}\n    />\n  );\n};\n\n/**\n * FilterContainer is a generic UI container for a collection of Filter\n * controls. Each control manages a single filter clause and the Filter\n * Container aggregates these clauses into a single filter. FilterContainer\n * provides a FilterContainerFilter which can be used to provide children.\n * This is a wrapper around ColumnFilter, which adds some plumbing to allow\n * the container to track changes and manage each individual contribution to\n * the top-level filter.\n * See FilterPanel and InlineFilter for examples of FilterContainer usage.\n */\nexport const FilterContainer = ({\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n  ...htmlAttributes\n}: FilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-container\",\n    css: filterContainerCss,\n    window: targetWindow,\n  });\n\n  console.log(`[FilterContainer] current filter ${JSON.stringify(filter)}`);\n\n  const filterContextProps = useFilterContainer({\n    filter,\n    filterProviderKey,\n    onFilterApplied,\n    onFilterCleared,\n  });\n  return (\n    <ColumnFilterContext.Provider value={filterContextProps}>\n      <div\n        {...htmlAttributes}\n        className={cx(classBase, className, \"vuuScrollable\")}\n      >\n        {children}\n      </div>\n    </ColumnFilterContext.Provider>\n  );\n};\n"],"names":["column","value"],"mappings":";;;;;;;;;;;AAoCA,MAAM,SAAY,GAAA,oBAAA;AAElB,MAAM,QAAW,GAAA,CAAC,KAChB,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA,GAAI,KAAM,CAAA,CAAC,MAAM,EAAM,IAAA,KAAA,CAAM,CAAC,CAAA,KAAM,KAAK,KAAU,KAAA,EAAA;AAcjE,MAAM,8BAA8B,CAAC;AAAA,EAC1C,MAAA;AAAA,EACA,QAAW,GAAA,GAAA;AAAA,EACX,OAAA;AAAA,EACA,GAAG;AACL,CAAwC,KAAA;AACtC,EAAM,MAAA;AAAA,IACJ,iBAAA;AAAA,IACA,QAAU,EAAA,qBAAA;AAAA,IACV,QAAU,EAAA,qBAAA;AAAA,IACV;AAAA,GACF,GAAI,gBAAiB,CAAA,MAAA,EAAQ,IAAI,CAAA;AAEjC,EAAA,MAAM,YAAe,GAAA,OAAA;AAAA,IACnB,MAAM,QAAS,CAAA,MAAA,EAAQ,QAAQ,CAAA;AAAA,IAC/B,CAAC,MAAQ,EAAA,QAAA,EAAU,QAAQ;AAAA,GAC7B;AAEA,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,YAAY,CAAA;AAC/C,EAAM,MAAA,QAAA,GAAW,OAA0B,YAAY,CAAA;AACvD,EAAA,MAAM,EAAE,aAAA,EAAkB,GAAA,eAAA,CAAgB,iBAAiB,CAAA;AAI3D,EAAM,MAAA,gBAAA,GAAmB,OAAO,aAAa,CAAA;AAE7C,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,IACE,gBAAiB,CAAA,OAAA,CAAQ,EAAO,KAAA,aAAA,CAAc,EAC9C,IAAA,CAAC,eAAgB,CAAA,gBAAA,CAAiB,OAAQ,CAAA,MAAA,EAAQ,aAAc,CAAA,MAAM,CACtE,EAAA;AACA,MAAA,gBAAA,CAAiB,OAAU,GAAA,aAAA;AAE3B,MAAA,IAAI,aAAa,aAAa,CAAA,IAAK,QAAS,CAAA,QAAA,CAAS,OAAO,CAAG,EAAA;AAC7D,QAAA,IAAI,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,OAAO,CAAG,EAAA;AACnC,UAAI,IAAA,MAAA,CAAO,SAAS,MAAQ,EAAA;AAC1B,YAAS,QAAA,CAAA,OAAA,GAAU,CAAC,UAAA,EAAY,UAAU,CAAA;AAAA,WACrC,MAAA;AACL,YAAS,QAAA,CAAA,OAAA,GAAU,CAAC,EAAA,EAAI,EAAE,CAAA;AAAA;AAC5B,SACK,MAAA;AACL,UAAA,QAAA,CAAS,OAAU,GAAA,EAAA;AAAA;AAErB,QAAA,QAAA,CAAS,SAAS,OAAO,CAAA;AAAA,OAC3B,MAAA,IAAW,yBAA0B,CAAA,aAAa,CAAG,EAAA;AACnD,QAAA,MAAM,CAAI,GAAA,wBAAA;AAAA,UACR,MAAA;AAAA,UACA,QAAA;AAAA,UACA,aAAc,CAAA;AAAA,SAChB;AACA,QAAA,IACE,iBAAkB,CAAA,QAAQ,CAC1B,IAAA,CAAC,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA,IAChB,KAAM,CAAA,OAAA,CAAQ,QAAS,CAAA,OAAO,CAC9B,EAAA;AAGA,UAAA,MAAM,CAAC,EAAA,EAAI,EAAE,CAAA,GAAI,QAAS,CAAA,OAAA;AAC1B,UAAA,IAAI,CAAG,EAAA,CAAC,CAAO,CAAA,KAAA,EAAA,IAAM,OAAO,EAAI,EAAA;AAC9B,YAAA;AAAA,WACK,MAAA;AACL,YAAA,QAAA,CAAS,OAAU,GAAA,CAAC,CAAG,EAAA,CAAC,IAAI,EAAE,CAAA;AAC9B,YAAA,QAAA,CAAS,SAAS,OAAO,CAAA;AAAA;AAC3B,SACF,MAAA,IAAW,CAAM,KAAA,QAAA,CAAS,OAAS,EAAA;AACjC,UAAA,QAAA,CAAS,OAAU,GAAA,CAAA;AACnB,UAAA,QAAA,CAAS,CAAC,CAAA;AAAA;AACZ;AACF;AACF,GAIC,EAAA,CAAC,MAAQ,EAAA,aAAa,CAAC,CAAA;AAE1B,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAACA,OAAAA,EAAQ,EAAIC,EAAAA,MAAAA,EAAO,qBAA0B,KAAA;AAC5C,MAAA,QAAA,CAAS,OAAUA,GAAAA,MAAAA;AACnB,MAAA,QAAA,CAASA,MAAK,CAAA;AACd,MAAsBD,qBAAAA,CAAAA,OAAAA,EAAQ,EAAIC,EAAAA,MAAAA,EAAO,qBAAqB,CAAA;AAAA,KAChE;AAAA,IACA,CAAC,qBAAqB;AAAA,GACxB;AAEA,EAAA,MAAM,wBAA2B,GAAA,WAAA;AAAA,IAC/B,CAACA,MAAOD,EAAAA,OAAAA,EAAQ,EAAO,KAAA;AACrB,MAAM,MAAA,EAAE,OAAS,EAAA,CAAA,EAAM,GAAA,QAAA;AACvB,MAAA,QAAA,CAAS,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAI,GAAA,CAAC,CAAGC,EAAAA,MAAK,CAAI,CAAA,EAAA,CAAA,CAAE,CAAC,CAAC,CAAIA,GAAAA,MAAAA;AAC3D,MAAA,QAAA,CAAS,SAAS,OAAO,CAAA;AACzB,MAAsB,qBAAA,CAAA,QAAA,CAAS,OAASD,EAAAA,OAAAA,EAAQ,EAAE,CAAA;AAAA,KACpD;AAAA,IACA,CAAC,qBAAqB;AAAA,GACxB;AAEA,EAAA,MAAM,6BAAgC,GAAA,WAAA;AAAA,IACpC,CAACC,MAAOD,EAAAA,OAAAA,EAAQ,EAAO,KAAA;AACrB,MAAM,MAAA,EAAE,OAAS,EAAA,CAAA,EAAM,GAAA,QAAA;AACvB,MAAA,QAAA,CAAS,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,CAAC,CAAI,GAAA,CAAC,CAAE,CAAA,CAAC,CAAG,EAAA,CAAA,EAAGC,MAAK,CAAA,CAAE,CAAIA,GAAAA,MAAAA;AAC3D,MAAA,QAAA,CAAS,SAAS,OAAO,CAAA;AACzB,MAAsB,qBAAA,CAAA,QAAA,CAAS,OAASD,EAAAA,OAAAA,EAAQ,EAAE,CAAA;AAAA,KACpD;AAAA,IACA,CAAC,qBAAqB;AAAA,GACxB;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,MAAA;AAAA,MACA,oBAAsB,EAAA,wBAAA;AAAA,MACtB,yBAA2B,EAAA,6BAAA;AAAA,MAC3B,QAAU,EAAA,YAAA;AAAA,MACV,QAAA;AAAA,MACA,KAAA;AAAA,MACA;AAAA;AAAA,GACF;AAEJ;AAYO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA,eAAA;AAAA,EACA,GAAG;AACL,CAA4B,KAAA;AAC1B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,sBAAA;AAAA,IACR,GAAK,EAAA,kBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,OAAA,CAAQ,IAAI,CAAoC,iCAAA,EAAA,IAAA,CAAK,SAAU,CAAA,MAAM,CAAC,CAAE,CAAA,CAAA;AAExE,EAAA,MAAM,qBAAqB,kBAAmB,CAAA;AAAA,IAC5C,MAAA;AAAA,IACA,iBAAA;AAAA,IACA,eAAA;AAAA,IACA;AAAA,GACD,CAAA;AACD,EAAA,uBACG,GAAA,CAAA,mBAAA,CAAoB,QAApB,EAAA,EAA6B,OAAO,kBACnC,EAAA,QAAA,kBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAA,EAAW,eAAe,CAAA;AAAA,MAElD;AAAA;AAAA,GAEL,EAAA,CAAA;AAEJ;;;;"}