@vuu-ui/vuu-filters 2.1.18 → 2.1.19-beta.2

package/esm/inline-filter/useInlineFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useInlineFilter.js","sources":["../../../../packages/vuu-filters/src/inline-filter/useInlineFilter.ts"],"sourcesContent":["import { useEditableCell, useHeaderProps } from \"@vuu-ui/vuu-table\";\n\nexport const useInlineFilter = () => {\n  const { columns = [], virtualColSpan = 0 } = useHeaderProps();\n  const onKeyDown = useEditableCell();\n\n  return {\n    columns,\n    onKeyDown,\n    virtualColSpan,\n  };\n};\n"],"names":[],"mappings":";;AAEO,MAAM,kBAAkB,MAAM;AACnC,EAAA,MAAM,EAAE,OAAU,GAAA,IAAI,cAAiB,GAAA,CAAA,KAAM,cAAe,EAAA;AAC5D,EAAA,MAAM,YAAY,eAAgB,EAAA;AAElC,EAAO,OAAA;AAAA,IACL,OAAA;AAAA,IACA,SAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/quick-filters/QuickFilters.css.js

@@ -1,4 +0,0 @@
-var quickFiltersCss = ".vuuQuickFilters {\n  --saltFormField-width: 150px;\n  --saltInput-background: transparent;\n  --saltInput-height: 18px;\n  --saltInput-minHeight: 18px;\n\n  display: flex;\n  gap: var(--salt-spacing-100);\n  align-items: end;\n  width: fit-content;\n\n  .vuuQuickFilters-filter-container {\n    background-color: var(--salt-container-primary-background);\n    border: solid 1px var(--salt-editable-borderColor);\n    border-radius: 2px;\n    display: flex;\n    height: 43px;\n  }\n\n  .saltFormField {\n    padding: 2px var(--salt-spacing-200);\n  }\n\n  .saltFormField:not(:last-child) {\n    border-right: solid 1px var(--salt-editable-borderColor);\n  }\n\n  .vuuTypeaheadInput {\n    .saltPillInput-endAdornmentContainer {\n      .saltButton {\n        border-style: none;\n      }\n    }\n  }\n}\n";
-
-export { quickFiltersCss as default };
-//# sourceMappingURL=QuickFilters.css.js.map

package/esm/quick-filters/QuickFilters.css.js.map

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

package/esm/quick-filters/QuickFilters.js

@@ -1,96 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { getDataItemEditControl } from '@vuu-ui/vuu-data-react';
-import { ColumnPicker, VuuInput, Icon } from '@vuu-ui/vuu-ui-controls';
-import { FormField, FormFieldLabel } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useQuickFilters } from './useQuickFilters.js';
-import quickFiltersCss from './QuickFilters.css.js';
-
-const classBase = "vuuQuickFilters";
-const QuickFilters = ({
-  allowAddColumn = true,
-  allowFind = true,
-  availableColumns,
-  onApplyFilter,
-  onClearFilter,
-  onChangeQuickFilterColumns,
-  quickFilterColumns,
-  vuuTable
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-quick-filters",
-    css: quickFiltersCss,
-    window: targetWindow
-  });
-  const searchIcon = /* @__PURE__ */ jsx(Icon, { name: "search", size: 18 });
-  const {
-    availableColumnNames,
-    onChange,
-    onColumnsSelectionChange,
-    onCommit,
-    rootRef
-  } = useQuickFilters({
-    availableColumns,
-    onApplyFilter,
-    onClearFilter,
-    onChangeQuickFilterColumns,
-    quickFilterColumns
-  });
-  const filterColumns = availableColumns.filter(
-    ({ name }) => quickFilterColumns?.includes(name)
-  );
-  const getFilterControls = () => {
-    const controls = [];
-    if (allowFind) {
-      controls.push(
-        /* @__PURE__ */ jsxs(FormField, { "data-embedded": true, "data-field": "find", children: [
-          /* @__PURE__ */ jsx(FormFieldLabel, { children: "Find" }),
-          /* @__PURE__ */ jsx(
-            VuuInput,
-            {
-              inputProps: {
-                onChange
-              },
-              onCommit,
-              startAdornment: searchIcon,
-              variant: "secondary"
-            }
-          )
-        ] }, "find")
-      );
-    }
-    {
-      filterColumns?.forEach(
-        (column) => controls.push(
-          /* @__PURE__ */ jsxs(FormField, { "data-field": column.name, children: [
-            /* @__PURE__ */ jsx(FormFieldLabel, { children: column.label ?? column.name }),
-            getDataItemEditControl({
-              dataDescriptor: column,
-              onCommit,
-              table: vuuTable
-            })
-          ] }, column.label ?? column.name)
-        )
-      );
-    }
-    return controls;
-  };
-  return /* @__PURE__ */ jsxs("div", { className: classBase, ref: rootRef, children: [
-    /* @__PURE__ */ jsx("div", { className: `${classBase}-filter-container`, children: getFilterControls() }),
-    allowAddColumn ? /* @__PURE__ */ jsx(
-      ColumnPicker,
-      {
-        columns: availableColumnNames,
-        icon: "more-horiz",
-        iconSize: 16,
-        onSelectionChange: onColumnsSelectionChange,
-        selected: quickFilterColumns
-      }
-    ) : null
-  ] });
-};
-
-export { QuickFilters };
-//# sourceMappingURL=QuickFilters.js.map

