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

package/esm/saved-filters/useSavedFilterPanel.js

@@ -1,27 +0,0 @@
-import { useCallback } from 'react';
-import { useSavedFilters } from '../filter-provider/FilterContext.js';
-
-const useSavedFilterPanel = (props) => {
-  const {
-    savedFilters = [],
-    setCurrentFilter,
-    onFilterMenuAction
-  } = useSavedFilters(props?.filterProviderKey, {
-    availableColumns: props?.availableColumns
-  });
-  const handleClickFilter = useCallback(
-    (e) => {
-      const { id } = e.target;
-      setCurrentFilter(id);
-    },
-    [setCurrentFilter]
-  );
-  return {
-    onClickFilter: handleClickFilter,
-    onFilterMenuAction,
-    savedFilters
-  };
-};
-
-export { useSavedFilterPanel };
-//# sourceMappingURL=useSavedFilterPanel.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useSavedFilterPanel.js","sources":["../../../../packages/vuu-filters/src/saved-filters/useSavedFilterPanel.tsx"],"sourcesContent":["import { SyntheticEvent, useCallback } from \"react\";\nimport { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { ColumnDescriptor } from \"@vuu-ui/vuu-table-types\";\n\nexport type FilterClickHandler = (filterId: string) => void;\n\ninterface SavedFilterPanelProps {\n  availableColumns?: ColumnDescriptor[];\n  filterProviderKey?: string;\n}\n\nexport const useSavedFilterPanel = (props?: SavedFilterPanelProps) => {\n  const {\n    savedFilters = [],\n    setCurrentFilter,\n    onFilterMenuAction,\n  } = useSavedFilters(props?.filterProviderKey, {\n    availableColumns: props?.availableColumns,\n  });\n\n  const handleClickFilter = useCallback(\n    (e: SyntheticEvent) => {\n      const { id } = e.target as HTMLElement;\n      setCurrentFilter(id);\n    },\n    [setCurrentFilter],\n  );\n\n  return {\n    onClickFilter: handleClickFilter,\n    onFilterMenuAction,\n    savedFilters,\n  };\n};\n"],"names":[],"mappings":";;;AAWa,MAAA,mBAAA,GAAsB,CAAC,KAAkC,KAAA;AACpE,EAAM,MAAA;AAAA,IACJ,eAAe,EAAC;AAAA,IAChB,gBAAA;AAAA,IACA;AAAA,GACF,GAAI,eAAgB,CAAA,KAAA,EAAO,iBAAmB,EAAA;AAAA,IAC5C,kBAAkB,KAAO,EAAA;AAAA,GAC1B,CAAA;AAED,EAAA,MAAM,iBAAoB,GAAA,WAAA;AAAA,IACxB,CAAC,CAAsB,KAAA;AACrB,MAAM,MAAA,EAAE,EAAG,EAAA,GAAI,CAAE,CAAA,MAAA;AACjB,MAAA,gBAAA,CAAiB,EAAE,CAAA;AAAA,KACrB;AAAA,IACA,CAAC,gBAAgB;AAAA,GACnB;AAEA,EAAO,OAAA;AAAA,IACL,aAAe,EAAA,iBAAA;AAAA,IACf,kBAAA;AAAA,IACA;AAAA,GACF;AACF;;;;"}

package/esm/tabbed-filter-container/TabbedFilterContainer.css.js

@@ -1,4 +0,0 @@
-var tabbedFilterContainerCss = "";
-
-export { tabbedFilterContainerCss as default };
-//# sourceMappingURL=TabbedFilterContainer.css.js.map

package/esm/tabbed-filter-container/TabbedFilterContainer.css.js.map

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

package/esm/tabbed-filter-container/TabbedFilterContainer.js

