@easypost/easy-ui 1.0.0-alpha.6 → 1.0.0-alpha.61

package/__chunks__/{import-0561e1ba.mjs → useToggle-CU6aSiOx.mjs}

@@ -17,34 +17,44 @@ var __spreadValues = (a, b) => {
   return a;
 };
 var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { a as $3ef42575df84b30b$export$9d1611c77c2fe928, d as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./import-19bc38ac.mjs";
-import { $ as $f6c31cce2adf654f$export$45712eceda6fad21, a as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./import-3d962a94.mjs";
-import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./import-6a831ca1.mjs";
+import { $ as $3ef42575df84b30b$export$9d1611c77c2fe928 } from "./mergeProps-T961Q1yJ.mjs";
+import { $ as $65484d02dcb7eb3e$export$457c3d6518dd4c6f } from "./filterDOMProps-EDDcM64A.mjs";
+import { $ as $99facab73266f662$export$5add1d006293d136 } from "./useFormReset-CmXMJVpO.mjs";
+import { $ as $e6afbd83fe6ebbd2$export$4c014de7c8940b4c } from "./useFocusable-DoNt-Wd3.mjs";
+import { $ as $f6c31cce2adf654f$export$45712eceda6fad21 } from "./usePress-BAsZaqDB.mjs";
 function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
-  let { isDisabled = false, isRequired = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid" } = props;
+  let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
   let onChange = (e) => {
     e.stopPropagation();
     state.setSelected(e.target.checked);
   };
   let hasChildren = children != null;
   let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
-  if (!hasChildren && !hasAriaLabel)
-    console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  if (!hasChildren && !hasAriaLabel) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
   let { pressProps, isPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
     isDisabled
   });
+  let { pressProps: labelProps, isPressed: isLabelPressed } = $f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled: isDisabled || isReadOnly,
+    onPress() {
+      state.toggle();
+    }
+  });
   let { focusableProps } = $e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
   let interactions = $3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
   let domProps = $65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
     labelable: true
   });
+  $99facab73266f662$export$5add1d006293d136(ref, state.isSelected, state.setSelected);
   return {
+    labelProps: $3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, {
+      onClick: (e) => e.preventDefault()
+    }),
     inputProps: $3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadValues(__spreadProps(__spreadValues({
-      "aria-invalid": validationState === "invalid" || void 0,
+      "aria-invalid": isInvalid || validationState === "invalid" || void 0,
       "aria-errormessage": props["aria-errormessage"],
       "aria-controls": props["aria-controls"],
       "aria-readonly": isReadOnly || void 0,
-      "aria-required": isRequired || void 0,
       onChange,
       disabled: isDisabled
     }, value == null ? {} : {
@@ -54,29 +64,12 @@ function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
       type: "checkbox"
     }), interactions)),
     isSelected: state.isSelected,
-    isPressed,
+    isPressed: isPressed || isLabelPressed,
     isDisabled,
-    isReadOnly
-  };
-}
-function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
-  let { isReadOnly } = props;
-  let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);
-  function updateSelected(value) {
-    if (!isReadOnly)
-      setSelected(value);
-  }
-  function toggleState() {
-    if (!isReadOnly)
-      setSelected(!isSelected);
-  }
-  return {
-    isSelected,
-    setSelected: updateSelected,
-    toggle: toggleState
+    isReadOnly,
+    isInvalid: isInvalid || validationState === "invalid"
   };
 }
 export {
-  $d2c8e2b0480f3f34$export$cbe85ee05b554577 as $,
-  $3017fa7ffdddec74$export$8042c6c013fd5226 as a
+  $d2c8e2b0480f3f34$export$cbe85ee05b554577 as $
 };

package/__chunks__/useToggle-D7gzXCXF.js