package/esm/quick-filters/QuickFilters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"QuickFilters.js","sources":["../../../../packages/vuu-filters/src/quick-filters/QuickFilters.tsx"],"sourcesContent":["import { getDataItemEditControl } from \"@vuu-ui/vuu-data-react\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { ColumnPicker, Icon, VuuInput } from \"@vuu-ui/vuu-ui-controls\";\nimport { FormField, FormFieldLabel } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport type { HTMLAttributes } from \"react\";\nimport { FilterBarProps } from \"../filter-bar\";\nimport { useQuickFilters } from \"./useQuickFilters\";\n\nimport quickFiltersCss from \"./QuickFilters.css\";\n\nconst classBase = \"vuuQuickFilters\";\n\nexport interface QuickFilterProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<FilterBarProps, \"onApplyFilter\" | \"onClearFilter\" | \"vuuTable\"> {\n  allowAddColumn?: boolean;\n  allowFind?: boolean;\n  availableColumns: readonly ColumnDescriptor[];\n  onChangeQuickFilterColumns?: (columns: string[]) => void;\n  quickFilterColumns?: string[];\n  /**\n   * Render a general 'search' control.\n   * if true, all columns of type 'string' will be included in the search. Otherwise\n   * a list of the columns to include in search can be provided.\n   */\n  showFind?: boolean | string[];\n}\n\nexport const QuickFilters = ({\n  allowAddColumn = true,\n  allowFind = true,\n  availableColumns,\n  onApplyFilter,\n  onClearFilter,\n  onChangeQuickFilterColumns,\n  quickFilterColumns,\n  vuuTable,\n}: QuickFilterProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-quick-filters\",\n    css: quickFiltersCss,\n    window: targetWindow,\n  });\n\n  const searchIcon = <Icon name=\"search\" size={18} />;\n\n  const {\n    availableColumnNames,\n    onChange,\n    onColumnsSelectionChange,\n    onCommit,\n    rootRef,\n  } = useQuickFilters({\n    availableColumns,\n    onApplyFilter,\n    onClearFilter,\n    onChangeQuickFilterColumns,\n    quickFilterColumns,\n  });\n\n  const filterColumns = availableColumns.filter(({ name }) =>\n    quickFilterColumns?.includes(name),\n  );\n\n  const getFilterControls = () => {\n    const controls = [];\n    if (allowFind) {\n      controls.push(\n        <FormField data-embedded data-field=\"find\" key=\"find\">\n          <FormFieldLabel>Find</FormFieldLabel>\n          <VuuInput\n            inputProps={{\n              onChange,\n            }}\n            onCommit={onCommit}\n            startAdornment={searchIcon}\n            variant=\"secondary\"\n          />\n        </FormField>,\n      );\n    }\n    {\n      filterColumns?.forEach((column) =>\n        controls.push(\n          <FormField key={column.label ?? column.name} data-field={column.name}>\n            <FormFieldLabel>{column.label ?? column.name}</FormFieldLabel>\n            {getDataItemEditControl({\n              dataDescriptor: column,\n              onCommit,\n              table: vuuTable,\n            })}\n          </FormField>,\n        ),\n      );\n    }\n\n    return controls;\n  };\n\n  return (\n    <div className={classBase} ref={rootRef}>\n      <div className={`${classBase}-filter-container`}>\n        {getFilterControls()}\n      </div>\n      {allowAddColumn ? (\n        <ColumnPicker\n          columns={availableColumnNames}\n          icon=\"more-horiz\"\n          iconSize={16}\n          onSelectionChange={onColumnsSelectionChange}\n          selected={quickFilterColumns}\n        />\n      ) : null}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,SAAY,GAAA,iBAAA;AAkBX,MAAM,eAAe,CAAC;AAAA,EAC3B,cAAiB,GAAA,IAAA;AAAA,EACjB,SAAY,GAAA,IAAA;AAAA,EACZ,gBAAA;AAAA,EACA,aAAA;AAAA,EACA,aAAA;AAAA,EACA,0BAAA;AAAA,EACA,kBAAA;AAAA,EACA;AACF,CAAwB,KAAA;AACtB,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,6BAAc,GAAA,CAAA,IAAA,EAAA,EAAK,IAAK,EAAA,QAAA,EAAS,MAAM,EAAI,EAAA,CAAA;AAEjD,EAAM,MAAA;AAAA,IACJ,oBAAA;AAAA,IACA,QAAA;AAAA,IACA,wBAAA;AAAA,IACA,QAAA;AAAA,IACA;AAAA,MACE,eAAgB,CAAA;AAAA,IAClB,gBAAA;AAAA,IACA,aAAA;AAAA,IACA,aAAA;AAAA,IACA,0BAAA;AAAA,IACA;AAAA,GACD,CAAA;AAED,EAAA,MAAM,gBAAgB,gBAAiB,CAAA,MAAA;AAAA,IAAO,CAAC,EAAE,IAAA,EAC/C,KAAA,kBAAA,EAAoB,SAAS,IAAI;AAAA,GACnC;AAEA,EAAA,MAAM,oBAAoB,MAAM;AAC9B,IAAA,MAAM,WAAW,EAAC;AAClB,IAAA,IAAI,SAAW,EAAA;AACb,MAAS,QAAA,CAAA,IAAA;AAAA,wBACN,IAAA,CAAA,SAAA,EAAA,EAAU,eAAa,EAAA,IAAA,EAAC,cAAW,MAClC,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,kBAAe,QAAI,EAAA,MAAA,EAAA,CAAA;AAAA,0BACpB,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,UAAY,EAAA;AAAA,gBACV;AAAA,eACF;AAAA,cACA,QAAA;AAAA,cACA,cAAgB,EAAA,UAAA;AAAA,cAChB,OAAQ,EAAA;AAAA;AAAA;AACV,SAAA,EAAA,EAT6C,MAU/C;AAAA,OACF;AAAA;AAEF,IAAA;AACE,MAAe,aAAA,EAAA,OAAA;AAAA,QAAQ,CAAC,WACtB,QAAS,CAAA,IAAA;AAAA,0BACN,IAAA,CAAA,SAAA,EAAA,EAA4C,YAAY,EAAA,MAAA,CAAO,IAC9D,EAAA,QAAA,EAAA;AAAA,4BAAA,GAAA,CAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,MAAA,CAAO,KAAS,IAAA,MAAA,CAAO,IAAK,EAAA,CAAA;AAAA,YAC5C,sBAAuB,CAAA;AAAA,cACtB,cAAgB,EAAA,MAAA;AAAA,cAChB,QAAA;AAAA,cACA,KAAO,EAAA;AAAA,aACR;AAAA,WANa,EAAA,EAAA,MAAA,CAAO,KAAS,IAAA,MAAA,CAAO,IAOvC;AAAA;AACF,OACF;AAAA;AAGF,IAAO,OAAA,QAAA;AAAA,GACT;AAEA,EAAA,uBACG,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,SAAA,EAAW,KAAK,OAC9B,EAAA,QAAA,EAAA;AAAA,oBAAA,GAAA,CAAC,SAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAAA,iBAAA,CAAA,EACzB,6BACH,EAAA,CAAA;AAAA,IACC,cACC,mBAAA,GAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,OAAS,EAAA,oBAAA;AAAA,QACT,IAAK,EAAA,YAAA;AAAA,QACL,QAAU,EAAA,EAAA;AAAA,QACV,iBAAmB,EAAA,wBAAA;AAAA,QACnB,QAAU,EAAA;AAAA;AAAA,KAEV,GAAA;AAAA,GACN,EAAA,CAAA;AAEJ;;;;"}

