@7shifts/sous-chef 3.35.0-beta.4 → 3.35.0-beta.6

package/dist/index.js

@@ -174,11 +174,15 @@ var getPositionProps = function getPositionProps(_ref) {
     otherProps: otherProps
   };
 };
-var getDataProps = function getDataProps(props) {
+var getDataProps = function getDataProps(props, removeDataPrefix) {
+  if (removeDataPrefix === void 0) {
+    removeDataPrefix = false;
+  }
   return Object.keys(props).reduce(function (acc, key) {
     if (key.startsWith('data')) {
       var _Object$assign;
-      acc.dataProps = Object.assign((_Object$assign = {}, _Object$assign[kebabize(key)] = props[key], _Object$assign), acc.dataProps);
+      var newKey = removeDataPrefix ? key.replace('data', '') : key;
+      acc.dataProps = Object.assign((_Object$assign = {}, _Object$assign[kebabize(newKey)] = props[key], _Object$assign), acc.dataProps);
     } else {
       var _Object$assign2;
       acc.otherProps = Object.assign((_Object$assign2 = {}, _Object$assign2[key] = props[key], _Object$assign2), acc.otherProps);
@@ -6220,6 +6224,7 @@ var useModalContext = function useModalContext() {
   return context || {};
 };
 
+var _excluded$2w = ["children", "header", "subHeader", "onClose", "loading", "zIndex", "rootElementId", "width", "height", "maxWidth", "shouldReturnFocusAfterClose", "testId"];
 var Modal = function Modal(_ref) {
   var children = _ref.children,
     header = _ref.header,
@@ -6235,7 +6240,8 @@ var Modal = function Modal(_ref) {
     maxWidth = _ref.maxWidth,
     _ref$shouldReturnFocu = _ref.shouldReturnFocusAfterClose,
     shouldReturnFocusAfterClose = _ref$shouldReturnFocu === void 0 ? true : _ref$shouldReturnFocu,
-    testId = _ref.testId;
+    testId = _ref.testId,
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
   var style = {
     content: {
       width: width,
@@ -6246,9 +6252,12 @@ var Modal = function Modal(_ref) {
       zIndex: getZIndex(zIndex)
     }
   };
+  var _getDataProps = getDataProps(otherProps, true),
+    dataProps = _getDataProps.dataProps;
+  console.log(dataProps);
   return React__default.createElement(ReactModal, {
     isOpen: true,
-    testId: testId,
+    testId: testId + 'kkkkk',
     shouldCloseOnEsc: true,
     shouldCloseOnOverlayClick: false,
     shouldReturnFocusAfterClose: shouldReturnFocusAfterClose,
@@ -6266,7 +6275,8 @@ var Modal = function Modal(_ref) {
       base: styles$C['content'],
       afterOpen: styles$C['content--after-open'],
       beforeClose: styles$C['content--before-close']
-    }
+    },
+    data: dataProps
   }, React__default.createElement(ModalHeader, {
     header: header,
     subHeader: subHeader,
@@ -6629,7 +6639,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
 
 var styles$H = {"check-box-field":"_2Rbk6","check-box-field__caption":"_1GW-E","check-box-field__custom-input":"_2W10t"};
 
-var _excluded$2w = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
+var _excluded$2x = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 var CheckboxField = function CheckboxField(_ref) {
   var name = _ref.name,
     inputId = _ref.id,
@@ -6641,7 +6651,7 @@ var CheckboxField = function CheckboxField(_ref) {
     error = _ref.error,
     disabled = _ref.disabled,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2w);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
   var controllers = useCheckBoxFieldControllers({
     name: name,
     id: inputId,
@@ -6710,7 +6720,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
 
 var styles$I = {"hint-modal":"_1b47y","hint-modal--after-open":"_2MB4p","hint-modal--before-close":"_3VYQo","hint-modal__overlay":"_3Enme","hint-modal__image":"_2Nn7v","hint-modal__body":"_bzN9e","hint-modal__close-button":"_3xbis"};
 
-var _excluded$2x = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
+var _excluded$2y = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "testId"];
 var HintModal = function HintModal(_ref) {
   var header = _ref.header,
     children = _ref.children,
@@ -6719,7 +6729,7 @@ var HintModal = function HintModal(_ref) {
     modalId = _ref.modalId,
     primaryButton = _ref.primaryButton,
     testId = _ref.testId,
-    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2x);
+    positionProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
   var _useState = React.useState(false),
     doNotShowAgain = _useState[0],
     setDoNotShowAgain = _useState[1];
@@ -6943,7 +6953,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
 };
 var DataTableEditableCell = React.forwardRef(DataTableEditableCellElement);
 
-var _excluded$2y = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
+var _excluded$2z = ["children", "onClick", "isSelected", "actions", "hasDefaultPadding", "hasDefaultCell", "testId"];
 var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
   var _classnames;
   var children = _ref.children,
@@ -6955,7 +6965,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
     _ref$hasDefaultCell = _ref.hasDefaultCell,
     hasDefaultCell = _ref$hasDefaultCell === void 0 ? true : _ref$hasDefaultCell,
     testId = _ref.testId,
-    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2y);
+    nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
   var _useDataTableContext = useDataTableContext(),
     showActionMenu = _useDataTableContext.showActionMenu;
   var styleNames = classnames(styles$z['item'], (_classnames = {}, _classnames[styles$z['clickable']] = onClick, _classnames[styles$z['selected']] = isSelected, _classnames));
@@ -7367,11 +7377,11 @@ var isReactSelectElement = function isReactSelectElement(element) {
 
 var styles$M = {"custom-control":"_1JTKu"};
 
-var _excluded$2z = ["children"];
+var _excluded$2A = ["children"];
 function CustomControl(_ref) {
   var _props$getValue;
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2z);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
   var SelectedOptionPrefix = props.selectProps.componentsProps.SelectedOptionPrefix;
   var selectedOption = (_props$getValue = props.getValue()) === null || _props$getValue === void 0 ? void 0 : _props$getValue[0];
   return React__default.createElement(Select.components.Control, _extends({}, props), SelectedOptionPrefix && selectedOption ? React__default.createElement("div", {
@@ -7388,10 +7398,10 @@ function CustomControl(_ref) {
   }, props)), children)) : children);
 }
 
-var _excluded$2A = ["children"];
+var _excluded$2B = ["children"];
 function CustomOption(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2A);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
   var UserCustomOption = props.selectProps.componentsProps.UserCustomOption;
   return React__default.createElement(Select.components.Option, _extends({}, props), React__default.createElement(UserCustomOption, _extends({}, props), children));
 }
@@ -7545,10 +7555,10 @@ var CustomContainer = function CustomContainer(props) {
 
 var styles$N = {"custom-menu-text-field":"_2bu6-","custom-menu-hr":"_1cgU7","custom-menu-div":"_1khlU"};
 
-var _excluded$2B = ["children"];
+var _excluded$2C = ["children"];
 function CustomMenu(_ref) {
   var children = _ref.children,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2B);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
   var _props$selectProps$co = props.selectProps.componentsProps,
     creatableButton = _props$selectProps$co.creatableButton,
     onMenuInputFocus = _props$selectProps$co.onMenuInputFocus,
@@ -8267,11 +8277,11 @@ var TextAreaField = function TextAreaField(_ref) {
   }, toolbar)));
 };
 
-var _excluded$2C = ["prefix", "suffix"];
+var _excluded$2D = ["prefix", "suffix"];
 var TextFieldElement = function TextFieldElement(_ref, ref) {
   var prefix = _ref.prefix,
     suffix = _ref.suffix,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2C);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
   var _useTextField = useTextField(_extends({}, props, {
       ref: ref
     })),
@@ -8859,12 +8869,12 @@ var MultiSelectField = function MultiSelectField(_ref) {
 
 var styles$11 = {"custom-list":"_12jq3"};
 
-var _excluded$2D = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
+var _excluded$2E = ["children", "hasMoreOptions", "hasMoreOptionsFirstLoad"];
 var CustomList = function CustomList(_ref) {
   var children = _ref.children,
     hasMoreOptions = _ref.hasMoreOptions,
     hasMoreOptionsFirstLoad = _ref.hasMoreOptionsFirstLoad,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2D);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
   var showFooter = hasMoreOptions;
   if (props.selectProps.inputValue === '' && typeof hasMoreOptionsFirstLoad === 'boolean') {
     showFooter = hasMoreOptionsFirstLoad;
@@ -8876,10 +8886,10 @@ var CustomList = function CustomList(_ref) {
   }, getLocalizedString('main.START_TYPING_TO_SEE_MORE_OPTIONS')))));
 };
 
-var _excluded$2E = ["loadOptions"];
+var _excluded$2F = ["loadOptions"];
 var AsyncSelectField = function AsyncSelectField(_ref) {
   var loadOptions = _ref.loadOptions,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2E);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
   var _useState = React.useState(false),
     hasMoreOptions = _useState[0],
     setHasMoreOptions = _useState[1];
@@ -9689,7 +9699,7 @@ var TimeFieldDropdown = function TimeFieldDropdown(_ref) {
   })));
 };
 
