@lumx/react 3.20.1-alpha.33 → 3.20.1-alpha.35

package/_internal/2d1acaa0.js

@@ -0,0 +1,108 @@
+import { useRef, useMemo, cloneElement } from 'react';
+import classNames from 'classnames';
+import { List } from './a6be9f05.js';
+import { Popover } from './612f6fb4.js';
+import { useInfiniteScroll } from './dbc379f8.js';
+import { isComponent } from './ebe24fd7.js';
+import { getRootClassName } from '@lumx/core/js/utils/className';
+import { Placement } from './9d063548.js';
+import { forwardRef } from './bd8b3ec8.js';
+import { jsx } from 'react/jsx-runtime';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'Dropdown';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  closeOnClick: true,
+  closeOnClickAway: true,
+  closeOnEscape: true,
+  fitToAnchorWidth: true,
+  fitWithinViewportHeight: true,
+  placement: Placement.BOTTOM_START,
+  shouldFocusOnOpen: true,
+  focusAnchorOnClose: true
+};
+
+/**
+ * Dropdown component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const Dropdown = forwardRef((props, ref) => {
+  const {
+    anchorRef,
+    children,
+    className,
+    closeOnClick = DEFAULT_PROPS.closeOnClick,
+    closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,
+    closeOnEscape = DEFAULT_PROPS.closeOnEscape,
+    fitToAnchorWidth = DEFAULT_PROPS.fitToAnchorWidth,
+    fitWithinViewportHeight = DEFAULT_PROPS.fitWithinViewportHeight,
+    isOpen,
+    offset,
+    focusAnchorOnClose = DEFAULT_PROPS.focusAnchorOnClose,
+    onClose,
+    onInfiniteScroll,
+    placement = DEFAULT_PROPS.placement,
+    shouldFocusOnOpen = DEFAULT_PROPS.shouldFocusOnOpen,
+    zIndex,
+    ...forwardedProps
+  } = props;
+  const innerRef = useRef(null);
+  const listElement = useRef(null);
+  useInfiniteScroll(innerRef, onInfiniteScroll);
+  const popperElement = useMemo(() => {
+    return !Array.isArray(children) && isComponent(List)(children) ? /*#__PURE__*/cloneElement(children, {
+      ...children.props,
+      ref: listElement,
+      onClick(evt) {
+        children.props.onClick?.(evt);
+        if (closeOnClick) {
+          onClose?.();
+        }
+      },
+      isClickable: true
+    }) : children;
+  }, [children, closeOnClick, onClose]);
+  return isOpen ? /*#__PURE__*/jsx(Popover, {
+    ref: ref,
+    ...forwardedProps,
+    focusAnchorOnClose: focusAnchorOnClose,
+    anchorRef: anchorRef,
+    className: classNames(className, CLASSNAME),
+    elevation: 0,
+    closeOnClickAway: closeOnClickAway,
+    closeOnEscape: closeOnEscape,
+    fitToAnchorWidth: fitToAnchorWidth,
+    fitWithinViewportHeight: fitWithinViewportHeight,
+    focusElement: shouldFocusOnOpen ? listElement : undefined,
+    isOpen: isOpen,
+    offset: offset,
+    onClose: onClose,
+    placement: placement,
+    zIndex: zIndex,
+    children: /*#__PURE__*/jsx("div", {
+      className: `${CLASSNAME}__menu`,
+      ref: innerRef,
+      children: popperElement
+    })
+  }) : null;
+});
+Dropdown.displayName = COMPONENT_NAME;
+Dropdown.className = CLASSNAME;
+Dropdown.defaultProps = DEFAULT_PROPS;
+
+export { Dropdown };
+//# sourceMappingURL=2d1acaa0.js.map

