@itcase/ui 1.8.38 → 1.8.39

package/dist/components/Tile.js

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from '../hooks/useStyles/useStyles.js';
-import { b as Title, B as Badge, I as Icon } from '../Tooltip_es_ltCY-w4M.js';
+import { b as Title, B as Badge, I as Icon } from '../Tooltip_es_Cc2orRUE.js';
 import { T as Text } from '../Text_es_BfLRfj-5.js';
 import 'react';
 import 'lodash/camelCase';
@@ -19,6 +19,8 @@ import '../utils/setViewportProperty.js';
 import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';
 
 var tileAppearanceSize = {

package/dist/components/Title.js

@@ -1,4 +1,4 @@
-export { b as Title, d as titleAppearance, c as titleConfig } from '../Tooltip_es_ltCY-w4M.js';
+export { b as Title, d as titleAppearance, c as titleConfig } from '../Tooltip_es_Cc2orRUE.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -19,4 +19,6 @@ import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';

package/dist/components/Tooltip.js

@@ -1,4 +1,4 @@
-export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip_es_ltCY-w4M.js';
+export { T as Tooltip, a as tooltipAppearance, t as tooltipConfig } from '../Tooltip_es_Cc2orRUE.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';
@@ -19,4 +19,6 @@ import 'lodash/maxBy';
 import '../hooks/useStyles/styleAttributes.js';
 import '../Text_es_BfLRfj-5.js';
 import 'react-inlinesvg';
+import '../hoc/urlWithAssetPrefix.js';
+import '../context/UrlAssetPrefix.js';
 import '../Link_es_DxtZLeKY.js';

package/dist/context/UrlAssetPrefix.js

@@ -0,0 +1,14 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useMemo } from 'react';
+
+var UrlAssetPrefixContext = createContext({
+    assetPrefix: undefined,
+    ignorePathsList: undefined,
+});
+function UrlAssetPrefixProvider(props) {
+    var assetPrefix = props.assetPrefix, ignorePathsList = props.ignorePathsList, children = props.children;
+    var value = useMemo(function () { return ({ assetPrefix: assetPrefix, ignorePathsList: ignorePathsList }); }, [assetPrefix, ignorePathsList]);
+    return (jsx(UrlAssetPrefixContext.Provider, { value: value, children: children }));
+}
+
+export { UrlAssetPrefixContext, UrlAssetPrefixProvider };

package/dist/hoc/urlWithAssetPrefix.js

@@ -0,0 +1,62 @@
+import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
+import { jsx } from 'react/jsx-runtime';
+import React, { useContext } from 'react';
+import { formatURL } from '@itcase/common';
+import { UrlAssetPrefixContext } from '../context/UrlAssetPrefix.js';
+
+var urlPropsList = ['src', 'imageSrc', 'svgSrc', 'placeholderUrl'];
+var urlWithAssetPrefix = function (WrappedComponent) {
+    var HOC = React.forwardRef(function HOC(props, ref) {
+        var _a = useContext(UrlAssetPrefixContext), assetPrefix = _a.assetPrefix, ignorePathsList = _a.ignorePathsList;
+        var overrideProps = urlPropsList.reduce(function (resultProps, propKey) {
+            var url = props[propKey];
+            if (url && typeof url === 'string') {
+                if (assetPrefix) {
+                    var cleanUrl = formatURL(url);
+                    var isNeedAssetPrefix = checkIsNeedAssetPrefix(cleanUrl, assetPrefix, ignorePathsList);
+                    if (isNeedAssetPrefix) {
+                        var prefixPath = formatURL(assetPrefix).slice(0, -1);
+                        url = "".concat(prefixPath).concat(cleanUrl);
+                    }
+                }
+                resultProps[propKey] = url;
+            }
+            return resultProps;
+        }, {});
+        return jsx(WrappedComponent, __assign({}, props, overrideProps, { ref: ref }));
+    });
+    return HOC;
+};
+var checkIsNeedAssetPrefix = function (url, assetPrefix, ignorePathsList) {
+    if (ignorePathsList === void 0) { ignorePathsList = []; }
+    // Ignore prefix if:
+    var isPrefixIgnore = 
+    // Url is absolute
+    url.startsWith('http:') ||
+        url.startsWith('https:') ||
+        // Url is data string
+        url.startsWith('data:') ||
+        // Url already have prefix
+        url.startsWith(assetPrefix);
+    if (isPrefixIgnore) {
+        return false;
+    }
+    // And check special paths for ignore prefix
+    for (var _i = 0, ignorePathsList_1 = ignorePathsList; _i < ignorePathsList_1.length; _i++) {
+        var urlPath = ignorePathsList_1[_i];
+        if (urlPath instanceof RegExp) {
+            if (urlPath.test(url)) {
+                return false;
+            }
+        }
+        else {
+            if (url.startsWith(formatURL(urlPath))) {
+                return false;
+            }
+        }
+    }
+    // Need to add prefix to url
+    return true;
+};
+
+export { urlWithAssetPrefix };

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

