@cloud-ru/uikit-product-utils 7.0.0 → 7.0.2

package/dist/esm/types/theme.js

@@ -0,0 +1,20 @@
+export var Themes;
+(function (Themes) {
+    Themes["Purple"] = "purple";
+    Themes["PurpleDark"] = "purpleDark";
+    Themes["Green"] = "green";
+    Themes["GreenDark"] = "greenDark";
+})(Themes || (Themes = {}));
+export var Brand;
+(function (Brand) {
+    Brand["Cloud"] = "Cloud";
+    Brand["CloudDark"] = "CloudDark";
+    Brand["MLSpace"] = "MLSpace";
+    Brand["MLSpaceDark"] = "MLSpaceDark";
+    Brand["Site"] = "Site";
+    Brand["SiteDark"] = "SiteDark";
+    Brand["Admin"] = "Admin";
+    Brand["AdminDark"] = "AdminDark";
+    Brand["GigaId"] = "GigaId";
+    Brand["GigaIdDark"] = "GigaIdDark";
+})(Brand || (Brand = {}));

package/dist/esm/types/withSupportProps.d.ts

@@ -0,0 +1,4 @@
+import { AriaAttributes } from 'react';
+export type WithSupportProps<T> = {
+    'data-test-id'?: string;
+} & AriaAttributes & T;

package/dist/esm/types/withSupportProps.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/alert.d.ts

@@ -0,0 +1,2 @@
+declare const error: (message: string, localCondition?: boolean) => void, warning: (message: string, localCondition?: boolean) => void;
+export { error, warning };

package/dist/esm/utils/alert.js

@@ -0,0 +1,3 @@
+import { configureDevAlerts } from '@cloud-ru/ft-debug-mode';
+const { error, warning } = configureDevAlerts({ scope: 'uikit-product', enabled: true });
+export { error, warning };

package/dist/esm/utils/createTextProvider.d.ts

@@ -0,0 +1,2 @@
+import { LanguageCodeType } from '../types/language';
+export declare function createTextProvider<T extends string = string, V = string>(dictionary: Partial<Record<LanguageCodeType, Record<T, V>>>, packageName: string): <R extends V>(language: LanguageCodeType, entity: T) => R;

package/dist/esm/utils/createTextProvider.js

@@ -0,0 +1,13 @@
+import { LanguageCodeType } from '../types/language';
+export function createTextProvider(dictionary, packageName) {
+    return (language, entity) => {
+        var _a;
+        const langKey = language === LanguageCodeType.cimode ? LanguageCodeType.ruRU : language;
+        const value = ((_a = dictionary === null || dictionary === void 0 ? void 0 : dictionary[langKey]) === null || _a === void 0 ? void 0 : _a[entity]) || '';
+        if (language === LanguageCodeType.cimode) {
+            const key = `uikit-${packageName}.${entity}`;
+            return (value instanceof Function ? () => key : key);
+        }
+        return value;
+    };
+}

package/dist/esm/utils/excludeSupportProps.d.ts

@@ -0,0 +1,3 @@
+export declare function excludeSupportProps(props: Record<string, unknown>): {
+    [x: string]: unknown;
+};

package/dist/esm/utils/excludeSupportProps.js

@@ -0,0 +1,5 @@
+import { DATA_AND_ARIA_REGEXP } from './private/constants';
+import { excludeProps } from './private/excludeProps';
+export function excludeSupportProps(props) {
+    return excludeProps(props, DATA_AND_ARIA_REGEXP);
+}

package/dist/esm/utils/extractSupportProps.d.ts

@@ -0,0 +1 @@
+export declare function extractSupportProps(props: Record<string, unknown>): Record<string, unknown>;

package/dist/esm/utils/extractSupportProps.js

@@ -0,0 +1,5 @@
+import { DATA_AND_ARIA_REGEXP } from './private/constants';
+import { extractProps } from './private/extractProps';
+export function extractSupportProps(props) {
+    return extractProps(props, DATA_AND_ARIA_REGEXP);
+}

