@skbkontur/react-ui 6.4.7-b33c6.0 → 6.4.7

package/lib/theming/memoizeTheme.js

@@ -1,37 +0,0 @@
-import { ThemeFactory } from './ThemeFactory.js';
-/**
- * Запоминает производную тему по ссылкам на аргументы (объекты — в WeakMap, строки, флаги и `undefined` — в Map).
- * Новый объект темы на каждый рендер промахивается мимо кеша `getThemeVars` и заставляет React сверять
- * сотни ключей `style` на носителе, поэтому тема должна меняться только вместе со своими входами.
- * Все входы функции обязаны быть её аргументами.
- */
-export function memoizeTheme(fn) {
-    var root = {};
-    return function () {
-        var _a, _b;
-        var args = [];
-        for (var _i = 0; _i < arguments.length; _i++) {
-            args[_i] = arguments[_i];
-        }
-        var node = root;
-        for (var _c = 0, args_1 = args; _c < args_1.length; _c++) {
-            var arg = args_1[_c];
-            var isObject = typeof arg === 'object' && arg !== null;
-            var map = isObject ? ((_a = node.objects) !== null && _a !== void 0 ? _a : (node.objects = new WeakMap())) : ((_b = node.primitives) !== null && _b !== void 0 ? _b : (node.primitives = new Map()));
-            var next = map.get(arg);
-            if (!next) {
-                next = {};
-                map.set(arg, next);
-            }
-            node = next;
-        }
-        if (!node.hasValue) {
-            node.value = fn.apply(void 0, args);
-            node.hasValue = true;
-        }
-        return node.value;
-    };
-}
-/** `ThemeFactory.create(propsTheme, theme)` с памятью по ссылкам; без `propsTheme` — сама `theme`. */
-export var mergePropsTheme = memoizeTheme(function (theme, propsTheme) { return (propsTheme ? ThemeFactory.create(propsTheme, theme) : theme); });
-//# sourceMappingURL=memoizeTheme.js.map

package/lib/theming/memoizeTheme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"memoizeTheme.js","sourceRoot":"","sources":["memoizeTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAWjD;;;;;GAKG;AACH,MAAM,UAAU,YAAY,CAAwB,EAAwB;IAC1E,IAAM,IAAI,GAAc,EAAE,CAAC;IAC3B,OAAO;;QAAC,cAAa;aAAb,UAAa,EAAb,qBAAa,EAAb,IAAa;YAAb,yBAAa;;QACnB,IAAI,IAAI,GAAG,IAAI,CAAC;QAChB,KAAkB,UAAI,EAAJ,aAAI,EAAJ,kBAAI,EAAJ,IAAI,EAAE,CAAC;YAApB,IAAM,GAAG,aAAA;YACZ,IAAM,QAAQ,GAAG,OAAO,GAAG,KAAK,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;YACzD,IAAM,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,OAAC,IAAI,CAAC,OAAO,oCAAZ,IAAI,CAAC,OAAO,GAAK,IAAI,OAAO,EAAE,EAAC,CAAC,CAAC,CAAC,OAAC,IAAI,CAAC,UAAU,oCAAf,IAAI,CAAC,UAAU,GAAK,IAAI,GAAG,EAAE,EAAC,CAAC;YAC1F,IAAI,IAAI,GAAG,GAAG,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC;YAClC,IAAI,CAAC,IAAI,EAAE,CAAC;gBACV,IAAI,GAAG,EAAE,CAAC;gBACV,GAAG,CAAC,GAAG,CAAC,GAAa,EAAE,IAAI,CAAC,CAAC;YAC/B,CAAC;YACD,IAAI,GAAG,IAAI,CAAC;QACd,CAAC;QACD,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC;YACnB,IAAI,CAAC,KAAK,GAAG,EAAE,eAAI,IAAI,CAAC,CAAC;YACzB,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;QACvB,CAAC;QACD,OAAO,IAAI,CAAC,KAAU,CAAC;IACzB,CAAC,CAAC;AACJ,CAAC;AAED,sGAAsG;AACtG,MAAM,CAAC,IAAM,eAAe,GAAG,YAAY,CACzC,UAAC,KAAY,EAAE,UAAoB,IAAY,OAAA,CAAC,UAAU,CAAC,CAAC,CAAC,YAAY,CAAC,MAAM,CAAC,UAAmB,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,EAAtE,CAAsE,CACtH,CAAC","sourcesContent":["import type { Theme, ThemeIn } from './Theme.js';\nimport { ThemeFactory } from './ThemeFactory.js';\n\ntype Key = object | string | boolean | undefined;\n\ninterface CacheNode {\n  objects?: WeakMap<object, CacheNode>;\n  primitives?: Map<unknown, CacheNode>;\n  hasValue?: boolean;\n  value?: unknown;\n}\n\n/**\n * Запоминает производную тему по ссылкам на аргументы (объекты — в WeakMap, строки, флаги и `undefined` — в Map).\n * Новый объект темы на каждый рендер промахивается мимо кеша `getThemeVars` и заставляет React сверять\n * сотни ключей `style` на носителе, поэтому тема должна меняться только вместе со своими входами.\n * Все входы функции обязаны быть её аргументами.\n */\nexport function memoizeTheme<Args extends Key[], R>(fn: (...args: Args) => R): (...args: Args) => R {\n  const root: CacheNode = {};\n  return (...args: Args): R => {\n    let node = root;\n    for (const arg of args) {\n      const isObject = typeof arg === 'object' && arg !== null;\n      const map = isObject ? (node.objects ??= new WeakMap()) : (node.primitives ??= new Map());\n      let next = map.get(arg as object);\n      if (!next) {\n        next = {};\n        map.set(arg as object, next);\n      }\n      node = next;\n    }\n    if (!node.hasValue) {\n      node.value = fn(...args);\n      node.hasValue = true;\n    }\n    return node.value as R;\n  };\n}\n\n/** `ThemeFactory.create(propsTheme, theme)` с памятью по ссылкам; без `propsTheme` — сама `theme`. */\nexport const mergePropsTheme = memoizeTheme(\n  (theme: Theme, propsTheme?: ThemeIn): Theme => (propsTheme ? ThemeFactory.create(propsTheme as Theme, theme) : theme),\n);\n"]}

