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

package/cjs/filter-panel/useFilterPanel.js

@@ -1,68 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var react = require('react');
-var FilterContext = require('../filter-provider/FilterContext.js');
-var FilterNamePrompt = require('../saved-filters/FilterNamePrompt.js');
-
-const useFilterPanel = ({
-  filter,
-  filterProviderKey,
-  onFilterApplied,
-  onFilterCleared
-}) => {
-  const { saveFilter, currentFilter, setCurrentFilter, filterNameMaxLength } = FilterContext.useSavedFilters(filterProviderKey);
-  const [saveFilterPrompt, setSaveFilterPrompt] = react.useState(
-    null
-  );
-  const clearFilter = react.useCallback(() => {
-    setCurrentFilter(FilterContext.NULL_FILTER);
-  }, [setCurrentFilter]);
-  const handleConfirm = react.useCallback(
-    (name) => {
-      setSaveFilterPrompt(null);
-      saveFilter(name);
-    },
-    [saveFilter]
-  );
-  const handleClose = () => {
-    setSaveFilterPrompt(null);
-  };
-  const handleSaveFilter = react.useCallback(() => {
-    setSaveFilterPrompt(
-      /* @__PURE__ */ jsxRuntime.jsx(
-        FilterNamePrompt.FilterNamePrompt,
-        {
-          onClose: handleClose,
-          onConfirm: handleConfirm,
-          title: "Save Filter",
-          filterNameMaxLength
-        }
-      )
-    );
-  }, [handleConfirm, filterNameMaxLength]);
-  const handleFilterApplied = react.useCallback(
-    (filter2) => {
-      setCurrentFilter?.(filter2);
-      onFilterApplied?.(filter2);
-    },
-    [onFilterApplied, setCurrentFilter]
-  );
-  const handleFilterCleared = react.useCallback(() => {
-    setCurrentFilter(FilterContext.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
-  };
-};
-
-exports.useFilterPanel = useFilterPanel;
-//# sourceMappingURL=useFilterPanel.js.map

package/cjs/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":["useSavedFilters","useState","useCallback","NULL_FILTER","jsx","FilterNamePrompt","filter","EMPTY_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,GACvEA,8BAAgB,iBAAiB,CAAA;AACnC,EAAM,MAAA,CAAC,gBAAkB,EAAA,mBAAmB,CAAI,GAAAC,cAAA;AAAA,IAC9C;AAAA,GACF;AAEA,EAAM,MAAA,WAAA,GAAcC,kBAAY,MAAM;AACpC,IAAA,gBAAA,CAAiBC,yBAAW,CAAA;AAAA,GAC9B,EAAG,CAAC,gBAAgB,CAAC,CAAA;AAErB,EAAA,MAAM,aAAgB,GAAAD,iBAAA;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,GAAmBA,kBAAY,MAAM;AACzC,IAAA,mBAAA;AAAA,sBACEE,cAAA;AAAA,QAACC,iCAAA;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,GAAAH,iBAAA;AAAA,IAG1B,CAACI,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,GAAsBJ,kBAAY,MAAM;AAC5C,IAAA,gBAAA,CAAiBK,0BAAY,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/cjs/filter-pill/FilterMenu.js

@@ -1,63 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var react = require('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 = react.useMemo(() => {
-    const items = [];
-    if (allowClose) {
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { onClick: () => onMenuAction(filterId, "close"), children: "Close" }, "close")
-      );
-    }
-    if (allowEdit) {
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { onClick: () => onMenuAction(filterId, "edit"), children: "Edit Filter" }, "edit")
-      );
-    }
-    if (allowRename) {
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { onClick: () => onMenuAction(filterId, "rename"), children: "Rename" }, "rename")
-      );
-    }
-    if (allowRemove) {
-      items.push(
-        /* @__PURE__ */ jsxRuntime.jsx(core.MenuItem, { onClick: () => onMenuAction(filterId, "remove"), children: "Delete" }, "delete")
-      );
-    }
-    return items;
-  }, [allowClose, allowEdit, allowRemove, allowRename, filterId, onMenuAction]);
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    core.Menu,
-    {
-      getVirtualElement,
-      open,
-      onOpenChange,
-      children: /* @__PURE__ */ jsxRuntime.jsx(core.MenuPanel, { children: menuItems })
-    }
-  );
-};
-
-exports.FilterMenu = FilterMenu;
-//# sourceMappingURL=FilterMenu.js.map

