@itcase/ui 1.2.35 → 1.3.1

package/dist/cjs/components/ContextMenu.js

@@ -1,52 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var Divider = require('../../Divider-CYvszcff.js');
-var Icon = require('../../Icon-gTZ0QO8I.js');
-var Text = require('../../Text-C-scXvy7.js');
-require('react');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../hooks/useStyles.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('react-inlinesvg');
-require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-CUL79Nsx.js');
-require('../../Title-BatSai-G.js');
-
-function ContextMenu(props) {
-    var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'context-menu_shape_',
-        propsKey: 'shape',
-    });
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'context-menu', set && "context-menu_set_".concat(set), shapeClass, fillClass), id: id, onClick: onClick, children: children }));
-}
-
-function ContextMenuItem(props) {
-    var id = props.id, className = props.className, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dividerWidth = props.dividerWidth, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    return (jsxRuntime.jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxRuntime.jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-before", fill: iconBeforeFill, bgFill: iconBeforeBgFill, size: iconBeforeSize, SvgImage: iconBefore })), label && (jsxRuntime.jsx(Text.Text, { className: "context-menu__item-title", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), iconAfter && (jsxRuntime.jsx(Icon.Icon, { className: "context-menu__item-icon-after", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }), jsxRuntime.jsx(Divider.Divider, { className: "context-menu__item-divider", width: dividerWidth, fill: dividerFill, direction: dividerDirection, size: dividerSize })] }));
-}
-
-exports.ContextMenu = ContextMenu;
-exports.ContextMenuItem = ContextMenuItem;

package/dist/cjs/components/LanguageSelector.js

@@ -1,33 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var Icon = require('../../Icon-gTZ0QO8I.js');
-require('../../tslib.es6-CCZ3TN_7.js');
-require('react');
-require('react-inlinesvg');
-require('../hooks/useDeviceTargetClass.js');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('../hooks/useStyles.js');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../../Link-CqWzwh8V.js');
-require('../../Tooltip-CUL79Nsx.js');
-require('../../Text-C-scXvy7.js');
-require('../../Title-BatSai-G.js');
-
-function LanguageSelectorItem(props) {
-    var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
-    return (jsxRuntime.jsxs("div", { className: clsx('lang__item', isActive && 'lang__item_state_current'), onClick: onClick, children: [SvgImage && jsxRuntime.jsx(Icon.Icon, { size: iconSize, SvgImage: SvgImage }), label] }));
-}
-function LanguageSelector(props) {
-    var currentLanguage = props.currentLanguage, _a = props.languagesItems, languagesItems = _a === void 0 ? [] : _a, className = props.className, setLanguage = props.setLanguage;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'lang'), children: languagesItems.map(function (languageItem) { return (jsxRuntime.jsx(LanguageSelectorItem, { iconSize: languageItem.iconSize, isActive: currentLanguage === languageItem.value, label: languageItem.label, SvgImage: languageItem.SvgImage, onClick: function () { return setLanguage && setLanguage(languageItem.value); } }, "languageItem_".concat(languageItem.value))); }) }));
-}
-
-exports.LanguageSelector = LanguageSelector;

package/dist/cjs/components/Page.js

