@skbkontur/react-ui 0.0.0-e66a3400ba → 0.0.0-ea6161656e

package/lib/theming/ThemeContext.md

@@ -0,0 +1,285 @@
+Для кастомизации компонентов используется ThemeContext, реализуемый через `React.Context<Theme>`
+
+Механизм работы: динамические стили генерируются в зависимости от темы в процессе render'а с помощью <a href="https://www.npmjs.com/package/emotion" target="_blank">emotion</a>, полученные классы добавляются в `className` соответствующих элементов.
+
+Тема задается с помощью `ThemeContext.Provider`:
+
+```jsx static
+import { ThemeContext } from '@skbkontur/react-ui';
+
+<ThemeContext.Provider value={theme}>{/* ... */}</ThemeContext.Provider>;
+```
+
+Использовать тему в компоненте можно через `ThemeContext.Consumer`:
+
+```jsx static
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+<ThemeContext.Consumer>
+  {theme => /* ... */ }
+</ThemeContext.Consumer>
+```
+
+`useContext` в функциональных компонентах:
+
+```typescript static
+const theme = useContext(ThemeContext);
+```
+
+или задать `contextType` для класса:
+
+```typescript static
+public static contextType = ThemeContext;
+public context: Theme = this.context;
+```
+
+Список существующих тем:
+
+| Имя                     | Описание                                          |
+|-------------------------|---------------------------------------------------|
+| `THEME_2022`            | Станет дефолтной в `5.0`                          |
+| `DARK_THEME_2022`       | Станет дефолтной темной в `5.0`                   |
+| `DEFAULT_THEME`         | Текущая дефолтная тема. Станет deprecated в `5.0` |
+| `DARK_THEME`            | Темная дефолтная. Станет deprecated в `5.0`       |
+| `DEFAULT_THEME_8PX_OLD` | Тема 2021 г. Будет удалена в  `5.0`               |
+| `FLAT_THEME_8PX_OLD`    | Плоская тема 2021 г. Будет удалена в `5.0`        |
+
+## Примеры использования
+
+### Подключение старой плоской темы
+
+```jsx harmony
+import { ThemeContext, FLAT_THEME_8PX_OLD } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+
+<ThemeContext.Provider value={FLAT_THEME_8PX_OLD}>
+  <div style={{ height: '100%', background: '#fff', padding: '16px' }}>
+    <ShowcaseGroup title="Flat Theme Old" />
+  </div>
+</ThemeContext.Provider>;
+```
+
+### Создание собственной темы
+
+Собственные значения нужно передать в `ThemeFactory.create` и получившуюся тему можно использовать в `ThemeContext.Provider`. `ThemeFactory` расширяет переданный объект, задавая в качестве прототипа объект темы по умолчанию.
+
+```jsx harmony
+import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const myTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' });
+
+<ThemeContext.Provider value={myTheme}>
+  <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+    <ShowcaseGroup title="My Theme" />
+  </div>
+</ThemeContext.Provider>;
+```
+
+Вторым аргументом `ThemeFactory.create` может принимать объект, который будет использован в качестве базовой темы.
+
+```jsx static
+import { ThemeFactory } from '@skbkontur/react-ui';
+import { FLAT_THEME_8PX_OLD } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme8pxOld';
+
+const myFlatTheme = ThemeFactory.create({ btnBorderRadiusSmall: '10px' }, FLAT_THEME_8PX_OLD);
+```
+
+### Использование темы в своих компонентах
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeContext, Button } from '@skbkontur/react-ui';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(ThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.textColorDefault }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Добавление своих переменных
+
+Если вы хотите дополнить одну из тем новыми переменными для своих компонентов, то вы можете использовать отдельный контекст в расширенным объектом темы.
+
+```jsx harmony
+import { useContext } from 'react';
+import { ThemeFactory, Button } from '@skbkontur/react-ui';
+
+const MyThemeContext = React.createContext(ThemeFactory.create({ myTextColor: 'orange' }));
+
+MyThemeContext.displayName = 'MyThemeContext';
+
+function ButtonLinkWrapper(props) {
+  const theme = useContext(MyThemeContext);
+
+  return (
+    <Button use="link" {...props}>
+      {props.children}
+      <span style={{ color: theme.myTextColor }}> ↗</span>
+    </Button>
+  );
+}
+
+<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
+```
+
+### Кастомизация в legacy-приложениях
+
+В случае, если контролы рендерятся через какую-то общую обертку, достаточно добавить в нее `ThemeContext.Provider` с вашей темой. В противном случае, вам подойдет метод `ThemeFactory.overrideDefaultTheme()`.
+
+```typescript static
+import theme from './theme/theme';
+import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
+
+ThemeFactory.overrideDefaultTheme(theme);
+```
+
+### Варианты кастомизации:
+
+Несколько тем одновременно:
+<br/>
+
+```jsx harmony
+import { ThemeContext, DEFAULT_THEME_8PX_OLD, DEFAULT_THEME } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const CombinedComponents = () => (
+  <>
+    <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+      <ThemeContext.Provider value={DEFAULT_THEME}>
+        <div>
+          <ShowcaseGroup title="Default Theme" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+    <div style={{height: '100%', background: '#fff', padding: '16px'}}>
+      <ThemeContext.Provider value={DEFAULT_THEME_8PX_OLD}>
+        <div>
+          <ShowcaseGroup title="Default Theme Old" />
+        </div>
+      </ThemeContext.Provider>
+    </div>
+  </ >
+);
+
+<CombinedComponents />;
+```
+
+Вложенные темы:
+<br/>
+
+```jsx harmony
+import { ThemeContext, DEFAULT_THEME_8PX_OLD, DEFAULT_THEME, DARK_THEME } from '@skbkontur/react-ui';
+import { ShowcaseGroup } from '@skbkontur/react-ui/internal/ThemePlayground/ShowcaseGroup';
+
+const wrapperStyles = {
+  border: '1px solid rgb(188, 187, 187)',
+  padding: '0 15px 15px',
+  marginTop: 25,
+};
+
+const NestedThemes = () => (
+  <ThemeContext.Provider value={DEFAULT_THEME_8PX_OLD}>
+    <div style={{ ...wrapperStyles, width: 750, background: '#fff' }}>
+      <ShowcaseGroup title="Default Theme Old" />
+      <ThemeContext.Provider value={DEFAULT_THEME}>
+        <div style={{ ...wrapperStyles, background: '#fff' }}>
+          <ShowcaseGroup title="Default Theme" />
+          <ThemeContext.Provider value={DARK_THEME}>
+            <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
+              <ShowcaseGroup title="Dark Theme" />
+            </div>
+          </ThemeContext.Provider>
+        </div>
+      </ThemeContext.Provider>
+    </div>
+  </ThemeContext.Provider>
+);
+
+<NestedThemes />;
+```
+
+## Кастомизация @skbkontur/react-ui-addons
+
+Компоненты `@skbkontur/react-ui-addons` так же поддерживают кастомизацию через `ThemeContext` из `@skbkontur/react-ui`. Достаточно переопределить нужные переменные, которые перечислены на страницах компонентов в [докумендации аддонов](https://ui.gitlab-pages.kontur.host/docs/#/react-ui-addons).
+
+```tsx static
+import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
+import { Logotype, AddonsThemeIn } from '@skbkontur/react-ui-addons';
+
+const myTheme = ThemeFactory.create<AddonsThemeIn>({
+  logoColor: 'black',
+});
+
+<ThemeContext.Provider value={myTheme}>
+  <Logotype />
+</ThemeContext.Provider>;
+```
+
+## Дополнительно
+
+### ColorFunctions.ts / DimensionFunctions.ts
+
+Несколько функций по работе с цветом вынесены из less в js, их можно использовать в своих темах (_ColorFunctions.ts_):
+
+```typescript static
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.darken(colorString: string, amount: number | string, method?: 'absolute' | 'relative'): string
+ColorFunctions.contrast(colorString: string, darkString?: string, lightString?: string, threshold: number = 0.43): string
+ColorFunctions.red(colorString: string): string
+ColorFunctions.green(colorString: string): string
+ColorFunctions.blue(colorString: string): string
+ColorFunctions.alpha(colorString: string): string
+ColorFunctions.isValid(colorString: string): boolean // проверяет, можно ли распарсить строку в цвет
+```
+
+Документацию по их работе можно найти на сайте [less](http://lesscss.org/functions/#color-operations).
+В качестве colorString можно передать цвет в одном из форматов: `keyword`, `hex`, `rgb(r, g, b)`, `rgba(r, g, b, a)`, `hsl(h, s, l)`, `hsla(h, s, l, a)`.
+В качестве `amount` можно передать строку вида 'N%' или число от 0 до 1.
+Все значения больше или меньше возможных обрезаются. Например, для `rgba(300, -100, 123, 20)` `r=255, g=0, b=123, a=1`.
+Если распарсить `colorString` не получилось - выбрасывается исключение.
+Если это возможно, результат возвращается в том же виде, что и входная строка:
+
+```typescript static
+import { ColorFunctions } from '@skbkontur/react-ui'
+
+ColorFunctions.lighten('hsl(90, 0.8, 0.2)', '20%') === 'hsl(90, 0.8, 0.4)';
+ColorFunctions.lighten('rgba(50, 50, 50, 0.2)', '20%') === 'rgba(102, 102, 102, 0.2)';
+ColorFunctions.lighten('#80e619', 0.2) === '#b3f075';
+ColorFunctions.lighten('crimson', '20%') === '#f16581';
+```
+
+Для работы с размерами предусмотрена одна функция (_DimensionFunctions.ts_):
+
+```typescript static
+shift(value: string, shift: string): string
+
+// пример
+import { DimensionFunctions } from '@skbkontur/react-ui'
+
+DimensionFunctions.shift('100%', '-20') === '80%'
+DimensionFunctions.shift('2em', '+2') === '4em'
+DimensionFunctions.shift('12', '+1') === '13px'  //если единица измерения не указана - используется px
+DimensionFunctions.shift('10.2', '12.333451') === '22.5335px' //дробная часть округляется до 4 знаков
+```
+
+### Список кастомизируемых компонентов
+
+Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)
+Информация собирается в рантайме с помощью `Proxy`, поэтому в IE таблица не отображается.
+
+### Playground
+
+Внутренний компонент `Playground` (_components/internal/ThemePlayground/Playground.tsx_) можно использовать для построения своей темы.
+Для удобства в редакторе добавлено действие "вывести тему в консоль".

package/lib/theming/ThemeFactory/ThemeFactory.js

@@ -0,0 +1,55 @@
+import { DefaultThemeInternal } from "../../../internal/themes/DefaultTheme";
+import { isNonNullable } from "../../utils";
+import { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from "../ThemeHelpers";
+export var ThemeFactory = /*#__PURE__*/function () {
+  function ThemeFactory() {}
+
+  ThemeFactory.create = function create(theme, baseTheme) {
+    var base = baseTheme || DefaultThemeInternal;
+    return this.constructTheme(base, theme);
+  };
+
+  ThemeFactory.overrideDefaultTheme = function overrideDefaultTheme(theme) {
+    // copying theme variables
+    ThemeFactory.getKeys(DefaultThemeInternal).forEach(function (variableName) {
+      var descriptor = findPropertyDescriptor(theme, variableName);
+      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);
+    }); // copying theme markers
+
+    Object.values(REACT_UI_THEME_MARKERS).forEach(function (marker) {
+      var descriptor = findPropertyDescriptor(theme, marker.key);
+      Object.defineProperty(DefaultThemeInternal, marker.key, descriptor);
+    });
+  };
+
+  ThemeFactory.getKeys = function getKeys(theme) {
+    var keys = [];
+
+    while (isNonNullable(theme)) {
+      Object.keys(theme).forEach(function (key) {
+        if (!keys.includes(key)) {
+          keys.push(key);
+        }
+      }); // TODO: Enable `no-param-reassign` rule.
+      // eslint-disable-next-line no-param-reassign
+
+      theme = Object.getPrototypeOf(theme);
+    }
+
+    return keys.sort();
+  };
+
+  ThemeFactory.constructTheme = function constructTheme(base, theme) {
+    var newTheme = Object.create(base);
+    Object.keys(theme).forEach(function (propName) {
+      var descriptor = Object.getOwnPropertyDescriptor(theme, propName);
+
+      if (descriptor) {
+        Object.defineProperty(newTheme, propName, descriptor);
+      }
+    });
+    return Object.freeze(newTheme);
+  };
+
+  return ThemeFactory;
+}();

package/lib/theming/ThemeFactory/ThemeFactory.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","isNonNullable","findPropertyDescriptor","REACT_UI_THEME_MARKERS","ThemeFactory","create","theme","baseTheme","base","constructTheme","overrideDefaultTheme","getKeys","forEach","variableName","descriptor","Object","defineProperty","values","marker","key","keys","includes","push","getPrototypeOf","sort","newTheme","propName","getOwnPropertyDescriptor","freeze"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;AACA,SAASC,aAAT,QAA8B,UAA9B;;;AAGA,SAASC,sBAAT,EAAiCC,sBAAjC,QAA+D,gBAA/D;;AAEA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAwCC,KAAxC,EAA4DC,SAA5D,EAAoG;AAClG,QAAMC,IAAI,GAAGD,SAAS,IAAIP,oBAA1B;AACA,WAAO,KAAKS,cAAL,CAAoBD,IAApB,EAA0BF,KAA1B,CAAP;AACD,GAJH;;AAMgBI,EAAAA,oBANhB,GAME,8BAAmCJ,KAAnC,EAAiD;AAC/C;AACAF,IAAAA,YAAY,CAACO,OAAb,CAAqBX,oBAArB,EAA2CY,OAA3C,CAAmD,UAACC,YAAD,EAAkB;AACnE,UAAMC,UAAU,GAAGZ,sBAAsB,CAACI,KAAD,EAAQO,YAAR,CAAzC;AACAE,MAAAA,MAAM,CAACC,cAAP,CAAsBhB,oBAAtB,EAA4Ca,YAA5C,EAA0DC,UAA1D;AACD,KAHD;;AAKA;AACAC,IAAAA,MAAM,CAACE,MAAP,CAAcd,sBAAd,EAAsCS,OAAtC,CAA8C,UAACM,MAAD,EAAY;AACxD,UAAMJ,UAAU,GAAGZ,sBAAsB,CAACI,KAAD,EAAQY,MAAM,CAACC,GAAf,CAAzC;AACAJ,MAAAA,MAAM,CAACC,cAAP,CAAsBhB,oBAAtB,EAA4CkB,MAAM,CAACC,GAAnD,EAAwDL,UAAxD;AACD,KAHD;AAID,GAlBH;;AAoBgBH,EAAAA,OApBhB,GAoBE,iBAAuCL,KAAvC,EAAiD;AAC/C,QAAMc,IAAoB,GAAG,EAA7B;AACA,WAAOnB,aAAa,CAACK,KAAD,CAApB,EAA6B;AAC1BS,MAAAA,MAAM,CAACK,IAAP,CAAYd,KAAZ,CAAD,CAAoCM,OAApC,CAA4C,UAACO,GAAD,EAAS;AACnD,YAAI,CAACC,IAAI,CAACC,QAAL,CAAcF,GAAd,CAAL,EAAyB;AACvBC,UAAAA,IAAI,CAACE,IAAL,CAAUH,GAAV;AACD;AACF,OAJD;AAKA;AACA;AACAb,MAAAA,KAAK,GAAGS,MAAM,CAACQ,cAAP,CAAsBjB,KAAtB,CAAR;AACD;;AAED,WAAOc,IAAI,CAACI,IAAL,EAAP;AACD,GAlCH;;AAoCiBf,EAAAA,cApCjB,GAoCE,wBAA8BD,IAA9B,EAA2CF,KAA3C,EAA2D;AACzD,QAAMmB,QAAQ,GAAGV,MAAM,CAACV,MAAP,CAAcG,IAAd,CAAjB;AACAO,IAAAA,MAAM,CAACK,IAAP,CAAYd,KAAZ,EAAmBM,OAAnB,CAA2B,UAACc,QAAD,EAAc;AACvC,UAAMZ,UAAU,GAAGC,MAAM,CAACY,wBAAP,CAAgCrB,KAAhC,EAAuCoB,QAAvC,CAAnB;AACA,UAAIZ,UAAJ,EAAgB;AACdC,QAAAA,MAAM,CAACC,cAAP,CAAsBS,QAAtB,EAAgCC,QAAhC,EAA0CZ,UAA1C;AACD;AACF,KALD;;AAOA,WAAOC,MAAM,CAACa,MAAP,CAAcH,QAAd,CAAP;AACD,GA9CH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\nimport { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\nimport { findPropertyDescriptor, REACT_UI_THEME_MARKERS } from './ThemeHelpers';\n\nexport class ThemeFactory {\n  public static create<T extends unknown>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T> {\n    const base = baseTheme || DefaultThemeInternal;\n    return this.constructTheme(base, theme);\n  }\n\n  public static overrideDefaultTheme(theme: Theme) {\n    // copying theme variables\n    ThemeFactory.getKeys(DefaultThemeInternal).forEach((variableName) => {\n      const descriptor = findPropertyDescriptor(theme, variableName);\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\n    });\n\n    // copying theme markers\n    Object.values(REACT_UI_THEME_MARKERS).forEach((marker) => {\n      const descriptor = findPropertyDescriptor(theme, marker.key);\n      Object.defineProperty(DefaultThemeInternal, marker.key, descriptor);\n    });\n  }\n\n  public static getKeys<T extends Theme>(theme: T) {\n    const keys: Array<keyof T> = [];\n    while (isNonNullable(theme)) {\n      (Object.keys(theme) as typeof keys).forEach((key) => {\n        if (!keys.includes(key)) {\n          keys.push(key);\n        }\n      });\n      // TODO: Enable `no-param-reassign` rule.\n      // eslint-disable-next-line no-param-reassign\n      theme = Object.getPrototypeOf(theme);\n    }\n\n    return keys.sort();\n  }\n\n  private static constructTheme(base: Theme, theme: ThemeIn) {\n    const newTheme = Object.create(base);\n    Object.keys(theme).forEach((propName) => {\n      const descriptor = Object.getOwnPropertyDescriptor(theme, propName);\n      if (descriptor) {\n        Object.defineProperty(newTheme, propName, descriptor);\n      }\n    });\n\n    return Object.freeze(newTheme);\n  }\n}\n"]}

