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

package/esm/filter-editor/useFilterEditor.js

@@ -1,189 +0,0 @@
-import { useMemo, useState, useRef, useCallback } from 'react';
-import { focusFirstClauseIfAllClausesValid, focusFilterClauseField, focusLastClauseValue, navigateToNextFilterClause, getFocusedFieldDetails } from '../filter-clause/filterClauseFocusManagement.js';
-import { FilterModel } from '../FilterModel.js';
-
-const useFilterEditor = ({
-  columnDescriptors,
-  filter,
-  onCancel,
-  onSave
-}) => {
-  const filterModel = useMemo(() => {
-    return new FilterModel(filter);
-  }, [filter]);
-  const [_, forceRefresh] = useState({});
-  const [isValid, setIsValid] = useState(filterModel.isValid);
-  const clauseCombinatorRef = useRef(void 0);
-  const saveButtonRef = useRef(null);
-  const containerRef = useRef(null);
-  const setContainer = useCallback((el) => {
-    containerRef.current = el;
-    if (el) {
-      focusFirstClauseIfAllClausesValid(el);
-    }
-  }, []);
-  const saveButtonMenuBuilder = useCallback((_2, options) => {
-    switch (clauseCombinatorRef.current) {
-      case "and":
-        return [{ id: "and-clause", label: "AND", options }];
-      case "or":
-        return [{ id: "or-clause", label: "OR", options }];
-      default:
-        return [
-          { id: "and-clause", label: "AND", options },
-          { id: "or-clause", label: "OR", options }
-        ];
-    }
-  }, []);
-  const columnsByName = useMemo(
-    () => columnDescriptorsByName(columnDescriptors),
-    [columnDescriptors]
-  );
-  const isLastFilterClause = useCallback(
-    (index) => index !== void 0 && filterModel.filterClauses.length === index + 1,
-    [filterModel]
-  );
-  const focusSaveButton = useCallback(() => {
-    requestAnimationFrame(() => {
-      saveButtonRef.current?.focus();
-    });
-  }, []);
-  useMemo(() => {
-    const setValid = (isValid2) => {
-      setIsValid(isValid2);
-    };
-    const valueChanged = (_filter, isValid2) => {
-      if (isValid2) {
-        const [filterClauseIndex, fieldName] = getFocusedFieldDetails();
-        if (fieldName === "value" && isLastFilterClause(filterClauseIndex)) {
-          focusSaveButton();
-        }
-      }
-    };
-    filterModel.on("isValid", setValid);
-    filterModel.on("filter", valueChanged);
-  }, [filterModel, focusSaveButton, isLastFilterClause]);
-  const handleCancelFilterClause = useCallback(
-    (filterClause, reason) => {
-      if (reason === "Backspace") {
-        const indexOfFilterClause = filterModel.filterClauses.indexOf(filterClause);
-        filterModel.removeFilterClause(filterClause);
-        forceRefresh({});
-        if (reason === "Backspace" && containerRef.current) {
-          if (indexOfFilterClause > 0) {
-            focusFilterClauseField(
-              containerRef.current,
-              indexOfFilterClause - 1
-            );
-          }
-        }
-      } else {
-        console.log(
-          `cancel because of Escape valid clause ${filterClause.isValid}`
-        );
-        onCancel(filter);
-      }
-    },
-    [filter, filterModel, onCancel]
-  );
-  const invokeMenuAction = useCallback(
-    (menuId) => {
-      switch (menuId) {
-        case "save": {
-          const savedFilter = filterModel.asFilter();
-          const newOrUpdatedFilter = filter?.name ? {
-            ...savedFilter,
-            name: filter.name
-          } : savedFilter;
-          onSave(newOrUpdatedFilter);
-          return true;
-        }
-        case "and-clause": {
-          clauseCombinatorRef.current = "and";
-          filterModel.addNewFilterClause("and");
-          return true;
-        }
-        case "or-clause":
-          clauseCombinatorRef.current = "or";
-          filterModel.addNewFilterClause("or");
-          return true;
-        default:
-          return false;
-      }
-    },
-    [filter?.name, filterModel, onSave]
-  );
-  const handleKeyDownSaveButton = useCallback(
-    (evt) => {
-      if (evt.key === "Tab" && evt.shiftKey) {
-        evt.preventDefault();
-        const target = evt.target;
-        const filterEditor = target.closest(".vuuFilterEditor");
-        focusLastClauseValue(filterEditor);
-      } else if (evt.key === "Escape") {
-        onCancel(filter);
-      }
-    },
-    [filter, onCancel]
-  );
-  const handleKeyDownNavigationFromCombinator = useCallback((evt) => {
-    const { target, key, shiftKey } = evt;
-    if (key === "ArrowLeft") {
-      evt.preventDefault();
-      navigateToNextFilterClause(target, "bwd");
-    } else if (key === "ArrowRight") {
-      evt.preventDefault();
-      navigateToNextFilterClause(target, "fwd");
-    } else if (key === "Tab" && shiftKey) {
-      evt.preventDefault();
-      navigateToNextFilterClause(target, "bwd");
-    }
-  }, []);
-  const handleClickSaveButton = useMemo(
-    () => () => (
-      // onSave() ?
-      invokeMenuAction("save")
-    ),
-    [invokeMenuAction]
-  );
-  const saveButtonProps = {
-    PopupMenuProps: {
-      icon: "more-vert",
-      menuBuilder: saveButtonMenuBuilder,
-      menuActionHandler: invokeMenuAction,
-      menuLocation: "filter-save-menu"
-    },
-    onClick: handleClickSaveButton,
-    onKeyDown: handleKeyDownSaveButton
-  };
-  const onChangeFilterCombinator = useCallback(
-    (op) => {
-      filterModel.setOp(op);
-      clauseCombinatorRef.current = op;
-      forceRefresh({});
-    },
-    [filterModel]
-  );
-  const handleCancelFilterEdit = useCallback(() => {
-    onCancel(filter);
-  }, [filter, onCancel]);
-  return {
-    columnsByName,
-    filterModel,
-    focusSaveButton,
-    isValid,
-    onCancelFilterClause: handleCancelFilterClause,
-    onCancelFilterEdit: handleCancelFilterEdit,
-    onChangeFilterCombinator,
-    onKeyDownCombinator: handleKeyDownNavigationFromCombinator,
-    saveButtonProps,
-    saveButtonRef,
-    setContainer
-  };
-};
-function columnDescriptorsByName(columns) {
-  return columns.reduce((m, col) => ({ ...m, [col.name]: col }), {});
-}
-
-export { useFilterEditor };
-//# sourceMappingURL=useFilterEditor.js.map