package/dist/esm/utils/getAdaptive.d.ts

@@ -0,0 +1,5 @@
+import { AdaptiveQueriesTitle } from '../constants/adaptive';
+import { LayoutType, MatchMediaGeneric } from '../types/adaptive';
+export declare function getAdaptive({ isMobile }: MatchMediaGeneric<AdaptiveQueriesTitle>): {
+    layoutType: LayoutType;
+};

package/dist/esm/utils/getAdaptive.js

@@ -0,0 +1,17 @@
+import { getUserAgentInfo } from './getUserAgentInfo';
+export function getAdaptive({ isMobile }) {
+    const { device } = getUserAgentInfo();
+    let layoutType;
+    switch (device.type) {
+        case 'mobile':
+            layoutType = 'mobile';
+            break;
+        case 'tablet':
+            layoutType = 'tablet';
+            break;
+        default:
+            layoutType = isMobile ? 'desktopSmall' : 'desktop';
+            break;
+    }
+    return { layoutType };
+}

package/dist/esm/utils/getDisplayMode.d.ts

@@ -0,0 +1,3 @@
+import { DISPLAY_MODE_QUERIES } from '../constants/displayMode';
+import { MatchMediaGeneric } from '../types';
+export declare function getDisplayMode(matchMedia: MatchMediaGeneric<keyof typeof DISPLAY_MODE_QUERIES>): string;

package/dist/esm/utils/getDisplayMode.js

@@ -0,0 +1,25 @@
+import { isBrowser } from '@snack-uikit/utils';
+import { DISPLAY_MODES } from '../constants/displayMode';
+export function getDisplayMode(matchMedia) {
+    if (isBrowser()) {
+        if (document.referrer.startsWith('android-app://')) {
+            return 'twa';
+        }
+        if (matchMedia.isBrowser) {
+            return DISPLAY_MODES.Browser;
+        }
+        if (matchMedia.isPwa) {
+            return DISPLAY_MODES.Pwa;
+        }
+        if (matchMedia.isFullscreen) {
+            return DISPLAY_MODES.Fullscreen;
+        }
+        if (matchMedia.isMinimalUI) {
+            return DISPLAY_MODES.MinimalUI;
+        }
+        if (matchMedia.isWindowControlsOverlay) {
+            return DISPLAY_MODES.WindowControlsOverlay;
+        }
+    }
+    return 'unknown';
+}

package/dist/esm/utils/getMatchMedia.d.ts

@@ -0,0 +1,10 @@
+import { MatchMediaGeneric } from '../types';
+export declare function getMediaQueryListGeneric<T extends string>({ queryValues }: {
+    queryValues: Record<T, string>;
+}): Array<[T, MediaQueryList]>;
+export declare function getMatchMediaGeneric<T extends string>({ queryValues, initialValues, }: {
+    queryValues: Record<T, string>;
+    initialValues: MatchMediaGeneric<T>;
+}): MatchMediaGeneric<T>;
+export declare const getAdaptiveMatchMedia: () => MatchMediaGeneric<import("../constants/adaptive").AdaptiveQueriesTitle>;
+export declare const getDisplayModeMatchMedia: () => MatchMediaGeneric<"isBrowser" | "isPwa" | "isFullscreen" | "isMinimalUI" | "isWindowControlsOverlay">;

package/dist/esm/utils/getMatchMedia.js