package/lib/theming/ThemeFactory/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/ThemeFactory.js",
+  "module": "ThemeFactory",
+  "types": "../ThemeFactory.d.ts",
+  "sideEffects": false
+}

package/lib/theming/ThemeFactory.d.ts

@@ -0,0 +1,7 @@
+import { Theme, ThemeIn } from './Theme';
+export declare class ThemeFactory {
+    static create<T extends unknown>(theme: ThemeIn & T, baseTheme?: Theme): Readonly<Theme & T>;
+    static overrideDefaultTheme(theme: Theme): void;
+    static getKeys<T extends Theme>(theme: T): (keyof T)[];
+    private static constructTheme;
+}

package/lib/theming/ThemeHelpers/ThemeHelpers.js

@@ -0,0 +1,72 @@
+import { isNonNullable } from "../../utils";
+export var exposeGetters = function exposeGetters(theme) {
+  var descriptors = Object.getOwnPropertyDescriptors(theme);
+  Object.keys(descriptors).forEach(function (key) {
+    var descriptor = descriptors[key];
+
+    if (typeof descriptor.get === 'function' && descriptor.configurable) {
+      descriptor.enumerable = true;
+      Object.defineProperty(theme, key, descriptor);
+    }
+  });
+  return theme;
+};
+export var REACT_UI_THEME_MARKERS = {
+  darkTheme: {
+    key: '__IS_REACT_UI_DARK_THEME__',
+    value: true
+  },
+  theme2022: {
+    key: '__IS_REACT_UI_THEME_2022__',
+    value: true
+  }
+}; // backward compatible
+
+export var REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;
+export var isDarkTheme = function isDarkTheme(theme) {
+  // @ts-expect-error: internal value.
+  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;
+};
+export var markAsDarkTheme = function markAsDarkTheme(theme) {
+  var _Object$create;
+
+  return Object.create(theme, (_Object$create = {}, _Object$create[REACT_UI_THEME_MARKERS.darkTheme.key] = {
+    value: REACT_UI_THEME_MARKERS.darkTheme.value,
+    writable: false,
+    enumerable: false,
+    configurable: false
+  }, _Object$create));
+};
+export var markAsTheme2022 = function markAsTheme2022(theme) {
+  var _Object$create2;
+
+  return Object.create(theme, (_Object$create2 = {}, _Object$create2[REACT_UI_THEME_MARKERS.theme2022.key] = {
+    value: REACT_UI_THEME_MARKERS.theme2022.value,
+    writable: false,
+    enumerable: false,
+    configurable: false
+  }, _Object$create2));
+};
+export var isTheme2022 = function isTheme2022(theme) {
+  // @ts-expect-error: internal value.
+  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;
+};
+export function findPropertyDescriptor(theme, propName) {
+  // TODO: Rewrite for loop.
+  // TODO: Enable `no-param-reassign` rule.
+  // eslint-disable-next-line no-param-reassign
+  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {
+    if (Object.prototype.hasOwnProperty.call(theme, propName)) {
+      return Object.getOwnPropertyDescriptor(theme, propName) || {};
+    }
+  }
+
+  return {};
+}
+export function applyMarkers(theme, markers) {
+  var markedTheme = theme;
+  markers.forEach(function (marker) {
+    markedTheme = marker(theme);
+  });
+  return markedTheme;
+}