@@ -1,55 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { TabsNext, TabListNext, TabNext, TabNextTrigger, TabNextPanel } from '@salt-ds/lab';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { FilterPanel } from '../filter-panel/FilterPanel.js';
-import { SavedFilterPanel } from '../saved-filters/SavedFilterPanel.js';
-import tabbedFilterContainerCss from './TabbedFilterContainer.css.js';
-
-const classBase = "vuuTabbedFilterContainer";
-const TabbedFilterContainer = ({
-  SavedFilterPanelProps: SavedFilterPanelProps2,
-  children,
-  className,
-  filter,
-  filterProviderKey,
-  filterTabLabel = "Ad hoc",
-  onFilterApplied,
-  onFilterCleared,
-  savedFilterLabel = "Saved",
-  ...htmlAttributes
-}) => {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-tabbed-filter-container",
-    css: tabbedFilterContainerCss,
-    window: targetWindow
-  });
-  return /* @__PURE__ */ jsx("div", { ...htmlAttributes, className: cx(classBase, className), children: /* @__PURE__ */ jsxs(TabsNext, { defaultValue: "ad-hoc-filter", children: [
-    /* @__PURE__ */ jsxs(TabListNext, { appearance: "transparent", children: [
-      /* @__PURE__ */ jsx(TabNext, { value: "ad-hoc-filter", children: /* @__PURE__ */ jsx(TabNextTrigger, { children: filterTabLabel }) }, "ad-hoc-filter"),
-      /* @__PURE__ */ jsx(TabNext, { value: "saved-filters", children: /* @__PURE__ */ jsx(TabNextTrigger, { children: savedFilterLabel }) }, "saved-filters")
-    ] }),
-    /* @__PURE__ */ jsx(TabNextPanel, { value: "ad-hoc-filter", children: /* @__PURE__ */ jsx(
-      FilterPanel,
-      {
-        filter,
-        filterProviderKey,
-        onFilterApplied,
-        onFilterCleared,
-        children
-      }
-    ) }, "ad-hoc-filter"),
-    /* @__PURE__ */ jsx(TabNextPanel, { value: "saved-filters", children: /* @__PURE__ */ jsx(
-      SavedFilterPanel,
-      {
-        ...SavedFilterPanelProps2,
-        filterProviderKey
-      }
-    ) }, "saved-filters")
-  ] }) });
-};
-
-export { TabbedFilterContainer };
-//# sourceMappingURL=TabbedFilterContainer.js.map

