@moda/om 21.6.0 → 21.6.2

package/dist/index.cjs.js

@@ -63,7 +63,7 @@ var hasRequiredFocusVisible;
 function requireFocusVisible() {
   if (hasRequiredFocusVisible) return focusVisible$1.exports;
   hasRequiredFocusVisible = 1;
-  (function (module, exports) {
+  (function (module, exports$1) {
     (function (global, factory) {
       factory() ;
     })(focusVisible, function () {
@@ -939,7 +939,7 @@ var hasRequiredHelpers;
 function requireHelpers() {
   if (hasRequiredHelpers) return helpers;
   hasRequiredHelpers = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __assign = helpers && helpers.__assign || function () {
       __assign = Object.assign || function (t) {
@@ -956,10 +956,10 @@ function requireHelpers() {
         "default": mod
       };
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    exports.spacing = exports.colorInHex = exports.color = exports.remToUnitlessPx = exports.text = void 0;
+    exports$1.spacing = exports$1.colorInHex = exports$1.color = exports$1.remToUnitlessPx = exports$1.text = void 0;
     var color_string_1 = __importDefault(require$$0);
     var colors_1 = requireColors();
     var space_1 = requireSpace();
@@ -974,11 +974,11 @@ function requireHelpers() {
         'line-height': "".concat(treatment['line-height'])
       });
     };
-    exports.text = text;
+    exports$1.text = text;
     var remToUnitlessPx = function remToUnitlessPx(value) {
       return parseFloat(value) * parseInt(typography_1.typography['root-font-size'], 10);
     };
-    exports.remToUnitlessPx = remToUnitlessPx;
+    exports$1.remToUnitlessPx = remToUnitlessPx;
     var color = function color(name, alpha) {
       var _a;
       var color = colors_1.colors.all[name];
@@ -988,16 +988,16 @@ function requireHelpers() {
         blue = _b[2];
       return alpha != null ? color_string_1["default"].to.rgb(red, green, blue, alpha) : color;
     };
-    exports.color = color;
+    exports$1.color = color;
     var colorInHex = function colorInHex(name, alpha) {
       var _a, _b, _c;
-      var _d = (_b = color_string_1["default"].get.rgb((_a = (0, exports.color)(name, alpha)) !== null && _a !== void 0 ? _a : '')) !== null && _b !== void 0 ? _b : [],
+      var _d = (_b = color_string_1["default"].get.rgb((_a = (0, exports$1.color)(name, alpha)) !== null && _a !== void 0 ? _a : '')) !== null && _b !== void 0 ? _b : [],
         red = _d[0],
         green = _d[1],
         blue = _d[2];
       return (_c = color_string_1["default"].to.hex(red, green, blue, alpha)) !== null && _c !== void 0 ? _c : '';
     };
-    exports.colorInHex = colorInHex;
+    exports$1.colorInHex = colorInHex;
     var spacing = function spacing(topY, rightX, bottom, left) {
       return [topY, rightX, bottom, left].reduce(function (acc, value) {
         var _a;
@@ -1005,7 +1005,7 @@ function requireHelpers() {
         return [acc, (_a = space_1.space.scale[Number(value)]) !== null && _a !== void 0 ? _a : value].join(' ');
       }, '');
     };
-    exports.spacing = spacing;
+    exports$1.spacing = spacing;
   })(helpers);
   return helpers;
 }
@@ -1014,7 +1014,7 @@ var hasRequiredDist$4;
 function requireDist$4() {
   if (hasRequiredDist$4) return dist$4;
   hasRequiredDist$4 = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __createBinding = dist$4 && dist$4.__createBinding || (Object.create ? function (o, m, k, k2) {
       if (k2 === undefined) k2 = k;
@@ -1032,42 +1032,42 @@ function requireDist$4() {
       if (k2 === undefined) k2 = k;
       o[k2] = m[k];
     });
-    var __exportStar = dist$4 && dist$4.__exportStar || function (m, exports) {
-      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+    var __exportStar = dist$4 && dist$4.__exportStar || function (m, exports$1) {
+      for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports$1, p)) __createBinding(exports$1, m, p);
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    exports.breakpoints = exports.space = exports.typography = exports.colors = void 0;
+    exports$1.breakpoints = exports$1.space = exports$1.typography = exports$1.colors = void 0;
     var colors_1 = requireColors();
-    Object.defineProperty(exports, "colors", {
+    Object.defineProperty(exports$1, "colors", {
       enumerable: true,
       get: function get() {
         return colors_1.colors;
       }
     });
     var typography_1 = requireTypography();
-    Object.defineProperty(exports, "typography", {
+    Object.defineProperty(exports$1, "typography", {
       enumerable: true,
       get: function get() {
         return typography_1.typography;
       }
     });
     var space_1 = requireSpace();
-    Object.defineProperty(exports, "space", {
+    Object.defineProperty(exports$1, "space", {
       enumerable: true,
       get: function get() {
         return space_1.space;
       }
     });
     var breakpoints_1 = requireBreakpoints();
-    Object.defineProperty(exports, "breakpoints", {
+    Object.defineProperty(exports$1, "breakpoints", {
       enumerable: true,
       get: function get() {
         return breakpoints_1.breakpoints;
       }
     });
-    __exportStar(requireHelpers(), exports);
+    __exportStar(requireHelpers(), exports$1);
   })(dist$4);
   return dist$4;
 }
@@ -5333,7 +5333,7 @@ var hasRequiredScale;
 function requireScale() {
   if (hasRequiredScale) return scale;
   hasRequiredScale = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __assign = scale && scale.__assign || function () {
       __assign = Object.assign || function (t) {
@@ -5353,11 +5353,11 @@ function requireScale() {
       }
       return t;
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    exports.scale = exports.paddingBottom = exports.factor = void 0;
-    exports.factor = function (_a) {
+    exports$1.scale = exports$1.paddingBottom = exports$1.factor = void 0;
+    exports$1.factor = function (_a) {
       var width = _a.width,
         height = _a.height,
         dimensions = __rest(_a, ["width", "height"]);
@@ -5365,16 +5365,16 @@ function requireScale() {
       if ("maxWidth" in dimensions && !("maxHeight" in dimensions)) return dimensions.maxWidth / width;
       return Math.min(dimensions.maxWidth / width, dimensions.maxHeight / height);
     };
-    exports.paddingBottom = function (_a) {
+    exports$1.paddingBottom = function (_a) {
       var width = _a.width,
         height = _a.height;
       return height / width * 100.0 + "%";
     };
-    exports.scale = function (_a) {
+    exports$1.scale = function (_a) {
       var width = _a.width,
         height = _a.height,
         dimensions = __rest(_a, ["width", "height"]);
-      var scale = exports.factor(__assign({
+      var scale = exports$1.factor(__assign({
         width: width,
         height: height
       }, dimensions));
@@ -5383,7 +5383,7 @@ function requireScale() {
       return {
         width: scaledWidth,
         height: scaledHeight,
-        paddingBottom: exports.paddingBottom({
+        paddingBottom: exports$1.paddingBottom({
           width: width,
           height: height
         }),
@@ -5398,7 +5398,7 @@ var hasRequiredDist$3;
 function requireDist$3() {
   if (hasRequiredDist$3) return dist$3;
   hasRequiredDist$3 = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     var __createBinding = dist$3 && dist$3.__createBinding || (Object.create ? function (o, m, k, k2) {
       if (k2 === undefined) k2 = k;
@@ -5412,13 +5412,13 @@ function requireDist$3() {
       if (k2 === undefined) k2 = k;
       o[k2] = m[k];
     });
-    var __exportStar = dist$3 && dist$3.__exportStar || function (m, exports) {
-      for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
+    var __exportStar = dist$3 && dist$3.__exportStar || function (m, exports$1) {
+      for (var p in m) if (p !== "default" && !exports$1.hasOwnProperty(p)) __createBinding(exports$1, m, p);
     };
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
-    __exportStar(requireScale(), exports);
+    __exportStar(requireScale(), exports$1);
   })(dist$3);
   return dist$3;
 }
@@ -10035,12 +10035,12 @@ var hasRequiredDist$1;
 function requireDist$1() {
   if (hasRequiredDist$1) return dist$1;
   hasRequiredDist$1 = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     function __export(m) {
-      for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+      for (var p in m) if (!exports$1.hasOwnProperty(p)) exports$1[p] = m[p];
     }
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
     __export(requireMapCursorToMax());
@@ -10606,7 +10606,7 @@ var SelectOption = function SelectOption(_ref) {
   }), label);
 };
 
-var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId", "extraOption"];
+var _excluded$k = ["idRef", "searchable", "autoFocus", "options", "selectedOption", "onSelect", "onFocus", "className", "dataTestId", "extraOption", "onCloseDropdown"];
 var SelectOptions = function SelectOptions(_ref) {
   var idRef = _ref.idRef,
     searchable = _ref.searchable,
@@ -10619,6 +10619,7 @@ var SelectOptions = function SelectOptions(_ref) {
     className = _ref.className,
     dataTestId = _ref.dataTestId,
     extraOption = _ref.extraOption,
+    onCloseDropdown = _ref.onCloseDropdown,
     rest = _objectWithoutProperties(_ref, _excluded$k);
   var _useState = React.useState(''),
     _useState2 = _slicedToArray(_useState, 2),
@@ -10681,7 +10682,12 @@ var SelectOptions = function SelectOptions(_ref) {
   }), extraOption && /*#__PURE__*/React.createElement(ControlLink, {
     className: "SelectOptions__extra-option",
     disabled: extraOption.disabled,
-    onClick: extraOption.callback
+    onClick: function onClick(event) {
+      extraOption.callback(event);
+      if (extraOption.closeOnClick) {
+        onCloseDropdown === null || onCloseDropdown === void 0 || onCloseDropdown();
+      }
+    }
   }, extraOption.label)), options.length === 0 && /*#__PURE__*/React.createElement(Text, {
     className: "SelectOptions__none",
     color: "cement"
@@ -10918,7 +10924,12 @@ var Select = function Select(_ref) {
     onSelect: handleSelect,
     onFocus: handleFocus,
     selectedOption: selected,
-    extraOption: extraOption
+    extraOption: extraOption,
+    onCloseDropdown: function onCloseDropdown() {
+      return dispatch({
+        type: 'CLOSE'
+      });
+    }
   })), allowAutoFill && /*#__PURE__*/React.createElement("input", {
     className: "Select__hidden-field",
     name: name,
@@ -11357,12 +11368,12 @@ var hasRequiredDist;
 function requireDist() {
   if (hasRequiredDist) return dist;
   hasRequiredDist = 1;
-  (function (exports) {
+  (function (exports$1) {
 
     function __export(m) {
-      for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
+      for (var p in m) if (!exports$1.hasOwnProperty(p)) exports$1[p] = m[p];
     }
-    Object.defineProperty(exports, "__esModule", {
+    Object.defineProperty(exports$1, "__esModule", {
       value: true
     });
     __export(requireUseCursor());