package/lib/theming/ThemeHelpers/ThemeHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["ThemeHelpers.ts"],"names":["isNonNullable","exposeGetters","theme","descriptors","Object","getOwnPropertyDescriptors","keys","forEach","key","descriptor","get","configurable","enumerable","defineProperty","REACT_UI_THEME_MARKERS","darkTheme","value","theme2022","REACT_UI_DARK_THEME_KEY","isDarkTheme","markAsDarkTheme","create","writable","markAsTheme2022","isTheme2022","findPropertyDescriptor","propName","getPrototypeOf","prototype","hasOwnProperty","call","getOwnPropertyDescriptor","applyMarkers","markers","markedTheme","marker"],"mappings":"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","sourcesContent":["import { isNonNullable } from '../utils';\n\nimport { Theme, ThemeIn } from './Theme';\n\nexport type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;\nexport type Markers = Marker[];\n\nexport const exposeGetters = <T extends Record<string, any>>(theme: T): T => {\n  const descriptors = Object.getOwnPropertyDescriptors(theme);\n  Object.keys(descriptors).forEach((key) => {\n    const descriptor = descriptors[key];\n    if (typeof descriptor.get === 'function' && descriptor.configurable) {\n      descriptor.enumerable = true;\n      Object.defineProperty(theme, key, descriptor);\n    }\n  });\n  return theme;\n};\n\nexport const REACT_UI_THEME_MARKERS = {\n  darkTheme: {\n    key: '__IS_REACT_UI_DARK_THEME__',\n    value: true,\n  },\n  theme2022: {\n    key: '__IS_REACT_UI_THEME_2022__',\n    value: true,\n  },\n};\n\n// backward compatible\nexport const REACT_UI_DARK_THEME_KEY = REACT_UI_THEME_MARKERS.darkTheme.key;\n\nexport const isDarkTheme = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.darkTheme.key] === REACT_UI_THEME_MARKERS.darkTheme.value;\n};\n\nexport const markAsDarkTheme: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.darkTheme.key]: {\n      value: REACT_UI_THEME_MARKERS.darkTheme.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const markAsTheme2022: Marker = (theme) => {\n  return Object.create(theme, {\n    [REACT_UI_THEME_MARKERS.theme2022.key]: {\n      value: REACT_UI_THEME_MARKERS.theme2022.value,\n      writable: false,\n      enumerable: false,\n      configurable: false,\n    },\n  });\n};\n\nexport const isTheme2022 = (theme: Theme | ThemeIn): boolean => {\n  // @ts-expect-error: internal value.\n  return theme[REACT_UI_THEME_MARKERS.theme2022.key] === REACT_UI_THEME_MARKERS.theme2022.value;\n};\n\nexport function findPropertyDescriptor(theme: Theme, propName: string) {\n  // TODO: Rewrite for loop.\n  // TODO: Enable `no-param-reassign` rule.\n  // eslint-disable-next-line no-param-reassign\n  for (; isNonNullable(theme); theme = Object.getPrototypeOf(theme)) {\n    if (Object.prototype.hasOwnProperty.call(theme, propName)) {\n      return Object.getOwnPropertyDescriptor(theme, propName) || {};\n    }\n  }\n  return {};\n}\n\nexport function applyMarkers(theme: Readonly<Theme>, markers: Markers) {\n  let markedTheme: Readonly<Theme> = theme;\n  markers.forEach((marker) => {\n    markedTheme = marker(theme);\n  });\n  return markedTheme;\n}\n"]}