package/esm/tabbed-filter-container/TabbedFilterContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TabbedFilterContainer.js","sources":["../../../../packages/vuu-filters/src/tabbed-filter-container/TabbedFilterContainer.tsx"],"sourcesContent":["import {\n  TabListNext,\n  TabNext,\n  TabNextPanel,\n  TabNextTrigger,\n  TabsNext,\n} from \"@salt-ds/lab\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport cx from \"clsx\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { FilterContainerProps } from \"../filter-container/FilterContainer\";\nimport { FilterPanel } from \"../filter-panel/FilterPanel\";\nimport {\n  SavedFilterPanel,\n  SavedFilterPanelProps,\n} from \"../saved-filters/SavedFilterPanel\";\nimport tabbedFilterContainerCss from \"./TabbedFilterContainer.css\";\n\nconst classBase = \"vuuTabbedFilterContainer\";\n\nexport interface TabbedFilterContainerProps\n  extends HTMLAttributes<HTMLDivElement>,\n    Pick<\n      FilterContainerProps,\n      \"filter\" | \"filterProviderKey\" | \"onFilterApplied\" | \"onFilterCleared\"\n    > {\n  SavedFilterPanelProps?: Pick<\n    SavedFilterPanelProps,\n    \"availableColumns\" | \"filterPillPermissions\"\n  >;\n  children: ReactNode;\n  filterTabLabel?: string;\n  savedFilterLabel?: string;\n}\n\nexport const TabbedFilterContainer = ({\n  SavedFilterPanelProps,\n  children,\n  className,\n  filter,\n  filterProviderKey,\n  filterTabLabel = \"Ad hoc\",\n  onFilterApplied,\n  onFilterCleared,\n  savedFilterLabel = \"Saved\",\n  ...htmlAttributes\n}: TabbedFilterContainerProps) => {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-tabbed-filter-container\",\n    css: tabbedFilterContainerCss,\n    window: targetWindow,\n  });\n\n  return (\n    <div {...htmlAttributes} className={cx(classBase, className)}>\n      <TabsNext defaultValue=\"ad-hoc-filter\">\n        <TabListNext appearance=\"transparent\">\n          <TabNext value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n            <TabNextTrigger>{filterTabLabel}</TabNextTrigger>\n          </TabNext>\n          <TabNext value=\"saved-filters\" key=\"saved-filters\">\n            <TabNextTrigger>{savedFilterLabel}</TabNextTrigger>\n          </TabNext>\n        </TabListNext>\n        <TabNextPanel value=\"ad-hoc-filter\" key=\"ad-hoc-filter\">\n          <FilterPanel\n            filter={filter}\n            filterProviderKey={filterProviderKey}\n            onFilterApplied={onFilterApplied}\n            onFilterCleared={onFilterCleared}\n          >\n            {children}\n          </FilterPanel>\n        </TabNextPanel>\n        <TabNextPanel value=\"saved-filters\" key=\"saved-filters\">\n          <SavedFilterPanel\n            {...SavedFilterPanelProps}\n            filterProviderKey={filterProviderKey}\n          />\n        </TabNextPanel>\n      </TabsNext>\n    </div>\n  );\n};\n"],"names":["SavedFilterPanelProps"],"mappings":";;;;;;;;;AAmBA,MAAM,SAAY,GAAA,0BAAA;AAiBX,MAAM,wBAAwB,CAAC;AAAA,EACpC,qBAAAA,EAAAA,sBAAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,MAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAiB,GAAA,QAAA;AAAA,EACjB,eAAA;AAAA,EACA,eAAA;AAAA,EACA,gBAAmB,GAAA,OAAA;AAAA,EACnB,GAAG;AACL,CAAkC,KAAA;AAChC,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,6BAAA;AAAA,IACR,GAAK,EAAA,wBAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,uBACG,GAAA,CAAA,KAAA,EAAA,EAAK,GAAG,cAAA,EAAgB,SAAW,EAAA,EAAA,CAAG,SAAW,EAAA,SAAS,CACzD,EAAA,QAAA,kBAAA,IAAA,CAAC,QAAS,EAAA,EAAA,YAAA,EAAa,eACrB,EAAA,QAAA,EAAA;AAAA,oBAAC,IAAA,CAAA,WAAA,EAAA,EAAY,YAAW,aACtB,EAAA,QAAA,EAAA;AAAA,sBAAA,GAAA,CAAC,WAAQ,KAAM,EAAA,eAAA,EACb,8BAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,cAAA,EAAe,KADC,eAEnC,CAAA;AAAA,sBACA,GAAA,CAAC,WAAQ,KAAM,EAAA,eAAA,EACb,8BAAC,cAAgB,EAAA,EAAA,QAAA,EAAA,gBAAA,EAAiB,KADD,eAEnC;AAAA,KACF,EAAA,CAAA;AAAA,oBACA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,WAAA;AAAA,MAAA;AAAA,QACC,MAAA;AAAA,QACA,iBAAA;AAAA,QACA,eAAA;AAAA,QACA,eAAA;AAAA,QAEC;AAAA;AAAA,SAPmC,eASxC,CAAA;AAAA,oBACA,GAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAM,eAClB,EAAA,QAAA,kBAAA,GAAA;AAAA,MAAC,gBAAA;AAAA,MAAA;AAAA,QACE,GAAGA,sBAAAA;AAAA,QACJ;AAAA;AAAA,SAHoC,eAKxC;AAAA,GAAA,EACF,CACF,EAAA,CAAA;AAEJ;;;;"}

package/esm/toggle-filter/ToggleFilter.css.js

@@ -1,4 +0,0 @@
-var toggleFilterCss = ".vuuToggleFilter {\n    .vuuToggleFilter-onlyAvailableValue:not([aria-checked=\"true\"],:hover) {\n        background-color: var(--vuuToggleFilter-implicitActive-bg, var(--salt-actionable-bold-background));\n    }\n}\n";
-
-export { toggleFilterCss as default };
-//# sourceMappingURL=ToggleFilter.css.js.map

package/esm/toggle-filter/ToggleFilter.css.js.map

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

package/esm/toggle-filter/ToggleFilter.js