package/esm/filter-editor/useFilterEditor.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterEditor.js","sources":["../../../../packages/vuu-filters/src/filter-editor/useFilterEditor.ts"],"sourcesContent":["import type { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport type {\n  ColumnDescriptorsByName,\n  FilterCombinatorOp,\n} from \"@vuu-ui/vuu-filter-types\";\nimport {\n  KeyboardEventHandler,\n  RefCallback,\n  useCallback,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport {\n  focusFilterClauseField,\n  focusFirstClauseIfAllClausesValid,\n  focusLastClauseValue,\n  getFocusedFieldDetails,\n  navigateToNextFilterClause,\n} from \"../filter-clause/filterClauseFocusManagement\";\nimport { FilterEditorProps } from \"./FilterEditor\";\nimport {\n  FilterChangeHandler,\n  FilterModel,\n  FilterStatusChangeHandler,\n} from \"../FilterModel\";\nimport { FilterClauseCancelHandler } from \"../filter-clause\";\nimport { FilterClauseCombinatorChangeHandler } from \"./FilterClauseCombinator\";\nimport { MenuActionHandler, MenuBuilder } from \"@vuu-ui/vuu-context-menu\";\n\nexport interface FilterEditorHookProps\n  extends Pick<\n    FilterEditorProps,\n    \"columnDescriptors\" | \"filter\" | \"onCancel\" | \"onSave\"\n  > {\n  label?: string;\n}\n\nexport const useFilterEditor = ({\n  columnDescriptors,\n  filter,\n  onCancel,\n  onSave,\n}: FilterEditorHookProps) => {\n  const filterModel = useMemo(() => {\n    return new FilterModel(filter);\n  }, [filter]);\n\n  const [_, forceRefresh] = useState({});\n  const [isValid, setIsValid] = useState(filterModel.isValid);\n  const clauseCombinatorRef = useRef<FilterCombinatorOp | undefined>(undefined);\n  const saveButtonRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const setContainer = useCallback<RefCallback<HTMLDivElement>>((el) => {\n    containerRef.current = el;\n    if (el) {\n      // If there is a new empty clause it will focus itself, otw ...\n      focusFirstClauseIfAllClausesValid(el);\n    }\n  }, []);\n\n  const saveButtonMenuBuilder: MenuBuilder = useCallback((_, options) => {\n    switch (clauseCombinatorRef.current) {\n      case \"and\":\n        return [{ id: \"and-clause\", label: \"AND\", options }];\n      case \"or\":\n        return [{ id: \"or-clause\", label: \"OR\", options }];\n      default:\n        return [\n          { id: \"and-clause\", label: \"AND\", options },\n          { id: \"or-clause\", label: \"OR\", options },\n        ];\n    }\n  }, []);\n\n  const columnsByName = useMemo(\n    () => columnDescriptorsByName(columnDescriptors),\n    [columnDescriptors],\n  );\n\n  const isLastFilterClause = useCallback(\n    (index?: number) =>\n      index !== undefined && filterModel.filterClauses.length === index + 1,\n    [filterModel],\n  );\n\n  const focusSaveButton = useCallback(() => {\n    requestAnimationFrame(() => {\n      saveButtonRef.current?.focus();\n    });\n  }, []);\n\n  useMemo(() => {\n    const setValid: FilterStatusChangeHandler = (isValid) => {\n      // bind the model state change to React state to ensure render\n      setIsValid(isValid);\n    };\n\n    const valueChanged: FilterChangeHandler = (_filter, isValid) => {\n      if (isValid) {\n        const [filterClauseIndex, fieldName] = getFocusedFieldDetails();\n        if (fieldName === \"value\" && isLastFilterClause(filterClauseIndex)) {\n          focusSaveButton();\n        }\n      }\n    };\n    filterModel.on(\"isValid\", setValid);\n    filterModel.on(\"filter\", valueChanged);\n  }, [filterModel, focusSaveButton, isLastFilterClause]);\n\n  const handleCancelFilterClause = useCallback<FilterClauseCancelHandler>(\n    (filterClause, reason) => {\n      if (reason === \"Backspace\") {\n        const indexOfFilterClause =\n          filterModel.filterClauses.indexOf(filterClause);\n        filterModel.removeFilterClause(filterClause);\n        forceRefresh({});\n        if (reason === \"Backspace\" && containerRef.current) {\n          if (indexOfFilterClause > 0) {\n            focusFilterClauseField(\n              containerRef.current,\n              indexOfFilterClause - 1,\n            );\n          }\n        }\n      } else {\n        console.log(\n          `cancel because of Escape valid clause ${filterClause.isValid}`,\n        );\n        onCancel(filter);\n      }\n    },\n    [filter, filterModel, onCancel],\n  );\n\n  const invokeMenuAction = useCallback<MenuActionHandler>(\n    (menuId) => {\n      switch (menuId) {\n        case \"save\": {\n          const savedFilter = filterModel.asFilter();\n          const newOrUpdatedFilter = filter?.name\n            ? {\n                ...savedFilter,\n                name: filter.name,\n              }\n            : savedFilter;\n          onSave(newOrUpdatedFilter);\n          return true;\n        }\n        case \"and-clause\": {\n          clauseCombinatorRef.current = \"and\";\n          filterModel.addNewFilterClause(\"and\");\n          return true;\n        }\n        case \"or-clause\":\n          clauseCombinatorRef.current = \"or\";\n          filterModel.addNewFilterClause(\"or\");\n          return true;\n        default:\n          return false;\n      }\n    },\n    [filter?.name, filterModel, onSave],\n  );\n\n  const handleKeyDownSaveButton = useCallback<KeyboardEventHandler>(\n    (evt) => {\n      if (evt.key === \"Tab\" && evt.shiftKey) {\n        evt.preventDefault();\n        const target = evt.target as HTMLElement;\n        const filterEditor = target.closest(\".vuuFilterEditor\") as HTMLElement;\n        focusLastClauseValue(filterEditor);\n      } else if (evt.key === \"Escape\") {\n        onCancel(filter);\n      }\n    },\n    [filter, onCancel],\n  );\n\n  const handleKeyDownNavigationFromCombinator = useCallback<\n    KeyboardEventHandler<HTMLElement>\n  >((evt) => {\n    const { target, key, shiftKey } = evt;\n    if (key === \"ArrowLeft\") {\n      evt.preventDefault();\n      navigateToNextFilterClause(target as HTMLElement, \"bwd\");\n    } else if (key === \"ArrowRight\") {\n      evt.preventDefault();\n      navigateToNextFilterClause(target as HTMLElement, \"fwd\");\n    } else if (key === \"Tab\" && shiftKey) {\n      evt.preventDefault();\n      navigateToNextFilterClause(target as HTMLElement, \"bwd\");\n    }\n  }, []);\n\n  const handleClickSaveButton = useMemo(\n    () => () =>\n      // onSave() ?\n      invokeMenuAction(\"save\"),\n    [invokeMenuAction],\n  );\n\n  const saveButtonProps = {\n    PopupMenuProps: {\n      icon: \"more-vert\",\n      menuBuilder: saveButtonMenuBuilder,\n      menuActionHandler: invokeMenuAction,\n      menuLocation: \"filter-save-menu\",\n    },\n    onClick: handleClickSaveButton,\n    onKeyDown: handleKeyDownSaveButton,\n  };\n\n  const onChangeFilterCombinator =\n    useCallback<FilterClauseCombinatorChangeHandler>(\n      (op) => {\n        filterModel.setOp(op);\n        clauseCombinatorRef.current = op;\n        forceRefresh({});\n      },\n      [filterModel],\n    );\n\n  const handleCancelFilterEdit = useCallback(() => {\n    onCancel(filter);\n  }, [filter, onCancel]);\n\n  return {\n    columnsByName,\n    filterModel,\n    focusSaveButton,\n    isValid,\n    onCancelFilterClause: handleCancelFilterClause,\n    onCancelFilterEdit: handleCancelFilterEdit,\n    onChangeFilterCombinator,\n    onKeyDownCombinator: handleKeyDownNavigationFromCombinator,\n    saveButtonProps,\n    saveButtonRef,\n    setContainer,\n  };\n};\n\n// Duplicated in useFilterBar\nfunction columnDescriptorsByName(\n  columns: readonly ColumnDescriptor[],\n): ColumnDescriptorsByName {\n  return columns.reduce((m, col) => ({ ...m, [col.name]: col }), {});\n}\n"],"names":["_","isValid"],"mappings":"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"}

