@skbkontur/react-ui 0.0.0-8fc80072ce → 0.0.0-9294639913

package/lib/theming/AnimationKeyframes.js

@@ -1,44 +0,0 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";function _templateObject6() {var data = _taggedTemplateLiteralLoose(["\n        100%, 0% { stroke: ", "; }\n        40% { stroke: ", "; }\n        66% { stroke: ", "; }\n        80%, 90% { stroke: ", "; }\n      "]);_templateObject6 = function _templateObject6() {return data;};return data;}function _templateObject5() {var data = _taggedTemplateLiteralLoose(["\n        100% { transform: rotate(360deg); }\n      "]);_templateObject5 = function _templateObject5() {return data;};return data;}function _templateObject4() {var data = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 62.5%, 168.75%; }\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\n        100% { stroke-dasharray: 62.5%, 168.75%; }\n      "]);_templateObject4 = function _templateObject4() {return data;};return data;}function _templateObject3() {var data = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 0; }\n        100% { stroke-dashoffset: -231.25%; }\n      "]);_templateObject3 = function _templateObject3() {return data;};return data;}function _templateObject2() {var data = _taggedTemplateLiteralLoose(["\n        0% { stroke-dasharray: 10, 96; }\n        50% { stroke-dasharray: 50, 56; }\n        100% { stroke-dasharray: 10, 96;}\n      "]);_templateObject2 = function _templateObject2() {return data;};return data;}function _templateObject() {var data = _taggedTemplateLiteralLoose(["\n        0% { stroke-dashoffset: 10; }\n        100% { stroke-dashoffset: 116; }\n      "]);_templateObject = function _templateObject() {return data;};return data;}import { keyframes } from './Emotion';
-
-
-export var AnimationKeyframes = {
-  spinnerCloudOffset: function spinnerCloudOffset(t) {
-    return keyframes(_templateObject());
-
-
-
-  },
-
-  spinnerCloudLength: function spinnerCloudLength(t) {
-    return keyframes(_templateObject2());
-
-
-
-
-  },
-  spinnerCircleOffset: function spinnerCircleOffset(t) {
-    return keyframes(_templateObject3());
-
-
-
-  },
-  spinnerCircleLength: function spinnerCircleLength(t) {
-    return keyframes(_templateObject4());
-
-
-
-
-  },
-  spinnerCircleRotate: function spinnerCircleRotate(t) {
-    return keyframes(_templateObject5());
-
-
-  },
-  spinnerColor: function spinnerColor(t) {
-    return keyframes(_templateObject6(),
-    t.red,
-    t.yellow,
-    t.green,
-    t.brand);
-
-  } };

package/lib/theming/AnimationKeyframes.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["AnimationKeyframes.ts"],"names":["keyframes","AnimationKeyframes","spinnerCloudOffset","t","spinnerCloudLength","spinnerCircleOffset","spinnerCircleLength","spinnerCircleRotate","spinnerColor","red","yellow","green","brand"],"mappings":"8nDAAA,SAASA,SAAT,QAA0B,WAA1B;;;AAGA,OAAO,IAAMC,kBAAkB,GAAG;AAChCC,EAAAA,kBADgC,8BACbC,CADa,EACH;AAC3B,WAAOH,SAAP;;;;AAID,GAN+B;;AAQhCI,EAAAA,kBARgC,8BAQbD,CARa,EAQH;AAC3B,WAAOH,SAAP;;;;;AAKD,GAd+B;AAehCK,EAAAA,mBAfgC,+BAeZF,CAfY,EAeF;AAC5B,WAAOH,SAAP;;;;AAID,GApB+B;AAqBhCM,EAAAA,mBArBgC,+BAqBZH,CArBY,EAqBF;AAC5B,WAAOH,SAAP;;;;;AAKD,GA3B+B;AA4BhCO,EAAAA,mBA5BgC,+BA4BZJ,CA5BY,EA4BF;AAC5B,WAAOH,SAAP;;;AAGD,GAhC+B;AAiChCQ,EAAAA,YAjCgC,wBAiCnBL,CAjCmB,EAiCT;AACrB,WAAOH,SAAP;AACyBG,IAAAA,CAAC,CAACM,GAD3B;AAEoBN,IAAAA,CAAC,CAACO,MAFtB;AAGoBP,IAAAA,CAAC,CAACQ,KAHtB;AAIyBR,IAAAA,CAAC,CAACS,KAJ3B;;AAMD,GAxC+B,EAA3B","sourcesContent":["import { keyframes } from './Emotion';\r\nimport { Theme } from './Theme';\r\n\r\nexport const AnimationKeyframes = {\r\n  spinnerCloudOffset(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dashoffset: 10; }\r\n        100% { stroke-dashoffset: 116; }\r\n      `;\r\n  },\r\n\r\n  spinnerCloudLength(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dasharray: 10, 96; }\r\n        50% { stroke-dasharray: 50, 56; }\r\n        100% { stroke-dasharray: 10, 96;}\r\n      `;\r\n  },\r\n  spinnerCircleOffset(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dashoffset: 0; }\r\n        100% { stroke-dashoffset: -231.25%; }\r\n      `;\r\n  },\r\n  spinnerCircleLength(t: Theme) {\r\n    return keyframes`\r\n        0% { stroke-dasharray: 62.5%, 168.75%; }\r\n        50% {  stroke-dasharray: 187.5%, 43.75%; }\r\n        100% { stroke-dasharray: 62.5%, 168.75%; }\r\n      `;\r\n  },\r\n  spinnerCircleRotate(t: Theme) {\r\n    return keyframes`\r\n        100% { transform: rotate(360deg); }\r\n      `;\r\n  },\r\n  spinnerColor(t: Theme) {\r\n    return keyframes`\r\n        100%, 0% { stroke: ${t.red}; }\r\n        40% { stroke: ${t.yellow}; }\r\n        66% { stroke: ${t.green}; }\r\n        80%, 90% { stroke: ${t.brand}; }\r\n      `;\r\n  },\r\n};\r\n"]}