package/cjs/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":["useMemo","jsx","MenuItem","Menu","MenuPanel"],"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,GAAYA,cAAwB,MAAM;AAC9C,IAAA,MAAM,QAAwB,EAAC;AAC/B,IAAA,IAAI,UAAY,EAAA;AACd,MAAM,KAAA,CAAA,IAAA;AAAA,wBACJC,cAAA,CAACC,iBAAqB,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,wBACJD,cAAA,CAACC,iBAAoB,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,wBACJD,cAAA,CAACC,iBAAsB,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,wBACJD,cAAA,CAACC,iBAAsB,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,uBAAAD,cAAA;AAAA,IAACE,SAAA;AAAA,IAAA;AAAA,MACC,iBAAA;AAAA,MACA,IAAA;AAAA,MACA,YAAA;AAAA,MAEA,QAAA,kBAAAF,cAAA,CAACG,kBAAW,QAAU,EAAA,SAAA,EAAA;AAAA;AAAA,GACxB;AAEJ;;;;"}

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

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

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

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

package/cjs/filter-pill/FilterPill.js

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

package/cjs/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":["useWindow","useComponentCssInjection","filterPillCss","useRef","useCallback","getFilterLabel","useMemo","getFilterAsFormattedText","useId","renameCommand","editCommand","closeCommand","deleteCommand","useTooltip","filterAsReactNode","jsxs","SplitStateButton","jsx","EditableLabel","Tooltip"],"mappings":"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"}

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

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

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

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

package/cjs/filter-pill/FilterPillNext.js

@@ -1,91 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var core = require('@salt-ds/core');
-var styles = require('@salt-ds/styles');
-var window = require('@salt-ds/window');
-var cx = require('clsx');
-var FilterMenu = require('./FilterMenu.js');
-var useFilterPillNext = require('./useFilterPillNext.js');
-var FilterPillNext$1 = require('./FilterPillNext.css.js');
-var FilterDisplay = require('../filter-display/FilterDisplay.js');
-
-const classBase = "vuuFilterPillNext";
-const FilterPillNext = ({
-  active,
-  appearence,
-  columns,
-  className,
-  defaultActive,
-  filter,
-  id,
-  onClick,
-  onMenuAction: onMenuActionProp,
-  permissions,
-  showTooltip = true,
-  ...htmlAttributes
-}) => {
-  const targetWindow = window.useWindow();
-  styles.useComponentCssInjection({
-    testId: "vuu-filter-pill",
-    css: FilterPillNext$1,
-    window: targetWindow
-  });
-  const {
-    contextMenuOpen,
-    onContextMenu,
-    onContextMenuOpenChange,
-    onMenuAction,
-    virtualElement
-  } = useFilterPillNext.useFilterPillNext({
-    active,
-    appearence,
-    defaultActive,
-    filter,
-    onMenuAction: onMenuActionProp
-  });
-  const filterPill = /* @__PURE__ */ jsxRuntime.jsx(
-    core.Button,
-    {
-      ...htmlAttributes,
-      appearance: "solid",
-      className: cx(classBase, className, {
-        [`${classBase}-active`]: active
-      }),
-      id,
-      onClick,
-      onContextMenu,
-      sentiment: "accented",
-      children: filter.name
-    }
-  );
-  const filterMenu = /* @__PURE__ */ jsxRuntime.jsx(
-    FilterMenu.FilterMenu,
-    {
-      filterId: id,
-      getVirtualElement: () => virtualElement,
-      onMenuAction,
-      onOpenChange: onContextMenuOpenChange,
-      open: contextMenuOpen,
-      permissions
-    }
-  );
-  return showTooltip ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      core.Tooltip,
-      {
-        className: `${classBase}-tooltip`,
-        content: /* @__PURE__ */ jsxRuntime.jsx(FilterDisplay.FilterDisplay, { columns, filter }),
-        placement: "top",
-        children: filterPill
-      }
-    ),
-    filterMenu
-  ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    filterPill,
-    filterMenu
-  ] });
-};
-
-exports.FilterPillNext = FilterPillNext;
-//# sourceMappingURL=FilterPillNext.js.map