package/esm/filter-panel/FilterPanel.css.js

@@ -1,4 +0,0 @@
-var filterPanelCss = ".vuuFilterPanel {\n    --vuuPrompt-minHeight: fit-content;\n\n    display: flex;\n    flex-direction: column;\n    gap: var(--vuuFilterPanel-gap, var(--salt-spacing-100));\n    height: var(--vuuFilterPanel-height, auto);\n    padding: var(--vuuFilterPanel-padding, 0);\n\n    --vuuFilterContainer-flex: 1 1 auto; \n\n    .vuuFilterPanel-toolbar {\n        align-items: center;\n        display: flex;\n        flex: 0 0 var(--salt-size-base);\n        padding: var(--salt-spacing-200) 0;\n        justify-content: space-between;\n    }\n}\n\n";
-
-export { filterPanelCss as default };
-//# sourceMappingURL=FilterPanel.css.js.map

package/esm/filter-panel/FilterPanel.css.js.map

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

package/esm/filter-panel/FilterPanel.js

@@ -1,89 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { forwardRef } from 'react';
-import filterPanelCss from './FilterPanel.css.js';
-import { FilterContainer } from '../filter-container/FilterContainer.js';
-import { Button } from '@salt-ds/core';
-import { useFilterPanel } from './useFilterPanel.js';
-
-const classBase = "vuuFilterPanel";
-const FilterPanel = forwardRef(function FilterDisplay({
-  children,
-  className,
-  filter: filterProp,
-  filterProviderKey,
-  onFilterApplied: onFilterAppliedProp,
-  onFilterCleared: onFilterClearedProp,
-  permissions,
-  ...htmlAttributes
-}, forwardedRef) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-panel",
-    css: filterPanelCss,
-    window: targetWindow
-  });
-  const {
-    clearFilter,
-    disableClear,
-    disableSave,
-    filter,
-    onFilterApplied,
-    onFilterCleared,
-    saveFilter,
-    saveFilterPrompt
-  } = useFilterPanel({
-    filter: filterProp,
-    filterProviderKey,
-    onFilterApplied: onFilterAppliedProp,
-    onFilterCleared: onFilterClearedProp
-  });
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ...htmlAttributes,
-      className: cx(classBase, className),
-      ref: forwardedRef,
-      children: [
-        /* @__PURE__ */ jsx(
-          FilterContainer,
-          {
-            filter,
-            filterProviderKey,
-            onFilterApplied,
-            onFilterCleared,
-            children
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: `${classBase}-toolbar`, children: [
-          /* @__PURE__ */ jsx(
-            Button,
-            {
-              appearance: "transparent",
-              disabled: disableClear,
-              onClick: clearFilter,
-              sentiment: "neutral",
-              children: "Clear"
-            }
-          ),
-          permissions?.allowSaveFilter !== false ? /* @__PURE__ */ jsx(
-            Button,
-            {
-              appearance: "transparent",
-              disabled: disableSave,
-              onClick: saveFilter,
-              sentiment: "neutral",
-              children: "Save"
-            }
-          ) : null
-        ] }),
-        saveFilterPrompt
-      ]
-    }
-  );
-});
-
-export { FilterPanel };
-//# sourceMappingURL=FilterPanel.js.map

