@j2-health/design-system 0.2.0 → 0.2.1

package/dist/src/components/filterform/FiltersForm.cjs

@@ -0,0 +1,168 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@phosphor-icons/react");
+const FiltersForm_module = require("./FiltersForm.module.css.cjs");
+const cx = require("classnames");
+const filterHelpers = require("./filterHelpers.cjs");
+const React = require("react");
+const FilterInput = require("./FilterInput.cjs");
+const useFiltersForm = require("./useFiltersForm.cjs");
+const FilterGroup = require("./FilterGroup.cjs");
+const Button = require("../button/Button.cjs");
+const FiltersForm = ({
+  title,
+  filterConfigs,
+  onSubmit,
+  initialValues,
+  maxFiltersPerField = 5
+}) => {
+  const { dispatch, filterGroups, isNewFilterInputOpen, isValid, isEmpty } = useFiltersForm.useFiltersForm({
+    initialValues
+  });
+  const handleSubmit = () => {
+    onSubmit({
+      filters: filterGroups.flatMap((group) => group.filters).filter((filter) => filterHelpers.isFilter(filter)).filter((filter) => !filterHelpers.isEmptyFilter(filter))
+    });
+  };
+  const availableFilterConfigs = React.useMemo(() => {
+    const filterFieldCounts = filterGroups.reduce(
+      (acc, filterGroup) => {
+        acc[filterGroup.field] = filterGroup.filters.length;
+        return acc;
+      },
+      {}
+    );
+    return filterConfigs.map((config) => ({
+      ...config,
+      disabled: (filterFieldCounts[config.field] || 0) >= maxFiltersPerField
+    }));
+  }, [
+    filterConfigs,
+    filterGroups.map((g) => `${g.field}-${g.filters.length}`).join(","),
+    maxFiltersPerField
+  ]);
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx(FiltersForm_module.default.j2FilterForm), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        className: cx(
+          FiltersForm_module.default.filterFormFieldsContainer,
+          "flex flex-col gap-4",
+          "p-4 mb-6"
+        ),
+        children: [
+          title && /* @__PURE__ */ jsxRuntime.jsx("span", { className: FiltersForm_module.default.filterFormTitle, children: title }),
+          filterGroups.map((filterGroup, groupIndex) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: cx("flex gap-3", {
+                "items-center": filterGroup.filters.length === 1
+              }),
+              children: [
+                groupIndex > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: cx(FiltersForm_module.default.filterFormConjunction, {
+                      "pt-4": filterGroup.filters.length > 1
+                    }),
+                    children: "and"
+                  }
+                ) : null,
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  FilterGroup.FilterGroup,
+                  {
+                    filterGroup,
+                    groupIndex,
+                    filterConfigs: availableFilterConfigs,
+                    className: "grow",
+                    onChange: (filter, filterIndex) => {
+                      dispatch({
+                        type: "changeFilter",
+                        payload: { groupIndex, filterIndex, filter }
+                      });
+                    },
+                    onDone: (filter, filterIndex) => {
+                      dispatch({
+                        type: "updateFilter",
+                        payload: { groupIndex, filterIndex, filter }
+                      });
+                    },
+                    onRemove: (filterIndex) => {
+                      dispatch({
+                        type: "removeFilter",
+                        payload: { groupIndex, filterIndex }
+                      });
+                    }
+                  }
+                )
+              ]
+            },
+            `filter-group-${filterGroup.field}-${filterGroup.filters.length}`
+          )),
+          isNewFilterInputOpen && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex gap-3 items-center"), children: [
+            filterGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx(FiltersForm_module.default.filterFormConjunction), children: "and" }) : null,
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("flex items-center justify-between", "grow"), children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                FilterInput.FilterInput,
+                {
+                  filterConfigs: availableFilterConfigs,
+                  className: "flex-1",
+                  onChange: (filter) => {
+                    dispatch({ type: "changeNewFilter", payload: filter });
+                  },
+                  onBlur: (filter) => {
+                    dispatch({ type: "addNewFilter", payload: filter });
+                  }
+                },
+                JSON.stringify(filterGroups)
+              ),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: "mr-3", children: filterGroups.length > 0 ? /* @__PURE__ */ jsxRuntime.jsx(
+                Button.Button,
+                {
+                  type: "text",
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(react.TrashIcon, {}),
+                  onClick: () => dispatch({ type: "removeNewFilter" })
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-8" }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                icon: /* @__PURE__ */ jsxRuntime.jsx(react.PlusCircleIcon, {}),
+                onClick: () => dispatch({ type: "openNewFilterInput" }),
+                disabled: !isValid,
+                children: "Add Rule"
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                type: "text",
+                onClick: () => {
+                  dispatch({
+                    type: "clearAllFilters"
+                  });
+                },
+                children: "Clear All Rules"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsxRuntime.jsx(
+      Button.Button,
+      {
+        onClick: handleSubmit,
+        type: "primary",
+        disabled: isEmpty ? false : !isValid,
+        children: "Apply Filters"
+      }
+    ) })
+  ] });
+};
+exports.FiltersForm = FiltersForm;
+//# sourceMappingURL=FiltersForm.cjs.map