package/cjs/filter-pill/FilterPillNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/FilterPillNext.tsx"],"sourcesContent":["import { Button, Tooltip } from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport { HTMLAttributes } from \"react\";\nimport { FilterMenu, type FilterPermissions } from \"./FilterMenu\";\nimport {\n  type FilterPillNextHookProps,\n  useFilterPillNext,\n} from \"./useFilterPillNext\";\n\nimport filterPillNextCss from \"./FilterPillNext.css\";\nimport { FilterDisplay } from \"../filter-display/FilterDisplay\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nexport interface FilterPillNextProps\n  extends FilterPillNextHookProps,\n    Omit<HTMLAttributes<HTMLButtonElement>, \"id\"> {\n  /**\n   * If provided, these will be used in tooltip to provide\n   * richer representation of filter.\n   */\n  columns?: ColumnDescriptor[];\n  id: string;\n  permissions?: FilterPermissions;\n  showTooltip?: boolean;\n}\n\nconst classBase = \"vuuFilterPillNext\";\n\nexport const FilterPillNext = ({\n  active,\n  appearence,\n  columns,\n  className,\n  defaultActive,\n  filter,\n  id,\n  onClick,\n  onMenuAction: onMenuActionProp,\n  permissions,\n  showTooltip = true,\n  ...htmlAttributes\n}: FilterPillNextProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-filter-pill\",\n    css: filterPillNextCss,\n    window: targetWindow,\n  });\n\n  const {\n    contextMenuOpen,\n    onContextMenu,\n    onContextMenuOpenChange,\n    onMenuAction,\n    virtualElement,\n  } = useFilterPillNext({\n    active,\n    appearence,\n    defaultActive,\n    filter,\n    onMenuAction: onMenuActionProp,\n  });\n\n  const filterPill = (\n    <Button\n      {...htmlAttributes}\n      appearance=\"solid\"\n      className={cx(classBase, className, {\n        [`${classBase}-active`]: active,\n      })}\n      id={id}\n      onClick={onClick}\n      onContextMenu={onContextMenu}\n      sentiment=\"accented\"\n    >\n      {filter.name}\n    </Button>\n  );\n\n  const filterMenu = (\n    <FilterMenu\n      filterId={id}\n      getVirtualElement={() => virtualElement}\n      onMenuAction={onMenuAction}\n      onOpenChange={onContextMenuOpenChange}\n      open={contextMenuOpen}\n      permissions={permissions}\n    />\n  );\n\n  return showTooltip ? (\n    <>\n      <Tooltip\n        className={`${classBase}-tooltip`}\n        content={<FilterDisplay columns={columns} filter={filter} />}\n        placement=\"top\"\n      >\n        {filterPill}\n      </Tooltip>\n      {filterMenu}\n    </>\n  ) : (\n    <>\n      {filterPill}\n      {filterMenu}\n    </>\n  );\n};\n"],"names":["useWindow","useComponentCssInjection","filterPillNextCss","useFilterPillNext","jsx","Button","FilterMenu","jsxs","Fragment","Tooltip","FilterDisplay"],"mappings":";;;;;;;;;;;;AA4BA,MAAM,SAAY,GAAA,mBAAA;AAEX,MAAM,iBAAiB,CAAC;AAAA,EAC7B,MAAA;AAAA,EACA,UAAA;AAAA,EACA,OAAA;AAAA,EACA,SAAA;AAAA,EACA,aAAA;AAAA,EACA,MAAA;AAAA,EACA,EAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,WAAA;AAAA,EACA,WAAc,GAAA,IAAA;AAAA,EACd,GAAG;AACL,CAA2B,KAAA;AACzB,EAAA,MAAM,eAAeA,gBAAU,EAAA;AAC/B,EAAyBC,+BAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,iBAAA;AAAA,IACR,GAAK,EAAAC,gBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAM,MAAA;AAAA,IACJ,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAA;AAAA,IACA,YAAA;AAAA,IACA;AAAA,MACEC,mCAAkB,CAAA;AAAA,IACpB,MAAA;AAAA,IACA,UAAA;AAAA,IACA,aAAA;AAAA,IACA,MAAA;AAAA,IACA,YAAc,EAAA;AAAA,GACf,CAAA;AAED,EAAA,MAAM,UACJ,mBAAAC,cAAA;AAAA,IAACC,WAAA;AAAA,IAAA;AAAA,MACE,GAAG,cAAA;AAAA,MACJ,UAAW,EAAA,OAAA;AAAA,MACX,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAW,EAAA;AAAA,QAClC,CAAC,CAAA,EAAG,SAAS,CAAA,OAAA,CAAS,GAAG;AAAA,OAC1B,CAAA;AAAA,MACD,EAAA;AAAA,MACA,OAAA;AAAA,MACA,aAAA;AAAA,MACA,SAAU,EAAA,UAAA;AAAA,MAET,QAAO,EAAA,MAAA,CAAA;AAAA;AAAA,GACV;AAGF,EAAA,MAAM,UACJ,mBAAAD,cAAA;AAAA,IAACE,qBAAA;AAAA,IAAA;AAAA,MACC,QAAU,EAAA,EAAA;AAAA,MACV,mBAAmB,MAAM,cAAA;AAAA,MACzB,YAAA;AAAA,MACA,YAAc,EAAA,uBAAA;AAAA,MACd,IAAM,EAAA,eAAA;AAAA,MACN;AAAA;AAAA,GACF;AAGF,EAAA,OAAO,8BAEHC,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,oBAAAJ,cAAA;AAAA,MAACK,YAAA;AAAA,MAAA;AAAA,QACC,SAAA,EAAW,GAAG,SAAS,CAAA,QAAA,CAAA;AAAA,QACvB,OAAS,kBAAAL,cAAA,CAACM,2BAAc,EAAA,EAAA,OAAA,EAAkB,MAAgB,EAAA,CAAA;AAAA,QAC1D,SAAU,EAAA,KAAA;AAAA,QAET,QAAA,EAAA;AAAA;AAAA,KACH;AAAA,IACC;AAAA,GAAA,EACH,oBAGGH,eAAA,CAAAC,mBAAA,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,UAAA;AAAA,IACA;AAAA,GACH,EAAA,CAAA;AAEJ;;;;"}