package/esm/filter-panel/FilterPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPanel.js","sources":["../../../../packages/vuu-filters/src/filter-panel/FilterPanel.tsx"],"sourcesContent":["import { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { ForwardedRef, forwardRef, HTMLAttributes } from \"react\";\n\nimport filterPanelCss from \"./FilterPanel.css\";\nimport {\n  FilterContainer,\n  FilterContainerProps,\n} from \"../filter-container/FilterContainer\";\nimport { Button } from \"@salt-ds/core\";\nimport { useFilterPanel } from \"./useFilterPanel\";\n\nconst classBase = \"vuuFilterPanel\";\n\nexport type FilterPanelPermissions = {\n  allowSaveFilter: boolean;\n};\n\nexport interface FilterPanelProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<\n      FilterContainerProps,\n      \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n    > {\n  permissions?: FilterPanelPermissions;\n}\n\nexport const FilterPanel = forwardRef(function FilterDisplay(\n  {\n    children,\n    className,\n    filter: filterProp,\n    filterProviderKey,\n    onFilterApplied: onFilterAppliedProp,\n    onFilterCleared: onFilterClearedProp,\n    permissions,\n    ...htmlAttributes\n  }: FilterPanelProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-panel\",\n    css: filterPanelCss,\n    window: targetWindow,\n  });\n\n  const {\n    clearFilter,\n    disableClear,\n    disableSave,\n    filter,\n    onFilterApplied,\n    onFilterCleared,\n    saveFilter,\n    saveFilterPrompt,\n  } = useFilterPanel({\n    filter: filterProp,\n    filterProviderKey,\n    onFilterApplied: onFilterAppliedProp,\n    onFilterCleared: onFilterClearedProp,\n  });\n\n  return (\n    <div\n      {...htmlAttributes}\n      className={cx(classBase, className)}\n      ref={forwardedRef}\n    >\n      <FilterContainer\n        filter={filter}\n        filterProviderKey={filterProviderKey}\n        onFilterApplied={onFilterApplied}\n        onFilterCleared={onFilterCleared}\n      >\n        {children}\n      </FilterContainer>\n      <div className={`${classBase}-toolbar`}>\n        <Button\n          appearance=\"transparent\"\n          disabled={disableClear}\n          onClick={clearFilter}\n          sentiment=\"neutral\"\n        >\n          Clear\n        </Button>\n        {permissions?.allowSaveFilter !== false ? (\n          <Button\n            appearance=\"transparent\"\n            disabled={disableSave}\n            onClick={saveFilter}\n            sentiment=\"neutral\"\n          >\n            Save\n          </Button>\n        ) : null}\n      </div>\n      {saveFilterPrompt}\n    </div>\n  );\n});\n"],"names":[],"mappings":";;;;;;;;;;AAaA,MAAM,SAAY,GAAA,gBAAA;AAeL,MAAA,WAAA,GAAc,UAAW,CAAA,SAAS,aAC7C,CAAA;AAAA,EACE,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAQ,EAAA,UAAA;AAAA,EACR,iBAAA;AAAA,EACA,eAAiB,EAAA,mBAAA;AAAA,EACjB,eAAiB,EAAA,mBAAA;AAAA,EACjB,WAAA;AAAA,EACA,GAAG;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,kBAAA;AAAA,IACR,GAAK,EAAA,cAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,WAAA;AAAA,IACA,YAAA;AAAA,IACA,WAAA;AAAA,IACA,MAAA;AAAA,IACA,eAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA;AAAA,MACE,cAAe,CAAA;AAAA,IACjB,MAAQ,EAAA,UAAA;AAAA,IACR,iBAAA;AAAA,IACA,eAAiB,EAAA,mBAAA;AAAA,IACjB,eAAiB,EAAA;AAAA,GAClB,CAAA;AAED,EACE,uBAAA,IAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,GAAK,EAAA,YAAA;AAAA,MAEL,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,eAAA;AAAA,UAAA;AAAA,YACC,MAAA;AAAA,YACA,iBAAA;AAAA,YACA,eAAA;AAAA,YACA,eAAA;AAAA,YAEC;AAAA;AAAA,SACH;AAAA,wBACC,IAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,CAAA,EAAG,SAAS,CAC1B,QAAA,CAAA,EAAA,QAAA,EAAA;AAAA,0BAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,UAAW,EAAA,aAAA;AAAA,cACX,QAAU,EAAA,YAAA;AAAA,cACV,OAAS,EAAA,WAAA;AAAA,cACT,SAAU,EAAA,SAAA;AAAA,cACX,QAAA,EAAA;AAAA;AAAA,WAED;AAAA,UACC,WAAA,EAAa,oBAAoB,KAChC,mBAAA,GAAA;AAAA,YAAC,MAAA;AAAA,YAAA;AAAA,cACC,UAAW,EAAA,aAAA;AAAA,cACX,QAAU,EAAA,WAAA;AAAA,cACV,OAAS,EAAA,UAAA;AAAA,cACT,SAAU,EAAA,SAAA;AAAA,cACX,QAAA,EAAA;AAAA;AAAA,WAGC,GAAA;AAAA,SACN,EAAA,CAAA;AAAA,QACC;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/esm/filter-panel/useFilterPanel.js

@@ -1,66 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useCallback } from 'react';
-import { useSavedFilters, NULL_FILTER, EMPTY_FILTER } from '../filter-provider/FilterContext.js';
-import { FilterNamePrompt } from '../saved-filters/FilterNamePrompt.js';
-
-const useFilterPanel = ({
-  filter,
-  filterProviderKey,
-  onFilterApplied,
-  onFilterCleared
-}) => {
-  const { saveFilter, currentFilter, setCurrentFilter, filterNameMaxLength } = useSavedFilters(filterProviderKey);
-  const [saveFilterPrompt, setSaveFilterPrompt] = useState(
-    null
-  );
-  const clearFilter = useCallback(() => {
-    setCurrentFilter(NULL_FILTER);
-  }, [setCurrentFilter]);
-  const handleConfirm = useCallback(
-    (name) => {
-      setSaveFilterPrompt(null);
-      saveFilter(name);
-    },
-    [saveFilter]
-  );
-  const handleClose = () => {
-    setSaveFilterPrompt(null);
-  };
-  const handleSaveFilter = useCallback(() => {
-    setSaveFilterPrompt(
-      /* @__PURE__ */ jsx(
-        FilterNamePrompt,
-        {
-          onClose: handleClose,
-          onConfirm: handleConfirm,
-          title: "Save Filter",
-          filterNameMaxLength
-        }
-      )
-    );
-  }, [handleConfirm, filterNameMaxLength]);
-  const handleFilterApplied = useCallback(
-    (filter2) => {
-      setCurrentFilter?.(filter2);
-      onFilterApplied?.(filter2);
-    },
-    [onFilterApplied, setCurrentFilter]
-  );
-  const handleFilterCleared = useCallback(() => {
-    setCurrentFilter(EMPTY_FILTER);
-    onFilterCleared?.();
-  }, [onFilterCleared, setCurrentFilter]);
-  return {
-    clearFilter,
-    disableClear: currentFilter.filter === null,
-    disableSave: currentFilter.filter === null,
-    filter: currentFilter.filter ?? filter,
-    onFilterApplied: handleFilterApplied,
-    onFilterCleared: handleFilterCleared,
-    saveFilter: handleSaveFilter,
-    saveFilterPrompt
-  };
-};
-
-export { useFilterPanel };
-//# sourceMappingURL=useFilterPanel.js.map