package/_internal/2d1acaa0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2d1acaa0.js","sources":["../../src/components/dropdown/Dropdown.tsx"],"sourcesContent":["import { cloneElement, useMemo, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { List, ListProps } from '@lumx/react/components/list/List';\nimport { Popover, PopoverProps } from '@lumx/react/components/popover/Popover';\nimport { useInfiniteScroll } from '@lumx/react/hooks/useInfiniteScroll';\nimport { GenericProps, isComponent } from '@lumx/react/utils/type';\nimport { getRootClassName } from '@lumx/core/js/utils/className';\nimport { Offset, Placement } from '@lumx/react/components/popover/constants';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\n/**\n * Defines the props of the component.\n */\nexport interface DropdownProps extends GenericProps {\n    /**\n     * Reference to the element around which the dropdown is placed.\n     * @see {@link PopoverProps#anchorRef}\n     */\n    anchorRef: PopoverProps['anchorRef'];\n    /** Dropdown content. */\n    children: React.ReactNode;\n    /**\n     * Whether a click anywhere out of the Dropdown would close it or not.\n     * @see {@link PopoverProps#closeOnClickAway}\n     */\n    closeOnClickAway?: boolean;\n    /**\n     * Whether to close the Dropdown when clicking in it or not.\n     */\n    closeOnClick?: boolean;\n    /**\n     * Whether an escape key press would close the Dropdown or not.\n     * @see {@link PopoverProps#closeOnEscape}\n     */\n    closeOnEscape?: boolean;\n    /**\n     * Manage dropdown width:\n     *   - `maxWidth`: dropdown not bigger than anchor\n     *   - `minWidth` or `true`: dropdown not smaller than anchor\n     *   - `width`: dropdown equal to the anchor.\n     * @see {@link PopoverProps#fitToAnchorWidth}\n     */\n    fitToAnchorWidth?: PopoverProps['fitToAnchorWidth'];\n    /**\n     * Whether the dropdown should shrink to fit within the viewport height or not.\n     * @see {@link PopoverProps#fitWithinViewportHeight}\n     */\n    fitWithinViewportHeight?: boolean;\n    /**\n     * Whether the dropdown should be displayed or not. Useful to control the Dropdown from outside the component.\n     * @see {@link PopoverProps#isOpen}\n     */\n    isOpen: boolean;\n    /**\n     * Offset applied to the Dropdown position.\n     * @see {@link PopoverProps#offset}\n     */\n    offset?: Offset;\n    /**\n     * Preferred Dropdown placement against the anchor element.\n     * @see {@link PopoverProps#placement}\n     */\n    placement?: Placement;\n    /** Whether the focus should be set on the list when the dropdown is open or not. */\n    shouldFocusOnOpen?: boolean;\n    /** Whether the dropdown should be rendered into a DOM node that exists outside the DOM hierarchy of the parent component. */\n    usePortal?: boolean;\n    /** Whether the focus should go back on the anchor when dropdown closes and focus is within. */\n    focusAnchorOnClose?: boolean;\n    /**\n     * Z-axis position.\n     * @see {@link PopoverProps#zIndex}\n     */\n    zIndex?: number;\n    /**\n     * On close callback.\n     * @see {@link PopoverProps#onClose}\n     */\n    onClose?(): void;\n    /** On scroll end callback. */\n    onInfiniteScroll?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Dropdown';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<DropdownProps> = {\n    closeOnClick: true,\n    closeOnClickAway: true,\n    closeOnEscape: true,\n    fitToAnchorWidth: true,\n    fitWithinViewportHeight: true,\n    placement: Placement.BOTTOM_START,\n    shouldFocusOnOpen: true,\n    focusAnchorOnClose: true,\n};\n\n/**\n * Dropdown component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const Dropdown = forwardRef<DropdownProps, HTMLDivElement>((props, ref) => {\n    const {\n        anchorRef,\n        children,\n        className,\n        closeOnClick = DEFAULT_PROPS.closeOnClick,\n        closeOnClickAway = DEFAULT_PROPS.closeOnClickAway,\n        closeOnEscape = DEFAULT_PROPS.closeOnEscape,\n        fitToAnchorWidth = DEFAULT_PROPS.fitToAnchorWidth,\n        fitWithinViewportHeight = DEFAULT_PROPS.fitWithinViewportHeight,\n        isOpen,\n        offset,\n        focusAnchorOnClose = DEFAULT_PROPS.focusAnchorOnClose,\n        onClose,\n        onInfiniteScroll,\n        placement = DEFAULT_PROPS.placement,\n        shouldFocusOnOpen = DEFAULT_PROPS.shouldFocusOnOpen,\n        zIndex,\n        ...forwardedProps\n    } = props;\n    const innerRef = useRef<HTMLDivElement>(null);\n    const listElement = useRef(null);\n\n    useInfiniteScroll(innerRef, onInfiniteScroll);\n\n    const popperElement = useMemo(() => {\n        return !Array.isArray(children) && isComponent(List)(children)\n            ? cloneElement<ListProps>(children, {\n                  ...children.props,\n                  ref: listElement,\n                  onClick(evt: MouseEvent) {\n                      children.props.onClick?.(evt);\n\n                      if (closeOnClick) {\n                          onClose?.();\n                      }\n                  },\n                  isClickable: true,\n              })\n            : children;\n    }, [children, closeOnClick, onClose]);\n\n    return isOpen ? (\n        <Popover\n            ref={ref}\n            {...forwardedProps}\n            focusAnchorOnClose={focusAnchorOnClose}\n            anchorRef={anchorRef}\n            className={classNames(className, CLASSNAME)}\n            elevation={0 as any}\n            closeOnClickAway={closeOnClickAway}\n            closeOnEscape={closeOnEscape}\n            fitToAnchorWidth={fitToAnchorWidth}\n            fitWithinViewportHeight={fitWithinViewportHeight}\n            focusElement={shouldFocusOnOpen ? listElement : undefined}\n            isOpen={isOpen}\n            offset={offset}\n            onClose={onClose}\n            placement={placement}\n            zIndex={zIndex}\n        >\n            <div className={`${CLASSNAME}__menu`} ref={innerRef}>\n                {popperElement}\n            </div>\n        </Popover>\n    ) : null;\n});\nDropdown.displayName = COMPONENT_NAME;\nDropdown.className = CLASSNAME;\nDropdown.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","closeOnClick","closeOnClickAway","closeOnEscape","fitToAnchorWidth","fitWithinViewportHeight","placement","Placement","BOTTOM_START","shouldFocusOnOpen","focusAnchorOnClose","Dropdown","forwardRef","props","ref","anchorRef","children","className","isOpen","offset","onClose","onInfiniteScroll","zIndex","forwardedProps","innerRef","useRef","listElement","useInfiniteScroll","popperElement","useMemo","Array","isArray","isComponent","List","cloneElement","onClick","evt","isClickable","_jsx","Popover","classNames","elevation","focusElement","undefined","displayName","defaultProps"],"mappings":"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"}

package/_internal/2d69d0f5.js

@@ -0,0 +1,4 @@
+const mdiMagnifyMinusOutline = 'M15.5 14h-.79l-.28-.27A6.5 6.5 0 0 0 16 9.5 6.5 6.5 0 0 0 9.5 3 6.5 6.5 0 0 0 3 9.5 6.5 6.5 0 0 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5 1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14M7 9h5v1H7z';
+
+export { mdiMagnifyMinusOutline };
+//# sourceMappingURL=2d69d0f5.js.map

package/_internal/2d69d0f5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2d69d0f5.js","sources":["../../../lumx-icons/dist/esm/magnify-minus-outline.js"],"sourcesContent":["export const mdiMagnifyMinusOutline = 'M15.5 14h-.79l-.28-.27A6.5 6.5 0 0 0 16 9.5 6.5 6.5 0 0 0 9.5 3 6.5 6.5 0 0 0 3 9.5 6.5 6.5 0 0 0 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 5 1.5-1.5zm-6 0C7 14 5 12 5 9.5S7 5 9.5 5 14 7 14 9.5 12 14 9.5 14M7 9h5v1H7z';"],"names":["mdiMagnifyMinusOutline"],"mappings":"AAAO,MAAMA,sBAAsB,GAAG;;;;"}

package/_internal/2dcfa1df.js

@@ -0,0 +1,18 @@
+import { popperGenerator } from './3db5a3e4.js';
+import eventListeners from './28f344bd.js';
+import popperOffsets from './fcf83937.js';
+import computeStyles from './8429fc80.js';
+import applyStyles from './a2b9eb60.js';
+import offset from './b85a5f3f.js';
+import flip from './2dff9a38.js';
+import preventOverflow from './3cfcb0a4.js';
+import arrow from './928fa938.js';
+import hide from './0a7f4911.js';
+
+var defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];
+var createPopper = /*#__PURE__*/popperGenerator({
+  defaultModifiers: defaultModifiers
+}); // eslint-disable-next-line import/no-unused-modules
+
+export { applyStyles, arrow, computeStyles, createPopper, defaultModifiers, eventListeners, flip, hide, offset, popperGenerator, popperOffsets, preventOverflow };
+//# sourceMappingURL=2dcfa1df.js.map

package/_internal/2dcfa1df.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2dcfa1df.js","sources":["../../../../node_modules/@popperjs/core/lib/popper.js"],"sourcesContent":["import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n  defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";"],"names":[],"mappings":";;;;;;;;;;;AAUG,IAAC,gBAAgB,GAAG,CAAC,cAAc,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,EAAE,IAAI,EAAE,eAAe,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5H,IAAC,YAAY,gBAAgB,eAAe,CAAC;AAChD,EAAE,gBAAgB,EAAE,gBAAgB;AACpC,CAAC,EAAE;;;;","x_google_ignoreList":[0]}

