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

package/README.md

@@ -2,6 +2,7 @@
 
 > The 7shifts component library
 
+[![codecov](https://codecov.io/gh/7shifts/sous-chef/graph/badge.svg?token=MC1ZBS4XZ0)](https://codecov.io/gh/7shifts/sous-chef)
 [![NPM](https://badgen.net/npm/v/@7shifts/sous-chef)](https://www.npmjs.com/package/@7shifts/sous-chef)
 [![BUNDLE-SIZE](https://badgen.net/bundlephobia/min/@7shifts/sous-chef)](https://www.npmjs.com/package/@7shifts/sous-chef)
 [![TREE-SHAKING](https://badgen.net/bundlephobia/tree-shaking/@7shifts/sous-chef)](https://www.npmjs.com/package/@7shifts/sous-chef)

package/dist/forms/MultiSelectField/MultiSelectField.d.ts

@@ -28,7 +28,8 @@ type Props<T> = {
     isSearchable?: boolean;
     creatableButton?: React.ReactNode;
     onCreate?: (option: string) => void;
+    isClearable?: boolean;
 };
 /** Component to make possible choose from a predefined options. */
-declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, prefix, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView, testId, isSearchable, creatableButton, onCreate }: Props<T>) => React.JSX.Element;
+declare const MultiSelectField: <T extends unknown>({ name, id: inputId, value, options, onChange, onBlur, CustomOption: UserCustomOption, label, caption, error, placeholder, prefix, noOptionsMessage, disabled, closeOnSelect, menuShouldScrollIntoView, testId, isSearchable, creatableButton, onCreate, isClearable }: Props<T>) => React.JSX.Element;
 export default MultiSelectField;

package/dist/index.js

@@ -6280,18 +6280,8 @@ var styles$19 = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fak
 var DataTableScrollFakeBorder = function DataTableScrollFakeBorder(_ref) {
   var _classNames, _classNames2, _classNames3;
   var placement = _ref.placement,
-    tableRef = _ref.tableRef,
     hasSort = _ref.hasSort;
-  var _React$useState = React__default["default"].useState(hasSort ? 29 : 24),
-    topHeaderheight = _React$useState[0],
-    setTopHeaderHeight = _React$useState[1];
-  React.useLayoutEffect(function () {
-    if (!tableRef.current) {
-      return;
-    }
-    var header = tableRef.current.getElementsByTagName('thead')[0];
-    setTopHeaderHeight(header.clientHeight);
-  }, [tableRef]);
+  var topHeaderheight = hasSort ? 29 : 24;
   var backgroundColor = useBackgroundColor();
   return React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$19['data-table-scroll-fake-border'], (_classNames = {}, _classNames[styles$19['data-table-scroll-fake-border--top']] = placement === 'top', _classNames[styles$19['data-table-scroll-fake-border--bottom']] = placement === 'bottom', _classNames)),
@@ -9332,8 +9322,7 @@ var DataTable = function DataTable(_ref) {
     tableRef: tableRef
   }, isShowingColumns && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
     placement: "top",
-    hasSort: !!onSort,
-    tableRef: tableRef
+    hasSort: !!onSort
   }), React__default["default"].createElement("div", {
     className: classnames__default["default"](styles$1a['data-table__content'], (_classNames = {}, _classNames[styles$1a['data-table__content--with-scroll']] = isScrollableTable, _classNames)),
     style: conditionalStyles
@@ -9368,8 +9357,7 @@ var DataTable = function DataTable(_ref) {
     className: styles$1a['data-table__footer'],
     "data-testid": testId && testId + "-footer"
   }, footerComponent)))), !isShowingFooter && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
-    placement: "bottom",
-    tableRef: tableRef
+    placement: "bottom"
   })), React__default["default"].createElement(Pagination, null));
 };
 
@@ -11096,7 +11084,9 @@ var MultiSelectField = function MultiSelectField(_ref) {
     _ref$isSearchable = _ref.isSearchable,
     isSearchable = _ref$isSearchable === void 0 ? true : _ref$isSearchable,
     creatableButton = _ref.creatableButton,
-    onCreate = _ref.onCreate;
+    onCreate = _ref.onCreate,
+    _ref$isClearable = _ref.isClearable,
+    isClearable = _ref$isClearable === void 0 ? true : _ref$isClearable;
   var _useState = React.useState(false),
     isMenuInputFocus = _useState[0],
     setIsMenuInputFocus = _useState[1];
@@ -11162,7 +11152,8 @@ var MultiSelectField = function MultiSelectField(_ref) {
       return !isScrollingTheSelectMenu(e.target);
     },
     isSearchable: isSearchable,
-    menuIsOpen: isMenuInputFocus || undefined
+    menuIsOpen: isMenuInputFocus || undefined,
+    isClearable: isClearable
   })));
 };