@moda/om 17.14.0 → 17.14.2

package/dist/index.esm.js

@@ -10423,6 +10423,36 @@ var LoadingBalls = function LoadingBalls(_ref) {
   })));
 };
 
+var INTERVAL_MS = 250;
+var LoadingShapes = function LoadingShapes() {
+  var items = [Triangle, Diamond, ArcWindow, Circle];
+  var _useCursor = dist.useCursor({
+      max: items.length
+    }),
+    index = _useCursor.index,
+    handleNext = _useCursor.handleNext;
+  useEffect(function () {
+    var interval = setInterval(function () {
+      handleNext();
+    }, INTERVAL_MS);
+    return function () {
+      return clearInterval(interval);
+    };
+  }, [handleNext]);
+  return /*#__PURE__*/React__default.createElement(Stack, {
+    className: "LoadingShapes",
+    direction: "horizontal",
+    space: 2
+  }, items.map(function (Item, itemIndex) {
+    return /*#__PURE__*/React__default.createElement("div", {
+      className: classNames('LoadingShapes__item', {
+        'LoadingShapes__item--current': itemIndex !== index
+      }),
+      key: itemIndex
+    }, /*#__PURE__*/React__default.createElement(Item, null));
+  }));
+};
+
 var _excluded$c = ["className", "children", "onClose", "shards", "autoFocus"];
 var Modal = function Modal(_ref) {
   var className = _ref.className,
@@ -11165,4 +11195,4 @@ var Utilities = {
   States: States
 };
 
-export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, 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, useKeyboardListNavigation, useUpdateEffect };
+export { ArcWindow, AspectRatioBox, Badge, Bradley, Brancusi, Breadcrumb, Breadcrumbs, Breakpoint, BreakpointContext, BreakpointProvider, Button, Checkbox, Circle, Clickable, ColorSwatch, Constrain, ControlLink, CreditCardNumberInput, DEFAULT_PRODUCT_ASPECT_HEIGHT, DEFAULT_PRODUCT_ASPECT_RATIO, DEFAULT_PRODUCT_ASPECT_WIDTH, DefinitionList, Diamond, Divider, ExceedConstrain, Expandable, Field, FocusOn, Field as Input, Keyhole, Label, Loading, LoadingBalls, LoadingShapes, 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, useKeyboardListNavigation, useUpdateEffect };