package/cjs/filter-pill/filterAsReactNode.js

@@ -1,27 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var getFilterLabel = require('./getFilterLabel.js');
-
-const filterAsReactNode = (f, getLabel = getFilterLabel.getFilterLabel()) => {
-  if (vuuUtils.isMultiClauseFilter(f)) {
-    const heading = f.op === "and" ? "Match all ..." : "Match any ...";
-    return /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("span", { children: heading }),
-      f.filters.map((f2, i) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: filterAsReactNode(f2, getLabel) }, i))
-    ] });
-  } else if (vuuUtils.isMultiValueFilter(f)) {
-    if (f.values.length > 3) {
-      const values = f.values.slice(0, 3);
-      return `${getLabel({ ...f, values }).slice(0, -1)},...]`;
-    } else {
-      return getLabel(f);
-    }
-  } else {
-    return getLabel(f);
-  }
-};
-
-exports.filterAsReactNode = filterAsReactNode;
-//# sourceMappingURL=filterAsReactNode.js.map

package/cjs/filter-pill/filterAsReactNode.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filterAsReactNode.js","sources":["../../../../packages/vuu-filters/src/filter-pill/filterAsReactNode.tsx"],"sourcesContent":["import { isMultiClauseFilter, isMultiValueFilter } from \"@vuu-ui/vuu-utils\";\nimport { Filter } from \"@vuu-ui/vuu-filter-types\";\nimport { ReactNode } from \"react\";\nimport { getFilterLabel } from \"./getFilterLabel\";\n\nexport const filterAsReactNode = (\n  f: Filter,\n  getLabel: (f: Filter) => string = getFilterLabel(),\n): ReactNode => {\n  if (isMultiClauseFilter(f)) {\n    const heading = f.op === \"and\" ? \"Match all ...\" : \"Match any ...\";\n    return (\n      <ul>\n        <span>{heading}</span>\n        {f.filters.map((f, i) => (\n          <li key={i}>{filterAsReactNode(f, getLabel)}</li>\n        ))}\n      </ul>\n    );\n  } else if (isMultiValueFilter(f)) {\n    if (f.values.length > 3) {\n      const values = f.values.slice(0, 3);\n      return `${getLabel({ ...f, values }).slice(0, -1)},...]`;\n    } else {\n      return getLabel(f);\n    }\n  } else {\n    return getLabel(f);\n  }\n};\n"],"names":["getFilterLabel","isMultiClauseFilter","jsx","f","isMultiValueFilter"],"mappings":";;;;;;AAKO,MAAM,iBAAoB,GAAA,CAC/B,CACA,EAAA,QAAA,GAAkCA,+BACpB,KAAA;AACd,EAAI,IAAAC,4BAAA,CAAoB,CAAC,CAAG,EAAA;AAC1B,IAAA,MAAM,OAAU,GAAA,CAAA,CAAE,EAAO,KAAA,KAAA,GAAQ,eAAkB,GAAA,eAAA;AACnD,IAAA,uCACG,IACC,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAAC,cAAA,CAAC,UAAM,QAAQ,EAAA,OAAA,EAAA,CAAA;AAAA,MACd,CAAE,CAAA,OAAA,CAAQ,GAAI,CAAA,CAACC,EAAG,EAAA,CAAA,qBAChBD,cAAA,CAAA,IAAA,EAAA,EAAY,QAAkBC,EAAAA,iBAAAA,CAAAA,EAAAA,EAAG,QAAQ,CAAA,EAAA,EAAjC,CAAmC,CAC7C;AAAA,KACH,EAAA,CAAA;AAAA,GAEJ,MAAA,IAAWC,2BAAmB,CAAA,CAAC,CAAG,EAAA;AAChC,IAAI,IAAA,CAAA,CAAE,MAAO,CAAA,MAAA,GAAS,CAAG,EAAA;AACvB,MAAA,MAAM,MAAS,GAAA,CAAA,CAAE,MAAO,CAAA,KAAA,CAAM,GAAG,CAAC,CAAA;AAClC,MAAO,OAAA,CAAA,EAAG,QAAS,CAAA,EAAE,GAAG,CAAA,EAAG,MAAO,EAAC,CAAE,CAAA,KAAA,CAAM,CAAG,EAAA,CAAA,CAAE,CAAC,CAAA,KAAA,CAAA;AAAA,KAC5C,MAAA;AACL,MAAA,OAAO,SAAS,CAAC,CAAA;AAAA;AACnB,GACK,MAAA;AACL,IAAA,OAAO,SAAS,CAAC,CAAA;AAAA;AAErB;;;;"}