package/lib/theming/Emotion.js

@@ -1,59 +0,0 @@
-import createEmotion from 'create-emotion';
-import extraScopePlugin from 'stylis-plugin-extra-scope';
-
-import { Upgrade } from '../Upgrades';
-
-
-
-var PREFIX = 'react-ui';
-
-var scope = new Array(Upgrade.getSpecificityLevel()).fill("." + PREFIX).join('');var _createEmotion =
-
-
-
-
-
-
-
-
-
-
-
-
-createEmotion({
-  key: PREFIX,
-  stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined }),flush = _createEmotion.flush,hydrate = _createEmotion.hydrate,cx = _createEmotion.cx,merge = _createEmotion.merge,getRegisteredStyles = _createEmotion.getRegisteredStyles,injectGlobal = _createEmotion.injectGlobal,keyframes = _createEmotion.keyframes,css = _createEmotion.css,sheet = _createEmotion.sheet,cache = _createEmotion.cache;export { flush, hydrate, cx, merge, getRegisteredStyles, injectGlobal, keyframes, css, sheet, cache };
-
-
-export var cssName = function cssName(className) {return "." + className;};
-
-function isZeroArgs(fn) {
-  return fn.length == 0;
-}
-
-var memoize = function memoize(fn) {
-  if (isZeroArgs(fn)) {
-    var isCalled = false;
-    var result;
-    return function () {
-      if (!isCalled) {
-        isCalled = true;
-        result = fn();
-      }
-      return result;
-    };
-  }
-
-  var cache = new WeakMap();
-  return function (arg) {
-    if (!cache.has(arg)) cache.set(arg, fn(arg));
-    return cache.get(arg);
-  };
-};
-
-export var memoizeStyle = function memoizeStyle(
-styles)
-{
-  Object.keys(styles).forEach(function (className) {return styles[className] = memoize(styles[className]);});
-  return styles;
-};