package/lib/theming/ThemeHelpers/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../cjs/lib/theming/ThemeHelpers.js",
+  "module": "ThemeHelpers",
+  "types": "../ThemeHelpers.d.ts",
+  "sideEffects": false
+}

package/lib/theming/ThemeHelpers.d.ts

@@ -0,0 +1,21 @@
+import { Theme, ThemeIn } from './Theme';
+export declare type Marker = (theme: Readonly<Theme>) => Readonly<Theme>;
+export declare type Markers = Marker[];
+export declare const exposeGetters: <T extends Record<string, any>>(theme: T) => T;
+export declare const REACT_UI_THEME_MARKERS: {
+    darkTheme: {
+        key: string;
+        value: boolean;
+    };
+    theme2022: {
+        key: string;
+        value: boolean;
+    };
+};
+export declare const REACT_UI_DARK_THEME_KEY: string;
+export declare const isDarkTheme: (theme: Theme | ThemeIn) => boolean;
+export declare const markAsDarkTheme: Marker;
+export declare const markAsTheme2022: Marker;
+export declare const isTheme2022: (theme: Theme | ThemeIn) => boolean;
+export declare function findPropertyDescriptor(theme: Theme, propName: string): PropertyDescriptor;
+export declare function applyMarkers(theme: Readonly<Theme>, markers: Markers): Readonly<Readonly<typeof import("../../internal/themes/DefaultTheme").DefaultTheme>>;