package/esm/quick-filters/useQuickFilters.js

@@ -1,150 +0,0 @@
-import { queryClosest, isNumericColumn } from '@vuu-ui/vuu-utils';
-import { useRef, useCallback, useMemo } from 'react';
-
-const findColumn = (columns, name) => {
-  const column = columns?.find((col) => col.name === name);
-  if (column) {
-    return column;
-  } else {
-    throw Error(`column not found ${name}`);
-  }
-};
-const asNumeric = (value, column) => {
-  switch (column.serverDataType) {
-    case "int":
-    case "long": {
-      const numericValue = parseInt(value, 10);
-      if (isNaN(numericValue)) {
-        throw Error(`invalid value ${value} is not integer`);
-      } else {
-        return numericValue;
-      }
-    }
-    case "double": {
-      const numericValue = parseFloat(value);
-      if (isNaN(numericValue)) {
-        throw Error(`invalid value ${value} is not decimal`);
-      } else {
-        return numericValue;
-      }
-    }
-    default:
-      throw Error(
-        `DataType of column ${column.name}, ${column.serverDataType} is not numeric`
-      );
-  }
-};
-const createFilterClause = ([identifier, value], availableColumns) => {
-  if (identifier === "find") {
-    if (availableColumns) {
-      const targetColumns = availableColumns.filter(
-        ({ serverDataType }) => serverDataType === "string"
-      );
-      if (targetColumns.length) {
-        return {
-          op: "or",
-          filters: targetColumns.map(
-            (column) => createFilterClause([column.name, value], availableColumns)
-          )
-        };
-      } else {
-        throw Error(`value ${value} is not valid for any of available columns`);
-      }
-    } else {
-      throw Error("columns must be provided for find operation");
-    }
-  } else {
-    const column = findColumn(availableColumns, identifier);
-    if (isNumericColumn(column)) {
-      const numericValue = asNumeric(value, column);
-      return {
-        column: identifier,
-        op: "=",
-        value: numericValue
-      };
-    } else {
-      return {
-        column: identifier,
-        op: "contains",
-        value
-      };
-    }
-  }
-};
-const buildFilter = (quickFilters, availableColumns) => {
-  const entries = Object.entries(quickFilters);
-  if (entries.length === 1) {
-    return createFilterClause(entries[0], availableColumns);
-  } else if (entries.length > 1) {
-    return {
-      op: "and",
-      filters: entries.map(
-        (entry) => createFilterClause(entry, availableColumns),
-        availableColumns
-      )
-    };
-  }
-};
-const useQuickFilters = ({
-  availableColumns,
-  onApplyFilter,
-  onClearFilter,
-  onChangeQuickFilterColumns
-}) => {
-  const filters = useRef({});
-  const rootRef = useCallback((el) => {
-    if (el) {
-      const firstInput = el.querySelector("input");
-      firstInput?.focus();
-    }
-  }, []);
-  const handleChange = useCallback(
-    (e) => {
-      console.log(`onChange ${e.target.value}`);
-    },
-    []
-  );
-  const handleCommit = useCallback(
-    (e, value) => {
-      const field = queryClosest(e.target, "[data-field]");
-      const column = field?.dataset.field;
-      if (column) {
-        if (value === void 0 || typeof value === "string" && value.trim() === "") {
-          if (filters.current[column] === void 0) {
-            return;
-          }
-          delete filters.current[column];
-        } else if (typeof value === "string" && value.trim() !== "") {
-          filters.current[column] = value;
-        }
-        const filter = buildFilter(filters.current, availableColumns);
-        if (filter) {
-          onApplyFilter?.(filter);
-        } else {
-          onClearFilter();
-        }
-      }
-    },
-    [availableColumns, onApplyFilter, onClearFilter]
-  );
-  const handleColumnsSelectionChange = useCallback(
-    (evt, newSelected) => {
-      onChangeQuickFilterColumns?.(newSelected);
-    },
-    [onChangeQuickFilterColumns]
-  );
-  const availableColumnNames = useMemo(
-    () => availableColumns.map((col) => col.name),
-    [availableColumns]
-  );
-  return {
-    availableColumnNames,
-    onChange: handleChange,
-    onColumnsSelectionChange: handleColumnsSelectionChange,
-    onCommit: handleCommit,
-    rootRef
-  };
-};
-
-export { useQuickFilters };
-//# sourceMappingURL=useQuickFilters.js.map