package/lib/theming/Emotion.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["Emotion.ts"],"names":["createEmotion","extraScopePlugin","Upgrade","PREFIX","scope","Array","getSpecificityLevel","fill","join","key","stylisPlugins","undefined","flush","hydrate","cx","merge","getRegisteredStyles","injectGlobal","keyframes","css","sheet","cache","cssName","className","isZeroArgs","fn","length","memoize","isCalled","result","WeakMap","arg","has","set","get","memoizeStyle","styles","Object","keys","forEach"],"mappings":"AAAA,OAAOA,aAAP,MAA0B,gBAA1B;AACA,OAAOC,gBAAP,MAA6B,2BAA7B;;AAEA,SAASC,OAAT,QAAwB,aAAxB;;;;AAIA,IAAMC,MAAM,GAAG,UAAf;;AAEA,IAAMC,KAAK,GAAG,IAAIC,KAAJ,CAAUH,OAAO,CAACI,mBAAR,EAAV,EAAyCC,IAAzC,OAAkDJ,MAAlD,EAA4DK,IAA5D,CAAiE,EAAjE,CAAd,C;;;;;;;;;;;;;AAaIR,aAAa,CAAC;AAChBS,EAAAA,GAAG,EAAEN,MADW;AAEhBO,EAAAA,aAAa,EAAEN,KAAK,GAAG,CAACH,gBAAgB,CAACG,KAAD,CAAjB,CAAH,GAA+BO,SAFnC,EAAD,C,CAVfC,K,kBAAAA,K,CACAC,O,kBAAAA,O,CACAC,E,kBAAAA,E,CACAC,K,kBAAAA,K,CACAC,mB,kBAAAA,mB,CACAC,Y,kBAAAA,Y,CACAC,S,kBAAAA,S,CACAC,G,kBAAAA,G,CACAC,K,kBAAAA,K,CACAC,K,kBAAAA,K;;;AAMF,OAAO,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAACC,SAAD,gBAAmCA,SAAnC,EAAhB;;AAEP,SAASC,UAAT,CAAwDC,EAAxD,EAAyF;AACvF,SAAOA,EAAE,CAACC,MAAH,IAAa,CAApB;AACD;;AAED,IAAMC,OAAO,GAAG,SAAVA,OAAU,CAAsBF,EAAtB,EAAuF;AACrG,MAAID,UAAU,CAACC,EAAD,CAAd,EAAoB;AAClB,QAAIG,QAAQ,GAAG,KAAf;AACA,QAAIC,MAAJ;AACA,WAAO,YAAM;AACX,UAAI,CAACD,QAAL,EAAe;AACbA,QAAAA,QAAQ,GAAG,IAAX;AACAC,QAAAA,MAAM,GAAGJ,EAAE,EAAX;AACD;AACD,aAAOI,MAAP;AACD,KAND;AAOD;;AAED,MAAMR,KAAK,GAAG,IAAIS,OAAJ,EAAd;AACA,SAAO,UAACC,GAAD,EAAY;AACjB,QAAI,CAACV,KAAK,CAACW,GAAN,CAAUD,GAAV,CAAL,EAAqBV,KAAK,CAACY,GAAN,CAAUF,GAAV,EAAeN,EAAE,CAACM,GAAD,CAAjB;AACrB,WAAOV,KAAK,CAACa,GAAN,CAAUH,GAAV,CAAP;AACD,GAHD;AAID,CAlBD;;AAoBA,OAAO,IAAMI,YAAY,GAAG,SAAfA,YAAe;AAC1BC,MAD0B;AAEpB;AACNC,EAAAA,MAAM,CAACC,IAAP,CAAYF,MAAZ,EAAoBG,OAApB,CAA4B,UAAAhB,SAAS,UAAKa,MAAM,CAACb,SAAD,CAAN,GAA+BI,OAAO,CAACS,MAAM,CAACb,SAAD,CAAP,CAA3C,EAArC;AACA,SAAOa,MAAP;AACD,CALM","sourcesContent":["import createEmotion from 'create-emotion';\r\nimport extraScopePlugin from 'stylis-plugin-extra-scope';\r\n\r\nimport { Upgrade } from '../Upgrades';\r\n\r\nimport { Theme } from './Theme';\r\n\r\nconst PREFIX = 'react-ui';\r\n\r\nconst scope = new Array(Upgrade.getSpecificityLevel()).fill(`.${PREFIX}`).join('');\r\n\r\nexport const {\r\n  flush,\r\n  hydrate,\r\n  cx,\r\n  merge,\r\n  getRegisteredStyles,\r\n  injectGlobal,\r\n  keyframes,\r\n  css,\r\n  sheet,\r\n  cache,\r\n} = createEmotion({\r\n  key: PREFIX,\r\n  stylisPlugins: scope ? [extraScopePlugin(scope)] : undefined,\r\n});\r\n\r\nexport const cssName = (className: string): string => `.${className}`;\r\n\r\nfunction isZeroArgs<R, T extends (...args: any[]) => R>(fn: T | Function): fn is () => R {\r\n  return fn.length == 0;\r\n}\r\n\r\nconst memoize = <A extends object, R>(fn: (() => R) | ((arg: A) => R)): (() => R) | ((arg: A) => R) => {\r\n  if (isZeroArgs(fn)) {\r\n    let isCalled = false;\r\n    let result: R;\r\n    return () => {\r\n      if (!isCalled) {\r\n        isCalled = true;\r\n        result = fn();\r\n      }\r\n      return result;\r\n    };\r\n  }\r\n\r\n  const cache = new WeakMap();\r\n  return (arg: A) => {\r\n    if (!cache.has(arg)) cache.set(arg, fn(arg));\r\n    return cache.get(arg);\r\n  };\r\n};\r\n\r\nexport const memoizeStyle = <S extends { [className: string]: (() => string) | ((t: Theme) => string) }>(\r\n  styles: S,\r\n): S => {\r\n  Object.keys(styles).forEach(className => (styles[className as keyof S] = memoize(styles[className]) as S[keyof S]));\r\n  return styles;\r\n};\r\n"]}

package/lib/theming/Theme.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[]}

package/lib/theming/ThemeContext.js

@@ -1,5 +0,0 @@
-import React from 'react';
-
-import { DEFAULT_THEME } from './themes/DefaultTheme';
-
-export var ThemeContext = React.createContext(DEFAULT_THEME);