package/cjs/filter-pill/getFilterLabel.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-
-const getColumnLabel = (filter, columnsByName) => {
-  const column = columnsByName?.[filter.column];
-  if (column) {
-    return column.label ?? column.name;
-  } else {
-    return filter.column;
-  }
-};
-const getFilterLabel = (columnsByName) => (filter) => {
-  if (vuuUtils.isMultiClauseFilter(filter)) {
-    return filter.filters.map((f) => getFilterLabel(columnsByName)(f)).join(", ");
-  } else {
-    return getColumnLabel(filter, columnsByName);
-  }
-};
-
-exports.getFilterLabel = getFilterLabel;
-//# sourceMappingURL=getFilterLabel.js.map

package/cjs/filter-pill/getFilterLabel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFilterLabel.js","sources":["../../../../packages/vuu-filters/src/filter-pill/getFilterLabel.ts"],"sourcesContent":["import {\n  ColumnDescriptorsByName,\n  Filter,\n  FilterClause,\n} from \"@vuu-ui/vuu-filter-types\";\nimport { isMultiClauseFilter } from \"@vuu-ui/vuu-utils\";\n\nconst getColumnLabel = (\n  filter: FilterClause,\n  columnsByName?: ColumnDescriptorsByName,\n) => {\n  const column = columnsByName?.[filter.column];\n  if (column) {\n    return column.label ?? column.name;\n  } else {\n    return filter.column;\n  }\n};\n\nexport const getFilterLabel =\n  (columnsByName?: ColumnDescriptorsByName) =>\n  (filter: Filter): string => {\n    if (isMultiClauseFilter(filter)) {\n      return filter.filters\n        .map((f) => getFilterLabel(columnsByName)(f))\n        .join(\", \");\n    } else {\n      return getColumnLabel(filter, columnsByName);\n    }\n  };\n"],"names":["isMultiClauseFilter"],"mappings":";;;;AAOA,MAAM,cAAA,GAAiB,CACrB,MAAA,EACA,aACG,KAAA;AACH,EAAM,MAAA,MAAA,GAAS,aAAgB,GAAA,MAAA,CAAO,MAAM,CAAA;AAC5C,EAAA,IAAI,MAAQ,EAAA;AACV,IAAO,OAAA,MAAA,CAAO,SAAS,MAAO,CAAA,IAAA;AAAA,GACzB,MAAA;AACL,IAAA,OAAO,MAAO,CAAA,MAAA;AAAA;AAElB,CAAA;AAEO,MAAM,cACX,GAAA,CAAC,aACD,KAAA,CAAC,MAA2B,KAAA;AAC1B,EAAI,IAAAA,4BAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IAAA,OAAO,MAAO,CAAA,OAAA,CACX,GAAI,CAAA,CAAC,CAAM,KAAA,cAAA,CAAe,aAAa,CAAA,CAAE,CAAC,CAAC,CAC3C,CAAA,IAAA,CAAK,IAAI,CAAA;AAAA,GACP,MAAA;AACL,IAAO,OAAA,cAAA,CAAe,QAAQ,aAAa,CAAA;AAAA;AAE/C;;;;"}

package/cjs/filter-pill/getFilterTooltipText.js

@@ -1,41 +0,0 @@
-'use strict';
-
-var vuuUtils = require('@vuu-ui/vuu-utils');
-var filterUtils = require('../filter-utils.js');
-
-function applyFormatter(filter, formatter) {
-  if ("value" in filter) {
-    return { ...filter, value: formatter(filter.value) };
-  } else {
-    return { ...filter, values: filter.values.map(formatter) };
-  }
-}
-function formatFilterValue(filter, columnsByName) {
-  const column = columnsByName?.[filter.column];
-  if (column && vuuUtils.isDateTimeDataValue(column)) {
-    const pattern = vuuUtils.dateTimePattern(column.type);
-    const formatter = (n) => vuuUtils.formatDate({ date: pattern.date ?? vuuUtils.defaultPatternsByType.date })(
-      new Date(n)
-    );
-    return applyFormatter(
-      filter,
-      formatter
-    );
-  }
-  return filter;
-}
-const getFilterAsFormattedText = (columnsByName) => (filter) => {
-  if (vuuUtils.isMultiClauseFilter(filter)) {
-    const [firstClause] = filterUtils.filterClauses(filter);
-    const formattedFilter = formatFilterValue(
-      firstClause,
-      columnsByName
-    );
-    return `${vuuUtils.filterAsQuery(formattedFilter)} ${filter.op} ...`;
-  } else {
-    return vuuUtils.filterAsQuery(formatFilterValue(filter, columnsByName));
-  }
-};
-
-exports.getFilterAsFormattedText = getFilterAsFormattedText;
-//# sourceMappingURL=getFilterTooltipText.js.map

