@kaizen/components 0.0.0-canary-rollup-20240408071509 → 0.0.0-canary-rollup--tree-shake-20240408080317

package/dist/cjs/index.cjs

@@ -413,25 +413,25 @@ var useMediaQueries = require('./utils/useMediaQueries.cjs');
 var VisuallyHidden = require('./VisuallyHidden/VisuallyHidden.cjs');
 var Well = require('./Well/Well.cjs');
 var Workflow = require('./Workflow/Workflow.cjs');
-
 function _interopNamespace(e) {
-	if (e && e.__esModule) return e;
-	var n = Object.create(null);
-	if (e) {
-		Object.keys(e).forEach(function (k) {
-			if (k !== 'default') {
-				var d = Object.getOwnPropertyDescriptor(e, k);
-				Object.defineProperty(n, k, d.get ? d : {
-					enumerable: true,
-					get: function () { return e[k]; }
-				});
-			}
-		});
-	}
-	n.default = e;
-	return Object.freeze(n);
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () {
+            return e[k];
+          }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
 }
-
 var ProseMirrorCommands__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorCommands);
 var ProseMirrorKeymap__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorKeymap);
 var ProseMirrorHistory__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorHistory);
@@ -439,9 +439,6 @@ var ProseMirrorState__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorStat
 var ProseMirrorModel__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorModel);
 var ProseMirrorInputrules__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorInputrules);
 var ProseMirrorSchemaList__namespace = /*#__PURE__*/_interopNamespace(ProseMirrorSchemaList);
-
-
-
 exports.Avatar = Avatar.Avatar;
 exports.AvatarGroup = AvatarGroup.AvatarGroup;
 exports.Badge = Badge.Badge;

package/dist/cjs/utils/getNodeText.cjs

@@ -1,22 +1,19 @@
 'use strict';
 
 var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
 
 // Adapted from https://stackoverflow.com/a/60564620
 var getNodeText = function (node) {
-    if (!node)
-        return "";
-    if (typeof node === "string" || typeof node === "number")
-        return node;
-    if (node instanceof Array)
-        return node.map(getNodeText).join("");
-    if (React__default.default.isValidElement(node))
-        return getNodeText(node.props.children);
-    return "";
+  if (!node) return "";
+  if (typeof node === "string" || typeof node === "number") return node;
+  if (node instanceof Array) return node.map(getNodeText).join("");
+  if (React__default.default.isValidElement(node)) return getNodeText(node.props.children);
+  return "";
 };
-
 exports.getNodeText = getNodeText;

package/dist/cjs/utils/isRefObject.cjs

@@ -1,5 +1,6 @@
 'use strict';
 
-var isRefObject = function (ref) { return ref !== null && "current" in ref; };
-
+var isRefObject = function (ref) {
+  return ref !== null && "current" in ref;
+};
 exports.isRefObject = isRefObject;

package/dist/cjs/utils/useMediaQueries.cjs

@@ -2,144 +2,177 @@
 
 var tslib = require('tslib');
 var React = require('react');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var React__default = /*#__PURE__*/_interopDefault(React);