package/_internal/2dff9a38.js

@@ -0,0 +1,150 @@
+import getOppositePlacement from './20f07616.js';
+import getBasePlacement from './215781b4.js';
+import getOppositeVariationPlacement from './37f5ba95.js';
+import detectOverflow from './6f0ce1bb.js';
+import computeAutoPlacement from './84978777.js';
+import { auto, start, right, left, bottom, top } from './f4baa1da.js';
+import getVariation from './9a5db774.js';
+
+function getExpandedFallbackPlacements(placement) {
+  if (getBasePlacement(placement) === auto) {
+    return [];
+  }
+
+  var oppositePlacement = getOppositePlacement(placement);
+  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];
+}
+
+function flip(_ref) {
+  var state = _ref.state,
+      options = _ref.options,
+      name = _ref.name;
+
+  if (state.modifiersData[name]._skip) {
+    return;
+  }
+
+  var _options$mainAxis = options.mainAxis,
+      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,
+      _options$altAxis = options.altAxis,
+      checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,
+      specifiedFallbackPlacements = options.fallbackPlacements,
+      padding = options.padding,
+      boundary = options.boundary,
+      rootBoundary = options.rootBoundary,
+      altBoundary = options.altBoundary,
+      _options$flipVariatio = options.flipVariations,
+      flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,
+      allowedAutoPlacements = options.allowedAutoPlacements;
+  var preferredPlacement = state.options.placement;
+  var basePlacement = getBasePlacement(preferredPlacement);
+  var isBasePlacement = basePlacement === preferredPlacement;
+  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));
+  var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {
+    return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      padding: padding,
+      flipVariations: flipVariations,
+      allowedAutoPlacements: allowedAutoPlacements
+    }) : placement);
+  }, []);
+  var referenceRect = state.rects.reference;
+  var popperRect = state.rects.popper;
+  var checksMap = new Map();
+  var makeFallbackChecks = true;
+  var firstFittingPlacement = placements[0];
+
+  for (var i = 0; i < placements.length; i++) {
+    var placement = placements[i];
+
+    var _basePlacement = getBasePlacement(placement);
+
+    var isStartVariation = getVariation(placement) === start;
+    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;
+    var len = isVertical ? 'width' : 'height';
+    var overflow = detectOverflow(state, {
+      placement: placement,
+      boundary: boundary,
+      rootBoundary: rootBoundary,
+      altBoundary: altBoundary,
+      padding: padding
+    });
+    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;
+
+    if (referenceRect[len] > popperRect[len]) {
+      mainVariationSide = getOppositePlacement(mainVariationSide);
+    }
+
+    var altVariationSide = getOppositePlacement(mainVariationSide);
+    var checks = [];
+
+    if (checkMainAxis) {
+      checks.push(overflow[_basePlacement] <= 0);
+    }
+
+    if (checkAltAxis) {
+      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);
+    }
+
+    if (checks.every(function (check) {
+      return check;
+    })) {
+      firstFittingPlacement = placement;
+      makeFallbackChecks = false;
+      break;
+    }
+
+    checksMap.set(placement, checks);
+  }
+
+  if (makeFallbackChecks) {
+    // `2` may be desired in some cases – research later
+    var numberOfChecks = flipVariations ? 3 : 1;
+
+    var _loop = function _loop(_i) {
+      var fittingPlacement = placements.find(function (placement) {
+        var checks = checksMap.get(placement);
+
+        if (checks) {
+          return checks.slice(0, _i).every(function (check) {
+            return check;
+          });
+        }
+      });
+
+      if (fittingPlacement) {
+        firstFittingPlacement = fittingPlacement;
+        return "break";
+      }
+    };
+
+    for (var _i = numberOfChecks; _i > 0; _i--) {
+      var _ret = _loop(_i);
+
+      if (_ret === "break") break;
+    }
+  }
+
+  if (state.placement !== firstFittingPlacement) {
+    state.modifiersData[name]._skip = true;
+    state.placement = firstFittingPlacement;
+    state.reset = true;
+  }
+} // eslint-disable-next-line import/no-unused-modules
+
+
+var flip$1 = {
+  name: 'flip',
+  enabled: true,
+  phase: 'main',
+  fn: flip,
+  requiresIfExists: ['offset'],
+  data: {
+    _skip: false
+  }
+};
+
+export { flip$1 as default };
+//# sourceMappingURL=2dff9a38.js.map

