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

package/cjs/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":["forwardRef","useRef","useForkRef","useState","useTypeaheadSuggestions","useCallback","value","dispatchKeyboardEvent","useEffect","getVuuTable","NO_DATA_MATCH","useMemo","jsx","ExpandoInput","ExpandoCombobox","Option"],"mappings":"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"}

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

@@ -1,62 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var date = require('@internationalized/date');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var vuuUiControls = require('@vuu-ui/vuu-ui-controls');
-
-const FilterClauseValueEditorTime = (props) => {
-  const { className, onChangeValue, operator, value } = props;
-  const toEpochMilliS = getEpochMillisConverter(operator);
-  const [date, setDate] = react.useState(
-    () => getInitialState(value)
-  );
-  const handleCommit = react.useCallback(
-    (e, selectedDateInputValue) => {
-      console.log("change time");
-      if (selectedDateInputValue) {
-        const dateValue = vuuUtils.toCalendarDate(new Date(selectedDateInputValue));
-        setDate(dateValue);
-        if (selectedDateInputValue) {
-          onChangeValue(toEpochMilliS(dateValue));
-        }
-      }
-    },
-    [onChangeValue, toEpochMilliS]
-  );
-  const onBlur = react.useCallback(() => {
-    date && onChangeValue(toEpochMilliS(date));
-  }, [date, onChangeValue, toEpochMilliS]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    vuuUiControls.VuuTimePicker,
-    {
-      "data-field": "value",
-      className,
-      onBlur,
-      onCommit: handleCommit
-    }
-  );
-};
-function getInitialState(value) {
-  return value ? vuuUtils.toCalendarDate(new Date(value)) : void 0;
-}
-const getEpochMillisConverter = (op) => (date$1, timezone = date.getLocalTimeZone()) => {
-  const d = date$1.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();
-  }
-};
-
-exports.FilterClauseValueEditorTime = FilterClauseValueEditorTime;
-//# sourceMappingURL=FilterClauseValueEditorTime.js.map

package/cjs/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":["useState","useCallback","toCalendarDate","jsx","VuuTimePicker","date","getLocalTimeZone"],"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,GAAAA,cAAA;AAAA,IAAgC,MACtD,gBAAgB,KAAK;AAAA,GACvB;AAEA,EAAA,MAAM,YAAe,GAAAC,iBAAA;AAAA,IACnB,CAAC,GAAG,sBAA2B,KAAA;AAC7B,MAAA,OAAA,CAAQ,IAAI,aAAa,CAAA;AACzB,MAAA,IAAI,sBAAwB,EAAA;AAC1B,QAAA,MAAM,SAAY,GAAAC,uBAAA,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,GAASD,kBAAY,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,uBAAAE,cAAA;AAAA,IAACC,2BAAA;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,QAAQF,uBAAe,CAAA,IAAI,IAAK,CAAA,KAAK,CAAC,CAAI,GAAA,KAAA,CAAA;AACnD;AAEA,MAAM,0BACJ,CAAC,EAAA,KACD,CAACG,MAAiB,EAAA,QAAA,GAAmBC,uBAA+B,KAAA;AAClE,EAAM,MAAA,CAAA,GAAID,MAAK,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/cjs/filter-container/ExtendedSingleValueFilterClause.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@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 (vuuUtils.isValidTimeString(value)) {
-        const timeValue = +vuuUtils.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();
-
-exports.ExtendedSingleValueFilterClause = ExtendedSingleValueFilterClause;
-exports.isTimeToday = isTimeToday;
-//# sourceMappingURL=ExtendedSingleValueFilterClause.js.map

package/cjs/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":["isValidTimeString","Time"],"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,IAAAA,0BAAA,CAAkB,KAAK,CAAG,EAAA;AAC5B,QAAA,MAAM,SAAY,GAAA,CAACC,aAAK,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/cjs/filter-container/FilterContainer.css.js

@@ -1,6 +0,0 @@
-'use strict';
-
-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}";
-
-module.exports = filterContainerCss;
-//# sourceMappingURL=FilterContainer.css.js.map

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

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

package/cjs/filter-container/FilterContainer.js

