@itcase/ui-core 1.10.78 → 1.10.82

package/dist/cjs/hooks/useDeviceTargetClass.js

@@ -1,64 +0,0 @@
-'use strict';
-
-var React = require('react');
-var camelCase = require('lodash/camelCase');
-var castArray = require('lodash/castArray');
-require('../context/Notifications.js');
-var UIContext = require('../context/UIContext.js');
-require('../context/UrlAssetPrefix.js');
-require('react/jsx-runtime');
-require('uuid');
-require('@itcase/common');
-require('./useMediaQueries/useMediaQueries.js');
-require('react-responsive');
-require('../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
-  } = UIContext.useUserDeviceContext();
-  const targetClassValue = React.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 = React.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;
-}
-
-exports.useDeviceTargetClass = useDeviceTargetClass;

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

@@ -1,2 +0,0 @@
-'use strict';
-

package/dist/context/Notifications.interface.js

@@ -1 +0,0 @@
-

package/dist/hooks/useActiveClasses/useActiveClasses.interface.js

@@ -1,63 +0,0 @@
-const suffix = [
-    'Button',
-    'Checkbox',
-    'Radio',
-    'Checkmark',
-    'Avatar',
-    'AvatarStack',
-    'Badge',
-    'Breadcrumbs',
-    'Cell',
-    'Chips',
-    'Choice',
-    'Code',
-    'CookiesWarning',
-    'Dadata',
-    'DatePeriod',
-    'Divider',
-    'Dot',
-    'Drawer',
-    'Dropdown',
-    'DropdownItem',
-    'Flex',
-    'Grid',
-    'Group',
-    'HeroTitle',
-    'HTMLContent',
-    'Icon',
-    'Image',
-    'Input',
-    'InputPassword',
-    'Label',
-    'Link',
-    'List',
-    'Loader',
-    'Logo',
-    'MenuItem',
-    'Modal',
-    'ModalSheetBottom',
-    'Notification',
-    'Overlay',
-    'Pagination',
-    'RangeSlider',
-    'Response',
-    'ScrollBar',
-    'ScrollOnDrag',
-    'ScrollToView',
-    'Search',
-    'Segmented',
-    'Select',
-    'SvgContent',
-    'Swiper',
-    'Switch',
-    'Tab',
-    'Text',
-    'Textarea',
-    'Tile',
-    'Title',
-    'Tooltip',
-    'Video',
-    'Warning',
-];
-
-export { suffix };

package/dist/hooks/useDevicePropsGenerator/useDevicePropsGenerator.interface.js

@@ -1 +0,0 @@
-

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 };