@@ -1,48 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var clsx = require('clsx');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-var useStyles = require('../hooks/useStyles.js');
-require('react');
-require('lodash/camelCase');
-require('lodash/castArray');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-
-function Page(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, type = props.type;
-    var alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var resizeHorizontalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-horizontal_',
-        propsKey: 'horizontalResizing',
-    });
-    var resizeVerticalClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-vertical_',
-        propsKey: 'verticalResizing',
-    });
-    var fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var positionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var _a = useStyles.useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper;
-    return (jsxRuntime.jsx("div", { className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), id: id, style: styles, children: jsxRuntime.jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
-}
-
-exports.Page = Page;

package/dist/components/ContextMenu.js

@@ -1,49 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Divider } from '../Divider-Bdz66wfW.js';
-import { I as Icon } from '../Icon-21rsw8YW.js';
-import { T as Text } from '../Text-DGEJa_FL.js';
-import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../hooks/useStyles.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-import '../tslib.es6-5FtW-kfi.js';
-import 'react-inlinesvg';
-import '../Link-CeQuavin.js';
-import '../Tooltip-BsMYxi_I.js';
-import '../Title-Bp-4wxkT.js';
-
-function ContextMenu(props) {
-    var id = props.id, children = props.children, className = props.className, set = props.set, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var shapeClass = useDeviceTargetClass(props, {
-        prefix: 'context-menu_shape_',
-        propsKey: 'shape',
-    });
-    return (jsx("div", { className: clsx(className, 'context-menu', set && "context-menu_set_".concat(set), shapeClass, fillClass), id: id, onClick: onClick, children: children }));
-}
-
-function ContextMenuItem(props) {
-    var id = props.id, className = props.className, dividerDirection = props.dividerDirection, dividerFill = props.dividerFill, dividerSize = props.dividerSize, dividerWidth = props.dividerWidth, iconAfter = props.iconAfter, iconAfterBgFill = props.iconAfterBgFill, iconAfterFill = props.iconAfterFill, iconAfterSize = props.iconAfterSize, iconBefore = props.iconBefore, iconBeforeBgFill = props.iconBeforeBgFill, iconBeforeFill = props.iconBeforeFill, iconBeforeSize = props.iconBeforeSize, label = props.label, labelTextColor = props.labelTextColor, labelTextSize = props.labelTextSize, labelTextWeight = props.labelTextWeight, onClick = props.onClick;
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var fillHoverClass = useDeviceTargetClass(props, {
-        prefix: 'fill_hover_',
-        propsKey: 'fillHover',
-    });
-    return (jsxs("div", { className: clsx(className, 'context-menu__item', fillClass, fillHoverClass, onClick && 'cursor_type_pointer'), id: id, onClick: onClick, children: [jsxs("div", { className: "context-menu__item-wrapper", children: [iconBefore && (jsx(Icon, { className: "context-menu__item-icon-before", fill: iconBeforeFill, bgFill: iconBeforeBgFill, size: iconBeforeSize, SvgImage: iconBefore })), label && (jsx(Text, { className: "context-menu__item-title", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), iconAfter && (jsx(Icon, { className: "context-menu__item-icon-after", fill: iconAfterFill, bgFill: iconAfterBgFill, size: iconAfterSize, SvgImage: iconAfter }))] }), jsx(Divider, { className: "context-menu__item-divider", width: dividerWidth, fill: dividerFill, direction: dividerDirection, size: dividerSize })] }));
-}
-
-export { ContextMenu, ContextMenuItem };

package/dist/components/LanguageSelector.js

@@ -1,31 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { I as Icon } from '../Icon-21rsw8YW.js';
-import '../tslib.es6-5FtW-kfi.js';
-import 'react';
-import 'react-inlinesvg';
-import '../hooks/useDeviceTargetClass.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../hooks/useStyles.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-import '../Link-CeQuavin.js';
-import '../Tooltip-BsMYxi_I.js';
-import '../Text-DGEJa_FL.js';
-import '../Title-Bp-4wxkT.js';
-
-function LanguageSelectorItem(props) {
-    var label = props.label, iconSize = props.iconSize, SvgImage = props.SvgImage, isActive = props.isActive, onClick = props.onClick;
-    return (jsxs("div", { className: clsx('lang__item', isActive && 'lang__item_state_current'), onClick: onClick, children: [SvgImage && jsx(Icon, { size: iconSize, SvgImage: SvgImage }), label] }));
-}
-function LanguageSelector(props) {
-    var currentLanguage = props.currentLanguage, _a = props.languagesItems, languagesItems = _a === void 0 ? [] : _a, className = props.className, setLanguage = props.setLanguage;
-    return (jsx("div", { className: clsx(className, 'lang'), children: languagesItems.map(function (languageItem) { return (jsx(LanguageSelectorItem, { iconSize: languageItem.iconSize, isActive: currentLanguage === languageItem.value, label: languageItem.label, SvgImage: languageItem.SvgImage, onClick: function () { return setLanguage && setLanguage(languageItem.value); } }, "languageItem_".concat(languageItem.value))); }) }));
-}
-
-export { LanguageSelector };

package/dist/components/Page.js

@@ -1,46 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { useStyles } from '../hooks/useStyles.js';
-import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-
-function Page(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, className = props.className, type = props.type;
-    var alignDirectionClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'alignDirection',
-    });
-    var alignClass = useDeviceTargetClass(props, {
-        prefix: 'align_',
-        propsKey: 'align',
-    });
-    var resizeHorizontalClass = useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-horizontal_',
-        propsKey: 'horizontalResizing',
-    });
-    var resizeVerticalClass = useDeviceTargetClass(props, {
-        prefix: 'wrapper_resize-vertical_',
-        propsKey: 'verticalResizing',
-    });
-    var fillClass = useDeviceTargetClass(props, {
-        prefix: 'fill_',
-        propsKey: 'fill',
-    });
-    var positionClass = useDeviceTargetClass(props, {
-        prefix: 'position_',
-        propsKey: 'position',
-    });
-    // @ts-expect-error
-    var _a = useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper;
-    return (jsx("div", { className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), id: id, style: styles, children: jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
-}
-
-export { Page };

package/dist/css/components/ContextMenu/ContextMenu.css

@@ -1,38 +0,0 @@
-.context-menu__item {
-  &-wrapper {
-    display: flex;
-  }
-  &-title {
-    white-space: nowrap;
-    flex: 1;
-  }
-}
-
-.context-menu {
-  position: relative;
-  min-width: 220px;
-}
-
-.context-menu {
-  &_shape {
-    &_rounded {
-      border-radius: var(--context-menu-shape-rounded, 12px);
-      overflow: hidden;
-    }
-    &_circular {
-      border-radius: 50%;
-    }
-  }
-}
-
-.context-menu {
-  &_set {
-    &_selectable {
-      ^^&__item {
-        &-wrapper {
-          padding: 8px 16px;
-        }
-      }
-    }
-  }
-}

package/dist/css/components/ContextMenu/css/__item/context-menu__item.css

@@ -1,9 +0,0 @@
-.context-menu__item {
-  &-wrapper {
-    display: flex;
-  }
-  &-title {
-    white-space: nowrap;
-    flex: 1;
-  }
-}

package/dist/css/components/Page/Page.css

@@ -1,8 +0,0 @@
-.page {
-  width: 100%;
-  &__wrapper {
-    width: 100%;
-    max-width: var(--max);
-    margin: 0 auto;
-  }
-}

package/dist/types/components/ContextMenu/ContextMenu.d.ts

@@ -1,3 +0,0 @@
-import { IContextMenuProps } from './ContextMenu.interface';
-declare function ContextMenu(props: IContextMenuProps): import("react/jsx-runtime").JSX.Element;
-export { ContextMenu };

package/dist/types/components/ContextMenu/ContextMenu.interface.d.ts

@@ -1,36 +0,0 @@
-import type { MouseEventHandler, ReactNode } from 'react';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-import { tDirectionProps, tFillProps, iconSizePropsType, tShapeProps, tSizeProps, tTextColorProps, tTextSizeProps, tTextWeightProps } from '../../types';
-export interface IContextMenuItemProps extends iStyleAttributes {
-    children?: ReactNode;
-    className?: string;
-    dividerDirection?: tDirectionProps;
-    dividerFill?: tFillProps;
-    dividerSize?: tSizeProps;
-    dividerWidth?: string;
-    iconAfter?: any;
-    iconAfterBgFill?: tFillProps;
-    iconAfterFill?: tFillProps;
-    iconAfterSize?: iconSizePropsType;
-    iconBefore?: any;
-    iconBeforeBgFill?: tFillProps;
-    iconBeforeFill?: tFillProps;
-    iconBeforeSize?: iconSizePropsType;
-    id?: string;
-    label?: string;
-    labelTextColor?: tTextColorProps;
-    labelTextSize?: tTextSizeProps;
-    labelTextWeight?: tTextWeightProps;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-}
-export interface IContextMenuProps extends iStyleAttributes {
-    children?: ReactNode;
-    className?: string;
-    id?: string;
-    set?: string;
-    shape?: tShapeProps;
-    shapeDesktop?: tShapeProps;
-    shapeMobile?: tShapeProps;
-    shapeTablet?: tShapeProps;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-}

package/dist/types/components/ContextMenu/ContextMenuItem.d.ts

@@ -1,3 +0,0 @@
-import { IContextMenuItemProps } from './ContextMenu.interface';
-declare function ContextMenuItem(props: IContextMenuItemProps): import("react/jsx-runtime").JSX.Element;
-export { ContextMenuItem };

package/dist/types/components/ContextMenu/index.d.ts

@@ -1,3 +0,0 @@
-import { ContextMenu } from './ContextMenu';
-import { ContextMenuItem } from './ContextMenuItem';
-export { ContextMenu, ContextMenuItem };

package/dist/types/components/LanguageSelector/Label.interface.d.ts

@@ -1,20 +0,0 @@
-import type { MouseEventHandler } from 'react';
-import { iconSizePropsType } from '../../types';
-export interface ILanguageSelectorItemProps {
-    iconSize?: iconSizePropsType;
-    isActive?: boolean;
-    label?: string;
-    SvgImage?: any;
-    onClick?: MouseEventHandler<HTMLDivElement>;
-}
-export interface ILanguageSelectorProps {
-    className?: string;
-    languagesItems?: {
-        iconSize: iconSizePropsType;
-        value: string;
-        label: string;
-        SvgImage: any;
-    }[];
-    currentLanguage: string;
-    setLanguage?: (value: string) => void;
-}

package/dist/types/components/LanguageSelector/LanguageSelector.d.ts

@@ -1,3 +0,0 @@
-import { ILanguageSelectorProps } from './Label.interface';
-declare function LanguageSelector(props: ILanguageSelectorProps): import("react/jsx-runtime").JSX.Element;
-export { LanguageSelector };

package/dist/types/components/LanguageSelector/index.d.ts

@@ -1 +0,0 @@
-export { LanguageSelector } from './LanguageSelector';

package/dist/types/components/Page/Page.d.ts

@@ -1,3 +0,0 @@
-import { iPageProps } from './Page.interface';
-declare function Page(props: iPageProps): import("react/jsx-runtime").JSX.Element;
-export { Page };

package/dist/types/components/Page/Page.interface.d.ts

@@ -1,18 +0,0 @@
-import { CSSProperties, ReactNode } from 'react';
-import { horizontalResizeModePropsType, positionPropsType, tAlignDirectionProps, tAlignProps, tFillProps, verticalResizeModePropsType } from 'types';
-export interface iPageProps {
-    id?: number | string;
-    after?: ReactNode;
-    align: tAlignProps;
-    alignDirection: tAlignDirectionProps;
-    before?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    fill?: tFillProps;
-    horizontalResizing?: horizontalResizeModePropsType;
-    position: positionPropsType;
-    style?: CSSProperties;
-    type?: string;
-    verticalResizing: verticalResizeModePropsType;
-    wrapperPosition: positionPropsType;
-}

package/dist/types/components/Page/index.d.ts

@@ -1 +0,0 @@
-export { Page } from './Page';

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

@@ -1 +0,0 @@
-export function useDeviceTargetClass(componentProps: any, hookProps: any): string | null;