@itcase/ui 1.3.27 → 1.3.29

package/dist/components/SiteMenu.js

@@ -1,82 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { useCallback } from 'react';
-import clsx from 'clsx';
-import { useSiteMenuContext } from '../context/UIContext.js';
-import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { I as Icon } from '../Icon-BZa8B7te.js';
-import { T as Text } from '../Text-JayJa3hj.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import '../tslib.es6-Bwu1Cn-t.js';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import 'react-inlinesvg';
-import '../hooks/useStyles.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-import '../Link-DN2LhPjD.js';
-import '../Tooltip-1Jbub0K6.js';
-import '../Title-CHgrIarR.js';
-
-var siteMenuAppearance = {
-    dev: {},
-};
-
-var siteMenuConfig = {
-    appearance: siteMenuAppearance,
-    setAppearance: function (newComponent) {
-        siteMenuConfig.appearance = newComponent;
-    },
-};
-function SiteMenu(props) {
-    var children = props.children, appearance = props.appearance, className = props.className, closeText = props.closeText, closeTextColor = props.closeTextColor, closeTextColorHover = props.closeTextColorHover, closeTextSize = props.closeTextSize, iconClose = props.iconClose, iconCloseBgFill = props.iconCloseBgFill, iconCloseFill = props.iconCloseFill, iconCloseSize = props.iconCloseSize, onClose = props.onClose;
-    var _a = useSiteMenuContext(), isSiteMenuOpen = _a.isSiteMenuOpen, setIsSiteMenuOpen = _a.setIsSiteMenuOpen;
-    var onClickClose = useCallback(
-    // @ts-expect-error
-    function (event) {
-        // @ts-expect-error
-        setIsSiteMenuOpen(false);
-        // @ts-expect-error
-        onClose && onClose(event);
-    }, [onClose]);
-    // TODO: dont delete!
-    // const onClickHeaderLink = useCallback((event) => {
-    //   // simulate a click on a link
-    //   event.stopPropagation()
-    //   event.preventDefault()
-    //   // save anchor in history
-    //   history.pushState(
-    //     location.href,
-    //     event.target.getAttribute('href'),
-    //     `${location.origin}/${event.target.getAttribute('href')}`
-    //   )
-    //   // scroll to anchor
-    //   document.querySelector(event.target.getAttribute('href')).scrollIntoView({
-    //     behavior: 'smooth',
-    //   })
-    // }, [])
-    // @ts-expect-error
-    var appearanceConfig = siteMenuConfig.appearance && siteMenuConfig.appearance[appearance];
-    var classGenerator = useDeviceTargetClassGenerator(props, appearanceConfig);
-    var fillClass = classGenerator.fillClass;
-    return (jsx("div", { className: clsx(className, 'site-menu', fillClass && "fill_".concat(fillClass), isSiteMenuOpen && 'site-menu_state_visible', !isSiteMenuOpen && 'site-menu_state_hidden'), children: jsxs("div", { className: "site-menu__wrapper", children: [jsx("div", { className: "site-menu__close", children: iconClose ? (jsx(Icon, { fill: iconCloseFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseFill), bgFill: iconCloseBgFill || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseBgFill), size: iconCloseSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconCloseSize), SvgImage: iconClose || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.iconClose), onClick: onClickClose })) : (jsx(Text, { size: closeTextSize || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextSize), textColor: closeTextColor || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColor), textColorHover: closeTextColorHover || (appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.closeTextColorHover), 
-                        // @ts-expect-error
-                        onClick: onClickClose, children: closeText })) }), jsx("div", { className: "site-menu__items", children: children })] }) }));
-}
-
-function SiteMenuButton(props) {
-    var children = props.children, className = props.className, text = props.text, onClick = props.onClick;
-    var setIsSiteMenuOpen = useSiteMenuContext().setIsSiteMenuOpen;
-    // @ts-expect-error
-    var onClickButton = useCallback(function (event) {
-        // @ts-expect-error
-        setIsSiteMenuOpen(true);
-        // @ts-expect-error
-        onClick && onClick(event);
-    }, []);
-    return (jsx("div", { className: clsx(className, 'site-menu__button'), onClick: onClickButton, children: children || text }));
-}
-
-export { SiteMenu, SiteMenuButton, siteMenuAppearance, siteMenuConfig };

package/dist/components/Wrapper.js