package/esm/quick-filters/useQuickFilters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useQuickFilters.js","sources":["../../../../packages/vuu-filters/src/quick-filters/useQuickFilters.ts"],"sourcesContent":["import type { Filter } from \"@vuu-ui/vuu-filter-types\";\nimport type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { MultiSelectionHandler } from \"@vuu-ui/vuu-ui-controls\";\nimport {\n  CommitHandler,\n  isNumericColumn,\n  queryClosest,\n} from \"@vuu-ui/vuu-utils\";\nimport {\n  ChangeEventHandler,\n  RefCallback,\n  useCallback,\n  useMemo,\n  useRef,\n} from \"react\";\nimport { QuickFilterProps } from \"./QuickFilters\";\n\ntype QuickFilterValues = Record<string, string>;\n\nconst findColumn = (columns: readonly ColumnDescriptor[], name: string) => {\n  const column = columns?.find((col) => col.name === name);\n  if (column) {\n    return column;\n  } else {\n    throw Error(`column not found ${name}`);\n  }\n};\n\nconst asNumeric = (value: string, column: ColumnDescriptor): number => {\n  switch (column.serverDataType) {\n    case \"int\":\n    case \"long\": {\n      const numericValue = parseInt(value, 10);\n      if (isNaN(numericValue)) {\n        throw Error(`invalid value ${value} is not integer`);\n      } else {\n        return numericValue;\n      }\n    }\n    case \"double\": {\n      const numericValue = parseFloat(value);\n      if (isNaN(numericValue)) {\n        throw Error(`invalid value ${value} is not decimal`);\n      } else {\n        return numericValue;\n      }\n    }\n    default:\n      throw Error(\n        `DataType of column ${column.name}, ${column.serverDataType} is not numeric`,\n      );\n  }\n};\n\nconst createFilterClause = (\n  [identifier, value]: [string, string],\n  availableColumns: readonly ColumnDescriptor[],\n): Filter => {\n  if (identifier === \"find\") {\n    if (availableColumns) {\n      const targetColumns = availableColumns.filter(\n        ({ serverDataType }) => serverDataType === \"string\",\n      );\n      if (targetColumns.length) {\n        return {\n          op: \"or\",\n          filters: targetColumns.map((column) =>\n            createFilterClause([column.name, value], availableColumns),\n          ),\n        };\n      } else {\n        throw Error(`value ${value} is not valid for any of available columns`);\n      }\n    } else {\n      throw Error(\"columns must be provided for find operation\");\n    }\n  } else {\n    const column = findColumn(availableColumns, identifier);\n    if (isNumericColumn(column)) {\n      const numericValue = asNumeric(value, column);\n      return {\n        column: identifier,\n        op: \"=\",\n        value: numericValue,\n      };\n    } else {\n      return {\n        column: identifier,\n        op: \"contains\",\n        value,\n      };\n    }\n  }\n};\n\nconst buildFilter = (\n  quickFilters: QuickFilterValues,\n  availableColumns: readonly ColumnDescriptor[],\n): Filter | undefined => {\n  const entries = Object.entries(quickFilters);\n  if (entries.length === 1) {\n    return createFilterClause(entries[0], availableColumns);\n  } else if (entries.length > 1) {\n    return {\n      op: \"and\",\n      filters: entries.map(\n        (entry) => createFilterClause(entry, availableColumns),\n        availableColumns,\n      ),\n    };\n  }\n};\n\nexport type QuickFilterHookProps = Pick<\n  QuickFilterProps,\n  | \"availableColumns\"\n  | \"onApplyFilter\"\n  | \"onClearFilter\"\n  | \"onChangeQuickFilterColumns\"\n  | \"quickFilterColumns\"\n>;\n\nexport const useQuickFilters = ({\n  availableColumns,\n  onApplyFilter,\n  onClearFilter,\n  onChangeQuickFilterColumns,\n}: QuickFilterProps) => {\n  const filters = useRef<QuickFilterValues>({});\n  const rootRef = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    if (el) {\n      const firstInput = el.querySelector(\"input\");\n      firstInput?.focus();\n    }\n  }, []);\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (e) => {\n      console.log(`onChange ${e.target.value}`);\n    },\n    [],\n  );\n\n  const handleCommit = useCallback<CommitHandler<HTMLElement>>(\n    (e, value) => {\n      const field = queryClosest(e.target, \"[data-field]\");\n      const column = field?.dataset.field;\n      if (column) {\n        if (\n          value === undefined ||\n          (typeof value === \"string\" && value.trim() === \"\")\n        ) {\n          if (filters.current[column] === undefined) {\n            return;\n          }\n          delete filters.current[column];\n        } else if (typeof value === \"string\" && value.trim() !== \"\") {\n          filters.current[column] = value;\n        }\n\n        const filter = buildFilter(filters.current, availableColumns);\n        if (filter) {\n          onApplyFilter?.(filter);\n        } else {\n          onClearFilter();\n        }\n      }\n    },\n    [availableColumns, onApplyFilter, onClearFilter],\n  );\n\n  const handleColumnsSelectionChange = useCallback<MultiSelectionHandler>(\n    (evt, newSelected) => {\n      onChangeQuickFilterColumns?.(newSelected);\n    },\n    [onChangeQuickFilterColumns],\n  );\n\n  const availableColumnNames = useMemo(\n    () => availableColumns.map((col) => col.name),\n    [availableColumns],\n  );\n\n  return {\n    availableColumnNames,\n    onChange: handleChange,\n    onColumnsSelectionChange: handleColumnsSelectionChange,\n    onCommit: handleCommit,\n    rootRef,\n  };\n};\n"],"names":[],"mappings":"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"}

package/esm/saved-filters/DeleteFilterPrompt.js

@@ -1,35 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { Prompt } from '@vuu-ui/vuu-ui-controls';
-import cx from 'clsx';
-import { FilterDisplay } from '../filter-display/FilterDisplay.js';
-
-const DeleteFilterPrompt = ({
-  children,
-  className,
-  columns,
-  filterDescriptor,
-  onClose,
-  onConfirm,
-  open = true,
-  ...htmlAttributes
-}) => {
-  return /* @__PURE__ */ jsxs(
-    Prompt,
-    {
-      ...htmlAttributes,
-      className: cx("vuuDeleteFilterPrompt", className),
-      initialFocusedItem: "confirm",
-      onClose,
-      onConfirm,
-      open,
-      title: "Delete Filter",
-      children: [
-        /* @__PURE__ */ jsx("span", { children: `Do you want to delete '${filterDescriptor.filter?.name}' ?` }),
-        children ? children : filterDescriptor.filter ? /* @__PURE__ */ jsx(FilterDisplay, { columns, filter: filterDescriptor.filter }) : null
-      ]
-    }
-  );
-};
-
-export { DeleteFilterPrompt };
-//# sourceMappingURL=DeleteFilterPrompt.js.map

package/esm/saved-filters/DeleteFilterPrompt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DeleteFilterPrompt.js","sources":["../../../../packages/vuu-filters/src/saved-filters/DeleteFilterPrompt.tsx"],"sourcesContent":["import { FilterContainerFilterDescriptor } from \"@vuu-ui/vuu-filter-types\";\nimport { Prompt, PromptProps } from \"@vuu-ui/vuu-ui-controls\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterDisplay } from \"../filter-display/FilterDisplay\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nexport interface DeleteFilterPromptProps\n  extends Pick<PromptProps, \"onConfirm\" | \"onClose\" | \"open\">,\n    HTMLAttributes<HTMLDivElement> {\n  columns?: ColumnDescriptor[];\n  filterDescriptor: FilterContainerFilterDescriptor;\n}\n\nexport const DeleteFilterPrompt = ({\n  children,\n  className,\n  columns,\n  filterDescriptor,\n  onClose,\n  onConfirm,\n  open = true,\n  ...htmlAttributes\n}: DeleteFilterPromptProps) => {\n  return (\n    <Prompt\n      {...htmlAttributes}\n      className={cx(\"vuuDeleteFilterPrompt\", className)}\n      initialFocusedItem=\"confirm\"\n      onClose={onClose}\n      onConfirm={onConfirm}\n      open={open}\n      title=\"Delete Filter\"\n    >\n      <span>{`Do you want to delete '${filterDescriptor.filter?.name}' ?`}</span>\n      {children ? (\n        children\n      ) : filterDescriptor.filter ? (\n        <FilterDisplay columns={columns} filter={filterDescriptor.filter} />\n      ) : null}\n    </Prompt>\n  );\n};\n"],"names":[],"mappings":";;;;;AAcO,MAAM,qBAAqB,CAAC;AAAA,EACjC,QAAA;AAAA,EACA,SAAA;AAAA,EACA,OAAA;AAAA,EACA,gBAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAO,GAAA,IAAA;AAAA,EACP,GAAG;AACL,CAA+B,KAAA;AAC7B,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,uBAAA,EAAyB,SAAS,CAAA;AAAA,MAChD,kBAAmB,EAAA,SAAA;AAAA,MACnB,OAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAM,EAAA,eAAA;AAAA,MAEN,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,EAA0B,gBAAiB,CAAA,MAAA,EAAQ,IAAI,CAAM,GAAA,CAAA,EAAA,CAAA;AAAA,QACnE,QAAA,GACC,QACE,GAAA,gBAAA,CAAiB,MACnB,mBAAA,GAAA,CAAC,iBAAc,OAAkB,EAAA,MAAA,EAAQ,gBAAiB,CAAA,MAAA,EAAQ,CAChE,GAAA;AAAA;AAAA;AAAA,GACN;AAEJ;;;;"}