@@ -1,83 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import { ToggleButtonGroup, ToggleButton } from '@salt-ds/core';
-import { useComponentCssInjection } from '@salt-ds/styles';
-import { useWindow } from '@salt-ds/window';
-import cx from 'clsx';
-import { forwardRef, useCallback } from 'react';
-import { useToggleFilter } from './useToggleFilter.js';
-import toggleFilterCss from './ToggleFilter.css.js';
-
-const getValues = (defaultValue, value) => {
-  if (defaultValue === void 0 && value === void 0) {
-    return ["all"];
-  } else if (defaultValue !== void 0 && value !== void 0) {
-    throw Error(
-      "[ToggleFilter] only one of defaultValue/value must be provided"
-    );
-  } else if (defaultValue === "") {
-    return ["all"];
-  } else if (value === "") {
-    return [void 0, "all"];
-  } else {
-    return [defaultValue, value];
-  }
-};
-const classBase = "vuuToggleFilter";
-const ToggleFilter = forwardRef(function ToggleFilter2({
-  className,
-  column,
-  defaultValue: defaultValueProp,
-  onCommit,
-  table,
-  value: valueProp,
-  values,
-  ...ToggleButtonGroupProps2
-}, forwardedRef) {
-  const targetWindow = useWindow();
-  useComponentCssInjection({
-    testId: "vuu-toggle-filter",
-    css: toggleFilterCss,
-    window: targetWindow
-  });
-  const [defaultValue, value] = getValues(defaultValueProp, valueProp);
-  const onlyAvailableValue = useToggleFilter({ column, table, values });
-  const handleChange = useCallback(
-    (e) => {
-      const value2 = e.currentTarget.value;
-      if (value2 === "all") {
-        onCommit(e, "");
-      } else {
-        onCommit(e, value2);
-      }
-    },
-    [onCommit]
-  );
-  return /* @__PURE__ */ jsxs(
-    ToggleButtonGroup,
-    {
-      ...ToggleButtonGroupProps2,
-      className: cx(classBase, className),
-      defaultValue,
-      onChange: handleChange,
-      ref: forwardedRef,
-      value,
-      children: [
-        /* @__PURE__ */ jsx(ToggleButton, { value: "all", children: "ALL" }, "all"),
-        values.map((toggleValue) => /* @__PURE__ */ jsx(
-          ToggleButton,
-          {
-            className: cx({
-              [`${classBase}-onlyAvailableValue`]: onlyAvailableValue === toggleValue
-            }),
-            value: toggleValue,
-            children: toggleValue
-          },
-          toggleValue
-        ))
-      ]
-    }
-  );
-});
-
-export { ToggleFilter };
-//# sourceMappingURL=ToggleFilter.js.map