package/esm/filter-panel/useFilterPanel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterPanel.js","sources":["../../../../packages/vuu-filters/src/filter-panel/useFilterPanel.tsx"],"sourcesContent":["import { ReactElement, useCallback, useState } from \"react\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\nimport {\n  EMPTY_FILTER,\n  NULL_FILTER,\n  useSavedFilters,\n} from \"../filter-provider/FilterContext\";\nimport { FilterAppliedHandler } from \"../filter-container/useFilterContainer\";\nimport { FilterNamePrompt } from \"../saved-filters/FilterNamePrompt\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\n\nexport const useFilterPanel = ({\n  filter,\n  filterProviderKey,\n  onFilterApplied,\n  onFilterCleared,\n}: Pick<\n  FilterContainerProps,\n  \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n>) => {\n  const { saveFilter, currentFilter, setCurrentFilter, filterNameMaxLength } =\n    useSavedFilters(filterProviderKey);\n  const [saveFilterPrompt, setSaveFilterPrompt] = useState<ReactElement | null>(\n    null,\n  );\n\n  const clearFilter = useCallback(() => {\n    setCurrentFilter(NULL_FILTER);\n  }, [setCurrentFilter]);\n\n  const handleConfirm = useCallback(\n    (name: string) => {\n      setSaveFilterPrompt(null);\n      saveFilter(name);\n    },\n    [saveFilter],\n  );\n\n  const handleClose = () => {\n    setSaveFilterPrompt(null);\n  };\n\n  const handleSaveFilter = useCallback(() => {\n    setSaveFilterPrompt(\n      <FilterNamePrompt\n        onClose={handleClose}\n        onConfirm={handleConfirm}\n        title=\"Save Filter\"\n        filterNameMaxLength={filterNameMaxLength}\n      />,\n    );\n  }, [handleConfirm, filterNameMaxLength]);\n\n  const handleFilterApplied = useCallback<\n    FilterAppliedHandler<FilterContainerFilter>\n  >(\n    (filter) => {\n      setCurrentFilter?.(filter);\n      onFilterApplied?.(filter);\n    },\n    [onFilterApplied, setCurrentFilter],\n  );\n\n  const handleFilterCleared = useCallback(() => {\n    setCurrentFilter(EMPTY_FILTER);\n    onFilterCleared?.();\n  }, [onFilterCleared, setCurrentFilter]);\n\n  return {\n    clearFilter,\n    disableClear: currentFilter.filter === null,\n    disableSave: currentFilter.filter === null,\n    filter: currentFilter.filter ?? filter,\n    onFilterApplied: handleFilterApplied,\n    onFilterCleared: handleFilterCleared,\n    saveFilter: handleSaveFilter,\n    saveFilterPrompt,\n  };\n};\n"],"names":["filter"],"mappings":";;;;;AAWO,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF,CAGM,KAAA;AACJ,EAAA,MAAM,EAAE,UAAY,EAAA,aAAA,EAAe,kBAAkB,mBAAoB,EAAA,GACvE,gBAAgB,iBAAiB,CAAA;AACnC,EAAM,MAAA,CAAC,gBAAkB,EAAA,mBAAmB,CAAI,GAAA,QAAA;AAAA,IAC9C;AAAA,GACF;AAEA,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAA,gBAAA,CAAiB,WAAW,CAAA;AAAA,GAC9B,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAC,IAAiB,KAAA;AAChB,MAAA,mBAAA,CAAoB,IAAI,CAAA;AACxB,MAAA,UAAA,CAAW,IAAI,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,UAAU;AAAA,GACb;AAEA,EAAA,MAAM,cAAc,MAAM;AACxB,IAAA,mBAAA,CAAoB,IAAI,CAAA;AAAA,GAC1B;AAEA,EAAM,MAAA,gBAAA,GAAmB,YAAY,MAAM;AACzC,IAAA,mBAAA;AAAA,sBACE,GAAA;AAAA,QAAC,gBAAA;AAAA,QAAA;AAAA,UACC,OAAS,EAAA,WAAA;AAAA,UACT,SAAW,EAAA,aAAA;AAAA,UACX,KAAM,EAAA,aAAA;AAAA,UACN;AAAA;AAAA;AACF,KACF;AAAA,GACC,EAAA,CAAC,aAAe,EAAA,mBAAmB,CAAC,CAAA;AAEvC,EAAA,MAAM,mBAAsB,GAAA,WAAA;AAAA,IAG1B,CAACA,OAAW,KAAA;AACV,MAAA,gBAAA,GAAmBA,OAAM,CAAA;AACzB,MAAA,eAAA,GAAkBA,OAAM,CAAA;AAAA,KAC1B;AAAA,IACA,CAAC,iBAAiB,gBAAgB;AAAA,GACpC;AAEA,EAAM,MAAA,mBAAA,GAAsB,YAAY,MAAM;AAC5C,IAAA,gBAAA,CAAiB,YAAY,CAAA;AAC7B,IAAkB,eAAA,IAAA;AAAA,GACjB,EAAA,CAAC,eAAiB,EAAA,gBAAgB,CAAC,CAAA;AAEtC,EAAO,OAAA;AAAA,IACL,WAAA;AAAA,IACA,YAAA,EAAc,cAAc,MAAW,KAAA,IAAA;AAAA,IACvC,WAAA,EAAa,cAAc,MAAW,KAAA,IAAA;AAAA,IACtC,MAAA,EAAQ,cAAc,MAAU,IAAA,MAAA;AAAA,IAChC,eAAiB,EAAA,mBAAA;AAAA,IACjB,eAAiB,EAAA,mBAAA;AAAA,IACjB,UAAY,EAAA,gBAAA;AAAA,IACZ;AAAA,GACF;AACF;;;;"}

package/esm/filter-pill/FilterMenu.js

@@ -1,61 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { MenuItem, Menu, MenuPanel } from '@salt-ds/core';
-import { useMemo } from 'react';
-
-const defaultPermissions = {
-  allowClose: true,
-  allowEdit: true,
-  allowRename: true,
-  allowRemove: true
-};
-const FilterMenu = ({
-  filterId,
-  getVirtualElement,
-  onMenuAction,
-  onOpenChange,
-  open,
-  permissions = defaultPermissions
-}) => {
-  const {
-    allowClose = defaultPermissions.allowClose,
-    allowEdit = defaultPermissions.allowEdit,
-    allowRename = defaultPermissions.allowRename,
-    allowRemove = defaultPermissions.allowRemove
-  } = permissions;
-  const menuItems = useMemo(() => {
-    const items = [];
-    if (allowClose) {
-      items.push(
-        /* @__PURE__ */ jsx(MenuItem, { onClick: () => onMenuAction(filterId, "close"), children: "Close" }, "close")
-      );
-    }
-    if (allowEdit) {
-      items.push(
-        /* @__PURE__ */ jsx(MenuItem, { onClick: () => onMenuAction(filterId, "edit"), children: "Edit Filter" }, "edit")
-      );
-    }
-    if (allowRename) {
-      items.push(
-        /* @__PURE__ */ jsx(MenuItem, { onClick: () => onMenuAction(filterId, "rename"), children: "Rename" }, "rename")
-      );
-    }
-    if (allowRemove) {
-      items.push(
-        /* @__PURE__ */ jsx(MenuItem, { onClick: () => onMenuAction(filterId, "remove"), children: "Delete" }, "delete")
-      );
-    }
-    return items;
-  }, [allowClose, allowEdit, allowRemove, allowRename, filterId, onMenuAction]);
-  return /* @__PURE__ */ jsx(
-    Menu,
-    {
-      getVirtualElement,
-      open,
-      onOpenChange,
-      children: /* @__PURE__ */ jsx(MenuPanel, { children: menuItems })
-    }
-  );
-};
-
-export { FilterMenu };
-//# sourceMappingURL=FilterMenu.js.map

