@itcase/ui 1.9.65 → 1.9.66

package/dist/hooks/useDeviceTargetClass.js

@@ -1,47 +1,62 @@
 import { useMemo } from 'react';
 import camelCase from 'lodash/camelCase';
 import castArray from 'lodash/castArray';
-import { useUserDeviceContext } from '../context/UIContext';
+import { e as useUserDeviceContext } from '../primitives_es_dSATude_.js';
+import 'react/jsx-runtime';
+import 'clsx';
+import 'lodash/upperFirst';
+import 'uuid';
+import '@itcase/common';
+import 'react-responsive';
+import 'lodash/maxBy';
+import 'react-inlinesvg';
+
 /** 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;
+  /** 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 };