-var _excluded$2F = ["interval", "startTime", "prefix", "endField", "duration"];
+var _excluded$2G = ["interval", "startTime", "prefix", "endField", "duration"];
 var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
   var _ref$interval = _ref.interval,
     interval = _ref$interval === void 0 ? 15 : _ref$interval,
@@ -9698,7 +9708,7 @@ var TimeFieldElement = function TimeFieldElement(_ref, forwardedRef) {
     _ref$endField = _ref.endField,
     endField = _ref$endField === void 0 ? false : _ref$endField,
     duration = _ref.duration,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2F);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   var _useState = React.useState(allOtherProps.defaultValue),
@@ -9882,13 +9892,13 @@ var styles$14 = {"currency-field__mask-display":"_2K8Ob"};
 var CURRENCY_DISPLAY_DEFAULT_MARGIN = 8;
 var CURRENCY_DISPLAY_MARGIN_BUFFER = 1;
 
-var _excluded$2G = ["currencySymbol", "step"];
+var _excluded$2H = ["currencySymbol", "step"];
 var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
   var _ref$currencySymbol = _ref.currencySymbol,
     currencySymbol = _ref$currencySymbol === void 0 ? '$' : _ref$currencySymbol,
     _ref$step = _ref.step,
     step = _ref$step === void 0 ? 0.01 : _ref$step,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2G);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
   var _useState = React.useState(CURRENCY_DISPLAY_DEFAULT_MARGIN),
     displayPadding = _useState[0],
     setDisplayPadding = _useState[1];