package/cjs/filter-pill/getFilterTooltipText.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"getFilterTooltipText.js","sources":["../../../../packages/vuu-filters/src/filter-pill/getFilterTooltipText.ts"],"sourcesContent":["import {\n  ColumnDescriptorsByName,\n  Filter,\n  FilterClause,\n  MultiValueFilterClause,\n  SingleValueFilterClause,\n} from \"@vuu-ui/vuu-filter-types\";\nimport {\n  filterAsQuery,\n  formatDate,\n  isDateTimeDataValue,\n  isMultiClauseFilter,\n  dateTimePattern,\n  defaultPatternsByType,\n} from \"@vuu-ui/vuu-utils\";\nimport { filterClauses } from \"../filter-utils\";\n\nfunction applyFormatter<T>(\n  filter: SingleValueFilterClause<T> | MultiValueFilterClause<T[]>,\n  formatter: (t: T) => string,\n): FilterClause {\n  if (\"value\" in filter) {\n    return { ...filter, value: formatter(filter.value) };\n  } else {\n    return { ...filter, values: filter.values.map(formatter) };\n  }\n}\n\nfunction formatFilterValue(\n  filter: FilterClause,\n  columnsByName?: ColumnDescriptorsByName,\n): FilterClause {\n  const column = columnsByName?.[filter.column];\n  if (column && isDateTimeDataValue(column)) {\n    const pattern = dateTimePattern(column.type);\n    const formatter = (n: number) =>\n      formatDate({ date: pattern.date ?? defaultPatternsByType.date })(\n        new Date(n),\n      );\n    return applyFormatter(\n      filter as\n        | SingleValueFilterClause<number>\n        | MultiValueFilterClause<number[]>,\n      formatter,\n    );\n  }\n\n  return filter;\n}\n\nexport const getFilterAsFormattedText =\n  (columnsByName?: ColumnDescriptorsByName) => (filter: Filter) => {\n    if (isMultiClauseFilter(filter)) {\n      const [firstClause] = filterClauses(filter);\n      const formattedFilter = formatFilterValue(\n        firstClause as FilterClause,\n        columnsByName,\n      );\n      return `${filterAsQuery(formattedFilter)} ${filter.op} ...`;\n    } else {\n      return filterAsQuery(formatFilterValue(filter, columnsByName));\n    }\n  };\n"],"names":["isDateTimeDataValue","dateTimePattern","formatDate","defaultPatternsByType","isMultiClauseFilter","filterClauses","filterAsQuery"],"mappings":";;;;;AAiBA,SAAS,cAAA,CACP,QACA,SACc,EAAA;AACd,EAAA,IAAI,WAAW,MAAQ,EAAA;AACrB,IAAA,OAAO,EAAE,GAAG,MAAA,EAAQ,OAAO,SAAU,CAAA,MAAA,CAAO,KAAK,CAAE,EAAA;AAAA,GAC9C,MAAA;AACL,IAAO,OAAA,EAAE,GAAG,MAAQ,EAAA,MAAA,EAAQ,OAAO,MAAO,CAAA,GAAA,CAAI,SAAS,CAAE,EAAA;AAAA;AAE7D;AAEA,SAAS,iBAAA,CACP,QACA,aACc,EAAA;AACd,EAAM,MAAA,MAAA,GAAS,aAAgB,GAAA,MAAA,CAAO,MAAM,CAAA;AAC5C,EAAI,IAAA,MAAA,IAAUA,4BAAoB,CAAA,MAAM,CAAG,EAAA;AACzC,IAAM,MAAA,OAAA,GAAUC,wBAAgB,CAAA,MAAA,CAAO,IAAI,CAAA;AAC3C,IAAM,MAAA,SAAA,GAAY,CAAC,CAAA,KACjBC,mBAAW,CAAA,EAAE,MAAM,OAAQ,CAAA,IAAA,IAAQC,8BAAsB,CAAA,IAAA,EAAM,CAAA;AAAA,MAC7D,IAAI,KAAK,CAAC;AAAA,KACZ;AACF,IAAO,OAAA,cAAA;AAAA,MACL,MAAA;AAAA,MAGA;AAAA,KACF;AAAA;AAGF,EAAO,OAAA,MAAA;AACT;AAEO,MAAM,wBACX,GAAA,CAAC,aAA4C,KAAA,CAAC,MAAmB,KAAA;AAC/D,EAAI,IAAAC,4BAAA,CAAoB,MAAM,CAAG,EAAA;AAC/B,IAAA,MAAM,CAAC,WAAW,CAAI,GAAAC,yBAAA,CAAc,MAAM,CAAA;AAC1C,IAAA,MAAM,eAAkB,GAAA,iBAAA;AAAA,MACtB,WAAA;AAAA,MACA;AAAA,KACF;AACA,IAAA,OAAO,GAAGC,sBAAc,CAAA,eAAe,CAAC,CAAA,CAAA,EAAI,OAAO,EAAE,CAAA,IAAA,CAAA;AAAA,GAChD,MAAA;AACL,IAAA,OAAOA,sBAAc,CAAA,iBAAA,CAAkB,MAAQ,EAAA,aAAa,CAAC,CAAA;AAAA;AAEjE;;;;"}