package/lib/theming/themes/DarkTheme/DarkTheme.js

@@ -0,0 +1,4 @@
+import { DarkThemeInternal } from "../../../../internal/themes/DarkTheme";
+import { ThemeFactory } from "../../ThemeFactory";
+import { applyMarkers, markAsDarkTheme } from "../../ThemeHelpers";
+export var DARK_THEME = applyMarkers(ThemeFactory.create({}, DarkThemeInternal), [markAsDarkTheme]);

package/lib/theming/themes/DarkTheme/DarkTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DarkTheme.ts"],"names":["DarkThemeInternal","ThemeFactory","applyMarkers","markAsDarkTheme","DARK_THEME","create"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,QAA6B,iBAA7B;AACA,SAASC,YAAT,EAAuBC,eAAvB,QAA8C,iBAA9C;;AAEA,OAAO,IAAMC,UAAU,GAAGF,YAAY,CAACD,YAAY,CAACI,MAAb,CAAoB,EAApB,EAAwBL,iBAAxB,CAAD,EAA6C,CAACG,eAAD,CAA7C,CAA/B","sourcesContent":["import { DarkThemeInternal } from '../../../internal/themes/DarkTheme';\nimport { ThemeFactory } from '../ThemeFactory';\nimport { applyMarkers, markAsDarkTheme } from '../ThemeHelpers';\n\nexport const DARK_THEME = applyMarkers(ThemeFactory.create({}, DarkThemeInternal), [markAsDarkTheme]);\n"]}