-
 var subtractOnePixel = function (breakpoint) {
-    return "".concat(parseInt(breakpoint, 10) - 1, "px");
+  return "".concat(parseInt(breakpoint, 10) - 1, "px");
 };
 var useMediaQueries = function (propQueries) {
-    if (propQueries === void 0) { propQueries = {}; }
-    if (typeof window === "undefined") {
-        return {
-            queries: {
-                isSmall: false,
-                isMedium: false,
-                isLarge: false,
-                isMediumOrSmaller: false,
-                isMediumOrLarger: true,
-            },
-            components: {
-                SmallOnly: function () { return React__default.default.createElement(React__default.default.Fragment, null); },
-                MediumOnly: function () { return React__default.default.createElement(React__default.default.Fragment, null); },
-                LargeOnly: function () { return React__default.default.createElement(React__default.default.Fragment, null); },
-                MediumOrSmaller: function () { return React__default.default.createElement(React__default.default.Fragment, null); },
-                MediumOrLarger: function (props) { return React__default.default.createElement(React__default.default.Fragment, null, props.children); },
-            },
-        };
-    }
-    // Ensure these match the tokens in @kaizen/design-tokens
-    var breakpoints = { medium: "768px", large: "1080px" };
-    // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),
-    // so we disable the functionality of updating after page load.
-    var isLegacyEdge = navigator.userAgent.match(/Edge/);
-    var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
-    // ---------------------------------------
-    // Create Kaizen breakpoint matches for initial state
-    // ---------------------------------------
-    var smallMatchMedia = React.useMemo(function () {
-        return window.matchMedia("(max-width: ".concat(subtractOnePixel(breakpoints.medium), ")"));
-    }, [breakpoints.medium]);
-    var mediumMatchMedia = React.useMemo(function () {
-        return window.matchMedia("(min-width: ".concat(breakpoints.medium, ") and (max-width: ").concat(subtractOnePixel(breakpoints.large), ")"));
-    }, [breakpoints.large]);
-    var largeMatchMedia = React.useMemo(function () { return window.matchMedia("(min-width: ".concat(breakpoints.large, ")")); }, [breakpoints.large]);
-    var isSmall = smallMatchMedia.matches || false;
-    var isMedium = mediumMatchMedia.matches || false;
-    var isLarge = largeMatchMedia.matches || false;
-    var _a = React.useState({
-        isSmall: isSmall,
-        isMedium: isMedium,
-        isLarge: isLarge,
-        isMediumOrSmaller: !isLarge,
-        isMediumOrLarger: !isSmall,
-        // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints
-    }), kaizenMatches = _a[0], setKaizenMatches = _a[1];
-    // ---------------------------------------
-    // Create an event listener based on the medium breakpoint and update state whenever it changes
-    // ---------------------------------------
-    React.useEffect(function () {
-        if (isLegacyEdge || isUnsupportedSafari) {
-            return;
-        }
-        var updateMatches = function () {
-            var isSmallAfterUpdate = smallMatchMedia.matches || false;
-            var isMediumAfterUpdate = mediumMatchMedia.matches || false;
-            var isLargeAfterUpdate = largeMatchMedia.matches || false;
-            setKaizenMatches({
-                isSmall: isSmallAfterUpdate,
-                isMedium: isMediumAfterUpdate,
-                isLarge: isLargeAfterUpdate,
-                isMediumOrSmaller: !isLargeAfterUpdate,
-                isMediumOrLarger: !isSmallAfterUpdate,
-            });
-        };
-        mediumMatchMedia.addEventListener("change", updateMatches, true);
-        return function () {
-            mediumMatchMedia.removeEventListener("change", updateMatches);
-        };
-    }, []);
-    // ---------------------------------------
-    // Create custom queries matches for initial state
-    // ---------------------------------------
-    var customQueryMatchMedias = new Map();
-    var customQueryMatches = {};
-    new Map(Object.entries(propQueries)).forEach(function (queryString, queryName) {
-        var matchMedia = window.matchMedia(queryString);
-        customQueryMatches[queryName] = matchMedia.matches || false;
-        // Store this matchMedia so that we can loop over it later and add event listeners
-        customQueryMatchMedias.set(queryName, matchMedia);
-    });
-    var _b = React.useState(customQueryMatches), customMatches = _b[0], setCustomMatches = _b[1];
-    // ---------------------------------------
-    // Create an event listener for each custom query
-    // ---------------------------------------
-    React.useEffect(function () {
-        if (isLegacyEdge || isUnsupportedSafari) {
-            return;
+  if (propQueries === void 0) {
+    propQueries = {};
+  }
+  if (typeof window === "undefined") {
+    return {
+      queries: {
+        isSmall: false,
+        isMedium: false,
+        isLarge: false,
+        isMediumOrSmaller: false,
+        isMediumOrLarger: true
+      },
+      components: {
+        SmallOnly: function () {
+          return React__default.default.createElement(React__default.default.Fragment, null);
+        },
+        MediumOnly: function () {
+          return React__default.default.createElement(React__default.default.Fragment, null);
+        },
+        LargeOnly: function () {
+          return React__default.default.createElement(React__default.default.Fragment, null);
+        },
+        MediumOrSmaller: function () {
+          return React__default.default.createElement(React__default.default.Fragment, null);
+        },
+        MediumOrLarger: function (props) {
+          return React__default.default.createElement(React__default.default.Fragment, null, props.children);
         }
-        var updateCustomMatches = function (matchMedia, queryName) {
-            var _a;
-            return setCustomMatches(tslib.__assign(tslib.__assign({}, customQueryMatches), (_a = {}, _a[queryName] = matchMedia.matches || false, _a)));
-        };
-        var allEventListeners = new Map();
-        customQueryMatchMedias.forEach(function (matchMedia, queryName) {
-            // Store this method so that we can reference it in the cleanup function below
-            var updateCustomMatchesForQuery = function () {
-                updateCustomMatches(matchMedia, queryName);
-            };
-            allEventListeners.set(matchMedia, updateCustomMatchesForQuery);
-            // Add the event listener
-            matchMedia.addEventListener("change", updateCustomMatchesForQuery, true);
-        });
-        return function () {
-            allEventListeners.forEach(function (eventListener, matchMedia) {
-                matchMedia.removeEventListener("change", eventListener);
-            });
-        };
-    }, []);
-    var kaizenComponents = {
-        SmallOnly: function (props) { return (React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isSmall && props.children)); },
-        MediumOnly: function (props) { return (React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMedium && props.children)); },
-        LargeOnly: function (props) { return (React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isLarge && props.children)); },
-        MediumOrSmaller: function (props) { return (React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMediumOrSmaller && props.children)); },
-        MediumOrLarger: function (props) { return (React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMediumOrLarger && props.children)); },
+      }
+    };
+  }
+  // Ensure these match the tokens in @kaizen/design-tokens
+  var breakpoints = {
+    medium: "768px",
+    large: "1080px"
+  };
+  // The `addEventListener` calls blow up legacy Edge (<= v18/pre chromium),
+  // so we disable the functionality of updating after page load.
+  var isLegacyEdge = navigator.userAgent.match(/Edge/);
+  var isUnsupportedSafari = window.matchMedia("").addEventListener === undefined;
+  // ---------------------------------------
+  // Create Kaizen breakpoint matches for initial state
+  // ---------------------------------------
+  var smallMatchMedia = React.useMemo(function () {
+    return window.matchMedia("(max-width: ".concat(subtractOnePixel(breakpoints.medium), ")"));
+  }, [breakpoints.medium]);
+  var mediumMatchMedia = React.useMemo(function () {
+    return window.matchMedia("(min-width: ".concat(breakpoints.medium, ") and (max-width: ").concat(subtractOnePixel(breakpoints.large), ")"));
+  }, [breakpoints.large]);
+  var largeMatchMedia = React.useMemo(function () {
+    return window.matchMedia("(min-width: ".concat(breakpoints.large, ")"));
+  }, [breakpoints.large]);
+  var isSmall = smallMatchMedia.matches || false;
+  var isMedium = mediumMatchMedia.matches || false;
+  var isLarge = largeMatchMedia.matches || false;
+  var _a = React.useState({
+      isSmall: isSmall,
+      isMedium: isMedium,
+      isLarge: isLarge,
+      isMediumOrSmaller: !isLarge,
+      isMediumOrLarger: !isSmall
+      // Note: ^the last two will need an adjustment in logic if/when we add more breakpoints
+    }),
+    kaizenMatches = _a[0],
+    setKaizenMatches = _a[1];
+  // ---------------------------------------
+  // Create an event listener based on the medium breakpoint and update state whenever it changes
+  // ---------------------------------------
+  React.useEffect(function () {
+    if (isLegacyEdge || isUnsupportedSafari) {
+      return;
+    }
+    var updateMatches = function () {
+      var isSmallAfterUpdate = smallMatchMedia.matches || false;
+      var isMediumAfterUpdate = mediumMatchMedia.matches || false;
+      var isLargeAfterUpdate = largeMatchMedia.matches || false;
+      setKaizenMatches({
+        isSmall: isSmallAfterUpdate,
+        isMedium: isMediumAfterUpdate,
+        isLarge: isLargeAfterUpdate,
+        isMediumOrSmaller: !isLargeAfterUpdate,
+        isMediumOrLarger: !isSmallAfterUpdate
+      });
+    };
+    mediumMatchMedia.addEventListener("change", updateMatches, true);
+    return function () {
+      mediumMatchMedia.removeEventListener("change", updateMatches);
+    };
+  }, []);
+  // ---------------------------------------
+  // Create custom queries matches for initial state
+  // ---------------------------------------
+  var customQueryMatchMedias = new Map();
+  var customQueryMatches = {};
+  new Map(Object.entries(propQueries)).forEach(function (queryString, queryName) {
+    var matchMedia = window.matchMedia(queryString);
+    customQueryMatches[queryName] = matchMedia.matches || false;
+    // Store this matchMedia so that we can loop over it later and add event listeners
+    customQueryMatchMedias.set(queryName, matchMedia);
+  });
+  var _b = React.useState(customQueryMatches),
+    customMatches = _b[0],
+    setCustomMatches = _b[1];
+  // ---------------------------------------
+  // Create an event listener for each custom query
+  // ---------------------------------------
+  React.useEffect(function () {
+    if (isLegacyEdge || isUnsupportedSafari) {
+      return;
+    }
+    var updateCustomMatches = function (matchMedia, queryName) {
+      var _a;
+      return setCustomMatches(tslib.__assign(tslib.__assign({}, customQueryMatches), (_a = {}, _a[queryName] = matchMedia.matches || false, _a)));
     };
-    // ---------------------------------------
-    // Create custom query helper components
-    // ---------------------------------------
-    var customComponents = {};
-    Object.keys(propQueries).map(function (key) {
-        var componentName = key.charAt(0).toUpperCase() + key.slice(1);
-        customComponents[componentName] = function (props) { return React__default.default.createElement(React__default.default.Fragment, null, customMatches[key] && props.children); };
+    var allEventListeners = new Map();
+    customQueryMatchMedias.forEach(function (matchMedia, queryName) {
+      // Store this method so that we can reference it in the cleanup function below
+      var updateCustomMatchesForQuery = function () {
+        updateCustomMatches(matchMedia, queryName);
+      };
+      allEventListeners.set(matchMedia, updateCustomMatchesForQuery);
+      // Add the event listener
+      matchMedia.addEventListener("change", updateCustomMatchesForQuery, true);
     });
-    return {
-        queries: tslib.__assign(tslib.__assign({}, kaizenMatches), customQueryMatches),
-        components: tslib.__assign(tslib.__assign({}, kaizenComponents), customComponents),
+    return function () {
+      allEventListeners.forEach(function (eventListener, matchMedia) {
+        matchMedia.removeEventListener("change", eventListener);
+      });
+    };
+  }, []);
+  var kaizenComponents = {
+    SmallOnly: function (props) {
+      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isSmall && props.children);
+    },
+    MediumOnly: function (props) {
+      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMedium && props.children);
+    },
+    LargeOnly: function (props) {
+      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isLarge && props.children);
+    },
+    MediumOrSmaller: function (props) {
+      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMediumOrSmaller && props.children);
+    },
+    MediumOrLarger: function (props) {
+      return React__default.default.createElement(React__default.default.Fragment, null, kaizenMatches.isMediumOrLarger && props.children);
+    }
+  };
+  // ---------------------------------------
+  // Create custom query helper components
+  // ---------------------------------------
+  var customComponents = {};
+  Object.keys(propQueries).map(function (key) {
+    var componentName = key.charAt(0).toUpperCase() + key.slice(1);
+    customComponents[componentName] = function (props) {
+      return React__default.default.createElement(React__default.default.Fragment, null, customMatches[key] && props.children);
     };
+  });
+  return {
+    queries: tslib.__assign(tslib.__assign({}, kaizenMatches), customQueryMatches),
+    components: tslib.__assign(tslib.__assign({}, kaizenComponents), customComponents)
+  };
 };
