@moda/om 21.5.1 → 21.6.0

package/dist/index.cjs.js

@@ -391,7 +391,7 @@ function requireColors() {
       "tuscany": "rgb(186, 83, 44)",
       "klein-blue": "rgb(38, 48, 120)",
       "persian-blue": "rgb(30, 34, 170)",
-      "brick": "rgb(147, 58, 32)",
+      "brick": "rgb(158, 48, 57)",
       "goldenrod": "rgb(186, 145, 46)",
       "seafoam": "rgb(177, 191, 170)",
       "coral": "rgb(255, 146, 121)",
@@ -421,7 +421,7 @@ function requireColors() {
     "global": {
       "klein-blue": "rgb(38, 48, 120)",
       "persian-blue": "rgb(30, 34, 170)",
-      "brick": "rgb(147, 58, 32)",
+      "brick": "rgb(158, 48, 57)",
       "goldenrod": "rgb(186, 145, 46)",
       "seafoam": "rgb(177, 191, 170)",
       "coral": "rgb(255, 146, 121)"
@@ -1380,11 +1380,6 @@ var States = function States(_ref) {
   }));
 };
 
-var preventNavigation = function preventNavigation(event) {
-  event.preventDefault();
-  event.returnValue = '';
-};
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -5538,14 +5533,18 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
 };
 
 var _excluded$B = ["className", "styleless", "disabled"];
+
+// Define minimal LinkProps that work with both v5 and v7
+// Using Omit to remove conflicting HTML attributes, then add router-specific props
+
 var isLink = function isLink(props) {
   return 'to' in props;
 };
 var isAnchor = function isAnchor(props) {
-  return 'href' in props;
+  return 'href' in props && !('to' in props);
 };
 var isButton = function isButton(props) {
-  return !('href' in props);
+  return !('href' in props) && !('to' in props);
 };
 var Clickable = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -5553,16 +5552,23 @@ var Clickable = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     styleless = _ref$styleless === void 0 ? false : _ref$styleless,
     disabled = _ref.disabled,
     rest = _objectWithoutProperties(_ref, _excluded$B);
+  var baseClassName = classNames({
+    Clickable: !styleless,
+    'Clickable--disabled': disabled
+  }, className);
+  if (isLink(rest)) {
+    // Link doesn't support disabled prop, but we handle it via CSS class
+    return /*#__PURE__*/React.createElement(reactRouterDom.Link, _extends$1({}, rest, {
+      className: baseClassName,
+      ref: ref
+    }));
+  }
+
+  // For anchor and button, include the disabled prop
   var props = _objectSpread2(_objectSpread2({}, rest), {}, {
-    className: classNames({
-      Clickable: !styleless,
-      'Clickable--disabled': disabled
-    }, className),
+    className: baseClassName,
     disabled: disabled
   });
-  if (isLink(props)) return /*#__PURE__*/React.createElement(reactRouterDom.Link, _extends$1({}, props, {
-    ref: ref
-  }));
   if (isAnchor(props)) return /*#__PURE__*/React.createElement("a", _extends$1({}, props, {
     ref: ref
   }));
@@ -6066,6 +6072,8 @@ var keys = typeof Object.keys === 'function' && !hasArgsEnumBug ? /*#__PURE__*/_
  * @example
  *
  *      R.type({}); //=> "Object"
+ *      R.type(new Map); //=> "Map"
+ *      R.type(new Set); //=> "Set"
  *      R.type(1); //=> "Number"
  *      R.type(false); //=> "Boolean"
  *      R.type('s'); //=> "String"