package/esm/saved-filters/FilterNamePrompt.css.js

@@ -1,4 +0,0 @@
-var filterNamePromptCss = ".vuuFilterNamePrompt {\n    .saltText-warning {\n        padding: var(--salt-spacing-400) 0;\n    }\n    .saltDialogContent {\n        background: none;\n        padding:0;\n        .saltDialogContent-inner {\n            padding: var(--vuuFilterNamePrompt-content-padding, 1px);\n        }\n    }\n}";
-
-export { filterNamePromptCss as default };
-//# sourceMappingURL=FilterNamePrompt.css.js.map

package/esm/saved-filters/FilterNamePrompt.css.js.map

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

package/esm/saved-filters/FilterNamePrompt.js

@@ -1,87 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { FormField, FormFieldLabel, FormFieldHelperText, Text } from '@salt-ds/core';
-import { Prompt, VuuInput } from '@vuu-ui/vuu-ui-controls';
-import { useRef, useEffect } from 'react';
-import cx from 'clsx';
-import { useFilterNamePrompt, Status } from './useFilterNamePrompt.js';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import filterNamePromptCss from './FilterNamePrompt.css.js';
-
-const DUPLICATE_NAME_MESSAGE = "A filter with this name already exists";
-const DEFAULT_FILTER_NAME_MAX_LENGTH = 25;
-const FilterNamePrompt = ({
-  className,
-  filterName,
-  onClose,
-  onConfirm: onConfirmProp,
-  open = true,
-  title,
-  filterNameMaxLength = DEFAULT_FILTER_NAME_MAX_LENGTH,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-saved-filter-panel",
-    css: filterNamePromptCss,
-    window: targetWindow
-  });
-  const inputRef = useRef(null);
-  const {
-    confirmButtonProps,
-    nameOfDuplicateFilter,
-    onChange,
-    onCommit,
-    onConfirm,
-    status,
-    value
-  } = useFilterNamePrompt({
-    filterName,
-    onConfirm: onConfirmProp
-  });
-  const formFieldHelperText = status === Status.DuplicateName ? DUPLICATE_NAME_MESSAGE : void 0;
-  useEffect(() => {
-    setTimeout(() => {
-      inputRef.current?.focus();
-    }, 200);
-  }, []);
-  return /* @__PURE__ */ jsxs(
-    Prompt,
-    {
-      ...htmlAttributes,
-      className: cx("vuuFilterNamePrompt", className),
-      confirmButtonProps,
-      disableAccent: true,
-      onClose,
-      onConfirm,
-      open,
-      title,
-      children: [
-        /* @__PURE__ */ jsxs(FormField, { children: [
-          /* @__PURE__ */ jsx(FormFieldLabel, { children: "Filter name" }),
-          /* @__PURE__ */ jsx(
-            VuuInput,
-            {
-              commitOnBlur: false,
-              inputRef,
-              onChange,
-              onCommit,
-              defaultValue: value,
-              placeholder: "Please enter",
-              inputProps: { maxLength: filterNameMaxLength }
-            }
-          ),
-          formFieldHelperText ? /* @__PURE__ */ jsx(FormFieldHelperText, { children: formFieldHelperText }) : null
-        ] }),
-        nameOfDuplicateFilter ? /* @__PURE__ */ jsxs(Text, { color: "warning", children: [
-          "An identical filter has already been saved, see",
-          " ",
-          /* @__PURE__ */ jsx("b", { children: nameOfDuplicateFilter })
-        ] }) : null
-      ]
-    }
-  );
-};
-
-export { FilterNamePrompt };
-//# sourceMappingURL=FilterNamePrompt.js.map