@@ -1,26 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { useDeviceTargetClassGenerator } from '../hooks/useDeviceTargetClassGenerator.js';
-import { useStyles } from '../hooks/useStyles.js';
-import '../tslib.es6-Bwu1Cn-t.js';
-import 'react';
-import 'lodash/camelCase';
-import 'lodash/castArray';
-import '../context/UIContext.js';
-import '../hooks/useMediaQueries.js';
-import 'react-responsive';
-import '../utils/setViewportProperty.js';
-import 'lodash/maxBy';
-import 'lodash/upperFirst';
-import '../hooks/styleAttributes.js';
-
-function Wrapper(props) {
-    var id = props.id, children = props.children, after = props.after, before = props.before, _a = props.className, className = _a === void 0 ? 'wrapper' : _a, _b = props.tag, Tag = _b === void 0 ? 'div' : _b, type = props.type;
-    var classGenerator = useDeviceTargetClassGenerator(props);
-    var alignClass = classGenerator.alignClass, alignDirectionClass = classGenerator.alignDirectionClass, fillClass = classGenerator.fillClass, horizontalResizingClass = classGenerator.horizontalResizingClass, positionClass = classGenerator.positionClass, verticalResizingClass = classGenerator.verticalResizingClass, wrapperPositionClass = classGenerator.wrapperPositionClass;
-    // @ts-expect-error
-    var _c = useStyles(props), innerStyles = _c.inner, wrapperStyles = _c.styles;
-    return (jsx(Tag, { className: clsx(className, type && "".concat(className, "_type_").concat(type), fillClass && "fill_".concat(fillClass), horizontalResizingClass && "wrapper_resize-horizontal_".concat(horizontalResizingClass), verticalResizingClass && "wrapper_resize-vertical_".concat(verticalResizingClass), positionClass && "position_".concat(positionClass)), id: id, style: wrapperStyles, children: jsxs("div", { className: clsx("".concat(className, "__inner"), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), wrapperPositionClass && "position_".concat(wrapperPositionClass)), style: innerStyles, children: [before, children, after] }) }));
-}
-
-export { Wrapper };

package/dist/css/components/Caption/Caption.css

@@ -1,22 +0,0 @@
-.caption {
-  display: flex;
-  flex-flow: column nowrap;
-}
-.caption {
-  &_position {
-    &_on-image {
-      &-top {
-        width: 100%;
-        position: absolute;
-        left: 0;
-        top: 0;
-      }
-      &-bottom {
-        width: 100%;
-        position: absolute;
-        left: 0;
-        bottom: 0;
-      }
-    }
-  }
-}

package/dist/css/components/SiteMenu/SiteMenu.css

@@ -1,37 +0,0 @@
-.site-menu {
-  width: 100%;
-  height: 100%;
-  min-width: 100%;
-  min-height: 100%;
-  position: fixed;
-  display: flex;
-  left: 0;
-  top: 0;
-  z-index: 100;
-  transition: all 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
-  &__wrapper {
-    min-width: 100%;
-    z-index: 10;
-    position: relative;
-    display: flex;
-    flex-flow: row wrap;
-    align-content: center;
-    ^&__close {
-      position: absolute;
-      top: 24px;
-      right: 24px;
-    }
-    ^&__items {
-      padding: 0 24px 48px 24px;
-      width: 100%;
-      height: 100%;
-      overflow: scroll;
-    }
-  }
-  &&_state_visible {
-    transform: translate(0%, 0);
-  }
-  &&_state_hidden {
-    transform: translate(100%, 0);
-  }
-}

package/dist/css/components/Wrapper/Wrapper.css