package/lib/theming/themes/DarkTheme/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/DarkTheme.js",
+  "module": "DarkTheme",
+  "types": "../DarkTheme.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/DarkTheme.d.ts

@@ -0,0 +1 @@
+export declare const DARK_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

package/lib/theming/themes/DefaultTheme/DefaultTheme.js

@@ -0,0 +1,3 @@
+import { DefaultThemeInternal } from "../../../../internal/themes/DefaultTheme";
+import { ThemeFactory } from "../../ThemeFactory";
+export var DEFAULT_THEME = ThemeFactory.create({}, DefaultThemeInternal);

package/lib/theming/themes/DefaultTheme/DefaultTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DefaultTheme.ts"],"names":["DefaultThemeInternal","ThemeFactory","DEFAULT_THEME","create"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,uCAArC;AACA,SAASC,YAAT,QAA6B,iBAA7B;;AAEA,OAAO,IAAMC,aAAa,GAAGD,YAAY,CAACE,MAAb,CAAoB,EAApB,EAAwBH,oBAAxB,CAAtB","sourcesContent":["import { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\nimport { ThemeFactory } from '../ThemeFactory';\n\nexport const DEFAULT_THEME = ThemeFactory.create({}, DefaultThemeInternal);\n"]}

package/lib/theming/themes/DefaultTheme/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/DefaultTheme.js",
+  "module": "DefaultTheme",
+  "types": "../DefaultTheme.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/DefaultTheme.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_THEME: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