package/lib/theming/ThemeContext.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ThemeContext.ts"],"names":["React","DEFAULT_THEME","ThemeContext","createContext"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;;AAEA,SAASC,aAAT,QAA8B,uBAA9B;;AAEA,OAAO,IAAMC,YAAY,GAAGF,KAAK,CAACG,aAAN,CAAoBF,aAApB,CAArB","sourcesContent":["import React from 'react';\r\n\r\nimport { DEFAULT_THEME } from './themes/DefaultTheme';\r\n\r\nexport const ThemeContext = React.createContext(DEFAULT_THEME);\r\n"]}

package/lib/theming/ThemeContext.md

@@ -1,268 +0,0 @@
-Темизация компонентов через контекст `React.Context<Theme>`.
-
-Тема задается с помошью `Provider`:
-
-```jsx static
-<ThemeContext.Provider value={theme}>...</ThemeContext.Provider>
-```
-
-```jsx harmony
-import { Button, ThemeContext, FLAT_THEME } from '@skbkontur/react-ui';
-
-<ThemeContext.Provider value={FLAT_THEME}>
-  <Button>React UI</Button>
-</ThemeContext.Provider>;
-```
-
-Использовать тему в компоненте можно через `Consumer`:
-
-```jsx static
-<ThemeContext.Consumer>
-    {theme => ... }
-</ThemeContext.Consumer>
-```
-
-```jsx harmony
-import { ThemeContext, Button } from '@skbkontur/react-ui';
-
-class ButtonLinkWrapper extends React.Component {
-  render() {
-    return (
-      <ThemeContext.Consumer>
-        {theme => {
-          return (
-            <Button use="link" {...this.props}>
-              {this.props.children}
-              <span style={{ color: theme.textColorDefault }}> ↗</span>
-            </Button>
-          );
-        }}
-      </ThemeContext.Consumer>
-    );
-  }
-}
-
-<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
-```
-
-`useContext` в функциональных компонентах:
-
-```typescript static
-const theme = useContext(ThemeContext);
-```
-
-```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>;
-```
-
-или задать `contextType` для класса:
-
-```typescript static
-static contextType = ThemeContext;
-...
-const theme = this.context;
-```
-
-```jsx harmony
-import { ThemeContext, Button } from '@skbkontur/react-ui';
-
-class ButtonLinkWrapper extends React.Component {
-  render() {
-    const theme = this.context;
-
-    return (
-      <Button use="link" {...this.props}>
-        {this.props.children}
-        <span style={{ color: theme.textColorDefault }}> ↗</span>
-      </Button>
-    );
-  }
-}
-
-ButtonLinkWrapper.contextType = ThemeContext;
-
-<ButtonLinkWrapper>ButtonLinkWrapper</ButtonLinkWrapper>;
-```
-
-Кастомизация компонентов с помощью библиотеки [`emotion`](https://github.com/emotion-js/emotion)
-
-```typescript
-import defaultThemeVariables from './components/variables.less';
-import flatThemeVariables from './components/variables.flat.less';
-
-type ThemeType = typeof defaultThemeVariables & typeof flatThemeVariables;
-type ThemeInType = Partial<ThemeType>;
-
-interface ThemeIn extends ThemeInType {}
-```
-
-В качестве базовой темы выступает объект, полученный из переменных `variables.less`. Объект, переданный в `value` будет смерджен с объектом базовой темой.
-
-Помимо базовой темы, есть плоская тема, собранная из переменных `variables.flat.less`.
-Объект плоской темы можно импортировать и передавать в ThemeContext.Provider:
-
-```jsx harmony
-import { ThemeContext } from '@skbkontur/react-ui';
-import { FLAT_THEME as flatTheme } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme';
-import { ShowcaseGroup } from '@skbkontur/react-ui/components/internal/ThemePlayground/ShowcaseGroup';
-
-const FlatComponents = () => (
-  <ThemeContext.Provider value={flatTheme}>
-    <ShowcaseGroup />
-  </ThemeContext.Provider>
-);
-
-<FlatComponents />;
-```
-
-### Варианты кастомизации:
-
-Несколько тем одновременно:
-<br/>
-
-```jsx harmony
-import { ThemeContext } from '@skbkontur/react-ui';
-import { FLAT_THEME as flatTheme } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme';
-import { ShowcaseGroup } from '@skbkontur/react-ui/components/internal/ThemePlayground/ShowcaseGroup';
-
-const CombinedComponents = () => (
-  <>
-    <ShowcaseGroup title="Default" />
-    <ThemeContext.Provider value={flatTheme}>
-      <div>
-        <ShowcaseGroup title="Flat" />
-      </div>
-    </ThemeContext.Provider>
-  </>
-);
-
-<CombinedComponents />;
-```
-
-Вложенные темы:
-<br/>
-
-```jsx harmony
-import { ThemeContext } from '@skbkontur/react-ui';
-import { FLAT_THEME as flatTheme } from '@skbkontur/react-ui/lib/theming/themes/FlatTheme';
-import { DEFAULT_THEME as defaultTheme } from '@skbkontur/react-ui/lib/theming/themes/DefaultTheme';
-import { darkTheme } from '@skbkontur/react-ui/components/internal/ThemePlayground/darkTheme';
-import { ShowcaseGroup } from '@skbkontur/react-ui/components/internal/ThemePlayground/ShowcaseGroup';
-
-const wrapperStyles = {
-  border: '1px solid rgb(188, 187, 187)',
-  padding: '0 15px 15px',
-  marginTop: 25,
-};
-
-const NestedThemes = () => (
-  <ThemeContext.Provider value={flatTheme}>
-    <div style={{ ...wrapperStyles, width: 750 }}>
-      <ShowcaseGroup title="Flat Theme" />
-      <ThemeContext.Provider value={defaultTheme}>
-        <div style={wrapperStyles}>
-          <ShowcaseGroup title="Default Theme" />
-          <ThemeContext.Provider value={darkTheme}>
-            <div style={{ ...wrapperStyles, background: '#000', color: '#fff' }}>
-              <ShowcaseGroup title="Dark Theme" />
-            </div>
-          </ThemeContext.Provider>
-        </div>
-      </ThemeContext.Provider>
-    </div>
-  </ThemeContext.Provider>
-);
-
-<NestedThemes />;
-```
-
-### Переход с кастомизации с помощью `less`
-
-Для перехода с кастомизации посредстовом переопределения less-переменных, необходимо превратить less-переменные в объект темы.
-Это можно сделать с помощью <a target="_blank" href="https://raw.githubusercontent.com/skbkontur/retail-ui/master/packages/react-ui-codemodes/customization/variablesConverter.js">скрипта</a>
-
-Скрипту необходимо передать два параметра: `variables` - путь до файла с перменными и `output` - путь до файла, в который нужно записать объект темы. Если по пути, переданному в `output`, файла не существует, файл будет создан. В противном случае, он будет перезаписан.
-
-Перед запуском скрипт необходимо скачать и положить в папку с проектом. В процессе конвертации используется пакет [less.js](https://www.npmjs.com/package/less), который скрипт возьмет из зависимостей проекта.
-
-Пример использования:
-
-```shell
-node variablesConverter.js variables=../../less/myVariables.less output=../theme/theme.js
-```
-
-Для следующего содержимого myVariables.less:
-
-```less
-@btn-danger-bg: #e14c30;
-@warning-main: #f69c00;
-@error-main: #d70c17;
-@border-color-gray-dark: rgba(0, 0, 0, 0.28);
-@border-color-gray-light: rgba(0, 0, 0, 0.15);
-@tab-color-hover-error: lighten(@btn-danger-bg, 20%);
-@toggle-bg-warning: @warning-main;
-@toggle-bg-error: @error-main;
-```
-
-Сгенерируется файл theme.js:
-
-```typescript
-export default {
-  btnDangerBg: '#e14c30',
-  warningMain: '#f69c00',
-  errorMain: '#d70c17',
-  borderColorGrayDark: 'rgba(0, 0, 0, 0.28)',
-  borderColorGrayLight: 'rgba(0, 0, 0, 0.15)',
-  tabColorHoverError: '#ee9989',
-  toggleBgWarning: '#f69c00',
-  toggleBgError: '#d70c17',
-};
-```
-
-Далее объект из `theme.js` нужно обернуть в `ThemeFactory.create` и можно передавать в ThemeContext.Provider:
-
-```jsx static
-import ReactDOM from 'react-dom';
-import React from 'react';
-import { ThemeContext, ThemeFactory } from '@skbkontur/react-ui';
-
-import App from './components/App';
-import theme from './theme/theme';
-
-ReactDOM.render(
-  <ThemeContext.Provider value={ThemeFactory.create(theme)}>
-    <App />
-  </ThemeContext.Provider>,
-  document.getElementById('app'),
-);
-```
-
-В случае, если приложение не является полноценным React-приложением, и тему нужно переопределить единоразово, то можно воспользоваться методом `overrideDefaultTheme` в `ThemeFactory`:
-
-```typescript static
-// точка входа в приложение
-...
-import theme from './theme/theme';
-import { ThemeFactory } from '@skbkontur/react-ui/lib/theming/ThemeFactory';
-
-ThemeFactory.overrideDefaultTheme(theme);
-...
-```
-
-### Список кастомизируемых компонентов
-
-Посмотреть, какие компоненты можно кастомизировать, а также увидеть, какие переменные используются в каждом из них, можно в [таблице](#/Customization/ThemeShowcase)

package/lib/theming/ThemeFactory.js

@@ -1,42 +0,0 @@
-import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';
-
-
-
-var IS_THEME_KEY = '__IS_REACT_UI_THEME__';
-
-Object.defineProperty(DefaultThemeInternal, IS_THEME_KEY, {
-  value: true,
-  writable: false,
-  enumerable: false,
-  configurable: false });
-
-
-export var ThemeFactory = /*#__PURE__*/function () {function ThemeFactory() {}ThemeFactory.
-  create = function create(theme) {
-    return Object.freeze(Object.setPrototypeOf(theme, DefaultThemeInternal));
-  };ThemeFactory.
-
-  isFullTheme = function isFullTheme(theme) {
-    // @ts-ignore
-    return theme[IS_THEME_KEY] === true;
-  };ThemeFactory.
-
-  overrideDefaultTheme = function overrideDefaultTheme(theme) {
-    Object.keys(theme).forEach(function (variableName) {
-      var descriptor = Object.getOwnPropertyDescriptor(theme, variableName);
-      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);
-    });
-  };ThemeFactory.
-
-  getKeys = function getKeys(theme) {
-    var keys = [];
-    while (theme != null) {
-      Object.keys(theme).forEach(function (key) {
-        if (!keys.includes(key)) {
-          keys.push(key);
-        }
-      });
-      theme = Object.getPrototypeOf(theme);
-    }
-    return keys.sort();
-  };return ThemeFactory;}();

package/lib/theming/ThemeFactory.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["ThemeFactory.ts"],"names":["DefaultThemeInternal","IS_THEME_KEY","Object","defineProperty","value","writable","enumerable","configurable","ThemeFactory","create","theme","freeze","setPrototypeOf","isFullTheme","overrideDefaultTheme","keys","forEach","variableName","descriptor","getOwnPropertyDescriptor","getKeys","key","includes","push","getPrototypeOf","sort"],"mappings":"AAAA,SAASA,oBAAT,QAAqC,oCAArC;;;;AAIA,IAAMC,YAAY,GAAG,uBAArB;;AAEAC,MAAM,CAACC,cAAP,CAAsBH,oBAAtB,EAA4CC,YAA5C,EAA0D;AACxDG,EAAAA,KAAK,EAAE,IADiD;AAExDC,EAAAA,QAAQ,EAAE,KAF8C;AAGxDC,EAAAA,UAAU,EAAE,KAH4C;AAIxDC,EAAAA,YAAY,EAAE,KAJ0C,EAA1D;;;AAOA,WAAaC,YAAb;AACgBC,EAAAA,MADhB,GACE,gBAAmCC,KAAnC,EAA4E;AAC1E,WAAOR,MAAM,CAACS,MAAP,CAAcT,MAAM,CAACU,cAAP,CAAsBF,KAAtB,EAA6BV,oBAA7B,CAAd,CAAP;AACD,GAHH;;AAKgBa,EAAAA,WALhB,GAKE,qBAA0BH,KAA1B,EAAkE;AAChE;AACA,WAAOA,KAAK,CAACT,YAAD,CAAL,KAAwB,IAA/B;AACD,GARH;;AAUgBa,EAAAA,oBAVhB,GAUE,8BAAmCJ,KAAnC,EAAmD;AACjDR,IAAAA,MAAM,CAACa,IAAP,CAAYL,KAAZ,EAAmBM,OAAnB,CAA2B,UAAAC,YAAY,EAAI;AACzC,UAAMC,UAAU,GAAGhB,MAAM,CAACiB,wBAAP,CAAgCT,KAAhC,EAAuCO,YAAvC,CAAnB;AACAf,MAAAA,MAAM,CAACC,cAAP,CAAsBH,oBAAtB,EAA4CiB,YAA5C,EAA0DC,UAA1D;AACD,KAHD;AAID,GAfH;;AAiBgBE,EAAAA,OAjBhB,GAiBE,iBAAuCV,KAAvC,EAAiD;AAC/C,QAAMK,IAAoB,GAAG,EAA7B;AACA,WAAOL,KAAK,IAAI,IAAhB,EAAsB;AACnBR,MAAAA,MAAM,CAACa,IAAP,CAAYL,KAAZ,CAAD,CAAuCM,OAAvC,CAA+C,UAAAK,GAAG,EAAI;AACpD,YAAI,CAACN,IAAI,CAACO,QAAL,CAAcD,GAAd,CAAL,EAAyB;AACvBN,UAAAA,IAAI,CAACQ,IAAL,CAAUF,GAAV;AACD;AACF,OAJD;AAKAX,MAAAA,KAAK,GAAGR,MAAM,CAACsB,cAAP,CAAsBd,KAAtB,CAAR;AACD;AACD,WAAOK,IAAI,CAACU,IAAL,EAAP;AACD,GA5BH","sourcesContent":["import { DefaultThemeInternal } from '../../internal/themes/DefaultTheme';\r\n\r\nimport { Theme, ThemeIn } from './Theme';\r\n\r\nconst IS_THEME_KEY = '__IS_REACT_UI_THEME__';\r\n\r\nObject.defineProperty(DefaultThemeInternal, IS_THEME_KEY, {\r\n  value: true,\r\n  writable: false,\r\n  enumerable: false,\r\n  configurable: false,\r\n});\r\n\r\nexport class ThemeFactory {\r\n  public static create<T extends {}>(theme: ThemeIn & T): Readonly<Theme & T> {\r\n    return Object.freeze(Object.setPrototypeOf(theme, DefaultThemeInternal));\r\n  }\r\n\r\n  public static isFullTheme(theme: ThemeIn | Theme): theme is Theme {\r\n    // @ts-ignore\r\n    return theme[IS_THEME_KEY] === true;\r\n  }\r\n\r\n  public static overrideDefaultTheme(theme: ThemeIn) {\r\n    Object.keys(theme).forEach(variableName => {\r\n      const descriptor = Object.getOwnPropertyDescriptor(theme, variableName)!;\r\n      Object.defineProperty(DefaultThemeInternal, variableName, descriptor);\r\n    });\r\n  }\r\n\r\n  public static getKeys<T extends Theme>(theme: T) {\r\n    const keys: Array<keyof T> = [];\r\n    while (theme != null) {\r\n      (Object.keys(theme) as Array<keyof T>).forEach(key => {\r\n        if (!keys.includes(key)) {\r\n          keys.push(key);\r\n        }\r\n      });\r\n      theme = Object.getPrototypeOf(theme);\r\n    }\r\n    return keys.sort();\r\n  }\r\n}\r\n"]}

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

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

package/lib/theming/themes/DefaultTheme.js

@@ -1,3 +0,0 @@
-import { ThemeFactory } from '../ThemeFactory';
-
-export var DEFAULT_THEME = ThemeFactory.create({});

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

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

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

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

package/lib/theming/themes/FlatTheme.js

@@ -1,4 +0,0 @@
-import { FlatThemeInternal } from '../../../internal/themes/FlatTheme';
-import { ThemeFactory } from '../ThemeFactory';
-
-export var FLAT_THEME = ThemeFactory.create(FlatThemeInternal);

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

@@ -1 +0,0 @@
-{"version":3,"sources":["FlatTheme.ts"],"names":["FlatThemeInternal","ThemeFactory","FLAT_THEME","create"],"mappings":"AAAA,SAASA,iBAAT,QAAkC,oCAAlC;AACA,SAASC,YAAT,QAA6B,iBAA7B;;AAEA,OAAO,IAAMC,UAAU,GAAGD,YAAY,CAACE,MAAb,CAAoBH,iBAApB,CAAnB","sourcesContent":["import { FlatThemeInternal } from '../../../internal/themes/FlatTheme';\r\nimport { ThemeFactory } from '../ThemeFactory';\r\n\r\nexport const FLAT_THEME = ThemeFactory.create(FlatThemeInternal);\r\n"]}

package/lib/utils.js

@@ -1,80 +0,0 @@
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";import _wrapNativeSuper from "@babel/runtime/helpers/esm/wrapNativeSuper";
-
-// NOTE: Copy-paste from @types/react
-
-
-
-
-
-
-
-
-
-
-// NOTE Some checks are used from https://github.com/arasatasaygin/is.js
-var platform = (navigator && navigator.platform || '').toLowerCase();
-var userAgent = (navigator && navigator.userAgent || '').toLowerCase();
-var vendor = (navigator && navigator.vendor || '').toLowerCase();
-
-export var isMac = platform.includes("mac");
-export var isWindows = platform.includes("win");
-
-export var isSafari = /version\/(\d+).+?safari/.test(userAgent);
-export var isFirefox = /(?:firefox|fxios)\/(\d+)/.test(userAgent);
-export var isOpera = /(?:^opera.+?version|opr)\/(\d+)/.test(userAgent);
-export var isChrome = vendor.includes("google inc") && /(?:chrome|crios)\/(\d+)/.test(userAgent) && !isOpera;
-export var isEdge = userAgent.includes("edge/");
-export var isIE11 = userAgent.includes("trident/");
-
-export var delay = function delay(ms) {return new Promise(function (resolve) {return setTimeout(resolve, ms);});};
-
-export var emptyHandler = function emptyHandler() {
-  /* noop */
-};
-
-export var CancelationError = /*#__PURE__*/function (_Error) {_inheritsLoose(CancelationError, _Error);function CancelationError() {var _this;for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {args[_key] = arguments[_key];}_this = _Error.call.apply(_Error, [this].concat(args)) || this;_this.
-    code = 'CancelationError';return _this;}return CancelationError;}(_wrapNativeSuper(Error));
-
-
-export function taskWithDelay(task, ms) {
-  var cancelationToken = function cancelationToken() {return null;};
-
-  new Promise(function (resolve, reject) {
-    cancelationToken = reject;
-    setTimeout(resolve, ms);
-  }).
-  then(task)["catch"](
-  function () {return null;});
-
-  return cancelationToken;
-}
-
-export function isFunction(x) {
-  return typeof x === 'function';
-}
-
-export function isFunctionalComponent(Component) {
-  return typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent);
-}
-
-export function escapeRegExpSpecChars(s) {
-  return s.replace(/[\\^$*+?.()|[\]{}]/g, '\\$&');
-}
-
-export var getRandomID = function getRandomID() {return (
-    Math.random().
-    toString(16).
-    slice(2));};
-
-export var hasSvgAnimationSupport = function () {
-  if (document.createElementNS) {
-    var namespaceURI = 'http://www.w3.org/2000/svg';
-    var element = document.createElementNS(namespaceURI, 'animate');
-
-    if (element) {
-      return element.toString().includes("SVGAnimate");
-    }
-  }
-
-  return false;
-}();