@@ -7216,16 +7224,17 @@ var omit = /*#__PURE__*/_curry2(function omit(names, obj) {
  * @example
  *
  *      R.range(1, 5);    //=> [1, 2, 3, 4]
- *      R.range(50, 53);  //=> [50, 51, 52]
+ *      R.range(1, 5.5);  //=> [1, 2, 3, 4, 5]
+ *      R.range(1.5, 5.5);  //=> [1.5, 2.5, 3.5, 4.5]
  */
 var range = /*#__PURE__*/_curry2(function range(from, to) {
   if (!(_isNumber(from) && _isNumber(to))) {
     throw new TypeError('Both arguments to range must be numbers');
   }
-  var result = Array(from < to ? to - from : 0);
-  var finish = from < 0 ? to + Math.abs(from) : to - from;
+  var length = from < to ? Math.ceil(to - from) : 0;
+  var result = Array(length);
   var idx = 0;
-  while (idx < finish) {
+  while (idx < length) {
     result[idx] = idx + from;
     idx += 1;
   }
@@ -11208,12 +11217,14 @@ var Divider = function Divider(_ref) {
   var defaultFamily = type === 'two-line' ? undefined : 'serif';
   return /*#__PURE__*/React.createElement("div", _extends$1({
     className: classNames('Divider', type ? "Divider--".concat(type) : '', className)
+  }, rest), /*#__PURE__*/React.createElement("div", _extends$1({
+    className: classNames('Divider__content', type ? "Divider__content--".concat(type) : '', className)
   }, rest), text && /*#__PURE__*/React.createElement(Text, {
     className: "Divider__text",
     treatment: treatment !== null && treatment !== void 0 ? treatment : defaultTreatment,
     color: color,
     family: family !== null && family !== void 0 ? family : defaultFamily
-  }, text));
+  }, text)));
 };
 
 var TwoLineDivider = function TwoLineDivider(props) {
@@ -12027,30 +12038,6 @@ var LoadingShapesLavenderBlue = function LoadingShapesLavenderBlue() {
   }));
 };
 
-var usePreventNavigation = function usePreventNavigation() {
-  var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  React.useEffect(function () {
-    if (enabled) {
-      window.addEventListener('beforeunload', preventNavigation);
-      return function () {
-        return window.removeEventListener('beforeunload', preventNavigation);
-      };
-    }
-  }, [enabled]);
-};
-
-var NavigationPreventer = function NavigationPreventer(_ref) {
-  var _ref$enabled = _ref.enabled,
-    enabled = _ref$enabled === void 0 ? false : _ref$enabled,
-    _ref$message = _ref.message,
-    message = _ref$message === void 0 ? 'Changes that you made may not be saved.' : _ref$message;
-  usePreventNavigation(enabled);
-  return /*#__PURE__*/React.createElement(reactRouterDom.Prompt, {
-    when: enabled,
-    message: message
-  });
-};
-
 var __assign$1 = undefined && undefined.__assign || function () {
   __assign$1 = Object.assign || function (t) {
     for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -12531,35 +12518,23 @@ var SlidingPane = function SlidingPane(_ref) {
   }, children))));
 };
 
-var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className"];
-var Tabs = function Tabs(_ref) {
-  var tabs = _ref.tabs,
-    onTabClicked = _ref.onTabClicked,
-    defaultActiveTab = _ref.defaultActiveTab,
-    activeTab = _ref.activeTab,
-    className = _ref.className,
-    rest = _objectWithoutProperties(_ref, _excluded$4);
-  var _useState = React.useState(activeTab || defaultActiveTab || tabs[0].name),
-    _useState2 = _slicedToArray(_useState, 2),
-    activePanel = _useState2[0],
-    setActivePanel = _useState2[1];
-  var handleTabClick = function handleTabClick(tabName) {
-    if (!activeTab) setActivePanel(tabName);
-    if (onTabClicked) onTabClicked(tabName);
-  };
-  React.useEffect(function () {
-    if (activeTab) setActivePanel(activeTab);
-  }, [activeTab]);
-  return /*#__PURE__*/React.createElement("div", _extends$1({
-    className: classNames('Tabs', className)
-  }, rest), /*#__PURE__*/React.createElement(TabList, {
-    tabs: tabs,
-    onTabSelected: handleTabClick,
-    activePanel: activePanel
-  }), /*#__PURE__*/React.createElement(TabPanels, {
-    panels: tabs,
-    activePanel: activePanel
-  }));
+var Tab = function Tab(_ref) {
+  var tab = _ref.tab,
+    onTabChosen = _ref.onTabChosen,
+    activeTab = _ref.activeTab;
+  var handleClick = React.useCallback(function () {
+    return onTabChosen(tab.name);
+  }, [tab.name, onTabChosen]);
+  var handleKeyDown = React.useCallback(function (event) {
+    if (event.key === 'Enter') {
+      handleClick();
+    }
+  }, [handleClick]);
+  return /*#__PURE__*/React.createElement(Clickable, {
+    className: "Tab ".concat(activeTab === tab.name ? 'Tab--active' : ''),
+    onClick: handleClick,
+    onKeyDown: handleKeyDown
+  }, tab.title);
 };
 
 var TabList = function TabList(_ref) {
@@ -12578,23 +12553,11 @@ var TabList = function TabList(_ref) {
   }));
 };
 