package/cjs/filter-pill/useFilterPillNext.js

@@ -1,65 +0,0 @@
-'use strict';
-
-var core = require('@salt-ds/core');
-var react = require('react');
-var getFilterTooltipText = require('./getFilterTooltipText.js');
-
-const useFilterPillNext = ({
-  active: activeProp,
-  appearence = "button",
-  defaultActive,
-  filter,
-  onMenuAction
-}) => {
-  const [active] = core.useControlled({
-    controlled: activeProp,
-    default: defaultActive ?? false,
-    name: "FilterPillNext",
-    state: "active"
-  });
-  const [contextMenuOpen, setContextMenuOpen] = react.useState(false);
-  const [virtualElement, setVirtualElement] = react.useState(
-    null
-  );
-  const tooltipText = react.useMemo(() => {
-    const getTooltipText = getFilterTooltipText.getFilterAsFormattedText();
-    return getTooltipText(filter);
-  }, [filter]);
-  const onContextMenu = (e) => {
-    e.preventDefault();
-    if (appearence === "button") {
-      setVirtualElement({
-        getBoundingClientRect: () => ({
-          width: 0,
-          height: 0,
-          x: e.clientX,
-          y: e.clientY,
-          top: e.clientY,
-          right: e.clientX,
-          bottom: e.clientY,
-          left: e.clientX
-        })
-      });
-      setContextMenuOpen(true);
-    }
-  };
-  const handleMenuAction = react.useCallback(
-    (filterId, actionType) => {
-      setContextMenuOpen(false);
-      onMenuAction?.(filterId, actionType);
-    },
-    [onMenuAction]
-  );
-  return {
-    active,
-    contextMenuOpen,
-    onContextMenu,
-    onContextMenuOpenChange: setContextMenuOpen,
-    onMenuAction: handleMenuAction,
-    tooltipText,
-    virtualElement
-  };
-};
-
-exports.useFilterPillNext = useFilterPillNext;
-//# sourceMappingURL=useFilterPillNext.js.map

