@moda/om 21.5.1 → 21.6.0

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import React__default, { useContext, useState, createContext, forwardRef, useRef, useCallback, useEffect, useMemo, Fragment, PureComponent, Children, isValidElement, cloneElement, useReducer } from 'react';
-import { Link, Prompt } from 'react-router-dom';
+import { Link } from 'react-router-dom';
 import { createPortal } from 'react-dom';
 
 function getDefaultExportFromCjs (x) {
@@ -371,7 +371,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)",
@@ -401,7 +401,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)"
@@ -1360,11 +1360,6 @@ var States = function States(_ref) {
   }));
 };
 
-var preventNavigation = function preventNavigation(event) {
-  event.preventDefault();
-  event.returnValue = '';
-};
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -5518,14 +5513,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__default.forwardRef(function (_ref, ref) {
   var className = _ref.className,
@@ -5533,16 +5532,23 @@ var Clickable = /*#__PURE__*/React__default.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__default.createElement(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__default.createElement(Link, _extends$1({}, props, {
-    ref: ref
-  }));
   if (isAnchor(props)) return /*#__PURE__*/React__default.createElement("a", _extends$1({}, props, {
     ref: ref
   }));
@@ -6046,6 +6052,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"
@@ -7196,16 +7204,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;
   }
@@ -11188,12 +11197,14 @@ var Divider = function Divider(_ref) {
   var defaultFamily = type === 'two-line' ? undefined : 'serif';
   return /*#__PURE__*/React__default.createElement("div", _extends$1({
     className: classNames('Divider', type ? "Divider--".concat(type) : '', className)
+  }, rest), /*#__PURE__*/React__default.createElement("div", _extends$1({
+    className: classNames('Divider__content', type ? "Divider__content--".concat(type) : '', className)
   }, rest), text && /*#__PURE__*/React__default.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) {
@@ -12007,30 +12018,6 @@ var LoadingShapesLavenderBlue = function LoadingShapesLavenderBlue() {
   }));
 };
 
-var usePreventNavigation = function usePreventNavigation() {
-  var enabled = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
-  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__default.createElement(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++) {
@@ -12511,35 +12498,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 = 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);
-  };
-  useEffect(function () {
-    if (activeTab) setActivePanel(activeTab);
-  }, [activeTab]);
-  return /*#__PURE__*/React__default.createElement("div", _extends$1({
-    className: classNames('Tabs', className)
-  }, rest), /*#__PURE__*/React__default.createElement(TabList, {
-    tabs: tabs,
-    onTabSelected: handleTabClick,
-    activePanel: activePanel
-  }), /*#__PURE__*/React__default.createElement(TabPanels, {
-    panels: tabs,
-    activePanel: activePanel
-  }));
+var Tab = function Tab(_ref) {
+  var tab = _ref.tab,
+    onTabChosen = _ref.onTabChosen,
+    activeTab = _ref.activeTab;
+  var handleClick = useCallback(function () {
+    return onTabChosen(tab.name);
+  }, [tab.name, onTabChosen]);
+  var handleKeyDown = useCallback(function (event) {
+    if (event.key === 'Enter') {
+      handleClick();
+    }
+  }, [handleClick]);
+  return /*#__PURE__*/React__default.createElement(Clickable, {
+    className: "Tab ".concat(activeTab === tab.name ? 'Tab--active' : ''),
+    onClick: handleClick,
+    onKeyDown: handleKeyDown
+  }, tab.title);
 };
 
 var TabList = function TabList(_ref) {
@@ -12558,23 +12533,11 @@ var TabList = function TabList(_ref) {
   }));
 };
 
-var Tab = function Tab(_ref) {
-  var tab = _ref.tab,
-    onTabChosen = _ref.onTabChosen,
-    activeTab = _ref.activeTab;
-  var handleClick = useCallback(function () {
-    return onTabChosen(tab.name);
-  }, [tab.name, onTabChosen]);
-  var handleKeyDown = useCallback(function (event) {
-    if (event.key === 'Enter') {
-      handleClick();
-    }
-  }, [handleClick]);
-  return /*#__PURE__*/React__default.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__default.createElement("div", {
+    className: "TabPanel"
+  }, children);
 };
 
 var TabPanels = function TabPanels(_ref) {
@@ -12591,11 +12554,35 @@ var TabPanels = function TabPanels(_ref) {
   }));
 };
 
-var TabPanel = function TabPanel(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React__default.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 = 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);
+  };
+  useEffect(function () {
+    if (activeTab) setActivePanel(activeTab);
+  }, [activeTab]);
+  return /*#__PURE__*/React__default.createElement("div", _extends$1({
+    className: classNames('Tabs', className)
+  }, rest), /*#__PURE__*/React__default.createElement(TabList, {
+    tabs: tabs,
+    onTabSelected: handleTabClick,
+    activePanel: activePanel
+  }), /*#__PURE__*/React__default.createElement(TabPanels, {
+    panels: tabs,
+    activePanel: activePanel
+  }));
 };
 
 var _excluded$3 = ["className", "disabled", "onRemove", "children"];
@@ -12687,4 +12674,4 @@ var Utilities = {
   States: States
 };
 
-export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, ConfirmProvider, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Dialog, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, LineAboveDivider, Loading, LoadingBalls, LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5, LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5, LoadingShapes, LoadingShapesLavenderBlue, LoadingShapesPinkGreen, Mirror, Modal, ModalOverlay, MultiSelect, NavigationPreventer, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useConfirm, useKeyboardListNavigation, usePreventNavigation, useUpdateEffect };
+export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, ConfirmProvider, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Dialog, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, LineAboveDivider, Loading, LoadingBalls, LoadingItems1, LoadingItems2, LoadingItems3, LoadingItems4, LoadingItems5, LoadingItemsLavenderBlue1, LoadingItemsLavenderBlue2, LoadingItemsLavenderBlue3, LoadingItemsLavenderBlue4, LoadingItemsLavenderBlue5, LoadingShapes, LoadingShapesLavenderBlue, LoadingShapesPinkGreen, Mirror, Modal, ModalOverlay, MultiSelect, NoLineDivider, Oval, Overlay, POPOVER_MOUSEOUT_DELAY_MS, Paginator, PasswordInput, Popover, PromoBanner, RadioButton, SKU_COLORS, SearchInput, Select, SelectableButton, SlidingPane, Stack, Tab, TabList, TabPanel, TabPanels, Tabs, Tag, Text, TextInput, Textarea, Toast, Triangle, TwoLineDivider, UNMOUNT_DELAY_MS, Utilities, VerticalDivider, Window, discriminate, tokens, useBreakpoint, useClickOutside, useConfirm, useKeyboardListNavigation, useUpdateEffect };