package/esm/toggle-filter/ToggleFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/ToggleFilter.tsx"],"sourcesContent":["import {\n  ToggleButton,\n  ToggleButtonGroup,\n  ToggleButtonGroupProps,\n} from \"@salt-ds/core\";\nimport { useComponentCssInjection } from \"@salt-ds/styles\";\nimport { useWindow } from \"@salt-ds/window\";\nimport { CommitHandler } from \"@vuu-ui/vuu-utils\";\nimport cx from \"clsx\";\nimport { ForwardedRef, forwardRef, SyntheticEvent, useCallback } from \"react\";\nimport { type ToggleFilterHookProps, useToggleFilter } from \"./useToggleFilter\";\n\ntype Value = ToggleButtonGroupProps[\"value\"];\n\nconst getValues = (\n  defaultValue: Value | undefined,\n  value: Value | undefined,\n) => {\n  if (defaultValue === undefined && value === undefined) {\n    return [\"all\"];\n  } else if (defaultValue !== undefined && value !== undefined) {\n    throw Error(\n      \"[ToggleFilter] only one of defaultValue/value must be provided\",\n    );\n  } else if (defaultValue === \"\") {\n    return [\"all\"];\n  } else if (value === \"\") {\n    return [undefined, \"all\"];\n  } else {\n    return [defaultValue, value];\n  }\n};\n\nimport toggleFilterCss from \"./ToggleFilter.css\";\n/**\n * ToggleFilter is designed to work with a FilterProvider and\n * DataSourceProvider. With a DataSourceProvider, values will\n * be validated against available values from datasource.\n * With both FilterProvider and a DataSourceProvider, changes to\n * the currentFilter will also trigger re-evaluation of available\n * values from dataSource.\n * With neither of these Providers available, the ToggleFilter is\n * behaving like a regular ToggleButtonGroup.\n */\nexport interface ToggleFilterProps\n  extends ToggleButtonGroupProps,\n    ToggleFilterHookProps {\n  onCommit: CommitHandler<HTMLElement>;\n}\n\nconst classBase = \"vuuToggleFilter\";\n\nexport const ToggleFilter = forwardRef(function ToggleFilter(\n  {\n    className,\n    column,\n    defaultValue: defaultValueProp,\n    onCommit,\n    table,\n    value: valueProp,\n    values,\n    ...ToggleButtonGroupProps\n  }: ToggleFilterProps,\n  forwardedRef: ForwardedRef<HTMLDivElement>,\n) {\n  const targetWindow = useWindow();\n  useComponentCssInjection({\n    testId: \"vuu-toggle-filter\",\n    css: toggleFilterCss,\n    window: targetWindow,\n  });\n\n  const [defaultValue, value] = getValues(defaultValueProp, valueProp);\n\n  const onlyAvailableValue = useToggleFilter({ column, table, values });\n\n  const handleChange = useCallback(\n    (e: SyntheticEvent<HTMLButtonElement>) => {\n      const value = e.currentTarget.value;\n      if (value === \"all\") {\n        onCommit(e, \"\");\n      } else {\n        onCommit(e, value);\n      }\n    },\n    [onCommit],\n  );\n\n  return (\n    <ToggleButtonGroup\n      {...ToggleButtonGroupProps}\n      className={cx(classBase, className)}\n      defaultValue={defaultValue}\n      onChange={handleChange}\n      ref={forwardedRef}\n      value={value}\n    >\n      <ToggleButton key=\"all\" value=\"all\">\n        ALL\n      </ToggleButton>\n      {values.map((toggleValue) => (\n        <ToggleButton\n          className={cx({\n            [`${classBase}-onlyAvailableValue`]:\n              onlyAvailableValue === toggleValue,\n          })}\n          key={toggleValue}\n          value={toggleValue}\n        >\n          {toggleValue}\n        </ToggleButton>\n      ))}\n    </ToggleButtonGroup>\n  );\n});\n"],"names":["ToggleFilter","ToggleButtonGroupProps","value"],"mappings":";;;;;;;;;AAcA,MAAM,SAAA,GAAY,CAChB,YAAA,EACA,KACG,KAAA;AACH,EAAI,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AACrD,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACJ,MAAA,IAAA,YAAA,KAAiB,KAAa,CAAA,IAAA,KAAA,KAAU,KAAW,CAAA,EAAA;AAC5D,IAAM,MAAA,KAAA;AAAA,MACJ;AAAA,KACF;AAAA,GACF,MAAA,IAAW,iBAAiB,EAAI,EAAA;AAC9B,IAAA,OAAO,CAAC,KAAK,CAAA;AAAA,GACf,MAAA,IAAW,UAAU,EAAI,EAAA;AACvB,IAAO,OAAA,CAAC,QAAW,KAAK,CAAA;AAAA,GACnB,MAAA;AACL,IAAO,OAAA,CAAC,cAAc,KAAK,CAAA;AAAA;AAE/B,CAAA;AAmBA,MAAM,SAAY,GAAA,iBAAA;AAEL,MAAA,YAAA,GAAe,UAAW,CAAA,SAASA,aAC9C,CAAA;AAAA,EACE,SAAA;AAAA,EACA,MAAA;AAAA,EACA,YAAc,EAAA,gBAAA;AAAA,EACd,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAO,EAAA,SAAA;AAAA,EACP,MAAA;AAAA,EACA,GAAGC;AACL,CAAA,EACA,YACA,EAAA;AACA,EAAA,MAAM,eAAe,SAAU,EAAA;AAC/B,EAAyB,wBAAA,CAAA;AAAA,IACvB,MAAQ,EAAA,mBAAA;AAAA,IACR,GAAK,EAAA,eAAA;AAAA,IACL,MAAQ,EAAA;AAAA,GACT,CAAA;AAED,EAAA,MAAM,CAAC,YAAc,EAAA,KAAK,CAAI,GAAA,SAAA,CAAU,kBAAkB,SAAS,CAAA;AAEnE,EAAA,MAAM,qBAAqB,eAAgB,CAAA,EAAE,MAAQ,EAAA,KAAA,EAAO,QAAQ,CAAA;AAEpE,EAAA,MAAM,YAAe,GAAA,WAAA;AAAA,IACnB,CAAC,CAAyC,KAAA;AACxC,MAAMC,MAAAA,MAAAA,GAAQ,EAAE,aAAc,CAAA,KAAA;AAC9B,MAAA,IAAIA,WAAU,KAAO,EAAA;AACnB,QAAA,QAAA,CAAS,GAAG,EAAE,CAAA;AAAA,OACT,MAAA;AACL,QAAA,QAAA,CAAS,GAAGA,MAAK,CAAA;AAAA;AACnB,KACF;AAAA,IACA,CAAC,QAAQ;AAAA,GACX;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,iBAAA;AAAA,IAAA;AAAA,MACE,GAAGD,uBAAAA;AAAA,MACJ,SAAA,EAAW,EAAG,CAAA,SAAA,EAAW,SAAS,CAAA;AAAA,MAClC,YAAA;AAAA,MACA,QAAU,EAAA,YAAA;AAAA,MACV,GAAK,EAAA,YAAA;AAAA,MACL,KAAA;AAAA,MAEA,QAAA,EAAA;AAAA,wBAAA,GAAA,CAAC,YAAuB,EAAA,EAAA,KAAA,EAAM,KAAM,EAAA,QAAA,EAAA,KAAA,EAAA,EAAlB,KAElB,CAAA;AAAA,QACC,MAAA,CAAO,GAAI,CAAA,CAAC,WACX,qBAAA,GAAA;AAAA,UAAC,YAAA;AAAA,UAAA;AAAA,YACC,WAAW,EAAG,CAAA;AAAA,cACZ,CAAC,CAAA,EAAG,SAAS,CAAA,mBAAA,CAAqB,GAChC,kBAAuB,KAAA;AAAA,aAC1B,CAAA;AAAA,YAED,KAAO,EAAA,WAAA;AAAA,YAEN,QAAA,EAAA;AAAA,WAAA;AAAA,UAHI;AAAA,SAKR;AAAA;AAAA;AAAA,GACH;AAEJ,CAAC;;;;"}