package/esm/filter-pill/FilterMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterMenu.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterMenu.tsx"],"sourcesContent":["import { Menu, MenuItem, MenuPanel, MenuProps } from \"@salt-ds/core\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\nimport { ReactElement, useMemo } from \"react\";\n\nexport type FilterPermissions = {\n  /** Closing a filter removes it from current display, without deleting*/\n  allowClose?: boolean;\n  /** Edit the details of the filter itself */\n  allowEdit?: boolean;\n  /** Rename the filter */\n  allowRename?: boolean;\n  /** Removing a filter deletes it entirely */\n  allowRemove?: boolean;\n};\n\nconst defaultPermissions: FilterPermissions = {\n  allowClose: true,\n  allowEdit: true,\n  allowRename: true,\n  allowRemove: true,\n};\n\nexport type FilterMenuActionHandler = <T extends FilterAction = FilterAction>(\n  filterId: string,\n  filterAction: T,\n  /**\n   * Some menu action handlers may use columns to enrich filter display\n   */\n  columns?: ColumnDescriptor[],\n) => void;\n\nexport interface FilterMenuProps\n  extends Pick<MenuProps, \"getVirtualElement\" | \"onOpenChange\" | \"open\"> {\n  filterId: string;\n  onMenuAction: FilterMenuActionHandler;\n  permissions?: FilterPermissions;\n}\n\nexport type FilterAction = \"close\" | \"remove\" | \"edit\" | \"rename\";\n\nexport const FilterMenu = ({\n  filterId,\n  getVirtualElement,\n  onMenuAction,\n  onOpenChange,\n  open,\n  permissions = defaultPermissions,\n}: FilterMenuProps) => {\n  const {\n    allowClose = defaultPermissions.allowClose,\n    allowEdit = defaultPermissions.allowEdit,\n    allowRename = defaultPermissions.allowRename,\n    allowRemove = defaultPermissions.allowRemove,\n  } = permissions;\n\n  const menuItems = useMemo<ReactElement[]>(() => {\n    const items: ReactElement[] = [];\n    if (allowClose) {\n      items.push(\n        <MenuItem key=\"close\" onClick={() => onMenuAction(filterId, \"close\")}>\n          Close\n        </MenuItem>,\n      );\n    }\n    if (allowEdit) {\n      items.push(\n        <MenuItem key=\"edit\" onClick={() => onMenuAction(filterId, \"edit\")}>\n          Edit Filter\n        </MenuItem>,\n      );\n    }\n    if (allowRename) {\n      items.push(\n        <MenuItem key=\"rename\" onClick={() => onMenuAction(filterId, \"rename\")}>\n          Rename\n        </MenuItem>,\n      );\n    }\n    if (allowRemove) {\n      items.push(\n        <MenuItem key=\"delete\" onClick={() => onMenuAction(filterId, \"remove\")}>\n          Delete\n        </MenuItem>,\n      );\n    }\n\n    return items;\n  }, [allowClose, allowEdit, allowRemove, allowRename, filterId, onMenuAction]);\n  return (\n    <Menu\n      getVirtualElement={getVirtualElement}\n      open={open}\n      onOpenChange={onOpenChange}\n    >\n      <MenuPanel>{menuItems}</MenuPanel>\n    </Menu>\n  );\n};\n"],"names":[],"mappings":";;;;AAeA,MAAM,kBAAwC,GAAA;AAAA,EAC5C,UAAY,EAAA,IAAA;AAAA,EACZ,SAAW,EAAA,IAAA;AAAA,EACX,WAAa,EAAA,IAAA;AAAA,EACb,WAAa,EAAA;AACf,CAAA;AAoBO,MAAM,aAAa,CAAC;AAAA,EACzB,QAAA;AAAA,EACA,iBAAA;AAAA,EACA,YAAA;AAAA,EACA,YAAA;AAAA,EACA,IAAA;AAAA,EACA,WAAc,GAAA;AAChB,CAAuB,KAAA;AACrB,EAAM,MAAA;AAAA,IACJ,aAAa,kBAAmB,CAAA,UAAA;AAAA,IAChC,YAAY,kBAAmB,CAAA,SAAA;AAAA,IAC/B,cAAc,kBAAmB,CAAA,WAAA;AAAA,IACjC,cAAc,kBAAmB,CAAA;AAAA,GAC/B,GAAA,WAAA;AAEJ,EAAM,MAAA,SAAA,GAAY,QAAwB,MAAM;AAC9C,IAAA,MAAM,QAAwB,EAAC;AAC/B,IAAA,IAAI,UAAY,EAAA;AACd,MAAM,KAAA,CAAA,IAAA;AAAA,wBACJ,GAAA,CAAC,YAAqB,OAAS,EAAA,MAAM,aAAa,QAAU,EAAA,OAAO,CAAG,EAAA,QAAA,EAAA,OAAA,EAAA,EAAxD,OAEd;AAAA,OACF;AAAA;AAEF,IAAA,IAAI,SAAW,EAAA;AACb,MAAM,KAAA,CAAA,IAAA;AAAA,wBACJ,GAAA,CAAC,YAAoB,OAAS,EAAA,MAAM,aAAa,QAAU,EAAA,MAAM,CAAG,EAAA,QAAA,EAAA,aAAA,EAAA,EAAtD,MAEd;AAAA,OACF;AAAA;AAEF,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,KAAA,CAAA,IAAA;AAAA,wBACJ,GAAA,CAAC,YAAsB,OAAS,EAAA,MAAM,aAAa,QAAU,EAAA,QAAQ,CAAG,EAAA,QAAA,EAAA,QAAA,EAAA,EAA1D,QAEd;AAAA,OACF;AAAA;AAEF,IAAA,IAAI,WAAa,EAAA;AACf,MAAM,KAAA,CAAA,IAAA;AAAA,wBACJ,GAAA,CAAC,YAAsB,OAAS,EAAA,MAAM,aAAa,QAAU,EAAA,QAAQ,CAAG,EAAA,QAAA,EAAA,QAAA,EAAA,EAA1D,QAEd;AAAA,OACF;AAAA;AAGF,IAAO,OAAA,KAAA;AAAA,GACT,EAAG,CAAC,UAAY,EAAA,SAAA,EAAW,aAAa,WAAa,EAAA,QAAA,EAAU,YAAY,CAAC,CAAA;AAC5E,EACE,uBAAA,GAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,iBAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MAEA,QAAA,kBAAA,GAAA,CAAC,aAAW,QAAU,EAAA,SAAA,EAAA;AAAA;AAAA,GACxB;AAEJ;;;;"}

