@7shifts/sous-chef 3.57.3-beta3 → 3.58.0

package/dist/index.modern.js

@@ -6400,17 +6400,9 @@ var styles$19 = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fak
  */
 const DataTableScrollFakeBorder = ({
   placement,
-  tableRef,
   hasSort
 }) => {
-  const [topHeaderheight, setTopHeaderHeight] = React__default.useState(hasSort ? 29 : 24);
-  useLayoutEffect(() => {
-    if (!tableRef.current) {
-      return;
-    }
-    const header = tableRef.current.getElementsByTagName('thead')[0];
-    setTopHeaderHeight(header.clientHeight);
-  }, [tableRef]);
+  const topHeaderheight = hasSort ? 29 : 24;
   const backgroundColor = useBackgroundColor();
   return React__default.createElement("div", {
     className: classnames(styles$19['data-table-scroll-fake-border'], {
@@ -9505,8 +9497,7 @@ const DataTable = _ref => {
     tableRef: tableRef
   }, isShowingColumns && isScrollableTable && React__default.createElement(DataTableScrollFakeBorder, {
     placement: "top",
-    hasSort: !!onSort,
-    tableRef: tableRef
+    hasSort: !!onSort
   }), React__default.createElement("div", {
     className: classnames(styles$1a['data-table__content'], {
       [styles$1a['data-table__content--with-scroll']]: isScrollableTable
@@ -9545,8 +9536,7 @@ const DataTable = _ref => {
     className: styles$1a['data-table__footer'],
     "data-testid": testId && `${testId}-footer`
   }, footerComponent)))), !isShowingFooter && isScrollableTable && React__default.createElement(DataTableScrollFakeBorder, {
-    placement: "bottom",
-    tableRef: tableRef
+    placement: "bottom"
   })), React__default.createElement(Pagination, null));
 };
 
@@ -11243,7 +11233,8 @@ const MultiSelectField = ({
   testId,
   isSearchable: _isSearchable = true,
   creatableButton,
-  onCreate
+  onCreate,
+  isClearable: _isClearable = true
 }) => {
   const [isMenuInputFocus, setIsMenuInputFocus] = useState(false);
   const onMenuInputFocus = isFocused => setIsMenuInputFocus(isFocused);
@@ -11304,7 +11295,8 @@ const MultiSelectField = ({
       return !isScrollingTheSelectMenu(e.target);
     },
     isSearchable: _isSearchable,
-    menuIsOpen: isMenuInputFocus || undefined
+    menuIsOpen: isMenuInputFocus || undefined,
+    isClearable: _isClearable
   })));
 };