@@ -0,0 +1,14 @@
+import { isBrowser } from '@snack-uikit/utils';
+import { ADAPTIVE_QUERIES, INITIAL_ADAPTIVE_QUERIES_VALUE } from '../constants/adaptive';
+import { DISPLAY_MODE_QUERIES, INITIAL_DISPLAY_MODE_QUERIES_VALUE } from '../constants/displayMode';
+function getMediaQueries({ queryValues }) {
+    return Object.keys(queryValues).reduce((acc, key) => (Object.assign(Object.assign({}, acc), { [key]: isBrowser() ? globalThis.matchMedia(queryValues[key]) : undefined })), {});
+}
+export function getMediaQueryListGeneric({ queryValues }) {
+    return Object.entries(getMediaQueries({ queryValues }));
+}
+export function getMatchMediaGeneric({ queryValues, initialValues, }) {
+    return getMediaQueryListGeneric({ queryValues }).reduce((acc, [key, q]) => (Object.assign(Object.assign({}, acc), { [key]: (q === null || q === void 0 ? void 0 : q.matches) || false })), initialValues);
+}
+export const getAdaptiveMatchMedia = () => getMatchMediaGeneric({ queryValues: ADAPTIVE_QUERIES, initialValues: INITIAL_ADAPTIVE_QUERIES_VALUE });
+export const getDisplayModeMatchMedia = () => getMatchMediaGeneric({ queryValues: DISPLAY_MODE_QUERIES, initialValues: INITIAL_DISPLAY_MODE_QUERIES_VALUE });

package/dist/esm/utils/getUserAgentInfo.d.ts

@@ -0,0 +1,20 @@
+import { ValueOf } from '@snack-uikit/utils';
+declare const DEVICE_TYPE: {
+    readonly Console: "console";
+    readonly Mobile: "mobile";
+    readonly Tablet: "tablet";
+    readonly Smarttv: "smarttv";
+    readonly Wearable: "wearable";
+    readonly Embedded: "embedded";
+    readonly Desktop: "desktop";
+};
+type DeviceType = ValueOf<typeof DEVICE_TYPE>;
+export declare function getUserAgentInfo(): {
+    device: {
+        model: string | undefined;
+        type: DeviceType;
+    };
+    os: import("ua-parser-js").IOS;
+    browser: import("ua-parser-js").IBrowser;
+};
+export {};

package/dist/esm/utils/getUserAgentInfo.js

@@ -0,0 +1,26 @@
+import { UAParser } from 'ua-parser-js';
+const DEVICE_TYPE = {
+    Console: 'console',
+    Mobile: 'mobile',
+    Tablet: 'tablet',
+    Smarttv: 'smarttv',
+    Wearable: 'wearable',
+    Embedded: 'embedded',
+    Desktop: 'desktop',
+};
+const DEVICE_TYPES = Object.values(DEVICE_TYPE);
+const getDeviceType = (type) => DEVICE_TYPES.find(value => value === type) || DEVICE_TYPE.Desktop;
+export function getUserAgentInfo() {
+    const parser = new UAParser(globalThis.navigator.userAgent);
+    const device = parser.getDevice();
+    const browser = parser.getBrowser();
+    const os = parser.getOS();
+    return {
+        device: {
+            model: device.model,
+            type: getDeviceType(device.type),
+        },
+        os,
+        browser,
+    };
+}

package/dist/esm/utils/index.d.ts

@@ -0,0 +1,10 @@
+export * from './alert';
+export * from './createTextProvider';
+export * from './excludeSupportProps';
+export * from './extractSupportProps';
+export * from './getAdaptive';
+export * from './getDisplayMode';
+export * from './getMatchMedia';
+export * from './getUserAgentInfo';
+export * from './keyboardSelectHandler';
+export * from './uniqueId';

package/dist/esm/utils/index.js

@@ -0,0 +1,10 @@
+export * from './alert';
+export * from './createTextProvider';
+export * from './excludeSupportProps';
+export * from './extractSupportProps';
+export * from './getAdaptive';
+export * from './getDisplayMode';
+export * from './getMatchMedia';
+export * from './getUserAgentInfo';
+export * from './keyboardSelectHandler';
+export * from './uniqueId';

package/dist/esm/utils/keyboardSelectHandler.d.ts

@@ -0,0 +1,2 @@
+import { KeyboardEvent } from 'react';
+export declare function keyboardSelectHandler<T>(callback: (event?: KeyboardEvent<T>) => void): (event: KeyboardEvent<T>) => void;