@@ -0,0 +1,74 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const mergeProps = require("./mergeProps-DniMwM6P.js");
+const filterDOMProps = require("./filterDOMProps-D3iOHP0H.js");
+const useFormReset = require("./useFormReset-Bgj93eR3.js");
+const useFocusable = require("./useFocusable-BfXLORiH.js");
+const usePress = require("./usePress-Dz8YYpge.js");
+function $d2c8e2b0480f3f34$export$cbe85ee05b554577(props, state, ref) {
+  let { isDisabled = false, isReadOnly = false, value, name, children, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledby, validationState = "valid", isInvalid } = props;
+  let onChange = (e) => {
+    e.stopPropagation();
+    state.setSelected(e.target.checked);
+  };
+  let hasChildren = children != null;
+  let hasAriaLabel = ariaLabel != null || ariaLabelledby != null;
+  if (!hasChildren && !hasAriaLabel) console.warn("If you do not provide children, you must specify an aria-label for accessibility");
+  let { pressProps, isPressed } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled
+  });
+  let { pressProps: labelProps, isPressed: isLabelPressed } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21({
+    isDisabled: isDisabled || isReadOnly,
+    onPress() {
+      state.toggle();
+    }
+  });
+  let { focusableProps } = useFocusable.$e6afbd83fe6ebbd2$export$4c014de7c8940b4c(props, ref);
+  let interactions = mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(pressProps, focusableProps);
+  let domProps = filterDOMProps.$65484d02dcb7eb3e$export$457c3d6518dd4c6f(props, {
+    labelable: true
+  });
+  useFormReset.$99facab73266f662$export$5add1d006293d136(ref, state.isSelected, state.setSelected);
+  return {
+    labelProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(labelProps, {
+      onClick: (e) => e.preventDefault()
+    }),
+    inputProps: mergeProps.$3ef42575df84b30b$export$9d1611c77c2fe928(domProps, __spreadValues(__spreadProps(__spreadValues({
+      "aria-invalid": isInvalid || validationState === "invalid" || void 0,
+      "aria-errormessage": props["aria-errormessage"],
+      "aria-controls": props["aria-controls"],
+      "aria-readonly": isReadOnly || void 0,
+      onChange,
+      disabled: isDisabled
+    }, value == null ? {} : {
+      value
+    }), {
+      name,
+      type: "checkbox"
+    }), interactions)),
+    isSelected: state.isSelected,
+    isPressed: isPressed || isLabelPressed,
+    isDisabled,
+    isReadOnly,
+    isInvalid: isInvalid || validationState === "invalid"
+  };
+}
+exports.$d2c8e2b0480f3f34$export$cbe85ee05b554577 = $d2c8e2b0480f3f34$export$cbe85ee05b554577;

package/__chunks__/useToggleState-CdbEMLRz.js

@@ -0,0 +1,18 @@
+"use strict";
+const useControlledState = require("./useControlledState-mnKBd6Uc.js");
+function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
+  let { isReadOnly } = props;
+  let [isSelected, setSelected] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);
+  function updateSelected(value) {
+    if (!isReadOnly) setSelected(value);
+  }
+  function toggleState() {
+    if (!isReadOnly) setSelected(!isSelected);
+  }
+  return {
+    isSelected,
+    setSelected: updateSelected,
+    toggle: toggleState
+  };
+}
+exports.$3017fa7ffdddec74$export$8042c6c013fd5226 = $3017fa7ffdddec74$export$8042c6c013fd5226;

package/__chunks__/useToggleState-kFojjzgV.mjs

@@ -0,0 +1,19 @@
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
+function $3017fa7ffdddec74$export$8042c6c013fd5226(props = {}) {
+  let { isReadOnly } = props;
+  let [isSelected, setSelected] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.isSelected, props.defaultSelected || false, props.onChange);
+  function updateSelected(value) {
+    if (!isReadOnly) setSelected(value);
+  }
+  function toggleState() {
+    if (!isReadOnly) setSelected(!isSelected);
+  }
+  return {
+    isSelected,
+    setSelected: updateSelected,
+    toggle: toggleState
+  };
+}
+export {
+  $3017fa7ffdddec74$export$8042c6c013fd5226 as $
+};

package/__chunks__/useTreeState-D6aHf9kN.js