package/lib/theming/themes/DefaultTheme8pxOld/DefaultTheme8pxOld.js

@@ -0,0 +1,5 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { NotFlatThemeInternal } from "../../../../internal/themes/NotFlat";
+import { OldColorsThemeInternal } from "../../../../internal/themes/OldColors";
+import { DefaultThemeInternal } from "../../../../internal/themes/DefaultTheme";
+export var DEFAULT_THEME_8PX_OLD = ThemeFactory.create(NotFlatThemeInternal, ThemeFactory.create(OldColorsThemeInternal, DefaultThemeInternal));

package/lib/theming/themes/DefaultTheme8pxOld/DefaultTheme8pxOld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DefaultTheme8pxOld.ts"],"names":["ThemeFactory","NotFlatThemeInternal","OldColorsThemeInternal","DefaultThemeInternal","DEFAULT_THEME_8PX_OLD","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;AACA,SAASC,oBAAT,QAAqC,kCAArC;AACA,SAASC,sBAAT,QAAuC,oCAAvC;AACA,SAASC,oBAAT,QAAqC,uCAArC;;AAEA,OAAO,IAAMC,qBAAqB,GAAGJ,YAAY,CAACK,MAAb;AACnCJ,oBADmC;AAEnCD,YAAY,CAACK,MAAb,CAAoBH,sBAApB,EAA4CC,oBAA5C,CAFmC,CAA9B","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { NotFlatThemeInternal } from '../../../internal/themes/NotFlat';\nimport { OldColorsThemeInternal } from '../../../internal/themes/OldColors';\nimport { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\n\nexport const DEFAULT_THEME_8PX_OLD = ThemeFactory.create(\n  NotFlatThemeInternal,\n  ThemeFactory.create(OldColorsThemeInternal, DefaultThemeInternal),\n);\n"]}

package/lib/theming/themes/DefaultTheme8pxOld/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/DefaultTheme8pxOld.js",
+  "module": "DefaultTheme8pxOld",
+  "types": "../DefaultTheme8pxOld.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/DefaultTheme8pxOld.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_THEME_8PX_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/NotFlat").NotFlatTheme>;

package/lib/theming/themes/DefaultThemeMobile/DefaultThemeMobile.js

@@ -0,0 +1,5 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { DEFAULT_THEME } from "../DefaultTheme";
+export var DEFAULT_THEME_MOBILE = ThemeFactory.create({
+  mobileMediaQuery: '(max-width: 576px)'
+}, DEFAULT_THEME);

package/lib/theming/themes/DefaultThemeMobile/DefaultThemeMobile.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["DefaultThemeMobile.ts"],"names":["ThemeFactory","DEFAULT_THEME","DEFAULT_THEME_MOBILE","create","mobileMediaQuery"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;;AAEA,SAASC,aAAT,QAA8B,gBAA9B;;AAEA,OAAO,IAAMC,oBAAoB,GAAGF,YAAY,CAACG,MAAb;AAClC;AACEC,EAAAA,gBAAgB,EAAE,oBADpB,EADkC;;AAIlCH,aAJkC,CAA7B","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\n\nimport { DEFAULT_THEME } from './DefaultTheme';\n\nexport const DEFAULT_THEME_MOBILE = ThemeFactory.create(\n  {\n    mobileMediaQuery: '(max-width: 576px)',\n  },\n  DEFAULT_THEME,\n);\n"]}

package/lib/theming/themes/DefaultThemeMobile/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/DefaultThemeMobile.js",
+  "module": "DefaultThemeMobile",
+  "types": "../DefaultThemeMobile.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/DefaultThemeMobile.d.ts

@@ -0,0 +1,3 @@
+export declare const DEFAULT_THEME_MOBILE: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & {
+    mobileMediaQuery: string;
+}>;

package/lib/theming/themes/FlatTheme8pxOld/FlatTheme8pxOld.js

@@ -0,0 +1,4 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { OldColorsThemeInternal } from "../../../../internal/themes/OldColors";
+import { DefaultThemeInternal } from "../../../../internal/themes/DefaultTheme";
+export var FLAT_THEME_8PX_OLD = ThemeFactory.create(OldColorsThemeInternal, DefaultThemeInternal);

package/lib/theming/themes/FlatTheme8pxOld/FlatTheme8pxOld.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["FlatTheme8pxOld.ts"],"names":["ThemeFactory","OldColorsThemeInternal","DefaultThemeInternal","FLAT_THEME_8PX_OLD","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;AACA,SAASC,sBAAT,QAAuC,oCAAvC;AACA,SAASC,oBAAT,QAAqC,uCAArC;;AAEA,OAAO,IAAMC,kBAAkB,GAAGH,YAAY,CAACI,MAAb,CAAoBH,sBAApB,EAA4CC,oBAA5C,CAA3B","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { OldColorsThemeInternal } from '../../../internal/themes/OldColors';\nimport { DefaultThemeInternal } from '../../../internal/themes/DefaultTheme';\n\nexport const FLAT_THEME_8PX_OLD = ThemeFactory.create(OldColorsThemeInternal, DefaultThemeInternal);\n"]}

