@easypost/easy-ui 1.0.0-alpha.51 → 1.0.0-alpha.53

package/DataGrid/index.js

@@ -68,52 +68,37 @@ var __yieldStar = (value) => {
 };
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
-const Icon = require("../__chunks__/Icon-Zte0ahKA.js");
-const Menu = require("../__chunks__/Menu-DywMr2qv.js");
-const Text = require("../__chunks__/Text-Bq6ipzm3.js");
-const utilities_css = require("../utilities/css.js");
-const usePress = require("../__chunks__/usePress-DjyN_yP2.js");
+const Icon = require("../__chunks__/Icon-DTlCtPmb.js");
+const Menu = require("../__chunks__/Menu-aW3etzMU.js");
+const Text = require("../__chunks__/Text-CT2y5c8a.js");
+const KebabButton = require("../__chunks__/KebabButton-Dwul0lCB.js");
 const ArrowForwardIos = require("../__chunks__/ArrowForwardIos-DpRiDPNZ.js");
-const Checkbox = require("../__chunks__/Checkbox-CmWLfIf5.js");
-const FocusScope = require("../__chunks__/FocusScope-CoZUVDQG.js");
-const focusSafely = require("../__chunks__/focusSafely-BpCL6rxl.js");
+const utilities_css = require("../utilities/css.js");
+const Checkbox = require("../__chunks__/Checkbox-CLLYuQFM.js");
+const FocusScope = require("../__chunks__/FocusScope-D5T6fKI9.js");
+const focusSafely = require("../__chunks__/focusSafely-CZPj1Dug.js");
 const mergeProps = require("../__chunks__/mergeProps-DniMwM6P.js");
 const getScrollParent = require("../__chunks__/getScrollParent-DNz2ReWu.js");
 const scrollIntoView = require("../__chunks__/scrollIntoView-DkcUbB3D.js");
-const useFocusVisible = require("../__chunks__/useFocusVisible-DAg8LS6j.js");
+const useFocusVisible = require("../__chunks__/useFocusVisible-PBQuklI8.js");
 const context = require("../__chunks__/context-D3NeXov7.js");
-const useSelectableItem = require("../__chunks__/useSelectableItem-Bgjo4Ulj.js");
-const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-P7rP7hnM.js");
+const useSelectableItem = require("../__chunks__/useSelectableItem-CJ5_OAlc.js");
+const useHighlightSelectionDescription = require("../__chunks__/useHighlightSelectionDescription-CG5W6CIQ.js");
 const useLocalizedStringFormatter = require("../__chunks__/useLocalizedStringFormatter-D74_5d4h.js");
-const useFocusRing = require("../__chunks__/useFocusRing-CKgGPgoX.js");
-const useFocusable = require("../__chunks__/useFocusable-By9yXfUQ.js");
-const VisuallyHidden = require("../__chunks__/VisuallyHidden-zJSJlhfQ.js");
+const useFocusRing = require("../__chunks__/useFocusRing-DFRFvht_.js");
+const isVirtualEvent = require("../__chunks__/isVirtualEvent-DwoP1rNI.js");
+const useFocusable = require("../__chunks__/useFocusable-D0hhxIk-.js");
+const usePress = require("../__chunks__/usePress-BVH8whNd.js");
+const VisuallyHidden = require("../__chunks__/VisuallyHidden-CVfjb1YY.js");
 const SelectionManager = require("../__chunks__/SelectionManager-DuX6geJg.js");
 const useHover = require("../__chunks__/useHover-BIKwjrCT.js");
-const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-D8jJYqF3.js");
+const useEdgeInterceptors = require("../__chunks__/useEdgeInterceptors-CegFcI5C.js");
 const useResizeObserver = require("../__chunks__/useResizeObserver-BsbT3mjh.js");
-const Spinner = require("../__chunks__/Spinner-BdZBA8PL.js");
-const useSelectableList = require("../__chunks__/useSelectableList-CjopKGbS.js");
+const Spinner = require("../__chunks__/Spinner-B824MsLf.js");
+const useSelectableList = require("../__chunks__/useSelectableList-ICLJNy5q.js");
 const LiveAnnouncer = require("../__chunks__/LiveAnnouncer-CWnuIRMW.js");
 const filterDOMProps = require("../__chunks__/filterDOMProps-D3iOHP0H.js");