package/dist/src/components/filterform/FiltersForm.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersForm.cjs","sources":["../../../../src/components/filterform/FiltersForm.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { PlusCircleIcon, TrashIcon } from '@phosphor-icons/react'\nimport s from './FiltersForm.module.css'\nimport cx from 'classnames'\nimport { FilterForm, FilterConfig } from '.'\nimport { isEmptyFilter, isFilter } from './filterHelpers'\nimport { useMemo } from 'react'\nimport { FilterInput } from './FilterInput'\nimport { useFiltersForm } from './useFiltersForm'\nimport { FilterGroup } from './FilterGroup'\n\ntype Props = {\n  filterConfigs: FilterConfig[]\n  title?: string\n  onSubmit: (values: FilterForm) => void\n  initialValues?: FilterForm\n  maxFiltersPerField?: number\n}\n\nexport const FiltersForm = ({\n  title,\n  filterConfigs,\n  onSubmit,\n  initialValues,\n  maxFiltersPerField = 5,\n}: Props) => {\n  const { dispatch, filterGroups, isNewFilterInputOpen, isValid, isEmpty } =\n    useFiltersForm({\n      initialValues,\n    })\n\n  const handleSubmit = () => {\n    onSubmit({\n      filters: filterGroups\n        .flatMap((group) => group.filters)\n        .filter((filter) => isFilter(filter))\n        .filter((filter) => !isEmptyFilter(filter)),\n    })\n  }\n\n  const availableFilterConfigs = useMemo(() => {\n    const filterFieldCounts = filterGroups.reduce(\n      (acc, filterGroup) => {\n        acc[filterGroup.field] = filterGroup.filters.length\n        return acc\n      },\n      {} as Record<string, number>\n    )\n\n    return filterConfigs.map((config) => ({\n      ...config,\n      disabled: (filterFieldCounts[config.field] || 0) >= maxFiltersPerField,\n    }))\n  }, [\n    filterConfigs,\n    filterGroups.map((g) => `${g.field}-${g.filters.length}`).join(','),\n    maxFiltersPerField,\n  ])\n\n  return (\n    <div className={cx(s.j2FilterForm)}>\n      <div\n        className={cx(\n          s.filterFormFieldsContainer,\n          'flex flex-col gap-4',\n          'p-4 mb-6'\n        )}\n      >\n        {title && <span className={s.filterFormTitle}>{title}</span>}\n        {filterGroups.map((filterGroup, groupIndex) => (\n          <div\n            key={`filter-group-${filterGroup.field}-${filterGroup.filters.length}`}\n            className={cx('flex gap-3', {\n              'items-center': filterGroup.filters.length === 1,\n            })}\n          >\n            {groupIndex > 0 ? (\n              <span\n                className={cx(s.filterFormConjunction, {\n                  'pt-4': filterGroup.filters.length > 1,\n                })}\n              >\n                and\n              </span>\n            ) : null}\n            <FilterGroup\n              filterGroup={filterGroup}\n              groupIndex={groupIndex}\n              filterConfigs={availableFilterConfigs}\n              className=\"grow\"\n              onChange={(filter, filterIndex) => {\n                dispatch({\n                  type: 'changeFilter',\n                  payload: { groupIndex, filterIndex, filter },\n                })\n              }}\n              onDone={(filter, filterIndex) => {\n                dispatch({\n                  type: 'updateFilter',\n                  payload: { groupIndex, filterIndex, filter },\n                })\n              }}\n              onRemove={(filterIndex) => {\n                dispatch({\n                  type: 'removeFilter',\n                  payload: { groupIndex, filterIndex },\n                })\n              }}\n            />\n          </div>\n        ))}\n        {isNewFilterInputOpen && (\n          <div className={cx('flex gap-3 items-center')}>\n            {filterGroups.length > 0 ? (\n              <span className={cx(s.filterFormConjunction)}>and</span>\n            ) : null}\n            <div className={cx('flex items-center justify-between', 'grow')}>\n              <FilterInput\n                key={JSON.stringify(filterGroups)}\n                filterConfigs={availableFilterConfigs}\n                className=\"flex-1\"\n                onChange={(filter) => {\n                  dispatch({ type: 'changeNewFilter', payload: filter })\n                }}\n                onBlur={(filter) => {\n                  dispatch({ type: 'addNewFilter', payload: filter })\n                }}\n              />\n              <div className=\"mr-3\">\n                {filterGroups.length > 0 ? (\n                  <Button\n                    type=\"text\"\n                    icon={<TrashIcon />}\n                    onClick={() => dispatch({ type: 'removeNewFilter' })}\n                  />\n                ) : (\n                  <div className=\"w-8\" />\n                )}\n              </div>\n            </div>\n          </div>\n        )}\n        <div className=\"flex items-center\">\n          <Button\n            icon={<PlusCircleIcon />}\n            onClick={() => dispatch({ type: 'openNewFilterInput' })}\n            disabled={!isValid}\n          >\n            Add Rule\n          </Button>\n          <Button\n            type=\"text\"\n            onClick={() => {\n              dispatch({\n                type: 'clearAllFilters',\n              })\n            }}\n          >\n            Clear All Rules\n          </Button>\n        </div>\n      </div>\n      <div className=\"flex justify-end\">\n        <Button\n          onClick={handleSubmit}\n          type=\"primary\"\n          disabled={isEmpty ? false : !isValid}\n        >\n          Apply Filters\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":["useFiltersForm","isFilter","isEmptyFilter","useMemo","s","jsxs","jsx","FilterGroup","FilterInput","Button","TrashIcon","PlusCircleIcon"],"mappings":"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"}

package/dist/src/components/filterform/FiltersForm.js

@@ -0,0 +1,168 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { TrashIcon, PlusCircleIcon } from "@phosphor-icons/react";
+import s from "./FiltersForm.module.css.js";
+import cx from "classnames";
+import { isFilter, isEmptyFilter } from "./filterHelpers.js";
+import { useMemo } from "react";
+import { FilterInput } from "./FilterInput.js";
+import { useFiltersForm } from "./useFiltersForm.js";
+import { FilterGroup } from "./FilterGroup.js";
+import { Button } from "../button/Button.js";
+const FiltersForm = ({
+  title,
+  filterConfigs,
+  onSubmit,
+  initialValues,
+  maxFiltersPerField = 5
+}) => {
+  const { dispatch, filterGroups, isNewFilterInputOpen, isValid, isEmpty } = useFiltersForm({
+    initialValues
+  });
+  const handleSubmit = () => {
+    onSubmit({
+      filters: filterGroups.flatMap((group) => group.filters).filter((filter) => isFilter(filter)).filter((filter) => !isEmptyFilter(filter))
+    });
+  };
+  const availableFilterConfigs = useMemo(() => {
+    const filterFieldCounts = filterGroups.reduce(
+      (acc, filterGroup) => {
+        acc[filterGroup.field] = filterGroup.filters.length;
+        return acc;
+      },
+      {}
+    );
+    return filterConfigs.map((config) => ({
+      ...config,
+      disabled: (filterFieldCounts[config.field] || 0) >= maxFiltersPerField
+    }));
+  }, [
+    filterConfigs,
+    filterGroups.map((g) => `${g.field}-${g.filters.length}`).join(","),
+    maxFiltersPerField
+  ]);
+  return /* @__PURE__ */ jsxs("div", { className: cx(s.j2FilterForm), children: [
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cx(
+          s.filterFormFieldsContainer,
+          "flex flex-col gap-4",
+          "p-4 mb-6"
+        ),
+        children: [
+          title && /* @__PURE__ */ jsx("span", { className: s.filterFormTitle, children: title }),
+          filterGroups.map((filterGroup, groupIndex) => /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: cx("flex gap-3", {
+                "items-center": filterGroup.filters.length === 1
+              }),
+              children: [
+                groupIndex > 0 ? /* @__PURE__ */ jsx(
+                  "span",
+                  {
+                    className: cx(s.filterFormConjunction, {
+                      "pt-4": filterGroup.filters.length > 1
+                    }),
+                    children: "and"
+                  }
+                ) : null,
+                /* @__PURE__ */ jsx(
+                  FilterGroup,
+                  {
+                    filterGroup,
+                    groupIndex,
+                    filterConfigs: availableFilterConfigs,
+                    className: "grow",
+                    onChange: (filter, filterIndex) => {
+                      dispatch({
+                        type: "changeFilter",
+                        payload: { groupIndex, filterIndex, filter }
+                      });
+                    },
+                    onDone: (filter, filterIndex) => {
+                      dispatch({
+                        type: "updateFilter",
+                        payload: { groupIndex, filterIndex, filter }
+                      });
+                    },
+                    onRemove: (filterIndex) => {
+                      dispatch({
+                        type: "removeFilter",
+                        payload: { groupIndex, filterIndex }
+                      });
+                    }
+                  }
+                )
+              ]
+            },
+            `filter-group-${filterGroup.field}-${filterGroup.filters.length}`
+          )),
+          isNewFilterInputOpen && /* @__PURE__ */ jsxs("div", { className: cx("flex gap-3 items-center"), children: [
+            filterGroups.length > 0 ? /* @__PURE__ */ jsx("span", { className: cx(s.filterFormConjunction), children: "and" }) : null,
+            /* @__PURE__ */ jsxs("div", { className: cx("flex items-center justify-between", "grow"), children: [
+              /* @__PURE__ */ jsx(
+                FilterInput,
+                {
+                  filterConfigs: availableFilterConfigs,
+                  className: "flex-1",
+                  onChange: (filter) => {
+                    dispatch({ type: "changeNewFilter", payload: filter });
+                  },
+                  onBlur: (filter) => {
+                    dispatch({ type: "addNewFilter", payload: filter });
+                  }
+                },
+                JSON.stringify(filterGroups)
+              ),
+              /* @__PURE__ */ jsx("div", { className: "mr-3", children: filterGroups.length > 0 ? /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "text",
+                  icon: /* @__PURE__ */ jsx(TrashIcon, {}),
+                  onClick: () => dispatch({ type: "removeNewFilter" })
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "w-8" }) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                icon: /* @__PURE__ */ jsx(PlusCircleIcon, {}),
+                onClick: () => dispatch({ type: "openNewFilterInput" }),
+                disabled: !isValid,
+                children: "Add Rule"
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                type: "text",
+                onClick: () => {
+                  dispatch({
+                    type: "clearAllFilters"
+                  });
+                },
+                children: "Clear All Rules"
+              }
+            )
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "flex justify-end", children: /* @__PURE__ */ jsx(
+      Button,
+      {
+        onClick: handleSubmit,
+        type: "primary",
+        disabled: isEmpty ? false : !isValid,
+        children: "Apply Filters"
+      }
+    ) })
+  ] });
+};
+export {
+  FiltersForm
+};
+//# sourceMappingURL=FiltersForm.js.map

package/dist/src/components/filterform/FiltersForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FiltersForm.js","sources":["../../../../src/components/filterform/FiltersForm.tsx"],"sourcesContent":["import { Button } from '../button'\nimport { PlusCircleIcon, TrashIcon } from '@phosphor-icons/react'\nimport s from './FiltersForm.module.css'\nimport cx from 'classnames'\nimport { FilterForm, FilterConfig } from '.'\nimport { isEmptyFilter, isFilter } from './filterHelpers'\nimport { useMemo } from 'react'\nimport { FilterInput } from './FilterInput'\nimport { useFiltersForm } from './useFiltersForm'\nimport { FilterGroup } from './FilterGroup'\n\ntype Props = {\n  filterConfigs: FilterConfig[]\n  title?: string\n  onSubmit: (values: FilterForm) => void\n  initialValues?: FilterForm\n  maxFiltersPerField?: number\n}\n\nexport const FiltersForm = ({\n  title,\n  filterConfigs,\n  onSubmit,\n  initialValues,\n  maxFiltersPerField = 5,\n}: Props) => {\n  const { dispatch, filterGroups, isNewFilterInputOpen, isValid, isEmpty } =\n    useFiltersForm({\n      initialValues,\n    })\n\n  const handleSubmit = () => {\n    onSubmit({\n      filters: filterGroups\n        .flatMap((group) => group.filters)\n        .filter((filter) => isFilter(filter))\n        .filter((filter) => !isEmptyFilter(filter)),\n    })\n  }\n\n  const availableFilterConfigs = useMemo(() => {\n    const filterFieldCounts = filterGroups.reduce(\n      (acc, filterGroup) => {\n        acc[filterGroup.field] = filterGroup.filters.length\n        return acc\n      },\n      {} as Record<string, number>\n    )\n\n    return filterConfigs.map((config) => ({\n      ...config,\n      disabled: (filterFieldCounts[config.field] || 0) >= maxFiltersPerField,\n    }))\n  }, [\n    filterConfigs,\n    filterGroups.map((g) => `${g.field}-${g.filters.length}`).join(','),\n    maxFiltersPerField,\n  ])\n\n  return (\n    <div className={cx(s.j2FilterForm)}>\n      <div\n        className={cx(\n          s.filterFormFieldsContainer,\n          'flex flex-col gap-4',\n          'p-4 mb-6'\n        )}\n      >\n        {title && <span className={s.filterFormTitle}>{title}</span>}\n        {filterGroups.map((filterGroup, groupIndex) => (\n          <div\n            key={`filter-group-${filterGroup.field}-${filterGroup.filters.length}`}\n            className={cx('flex gap-3', {\n              'items-center': filterGroup.filters.length === 1,\n            })}\n          >\n            {groupIndex > 0 ? (\n              <span\n                className={cx(s.filterFormConjunction, {\n                  'pt-4': filterGroup.filters.length > 1,\n                })}\n              >\n                and\n              </span>\n            ) : null}\n            <FilterGroup\n              filterGroup={filterGroup}\n              groupIndex={groupIndex}\n              filterConfigs={availableFilterConfigs}\n              className=\"grow\"\n              onChange={(filter, filterIndex) => {\n                dispatch({\n                  type: 'changeFilter',\n                  payload: { groupIndex, filterIndex, filter },\n                })\n              }}\n              onDone={(filter, filterIndex) => {\n                dispatch({\n                  type: 'updateFilter',\n                  payload: { groupIndex, filterIndex, filter },\n                })\n              }}\n              onRemove={(filterIndex) => {\n                dispatch({\n                  type: 'removeFilter',\n                  payload: { groupIndex, filterIndex },\n                })\n              }}\n            />\n          </div>\n        ))}\n        {isNewFilterInputOpen && (\n          <div className={cx('flex gap-3 items-center')}>\n            {filterGroups.length > 0 ? (\n              <span className={cx(s.filterFormConjunction)}>and</span>\n            ) : null}\n            <div className={cx('flex items-center justify-between', 'grow')}>\n              <FilterInput\n                key={JSON.stringify(filterGroups)}\n                filterConfigs={availableFilterConfigs}\n                className=\"flex-1\"\n                onChange={(filter) => {\n                  dispatch({ type: 'changeNewFilter', payload: filter })\n                }}\n                onBlur={(filter) => {\n                  dispatch({ type: 'addNewFilter', payload: filter })\n                }}\n              />\n              <div className=\"mr-3\">\n                {filterGroups.length > 0 ? (\n                  <Button\n                    type=\"text\"\n                    icon={<TrashIcon />}\n                    onClick={() => dispatch({ type: 'removeNewFilter' })}\n                  />\n                ) : (\n                  <div className=\"w-8\" />\n                )}\n              </div>\n            </div>\n          </div>\n        )}\n        <div className=\"flex items-center\">\n          <Button\n            icon={<PlusCircleIcon />}\n            onClick={() => dispatch({ type: 'openNewFilterInput' })}\n            disabled={!isValid}\n          >\n            Add Rule\n          </Button>\n          <Button\n            type=\"text\"\n            onClick={() => {\n              dispatch({\n                type: 'clearAllFilters',\n              })\n            }}\n          >\n            Clear All Rules\n          </Button>\n        </div>\n      </div>\n      <div className=\"flex justify-end\">\n        <Button\n          onClick={handleSubmit}\n          type=\"primary\"\n          disabled={isEmpty ? false : !isValid}\n        >\n          Apply Filters\n        </Button>\n      </div>\n    </div>\n  )\n}\n"],"names":[],"mappings":"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"}

package/dist/src/components/filterform/FiltersForm.module.css.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const j2FilterForm = "_j2FilterForm_rdja9_1";
+const filterFormTitle = "_filterFormTitle_rdja9_2";
+const filterFormConjunction = "_filterFormConjunction_rdja9_6";
+const filterFormFieldsContainer = "_filterFormFieldsContainer_rdja9_10";
+const filterFormGroupContainer = "_filterFormGroupContainer_rdja9_15";
+const s = {
+  j2FilterForm,
+  filterFormTitle,
+  filterFormConjunction,
+  filterFormFieldsContainer,
+  filterFormGroupContainer
+};
+exports.default = s;
+exports.filterFormConjunction = filterFormConjunction;
+exports.filterFormFieldsContainer = filterFormFieldsContainer;
+exports.filterFormGroupContainer = filterFormGroupContainer;
+exports.filterFormTitle = filterFormTitle;
+exports.j2FilterForm = j2FilterForm;
+//# sourceMappingURL=FiltersForm.module.css.cjs.map

package/dist/src/components/filterform/FiltersForm.module.css.cjs.map

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

package/dist/src/components/filterform/FiltersForm.module.css.js

@@ -0,0 +1,21 @@
+const j2FilterForm = "_j2FilterForm_rdja9_1";
+const filterFormTitle = "_filterFormTitle_rdja9_2";
+const filterFormConjunction = "_filterFormConjunction_rdja9_6";
+const filterFormFieldsContainer = "_filterFormFieldsContainer_rdja9_10";
+const filterFormGroupContainer = "_filterFormGroupContainer_rdja9_15";
+const s = {
+  j2FilterForm,
+  filterFormTitle,
+  filterFormConjunction,
+  filterFormFieldsContainer,
+  filterFormGroupContainer
+};
+export {
+  s as default,
+  filterFormConjunction,
+  filterFormFieldsContainer,
+  filterFormGroupContainer,
+  filterFormTitle,
+  j2FilterForm
+};
+//# sourceMappingURL=FiltersForm.module.css.js.map

package/dist/src/components/filterform/FiltersForm.module.css.js.map

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

package/dist/src/components/filterform/filterHelpers.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isEmptyFilter = (filter) => {
+  if (filter.operator === "blank" || filter.operator === "notBlank") {
+    return false;
+  }
+  if (filter.values && filter.values.length > 0 && filter.values.every(
+    (value) => value !== "" && value !== void 0 && value !== null
+  )) {
+    return false;
+  }
+  return true;
+};
+const isEmptyFormFilter = (filter) => {
+  if (filter.operator === "blank" || filter.operator === "notBlank") {
+    return false;
+  }
+  if (filter.values && filter.values.length > 0 && filter.values.every(
+    (value) => value !== "" && value !== void 0 && value !== null
+  )) {
+    return false;
+  }
+  return true;
+};
+const validateFormFilter = (filter) => {
+  const errors = [];
+  if (!filter.operator) {
+    errors.push("Operator is required");
+    return errors;
+  }
+  if (isEmptyFormFilter(filter)) {
+    errors.push("Value is required");
+  }
+  if (filter.type === "number" && filter.operator === "inRange") {
+    if (filter.values && filter.values.length !== 2) {
+      errors.push("Value is required");
+    }
+  }
+  return errors;
+};
+const isFilter = (filter) => {
+  return filter.operator !== void 0 && filter.field !== void 0 && filter.type !== void 0;
+};
+exports.isEmptyFilter = isEmptyFilter;
+exports.isEmptyFormFilter = isEmptyFormFilter;
+exports.isFilter = isFilter;
+exports.validateFormFilter = validateFormFilter;
+//# sourceMappingURL=filterHelpers.cjs.map

package/dist/src/components/filterform/filterHelpers.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterHelpers.cjs","sources":["../../../../src/components/filterform/filterHelpers.ts"],"sourcesContent":["import { Filter } from './types'\n\nexport const isEmptyFilter = (filter: Filter) => {\n  if (filter.operator === 'blank' || filter.operator === 'notBlank') {\n    return false\n  }\n\n  if (\n    filter.values &&\n    filter.values.length > 0 &&\n    filter.values.every(\n      (value) => value !== '' && value !== undefined && value !== null\n    )\n  ) {\n    return false\n  }\n\n  return true\n}\n\nexport const isValidFilter = (filter: Filter) => {\n  return validateFilterField(filter).length === 0\n}\n\nexport const validateFilterField = (\n  filter: Filter\n): { field: string; message: string }[] => {\n  const errors = []\n\n  if (!filter.operator) {\n    errors.push({ field: filter.field, message: 'Operator is required' })\n    return errors\n  }\n\n  if (isEmptyFilter(filter)) {\n    errors.push({ field: filter.field, message: 'Value is required' })\n  }\n\n  if (filter.type === 'number' && filter.operator === 'inRange') {\n    if (filter.values && filter.values.length !== 2) {\n      errors.push({ field: filter.field, message: 'Value is required' })\n    }\n  }\n\n  return errors\n}\n\nimport { FormFilter } from './types'\n\nexport const isEmptyFormFilter = (filter: FormFilter) => {\n  if (filter.operator === 'blank' || filter.operator === 'notBlank') {\n    return false\n  }\n\n  if (\n    filter.values &&\n    filter.values.length > 0 &&\n    filter.values.every(\n      (value) => value !== '' && value !== undefined && value !== null\n    )\n  ) {\n    return false\n  }\n\n  return true\n}\n\nexport const isValidFormFilter = (filter: FormFilter) => {\n  return validateFormFilter(filter).length === 0\n}\n\nexport const validateFormFilter = (filter: FormFilter): string[] => {\n  const errors = []\n\n  if (!filter.operator) {\n    errors.push('Operator is required')\n    return errors\n  }\n\n  if (isEmptyFormFilter(filter)) {\n    errors.push('Value is required')\n  }\n\n  if (filter.type === 'number' && filter.operator === 'inRange') {\n    if (filter.values && filter.values.length !== 2) {\n      errors.push('Value is required')\n    }\n  }\n\n  return errors\n}\n\nexport const isFilter = (filter: FormFilter): filter is Filter => {\n  return (\n    filter.operator !== undefined &&\n    filter.field !== undefined &&\n    filter.type !== undefined\n  )\n}\n"],"names":[],"mappings":";;AAEO,MAAM,gBAAgB,CAAC,WAAmB;AAC/C,MAAI,OAAO,aAAa,WAAW,OAAO,aAAa,YAAY;AACjE,WAAO;AAAA,EACT;AAEA,MACE,OAAO,UACP,OAAO,OAAO,SAAS,KACvB,OAAO,OAAO;AAAA,IACZ,CAAC,UAAU,UAAU,MAAM,UAAU,UAAa,UAAU;AAAA,EAAA,GAE9D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AA+BO,MAAM,oBAAoB,CAAC,WAAuB;AACvD,MAAI,OAAO,aAAa,WAAW,OAAO,aAAa,YAAY;AACjE,WAAO;AAAA,EACT;AAEA,MACE,OAAO,UACP,OAAO,OAAO,SAAS,KACvB,OAAO,OAAO;AAAA,IACZ,CAAC,UAAU,UAAU,MAAM,UAAU,UAAa,UAAU;AAAA,EAAA,GAE9D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAMO,MAAM,qBAAqB,CAAC,WAAiC;AAClE,QAAM,SAAS,CAAA;AAEf,MAAI,CAAC,OAAO,UAAU;AACpB,WAAO,KAAK,sBAAsB;AAClC,WAAO;AAAA,EACT;AAEA,MAAI,kBAAkB,MAAM,GAAG;AAC7B,WAAO,KAAK,mBAAmB;AAAA,EACjC;AAEA,MAAI,OAAO,SAAS,YAAY,OAAO,aAAa,WAAW;AAC7D,QAAI,OAAO,UAAU,OAAO,OAAO,WAAW,GAAG;AAC/C,aAAO,KAAK,mBAAmB;AAAA,IACjC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,WAAW,CAAC,WAAyC;AAChE,SACE,OAAO,aAAa,UACpB,OAAO,UAAU,UACjB,OAAO,SAAS;AAEpB;;;;;"}

package/dist/src/components/filterform/filterHelpers.js

@@ -0,0 +1,48 @@
+const isEmptyFilter = (filter) => {
+  if (filter.operator === "blank" || filter.operator === "notBlank") {
+    return false;
+  }
+  if (filter.values && filter.values.length > 0 && filter.values.every(
+    (value) => value !== "" && value !== void 0 && value !== null
+  )) {
+    return false;
+  }
+  return true;
+};
+const isEmptyFormFilter = (filter) => {
+  if (filter.operator === "blank" || filter.operator === "notBlank") {
+    return false;
+  }
+  if (filter.values && filter.values.length > 0 && filter.values.every(
+    (value) => value !== "" && value !== void 0 && value !== null
+  )) {
+    return false;
+  }
+  return true;
+};
+const validateFormFilter = (filter) => {
+  const errors = [];
+  if (!filter.operator) {
+    errors.push("Operator is required");
+    return errors;
+  }
+  if (isEmptyFormFilter(filter)) {
+    errors.push("Value is required");
+  }
+  if (filter.type === "number" && filter.operator === "inRange") {
+    if (filter.values && filter.values.length !== 2) {
+      errors.push("Value is required");
+    }
+  }
+  return errors;
+};
+const isFilter = (filter) => {
+  return filter.operator !== void 0 && filter.field !== void 0 && filter.type !== void 0;
+};
+export {
+  isEmptyFilter,
+  isEmptyFormFilter,
+  isFilter,
+  validateFormFilter
+};
+//# sourceMappingURL=filterHelpers.js.map

package/dist/src/components/filterform/filterHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filterHelpers.js","sources":["../../../../src/components/filterform/filterHelpers.ts"],"sourcesContent":["import { Filter } from './types'\n\nexport const isEmptyFilter = (filter: Filter) => {\n  if (filter.operator === 'blank' || filter.operator === 'notBlank') {\n    return false\n  }\n\n  if (\n    filter.values &&\n    filter.values.length > 0 &&\n    filter.values.every(\n      (value) => value !== '' && value !== undefined && value !== null\n    )\n  ) {\n    return false\n  }\n\n  return true\n}\n\nexport const isValidFilter = (filter: Filter) => {\n  return validateFilterField(filter).length === 0\n}\n\nexport const validateFilterField = (\n  filter: Filter\n): { field: string; message: string }[] => {\n  const errors = []\n\n  if (!filter.operator) {\n    errors.push({ field: filter.field, message: 'Operator is required' })\n    return errors\n  }\n\n  if (isEmptyFilter(filter)) {\n    errors.push({ field: filter.field, message: 'Value is required' })\n  }\n\n  if (filter.type === 'number' && filter.operator === 'inRange') {\n    if (filter.values && filter.values.length !== 2) {\n      errors.push({ field: filter.field, message: 'Value is required' })\n    }\n  }\n\n  return errors\n}\n\nimport { FormFilter } from './types'\n\nexport const isEmptyFormFilter = (filter: FormFilter) => {\n  if (filter.operator === 'blank' || filter.operator === 'notBlank') {\n    return false\n  }\n\n  if (\n    filter.values &&\n    filter.values.length > 0 &&\n    filter.values.every(\n      (value) => value !== '' && value !== undefined && value !== null\n    )\n  ) {\n    return false\n  }\n\n  return true\n}\n\nexport const isValidFormFilter = (filter: FormFilter) => {\n  return validateFormFilter(filter).length === 0\n}\n\nexport const validateFormFilter = (filter: FormFilter): string[] => {\n  const errors = []\n\n  if (!filter.operator) {\n    errors.push('Operator is required')\n    return errors\n  }\n\n  if (isEmptyFormFilter(filter)) {\n    errors.push('Value is required')\n  }\n\n  if (filter.type === 'number' && filter.operator === 'inRange') {\n    if (filter.values && filter.values.length !== 2) {\n      errors.push('Value is required')\n    }\n  }\n\n  return errors\n}\n\nexport const isFilter = (filter: FormFilter): filter is Filter => {\n  return (\n    filter.operator !== undefined &&\n    filter.field !== undefined &&\n    filter.type !== undefined\n  )\n}\n"],"names":[],"mappings":"AAEO,MAAM,gBAAgB,CAAC,WAAmB;AAC/C,MAAI,OAAO,aAAa,WAAW,OAAO,aAAa,YAAY;AACjE,WAAO;AAAA,EACT;AAEA,MACE,OAAO,UACP,OAAO,OAAO,SAAS,KACvB,OAAO,OAAO;AAAA,IACZ,CAAC,UAAU,UAAU,MAAM,UAAU,UAAa,UAAU;AAAA,EAAA,GAE9D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AA+BO,MAAM,oBAAoB,CAAC,WAAuB;AACvD,MAAI,OAAO,aAAa,WAAW,OAAO,aAAa,YAAY;AACjE,WAAO;AAAA,EACT;AAEA,MACE,OAAO,UACP,OAAO,OAAO,SAAS,KACvB,OAAO,OAAO;AAAA,IACZ,CAAC,UAAU,UAAU,MAAM,UAAU,UAAa,UAAU;AAAA,EAAA,GAE9D;AACA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAMO,MAAM,qBAAqB,CAAC,WAAiC;AAClE,QAAM,SAAS,CAAA;AAEf,MAAI,CAAC,OAAO,UAAU;AACpB,WAAO,KAAK,sBAAsB;AAClC,WAAO;AAAA,EACT;AAEA,MAAI,kBAAkB,MAAM,GAAG;AAC7B,WAAO,KAAK,mBAAmB;AAAA,EACjC;AAEA,MAAI,OAAO,SAAS,YAAY,OAAO,aAAa,WAAW;AAC7D,QAAI,OAAO,UAAU,OAAO,OAAO,WAAW,GAAG;AAC/C,aAAO,KAAK,mBAAmB;AAAA,IACjC;AAAA,EACF;AAEA,SAAO;AACT;AAEO,MAAM,WAAW,CAAC,WAAyC;AAChE,SACE,OAAO,aAAa,UACpB,OAAO,UAAU,UACjB,OAAO,SAAS;AAEpB;"}