@kaizen/components 1.4.25 → 1.5.0

package/dist/esm/chunk-J5NCLDC5.js

@@ -0,0 +1,55 @@
+import {
+  FilterPopover
+} from "./chunk-TGN3Y4NF.js";
+
+// src/Filter/Filter.tsx
+import React, { useEffect, useRef, useState } from "react";
+import { FocusOn } from "react-focus-on";
+var Filter = ({
+  children,
+  isOpen,
+  setIsOpen,
+  renderTrigger,
+  classNameOverride,
+  ...restProps
+}) => {
+  var _a, _b, _c, _d;
+  const [isRefLoaded, setIsRefLoaded] = useState(false);
+  const trigger = renderTrigger({
+    onClick: () => setIsOpen(!isOpen),
+    isOpen
+  });
+  const inbuiltButtonRef = useRef(null);
+  const inbuiltRef = useRef({
+    triggerRef: inbuiltButtonRef
+  });
+  const filterButtonRef = trigger.ref ?? inbuiltRef;
+  useEffect(() => {
+    var _a2, _b2;
+    if ((_b2 = (_a2 = filterButtonRef.current) == null ? void 0 : _a2.triggerRef) == null ? void 0 : _b2.current) {
+      setIsRefLoaded(true);
+    }
+  }, [(_b = (_a = filterButtonRef.current) == null ? void 0 : _a.triggerRef) == null ? void 0 : _b.current]);
+  return /* @__PURE__ */ React.createElement("div", { className: classNameOverride, ...restProps }, React.cloneElement(trigger, {
+    ref: filterButtonRef
+  }), isRefLoaded && isOpen && /* @__PURE__ */ React.createElement(
+    FocusOn,
+    {
+      scrollLock: false,
+      onClickOutside: () => setIsOpen(false),
+      onEscapeKey: () => setIsOpen(false)
+    },
+    /* @__PURE__ */ React.createElement(
+      FilterPopover,
+      {
+        referenceElement: ((_d = (_c = filterButtonRef.current) == null ? void 0 : _c.triggerRef) == null ? void 0 : _d.current) || null
+      },
+      children
+    )
+  ));
+};
+Filter.displayName = "Filter";
+
+export {
+  Filter
+};

package/dist/esm/chunk-SBUK4XZM.js

@@ -0,0 +1,18 @@
+// src/FilterButton/components/FilterButtonBase/FilterButtonBase.tsx
+import React, { forwardRef } from "react";
+import classNames from "classnames";
+import styles from "./FilterButtonBase.module-KNRAMYSJ.scss";
+var FilterButtonBase = forwardRef(({ children, classNameOverride, ...restProps }, ref) => /* @__PURE__ */ React.createElement(
+  "button",
+  {
+    ref,
+    className: classNames(styles.filterButtonBase, classNameOverride),
+    ...restProps
+  },
+  children
+));
+FilterButtonBase.displayName = "FilterButtonBase";
+
+export {
+  FilterButtonBase
+};

package/dist/esm/chunk-TGN3Y4NF.js

@@ -0,0 +1,51 @@
+// src/Filter/components/FilterPopover/FilterPopover.tsx
+import React, { useState } from "react";
+import classnames from "classnames";
+import { usePopper } from "react-popper";
+import styles from "./FilterPopover.module-2NVOPVIT.scss";
+var FilterPopover = ({
+  children,
+  referenceElement,
+  popperOptions,
+  classNameOverride,
+  ...restProps
+}) => {
+  const [popperElement, setPopperElement] = useState(
+    null
+  );
+  const { styles: popperStyles, attributes: popperAttributes } = usePopper(
+    referenceElement,
+    popperElement,
+    {
+      modifiers: [
+        {
+          name: "offset",
+          options: {
+            offset: [0, 15]
+          }
+        }
+      ],
+      placement: "bottom-start",
+      strategy: "fixed",
+      ...popperOptions
+    }
+  );
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      ref: setPopperElement,
+      style: popperStyles == null ? void 0 : popperStyles.popper,
+      ...popperAttributes == null ? void 0 : popperAttributes.popper,
+      className: classnames(styles.filterPopover, classNameOverride),
+      role: "dialog",
+      "aria-modal": "true",
+      ...restProps
+    },
+    children
+  );
+};
+FilterPopover.displayName = "FilterPopover";
+
+export {
+  FilterPopover
+};

package/dist/esm/chunk-Y6BQRSGB.js

@@ -0,0 +1,21 @@
+// src/Filter/components/FilterContents/FilterContents.tsx
+import React from "react";
+import classnames from "classnames";
+import styles from "./FilterContents.module-VKPAJKDG.scss";
+var FilterContents = ({
+  children,
+  classNameOverride,
+  ...restProps
+}) => /* @__PURE__ */ React.createElement(
+  "div",
+  {
+    className: classnames(styles.filterContents, classNameOverride),
+    ...restProps
+  },
+  children
+);
+FilterContents.displayName = "FilterContents";
+
+export {
+  FilterContents
+};

package/dist/esm/index.js

@@ -1,3 +1,11 @@
+import {
+  Filter
+} from "./chunk-J5NCLDC5.js";
+import "./chunk-TGN3Y4NF.js";
+import {
+  FilterContents
+} from "./chunk-Y6BQRSGB.js";
+import "./chunk-FMXGTI6W.js";
 import {
   KaizenProvider
 } from "./chunk-7ZAJ7755.js";
@@ -9,14 +17,16 @@ import {
 import {
   defaultTheme
 } from "./chunk-WDAFEOSV.js";
+import {
+  heartTheme
+} from "./chunk-7T4E5A7M.js";
 import "./chunk-FBL47PXS.js";
 import {
   ThemeManager
 } from "./chunk-J42JQYBY.js";
-import {
-  heartTheme
-} from "./chunk-7T4E5A7M.js";
 export {
+  Filter,
+  FilterContents,
   KaizenProvider,
   ThemeContext,
   ThemeManager,

package/dist/esm/utils/isRefObject.js

@@ -0,0 +1,6 @@
+import {
+  isRefObject
+} from "../chunk-3VEH3HNR.js";
+export {
+  isRefObject
+};