package/lib/theming/themeVars.d.ts

@@ -1,37 +0,0 @@
-import type React from 'react';
-import type { Theme } from './Theme.js';
-import '../../theme-loader.js';
-export declare const themeVarName: (token: string) => string;
-/**
- * Стили без переменных темы. Носитель кладёт их ребёнку в `props.style`, и если ребёнок — компонент,
- * они доезжают до вложенного носителя: там они уже посчитаны заново, а старые значения мешали бы
- * вложенной теме вернуть токен к значению по умолчанию. Чужие `--k-color-*` из палитры не трогаем.
- */
-export declare const omitThemeVars: (style: React.CSSProperties | undefined) => React.CSSProperties;
-/**
- * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы
- * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.
- */
-export declare const ThemeCarrierContext: React.Context<Readonly<typeof import("../../internal/themes/BasicTheme.js").BasicThemeClass> | null>;
-/**
- * Переменные, которыми тема отличается от темы носителя выше (без носителя — от темы по умолчанию: её значения
- * уже зашиты в CSS запасными значениями `var(--k-x, <значение>)`). Токен, вернувшийся к значению по умолчанию,
- * сбрасывается в `initial`: иначе наследовалась бы переменная предка.
- */
-export declare const getThemeVars: (theme: Theme, parent?: Theme | null) => React.CSSProperties;
-/**
- * Копия переменных темы для theme-loader.js: в серверном HTML атрибут `style` блокирует строгий CSP. Только на
- * сервере — на клиенте React ставит style через CSSOM, а лишний атрибут помешал бы гидрации.
- */
-export declare const getServerThemeVarsAttr: (vars: React.CSSProperties) => string | undefined;
-/**
- * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы
- * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.
- * Для условий в стилях, которые вычисляются при сборке.
- */
-export declare const tokenDefault: (value: string) => string;
-/**
- * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под
- * `@scope ([data-k-set~="<токен>"])` (см. whenThemeSets в vanilla.ts), чтобы без темы отбрасываться, как раньше.
- */
-export declare const getThemeSetTokens: (theme: Theme) => string;

package/lib/theming/themeVars.js