package/_internal/2dff9a38.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2dff9a38.js","sources":["../../../../node_modules/@popperjs/core/lib/modifiers/flip.js"],"sourcesContent":["import getOppositePlacement from \"../utils/getOppositePlacement.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getOppositeVariationPlacement from \"../utils/getOppositeVariationPlacement.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport computeAutoPlacement from \"../utils/computeAutoPlacement.js\";\nimport { bottom, top, start, right, left, auto } from \"../enums.js\";\nimport getVariation from \"../utils/getVariation.js\"; // eslint-disable-next-line import/no-unused-modules\n\nfunction getExpandedFallbackPlacements(placement) {\n  if (getBasePlacement(placement) === auto) {\n    return [];\n  }\n\n  var oppositePlacement = getOppositePlacement(placement);\n  return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n  var state = _ref.state,\n      options = _ref.options,\n      name = _ref.name;\n\n  if (state.modifiersData[name]._skip) {\n    return;\n  }\n\n  var _options$mainAxis = options.mainAxis,\n      checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n      _options$altAxis = options.altAxis,\n      checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n      specifiedFallbackPlacements = options.fallbackPlacements,\n      padding = options.padding,\n      boundary = options.boundary,\n      rootBoundary = options.rootBoundary,\n      altBoundary = options.altBoundary,\n      _options$flipVariatio = options.flipVariations,\n      flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n      allowedAutoPlacements = options.allowedAutoPlacements;\n  var preferredPlacement = state.options.placement;\n  var basePlacement = getBasePlacement(preferredPlacement);\n  var isBasePlacement = basePlacement === preferredPlacement;\n  var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n  var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n    return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      padding: padding,\n      flipVariations: flipVariations,\n      allowedAutoPlacements: allowedAutoPlacements\n    }) : placement);\n  }, []);\n  var referenceRect = state.rects.reference;\n  var popperRect = state.rects.popper;\n  var checksMap = new Map();\n  var makeFallbackChecks = true;\n  var firstFittingPlacement = placements[0];\n\n  for (var i = 0; i < placements.length; i++) {\n    var placement = placements[i];\n\n    var _basePlacement = getBasePlacement(placement);\n\n    var isStartVariation = getVariation(placement) === start;\n    var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n    var len = isVertical ? 'width' : 'height';\n    var overflow = detectOverflow(state, {\n      placement: placement,\n      boundary: boundary,\n      rootBoundary: rootBoundary,\n      altBoundary: altBoundary,\n      padding: padding\n    });\n    var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n    if (referenceRect[len] > popperRect[len]) {\n      mainVariationSide = getOppositePlacement(mainVariationSide);\n    }\n\n    var altVariationSide = getOppositePlacement(mainVariationSide);\n    var checks = [];\n\n    if (checkMainAxis) {\n      checks.push(overflow[_basePlacement] <= 0);\n    }\n\n    if (checkAltAxis) {\n      checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n    }\n\n    if (checks.every(function (check) {\n      return check;\n    })) {\n      firstFittingPlacement = placement;\n      makeFallbackChecks = false;\n      break;\n    }\n\n    checksMap.set(placement, checks);\n  }\n\n  if (makeFallbackChecks) {\n    // `2` may be desired in some cases – research later\n    var numberOfChecks = flipVariations ? 3 : 1;\n\n    var _loop = function _loop(_i) {\n      var fittingPlacement = placements.find(function (placement) {\n        var checks = checksMap.get(placement);\n\n        if (checks) {\n          return checks.slice(0, _i).every(function (check) {\n            return check;\n          });\n        }\n      });\n\n      if (fittingPlacement) {\n        firstFittingPlacement = fittingPlacement;\n        return \"break\";\n      }\n    };\n\n    for (var _i = numberOfChecks; _i > 0; _i--) {\n      var _ret = _loop(_i);\n\n      if (_ret === \"break\") break;\n    }\n  }\n\n  if (state.placement !== firstFittingPlacement) {\n    state.modifiersData[name]._skip = true;\n    state.placement = firstFittingPlacement;\n    state.reset = true;\n  }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n  name: 'flip',\n  enabled: true,\n  phase: 'main',\n  fn: flip,\n  requiresIfExists: ['offset'],\n  data: {\n    _skip: false\n  }\n};"],"names":[],"mappings":"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","x_google_ignoreList":[0]}