-
 exports.subtractOnePixel = subtractOnePixel;
 exports.useMediaQueries = useMediaQueries;

package/dist/cjs/utils/useResizeObserver.cjs

@@ -2,13 +2,14 @@
 
 var React = require('react');
 var ResizeObserver = require('resize-observer-polyfill');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
+function _interopDefault(e) {
+  return e && e.__esModule ? e : {
+    default: e
+  };
+}
 var ResizeObserver__default = /*#__PURE__*/_interopDefault(ResizeObserver);
-
 var defaultCallback = function (entry) {
-    return entry;
+  return entry;
 };
 /**
  * Hook for observing changes to a DOM element via ResizeObserver.
@@ -20,38 +21,43 @@ var defaultCallback = function (entry) {
  * @callback resolveEntryCallback
  */
 var useResizeObserver = function (resolveEntry) {
-    if (resolveEntry === void 0) { resolveEntry = defaultCallback; }
-    var destroyResizeObserverRef = React.useRef(undefined);
-    var _a = React.useState(undefined), dimensions = _a[0], setDimensions = _a[1];
-    var resolveEntryRef = React.useRef(resolveEntry);
-    var ref = React.useCallback(function (node) {
-        if (node) {
-            var resizeObserver_1 = new ResizeObserver__default.default(function (entries) {
-                for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
-                    var entry = entries_1[_i];
-                    var value = resolveEntryRef.current(entry);
-                    if (value) {
-                        setDimensions(value);
-                    }
-                }
-            });
-            resizeObserver_1.observe(node);
-            destroyResizeObserverRef.current = function () {
-                resizeObserver_1.disconnect();
-            };
+  if (resolveEntry === void 0) {
+    resolveEntry = defaultCallback;
+  }
+  var destroyResizeObserverRef = React.useRef(undefined);
+  var _a = React.useState(undefined),
+    dimensions = _a[0],
+    setDimensions = _a[1];
+  var resolveEntryRef = React.useRef(resolveEntry);
+  var ref = React.useCallback(function (node) {
+    if (node) {
+      var resizeObserver_1 = new ResizeObserver__default.default(function (entries) {
+        for (var _i = 0, entries_1 = entries; _i < entries_1.length; _i++) {
+          var entry = entries_1[_i];
+          var value = resolveEntryRef.current(entry);
+          if (value) {
+            setDimensions(value);
+          }
         }
-    }, [destroyResizeObserverRef, setDimensions, resolveEntryRef]);
-    // Ensure the resolveEntryRef has the latest value
-    React.useEffect(function () {
-        resolveEntryRef.current = resolveEntry;
-    }, [resolveEntry]);
-    // Destroy the observer on unmount
-    React.useEffect(function () { return function () {
-        if (destroyResizeObserverRef.current) {
-            destroyResizeObserverRef.current();
-        }
-    }; }, []);
-    return [ref, dimensions];
+      });
+      resizeObserver_1.observe(node);
+      destroyResizeObserverRef.current = function () {
+        resizeObserver_1.disconnect();
+      };
+    }
+  }, [destroyResizeObserverRef, setDimensions, resolveEntryRef]);
+  // Ensure the resolveEntryRef has the latest value
+  React.useEffect(function () {
+    resolveEntryRef.current = resolveEntry;
+  }, [resolveEntry]);
+  // Destroy the observer on unmount
+  React.useEffect(function () {
+    return function () {
+      if (destroyResizeObserverRef.current) {
+        destroyResizeObserverRef.current();
+      }
+    };
+  }, []);
+  return [ref, dimensions];
 };
-
 exports.useResizeObserver = useResizeObserver;