@@ -1,121 +0,0 @@
-import { createContext } from 'react';
-import { LIGHT_THEME } from './themes/LightTheme.js';
-// переносит тему из серверного HTML под строгим CSP до гидрации; модуль грузят все носители темы
-import '../../theme-loader.js';
-var THEME_VAR_PREFIX = '--k-';
-export var themeVarName = function (token) { return "".concat(THEME_VAR_PREFIX).concat(token); };
-var cache = new WeakMap();
-var themeVarNames = new Set();
-for (var key in LIGHT_THEME) {
-    themeVarNames.add(themeVarName(key));
-}
-/**
- * Стили без переменных темы. Носитель кладёт их ребёнку в `props.style`, и если ребёнок — компонент,
- * они доезжают до вложенного носителя: там они уже посчитаны заново, а старые значения мешали бы
- * вложенной теме вернуть токен к значению по умолчанию. Чужие `--k-color-*` из палитры не трогаем.
- */
-export var omitThemeVars = function (style) {
-    if (!style) {
-        return {};
-    }
-    var rest = {};
-    for (var _i = 0, _a = Object.keys(style); _i < _a.length; _i++) {
-        var key = _a[_i];
-        if (!themeVarNames.has(key)) {
-            rest[key] = style[key];
-        }
-    }
-    return rest;
-};
-/**
- * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы
- * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.
- */
-export var ThemeCarrierContext = createContext(null);
-ThemeCarrierContext.displayName = 'ThemeCarrierContext';
-/**
- * Переменные, которыми тема отличается от темы носителя выше (без носителя — от темы по умолчанию: её значения
- * уже зашиты в CSS запасными значениями `var(--k-x, <значение>)`). Токен, вернувшийся к значению по умолчанию,
- * сбрасывается в `initial`: иначе наследовалась бы переменная предка.
- */
-export var getThemeVars = function (theme, parent) {
-    if (parent === void 0) { parent = null; }
-    var parentKey = parent !== null && parent !== void 0 ? parent : LIGHT_THEME;
-    var byParent = cache.get(theme);
-    if (!byParent) {
-        byParent = new WeakMap();
-        cache.set(theme, byParent);
-    }
-    var vars = byParent.get(parentKey);
-    if (vars) {
-        return vars;
-    }
-    vars = {};
-    if (theme !== LIGHT_THEME || (parent && parent !== LIGHT_THEME)) {
-        for (var key in theme) {
-            var value = theme[key];
-            var base = LIGHT_THEME[key];
-            var inherited = parent ? parent[key] : base;
-            if (typeof value === 'string' && value !== inherited) {
-                // `initial` делает переменную недействительной — срабатывает запасное значение из var(); `inherit` вернул бы
-                // значение предка
-                vars[themeVarName(key)] = value === base || value === '' ? 'initial' : value;
-            }
-        }
-    }
-    byParent.set(parentKey, vars);
-    return vars;
-};
-var varsAttrCache = new WeakMap();
-/**
- * Копия переменных темы для theme-loader.js: в серверном HTML атрибут `style` блокирует строгий CSP. Только на
- * сервере — на клиенте React ставит style через CSSOM, а лишний атрибут помешал бы гидрации.
- */
-export var getServerThemeVarsAttr = function (vars) {
-    if (typeof document !== 'undefined') {
-        return undefined;
-    }
-    var attr = varsAttrCache.get(vars);
-    if (attr === undefined) {
-        attr = Object.entries(vars)
-            .map(function (_a) {
-            var name = _a[0], value = _a[1];
-            return "".concat(name, ":").concat(value);
-        })
-            .join(';');
-        varsAttrCache.set(vars, attr);
-    }
-    return attr || undefined;
-};
-/**
- * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы
- * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.
- * Для условий в стилях, которые вычисляются при сборке.
- */
-export var tokenDefault = function (value) {
-    var match = /^var\(--k-[A-Za-z0-9]+,\s*(.*)\)$/.exec(value.trim());
-    return match ? match[1] : value;
-};
-var setTokensCache = new WeakMap();
-/**
- * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под
- * `@scope ([data-k-set~="<токен>"])` (см. whenThemeSets в vanilla.ts), чтобы без темы отбрасываться, как раньше.
- */
-export var getThemeSetTokens = function (theme) {
-    var tokens = setTokensCache.get(theme);
-    if (tokens === undefined) {
-        var set = [];
-        for (var key in theme) {
-            var value = theme[key];
-            if (LIGHT_THEME[key] === '' &&
-                typeof value === 'string' &&
-                value !== '') {
-                set.push(key);
-            }
-        }
-        tokens = set.join(' ');
-        setTokensCache.set(theme, tokens);
-    }
-    return tokens;
-};
-//# sourceMappingURL=themeVars.js.map