-var Tab = function Tab(_ref) {
-  var tab = _ref.tab,
-    onTabChosen = _ref.onTabChosen,
-    activeTab = _ref.activeTab;
-  var handleClick = React.useCallback(function () {
-    return onTabChosen(tab.name);
-  }, [tab.name, onTabChosen]);
-  var handleKeyDown = React.useCallback(function (event) {
-    if (event.key === 'Enter') {
-      handleClick();
-    }
-  }, [handleClick]);
-  return /*#__PURE__*/React.createElement(Clickable, {
-    className: "Tab ".concat(activeTab === tab.name ? 'Tab--active' : ''),
-    onClick: handleClick,
-    onKeyDown: handleKeyDown
-  }, tab.title);
+var TabPanel = function TabPanel(_ref) {
+  var children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "TabPanel"
+  }, children);
 };
 
 var TabPanels = function TabPanels(_ref) {
@@ -12611,11 +12574,35 @@ var TabPanels = function TabPanels(_ref) {
   }));
 };
 
-var TabPanel = function TabPanel(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "TabPanel"
-  }, children);
+var _excluded$4 = ["tabs", "onTabClicked", "defaultActiveTab", "activeTab", "className"];
+var Tabs = function Tabs(_ref) {
+  var tabs = _ref.tabs,
+    onTabClicked = _ref.onTabClicked,
+    defaultActiveTab = _ref.defaultActiveTab,
+    activeTab = _ref.activeTab,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded$4);
+  var _useState = React.useState(activeTab || defaultActiveTab || tabs[0].name),
+    _useState2 = _slicedToArray(_useState, 2),
+    activePanel = _useState2[0],
+    setActivePanel = _useState2[1];
+  var handleTabClick = function handleTabClick(tabName) {
+    if (!activeTab) setActivePanel(tabName);
+    if (onTabClicked) onTabClicked(tabName);
+  };
+  React.useEffect(function () {
+    if (activeTab) setActivePanel(activeTab);
+  }, [activeTab]);
+  return /*#__PURE__*/React.createElement("div", _extends$1({
+    className: classNames('Tabs', className)
+  }, rest), /*#__PURE__*/React.createElement(TabList, {
+    tabs: tabs,
+    onTabSelected: handleTabClick,
+    activePanel: activePanel
+  }), /*#__PURE__*/React.createElement(TabPanels, {
+    panels: tabs,
+    activePanel: activePanel
+  }));
 };
 
 var _excluded$3 = ["className", "disabled", "onRemove", "children"];
@@ -12760,7 +12747,6 @@ exports.Mirror = Mirror;
 exports.Modal = Modal;
 exports.ModalOverlay = ModalOverlay;
 exports.MultiSelect = MultiSelect;
-exports.NavigationPreventer = NavigationPreventer;
 exports.NoLineDivider = NoLineDivider;
 exports.Oval = Oval;
 exports.Overlay = Overlay;
@@ -12798,5 +12784,4 @@ exports.useBreakpoint = useBreakpoint;
 exports.useClickOutside = useClickOutside;
 exports.useConfirm = useConfirm;
 exports.useKeyboardListNavigation = useKeyboardListNavigation;
-exports.usePreventNavigation = usePreventNavigation;
 exports.useUpdateEffect = useUpdateEffect;