@shopgate/engage 7.27.3-alpha.6 → 7.27.3-alpha.8

package/styles/theme/hooks/useTheme.d.ts

@@ -1,8 +0,0 @@
-import { type Theme } from '..';
-
-export type { Theme } from '..';
-
-/**
- * Returns the theme object.
- */
-export default function useTheme<T = Theme>(): T;

package/styles/theme/hooks/useTheme.js

@@ -1,4 +0,0 @@
-import{useContext}from'react';import{ThemeContext}from"../providers/ThemeProvider";// eslint-disable-next-line valid-jsdoc
-/**
- * Returns the theme object.
- */var useTheme=function useTheme(){return useContext(ThemeContext);};export default useTheme;

package/styles/theme/index.d.ts

@@ -1,8 +0,0 @@
-export { default as ThemeProvider } from './providers/ThemeProvider';
-export { createTheme, Theme, Breakpoint } from './createTheme';
-export {
-  useActiveBreakpoint,
-  useMediaQuery,
-  useResponsiveValue,
-  useTheme,
-} from './hooks';

package/styles/theme/index.js

@@ -1 +0,0 @@
-export{default as ThemeProvider}from"./providers/ThemeProvider";export{createTheme}from"./createTheme";export{useActiveBreakpoint,useMediaQuery,useResponsiveValue,useTheme}from"./hooks";

package/styles/theme/providers/ActiveBreakpointProvider.d.ts

@@ -1,21 +0,0 @@
-import { ReactNode, JSX, Context } from 'react';
-import { Breakpoint } from '..';
-
-/**
- * React Context for current active breakpoint.
- */
-export const ActiveBreakpointContext: Context<Breakpoint | undefined>;
-
-/**
- * Props for the ActiveBreakpointProvider.
- */
-export interface ActiveBreakpointProviderProps {
-  children: ReactNode;
-}
-
-/**
- * Provides the current active breakpoint to child components.
- */
-declare function ActiveBreakpointProvider(props: ActiveBreakpointProviderProps): JSX.Element;
-
-export default ActiveBreakpointProvider;

package/styles/theme/providers/ActiveBreakpointProvider.js

@@ -1,13 +0,0 @@
-function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_nonIterableRest();}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance");}function _iterableToArrayLimit(arr,i){var _arr=[];var _n=true;var _d=false;var _e=undefined;try{for(var _i=arr[Symbol.iterator](),_s;!(_n=(_s=_i.next()).done);_n=true){_arr.push(_s.value);if(i&&_arr.length===i)break;}}catch(err){_d=true;_e=err;}finally{try{if(!_n&&_i["return"]!=null)_i["return"]();}finally{if(_d)throw _e;}}return _arr;}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr;}import React,{createContext,useEffect,useState}from'react';import PropTypes from'prop-types';import{useTheme}from'@shopgate/engage/styles';/**
- * @typedef {import('..').Breakpoint} Breakpoint
- */ /** @type {import('react').Context<Breakpoint>} */export var ActiveBreakpointContext=createContext(undefined);/**
- * @param {Object} props The component props
- * @param {React.ReactNode} props.children The children to render within the provider
- * @returns {JSX.Element} The ActiveBreakpointProvider component
- */var ActiveBreakpointProvider=function ActiveBreakpointProvider(_ref){var children=_ref.children;var theme=useTheme();// ['xl', 'lg', ..., 'xs']
-var breakpoints=[].concat(theme.breakpoints.keys).reverse();/**
-   * Retrieve the initial breakpoint based on the current window size.
-   * @returns {Breakpoint|undefined} The initial breakpoint based on the current window size.
-   */var getInitialBreakpoint=function getInitialBreakpoint(){if(typeof window==='undefined')return undefined;return breakpoints.find(function(bp){return window.matchMedia(theme.breakpoints.up(bp).replace(/^@media( ?)/m,'')).matches;});};/** @type {[Breakpoint, React.Dispatch<React.SetStateAction<Breakpoint>>]} */var _useState=useState(getInitialBreakpoint),_useState2=_slicedToArray(_useState,2),active=_useState2[0],setActive=_useState2[1];useEffect(function(){if(typeof window==='undefined')return undefined;var queries=breakpoints.map(function(bp){return{bp:bp,mql:window.matchMedia(theme.breakpoints.up(bp).replace(/^@media( ?)/m,''))};});/**
-     * Updates the active breakpoint based on the current media query matches.
-     */var update=function update(){var matched=queries.find(function(_ref2){var mql=_ref2.mql;return mql.matches;});setActive(matched===null||matched===void 0?void 0:matched.bp);};queries.forEach(function(_ref3){var mql=_ref3.mql;return mql.addEventListener('change',update);});return function(){return queries.forEach(function(_ref4){var mql=_ref4.mql;return mql.removeEventListener('change',update);});};},[breakpoints,theme]);return React.createElement(ActiveBreakpointContext.Provider,{value:active},children);};export default ActiveBreakpointProvider;

package/styles/theme/providers/ThemeProvider.d.ts

@@ -1,18 +0,0 @@
-import { Theme } from '..';
-
-export const ThemeContext: React.Context<Theme>;
-
-export interface ThemeProviderProps<Theme = Theme> {
-  children: React.ReactNode;
-  /**
-   * The theme object to provide to the context.
-   */
-  theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
-}
-
-/**
- * The ThemeProvider component provides the theme context to its children.
- */
-export default function ThemeProvider<T = Theme>(
-  props: ThemeProviderProps<T>
-): React.ReactElement<ThemeProviderProps<T>>;

package/styles/theme/providers/ThemeProvider.js

@@ -1,7 +0,0 @@
-import React,{createContext,memo}from'react';import PropTypes from'prop-types';import ActiveBreakpointProvider from"./ActiveBreakpointProvider";/** @typedef {import('../index').Theme} Theme */ /** @type {import('react').Context<Theme>} */export var ThemeContext=createContext();/**
- * The ThemeProvider component provides the theme context to its children.
- * @param {Object} props The component props
- * @param {Theme} props.theme The theme object to provide
- * @param {React.ReactNode} props.children The children to render within the provider
- * @returns {JSX.Element} The ThemeProvider component
- */var ThemeProvider=function ThemeProvider(_ref){var children=_ref.children,theme=_ref.theme;return React.createElement(ThemeContext.Provider,{value:theme},React.createElement(ActiveBreakpointProvider,null,children));};export default memo(ThemeProvider);

package/styles/tss/index.js

@@ -1,3 +0,0 @@
-import createCache from'@emotion/cache';import{createMakeAndWithStyles,createTss}from'tss-react';import{useTheme}from'@shopgate/engage/styles';export{GlobalStyles,keyframes}from'tss-react';export var emotionCache=createCache({// All tss-react styles will be prefixed with `.tss-*` instead of `.css-*`
-key:'tss'});var _createTss=createTss({useContext:useTheme}),tss=_createTss.tss;// Create makeStyles and withStyles functions for tss-react package
-export{tss};var _createMakeAndWithSty=createMakeAndWithStyles({useTheme:useTheme}),makeStyles=_createMakeAndWithSty.makeStyles,withStyles=_createMakeAndWithSty.withStyles;export{makeStyles,withStyles};