package/lib/theming/themeVars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeVars.js","sourceRoot":"","sources":["themeVars.ts"],"names":[],"mappings":"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","sourcesContent":["import type React from 'react';\nimport { createContext } from 'react';\n\nimport type { Theme } from './Theme.js';\nimport { LIGHT_THEME } from './themes/LightTheme.js';\n// переносит тему из серверного HTML под строгим CSP до гидрации; модуль грузят все носители темы\nimport '../../theme-loader.js';\n\nconst THEME_VAR_PREFIX = '--k-';\n\nexport const themeVarName = (token: string): string => `${THEME_VAR_PREFIX}${token}`;\n\nconst cache = new WeakMap<Theme, WeakMap<Theme, React.CSSProperties>>();\n\nconst themeVarNames = new Set<string>();\nfor (const key in LIGHT_THEME) {\n  themeVarNames.add(themeVarName(key));\n}\n\n/**\n * Стили без переменных темы. Носитель кладёт их ребёнку в `props.style`, и если ребёнок — компонент,\n * они доезжают до вложенного носителя: там они уже посчитаны заново, а старые значения мешали бы\n * вложенной теме вернуть токен к значению по умолчанию. Чужие `--k-color-*` из палитры не трогаем.\n */\nexport const omitThemeVars = (style: React.CSSProperties | undefined): React.CSSProperties => {\n  if (!style) {\n    return {};\n  }\n  const rest: Record<string, unknown> = {};\n  for (const key of Object.keys(style)) {\n    if (!themeVarNames.has(key)) {\n      rest[key] = style[key as keyof React.CSSProperties];\n    }\n  }\n  return rest as React.CSSProperties;\n};\n\n/**\n * Тема, которую применил ближайший носитель выше по DOM (CommonWrapper, контейнер портала). Нужна, чтобы\n * вложенная тема могла вернуть токен к значению по умолчанию: переменная предка иначе наследуется.\n */\nexport const ThemeCarrierContext = createContext<Theme | null>(null);\nThemeCarrierContext.displayName = 'ThemeCarrierContext';\n\n/**\n * Переменные, которыми тема отличается от темы носителя выше (без носителя — от темы по умолчанию: её значения\n * уже зашиты в CSS запасными значениями `var(--k-x, <значение>)`). Токен, вернувшийся к значению по умолчанию,\n * сбрасывается в `initial`: иначе наследовалась бы переменная предка.\n */\nexport const getThemeVars = (theme: Theme, parent: Theme | null = null): React.CSSProperties => {\n  const parentKey = parent ?? LIGHT_THEME;\n  let byParent = cache.get(theme);\n  if (!byParent) {\n    byParent = new WeakMap();\n    cache.set(theme, byParent);\n  }\n  let vars = byParent.get(parentKey);\n  if (vars) {\n    return vars;\n  }\n  vars = {};\n  if (theme !== LIGHT_THEME || (parent && parent !== LIGHT_THEME)) {\n    for (const key in theme) {\n      const value = (theme as unknown as Record<string, unknown>)[key];\n      const base = (LIGHT_THEME as unknown as Record<string, unknown>)[key];\n      const inherited = parent ? (parent as unknown as Record<string, unknown>)[key] : base;\n      if (typeof value === 'string' && value !== inherited) {\n        // `initial` делает переменную недействительной — срабатывает запасное значение из var(); `inherit` вернул бы\n        // значение предка\n        (vars as Record<string, string>)[themeVarName(key)] = value === base || value === '' ? 'initial' : value;\n      }\n    }\n  }\n  byParent.set(parentKey, vars);\n  return vars;\n};\n\nconst varsAttrCache = new WeakMap<React.CSSProperties, string>();\n\n/**\n * Копия переменных темы для theme-loader.js: в серверном HTML атрибут `style` блокирует строгий CSP. Только на\n * сервере — на клиенте React ставит style через CSSOM, а лишний атрибут помешал бы гидрации.\n */\nexport const getServerThemeVarsAttr = (vars: React.CSSProperties): string | undefined => {\n  if (typeof document !== 'undefined') {\n    return undefined;\n  }\n  let attr = varsAttrCache.get(vars);\n  if (attr === undefined) {\n    attr = Object.entries(vars)\n      .map(([name, value]) => `${name}:${value}`)\n      .join(';');\n    varsAttrCache.set(vars, attr);\n  }\n  return attr || undefined;\n};\n\n/**\n * Значение токена по умолчанию: снимает обёртку `var(--k-<токен>, <значение темы>)` один раз. Значение темы\n * само может быть `var(--k-color-..., #fff)` из палитры — его не раскрываем: master сравнивал именно эти строки.\n * Для условий в стилях, которые вычисляются при сборке.\n */\nexport const tokenDefault = (value: string): string => {\n  const match = /^var\\(--k-[A-Za-z0-9]+,\\s*(.*)\\)$/.exec(value.trim());\n  return match ? match[1] : value;\n};\n\nconst setTokensCache = new WeakMap<Theme, string>();\n\n/**\n * Пустые по умолчанию токены, которые тема задала. Их объявления в CSS стоят под\n * `@scope ([data-k-set~=\"<токен>\"])` (см. whenThemeSets в vanilla.ts), чтобы без темы отбрасываться, как раньше.\n */\nexport const getThemeSetTokens = (theme: Theme): string => {\n  let tokens = setTokensCache.get(theme);\n  if (tokens === undefined) {\n    const set: string[] = [];\n    for (const key in theme) {\n      const value = (theme as unknown as Record<string, unknown>)[key];\n      if (\n        (LIGHT_THEME as unknown as Record<string, unknown>)[key] === '' &&\n        typeof value === 'string' &&\n        value !== ''\n      ) {\n        set.push(key);\n      }\n    }\n    tokens = set.join(' ');\n    setTokensCache.set(theme, tokens);\n  }\n  return tokens;\n};\n"]}