package/_internal/2e5288d0.js

@@ -0,0 +1,15 @@
+import getWindowScroll from './66950686.js';
+import getWindow from './a0a42aca.js';
+import { isHTMLElement } from './617d453e.js';
+import getHTMLElementScroll from './30ecdee3.js';
+
+function getNodeScroll(node) {
+  if (node === getWindow(node) || !isHTMLElement(node)) {
+    return getWindowScroll(node);
+  } else {
+    return getHTMLElementScroll(node);
+  }
+}
+
+export { getNodeScroll as default };
+//# sourceMappingURL=2e5288d0.js.map

package/_internal/2e5288d0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2e5288d0.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js"],"sourcesContent":["import getWindowScroll from \"./getWindowScroll.js\";\nimport getWindow from \"./getWindow.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getHTMLElementScroll from \"./getHTMLElementScroll.js\";\nexport default function getNodeScroll(node) {\n  if (node === getWindow(node) || !isHTMLElement(node)) {\n    return getWindowScroll(node);\n  } else {\n    return getHTMLElementScroll(node);\n  }\n}"],"names":[],"mappings":";;;;;AAIe,SAAS,aAAa,CAAC,IAAI,EAAE;AAC5C,EAAE,IAAI,IAAI,KAAK,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE;AACxD,IAAI,OAAO,eAAe,CAAC,IAAI,CAAC,CAAC;AACjC,GAAG,MAAM;AACT,IAAI,OAAO,oBAAoB,CAAC,IAAI,CAAC,CAAC;AACtC,GAAG;AACH;;;;","x_google_ignoreList":[0]}

package/_internal/2fc47dc4.js

@@ -0,0 +1,133 @@
+import React__default from 'react';
+import memoize from 'lodash/memoize';
+import { startViewTransition } from './0c58c8e2.js';
+import { findImage } from './b977b471.js';
+import { CLASSNAME } from './31b6784b.js';
+
+/** Subset of the ImageLightboxProps managed by the useImageLightbox hook */
+
+const EMPTY_PROPS = {
+  isOpen: false,
+  images: [],
+  parentElement: /*#__PURE__*/React__default.createRef()
+};
+/**
+ * Set up an ImageLightbox with images and triggers.
+ *
+ * - Associate a trigger with the lightbox to properly focus the trigger on close
+ * - Associate a trigger with an image to display on open
+ * - Automatically provide a view transition between an image trigger and the displayed image on open & close
+ *
+ * @param props Images to display in the image lightbox
+ */
+function useImageLightbox(props) {
+  const propsRef = React__default.useRef(props);
+  React__default.useEffect(() => {
+    propsRef.current = props;
+  }, [props]);
+
+  // Keep reference for each image elements
+  const imageRefsRef = React__default.useRef([]);
+  const currentImageRef = React__default.useRef(null);
+  const [imageLightboxProps, setImageLightboxProps] = React__default.useState(() => ({
+    ...EMPTY_PROPS,
+    ...props
+  }));
+  const getTriggerProps = React__default.useMemo(() => {
+    const triggerImageRefs = {};
+    async function close() {
+      const currentImage = currentImageRef.current;
+      if (!currentImage) {
+        return;
+      }
+      const currentIndex = imageRefsRef.current.findIndex(imageRef => imageRef.current === currentImage);
+      await startViewTransition({
+        changes() {
+          // Close lightbox
+          setImageLightboxProps(prevProps => ({
+            ...prevProps,
+            isOpen: false
+          }));
+        },
+        // Morph from the image in lightbox to the image in trigger
+        viewTransitionName: {
+          source: currentImageRef,
+          target: triggerImageRefs[currentIndex],
+          name: CLASSNAME
+        }
+      });
+    }
+    async function open(triggerElement, {
+      activeImageIndex
+    } = {}) {
+      // If we find an image inside the trigger, animate it in transition with the opening image
+      const triggerImage = triggerImageRefs[activeImageIndex]?.current || findImage(triggerElement);
+
+      // Inject refs to improve transition and loading style
+      const images = propsRef.current?.images?.map((image, idx) => {
+        // Get or create image reference
+        let imgRef = imageRefsRef.current[idx];
+        if (!imgRef) {
+          imgRef = /*#__PURE__*/React__default.createRef();
+          imageRefsRef.current[idx] = imgRef;
+        }
+
+        // Try to use the trigger image as the loading placeholder
+        const loadingPlaceholderImageRef = triggerImage && idx === activeImageIndex ? {
+          current: triggerImage
+        } : undefined;
+        return {
+          loadingPlaceholderImageRef,
+          ...image,
+          imgRef
+        };
+      });
+      await startViewTransition({
+        changes: () => {
+          // Open lightbox with setup props
+          setImageLightboxProps(prevProps => ({
+            ...prevProps,
+            ...propsRef.current,
+            activeImageRef: currentImageRef,
+            parentElement: {
+              current: triggerElement
+            },
+            isOpen: true,
+            onClose: () => {
+              close();
+              propsRef.current?.onClose?.();
+            },
+            images,
+            activeImageIndex: activeImageIndex || 0
+          }));
+        },
+        // Morph from the image in trigger to the image in lightbox
+        viewTransitionName: {
+          source: triggerImage,
+          target: currentImageRef,
+          name: CLASSNAME
+        }
+      });
+    }
+    return memoize(options => ({
+      ref(element) {
+        // Track trigger image ref if any
+        if (options?.activeImageIndex !== undefined && element) {
+          triggerImageRefs[options.activeImageIndex] = {
+            current: findImage(element)
+          };
+        }
+      },
+      onClick(e) {
+        open(e.target, options);
+      }
+    }));
+  }, []);
+  return {
+    getTriggerProps,
+    imageLightboxProps
+  };
+}
+
+export { useImageLightbox };
+//# sourceMappingURL=2fc47dc4.js.map