-const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-BCSKoUR_.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const React__namespace = /* @__PURE__ */ _interopNamespaceDefault(React);
+const useHasTabbableChild = require("../__chunks__/useHasTabbableChild-4Ga1outX.js");
 function $62967d126f3aa823$export$4007ac09ff9c68ed(props) {
   let { collection, focusMode } = props;
   let selectionState = props.UNSAFE_selectionState || SelectionManager.$7af3f5b51489e0b5$export$253fe78d46329472(props);
@@ -1999,12 +1984,12 @@ function $f329116d8ad0aba0$export$9514819a8c81e960(props, state, ref) {
   let ariaSort = void 0;
   let isSortedColumn = ((_state_sortDescriptor = state.sortDescriptor) === null || _state_sortDescriptor === void 0 ? void 0 : _state_sortDescriptor.column) === node.key;
   let sortDirection = (_state_sortDescriptor1 = state.sortDescriptor) === null || _state_sortDescriptor1 === void 0 ? void 0 : _state_sortDescriptor1.direction;
-  if (node.props.allowsSorting && !useFocusVisible.$c87311424ea30a05$export$a11b0059900ceec8()) ariaSort = isSortedColumn ? sortDirection : "none";
+  if (node.props.allowsSorting && !isVirtualEvent.$c87311424ea30a05$export$a11b0059900ceec8()) ariaSort = isSortedColumn ? sortDirection : "none";
   let stringFormatter = useLocalizedStringFormatter.$fca6afa0e843324b$export$f12b703ca79dfbb1($parcel$interopDefault$1($7476b46781682bf5$exports), "@react-aria/table");
   let sortDescription;
   if (allowsSorting2) {
     sortDescription = `${stringFormatter.format("sortable")}`;
-    if (isSortedColumn && sortDirection && useFocusVisible.$c87311424ea30a05$export$a11b0059900ceec8()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
+    if (isSortedColumn && sortDirection && isVirtualEvent.$c87311424ea30a05$export$a11b0059900ceec8()) sortDescription = `${sortDescription}, ${stringFormatter.format(sortDirection)}`;
   }
   let descriptionProps = scrollIntoView.$ef06256079686ba0$export$f8aeda7b10753fa1(sortDescription);
   let shouldDisableFocus = state.collection.size === 0;
@@ -2132,55 +2117,6 @@ function $2a795c53a101c542$export$1003db6a7e384b99(state) {
 function $0047e6c294ea075f$export$6fb1613bd7b28198() {
   return $e45487f8ba1cbdbf$export$d3037f5d3f3e51bf();
 }
-var __defProp2 = Object.defineProperty;
-var __getOwnPropSymbols2 = Object.getOwnPropertySymbols;
-var __hasOwnProp2 = Object.prototype.hasOwnProperty;
-var __propIsEnum2 = Object.prototype.propertyIsEnumerable;
-var __defNormalProp2 = (obj, key, value) => key in obj ? __defProp2(obj, key, {
-  enumerable: true,
-  configurable: true,
-  writable: true,
-  value
-}) : obj[key] = value;
-var __spreadValues2 = (a, b) => {
-  for (var prop in b || (b = {})) if (__hasOwnProp2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
-  if (__getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(b)) {
-    if (__propIsEnum2.call(b, prop)) __defNormalProp2(a, prop, b[prop]);
-  }
-  return a;
-};
-var __objRest2 = (source, exclude) => {
-  var target = {};
-  for (var prop in source) if (__hasOwnProp2.call(source, prop) && exclude.indexOf(prop) < 0) target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols2) for (var prop of __getOwnPropSymbols2(source)) {
-    if (exclude.indexOf(prop) < 0 && __propIsEnum2.call(source, prop)) target[prop] = source[prop];
-  }
-  return target;
-};
-const MoreVert = (_a) => {
-  var _b = _a, { title, titleId } = _b, props = __objRest2(_b, ["title", "titleId"]);
-  return React__namespace.createElement("svg", __spreadValues2({
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 -960 960 960",
-    "aria-labelledby": titleId
-  }, props), title ? React__namespace.createElement("title", {
-    id: titleId
-  }, title) : null, React__namespace.createElement("path", {
-    d: "M479.88-189.23q-15.09 0-25.72-10.75-10.62-10.74-10.62-25.83 0-15.09 10.75-25.91 10.74-10.82 25.83-10.82 15.09 0 25.72 10.87 10.62 10.86 10.62 26.12 0 15.1-10.75 25.71-10.74 10.61-25.83 10.61Zm0-254.31q-15.09 0-25.72-10.75-10.62-10.74-10.62-25.83 0-15.09 10.75-25.72 10.74-10.62 25.83-10.62 15.09 0 25.72 10.75 10.62 10.74 10.62 25.83 0 15.09-10.75 25.72-10.74 10.62-25.83 10.62Zm0-253.92q-15.09 0-25.72-10.87-10.62-10.86-10.62-26.12 0-15.1 10.75-25.71 10.74-10.61 25.83-10.61 15.09 0 25.72 10.75 10.62 10.74 10.62 25.83 0 15.09-10.75 25.91-10.74 10.82-25.83 10.82Z"
-  }));
-};
-const UnstyledPressButton$1 = "_UnstyledPressButton_1yg7l_5";
-const styles$8 = {
-  UnstyledPressButton: UnstyledPressButton$1
-};
-const UnstyledPressButton = React.forwardRef((props, ref) => {
-  const { pressProps } = usePress.$f6c31cce2adf654f$export$45712eceda6fad21(props);
-  return React.createElement("button", __spreadProps(__spreadValues({}, pressProps), {
-    ref,
-    className: utilities_css.classNames(styles$8.UnstyledPressButton, pressProps.className)
-  }));
-});
-UnstyledPressButton.displayName = "UnstyledPressButton";
 const DataGridContext = React.createContext(null);
 const DataGridTableContext = React.createContext(null);
 const useDataGridTable = () => {
@@ -2198,13 +2134,9 @@ const useDataGridRow = () => {
   }
   return dataGridRowContext;
 };
-const ActionsCellContent$1 = "_ActionsCellContent_19ino_5";
-const MenuButton = "_MenuButton_19ino_10";
-const open = "_open_19ino_15";
+const ActionsCellContent$1 = "_ActionsCellContent_1aw79_5";
 const styles$7 = {
-  ActionsCellContent: ActionsCellContent$1,
-  MenuButton,
-  open
+  ActionsCellContent: ActionsCellContent$1
 };
 function ActionsCellContent({ rowActions }) {
   return React.createElement("span", {
@@ -2227,25 +2159,20 @@ function MenuRowAction({ rowAction }) {
   const handleOpenChange = React.useCallback((isOpen2) => {
     setIsOpen(isOpen2);
   }, []);
-  const className = utilities_css.classNames(styles$7.MenuButton, isOpen && styles$7.open);
   return React.createElement(Menu.Menu, {
     isOpen,
     onOpenChange: handleOpenChange
-  }, React.createElement(Menu.Menu.Trigger, null, React.createElement(UnstyledPressButton, {
+  }, React.createElement(Menu.Menu.Trigger, null, React.createElement(KebabButton.KebabButton, {
     onPress: handleClick,
-    className
-  }, React.createElement(Text.Text, {
-    visuallyHidden: true
-  }, accessibilityLabel), React.createElement(Icon.Icon, {
-    symbol: MoreVert
-  }))), rowAction.renderMenuOverlay());
+    accessibilityLabel
+  })), rowAction.renderMenuOverlay());
 }
 function ActionRowAction({ rowAction }) {
   const { onAction } = rowAction;
   const handleClick = React.useCallback(() => {
     onAction();
   }, [onAction]);
-  return React.createElement(UnstyledPressButton, {
+  return React.createElement(KebabButton.UnstyledPressButton, {
     onPress: handleClick
   }, React.createElement(Text.Text, {
     visuallyHidden: true
@@ -2253,8 +2180,8 @@ function ActionRowAction({ rowAction }) {
     symbol: rowAction.iconSymbol
   }));
 }
-const button = "_button_l6n8r_5";
-const expanded$2 = "_expanded_l6n8r_23";
+const button = "_button_51yum_5";
+const expanded$2 = "_expanded_51yum_23";
 const styles$6 = {
   button,
   expanded: expanded$2
@@ -2264,7 +2191,7 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
     toggleExpanded();
   }, [toggleExpanded]);
   const className = utilities_css.classNames(styles$6.button, isExpanded && styles$6.expanded);
-  return React.createElement(UnstyledPressButton, {
+  return React.createElement(KebabButton.UnstyledPressButton, {
     onPress: handleClick,
     className,
     "aria-expanded": isExpanded
@@ -2275,20 +2202,20 @@ function ExpandCellContent({ isExpanded, toggleExpanded }) {
     size: "xs"
   }));
 }
-const Cell$1 = "_Cell_l21qt_5";
-const content$1 = "_content_l21qt_14";
-const lastRow = "_lastRow_l21qt_25";
-const focused$1 = "_focused_l21qt_29";
-const rowFocused = "_rowFocused_l21qt_30";
-const expanded$1 = "_expanded_l21qt_34";
-const first$1 = "_first_l21qt_38";
-const firstWithActions$1 = "_firstWithActions_l21qt_45";
-const secondWithActions$1 = "_secondWithActions_l21qt_51";
-const last$1 = "_last_l21qt_25";
-const lastWithActions$1 = "_lastWithActions_l21qt_62";
-const secondToLastWithActions$1 = "_secondToLastWithActions_l21qt_70";
-const shadowLeft$1 = "_shadowLeft_l21qt_74";
-const shadowRight$1 = "_shadowRight_l21qt_93";
+const Cell$1 = "_Cell_t9zct_5";
+const content$1 = "_content_t9zct_14";
+const lastRow = "_lastRow_t9zct_25";
+const focused$1 = "_focused_t9zct_29";
+const rowFocused = "_rowFocused_t9zct_30";
+const expanded$1 = "_expanded_t9zct_34";
+const first$1 = "_first_t9zct_38";
+const firstWithActions$1 = "_firstWithActions_t9zct_45";
+const secondWithActions$1 = "_secondWithActions_t9zct_51";
+const last$1 = "_last_t9zct_25";
+const lastWithActions$1 = "_lastWithActions_t9zct_62";
+const secondToLastWithActions$1 = "_secondToLastWithActions_t9zct_70";
+const shadowLeft$1 = "_shadowLeft_t9zct_74";
+const shadowRight$1 = "_shadowRight_t9zct_93";
 const styles$5 = {
   Cell: Cell$1,
   content: content$1,
@@ -2304,7 +2231,7 @@ const styles$5 = {
   secondToLastWithActions: secondToLastWithActions$1,
   shadowLeft: shadowLeft$1,
   shadowRight: shadowRight$1,
-  "static": "_static_l21qt_112"
+  "static": "_static_t9zct_112"
 };
 function Cell({ cell, state }) {
   const table2 = useDataGridTable();
@@ -2356,10 +2283,10 @@ function StaticCell({ children, colSpan }) {
     "data-ezui-data-grid-shadow": true
   })));
 }
-const SortIndicator$1 = "_SortIndicator_1dbyi_5";
-const arrow = "_arrow_1dbyi_10";
-const sorted = "_sorted_1dbyi_14";
-const onHeaderSecondary = "_onHeaderSecondary_1dbyi_18";
+const SortIndicator$1 = "_SortIndicator_ejh20_5";
+const arrow = "_arrow_ejh20_10";
+const sorted = "_sorted_ejh20_14";
+const onHeaderSecondary = "_onHeaderSecondary_ejh20_18";
 const styles$4 = {
   SortIndicator: SortIndicator$1,
   arrow,
@@ -2392,19 +2319,19 @@ function Arrow(props) {
     d: "M12 0.344238L0 0.344238L6 7.561L12 0.344238Z"
   }));
 }
-const ColumnHeader$1 = "_ColumnHeader_1md5u_5";
-const content = "_content_1md5u_15";
-const allowsSorting = "_allowsSorting_1md5u_26";
-const focused = "_focused_1md5u_31";
-const first = "_first_1md5u_44";
-const firstWithActions = "_firstWithActions_1md5u_50";
-const secondWithActions = "_secondWithActions_1md5u_57";
-const last = "_last_1md5u_63";
-const lastWithActions = "_lastWithActions_1md5u_67";
-const secondToLastWithActions = "_secondToLastWithActions_1md5u_74";
-const shadowBottom = "_shadowBottom_1md5u_78";
-const shadowRight = "_shadowRight_1md5u_100";
-const shadowLeft = "_shadowLeft_1md5u_119";
+const ColumnHeader$1 = "_ColumnHeader_1w32j_5";
+const content = "_content_1w32j_15";
+const allowsSorting = "_allowsSorting_1w32j_26";
+const focused = "_focused_1w32j_31";
+const first = "_first_1w32j_44";
+const firstWithActions = "_firstWithActions_1w32j_50";
+const secondWithActions = "_secondWithActions_1w32j_57";
+const last = "_last_1w32j_63";
+const lastWithActions = "_lastWithActions_1w32j_67";
+const secondToLastWithActions = "_secondToLastWithActions_1w32j_74";
+const shadowBottom = "_shadowBottom_1w32j_78";
+const shadowRight = "_shadowRight_1w32j_100";
+const shadowLeft = "_shadowLeft_1w32j_119";
 const styles$3 = {
   ColumnHeader: ColumnHeader$1,
   content,
@@ -2463,8 +2390,8 @@ function SelectAllColumnHeaderContent({ state }) {
   }
   return React.createElement(Checkbox.Checkbox, __spreadValues({}, checkboxProps));
 }
-const ExpandedRowContent$1 = "_ExpandedRowContent_9nzhb_5";
-const inner = "_inner_9nzhb_17";
+const ExpandedRowContent$1 = "_ExpandedRowContent_5gu38_5";
+const inner = "_inner_5gu38_17";
 const styles$2 = {
   ExpandedRowContent: ExpandedRowContent$1,
   inner
@@ -2477,10 +2404,10 @@ function ExpandedRowContent({ children }) {
     className: utilities_css.classNames(styles$2.inner)
   }, children));
 }
-const Row$1 = "_Row_1epz3_5";
-const expanded = "_expanded_1epz3_12";
-const hovered = "_hovered_1epz3_18";
-const selected = "_selected_1epz3_22";
+const Row$1 = "_Row_1nd87_5";
+const expanded = "_expanded_1nd87_12";
+const hovered = "_hovered_1nd87_18";
+const selected = "_selected_1nd87_22";
 const styles$1 = {
   Row: Row$1,
   expanded,
@@ -2548,14 +2475,14 @@ function StaticRow({ children }) {
     className: styles$1.Row
   }, children);
 }
-const DataGrid$1 = "_DataGrid_1ql19_5";
-const sizeSm = "_sizeSm_1ql19_42";
-const sizeLg = "_sizeLg_1ql19_47";
-const innerContainer = "_innerContainer_1ql19_51";
-const contents = "_contents_1ql19_56";
-const table = "_table_1ql19_60";
-const headerSecondary = "_headerSecondary_1ql19_68";
-const headerEmphasized = "_headerEmphasized_1ql19_73";
+const DataGrid$1 = "_DataGrid_wzrwf_5";
+const sizeSm = "_sizeSm_wzrwf_42";
+const sizeLg = "_sizeLg_wzrwf_47";
+const innerContainer = "_innerContainer_wzrwf_51";
+const contents = "_contents_wzrwf_56";
+const table = "_table_wzrwf_60";
+const headerSecondary = "_headerSecondary_wzrwf_68";
+const headerEmphasized = "_headerEmphasized_wzrwf_73";
 const styles = {
   DataGrid: DataGrid$1,
   sizeSm,