package/esm/filter-pill/FilterPill.css.js

@@ -1,4 +0,0 @@
-var filterPillCss = ".vuuFilterPill {\n    --saltButton-textTransform: none;\n    max-width: var(--vuuFilterPill-maxWidth, 200px);\n}\n\n.vuuFilterPill-tooltip {\n    ul {\n        padding-left: var(--salt-spacing-400);\n    }    \n}\n\n";
-
-export { filterPillCss as default };
-//# sourceMappingURL=FilterPill.css.js.map

package/esm/filter-pill/FilterPill.css.js.map

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

package/esm/filter-pill/FilterPill.js

@@ -1,145 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import { useTooltip, Tooltip } from '@vuu-ui/vuu-popups';
-import { SplitStateButton, EditableLabel } from '@vuu-ui/vuu-ui-controls';
-import { useId } from '@vuu-ui/vuu-utils';
-import cx from 'clsx';
-import { useRef, useCallback, useMemo } from 'react';
-import { renameCommand, editCommand, closeCommand, deleteCommand } from '../filter-pill-menu/FilterPillMenuOptions.js';
-import { filterAsReactNode } from './filterAsReactNode.js';
-import { getFilterLabel } from './getFilterLabel.js';
-import { getFilterAsFormattedText } from './getFilterTooltipText.js';
-import filterPillCss from './FilterPill.css.js';
-
-const classBase = "vuuFilterPill";
-const FilterPill = ({
-  allowClose = true,
-  allowDelete = true,
-  allowEdit = true,
-  allowRename = true,
-  className: classNameProp,
-  columnsByName,
-  editable = true,
-  editing = false,
-  editLabelApiRef,
-  filter,
-  id: idProp,
-  onBeginEdit,
-  onExitEditMode,
-  onMenuAction,
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-filter-pill",
-    css: filterPillCss,
-    window: targetWindow
-  });
-  const rootRef = useRef(null);
-  const handleEnterEditMode = useCallback(() => {
-    onBeginEdit?.(filter);
-  }, [filter, onBeginEdit]);
-  const getLabel = getFilterLabel(columnsByName);
-  const label = useMemo(
-    () => filter.name ?? getLabel(filter),
-    [getLabel, filter]
-  );
-  const getTooltipText = getFilterAsFormattedText(columnsByName);
-  const id = useId(idProp);
-  const handleMenuClose = useCallback((reason) => {
-    if (reason?.type === "escape") {
-      requestAnimationFrame(() => {
-        if (rootRef.current) {
-          rootRef.current.focus();
-        }
-      });
-    }
-  }, []);
-  const popupMenuProps = useMemo(
-    () => ({
-      icon: "more-vert",
-      menuBuilder: (_location, options) => {
-        const menuItems = [];
-        if (allowRename) {
-          menuItems.push(renameCommand(options));
-        }
-        if (allowEdit) {
-          menuItems.push(editCommand(options));
-        }
-        if (allowClose) {
-          menuItems.push(closeCommand(options));
-        }
-        if (allowDelete) {
-          menuItems.push(deleteCommand(options));
-        }
-        return menuItems;
-      },
-      menuActionHandler: onMenuAction,
-      menuLocation: "filter-pill-menu",
-      menuOptions: {
-        filter
-      },
-      onMenuClose: handleMenuClose
-    }),
-    [
-      allowClose,
-      allowDelete,
-      allowEdit,
-      allowRename,
-      filter,
-      handleMenuClose,
-      onMenuAction
-    ]
-  );
-  const handleExitEditMode = useCallback(
-    (originalValue, newValue) => {
-      onExitEditMode?.(originalValue, newValue);
-      requestAnimationFrame(() => {
-        rootRef.current?.querySelector("button")?.focus();
-      });
-    },
-    [onExitEditMode]
-  );
-  const { anchorProps, hideTooltip, showTooltip, tooltipProps } = useTooltip({
-    anchorQuery: ".vuuFilterPill",
-    id,
-    placement: ["above", "below"],
-    tooltipContent: filterAsReactNode(filter, getTooltipText)
-  });
-  const buttonProps = {
-    onBlur: () => hideTooltip(),
-    onFocus: useCallback(() => {
-      showTooltip(rootRef);
-    }, [showTooltip])
-  };
-  return /* @__PURE__ */ jsxs(
-    SplitStateButton,
-    {
-      ...anchorProps,
-      ...htmlAttributes,
-      ButtonProps: buttonProps,
-      PopupMenuProps: popupMenuProps,
-      className: cx(classBase, classNameProp),
-      "data-text": label,
-      ref: rootRef,
-      children: [
-        editable && onExitEditMode ? /* @__PURE__ */ jsx(
-          EditableLabel,
-          {
-            defaultValue: label,
-            editing,
-            editLabelApiRef,
-            onEnterEditMode: handleEnterEditMode,
-            onExitEditMode: handleExitEditMode
-          },
-          label
-        ) : label,
-        tooltipProps && /* @__PURE__ */ jsx(Tooltip, { className: `${classBase}-tooltip`, ...tooltipProps })
-      ]
-    }
-  );
-};
-
-export { FilterPill };
-//# sourceMappingURL=FilterPill.js.map