package/_internal/2fc47dc4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"2fc47dc4.js","sources":["../../src/components/image-lightbox/useImageLightbox.tsx"],"sourcesContent":["import React from 'react';\n\nimport memoize from 'lodash/memoize';\n\nimport { startViewTransition } from '@lumx/react/utils/browser/DOM/startViewTransition';\nimport { findImage } from '@lumx/react/utils/browser/DOM/findImage';\n\nimport type { ImageLightboxProps } from './types';\nimport { CLASSNAME } from './constants';\n\n/** Subset of the ImageLightboxProps managed by the useImageLightbox hook */\ntype ManagedProps = Pick<\n    ImageLightboxProps,\n    'isOpen' | 'images' | 'parentElement' | 'activeImageRef' | 'onClose' | 'activeImageIndex'\n>;\n\nconst EMPTY_PROPS: ManagedProps = { isOpen: false, images: [], parentElement: React.createRef() };\n\ntype TriggerOptions = Pick<ImageLightboxProps, 'activeImageIndex'>;\n\n/**\n * Set up an ImageLightbox with images and triggers.\n *\n * - Associate a trigger with the lightbox to properly focus the trigger on close\n * - Associate a trigger with an image to display on open\n * - Automatically provide a view transition between an image trigger and the displayed image on open & close\n *\n * @param props Images to display in the image lightbox\n */\nexport function useImageLightbox<P extends Partial<ImageLightboxProps>>(\n    props: P,\n): {\n    /**\n     * Generates trigger props\n     * @param index Provide an index to choose which image to display when the image lightbox opens.\n     * */\n    getTriggerProps: (options?: TriggerOptions) => { onClick: React.MouseEventHandler; ref: React.Ref<any> };\n    /** Props to forward to the ImageLightbox */\n    imageLightboxProps: ManagedProps & P;\n} {\n    const propsRef = React.useRef(props);\n\n    React.useEffect(() => {\n        propsRef.current = props;\n    }, [props]);\n\n    // Keep reference for each image elements\n    const imageRefsRef = React.useRef<Array<React.RefObject<HTMLImageElement>>>([]);\n\n    const currentImageRef = React.useRef<HTMLImageElement>(null);\n    const [imageLightboxProps, setImageLightboxProps] = React.useState(\n        () => ({ ...EMPTY_PROPS, ...props }) as ManagedProps & P,\n    );\n\n    const getTriggerProps = React.useMemo(() => {\n        const triggerImageRefs: Record<number, React.RefObject<HTMLImageElement>> = {};\n\n        async function close() {\n            const currentImage = currentImageRef.current;\n            if (!currentImage) {\n                return;\n            }\n            const currentIndex = imageRefsRef.current.findIndex(\n                (imageRef) => imageRef.current === currentImage,\n            ) as number;\n\n            await startViewTransition({\n                changes() {\n                    // Close lightbox\n                    setImageLightboxProps((prevProps) => ({ ...prevProps, isOpen: false }));\n                },\n                // Morph from the image in lightbox to the image in trigger\n                viewTransitionName: {\n                    source: currentImageRef,\n                    target: triggerImageRefs[currentIndex],\n                    name: CLASSNAME,\n                },\n            });\n        }\n\n        async function open(triggerElement: HTMLElement, { activeImageIndex }: TriggerOptions = {}) {\n            // If we find an image inside the trigger, animate it in transition with the opening image\n            const triggerImage = triggerImageRefs[activeImageIndex as any]?.current || findImage(triggerElement);\n\n            // Inject refs to improve transition and loading style\n            const images = propsRef.current?.images?.map((image, idx) => {\n                // Get or create image reference\n                let imgRef = imageRefsRef.current[idx];\n                if (!imgRef) {\n                    imgRef = React.createRef();\n                    imageRefsRef.current[idx] = imgRef;\n                }\n\n                // Try to use the trigger image as the loading placeholder\n                const loadingPlaceholderImageRef =\n                    triggerImage && idx === activeImageIndex ? { current: triggerImage } : undefined;\n\n                return { loadingPlaceholderImageRef, ...image, imgRef };\n            });\n\n            await startViewTransition({\n                changes: () => {\n                    // Open lightbox with setup props\n                    setImageLightboxProps((prevProps) => ({\n                        ...prevProps,\n                        ...propsRef.current,\n                        activeImageRef: currentImageRef,\n                        parentElement: { current: triggerElement },\n                        isOpen: true,\n                        onClose: () => {\n                            close();\n                            propsRef.current?.onClose?.();\n                        },\n                        images,\n                        activeImageIndex: activeImageIndex || 0,\n                    }));\n                },\n                // Morph from the image in trigger to the image in lightbox\n                viewTransitionName: {\n                    source: triggerImage,\n                    target: currentImageRef,\n                    name: CLASSNAME,\n                },\n            });\n        }\n\n        return memoize((options?: TriggerOptions) => ({\n            ref(element: HTMLElement | null) {\n                // Track trigger image ref if any\n                if (options?.activeImageIndex !== undefined && element) {\n                    triggerImageRefs[options.activeImageIndex] = { current: findImage(element) };\n                }\n            },\n            onClick(e: React.MouseEvent) {\n                open(e.target as HTMLElement, options);\n            },\n        }));\n    }, []);\n\n    return { getTriggerProps, imageLightboxProps };\n}\n"],"names":["EMPTY_PROPS","isOpen","images","parentElement","React","createRef","useImageLightbox","props","propsRef","useRef","useEffect","current","imageRefsRef","currentImageRef","imageLightboxProps","setImageLightboxProps","useState","getTriggerProps","useMemo","triggerImageRefs","close","currentImage","currentIndex","findIndex","imageRef","startViewTransition","changes","prevProps","viewTransitionName","source","target","name","CLASSNAME","open","triggerElement","activeImageIndex","triggerImage","findImage","map","image","idx","imgRef","loadingPlaceholderImageRef","undefined","activeImageRef","onClose","memoize","options","ref","element","onClick","e"],"mappings":"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"}