@@ -9952,7 +9962,7 @@ var CurrencyFieldElement = function CurrencyFieldElement(_ref, forwardedRef) {
 };
 var CurrencyField = React.forwardRef(CurrencyFieldElement);
 
-var _excluded$2H = ["max", "min", "precision", "stepSize", "prefix"];
+var _excluded$2I = ["max", "min", "precision", "stepSize", "prefix"];
 var PercentageElement = function PercentageElement(_ref, ref) {
   var _ref$max = _ref.max,
     max = _ref$max === void 0 ? 100 : _ref$max,
@@ -9963,7 +9973,7 @@ var PercentageElement = function PercentageElement(_ref, ref) {
     _ref$stepSize = _ref.stepSize,
     stepSize = _ref$stepSize === void 0 ? 1 : _ref$stepSize,
     prefix = _ref.prefix,
-    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2H);
+    allOtherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
   var _useTextField = useTextField(_extends({}, allOtherProps, {
       ref: ref
     })),
@@ -10942,12 +10952,12 @@ var CountrySelector = function CountrySelector(_ref) {
   }))));
 };
 
-var _excluded$2I = ["disabledCountry"];
+var _excluded$2J = ["disabledCountry"];
 var PhoneField = function PhoneField(_ref) {
   var _classNames;
   var _ref$disabledCountry = _ref.disabledCountry,
     disabledCountry = _ref$disabledCountry === void 0 ? false : _ref$disabledCountry,
-    props = _objectWithoutPropertiesLoose(_ref, _excluded$2I);
+    props = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
   var inputRef = React.useRef(null);
   var _usePhoneField = usePhoneField(_extends({}, props, {
       ref: inputRef
@@ -11032,14 +11042,14 @@ var PhoneField = function PhoneField(_ref) {
 
 var styles$17 = {"badge":"_1QLaK","badge--warning":"_qsFWw","badge--danger":"_359Cc","badge--success":"_2AOEK","badge--info":"_1mLjf"};
 
-var _excluded$2J = ["children", "theme", "title", "testId"];
+var _excluded$2K = ["children", "theme", "title", "testId"];
 var Badge = function Badge(_ref, forwardedRef) {
   var _classnames;
   var children = _ref.children,
     theme = _ref.theme,
     title = _ref.title,
     testId = _ref.testId,
-    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2J);
+    otherProps = _objectWithoutPropertiesLoose(_ref, _excluded$2K);
   var internalRef = React.useRef(null);
   var ref = forwardedRef || internalRef;
   React.useLayoutEffect(function () {