@@ -1,36 +0,0 @@
-.wrapper {
-  width: 100%;
-  &__inner {
-    width: 100%;
-    max-width: var(--max);
-    margin: 0 auto;
-  }
-}
-.wrapper {
-  &_resize-horizontal {
-    &_hug {
-      display: inline-flex;
-    }
-    &_fill {
-      min-height: 100%;
-      flex: 1;
-    }
-    &__inner {
-
-    }
-  }
-}
-.wrapper {
-  &_resize-vertical {
-    &_hug {
-      display: inline-flex;
-    }
-    &_fill {
-      flex: 1;
-      display: flex;
-      ^^&__inner {
-        flex: 1;
-      }
-    }
-  }
-}

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

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

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

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { tCaptionPositionProps, tFillGradientProps, tFillProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface iCaptionThemeColor {
-    fill: tFillProps;
-    fillDesktop: tFillProps;
-    fillGradient: tFillGradientProps;
-    fillGradientDesktop: tFillGradientProps;
-    fillGradientMobile: tFillGradientProps;
-    fillGradientTablet: tFillGradientProps;
-    fillMobile: tFillProps;
-    fillTablet: tFillProps;
-    position: tCaptionPositionProps;
-    positionDesktop: tCaptionPositionProps;
-    positionMobile: tCaptionPositionProps;
-    positionTablet: tCaptionPositionProps;
-}
-export interface iCaptionProps extends iCaptionThemeColor, Omit<iStyleAttributes, 'position'> {
-    [key: number | string | symbol]: any;
-    children?: ReactNode;
-    className?: string;
-}

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

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

package/dist/types/components/SiteMenu/SiteMenu.appearance.d.ts

@@ -1,2 +0,0 @@
-import { siteMenuAppearanceType } from './SiteMenu.interface';
-export declare const siteMenuAppearance: siteMenuAppearanceType;

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

@@ -1,4 +0,0 @@
-import type { iSiteMenuConfig, iSiteMenuProps } from './SiteMenu.interface';
-declare const siteMenuConfig: iSiteMenuConfig;
-declare function SiteMenu(props: iSiteMenuProps): import("react/jsx-runtime").JSX.Element;
-export { SiteMenu, siteMenuConfig };

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

@@ -1,39 +0,0 @@
-import { ReactNode } from 'react';
-import { tFillProps, tIconSizeProps, tTextColorHoverProps, tTextColorProps, tTextSizeProps } from 'types';
-import { tAppearanceKeysDefault } from 'types/componentProps/appearanceKeys';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface iSiteMenuThemeColor {
-    [key: number | string | symbol]: any;
-    closeTextColor?: tTextColorProps;
-    closeTextColorHover?: tTextColorHoverProps;
-    closeTextSize?: tTextSizeProps;
-    fill?: tFillProps;
-    iconClose?: ReactNode;
-    iconCloseBgFill?: tFillProps;
-    iconCloseFill?: tFillProps;
-    iconCloseSize?: tIconSizeProps;
-}
-type tAppearanceKeys = tAppearanceKeysDefault & {};
-export type siteMenuAppearanceType = {
-    [key in tAppearanceKeys]?: iSiteMenuThemeColor;
-};
-export interface iSiteMenuConfig {
-    [key: number | string | symbol]: any;
-    appearance: siteMenuAppearanceType | undefined;
-    setAppearance: (newComponent: siteMenuAppearanceType) => void;
-}
-export interface iSiteMenuProps extends iSiteMenuThemeColor, iStyleAttributes {
-    [key: number | string | symbol]: any;
-    appearance?: tAppearanceKeys;
-    children?: ReactNode;
-    className?: string;
-    closeText?: string;
-    onClose?: () => void;
-}
-export interface iSiteMenuButtonProps extends iStyleAttributes {
-    children?: ReactNode;
-    className?: string;
-    text?: string;
-    onClick?: () => void;
-}
-export {};

package/dist/types/components/SiteMenu/SiteMenuButton.d.ts

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

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

@@ -1,4 +0,0 @@
-import { siteMenuAppearance } from './SiteMenu.appearance';
-import { SiteMenu, siteMenuConfig } from './SiteMenu.js';
-import { SiteMenuButton } from './SiteMenuButton.js';
-export { SiteMenu, siteMenuConfig, siteMenuAppearance, SiteMenuButton };

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

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

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

@@ -1,21 +0,0 @@
-import { CSSProperties, ElementType, ReactNode } from 'react';
-import { tAlignDirectionProps, tAlignProps, tFillProps, tHorizontalResizeModeProps, tPositionProps, tVerticalResizeModeProps } from 'types';
-import { iStyleAttributes } from '../../hooks/styleAttributes.interface';
-export interface iWrapperProps extends iStyleAttributes {
-    id?: string;
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    align?: tAlignProps;
-    alignDirection?: tAlignDirectionProps;
-    before?: ReactNode;
-    children?: ReactNode;
-    className?: string;
-    fill?: tFillProps;
-    horizontalResizing?: tHorizontalResizeModeProps;
-    position?: tPositionProps;
-    style?: CSSProperties;
-    tag?: ElementType;
-    type?: string;
-    verticalResizing?: tVerticalResizeModeProps;
-    wrapperPosition?: tPositionProps;
-}

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

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