package/cjs/filter-pill/useFilterPillNext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useFilterPillNext.js","sources":["../../../../packages/vuu-filters/src/filter-pill/useFilterPillNext.ts"],"sourcesContent":["import type { VirtualElement } from \"@floating-ui/react\";\nimport { useControlled } from \"@salt-ds/core\";\nimport { MouseEventHandler, useCallback, useMemo, useState } from \"react\";\nimport { FilterMenuActionHandler } from \"./FilterMenu\";\nimport { getFilterAsFormattedText } from \"./getFilterTooltipText\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\n\nexport interface FilterPillNextHookProps {\n  active?: boolean;\n  /**\n   * Determines how menu items will be presented\n   * 'button' - menu items will be context menu\n   * 'split-button' - menu items will be dropdowns\n   */\n  appearence?: \"split-button\" | \"button\";\n  defaultActive?: boolean;\n  filter: FilterContainerFilter;\n  onMenuAction?: FilterMenuActionHandler;\n}\n\nexport const useFilterPillNext = ({\n  active: activeProp,\n  appearence = \"button\",\n  defaultActive,\n  filter,\n  onMenuAction,\n}: FilterPillNextHookProps) => {\n  const [active] = useControlled({\n    controlled: activeProp,\n    default: defaultActive ?? false,\n    name: \"FilterPillNext\",\n    state: \"active\",\n  });\n\n  const [contextMenuOpen, setContextMenuOpen] = useState(false);\n  const [virtualElement, setVirtualElement] = useState<VirtualElement | null>(\n    null,\n  );\n\n  const tooltipText = useMemo(() => {\n    const getTooltipText = getFilterAsFormattedText();\n    return getTooltipText(filter);\n  }, [filter]);\n\n  const onContextMenu: MouseEventHandler<HTMLButtonElement> = (e) => {\n    e.preventDefault();\n    if (appearence === \"button\") {\n      setVirtualElement({\n        getBoundingClientRect: () => ({\n          width: 0,\n          height: 0,\n          x: e.clientX,\n          y: e.clientY,\n          top: e.clientY,\n          right: e.clientX,\n          bottom: e.clientY,\n          left: e.clientX,\n        }),\n      });\n      setContextMenuOpen(true);\n    }\n  };\n\n  const handleMenuAction = useCallback<FilterMenuActionHandler>(\n    (filterId, actionType) => {\n      setContextMenuOpen(false);\n      onMenuAction?.(filterId, actionType);\n    },\n    [onMenuAction],\n  );\n\n  return {\n    active,\n    contextMenuOpen,\n    onContextMenu,\n    onContextMenuOpenChange: setContextMenuOpen,\n    onMenuAction: handleMenuAction,\n    tooltipText,\n    virtualElement,\n  };\n};\n"],"names":["useControlled","useState","useMemo","getFilterAsFormattedText","useCallback"],"mappings":";;;;;;AAoBO,MAAM,oBAAoB,CAAC;AAAA,EAChC,MAAQ,EAAA,UAAA;AAAA,EACR,UAAa,GAAA,QAAA;AAAA,EACb,aAAA;AAAA,EACA,MAAA;AAAA,EACA;AACF,CAA+B,KAAA;AAC7B,EAAM,MAAA,CAAC,MAAM,CAAA,GAAIA,kBAAc,CAAA;AAAA,IAC7B,UAAY,EAAA,UAAA;AAAA,IACZ,SAAS,aAAiB,IAAA,KAAA;AAAA,IAC1B,IAAM,EAAA,gBAAA;AAAA,IACN,KAAO,EAAA;AAAA,GACR,CAAA;AAED,EAAA,MAAM,CAAC,eAAA,EAAiB,kBAAkB,CAAA,GAAIC,eAAS,KAAK,CAAA;AAC5D,EAAM,MAAA,CAAC,cAAgB,EAAA,iBAAiB,CAAI,GAAAA,cAAA;AAAA,IAC1C;AAAA,GACF;AAEA,EAAM,MAAA,WAAA,GAAcC,cAAQ,MAAM;AAChC,IAAA,MAAM,iBAAiBC,6CAAyB,EAAA;AAChD,IAAA,OAAO,eAAe,MAAM,CAAA;AAAA,GAC9B,EAAG,CAAC,MAAM,CAAC,CAAA;AAEX,EAAM,MAAA,aAAA,GAAsD,CAAC,CAAM,KAAA;AACjE,IAAA,CAAA,CAAE,cAAe,EAAA;AACjB,IAAA,IAAI,eAAe,QAAU,EAAA;AAC3B,MAAkB,iBAAA,CAAA;AAAA,QAChB,uBAAuB,OAAO;AAAA,UAC5B,KAAO,EAAA,CAAA;AAAA,UACP,MAAQ,EAAA,CAAA;AAAA,UACR,GAAG,CAAE,CAAA,OAAA;AAAA,UACL,GAAG,CAAE,CAAA,OAAA;AAAA,UACL,KAAK,CAAE,CAAA,OAAA;AAAA,UACP,OAAO,CAAE,CAAA,OAAA;AAAA,UACT,QAAQ,CAAE,CAAA,OAAA;AAAA,UACV,MAAM,CAAE,CAAA;AAAA,SACV;AAAA,OACD,CAAA;AACD,MAAA,kBAAA,CAAmB,IAAI,CAAA;AAAA;AACzB,GACF;AAEA,EAAA,MAAM,gBAAmB,GAAAC,iBAAA;AAAA,IACvB,CAAC,UAAU,UAAe,KAAA;AACxB,MAAA,kBAAA,CAAmB,KAAK,CAAA;AACxB,MAAA,YAAA,GAAe,UAAU,UAAU,CAAA;AAAA,KACrC;AAAA,IACA,CAAC,YAAY;AAAA,GACf;AAEA,EAAO,OAAA;AAAA,IACL,MAAA;AAAA,IACA,eAAA;AAAA,IACA,aAAA;AAAA,IACA,uBAAyB,EAAA,kBAAA;AAAA,IACzB,YAAc,EAAA,gBAAA;AAAA,IACd,WAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}