@@ -0,0 +1,142 @@
+"use strict";
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+const SelectionManager = require("./SelectionManager-DuX6geJg.js");
+const React = require("react");
+const useControlledState = require("./useControlledState-mnKBd6Uc.js");
+class $05ca4cd7c4a5a999$export$863faf230ee2118a {
+  *[Symbol.iterator]() {
+    yield* __yieldStar(this.iterable);
+  }
+  get size() {
+    return this.keyMap.size;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getKeyBefore(key) {
+    let node = this.keyMap.get(key);
+    var _node_prevKey;
+    return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== void 0 ? _node_prevKey : null : null;
+  }
+  getKeyAfter(key) {
+    let node = this.keyMap.get(key);
+    var _node_nextKey;
+    return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== void 0 ? _node_nextKey : null : null;
+  }
+  getFirstKey() {
+    return this.firstKey;
+  }
+  getLastKey() {
+    return this.lastKey;
+  }
+  getItem(key) {
+    var _this_keyMap_get;
+    return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== void 0 ? _this_keyMap_get : null;
+  }
+  at(idx) {
+    const keys = [
+      ...this.getKeys()
+    ];
+    return this.getItem(keys[idx]);
+  }
+  constructor(nodes, { expandedKeys } = {}) {
+    this.keyMap = /* @__PURE__ */ new Map();
+    this.firstKey = null;
+    this.lastKey = null;
+    this.iterable = nodes;
+    expandedKeys = expandedKeys || /* @__PURE__ */ new Set();
+    let visit = (node) => {
+      this.keyMap.set(node.key, node);
+      if (node.childNodes && (node.type === "section" || expandedKeys.has(node.key))) for (let child of node.childNodes) visit(child);
+    };
+    for (let node of nodes) visit(node);
+    let last = null;
+    let index = 0;
+    for (let [key, node] of this.keyMap) {
+      if (last) {
+        last.nextKey = key;
+        node.prevKey = last.key;
+      } else {
+        this.firstKey = key;
+        node.prevKey = void 0;
+      }
+      if (node.type === "item") node.index = index++;
+      last = node;
+      last.nextKey = void 0;
+    }
+    var _last_key;
+    this.lastKey = (_last_key = last === null || last === void 0 ? void 0 : last.key) !== null && _last_key !== void 0 ? _last_key : null;
+  }
+}
+function $875d6693e12af071$export$728d6ba534403756(props) {
+  let { onExpandedChange } = props;
+  let [expandedKeys, setExpandedKeys] = useControlledState.$458b0a5536c1a7cf$export$40bfa8c7b0832715(props.expandedKeys ? new Set(props.expandedKeys) : void 0, props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : /* @__PURE__ */ new Set(), onExpandedChange);
+  let selectionState = SelectionManager.$7af3f5b51489e0b5$export$253fe78d46329472(props);
+  let disabledKeys = React.useMemo(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
+    props.disabledKeys
+  ]);
+  let tree = SelectionManager.$7613b1592d41b092$export$6cd28814d92fa9c9(props, React.useCallback((nodes) => new $05ca4cd7c4a5a999$export$863faf230ee2118a(nodes, {
+    expandedKeys
+  }), [
+    expandedKeys
+  ]), null);
+  React.useEffect(() => {
+    if (selectionState.focusedKey != null && !tree.getItem(selectionState.focusedKey)) selectionState.setFocusedKey(null);
+  }, [
+    tree,
+    selectionState.focusedKey
+  ]);
+  let onToggle = (key) => {
+    setExpandedKeys($875d6693e12af071$var$toggleKey(expandedKeys, key));
+  };
+  return {
+    collection: tree,
+    expandedKeys,
+    disabledKeys,
+    toggleKey: onToggle,
+    setExpandedKeys,
+    selectionManager: new SelectionManager.$d496c0a20b6e58ec$export$6c8a5aaad13c9852(tree, selectionState)
+  };
+}
+function $875d6693e12af071$var$toggleKey(set, key) {
+  let res = new Set(set);
+  if (res.has(key)) res.delete(key);
+  else res.add(key);
+  return res;
+}
+exports.$875d6693e12af071$export$728d6ba534403756 = $875d6693e12af071$export$728d6ba534403756;

package/__chunks__/useTreeState-w_raYfy2.mjs