package/esm/toggle-filter/useToggleFilter.js

@@ -1,65 +0,0 @@
-import { useSavedFilters } from '../filter-provider/FilterContext.js';
-import { useTypeaheadSuggestions } from '@vuu-ui/vuu-data-react';
-import { useRef, useState, useCallback, useMemo } from 'react';
-import { getVuuTable, filtersAreEqual } from '@vuu-ui/vuu-utils';
-
-const assertValid = (values, actualValues) => {
-  if (actualValues.some((val) => values.indexOf(val) === -1)) {
-    console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source
-            [${values.join()}]
-            [${actualValues.join()}]`);
-  }
-};
-const typeaheadRefreshRequired = (f1, f2) => {
-  if (f1 === null && f2 === null) {
-    return false;
-  } else if (f1 === null || f2 === null) {
-    return true;
-  } else if (filtersAreEqual(f1, f2)) {
-    return false;
-  } else {
-    return true;
-  }
-};
-const useToggleFilter = ({
-  column,
-  table,
-  values
-}) => {
-  const { currentFilter } = useSavedFilters();
-  const currentFilterRef = useRef(currentFilter.filter);
-  const [typeaheadValues, setTypeaheadValues] = useState([]);
-  const getSuggestions = useTypeaheadSuggestions();
-  const refreshSuggestions = useCallback(
-    (table2) => {
-      const vuuTable = getVuuTable(table2);
-      const params = [vuuTable, column];
-      getSuggestions(params).then((suggestions) => {
-        if (suggestions === false) {
-          setTypeaheadValues([]);
-        } else {
-          assertValid(values, suggestions);
-          setTypeaheadValues(suggestions);
-        }
-      });
-    },
-    [column, getSuggestions, values]
-  );
-  useMemo(() => {
-    if (table) {
-      refreshSuggestions(table);
-    }
-  }, [refreshSuggestions, table]);
-  useMemo(() => {
-    const { current: filter } = currentFilterRef;
-    if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {
-      refreshSuggestions(table);
-    }
-    currentFilterRef.current = currentFilter.filter;
-  }, [currentFilter.filter, refreshSuggestions, table]);
-  const [firstValue] = typeaheadValues;
-  return typeaheadValues.length === 1 ? firstValue : void 0;
-};
-
-export { useToggleFilter };
-//# sourceMappingURL=useToggleFilter.js.map

package/esm/toggle-filter/useToggleFilter.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggleFilter.js","sources":["../../../../packages/vuu-filters/src/toggle-filter/useToggleFilter.ts"],"sourcesContent":["import { useSavedFilters } from \"../filter-provider/FilterContext\";\nimport { useTypeaheadSuggestions } from \"@vuu-ui/vuu-data-react\";\nimport type { TypeaheadParams } from \"@vuu-ui/vuu-protocol-types\";\nimport { useCallback, useMemo, useRef, useState } from \"react\";\nimport { filtersAreEqual, getVuuTable } from \"@vuu-ui/vuu-utils\";\nimport type { TableSchemaTable } from \"@vuu-ui/vuu-data-types\";\nimport { FilterContainerFilter } from \"@vuu-ui/vuu-filter-types\";\n\nconst assertValid = (values: string[], actualValues: string[]) => {\n  if (actualValues.some((val) => values.indexOf(val) === -1)) {\n    console.warn(`[useToggleFilter] ToggleFilter is configured with values which do not include all values from data source\n            [${values.join()}]\n            [${actualValues.join()}]`);\n  }\n};\n\nexport interface ToggleFilterHookProps {\n  column: string;\n  /**\n   * table must be provided to enable validation\n   * of values using server data.\n   */\n  table?: TableSchemaTable;\n  values: string[];\n}\n\nconst typeaheadRefreshRequired = (\n  f1: FilterContainerFilter | null,\n  f2: FilterContainerFilter | null,\n) => {\n  if (f1 === null && f2 === null) {\n    return false;\n  } else if (f1 === null || f2 === null) {\n    return true;\n  } else if (filtersAreEqual(f1, f2)) {\n    return false;\n  } else {\n    return true;\n  }\n};\n\nexport const useToggleFilter = ({\n  column,\n  table,\n  values,\n}: ToggleFilterHookProps) => {\n  const { currentFilter } = useSavedFilters();\n  const currentFilterRef = useRef(currentFilter.filter);\n  const [typeaheadValues, setTypeaheadValues] = useState<string[]>([]);\n  const getSuggestions = useTypeaheadSuggestions();\n\n  const refreshSuggestions = useCallback(\n    (table: TableSchemaTable) => {\n      const vuuTable = getVuuTable(table);\n      const params: TypeaheadParams = [vuuTable, column];\n      getSuggestions(params).then((suggestions) => {\n        if (suggestions === false) {\n          setTypeaheadValues([]);\n        } else {\n          assertValid(values, suggestions);\n          setTypeaheadValues(suggestions);\n        }\n      });\n    },\n    [column, getSuggestions, values],\n  );\n\n  useMemo(() => {\n    if (table) {\n      refreshSuggestions(table);\n    }\n  }, [refreshSuggestions, table]);\n\n  // Changes to currentFilter may affect the suggestions we receive\n  // if it has changed and been applied to dataSource. If there is no FilterProvider\n  // it will never change, so won't matter.\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  useMemo(() => {\n    const { current: filter } = currentFilterRef;\n    if (table && typeaheadRefreshRequired(filter, currentFilter.filter)) {\n      refreshSuggestions(table);\n    }\n    currentFilterRef.current = currentFilter.filter;\n  }, [currentFilter.filter, refreshSuggestions, table]);\n\n  const [firstValue] = typeaheadValues;\n\n  // onlyAvailableValue\n  return typeaheadValues.length === 1 ? firstValue : undefined;\n};\n"],"names":["table"],"mappings":";;;;;AAQA,MAAM,WAAA,GAAc,CAAC,MAAA,EAAkB,YAA2B,KAAA;AAChE,EAAI,IAAA,YAAA,CAAa,KAAK,CAAC,GAAA,KAAQ,OAAO,OAAQ,CAAA,GAAG,CAAM,KAAA,CAAA,CAAE,CAAG,EAAA;AAC1D,IAAA,OAAA,CAAQ,IAAK,CAAA,CAAA;AAAA,aACF,EAAA,MAAA,CAAO,MAAM,CAAA;AAAA,aACb,EAAA,YAAA,CAAa,IAAK,EAAC,CAAG,CAAA,CAAA,CAAA;AAAA;AAErC,CAAA;AAYA,MAAM,wBAAA,GAA2B,CAC/B,EAAA,EACA,EACG,KAAA;AACH,EAAI,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AAC9B,IAAO,OAAA,KAAA;AAAA,GACE,MAAA,IAAA,EAAA,KAAO,IAAQ,IAAA,EAAA,KAAO,IAAM,EAAA;AACrC,IAAO,OAAA,IAAA;AAAA,GACE,MAAA,IAAA,eAAA,CAAgB,EAAI,EAAA,EAAE,CAAG,EAAA;AAClC,IAAO,OAAA,KAAA;AAAA,GACF,MAAA;AACL,IAAO,OAAA,IAAA;AAAA;AAEX,CAAA;AAEO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,MAAA;AAAA,EACA,KAAA;AAAA,EACA;AACF,CAA6B,KAAA;AAC3B,EAAM,MAAA,EAAE,aAAc,EAAA,GAAI,eAAgB,EAAA;AAC1C,EAAM,MAAA,gBAAA,GAAmB,MAAO,CAAA,aAAA,CAAc,MAAM,CAAA;AACpD,EAAA,MAAM,CAAC,eAAiB,EAAA,kBAAkB,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA;AACnE,EAAA,MAAM,iBAAiB,uBAAwB,EAAA;AAE/C,EAAA,MAAM,kBAAqB,GAAA,WAAA;AAAA,IACzB,CAACA,MAA4B,KAAA;AAC3B,MAAM,MAAA,QAAA,GAAW,YAAYA,MAAK,CAAA;AAClC,MAAM,MAAA,MAAA,GAA0B,CAAC,QAAA,EAAU,MAAM,CAAA;AACjD,MAAA,cAAA,CAAe,MAAM,CAAA,CAAE,IAAK,CAAA,CAAC,WAAgB,KAAA;AAC3C,QAAA,IAAI,gBAAgB,KAAO,EAAA;AACzB,UAAA,kBAAA,CAAmB,EAAE,CAAA;AAAA,SAChB,MAAA;AACL,UAAA,WAAA,CAAY,QAAQ,WAAW,CAAA;AAC/B,UAAA,kBAAA,CAAmB,WAAW,CAAA;AAAA;AAChC,OACD,CAAA;AAAA,KACH;AAAA,IACA,CAAC,MAAQ,EAAA,cAAA,EAAgB,MAAM;AAAA,GACjC;AAEA,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAA,IAAI,KAAO,EAAA;AACT,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAC1B,GACC,EAAA,CAAC,kBAAoB,EAAA,KAAK,CAAC,CAAA;AAM9B,EAAA,OAAA,CAAQ,MAAM;AACZ,IAAM,MAAA,EAAE,OAAS,EAAA,MAAA,EAAW,GAAA,gBAAA;AAC5B,IAAA,IAAI,KAAS,IAAA,wBAAA,CAAyB,MAAQ,EAAA,aAAA,CAAc,MAAM,CAAG,EAAA;AACnE,MAAA,kBAAA,CAAmB,KAAK,CAAA;AAAA;AAE1B,IAAA,gBAAA,CAAiB,UAAU,aAAc,CAAA,MAAA;AAAA,KACxC,CAAC,aAAA,CAAc,MAAQ,EAAA,kBAAA,EAAoB,KAAK,CAAC,CAAA;AAEpD,EAAM,MAAA,CAAC,UAAU,CAAI,GAAA,eAAA;AAGrB,EAAO,OAAA,eAAA,CAAgB,MAAW,KAAA,CAAA,GAAI,UAAa,GAAA,KAAA,CAAA;AACrD;;;;"}