@@ -1,5 +1,9 @@
 import React from 'react';
-import type { IconConfig, IconProps } from '../Icon/Icon.interface';
+import type { IconConfig } from '../Icon/Icon.interface';
 declare const iconConfig: IconConfig;
-declare const Icon: React.ForwardRefExoticComponent<Omit<IconProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const Icon: React.ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & React.RefAttributes<HTMLDivElement>>;
 export { Icon, iconConfig };

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

@@ -1,3 +1,6 @@
-import type { ImageProps } from './Image.interface';
-declare function Image(props: ImageProps): import("react/jsx-runtime").JSX.Element;
+declare const Image: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { Image };

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

@@ -1,4 +1,8 @@
-import type { LogoConfig, LogoProps } from './Logo.interface';
+import type { LogoConfig } from './Logo.interface';
 declare const logoConfig: LogoConfig;
-declare function Logo(props: LogoProps): import("react/jsx-runtime").JSX.Element;
+declare const Logo: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { Logo, logoConfig };

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

@@ -1,4 +1,8 @@
-import type { ResponseConfig, ResponseProps } from './Response.interface';
+import type { ResponseConfig } from './Response.interface';
 declare const responseConfig: ResponseConfig;
-declare function Response(props: ResponseProps): import("react/jsx-runtime").JSX.Element;
+declare const Response: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { Response, responseConfig };

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

@@ -55,6 +55,7 @@ export interface ResponseProps extends ResponseAppearance, StyleAttributes {
     /** desc description */
     desc?: string;
     descTextWeight?: TextWeightProps;
+    imageSrc?: string;
     primaryButton?: boolean;
     primaryButtonAfter?: ReactNode;
     primaryButtonBefore?: ReactNode;
@@ -62,9 +63,10 @@ export interface ResponseProps extends ResponseAppearance, StyleAttributes {
     secondaryButtonAfter?: ReactNode;
     secondaryButtonBefore?: ReactNode;
     style?: CSSProperties;
+    svgSrc?: string;
     /** title description */
     title?: string;
-    isSkeleton: boolean;
+    isSkeleton?: boolean;
     onClickPrimaryButton?: () => void;
     onClickSecondaryButton?: () => void;
 }

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

@@ -1,3 +1,6 @@
-import type { SVGContentProps } from './SVGContent.interface';
-declare function SVGContent(props: SVGContentProps): import("react/jsx-runtime").JSX.Element;
+declare const SVGContent: import("react").ForwardRefExoticComponent<{
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+} & import("react").RefAttributes<HTMLDivElement>>;
 export { SVGContent };

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

@@ -0,0 +1,12 @@
+type UrlAssetPrefixValue = {
+    assetPrefix?: string;
+    ignorePathsList?: Array<string | RegExp>;
+};
+type UrlAssetPrefixProviderProps = {
+    assetPrefix?: string;
+    children: React.ReactNode;
+    ignorePathsList?: Array<string | RegExp>;
+};
+declare const UrlAssetPrefixContext: import("react").Context<UrlAssetPrefixValue>;
+declare function UrlAssetPrefixProvider(props: UrlAssetPrefixProviderProps): import("react/jsx-runtime").JSX.Element;
+export { UrlAssetPrefixProvider, UrlAssetPrefixContext };

package/dist/types/hoc/urlWithAssetPrefix.d.ts

@@ -0,0 +1,8 @@
+import React, { type ComponentType } from 'react';
+type UrlWithAssetPrefixProps = {
+    imageSrc?: string;
+    src?: string;
+    svgSrc?: string;
+};
+declare const urlWithAssetPrefix: (WrappedComponent: ComponentType<UrlWithAssetPrefixProps>) => React.ForwardRefExoticComponent<UrlWithAssetPrefixProps & React.RefAttributes<HTMLDivElement>>;
+export { urlWithAssetPrefix };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@itcase/ui",
-  "version": "1.8.38",
+  "version": "1.8.39",
   "description": "UI components (Modal, Loader, Popup, etc)",
   "keywords": [
     "Modal",
@@ -44,6 +44,11 @@
       "import": "./dist/context/*.js",
       "require": "./dist/cjs/context/*.js"
     },
+    "./hoc/*": {
+      "types": "./dist/types/hoc/*.d.ts",
+      "import": "./dist/hoc/*.js",
+      "require": "./dist/cjs/hoc/*.js"
+    },
     "./hooks/*": {
       "types": "./dist/types/hooks/*.d.ts",
       "import": "./dist/hooks/*.js",