@lumx/react 3.20.1-alpha.36 → 3.20.1-alpha.38

package/_internal/825ac334.js

@@ -1,129 +0,0 @@
-import { createContext, useContext, useEffect, useMemo, useCallback } from 'react';
-import { u as useId } from './3a1facc0.js';
-
-const INIT_STATE = {
-  isLazy: true,
-  shouldActivateOnFocus: false,
-  activeTabIndex: 0,
-  ids: {
-    tab: [],
-    tabPanel: []
-  }
-};
-const reducer = (state, action) => {
-  switch (action.type) {
-    case 'update':
-      return {
-        ...state,
-        ...action.payload
-      };
-    case 'setActiveTabIndex':
-      {
-        if (state.activeTabIndex === action.payload) {
-          return state;
-        }
-        // Change active tab index.
-        return {
-          ...state,
-          activeTabIndex: action.payload
-        };
-      }
-    case 'register':
-      {
-        const {
-          type,
-          id
-        } = action.payload;
-        // Append tab/tabPanel id in state.
-        return {
-          ...state,
-          ids: {
-            ...state.ids,
-            [type]: [...state.ids[type], id]
-          }
-        };
-      }
-    case 'unregister':
-      {
-        const {
-          type,
-          id
-        } = action.payload;
-        const index = state.ids[type].indexOf(id);
-        if (index === -1) return state;
-        // Remove tab & tab panel at index.
-        const tabIds = [...state.ids.tab];
-        tabIds.splice(index, 1);
-        const tabPanelIds = [...state.ids.tabPanel];
-        tabPanelIds.splice(index, 1);
-        return {
-          ...state,
-          ids: {
-            tab: tabIds,
-            tabPanel: tabPanelIds
-          }
-        };
-      }
-    default:
-      return state;
-  }
-};
-const TabProviderContext = /*#__PURE__*/createContext(null);
-/* eslint-disable react-hooks/rules-of-hooks */
-const useTabProviderContext = (type, originalId) => {
-  const context = useContext(TabProviderContext);
-  if (!context) {
-    return undefined;
-  }
-  const [state, dispatch] = context;
-
-  // Current tab or tab panel id.
-  const generatedId = useId();
-  const id = originalId || generatedId;
-  useEffect(() => {
-    // On mount: register tab or tab panel id.
-    dispatch({
-      type: 'register',
-      payload: {
-        type,
-        id
-      }
-    });
-    return () => {
-      // On unmount: unregister tab or tab panel id.
-      dispatch({
-        type: 'unregister',
-        payload: {
-          type,
-          id
-        }
-      });
-    };
-  },
-  // eslint-disable-next-line react-hooks/exhaustive-deps
-  []);
-
-  // Find tab/tabPanel index using it's id.
-  const index = useMemo(() => state.ids[type].indexOf(id), [state.ids, type, id]);
-  const tabId = useMemo(() => state.ids.tab[index] || '', [state, index]);
-  const tabPanelId = useMemo(() => state.ids.tabPanel[index] || '', [state, index]);
-  const isActive = useMemo(() => state.activeTabIndex === index, [state, index]);
-  const changeToTab = useCallback(() => dispatch({
-    type: 'setActiveTabIndex',
-    payload: index
-  }), [dispatch, index]);
-  return {
-    isLazy: state.isLazy,
-    shouldActivateOnFocus: state.shouldActivateOnFocus,
-    tabId,
-    tabPanelId,
-    isActive,
-    changeToTab
-  };
-};
-const useTabProviderContextState = () => {
-  const context = useContext(TabProviderContext);
-  return context?.[0];
-};
-
-export { INIT_STATE as I, TabProviderContext as T, useTabProviderContext as a, reducer as r, useTabProviderContextState as u };

package/_internal/827b804a.js

@@ -1,5 +0,0 @@
-const mdiChevronLeft = 'M15.41 16.58 10.83 12l4.58-4.59L14 6l-6 6 6 6z';
-
-const mdiChevronRight = 'M8.59 16.58 13.17 12 8.59 7.41 10 6l6 6-6 6z';
-
-export { mdiChevronRight as a, mdiChevronLeft as m };

package/_internal/8bce732e.js

@@ -1,8 +0,0 @@
-import React__default from 'react';
-
-/**
- * React.forwardRef but re-typed to attach some custom metadata on our components.
- */
-const forwardRef = React__default.forwardRef;
-
-export { forwardRef as f };

package/_internal/9d1336a1.js

@@ -1,18 +0,0 @@
-import React__default from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-const DEFAULT_VALUE = {};
-
-/**
- * Tooltip react context simply used as a marker to know when parent react node have a tooltip
- */
-const TooltipContext = /*#__PURE__*/React__default.createContext(undefined);
-const TooltipContextProvider = ({
-  children
-}) => /*#__PURE__*/jsx(TooltipContext.Provider, {
-  value: DEFAULT_VALUE,
-  children: children
-});
-const useTooltipContext = () => React__default.useContext(TooltipContext);
-
-export { TooltipContextProvider as T, useTooltipContext as u };

package/_internal/a38bdcd0.js

@@ -1,49 +0,0 @@
-import { useState, useRef, useEffect } from 'react';
-import { W as WINDOW } from './d0e3f49e.js';
-
-/** Check if user prefers reduced motion */
-function isReducedMotion() {
-  return WINDOW?.matchMedia?.('(prefers-reduced-motion: reduce)').matches;
-}
-
-/**
- * Returns true if the component is visible tracking the opacity transition.
- *
- * @param ref Element on which to listen the transition event.
- * @param isComponentVisible Whether the component intends to be visible or not.
- * @param onVisibilityChange Callback called when the visibility changes.
- * @return true if the component should be rendered
- */
-const useTransitionVisibility = (ref, isComponentVisible, timeout, onVisibilityChange) => {
-  const [isVisible, setVisible] = useState(isComponentVisible);
-  const previousVisibility = useRef(isVisible);
-
-  // On component visibility change.
-  useEffect(() => {
-    if (isComponentVisible) {
-      setVisible(true);
-      return undefined;
-    }
-    const {
-      current: element
-    } = ref;
-
-    // Transition event is not supported or the user prefers reduced motion.
-    // => Skip and set visibility to false directly.
-    if (!element || !window.TransitionEvent || isReducedMotion()) {
-      setVisible(false);
-      return undefined;
-    }
-    const timer = setTimeout(() => setVisible(false), timeout);
-    return () => clearTimeout(timer);
-  }, [isComponentVisible, ref, timeout]);
-  useEffect(() => {
-    if (onVisibilityChange && previousVisibility.current !== isVisible) {
-      onVisibilityChange(isVisible);
-      previousVisibility.current = isVisible;
-    }
-  }, [isVisible, onVisibilityChange]);
-  return isVisible || isComponentVisible;
-};
-
-export { isReducedMotion as i, useTransitionVisibility as u };