package/dist/esm/utils/keyboardSelectHandler.js

@@ -0,0 +1,7 @@
+export function keyboardSelectHandler(callback) {
+    return (event) => {
+        if (!['Enter', 'Space'].includes(event.code))
+            return;
+        callback(event);
+    };
+}

package/dist/esm/utils/private/constants.d.ts

@@ -0,0 +1 @@
+export declare const DATA_AND_ARIA_REGEXP: RegExp;

package/dist/esm/utils/private/constants.js

@@ -0,0 +1 @@
+export const DATA_AND_ARIA_REGEXP = /^(data|aria)-/;

package/dist/esm/utils/private/excludeProps.d.ts

@@ -0,0 +1,3 @@
+export declare function excludeProps(props: Record<string, unknown>, regexp: RegExp): {
+    [x: string]: unknown;
+};

package/dist/esm/utils/private/excludeProps.js

@@ -0,0 +1,5 @@
+export function excludeProps(props, regexp) {
+    return Object.keys(props)
+        .filter(prop => !prop.match(regexp))
+        .reduce((nextProps, prop) => (Object.assign(Object.assign({}, nextProps), { [prop]: props[prop] })), {});
+}

package/dist/esm/utils/private/extractProps.d.ts

@@ -0,0 +1 @@
+export declare function extractProps(props: Record<string, unknown>, regex: RegExp): Record<string, unknown>;

package/dist/esm/utils/private/extractProps.js

@@ -0,0 +1,7 @@
+export function extractProps(props, regex) {
+    return Object.keys(props).reduce((nextProps, prop) => {
+        if (prop.match(regex))
+            nextProps[prop] = props[prop];
+        return nextProps;
+    }, {});
+}

package/dist/esm/utils/uniqueId.d.ts

@@ -0,0 +1,8 @@
+declare const KEY: unique symbol;
+declare global {
+    interface Window {
+        [KEY]: Record<string, number>;
+    }
+}
+export declare function uniqueId(namespace?: string): string;
+export {};

package/dist/esm/utils/uniqueId.js

@@ -0,0 +1,10 @@
+const KEY = Symbol.for('SBERCLOUD_UIKIT_PRODUCT_UTILS_UNIQUE_ID_KEY');
+const DEFAULT_NAMESPACE = '__DEFAULT_NAMESPACE__';
+export function uniqueId(namespace = DEFAULT_NAMESPACE) {
+    var _a, _b;
+    var _c;
+    (_a = window[KEY]) !== null && _a !== void 0 ? _a : (window[KEY] = {});
+    (_b = (_c = window[KEY])[namespace]) !== null && _b !== void 0 ? _b : (_c[namespace] = 0);
+    const id = ++window[KEY][namespace];
+    return namespace === DEFAULT_NAMESPACE ? id.toString() : `${namespace}__${id}`;
+}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-utils",
   "title": "Utils",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,6 +30,7 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
@@ -43,12 +44,29 @@
   "devDependencies": {
     "@types/ua-parser-js": "0.7.39"
   },
-  "optionalDependencies": {
+  "peerDependencies": {
     "@sbercloud/figma-tokens-admin": "*",
     "@sbercloud/figma-tokens-cloud-platform": "*",
     "@sbercloud/figma-tokens-giga-id": "*",
     "@sbercloud/figma-tokens-mlspace": "*",
     "@sbercloud/figma-tokens-web": "*"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "peerDependenciesMeta": {
+    "@sbercloud/figma-tokens-admin": {
+      "optional": true
+    },
+    "@sbercloud/figma-tokens-cloud-platform": {
+      "optional": true
+    },
+    "@sbercloud/figma-tokens-giga-id": {
+      "optional": true
+    },
+    "@sbercloud/figma-tokens-mlspace": {
+      "optional": true
+    },
+    "@sbercloud/figma-tokens-web": {
+      "optional": true
+    }
+  },
+  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
 }