package/esm/saved-filters/FilterNamePrompt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterNamePrompt.js","sources":["../../../../packages/vuu-filters/src/saved-filters/FilterNamePrompt.tsx"],"sourcesContent":["import {\n  FormField,\n  FormFieldHelperText,\n  FormFieldLabel,\n  Text,\n} from \"@salt-ds/core\";\nimport { Prompt, PromptProps, VuuInput } from \"@vuu-ui/vuu-ui-controls\";\nimport { HTMLAttributes, useEffect, useRef } from \"react\";\nimport cx from \"clsx\";\nimport {\n  FilterNamePromptHookProps,\n  Status,\n  useFilterNamePrompt,\n} from \"./useFilterNamePrompt\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\n\nimport filterNamePromptCss from \"./FilterNamePrompt.css\";\n\nconst DUPLICATE_NAME_MESSAGE = \"A filter with this name already exists\";\nconst DEFAULT_FILTER_NAME_MAX_LENGTH = 25;\n\nexport interface FilterNamePromptProps\n  extends FilterNamePromptHookProps,\n    Pick<PromptProps, \"onClose\" | \"open\" | \"title\">,\n    Omit<HTMLAttributes<HTMLDivElement>, \"title\"> {}\n\nexport const FilterNamePrompt = ({\n  className,\n  filterName,\n  onClose,\n  onConfirm: onConfirmProp,\n  open = true,\n  title,\n  filterNameMaxLength = DEFAULT_FILTER_NAME_MAX_LENGTH,\n  ...htmlAttributes\n}: FilterNamePromptProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-saved-filter-panel\",\n    css: filterNamePromptCss,\n    window: targetWindow,\n  });\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  const {\n    confirmButtonProps,\n    nameOfDuplicateFilter,\n    onChange,\n    onCommit,\n    onConfirm,\n    status,\n    value,\n  } = useFilterNamePrompt({\n    filterName,\n    onConfirm: onConfirmProp,\n  });\n\n  const formFieldHelperText =\n    status === Status.DuplicateName ? DUPLICATE_NAME_MESSAGE : undefined;\n\n  useEffect(() => {\n    setTimeout(() => {\n      inputRef.current?.focus();\n    }, 200);\n  }, []);\n\n  return (\n    <Prompt\n      {...htmlAttributes}\n      className={cx(\"vuuFilterNamePrompt\", className)}\n      confirmButtonProps={confirmButtonProps}\n      disableAccent\n      onClose={onClose}\n      onConfirm={onConfirm}\n      open={open}\n      title={title}\n    >\n      <FormField>\n        <FormFieldLabel>Filter name</FormFieldLabel>\n        <VuuInput\n          commitOnBlur={false}\n          inputRef={inputRef}\n          onChange={onChange}\n          onCommit={onCommit}\n          defaultValue={value}\n          placeholder=\"Please enter\"\n          inputProps={{ maxLength: filterNameMaxLength }}\n        />\n        {formFieldHelperText ? (\n          <FormFieldHelperText>{formFieldHelperText}</FormFieldHelperText>\n        ) : null}\n      </FormField>\n      {nameOfDuplicateFilter ? (\n        <Text color=\"warning\">\n          An identical filter has already been saved, see{\" \"}\n          <b>{nameOfDuplicateFilter}</b>\n        </Text>\n      ) : null}\n    </Prompt>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;AAmBA,MAAM,sBAAyB,GAAA,wCAAA;AAC/B,MAAM,8BAAiC,GAAA,EAAA;AAOhC,MAAM,mBAAmB,CAAC;AAAA,EAC/B,SAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAW,EAAA,aAAA;AAAA,EACX,IAAO,GAAA,IAAA;AAAA,EACP,KAAA;AAAA,EACA,mBAAsB,GAAA,8BAAA;AAAA,EACtB,GAAG;AACL,CAA6B,KAAA;AAC3B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAA,mBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,QAAA,GAAW,OAAyB,IAAI,CAAA;AAE9C,EAAM,MAAA;AAAA,IACJ,kBAAA;AAAA,IACA,qBAAA;AAAA,IACA,QAAA;AAAA,IACA,QAAA;AAAA,IACA,SAAA;AAAA,IACA,MAAA;AAAA,IACA;AAAA,MACE,mBAAoB,CAAA;AAAA,IACtB,UAAA;AAAA,IACA,SAAW,EAAA;AAAA,GACZ,CAAA;AAED,EAAA,MAAM,mBACJ,GAAA,MAAA,KAAW,MAAO,CAAA,aAAA,GAAgB,sBAAyB,GAAA,KAAA,CAAA;AAE7D,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,UAAA,CAAW,MAAM;AACf,MAAA,QAAA,CAAS,SAAS,KAAM,EAAA;AAAA,OACvB,GAAG,CAAA;AAAA,GACR,EAAG,EAAE,CAAA;AAEL,EACE,uBAAA,IAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,qBAAA,EAAuB,SAAS,CAAA;AAAA,MAC9C,kBAAA;AAAA,MACA,aAAa,EAAA,IAAA;AAAA,MACb,OAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,IAAA,CAAC,SACC,EAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA,CAAC,kBAAe,QAAW,EAAA,aAAA,EAAA,CAAA;AAAA,0BAC3B,GAAA;AAAA,YAAC,QAAA;AAAA,YAAA;AAAA,cACC,YAAc,EAAA,KAAA;AAAA,cACd,QAAA;AAAA,cACA,QAAA;AAAA,cACA,QAAA;AAAA,cACA,YAAc,EAAA,KAAA;AAAA,cACd,WAAY,EAAA,cAAA;AAAA,cACZ,UAAA,EAAY,EAAE,SAAA,EAAW,mBAAoB;AAAA;AAAA,WAC/C;AAAA,UACC,mBACC,mBAAA,GAAA,CAAC,mBAAqB,EAAA,EAAA,QAAA,EAAA,mBAAA,EAAoB,CACxC,GAAA;AAAA,SACN,EAAA,CAAA;AAAA,QACC,qBACC,mBAAA,IAAA,CAAC,IAAK,EAAA,EAAA,KAAA,EAAM,SAAU,EAAA,QAAA,EAAA;AAAA,UAAA,iDAAA;AAAA,UAC4B,GAAA;AAAA,0BAChD,GAAA,CAAC,OAAG,QAAsB,EAAA,qBAAA,EAAA;AAAA,SAAA,EAC5B,CACE,GAAA;AAAA;AAAA;AAAA,GACN;AAEJ;;;;"}

package/esm/saved-filters/SavedFilterPanel.css.js

@@ -1,4 +0,0 @@
-var savedFilterPanelCss = ".vuuSavedFilterPanel {\n    background-color: var(--vuuSavedFilterPanel-background, var(--salt-container-secondary-background));\n    overflow: auto;\n    padding: var(--vuuSavedFilterPanel-padding, calc(var(--salt-spacing-200) * 3));\n\n    .vuuFilterPillNext {\n        max-width: 100%;\n    }\n}\n\n.vuuSavedFilterPanel-filterPill-container {\n    gap: var(--salt-spacing-400);\n    display: flex;\n    flex-wrap: wrap;\n    height: fit-content;\n}";
-
-export { savedFilterPanelCss as default };
-//# sourceMappingURL=SavedFilterPanel.css.js.map

package/esm/saved-filters/SavedFilterPanel.css.js.map

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

package/esm/saved-filters/SavedFilterPanel.js