package/_internal/30ecdee3.js

@@ -0,0 +1,9 @@
+function getHTMLElementScroll(element) {
+  return {
+    scrollLeft: element.scrollLeft,
+    scrollTop: element.scrollTop
+  };
+}
+
+export { getHTMLElementScroll as default };
+//# sourceMappingURL=30ecdee3.js.map

package/_internal/30ecdee3.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"30ecdee3.js","sources":["../../../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js"],"sourcesContent":["export default function getHTMLElementScroll(element) {\n  return {\n    scrollLeft: element.scrollLeft,\n    scrollTop: element.scrollTop\n  };\n}"],"names":[],"mappings":"AAAe,SAAS,oBAAoB,CAAC,OAAO,EAAE;AACtD,EAAE,OAAO;AACT,IAAI,UAAU,EAAE,OAAO,CAAC,UAAU;AAClC,IAAI,SAAS,EAAE,OAAO,CAAC,SAAS;AAChC,GAAG,CAAC;AACJ;;;;","x_google_ignoreList":[0]}

package/_internal/3119c1fe.js

@@ -0,0 +1,61 @@
+import classNames from 'classnames';
+import { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';
+import { forwardRef } from './bd8b3ec8.js';
+import { useTheme } from './d8ee966d.js';
+import { INPUT_HELPER_CONFIGURATION } from './08b0de35.js';
+import { jsx } from 'react/jsx-runtime';
+import { Kind, Theme } from '@lumx/core/js/constants';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'InputHelper';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+/**
+ * Component default props.
+ */
+const DEFAULT_PROPS = {
+  kind: Kind.info
+};
+
+/**
+ * InputHelper component.
+ *
+ * @param  props Component props.
+ * @param  ref   Component ref.
+ * @return React element.
+ */
+const InputHelper = forwardRef((props, ref) => {
+  const defaultTheme = useTheme() || Theme.light;
+  const {
+    children,
+    className,
+    kind = DEFAULT_PROPS.kind,
+    theme = defaultTheme,
+    ...forwardedProps
+  } = props;
+  const {
+    color
+  } = INPUT_HELPER_CONFIGURATION[kind] || {};
+  return /*#__PURE__*/jsx("p", {
+    ref: ref,
+    ...forwardedProps,
+    className: classNames(className, handleBasicClasses({
+      prefix: CLASSNAME,
+      color,
+      theme
+    })),
+    children: children
+  });
+});
+InputHelper.displayName = COMPONENT_NAME;
+InputHelper.className = CLASSNAME;
+InputHelper.defaultProps = DEFAULT_PROPS;
+
+export { InputHelper };
+//# sourceMappingURL=3119c1fe.js.map

package/_internal/3119c1fe.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"3119c1fe.js","sources":["../../src/components/input-helper/InputHelper.tsx"],"sourcesContent":["import { ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Kind, Theme } from '@lumx/react';\nimport { GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/core/js/utils/className';\nimport { forwardRef } from '@lumx/react/utils/react/forwardRef';\n\nimport { useTheme } from '@lumx/react/utils/theme/ThemeContext';\nimport { INPUT_HELPER_CONFIGURATION } from './constants';\n\n/**\n * Defines the props of the component.\n */\nexport interface InputHelperProps extends GenericProps, HasTheme {\n    /** Helper content. */\n    children: string | ReactNode;\n    /** Helper variant. */\n    kind?: Kind;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'InputHelper';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<InputHelperProps> = {\n    kind: Kind.info,\n};\n\n/**\n * InputHelper component.\n *\n * @param  props Component props.\n * @param  ref   Component ref.\n * @return React element.\n */\nexport const InputHelper = forwardRef<InputHelperProps, HTMLParagraphElement>((props, ref) => {\n    const defaultTheme = useTheme() || Theme.light;\n    const { children, className, kind = DEFAULT_PROPS.kind, theme = defaultTheme, ...forwardedProps } = props;\n    const { color } = INPUT_HELPER_CONFIGURATION[kind as any] || {};\n\n    return (\n        <p\n            ref={ref}\n            {...forwardedProps}\n            className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color, theme }))}\n        >\n            {children}\n        </p>\n    );\n});\n\nInputHelper.displayName = COMPONENT_NAME;\nInputHelper.className = CLASSNAME;\nInputHelper.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","kind","Kind","info","InputHelper","forwardRef","props","ref","defaultTheme","useTheme","Theme","light","children","className","theme","forwardedProps","color","INPUT_HELPER_CONFIGURATION","_jsx","classNames","handleBasicClasses","prefix","displayName","defaultProps"],"mappings":";;;;;;;;AAsBA;AACA;AACA;AACA,MAAMA,cAAc,GAAG,aAAa,CAAA;;AAEpC;AACA;AACA;AACA,MAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAc,CAAC,CAAA;;AAElD;AACA;AACA;AACA,MAAMG,aAAwC,GAAG;EAC7CC,IAAI,EAAEC,IAAI,CAACC,IAAAA;AACf,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,WAAW,GAAGC,UAAU,CAAyC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC1F,MAAMC,YAAY,GAAGC,QAAQ,EAAE,IAAIC,KAAK,CAACC,KAAK,CAAA;EAC9C,MAAM;IAAEC,QAAQ;IAAEC,SAAS;IAAEZ,IAAI,GAAGD,aAAa,CAACC,IAAI;AAAEa,IAAAA,KAAK,GAAGN,YAAY;IAAE,GAAGO,cAAAA;AAAe,GAAC,GAAGT,KAAK,CAAA;EACzG,MAAM;AAAEU,IAAAA,KAAAA;AAAM,GAAC,GAAGC,0BAA0B,CAAChB,IAAI,CAAQ,IAAI,EAAE,CAAA;AAE/D,EAAA,oBACIiB,GAAA,CAAA,GAAA,EAAA;AACIX,IAAAA,GAAG,EAAEA,GAAI;AAAA,IAAA,GACLQ,cAAc;AAClBF,IAAAA,SAAS,EAAEM,UAAU,CAACN,SAAS,EAAEO,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEvB,SAAS;MAAEkB,KAAK;AAAEF,MAAAA,KAAAA;AAAM,KAAC,CAAC,CAAE;AAAAF,IAAAA,QAAA,EAEzFA,QAAAA;AAAQ,GACV,CAAC,CAAA;AAEZ,CAAC,EAAC;AAEFR,WAAW,CAACkB,WAAW,GAAGzB,cAAc,CAAA;AACxCO,WAAW,CAACS,SAAS,GAAGf,SAAS,CAAA;AACjCM,WAAW,CAACmB,YAAY,GAAGvB,aAAa;;;;"}

package/_internal/31b6784b.js

@@ -0,0 +1,14 @@
+import { getRootClassName } from '@lumx/core/js/utils/className';
+
+/**
+ * Component display name.
+ */
+const COMPONENT_NAME = 'ImageLightbox';
+
+/**
+ * Component default class name and class prefix.
+ */
+const CLASSNAME = getRootClassName(COMPONENT_NAME);
+
+export { CLASSNAME, COMPONENT_NAME };
+//# sourceMappingURL=31b6784b.js.map

package/_internal/31b6784b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"31b6784b.js","sources":["../../src/components/image-lightbox/constants.ts"],"sourcesContent":["import { getRootClassName } from '@lumx/core/js/utils/className';\n\n/**\n * Component display name.\n */\nexport const COMPONENT_NAME = 'ImageLightbox';\n\n/**\n * Component default class name and class prefix.\n */\nexport const CLASSNAME = getRootClassName(COMPONENT_NAME);\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName"],"mappings":";;AAEA;AACA;AACA;AACO,MAAMA,cAAc,GAAG,gBAAe;;AAE7C;AACA;AACA;MACaC,SAAS,GAAGC,gBAAgB,CAACF,cAAc;;;;"}