package/lib/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["utils.tsx"],"names":["platform","navigator","toLowerCase","userAgent","vendor","isMac","includes","isWindows","isSafari","test","isFirefox","isOpera","isChrome","isEdge","isIE11","delay","ms","Promise","resolve","setTimeout","emptyHandler","CancelationError","code","Error","taskWithDelay","task","cancelationToken","reject","then","isFunction","x","isFunctionalComponent","Component","prototype","isReactComponent","escapeRegExpSpecChars","s","replace","getRandomID","Math","random","toString","slice","hasSvgAnimationSupport","document","createElementNS","namespaceURI","element"],"mappings":"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","sourcesContent":["import { ReactComponentLike } from 'prop-types';\r\n\r\n// NOTE: Copy-paste from @types/react\r\nexport type Defaultize<P, D> = P extends any\r\n  ? string extends keyof P\r\n    ? P\r\n    : Pick<P, Exclude<keyof P, keyof D>> &\r\n        Partial<Pick<P, Extract<keyof P, keyof D>>> &\r\n        Partial<Pick<D, Exclude<keyof D, keyof P>>>\r\n  : never;\r\n\r\nexport type DefaultizeProps<C, P> = C extends { defaultProps: infer D } ? Defaultize<P, D> : P;\r\n\r\n// NOTE Some checks are used from https://github.com/arasatasaygin/is.js\r\nconst platform = ((navigator && navigator.platform) || '').toLowerCase();\r\nconst userAgent = ((navigator && navigator.userAgent) || '').toLowerCase();\r\nconst vendor = ((navigator && navigator.vendor) || '').toLowerCase();\r\n\r\nexport const isMac = platform.includes(\"mac\");\r\nexport const isWindows = platform.includes(\"win\");\r\n\r\nexport const isSafari = /version\\/(\\d+).+?safari/.test(userAgent);\r\nexport const isFirefox = /(?:firefox|fxios)\\/(\\d+)/.test(userAgent);\r\nexport const isOpera = /(?:^opera.+?version|opr)\\/(\\d+)/.test(userAgent);\r\nexport const isChrome = vendor.includes(\"google inc\") && /(?:chrome|crios)\\/(\\d+)/.test(userAgent) && !isOpera;\r\nexport const isEdge = userAgent.includes(\"edge/\");\r\nexport const isIE11 = userAgent.includes(\"trident/\");\r\n\r\nexport const delay = (ms: number) => new Promise(resolve => setTimeout(resolve, ms));\r\n\r\nexport const emptyHandler = () => {\r\n  /* noop */\r\n};\r\n\r\nexport class CancelationError extends Error {\r\n  public code = 'CancelationError';\r\n}\r\n\r\nexport function taskWithDelay(task: () => void, ms: number) {\r\n  let cancelationToken: () => void = () => null;\r\n\r\n  new Promise((resolve, reject) => {\r\n    cancelationToken = reject;\r\n    setTimeout(resolve, ms);\r\n  })\r\n    .then(task)\r\n    .catch(() => null);\r\n\r\n  return cancelationToken;\r\n}\r\n\r\nexport function isFunction<T>(x: T | Function): x is Function {\r\n  return typeof x === 'function';\r\n}\r\n\r\nexport function isFunctionalComponent(Component: ReactComponentLike) {\r\n  return typeof Component === 'function' && !(Component.prototype && Component.prototype.isReactComponent);\r\n}\r\n\r\nexport function escapeRegExpSpecChars(s: string): string {\r\n  return s.replace(/[\\\\^$*+?.()|[\\]{}]/g, '\\\\$&');\r\n}\r\n\r\nexport const getRandomID = (): string =>\r\n  Math.random()\r\n    .toString(16)\r\n    .slice(2);\r\n\r\nexport const hasSvgAnimationSupport = (() => {\r\n  if (document.createElementNS) {\r\n    const namespaceURI = 'http://www.w3.org/2000/svg';\r\n    const element = document.createElementNS(namespaceURI, 'animate');\r\n\r\n    if (element) {\r\n      return element.toString().includes(\"SVGAnimate\");\r\n    }\r\n  }\r\n\r\n  return false;\r\n})();\r\n"]}