@@ -0,0 +1,143 @@
+var __knownSymbol = (name, symbol) => (symbol = Symbol[name]) ? symbol : Symbol.for("Symbol." + name);
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __await = function(promise, isYieldStar) {
+  this[0] = promise;
+  this[1] = isYieldStar;
+};
+var __yieldStar = (value) => {
+  var obj = value[__knownSymbol("asyncIterator")], isAwait = false, method, it = {};
+  if (obj == null) {
+    obj = value[__knownSymbol("iterator")]();
+    method = (k) => it[k] = (x) => obj[k](x);
+  } else {
+    obj = obj.call(value);
+    method = (k) => it[k] = (v) => {
+      if (isAwait) {
+        isAwait = false;
+        if (k === "throw") throw v;
+        return v;
+      }
+      isAwait = true;
+      return {
+        done: false,
+        value: new __await(new Promise((resolve) => {
+          var x = obj[k](v);
+          if (!(x instanceof Object)) __typeError("Object expected");
+          resolve(x);
+        }), 1)
+      };
+    };
+  }
+  return it[__knownSymbol("iterator")] = () => it, method("next"), "throw" in obj ? method("throw") : it.throw = (x) => {
+    throw x;
+  }, "return" in obj && method("return"), it;
+};
+import { $ as $7af3f5b51489e0b5$export$253fe78d46329472, a as $7613b1592d41b092$export$6cd28814d92fa9c9, b as $d496c0a20b6e58ec$export$6c8a5aaad13c9852 } from "./SelectionManager-DCO_d3m1.mjs";
+import { useMemo, useCallback, useEffect } from "react";
+import { $ as $458b0a5536c1a7cf$export$40bfa8c7b0832715 } from "./useControlledState-CFWhSD5C.mjs";
+class $05ca4cd7c4a5a999$export$863faf230ee2118a {
+  *[Symbol.iterator]() {
+    yield* __yieldStar(this.iterable);
+  }
+  get size() {
+    return this.keyMap.size;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getKeyBefore(key) {
+    let node = this.keyMap.get(key);
+    var _node_prevKey;
+    return node ? (_node_prevKey = node.prevKey) !== null && _node_prevKey !== void 0 ? _node_prevKey : null : null;
+  }
+  getKeyAfter(key) {
+    let node = this.keyMap.get(key);
+    var _node_nextKey;
+    return node ? (_node_nextKey = node.nextKey) !== null && _node_nextKey !== void 0 ? _node_nextKey : null : null;
+  }
+  getFirstKey() {
+    return this.firstKey;
+  }
+  getLastKey() {
+    return this.lastKey;
+  }
+  getItem(key) {
+    var _this_keyMap_get;
+    return (_this_keyMap_get = this.keyMap.get(key)) !== null && _this_keyMap_get !== void 0 ? _this_keyMap_get : null;
+  }
+  at(idx) {
+    const keys = [
+      ...this.getKeys()
+    ];
+    return this.getItem(keys[idx]);
+  }
+  constructor(nodes, { expandedKeys } = {}) {
+    this.keyMap = /* @__PURE__ */ new Map();
+    this.firstKey = null;
+    this.lastKey = null;
+    this.iterable = nodes;
+    expandedKeys = expandedKeys || /* @__PURE__ */ new Set();
+    let visit = (node) => {
+      this.keyMap.set(node.key, node);
+      if (node.childNodes && (node.type === "section" || expandedKeys.has(node.key))) for (let child of node.childNodes) visit(child);
+    };
+    for (let node of nodes) visit(node);
+    let last = null;
+    let index = 0;
+    for (let [key, node] of this.keyMap) {
+      if (last) {
+        last.nextKey = key;
+        node.prevKey = last.key;
+      } else {
+        this.firstKey = key;
+        node.prevKey = void 0;
+      }
+      if (node.type === "item") node.index = index++;
+      last = node;
+      last.nextKey = void 0;
+    }
+    var _last_key;
+    this.lastKey = (_last_key = last === null || last === void 0 ? void 0 : last.key) !== null && _last_key !== void 0 ? _last_key : null;
+  }
+}
+function $875d6693e12af071$export$728d6ba534403756(props) {
+  let { onExpandedChange } = props;
+  let [expandedKeys, setExpandedKeys] = $458b0a5536c1a7cf$export$40bfa8c7b0832715(props.expandedKeys ? new Set(props.expandedKeys) : void 0, props.defaultExpandedKeys ? new Set(props.defaultExpandedKeys) : /* @__PURE__ */ new Set(), onExpandedChange);
+  let selectionState = $7af3f5b51489e0b5$export$253fe78d46329472(props);
+  let disabledKeys = useMemo(() => props.disabledKeys ? new Set(props.disabledKeys) : /* @__PURE__ */ new Set(), [
+    props.disabledKeys
+  ]);
+  let tree = $7613b1592d41b092$export$6cd28814d92fa9c9(props, useCallback((nodes) => new $05ca4cd7c4a5a999$export$863faf230ee2118a(nodes, {
+    expandedKeys
+  }), [
+    expandedKeys
+  ]), null);
+  useEffect(() => {
+    if (selectionState.focusedKey != null && !tree.getItem(selectionState.focusedKey)) selectionState.setFocusedKey(null);
+  }, [
+    tree,
+    selectionState.focusedKey
+  ]);
+  let onToggle = (key) => {
+    setExpandedKeys($875d6693e12af071$var$toggleKey(expandedKeys, key));
+  };
+  return {
+    collection: tree,
+    expandedKeys,
+    disabledKeys,
+    toggleKey: onToggle,
+    setExpandedKeys,
+    selectionManager: new $d496c0a20b6e58ec$export$6c8a5aaad13c9852(tree, selectionState)
+  };
+}
+function $875d6693e12af071$var$toggleKey(set, key) {
+  let res = new Set(set);
+  if (res.has(key)) res.delete(key);
+  else res.add(key);
+  return res;
+}
+export {
+  $875d6693e12af071$export$728d6ba534403756 as $
+};