package/esm/filter-pill/FilterPill.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPill.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterPill.tsx"],"sourcesContent":["import { ButtonProps } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport {\n  ContextMenuItemDescriptor,\n  MenuActionHandler,\n} from \"@vuu-ui/vuu-context-menu\";\nimport { ColumnDescriptorsByName, Filter } from \"@vuu-ui/vuu-filter-types\";\nimport {\n  MenuCloseHandler,\n  PopupMenuProps,\n  Tooltip,\n  useTooltip,\n} from \"@vuu-ui/vuu-popups\";\nimport {\n  EditableLabel,\n  EditableLabelProps,\n  ExitEditModeHandler,\n  SplitStateButton,\n  SplitStateButtonProps,\n} from \"@vuu-ui/vuu-ui-controls\";\nimport { useId } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { FocusEventHandler, useCallback, useMemo, useRef } from \"react\";\nimport {\n  closeCommand,\n  deleteCommand,\n  editCommand,\n  MenuOptions,\n  renameCommand,\n} from \"../filter-pill-menu/FilterPillMenuOptions\";\nimport { filterAsReactNode } from \"./filterAsReactNode\";\nimport { getFilterLabel } from \"./getFilterLabel\";\nimport { getFilterAsFormattedText } from \"./getFilterTooltipText\";\n\nimport filterPillCss from \"./FilterPill.css\";\n\nconst classBase = \"vuuFilterPill\";\n\nexport interface FilterPillProps\n  extends SplitStateButtonProps,\n    Pick<\n      Partial<EditableLabelProps>,\n      \"editing\" | \"editLabelApiRef\" | \"onExitEditMode\"\n    > {\n  allowClose?: boolean;\n  allowDelete?: boolean;\n  allowEdit?: boolean;\n  allowRename?: boolean;\n\n  columnsByName?: ColumnDescriptorsByName;\n  editable?: boolean;\n  filter: Filter;\n  index?: number;\n  onBeginEdit?: (filter: Filter) => void;\n  onMenuAction?: MenuActionHandler;\n}\n\nexport const FilterPill = ({\n  allowClose = true,\n  allowDelete = true,\n  allowEdit = true,\n  allowRename = true,\n  className: classNameProp,\n  columnsByName,\n  editable = true,\n  editing = false,\n  editLabelApiRef,\n  filter,\n  id: idProp,\n  onBeginEdit,\n  onExitEditMode,\n  onMenuAction,\n  ...htmlAttributes\n}: FilterPillProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-pill\",\n    css: filterPillCss,\n    window: targetWindow,\n  });\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const handleEnterEditMode: EditableLabelProps[\"onEnterEditMode\"] =\n    useCallback(() => {\n      onBeginEdit?.(filter);\n    }, [filter, onBeginEdit]);\n\n  const getLabel = getFilterLabel(columnsByName);\n  const label = useMemo(\n    () => filter.name ?? getLabel(filter),\n    [getLabel, filter],\n  );\n\n  const getTooltipText = getFilterAsFormattedText(columnsByName);\n\n  const id = useId(idProp);\n\n  const handleMenuClose = useCallback<MenuCloseHandler>((reason) => {\n    if (reason?.type === \"escape\") {\n      requestAnimationFrame(() => {\n        if (rootRef.current) {\n          rootRef.current.focus();\n        }\n      });\n    }\n  }, []);\n\n  const popupMenuProps = useMemo<\n    Pick<\n      PopupMenuProps,\n      \"menuBuilder\" | \"menuActionHandler\" | \"menuOptions\" | \"onMenuClose\"\n    >\n  >(\n    () => ({\n      icon: \"more-vert\",\n      menuBuilder: (_location, options) => {\n        const menuItems: ContextMenuItemDescriptor[] = [];\n        if (allowRename) {\n          menuItems.push(renameCommand(options as MenuOptions));\n        }\n        if (allowEdit) {\n          menuItems.push(editCommand(options as MenuOptions));\n        }\n        if (allowClose) {\n          menuItems.push(closeCommand(options as MenuOptions));\n        }\n        if (allowDelete) {\n          menuItems.push(deleteCommand(options as MenuOptions));\n        }\n        return menuItems;\n      },\n\n      menuActionHandler: onMenuAction,\n      menuLocation: \"filter-pill-menu\",\n      menuOptions: {\n        filter,\n      },\n\n      onMenuClose: handleMenuClose,\n    }),\n    [\n      allowClose,\n      allowDelete,\n      allowEdit,\n      allowRename,\n      filter,\n      handleMenuClose,\n      onMenuAction,\n    ],\n  );\n\n  const handleExitEditMode = useCallback<ExitEditModeHandler>(\n    (originalValue, newValue) => {\n      onExitEditMode?.(originalValue, newValue);\n      requestAnimationFrame(() => {\n        rootRef.current?.querySelector(\"button\")?.focus();\n      });\n    },\n    [onExitEditMode],\n  );\n\n  const { anchorProps, hideTooltip, showTooltip, tooltipProps } = useTooltip({\n    anchorQuery: \".vuuFilterPill\",\n    id,\n    placement: [\"above\", \"below\"],\n    tooltipContent: filterAsReactNode(filter, getTooltipText),\n  });\n\n  const buttonProps: Partial<ButtonProps> = {\n    onBlur: () => hideTooltip(),\n    onFocus: useCallback<FocusEventHandler>(() => {\n      showTooltip(rootRef);\n    }, [showTooltip]),\n  };\n\n  return (\n    <SplitStateButton\n      {...anchorProps}\n      {...htmlAttributes}\n      ButtonProps={buttonProps}\n      PopupMenuProps={popupMenuProps}\n      className={cx(classBase, classNameProp)}\n      data-text={label}\n      ref={rootRef}\n    >\n      {editable && onExitEditMode ? (\n        <EditableLabel\n          defaultValue={label}\n          editing={editing}\n          editLabelApiRef={editLabelApiRef}\n          key={label}\n          onEnterEditMode={handleEnterEditMode}\n          onExitEditMode={handleExitEditMode}\n        />\n      ) : (\n        label\n      )}\n      {tooltipProps && (\n        <Tooltip className={`${classBase}-tooltip`} {...tooltipProps} />\n      )}\n    </SplitStateButton>\n  );\n};\n"],"names":[],"mappings":"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"}

package/esm/filter-pill/FilterPillNext.css.js

@@ -1,4 +0,0 @@
-var filterPillNextCss = ".vuuFilterPillNext {\n    --saltButton-background: var(--vuuFilterPillNext-background, black);\n}\n\n.vuuFilterPillNext-active {\n    --saltButton-background: var(--vuuFilterPillNext-background-active, var(--salt-actionable-accented-bold-background-active));\n}";
-
-export { filterPillNextCss as default };
-//# sourceMappingURL=FilterPillNext.css.js.map

package/esm/filter-pill/FilterPillNext.css.js.map

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