package/lib/theming/themes/FlatTheme8pxOld/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/FlatTheme8pxOld.js",
+  "module": "FlatTheme8pxOld",
+  "types": "../FlatTheme8pxOld.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/FlatTheme8pxOld.d.ts

@@ -0,0 +1 @@
+export declare const FLAT_THEME_8PX_OLD: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme> & typeof import("../../../internal/themes/OldColors").OldColorsTheme>;

package/lib/theming/themes/Theme2022/Theme2022.js

@@ -0,0 +1,5 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { Theme2022Internal } from "../../../../internal/themes/Theme2022";
+import { applyMarkers, markAsTheme2022 } from "../../ThemeHelpers";
+import { DEFAULT_THEME } from "../DefaultTheme";
+export var THEME_2022 = applyMarkers(ThemeFactory.create(Theme2022Internal, DEFAULT_THEME), [markAsTheme2022]);

package/lib/theming/themes/Theme2022/Theme2022.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022.ts"],"names":["ThemeFactory","Theme2022Internal","applyMarkers","markAsTheme2022","DEFAULT_THEME","THEME_2022","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;AACA,SAASC,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,EAAuBC,eAAvB,QAA8C,iBAA9C;;AAEA,SAASC,aAAT,QAA8B,gBAA9B;;AAEA,OAAO,IAAMC,UAAU,GAAGH,YAAY,CAACF,YAAY,CAACM,MAAb,CAAoBL,iBAApB,EAAuCG,aAAvC,CAAD,EAAwD,CAACD,eAAD,CAAxD,CAA/B","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\nimport { applyMarkers, markAsTheme2022 } from '../ThemeHelpers';\n\nimport { DEFAULT_THEME } from './DefaultTheme';\n\nexport const THEME_2022 = applyMarkers(ThemeFactory.create(Theme2022Internal, DEFAULT_THEME), [markAsTheme2022]);\n"]}

package/lib/theming/themes/Theme2022/package.json

@@ -0,0 +1,6 @@
+{
+  "main": "../../../../cjs/lib/theming/themes/Theme2022.js",
+  "module": "Theme2022",
+  "types": "../Theme2022.d.ts",
+  "sideEffects": false
+}

package/lib/theming/themes/Theme2022.d.ts

@@ -0,0 +1 @@
+export declare const THEME_2022: Readonly<Readonly<typeof import("../../../internal/themes/DefaultTheme").DefaultTheme>>;

package/lib/theming/themes/Theme2022Dark/Theme2022Dark.js

@@ -0,0 +1,6 @@
+import { ThemeFactory } from "../../ThemeFactory";
+import { Theme2022DarkInternal } from "../../../../internal/themes/Theme2022Dark";
+import { Theme2022Internal } from "../../../../internal/themes/Theme2022";
+import { applyMarkers, markAsDarkTheme, markAsTheme2022 } from "../../ThemeHelpers";
+import { DARK_THEME } from "../DarkTheme";
+export var THEME_2022_DARK = applyMarkers(ThemeFactory.create(Theme2022DarkInternal, ThemeFactory.create(Theme2022Internal, DARK_THEME)), [markAsDarkTheme, markAsTheme2022]);

package/lib/theming/themes/Theme2022Dark/Theme2022Dark.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Theme2022Dark.ts"],"names":["ThemeFactory","Theme2022DarkInternal","Theme2022Internal","applyMarkers","markAsDarkTheme","markAsTheme2022","DARK_THEME","THEME_2022_DARK","create"],"mappings":"AAAA,SAASA,YAAT,QAA6B,iBAA7B;AACA,SAASC,qBAAT,QAAsC,wCAAtC;AACA,SAASC,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,EAAuBC,eAAvB,EAAwCC,eAAxC,QAA+D,iBAA/D;;AAEA,SAASC,UAAT,QAA2B,aAA3B;;AAEA,OAAO,IAAMC,eAAe,GAAGJ,YAAY;AACzCH,YAAY,CAACQ,MAAb,CAAoBP,qBAApB,EAA2CD,YAAY,CAACQ,MAAb,CAAoBN,iBAApB,EAAuCI,UAAvC,CAA3C,CADyC;AAEzC,CAACF,eAAD,EAAkBC,eAAlB,CAFyC,CAApC","sourcesContent":["import { ThemeFactory } from '../ThemeFactory';\nimport { Theme2022DarkInternal } from '../../../internal/themes/Theme2022Dark';\nimport { Theme2022Internal } from '../../../internal/themes/Theme2022';\nimport { applyMarkers, markAsDarkTheme, markAsTheme2022 } from '../ThemeHelpers';\n\nimport { DARK_THEME } from './DarkTheme';\n\nexport const THEME_2022_DARK = applyMarkers(\n  ThemeFactory.create(Theme2022DarkInternal, ThemeFactory.create(Theme2022Internal, DARK_THEME)),\n  [markAsDarkTheme, markAsTheme2022],\n);\n"]}