@itcase/ui-core 1.10.77 → 1.10.79

package/dist/hooks/useDeviceTargetClass.js

@@ -1,62 +0,0 @@
-import { useMemo } from 'react';
-import camelCase from 'lodash/camelCase';
-import castArray from 'lodash/castArray';
-import '../context/Notifications.js';
-import { useUserDeviceContext } from '../context/UIContext.js';
-import '../context/UrlAssetPrefix.js';
-import 'react/jsx-runtime';
-import 'uuid';
-import '@itcase/common';
-import './useMediaQueries/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-
-/** TODO:
- * Hook is still used in "itcase-forms".
- * Need replace with "useDevicePropsGenerator" and delete this.
- */
-function useDeviceTargetClass(componentProps, hookProps) {
-  /** Generate a class depending on the user's device.
-   *
-   * Usage:
-   *  const sizeClass = useDeviceTargetClass(props, {
-   *    prefix: 'some-item_size_',
-   *    propsKey: 'size',
-   *  })
-   * Return: "some-item_size_m" (or "s", or "l", or something else)
-   *
-   * "componentProps" - "props" from component
-   * "hookProps" - special props for generating class
-   **/
-  const {
-    prefix = '',
-    propsKey,
-    replace = [/([A-Z])/g, '-$1']
-  } = hookProps;
-  const {
-    isMobile,
-    isTablet,
-    isDesktop
-  } = useUserDeviceContext();
-  const targetClassValue = useMemo(() => {
-    // prettier-ignore
-    const deviceCurrentMainType = isMobile && 'Mobile' || isTablet && 'Tablet' || isDesktop && 'Desktop' || '';
-    const valueForDevice = componentProps[`${propsKey}${deviceCurrentMainType}`];
-    const valueDefault = componentProps[propsKey];
-    return valueForDevice || valueDefault;
-  }, [isMobile, isTablet, isDesktop, componentProps, propsKey]);
-  const targetClass = useMemo(() => {
-    if (targetClassValue) {
-      let cleanClassValue = camelCase(String(targetClassValue));
-      if (replace) {
-        const replaceList = castArray(replace);
-        cleanClassValue = cleanClassValue.replace(replaceList[0], replaceList[1] || '');
-      }
-      return `${prefix}${cleanClassValue}`.toLowerCase();
-    }
-    return null;
-  }, [targetClassValue, prefix, replace]);
-  return targetClass;
-}
-
-export { useDeviceTargetClass };

package/dist/hooks/useStyles/styleAttributes.interface.js

@@ -1 +0,0 @@
-

package/dist/types/context/UIContext.d.ts

@@ -1,23 +0,0 @@
-import { ReactNode } from 'react';
-type DeviceType = '' | 'desktop' | 'mobile' | 'tablet';
-type UIProviderProps = {
-    children?: ReactNode;
-    userDeviceState?: {
-        deviceCurrentMainType: DeviceType;
-        deviceCurrentType: string;
-        deviceTypesList: string[];
-        isDesktop?: boolean;
-        isMobile?: boolean;
-        isTablet?: boolean;
-    };
-};
-declare const UIProvider: import("react").MemoExoticComponent<(props: UIProviderProps) => import("react").JSX.Element>;
-declare function useUserDeviceContext(): {
-    deviceCurrentMainType: DeviceType;
-    deviceCurrentType: string;
-    deviceTypesList: string[];
-    isDesktop?: boolean;
-    isMobile?: boolean;
-    isTablet?: boolean;
-};
-export { UIProvider, useUserDeviceContext };

package/dist/types/hooks/useDeviceTargetClass.d.ts

@@ -1,6 +0,0 @@
-/** TODO:
- * Hook is still used in "itcase-forms".
- * Need replace with "useDevicePropsGenerator" and delete this.
- */
-declare function useDeviceTargetClass(componentProps: any, hookProps: any): string;
-export { useDeviceTargetClass };