@@ -1,60 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useMemo, createElement } from 'react';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { FilterPillNext } from '../filter-pill/FilterPillNext.js';
-import { useSavedFilterPanel } from './useSavedFilterPanel.js';
-import savedFilterPanelCss from './SavedFilterPanel.css.js';
-
-const classBase = "vuuSavedFilterPanel";
-const defaultFilterPillPermissions = {
-  allowEdit: true,
-  allowRename: true,
-  allowRemove: true
-};
-const SavedFilterPanel = ({
-  availableColumns,
-  className,
-  filterPillPermissions = defaultFilterPillPermissions,
-  filterProviderKey,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-saved-filter-panel",
-    css: savedFilterPanelCss,
-    window: targetWindow
-  });
-  const permissions = useMemo(() => {
-    const {
-      allowClose = defaultFilterPillPermissions.allowClose,
-      allowEdit = defaultFilterPillPermissions.allowEdit,
-      allowRemove = defaultFilterPillPermissions.allowRename,
-      allowRename = defaultFilterPillPermissions.allowRename
-    } = filterPillPermissions;
-    return { allowClose, allowEdit, allowRemove, allowRename };
-  }, [filterPillPermissions]);
-  const { onClickFilter, onFilterMenuAction, savedFilters } = useSavedFilterPanel({ availableColumns, filterProviderKey });
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, "vuuScrollable", className),
-      children: /* @__PURE__ */ jsx("div", { className: `${classBase}-filterPill-container`, children: savedFilters.map((filterDescriptor, i) => /* @__PURE__ */ createElement(
-        FilterPillNext,
-        {
-          ...filterDescriptor,
-          columns: availableColumns,
-          key: i,
-          onClick: onClickFilter,
-          onMenuAction: onFilterMenuAction,
-          permissions
-        }
-      )) })
-    }
-  );
-};
-
-export { SavedFilterPanel };
-//# sourceMappingURL=SavedFilterPanel.js.map

package/esm/saved-filters/SavedFilterPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SavedFilterPanel.js","sources":["../../../../packages/vuu-filters/src/saved-filters/SavedFilterPanel.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport cx from \"clsx\";\nimport { HTMLAttributes, useMemo } from \"react\";\nimport { FilterPermissions } from \"../filter-pill/FilterMenu\";\nimport { FilterPillNext } from \"../filter-pill/FilterPillNext\";\nimport { useSavedFilterPanel } from \"./useSavedFilterPanel\";\n\nimport savedFilterPanelCss from \"./SavedFilterPanel.css\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\n\nconst classBase = \"vuuSavedFilterPanel\";\n\nconst defaultFilterPillPermissions: FilterPermissions = {\n  allowEdit: true,\n  allowRename: true,\n  allowRemove: true,\n};\n\nexport interface SavedFilterPanelProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<FilterContainerProps, \"filterProviderKey\"> {\n  /**\n   * ColumnDescriptors are not required but is passed will be\n   * used to provide labels and correct value formatting for\n   * displayed filters, e.g in tooltips\n   */\n  availableColumns?: ColumnDescriptor[];\n  filterPillPermissions?: FilterPermissions;\n}\n\nexport const SavedFilterPanel = ({\n  availableColumns,\n  className,\n  filterPillPermissions = defaultFilterPillPermissions,\n  filterProviderKey,\n  ...htmlAttributes\n}: SavedFilterPanelProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-saved-filter-panel\",\n    css: savedFilterPanelCss,\n    window: targetWindow,\n  });\n\n  const permissions = useMemo<FilterPermissions>(() => {\n    const {\n      allowClose = defaultFilterPillPermissions.allowClose,\n      allowEdit = defaultFilterPillPermissions.allowEdit,\n      allowRemove = defaultFilterPillPermissions.allowRename,\n      allowRename = defaultFilterPillPermissions.allowRename,\n    } = filterPillPermissions;\n    return { allowClose, allowEdit, allowRemove, allowRename };\n  }, [filterPillPermissions]);\n\n  const { onClickFilter, onFilterMenuAction, savedFilters } =\n    useSavedFilterPanel({ availableColumns, filterProviderKey });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, \"vuuScrollable\", className)}\n    >\n      <div className={`${classBase}-filterPill-container`}>\n        {savedFilters.map((filterDescriptor, i) => (\n          <FilterPillNext\n            {...filterDescriptor}\n            columns={availableColumns}\n            key={i}\n            onClick={onClickFilter}\n            onMenuAction={onFilterMenuAction}\n            permissions={permissions}\n          />\n        ))}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;AAYA,MAAM,SAAY,GAAA,qBAAA;AAElB,MAAM,4BAAkD,GAAA;AAAA,EACtD,SAAW,EAAA,IAAA;AAAA,EACX,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA;AACf,CAAA;AAcO,MAAM,mBAAmB,CAAC;AAAA,EAC/B,gBAAA;AAAA,EACA,SAAA;AAAA,EACA,qBAAwB,GAAA,4BAAA;AAAA,EACxB,iBAAA;AAAA,EACA,GAAG;AACL,CAA6B,KAAA;AAC3B,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,wBAAA;AAAA,IACR,GAAK,EAAA,mBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA,WAAA,GAAc,QAA2B,MAAM;AACnD,IAAM,MAAA;AAAA,MACJ,aAAa,4BAA6B,CAAA,UAAA;AAAA,MAC1C,YAAY,4BAA6B,CAAA,SAAA;AAAA,MACzC,cAAc,4BAA6B,CAAA,WAAA;AAAA,MAC3C,cAAc,4BAA6B,CAAA;AAAA,KACzC,GAAA,qBAAA;AACJ,IAAA,OAAO,EAAE,UAAA,EAAY,SAAW,EAAA,WAAA,EAAa,WAAY,EAAA;AAAA,GAC3D,EAAG,CAAC,qBAAqB,CAAC,CAAA;AAE1B,EAAM,MAAA,EAAE,eAAe,kBAAoB,EAAA,YAAA,KACzC,mBAAoB,CAAA,EAAE,gBAAkB,EAAA,iBAAA,EAAmB,CAAA;AAE7D,EACE,uBAAA,GAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,eAAA,EAAiB,SAAS,CAAA;AAAA,MAEnD,QAAA,kBAAA,GAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,CAAG,EAAA,SAAS,yBACzB,QAAa,EAAA,YAAA,CAAA,GAAA,CAAI,CAAC,gBAAA,EAAkB,CACnC,qBAAA,aAAA;AAAA,QAAC,cAAA;AAAA,QAAA;AAAA,UACE,GAAG,gBAAA;AAAA,UACJ,OAAS,EAAA,gBAAA;AAAA,UACT,GAAK,EAAA,CAAA;AAAA,UACL,OAAS,EAAA,aAAA;AAAA,UACT,YAAc,EAAA,kBAAA;AAAA,UACd;AAAA;AAAA,OAEH,CACH,EAAA;AAAA;AAAA,GACF;AAEJ;;;;"}

package/esm/saved-filters/useFilterNamePrompt.js