@@ -1,145 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var cx = require('clsx');
-var react = require('react');
-var useFilterContainer = require('./useFilterContainer.js');
-var ColumnFilter = require('../column-filter/ColumnFilter.js');
-var FilterContext = require('../filter-provider/FilterContext.js');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var FilterContainer$1 = require('./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
-  } = useFilterContainer.useFilterContext(column, true);
-  const initialValue = react.useMemo(
-    () => register(column, operator),
-    [column, operator, register]
-  );
-  const [value, setValue] = react.useState(initialValue);
-  const valueRef = react.useRef(initialValue);
-  const { currentFilter } = FilterContext.useSavedFilters(filterProviderKey);
-  const currentFilterRef = react.useRef(currentFilter);
-  react.useMemo(() => {
-    if (currentFilterRef.current.id !== currentFilter.id || !vuuUtils.filtersAreEqual(currentFilterRef.current.filter, currentFilter.filter)) {
-      currentFilterRef.current = currentFilter;
-      if (FilterContext.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 (FilterContext.filterDescriptorHasFilter(currentFilter)) {
-        const v = vuuUtils.getColumnValueFromFilter(
-          column,
-          operator,
-          currentFilter.filter
-        );
-        if (vuuUtils.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 = react.useCallback(
-    (column2, op, value2, extendedFilterOptions) => {
-      valueRef.current = value2;
-      setValue(value2);
-      onFilterContextCommit(column2, op, value2, extendedFilterOptions);
-    },
-    [onFilterContextCommit]
-  );
-  const handleColumnFilterChange = react.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 = react.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__ */ jsxRuntime.jsx(
-    ColumnFilter.ColumnFilter,
-    {
-      ...props,
-      column,
-      onColumnFilterChange: handleColumnFilterChange,
-      onColumnRangeFilterChange: handleColumnRangeFilterChange,
-      onCommit: handleCommit,
-      operator,
-      value,
-      variant
-    }
-  );
-};
-const FilterContainer = ({
-  children,
-  className,
-  filter,
-  filterProviderKey,
-  onFilterApplied,
-  onFilterCleared,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-filter-container",
-    css: FilterContainer$1,
-    window: targetWindow
-  });
-  console.log(`[FilterContainer] current filter ${JSON.stringify(filter)}`);
-  const filterContextProps = useFilterContainer.useFilterContainer({
-    filter,
-    filterProviderKey,
-    onFilterApplied,
-    onFilterCleared
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(useFilterContainer.ColumnFilterContext.Provider, { value: filterContextProps, children: /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className, "vuuScrollable"),
-      children
-    }
-  ) });
-};
-
-exports.FilterContainer = FilterContainer;
-exports.FilterContainerColumnFilter = FilterContainerColumnFilter;
-//# sourceMappingURL=FilterContainer.js.map

package/cjs/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":["useFilterContext","useMemo","useState","useRef","useSavedFilters","filtersAreEqual","isNullFilter","filterDescriptorHasFilter","getColumnValueFromFilter","isBetweenOperator","useCallback","column","value","jsx","ColumnFilter","useWindow","useComponentCssInjection","filterContainerCss","useFilterContainer","ColumnFilterContext"],"mappings":"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"}

package/cjs/filter-container/useFilterContainer.js

@@ -1,137 +0,0 @@
-'use strict';
-
-var react = require('react');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var FilterAggregator = require('../FilterAggregator.js');
-
-const ColumnFilterContext = react.createContext({
-  filterContainerInstalled: false
-});
-function useFilterContext(column, throwIfNoContainer = false) {
-  const ctx = react.useContext(ColumnFilterContext);
-  if (ctx) {
-    return {
-      filterProviderKey: ctx.filterProviderKey,
-      register: ctx.register,
-      getValue: ctx.getValue,
-      onChange: ctx.onChange,
-      onCommit: ctx.onCommit
-    };
-  } else if (throwIfNoContainer) {
-    throw Error(
-      `[useFilterContainer:useFilterContext] no FilterContainer installed`
-    );
-  } else {
-    return { filterContainerInstalled: false };
-  }
-}
-const useFilterContainer = ({
-  filter,
-  filterProviderKey = "GLOBAL",
-  onFilterApplied,
-  onFilterCleared
-}) => {
-  const valueRef = react.useRef({});
-  const filterRef = react.useRef(void 0);
-  filterRef.current = filter;
-  const filterAggregator = react.useMemo(
-    () => new FilterAggregator.FilterAggregator(filter),
-    [filter]
-  );
-  const register = react.useCallback(
-    (column, op) => valueRef.current[column.name] = vuuUtils.getColumnValueFromFilter(
-      column,
-      op,
-      filterRef.current
-    ),
-    []
-  );
-  const getValue = react.useCallback(
-    (column, fallbackValue) => {
-      const value = valueRef.current[column.name];
-      if (value !== void 0) {
-        return value;
-      } else if (fallbackValue !== void 0) {
-        return fallbackValue;
-      } else {
-        throw Error(
-          `[useFilterContainer] column ${column.name} has not been registered`
-        );
-      }
-    },
-    []
-  );
-  const handleCommit = react.useCallback(
-    (column, op, value = "", extendedFilterOptions) => {
-      if (Array.isArray(value)) {
-        if (!vuuUtils.isBetweenOperator(op)) {
-          throw Error(
-            `[useFilterContainer] array value is not valid for operator ${op}`
-          );
-        }
-        if (value[0] === "" && value[1] === "") {
-          if (!filterAggregator.remove(column)) {
-            return;
-          }
-        } else {
-          if (typeof value[0] === "string" && typeof value[1] === "string") {
-            filterAggregator.add(column, value, op, extendedFilterOptions);
-          } else {
-            throw Error(
-              `[useFilterContainer] handleCommit value  [${typeof value[0]},${typeof value[1]}] for operator ${op} supports [string,string] only`
-            );
-          }
-        }
-      } else if (value === "") {
-        if (!filterAggregator.remove(column)) {
-          return;
-        }
-      } else {
-        if (typeof value === "string" || typeof value === "number") {
-          filterAggregator.add(column, value, op, extendedFilterOptions);
-        } else {
-          throw Error(
-            `[useFilterContainer] handleCommit value ${typeof value} supports string, number only`
-          );
-        }
-      }
-      const { filter: filter2 } = filterAggregator;
-      if (filter2) {
-        console.log(`filter applied ${JSON.stringify(filter2)}`);
-        onFilterApplied?.(filter2);
-      } else {
-        onFilterCleared?.();
-      }
-    },
-    [filterAggregator, onFilterApplied, onFilterCleared]
-  );
-  const handleInputChange = react.useCallback(
-    (value, column) => {
-      if (filterAggregator.has(column)) {
-        if (Array.isArray(value)) {
-          const filter2 = filterAggregator.get(column);
-          if (vuuUtils.isSingleValueFilter(filter2)) ; else {
-            handleCommit(column, "between", ["", ""]);
-          }
-        } else {
-          handleCommit(column, "=", "");
-        }
-      }
-      valueRef.current[column.name] = value;
-    },
-    [filterAggregator, handleCommit]
-  );
-  return {
-    filterContainerInstalled: true,
-    filterProviderKey,
-    onChange: handleInputChange,
-    onCommit: handleCommit,
-    getValue,
-    register
-  };
-};
-
-exports.ColumnFilterContext = ColumnFilterContext;
-exports.useFilterContainer = useFilterContainer;
-exports.useFilterContext = useFilterContext;
-//# sourceMappingURL=useFilterContainer.js.map

package/cjs/filter-container/useFilterContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterContainer.js","sources":["../../../../packages/vuu-filters/src/filter-container/useFilterContainer.ts"],"sourcesContent":["import {\n  ColumnFilterChangeHandler,\n  ColumnFilterCommitHandler,\n  ColumnFilterOp,\n  ColumnFilterValue,\n  Filter,\n  FilterContainerFilter,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { createContext, useCallback, useContext, useMemo, useRef } from \"react\";\nimport {\n  getColumnValueFromFilter,\n  isBetweenOperator,\n  isSingleValueFilter,\n} from \"@vuu-ui/vuu-utils\";\nimport { FilterAggregator } from \"../FilterAggregator\";\n\nexport interface ColumnFilterContextProps {\n  filterContainerInstalled: boolean;\n  filterProviderKey?: string;\n  onChange?: ColumnFilterChangeHandler;\n  onCommit?: ColumnFilterCommitHandler;\n  register?: (\n    column: ColumnDescriptor,\n    operator: ColumnFilterOp,\n  ) => ColumnFilterValue;\n  getValue?: (column: ColumnDescriptor) => ColumnFilterValue;\n}\n\nexport const ColumnFilterContext = createContext<ColumnFilterContextProps>({\n  filterContainerInstalled: false,\n});\n\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n//@ts-ignore type-check incorrectly flags this as error, its perfectly valid\nexport function useFilterContext(\n  column: ColumnDescriptor,\n  throwIfNoContainer?: false,\n): ColumnFilterContextProps;\nexport function useFilterContext(\n  column: ColumnDescriptor,\n  throwIfNoContainer: true,\n): Required<ColumnFilterContextProps>;\nexport function useFilterContext(\n  column: ColumnDescriptor,\n  throwIfNoContainer = false,\n) {\n  const ctx = useContext(ColumnFilterContext);\n  if (ctx) {\n    return {\n      filterProviderKey: ctx.filterProviderKey,\n      register: ctx.register,\n      getValue: ctx.getValue,\n      onChange: ctx.onChange,\n      onCommit: ctx.onCommit,\n    };\n  } else if (throwIfNoContainer) {\n    throw Error(\n      `[useFilterContainer:useFilterContext] no FilterContainer installed`,\n    );\n  } else {\n    return { filterContainerInstalled: false };\n  }\n}\n\nexport type FilterAppliedHandler<F extends Filter = Filter> = (\n  filter: F,\n) => void;\nexport type ColumnFilterContainerHookProps = {\n  filter?: FilterContainerFilter;\n  filterProviderKey?: string;\n  onFilterApplied?: FilterAppliedHandler<FilterContainerFilter>;\n  onFilterCleared?: () => void;\n};\n\ntype ColumnFilterValueMap = Record<string, ColumnFilterValue>;\n\nexport const EmptyTuple: ColumnFilterValue = [\"\", \"\"];\n\nexport const useFilterContainer = ({\n  filter,\n  filterProviderKey = \"GLOBAL\",\n  onFilterApplied,\n  onFilterCleared,\n}: ColumnFilterContainerHookProps): ColumnFilterContextProps => {\n  const valueRef = useRef<ColumnFilterValueMap>({});\n  const filterRef = useRef<FilterContainerFilter | undefined>(undefined);\n  filterRef.current = filter;\n\n  const filterAggregator = useMemo(\n    () => new FilterAggregator(filter),\n    [filter],\n  );\n\n  const register = useCallback(\n    (column: ColumnDescriptor, op: ColumnFilterOp) =>\n      (valueRef.current[column.name] = getColumnValueFromFilter(\n        column,\n        op,\n        filterRef.current,\n      )),\n    [],\n  );\n\n  const getValue = useCallback(\n    (column: ColumnDescriptor, fallbackValue?: ColumnFilterValue) => {\n      const value = valueRef.current[column.name];\n      if (value !== undefined) {\n        return value;\n      } else if (fallbackValue !== undefined) {\n        return fallbackValue;\n      } else {\n        throw Error(\n          `[useFilterContainer] column ${column.name} has not been registered`,\n        );\n      }\n    },\n    [],\n  );\n\n  const handleCommit = useCallback<ColumnFilterCommitHandler>(\n    (column, op, value = \"\", extendedFilterOptions) => {\n      if (Array.isArray(value)) {\n        if (!isBetweenOperator(op)) {\n          throw Error(\n            `[useFilterContainer] array value is not valid for operator ${op}`,\n          );\n        }\n        if (value[0] === \"\" && value[1] === \"\") {\n          if (!filterAggregator.remove(column)) {\n            return;\n          }\n        } else {\n          if (typeof value[0] === \"string\" && typeof value[1] === \"string\") {\n            // TODO we need to include operator, so we can distinguish between\n            // between and between-inclusive\n            filterAggregator.add(column, value, op, extendedFilterOptions);\n          } else {\n            throw Error(\n              `[useFilterContainer] handleCommit value  [${typeof value[0]},${typeof value[1]}] for operator ${op} supports [string,string] only`,\n            );\n          }\n        }\n      } else if (value === \"\") {\n        if (!filterAggregator.remove(column)) {\n          return;\n        }\n      } else {\n        if (typeof value === \"string\" || typeof value === \"number\") {\n          filterAggregator.add(column, value, op, extendedFilterOptions);\n        } else {\n          throw Error(\n            `[useFilterContainer] handleCommit value ${typeof value} supports string, number only`,\n          );\n        }\n      }\n      const { filter } = filterAggregator;\n      if (filter) {\n        console.log(`filter applied ${JSON.stringify(filter)}`);\n        onFilterApplied?.(filter);\n      } else {\n        onFilterCleared?.();\n      }\n    },\n    [filterAggregator, onFilterApplied, onFilterCleared],\n  );\n\n  const handleInputChange = useCallback<ColumnFilterChangeHandler>(\n    (value, column) => {\n      // If the filterAggregator has this column, then the value has previously been committed.\n      // As soon as user starts editing the value, we un-commit.\n      if (filterAggregator.has(column)) {\n        if (Array.isArray(value)) {\n          // TODO check whether first value has been changed\n          const filter = filterAggregator.get(column);\n          if (isSingleValueFilter(filter)) {\n            // do nothing, the first value has been committed\n          } else {\n            handleCommit(column, \"between\", [\"\", \"\"]);\n          }\n        } else {\n          handleCommit(column, \"=\", \"\");\n        }\n      }\n      valueRef.current[column.name] = value;\n    },\n    [filterAggregator, handleCommit],\n  );\n\n  return {\n    filterContainerInstalled: true,\n    filterProviderKey,\n    onChange: handleInputChange,\n    onCommit: handleCommit,\n    getValue,\n    register,\n  };\n};\n"],"names":["createContext","useContext","useRef","useMemo","FilterAggregator","useCallback","getColumnValueFromFilter","isBetweenOperator","filter","isSingleValueFilter"],"mappings":"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"}

package/cjs/filter-context-menu/useFilterContextMenu.js

@@ -1,129 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var react = require('react');
-var FilterContext = require('../filter-provider/FilterContext.js');
-var FilterAggregator = require('../FilterAggregator.js');
-
-const EmptyAggregator = new FilterAggregator.FilterAggregator();
-const defaultProps = {
-  filterColumns: "*"
-};
-const useFilterContextMenu = ({
-  filterColumns = "*",
-  filterProviderKey
-} = defaultProps) => {
-  const { currentFilter, clearCurrentFilter, setCurrentFilter } = FilterContext.useSavedFilters(filterProviderKey);
-  const filterAggregatorRef = react.useRef(EmptyAggregator);
-  react.useMemo(() => {
-    if (!vuuUtils.filtersAreEqual(currentFilter.filter, filterAggregatorRef.current.filter)) {
-      filterAggregatorRef.current = currentFilter.filter ? new FilterAggregator.FilterAggregator(currentFilter.filter) : new FilterAggregator.FilterAggregator();
-    }
-  }, [currentFilter]);
-  const menuBuilder = react.useCallback(
-    (_location, options) => {
-      const { column, dataRow } = options;
-      const { current: fag } = filterAggregatorRef;
-      const { name, label = name } = column;
-      const value = dataRow[column.name];
-      const ClearFilter = {
-        id: "filter-clear",
-        label: "Clear filter",
-        options
-      };
-      if (filterColumns === "*" || filterColumns.includes(column.name)) {
-        const SetFilter = {
-          id: "filter-set",
-          label: `Set filter ${label} '${value}'`,
-          options
-        };
-        if (fag.isEmpty) {
-          return [SetFilter];
-        } else if (fag.has(column)) {
-          if (fag.count === 1) {
-            return [ClearFilter];
-          } else {
-            return [
-              {
-                id: "filter-remove",
-                label: `Remove ${label} '${value}' from filter`,
-                options
-              },
-              SetFilter,
-              ClearFilter
-            ];
-          }
-        } else {
-          return [
-            SetFilter,
-            {
-              id: "filter-add",
-              label: `Add ${label} '${value}' to existing filter`,
-              options
-            },
-            ClearFilter
-          ];
-        }
-      } else if (!fag.isEmpty) {
-        return [ClearFilter];
-      } else {
-        return [];
-      }
-    },
-    [filterColumns]
-  );
-  const menuActionHandler = react.useCallback(
-    (menuItemId, options) => {
-      if (options) {
-        const { current: fag } = filterAggregatorRef;
-        const { column, dataRow } = options;
-        switch (menuItemId) {
-          case "filter-clear":
-            {
-              clearCurrentFilter();
-            }
-            break;
-          case "filter-add":
-            {
-              const value = dataRow[column.name];
-              fag.add(column, value, "=");
-              if (fag.filter) {
-                setCurrentFilter(fag.filter);
-              }
-            }
-            break;
-          case "filter-remove":
-            {
-              fag.remove(column);
-              if (fag.filter) {
-                setCurrentFilter(fag.filter);
-              }
-            }
-            break;
-          case "filter-set":
-            {
-              const value = dataRow[column.name];
-              fag.clear();
-              fag.add(column, value, "=");
-              if (fag.filter) {
-                setCurrentFilter(fag.filter);
-              }
-            }
-            break;
-          default:
-            return false;
-        }
-      } else {
-        return false;
-      }
-    },
-    [clearCurrentFilter, setCurrentFilter]
-  );
-  return {
-    menuActionHandler,
-    menuBuilder
-  };
-};
-
-exports.useFilterContextMenu = useFilterContextMenu;
-//# sourceMappingURL=useFilterContextMenu.js.map