@@ -1,95 +0,0 @@
-import { useRef, useState, useMemo, useCallback } from 'react';
-import { useSavedFilters } from '../filter-provider/FilterContext.js';
-import { findMatchingFilter } from '../filter-utils.js';
-
-const isValidName = (name) => typeof name === "string" && name.trim().length > 0;
-const isDuplicateName = (names, value) => names.includes(value.toLowerCase());
-const Status = {
-  Empty: "empty",
-  Valid: "valid",
-  Invalid: "invalid",
-  DuplicateName: "duplicate-name"
-};
-const useFilterNamePrompt = ({
-  filterName = "",
-  onConfirm
-}) => {
-  const { currentFilter, savedFilters = [] } = useSavedFilters();
-  const filterNameRef = useRef(filterName);
-  const confirmRef = useRef(null);
-  const [status, setStatus] = useState(
-    filterName !== "" ? Status.Valid : Status.Empty
-  );
-  const nameOfDuplicateFilter = useMemo(() => {
-    if (currentFilter.filter) {
-      const matchingFilter = findMatchingFilter(
-        savedFilters,
-        currentFilter.filter
-      );
-      if (matchingFilter) {
-        return matchingFilter.filter?.name;
-      }
-    }
-  }, [currentFilter.filter, savedFilters]);
-  const existingFilterNames = useMemo(
-    () => savedFilters.reduce((list, f) => {
-      if (f.filter?.name) {
-        list.push(f.filter.name.toLowerCase());
-      }
-      return list;
-    }, []),
-    [savedFilters]
-  );
-  const handleConfirm = useCallback(() => {
-    onConfirm(filterNameRef.current);
-  }, [onConfirm]);
-  const handleCommit = useCallback(
-    (e, value) => {
-      onConfirm(value);
-    },
-    [onConfirm]
-  );
-  const handleChange = useCallback(
-    (e) => {
-      const value = e.target.value.trim();
-      filterNameRef.current = value;
-      setStatus((currentStatus) => {
-        let newStatus = currentStatus;
-        if (value === "") {
-          newStatus = Status.Empty;
-        } else {
-          const isValid = isValidName(value);
-          if (!isValid) {
-            newStatus = Status.Invalid;
-          } else if (isDuplicateName(existingFilterNames, value)) {
-            newStatus = Status.DuplicateName;
-          } else {
-            newStatus = Status.Valid;
-          }
-        }
-        return newStatus;
-      });
-    },
-    [existingFilterNames]
-  );
-  const confirmButtonProps = useMemo(
-    () => ({
-      disabled: status !== Status.Valid && status !== Status.DuplicateName,
-      label: status === Status.DuplicateName ? "replace filter" : "save filter",
-      ref: confirmRef
-    }),
-    [status]
-  );
-  return {
-    confirmButtonProps,
-    nameOfDuplicateFilter,
-    onChange: handleChange,
-    onCommit: handleCommit,
-    onConfirm: handleConfirm,
-    status,
-    value: filterNameRef.current
-  };
-};
-
-export { Status, useFilterNamePrompt };
-//# sourceMappingURL=useFilterNamePrompt.js.map

package/esm/saved-filters/useFilterNamePrompt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterNamePrompt.js","sources":["../../../../packages/vuu-filters/src/saved-filters/useFilterNamePrompt.ts"],"sourcesContent":["import {\n  ChangeEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { CommitHandler, ValueOf } from \"@vuu-ui/vuu-utils\";\nimport { findMatchingFilter } from \"../filter-utils\";\n\nexport interface FilterNamePromptHookProps {\n  filterName?: string;\n  onConfirm: (filterName: string) => void;\n  filterNameMaxLength?: number;\n}\n\nconst isValidName = (name: unknown): name is string =>\n  typeof name === \"string\" && name.trim().length > 0;\n\nconst isDuplicateName = (names: string[], value: string) =>\n  names.includes(value.toLowerCase());\n\nexport const Status = {\n  Empty: \"empty\",\n  Valid: \"valid\",\n  Invalid: \"invalid\",\n  DuplicateName: \"duplicate-name\",\n} as const;\ntype Status = ValueOf<typeof Status>;\n\nexport const useFilterNamePrompt = ({\n  filterName = \"\",\n  onConfirm,\n}: FilterNamePromptHookProps) => {\n  const { currentFilter, savedFilters = [] } = useSavedFilters();\n  const filterNameRef = useRef(filterName);\n  const confirmRef = useRef<HTMLButtonElement>(null);\n\n  const [status, setStatus] = useState<Status>(\n    filterName !== \"\" ? Status.Valid : Status.Empty,\n  );\n\n  const nameOfDuplicateFilter = useMemo(() => {\n    if (currentFilter.filter) {\n      const matchingFilter = findMatchingFilter(\n        savedFilters,\n        currentFilter.filter,\n      );\n      if (matchingFilter) {\n        return matchingFilter.filter?.name;\n      }\n    }\n  }, [currentFilter.filter, savedFilters]);\n\n  const existingFilterNames = useMemo(\n    () =>\n      savedFilters.reduce<string[]>((list, f) => {\n        if (f.filter?.name) {\n          list.push(f.filter.name.toLowerCase());\n        }\n        return list;\n      }, []),\n    [savedFilters],\n  );\n\n  const handleConfirm = useCallback(() => {\n    onConfirm(filterNameRef.current);\n  }, [onConfirm]);\n\n  const handleCommit = useCallback<CommitHandler>(\n    (e, value) => {\n      onConfirm(value as string);\n    },\n    [onConfirm],\n  );\n\n  const handleChange = useCallback<ChangeEventHandler<HTMLInputElement>>(\n    (e) => {\n      const value = e.target.value.trim();\n      filterNameRef.current = value;\n\n      setStatus((currentStatus) => {\n        let newStatus = currentStatus;\n        if (value === \"\") {\n          newStatus = Status.Empty;\n        } else {\n          const isValid = isValidName(value);\n          if (!isValid) {\n            newStatus = Status.Invalid;\n          } else if (isDuplicateName(existingFilterNames, value)) {\n            newStatus = Status.DuplicateName;\n          } else {\n            newStatus = Status.Valid;\n          }\n        }\n        return newStatus;\n      });\n    },\n    [existingFilterNames],\n  );\n\n  const confirmButtonProps = useMemo(\n    () => ({\n      disabled: status !== Status.Valid && status !== Status.DuplicateName,\n      label: status === Status.DuplicateName ? \"replace filter\" : \"save filter\",\n      ref: confirmRef,\n    }),\n    [status],\n  );\n\n  return {\n    confirmButtonProps,\n    nameOfDuplicateFilter,\n    onChange: handleChange,\n    onCommit: handleCommit,\n    onConfirm: handleConfirm,\n    status,\n    value: filterNameRef.current,\n  };\n};\n"],"names":[],"mappings":"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"}