@skbkontur/react-ui 5.6.1-85c65.0 → 5.6.1-e2bc4.0

package/internal/ThemePlayground/SelectPlayground/SelectPlayground.js

@@ -1,39 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { Select } from "../../../components/Select";
-export var SelectPlayground = /*#__PURE__*/function (_React$Component) {
-  function SelectPlayground() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.state = {
-      value: capitalize(_this.props.size)
-    };
-    _this.selectItems = ['Small', 'Medium', 'Large'];
-    _this.handleChange = function (value) {
-      _this.setState({
-        value: value
-      });
-    };
-    return _this;
-  }
-  _inheritsLoose(SelectPlayground, _React$Component);
-  var _proto = SelectPlayground.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Select, _extends({}, this.props, {
-      value: this.state.value,
-      items: this.selectItems,
-      onValueChange: this.handleChange
-    }));
-  };
-  return SelectPlayground;
-}(React.Component);
-var capitalize = function capitalize(input) {
-  if (input === void 0) {
-    input = '';
-  }
-  return input.charAt(0).toUpperCase() + input.slice(1);
-};

package/internal/ThemePlayground/SelectPlayground/SelectPlayground.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Select","SelectPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","capitalize","props","size","selectItems","handleChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","items","onValueChange","Component","input","charAt","toUpperCase","slice"],"sources":["SelectPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SelectProps } from '../../components/Select';\nimport { Select } from '../../components/Select';\n\ntype SelectPlaygroundValue = string;\ntype SelectPlaygroundItem = string;\ntype SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;\ninterface SelectPlaygroundState {\n  value: string;\n}\nexport class SelectPlayground extends React.Component<SelectPlaygroundProps> {\n  public state: SelectPlaygroundState = {\n    value: capitalize(this.props.size),\n  };\n  private readonly selectItems = ['Small', 'Medium', 'Large'];\n\n  public render() {\n    return (\n      <Select<SelectPlaygroundValue, SelectPlaygroundItem>\n        {...this.props}\n        value={this.state.value}\n        items={this.selectItems}\n        onValueChange={this.handleChange}\n      />\n    );\n  }\n\n  private handleChange = (value: string) => {\n    this.setState({\n      value,\n    });\n  };\n}\n\nconst capitalize = (input = ''): string => {\n  return input.charAt(0).toUpperCase() + input.slice(1);\n};\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,MAAM,QAAQ,yBAAyB;;;;;;;;AAQhD,WAAaC,gBAAgB,0BAAAC,gBAAA,YAAAD,iBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACpBU,KAAK,GAA0B;MACpCC,KAAK,EAAEC,UAAU,CAACZ,KAAA,CAAKa,KAAK,CAACC,IAAI;IACnC,CAAC,CAAAd,KAAA;IACgBe,WAAW,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAAf,KAAA;;;;;;;;;;;;;IAanDgB,YAAY,GAAG,UAACL,KAAa,EAAK;MACxCX,KAAA,CAAKiB,QAAQ,CAAC;QACZN,KAAK,EAALA;MACF,CAAC,CAAC;IACJ,CAAC,QAAAX,KAAA,EAAAkB,cAAA,CAAApB,gBAAA,EAAAC,gBAAA,MAAAoB,MAAA,GAAArB,gBAAA,CAAAsB,SAAA,CAAAD,MAAA,CAfME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEzB,KAAA,CAAA0B,aAAA,CAACzB,MAAM,EAAA0B,QAAA,KACD,IAAI,CAACV,KAAK,IACdF,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBa,KAAK,EAAE,IAAI,CAACT,WAAY,EACxBU,aAAa,EAAE,IAAI,CAACT,YAAa,GAClC,CAAC,CAEN,CAAC,QAAAlB,gBAAA,GAfmCF,KAAK,CAAC8B,SAAS;;;AAwBrD,IAAMd,UAAU,GAAG,SAAbA,UAAUA,CAAIe,KAAK,EAAkB,KAAvBA,KAAK,cAALA,KAAK,GAAG,EAAE;EAC5B,OAAOA,KAAK,CAACC,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAC,GAAGF,KAAK,CAACG,KAAK,CAAC,CAAC,CAAC;AACvD,CAAC","ignoreList":[]}

package/internal/ThemePlayground/SelectPlayground/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/ThemePlayground/SelectPlayground.js",
-  "module": "SelectPlayground",
-  "types": "../SelectPlayground.d.ts",
-  "sideEffects": false
-}

package/internal/ThemePlayground/SelectPlayground.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-import type { SelectProps } from '../../components/Select';
-type SelectPlaygroundValue = string;
-type SelectPlaygroundItem = string;
-type SelectPlaygroundProps = SelectProps<SelectPlaygroundValue, SelectPlaygroundItem>;
-interface SelectPlaygroundState {
-    value: string;
-}
-export declare class SelectPlayground extends React.Component<SelectPlaygroundProps> {
-    state: SelectPlaygroundState;
-    private readonly selectItems;
-    render(): React.JSX.Element;
-    private handleChange;
-}
-export {};

package/internal/ThemePlayground/ShowcaseGroup/ShowcaseGroup.js

@@ -1,36 +0,0 @@
-import React from 'react';
-import { Checkbox } from "../../../components/Checkbox";
-import { Gapped } from "../../../components/Gapped";
-import { Button } from "../../../components/Button";
-import { Input } from "../../../components/Input";
-import { Toggle } from "../../../components/Toggle";
-import { Radio } from "../../../components/Radio";
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-export var ShowcaseGroup = function ShowcaseGroup(props) {
-  var theme = React.useContext(ThemeContext);
-  return /*#__PURE__*/(
-    React.createElement("div", null, props.title && /*#__PURE__*/
-    React.createElement("div", {
-      style: {
-        fontSize: '21px',
-        lineHeight: '1.2',
-        margin: '16px 0',
-        color: theme.textColorDefault
-      }
-    }, props.title), /*#__PURE__*/
-
-    React.createElement(Gapped, {
-      gap: 10
-    }, /*#__PURE__*/
-    React.createElement(Button, null, "Button"), /*#__PURE__*/
-    React.createElement(Input, null), /*#__PURE__*/
-    React.createElement(Toggle, null), /*#__PURE__*/
-    React.createElement(Radio, {
-      value: '',
-      checked: true
-    }, "Radio"), /*#__PURE__*/
-    React.createElement(Checkbox, {
-      checked: true
-    }, "Checkbox")))
-  );
-};

package/internal/ThemePlayground/ShowcaseGroup/ShowcaseGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Checkbox","Gapped","Button","Input","Toggle","Radio","ThemeContext","ShowcaseGroup","props","theme","useContext","createElement","title","style","fontSize","lineHeight","margin","color","textColorDefault","gap","value","checked"],"sources":["ShowcaseGroup.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Checkbox } from '../../components/Checkbox';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport { Input } from '../../components/Input';\nimport { Toggle } from '../../components/Toggle';\nimport { Radio } from '../../components/Radio';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\n\ninterface ShowcaseGroupProps {\n  title?: string;\n}\nexport const ShowcaseGroup = (props: ShowcaseGroupProps) => {\n  const theme = React.useContext(ThemeContext);\n\n  return (\n    <div>\n      {props.title && (\n        <div\n          style={{\n            fontSize: '21px',\n            lineHeight: '1.2',\n            margin: '16px 0',\n            color: theme.textColorDefault,\n          }}\n        >\n          {props.title}\n        </div>\n      )}\n      <Gapped gap={10}>\n        <Button>Button</Button>\n        <Input />\n        <Toggle />\n        <Radio value={''} checked>\n          Radio\n        </Radio>\n        <Checkbox checked>Checkbox</Checkbox>\n      </Gapped>\n    </div>\n  );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;;AAEzB,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,YAAY,QAAQ,gCAAgC;;;;;AAK7D,OAAO,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAIC,KAAyB,EAAK;EAC1D,IAAMC,KAAK,GAAGV,KAAK,CAACW,UAAU,CAACJ,YAAY,CAAC;;EAE5C;IACEP,KAAA,CAAAY,aAAA;IACGH,KAAK,CAACI,KAAK;IACVb,KAAA,CAAAY,aAAA;MACEE,KAAK,EAAE;QACLC,QAAQ,EAAE,MAAM;QAChBC,UAAU,EAAE,KAAK;QACjBC,MAAM,EAAE,QAAQ;QAChBC,KAAK,EAAER,KAAK,CAACS;MACf,CAAE;;IAEDV,KAAK,CAACI;IACJ,CACN;;IACDb,KAAA,CAAAY,aAAA,CAACV,MAAM,IAACkB,GAAG,EAAE,EAAG;IACdpB,KAAA,CAAAY,aAAA,CAACT,MAAM,QAAC,QAAc,CAAC;IACvBH,KAAA,CAAAY,aAAA,CAACR,KAAK,MAAE,CAAC;IACTJ,KAAA,CAAAY,aAAA,CAACP,MAAM,MAAE,CAAC;IACVL,KAAA,CAAAY,aAAA,CAACN,KAAK,IAACe,KAAK,EAAE,EAAG,EAACC,OAAO,UAAC;;IAEnB,CAAC;IACRtB,KAAA,CAAAY,aAAA,CAACX,QAAQ,IAACqB,OAAO,UAAC,UAAkB;IAC9B;IACL,CAAC;;AAEV,CAAC","ignoreList":[]}

package/internal/ThemePlayground/ShowcaseGroup/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/ThemePlayground/ShowcaseGroup.js",
-  "module": "ShowcaseGroup",
-  "types": "../ShowcaseGroup.d.ts",
-  "sideEffects": false
-}

package/internal/ThemePlayground/ShowcaseGroup.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-interface ShowcaseGroupProps {
-    title?: string;
-}
-export declare const ShowcaseGroup: (props: ShowcaseGroupProps) => React.JSX.Element;
-export {};

package/internal/ThemePlayground/SizesGroup/SizesGroup.js

@@ -1,35 +0,0 @@
-import React from 'react';
-import { IdCardIcon16Regular } from '@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular';
-import { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';
-import { Input } from "../../../components/Input";
-import { Gapped } from "../../../components/Gapped";
-import { Button } from "../../../components/Button";
-import { SelectPlayground } from "../SelectPlayground";
-export var SizesGroup = function SizesGroup(_ref) {
-  var size = _ref.size;
-  return /*#__PURE__*/(
-    React.createElement(Gapped, {
-      wrap: true,
-      verticalAlign: "middle",
-      gap: 10
-    }, /*#__PURE__*/
-    React.createElement(SelectPlayground, {
-      width: 120,
-      size: size
-    }), /*#__PURE__*/
-    React.createElement(Input, {
-      rightIcon: /*#__PURE__*/React.createElement(IdCardIcon16Regular, null),
-      placeholder: 'Text value',
-      size: size
-    }), /*#__PURE__*/
-    React.createElement(Button, {
-      width: 120,
-      size: size
-    }, "Button"), /*#__PURE__*/
-    React.createElement(Button, {
-      icon: /*#__PURE__*/React.createElement(AttachLinkIcon16Regular, null),
-      use: 'link',
-      size: size
-    }, "Button like a link"))
-  );
-};

package/internal/ThemePlayground/SizesGroup/SizesGroup.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","IdCardIcon16Regular","AttachLinkIcon16Regular","Input","Gapped","Button","SelectPlayground","SizesGroup","_ref","size","createElement","wrap","verticalAlign","gap","width","rightIcon","placeholder","icon","use"],"sources":["SizesGroup.tsx"],"sourcesContent":["import React from 'react';\nimport { IdCardIcon16Regular } from '@skbkontur/icons/icons/IdCardIcon/IdCardIcon16Regular';\nimport { AttachLinkIcon16Regular } from '@skbkontur/icons/icons/AttachLinkIcon/AttachLinkIcon16Regular';\n\nimport { Input } from '../../components/Input';\nimport { Gapped } from '../../components/Gapped';\nimport { Button } from '../../components/Button';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { SelectPlayground } from './SelectPlayground';\n\nexport interface SizesGroupProps {\n  size: SizeProp;\n}\n\nexport const SizesGroup = ({ size }: SizesGroupProps) => (\n  <Gapped wrap verticalAlign=\"middle\" gap={10}>\n    <SelectPlayground width={120} size={size} />\n    <Input rightIcon={<IdCardIcon16Regular />} placeholder={'Text value'} size={size} />\n    <Button width={120} size={size}>\n      Button\n    </Button>\n    <Button icon={<AttachLinkIcon16Regular />} use={'link'} size={size}>\n      Button like a link\n    </Button>\n  </Gapped>\n);\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,mBAAmB,QAAQ,uDAAuD;AAC3F,SAASC,uBAAuB,QAAQ,+DAA+D;;AAEvG,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,MAAM,QAAQ,yBAAyB;;;AAGhD,SAASC,gBAAgB,QAAQ,oBAAoB;;;;;;AAMrD,OAAO,IAAMC,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,OAAMC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IAC/BT,KAAA,CAAAU,aAAA,CAACN,MAAM,IAACO,IAAI,QAACC,aAAa,EAAC,QAAQ,EAACC,GAAG,EAAE,EAAG;IAC1Cb,KAAA,CAAAU,aAAA,CAACJ,gBAAgB,IAACQ,KAAK,EAAE,GAAI,EAACL,IAAI,EAAEA,IAAK,EAAE,CAAC;IAC5CT,KAAA,CAAAU,aAAA,CAACP,KAAK,IAACY,SAAS,eAAEf,KAAA,CAAAU,aAAA,CAACT,mBAAmB,MAAE,CAAE,EAACe,WAAW,EAAE,YAAa,EAACP,IAAI,EAAEA,IAAK,EAAE,CAAC;IACpFT,KAAA,CAAAU,aAAA,CAACL,MAAM,IAACS,KAAK,EAAE,GAAI,EAACL,IAAI,EAAEA,IAAK,IAAC;;IAExB,CAAC;IACTT,KAAA,CAAAU,aAAA,CAACL,MAAM,IAACY,IAAI,eAAEjB,KAAA,CAAAU,aAAA,CAACR,uBAAuB,MAAE,CAAE,EAACgB,GAAG,EAAE,MAAO,EAACT,IAAI,EAAEA,IAAK,IAAC;;IAE5D;IACF,CAAC,GACV","ignoreList":[]}

package/internal/ThemePlayground/SizesGroup/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/ThemePlayground/SizesGroup.js",
-  "module": "SizesGroup",
-  "types": "../SizesGroup.d.ts",
-  "sideEffects": false
-}

package/internal/ThemePlayground/SizesGroup.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-import type { SizeProp } from '../../lib/types/props';
-export interface SizesGroupProps {
-    size: SizeProp;
-}
-export declare const SizesGroup: ({ size }: SizesGroupProps) => React.JSX.Element;

package/internal/ThemePlayground/SwitcherPlayground/SwitcherPlayground.js

@@ -1,36 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-import React from 'react';
-import { Switcher } from "../../../components/Switcher";
-var defaultItems = ['Default', 'Error'];
-export var SwitcherPlayground = /*#__PURE__*/function (_React$Component) {
-  function SwitcherPlayground() {
-    var _this;
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _React$Component.call.apply(_React$Component, [this].concat(args)) || this;
-    _this.state = {
-      value: '',
-      error: false
-    };
-    _this.handleValueChange = function (value) {
-      _this.setState({
-        value: value,
-        error: value === 'Error'
-      });
-    };
-    return _this;
-  }
-  _inheritsLoose(SwitcherPlayground, _React$Component);
-  var _proto = SwitcherPlayground.prototype;
-  _proto.render = function render() {
-    return /*#__PURE__*/React.createElement(Switcher, _extends({
-      value: this.state.value,
-      onValueChange: this.handleValueChange,
-      items: this.props.items || defaultItems,
-      error: this.state.error
-    }, this.props));
-  };
-  return SwitcherPlayground;
-}(React.Component);

package/internal/ThemePlayground/SwitcherPlayground/SwitcherPlayground.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","Switcher","defaultItems","SwitcherPlayground","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","value","error","handleValueChange","setState","_inheritsLoose","_proto","prototype","render","createElement","_extends","onValueChange","items","props","Component"],"sources":["SwitcherPlayground.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { SwitcherProps } from '../../components/Switcher';\nimport { Switcher } from '../../components/Switcher';\n\nconst defaultItems = ['Default', 'Error'];\n\ninterface SwitcherPlaygroundProps {\n  items?: SwitcherProps['items'];\n  disabled?: boolean;\n}\ninterface SwitcherPlaygroundState {\n  value: string;\n  error: boolean;\n}\nexport class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {\n  public state: SwitcherPlaygroundState = {\n    value: '',\n    error: false,\n  };\n\n  public render() {\n    return (\n      <Switcher\n        value={this.state.value}\n        onValueChange={this.handleValueChange}\n        items={this.props.items || defaultItems}\n        error={this.state.error}\n        {...this.props}\n      />\n    );\n  }\n\n  private handleValueChange = (value: string) => {\n    this.setState({ value, error: value === 'Error' });\n  };\n}\n"],"mappings":"gIAAA,OAAOA,KAAK,MAAM,OAAO;;;AAGzB,SAASC,QAAQ,QAAQ,2BAA2B;;AAEpD,IAAMC,YAAY,GAAG,CAAC,SAAS,EAAE,OAAO,CAAC;;;;;;;;;;AAUzC,WAAaC,kBAAkB,0BAAAC,gBAAA,YAAAD,mBAAA,OAAAE,KAAA,UAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAC,IAAA,OAAAC,KAAA,CAAAJ,IAAA,GAAAK,IAAA,MAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,KAAAF,IAAA,CAAAE,IAAA,IAAAJ,SAAA,CAAAI,IAAA,GAAAN,KAAA,GAAAD,gBAAA,CAAAQ,IAAA,CAAAC,KAAA,CAAAT,gBAAA,SAAAU,MAAA,CAAAL,IAAA,WAAAJ,KAAA;IACtBU,KAAK,GAA4B;MACtCC,KAAK,EAAE,EAAE;MACTC,KAAK,EAAE;IACT,CAAC,CAAAZ,KAAA;;;;;;;;;;;;;;IAcOa,iBAAiB,GAAG,UAACF,KAAa,EAAK;MAC7CX,KAAA,CAAKc,QAAQ,CAAC,EAAEH,KAAK,EAALA,KAAK,EAAEC,KAAK,EAAED,KAAK,KAAK,OAAO,CAAC,CAAC,CAAC;IACpD,CAAC,QAAAX,KAAA,EAAAe,cAAA,CAAAjB,kBAAA,EAAAC,gBAAA,MAAAiB,MAAA,GAAAlB,kBAAA,CAAAmB,SAAA,CAAAD,MAAA,CAdME,MAAM,GAAb,SAAAA,OAAA,EAAgB,CACd,oBACEvB,KAAA,CAAAwB,aAAA,CAACvB,QAAQ,EAAAwB,QAAA,GACPT,KAAK,EAAE,IAAI,CAACD,KAAK,CAACC,KAAM,EACxBU,aAAa,EAAE,IAAI,CAACR,iBAAkB,EACtCS,KAAK,EAAE,IAAI,CAACC,KAAK,CAACD,KAAK,IAAIzB,YAAa,EACxCe,KAAK,EAAE,IAAI,CAACF,KAAK,CAACE,KAAM,IACpB,IAAI,CAACW,KAAK,CACf,CAAC,CAEN,CAAC,QAAAzB,kBAAA,GAhBqCH,KAAK,CAAC6B,SAAS","ignoreList":[]}

package/internal/ThemePlayground/SwitcherPlayground/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/ThemePlayground/SwitcherPlayground.js",
-  "module": "SwitcherPlayground",
-  "types": "../SwitcherPlayground.d.ts",
-  "sideEffects": false
-}

package/internal/ThemePlayground/SwitcherPlayground.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-import type { SwitcherProps } from '../../components/Switcher';
-interface SwitcherPlaygroundProps {
-    items?: SwitcherProps['items'];
-    disabled?: boolean;
-}
-interface SwitcherPlaygroundState {
-    value: string;
-    error: boolean;
-}
-export declare class SwitcherPlayground extends React.Component<SwitcherPlaygroundProps> {
-    state: SwitcherPlaygroundState;
-    render(): React.JSX.Element;
-    private handleValueChange;
-}
-export {};

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js

@@ -1,227 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _class;
-import React, { useContext } from 'react';
-import { DocsContext } from '@storybook/addon-docs';
-import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { ThemeFactory } from "../../../lib/theming/ThemeFactory";
-import { SidePage } from "../../../components/SidePage";
-import { Gapped } from "../../../components/Gapped";
-import { ComboBox } from "../../../components/ComboBox";
-import { Link } from "../../../components/Link";
-import * as ColorFunctions from "../../../lib/styles/ColorFunctions";
-import { findPropertyDescriptor } from "../../../lib/theming/ThemeHelpers";
-import { LIGHT_THEME } from "../../../lib/theming/themes/LightTheme";
-import { DARK_THEME } from "../../../lib/theming/themes/DarkTheme";
-import { withRenderEnvironment } from "../../../lib/renderEnvironment";
-import { ThemeEditor } from "../ThemeEditor";
-import { getStyles } from "../Playground.styles";
-import { Playground } from "../Playground";
-import { ThemeType } from "../constants";
-var getEditingThemeType = function getEditingThemeType(editingThemeItem) {
-  if (editingThemeItem) {
-    return editingThemeItem.value;
-  }
-  return 'lightTheme';
-};
-var ThemeContextPlaygroundInternal = withRenderEnvironment(_class = /*#__PURE__*/function (_React$Component) {
-  function ThemeContextPlaygroundInternal(props) {
-    var _this;
-    _this = _React$Component.call(this, props) || this;
-    _this.editableThemesItems = [{
-      value: ThemeType.LightTheme,
-      label: 'Светлая тема'
-    }, {
-      value: ThemeType.DarkTheme,
-      label: 'Тёмная тема'
-    }];
-    _this.renderSidePage = function () {
-      var _this$state = _this.state,
-        currentTheme = _this$state.currentTheme,
-        themesErrors = _this$state.themesErrors,
-        editingThemeItem = _this$state.editingThemeItem,
-        themes = _this$state.themes;
-      var editingThemeType = getEditingThemeType(editingThemeItem);
-      var themeErrors = themesErrors[editingThemeType];
-      return /*#__PURE__*/(
-        React.createElement(SidePage, {
-          disableAnimations: true,
-          ignoreBackgroundClick: true,
-          width: 600,
-          onClose: _this.handleClose
-        }, /*#__PURE__*/
-        React.createElement(SidePage.Header, null, /*#__PURE__*/
-        React.createElement("div", {
-          className: _this.styles.editorHeaderWrapper(currentTheme)
-        }, /*#__PURE__*/
-        React.createElement(Gapped, {
-          wrap: true,
-          verticalAlign: "middle"
-        }, /*#__PURE__*/
-        React.createElement("span", null, "\u0422\u0435\u043C\u0430 \u0434\u043B\u044F \u0440\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u044F:"), /*#__PURE__*/
-        React.createElement(ComboBox, {
-          getItems: _this.getEditableThemesItems,
-          value: editingThemeItem,
-          onValueChange: _this.handleEditingThemeSwitch
-        }))), /*#__PURE__*/
-        React.createElement("div", {
-          style: {
-            fontSize: 14,
-            marginTop: 8
-          }
-        }, /*#__PURE__*/
-        React.createElement(Link, {
-          onClick: _this.handleGetTheme
-        }, "\u0412\u044B\u0432\u0435\u0441\u0442\u0438 \u0442\u0435\u043C\u0443 \u0432 \u043A\u043E\u043D\u0441\u043E\u043B\u044C"))), /*#__PURE__*/
-        React.createElement(SidePage.Body, null, /*#__PURE__*/
-        React.createElement("div", {
-          className: _this.styles.sidePageBody()
-        }, /*#__PURE__*/
-        React.createElement(ThemeEditor, {
-          editingTheme: themes[editingThemeType],
-          currentTheme: currentTheme,
-          currentErrors: themeErrors,
-          onValueChange: _this.handleThemeVariableChange
-        }))))
-      );
-    };
-    _this.handleGetTheme = function () {
-      var currentTheme = _this.state.currentTheme;
-      var themeObject = {};
-      ThemeFactory.getKeys(currentTheme).forEach(function (key) {
-        var descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);
-        if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {
-          themeObject[key] = currentTheme[key];
-        }
-      });
-      console.log(JSON.stringify(themeObject));
-    };
-    _this.handleOpen = function () {
-      _this.setState(function (state) {
-        return {
-          editorOpened: true,
-          editingThemeItem: _this.editableThemesItems.find(function (i) {
-            return i.value === state.currentThemeType;
-          })
-        };
-      });
-    };
-    _this.handleClose = function () {
-      _this.setState({
-        editorOpened: false
-      });
-    };
-    _this.handleThemeChange = function (value) {
-      var themeType = value;
-      _this.setState({
-        currentThemeType: themeType,
-        currentTheme: _this.state.themes[themeType]
-      });
-    };
-    _this.handleThemeVariableChange = function (variable, value) {
-      var _this$state2 = _this.state,
-        editingThemeItem = _this$state2.editingThemeItem,
-        currentTheme = _this$state2.currentTheme,
-        themes = _this$state2.themes,
-        themesErrors = _this$state2.themesErrors;
-      var editingThemeType = getEditingThemeType(editingThemeItem);
-      var theme = themes[editingThemeType];
-      var currentValue = theme[variable];
-      var canSetVariable = true;
-      if (ColorFunctions.isValid(currentValue)) {
-        canSetVariable = ColorFunctions.isValid(value);
-        themesErrors[editingThemeType][variable] = !canSetVariable;
-      }
-      var nextThemeErrors = _extends({}, themesErrors);
-      nextThemeErrors[editingThemeType][variable] = !canSetVariable;
-      var stateUpdate = {
-        themes: themes,
-        currentTheme: currentTheme,
-        themesErrors: nextThemeErrors
-      };
-      if (canSetVariable) {
-        var result = _this.changeThemeVariable(theme, variable, value);
-        stateUpdate.themes[editingThemeType] = result;
-        if (_this.state.currentThemeType === editingThemeType) {
-          stateUpdate.currentTheme = result;
-        }
-      }
-      _this.setState(stateUpdate);
-    };
-    _this.getEditableThemesItems = function (query) {
-      return Promise.resolve(_this.editableThemesItems.filter(function (i) {
-        return i.label.toLowerCase().includes(query.toLowerCase());
-      }));
-    };
-    _this.handleEditingThemeSwitch = function (item) {
-      _this.setState({
-        editingThemeItem: item
-      });
-    };
-    _this.changeThemeVariable = function (theme, variableName, variableValue) {
-      var result = {};
-      ThemeFactory.getKeys(theme).forEach(function (key) {
-        var descriptor = findPropertyDescriptor(theme, key);
-        descriptor.enumerable = true;
-        descriptor.configurable = true;
-        if (key === variableName) {
-          delete descriptor.get;
-          delete descriptor.set;
-          descriptor.value = variableValue;
-        }
-        Object.defineProperty(result, key, descriptor);
-      });
-      return ThemeFactory.create(result);
-    };
-    _this.state = {
-      currentTheme: LIGHT_THEME,
-      currentThemeType: ThemeType.LightTheme,
-      editorOpened: false,
-      themes: {
-        lightTheme: LIGHT_THEME,
-        darkTheme: DARK_THEME
-      },
-      themesErrors: {
-        lightTheme: {},
-        darkTheme: {}
-      }
-    };
-    return _this;
-  }
-  _inheritsLoose(ThemeContextPlaygroundInternal, _React$Component);
-  var _proto = ThemeContextPlaygroundInternal.prototype;
-  _proto.render = function render() {
-    var _this$state3 = this.state,
-      currentTheme = _this$state3.currentTheme,
-      editorOpened = _this$state3.editorOpened,
-      currentThemeType = _this$state3.currentThemeType;
-    var _this$props = this.props,
-      globalBrand = _this$props.globalBrand,
-      globalAccent = _this$props.globalAccent;
-    var themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';
-    this.styles = getStyles(this.emotion);
-    return /*#__PURE__*/React.createElement(ThemeContext.Provider, {
-      value: currentTheme
-    }, /*#__PURE__*/React.createElement("div", {
-      "data-k-brand": globalBrand,
-      "data-k-accent": globalAccent,
-      "data-k-theme": themeAttribute
-    }, editorOpened && this.renderSidePage(), /*#__PURE__*/React.createElement(Playground, {
-      onThemeChange: this.handleThemeChange,
-      currentThemeType: currentThemeType,
-      onEditLinkClick: this.handleOpen
-    })));
-  };
-  return ThemeContextPlaygroundInternal;
-}(React.Component)) || _class;
-export var ThemeContextPlayground = function ThemeContextPlayground(props) {
-  var _context$store$userGl;
-  var context = useContext(DocsContext);
-  var globals = (context == null || (_context$store$userGl = context.store.userGlobals) == null ? void 0 : _context$store$userGl.globals) || {};
-  var brand = globals.brand || 'red';
-  var accent = globals.accent || 'gray';
-  return /*#__PURE__*/React.createElement(ThemeContextPlaygroundInternal, _extends({}, props, {
-    globalBrand: brand,
-    globalAccent: accent
-  }));
-};

package/internal/ThemePlayground/ThemeContextPlayground/ThemeContextPlayground.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["React","useContext","DocsContext","ThemeContext","ThemeFactory","SidePage","Gapped","ComboBox","Link","ColorFunctions","findPropertyDescriptor","LIGHT_THEME","DARK_THEME","withRenderEnvironment","ThemeEditor","getStyles","Playground","ThemeType","getEditingThemeType","editingThemeItem","value","ThemeContextPlaygroundInternal","_class","_React$Component","props","_this","call","editableThemesItems","LightTheme","label","DarkTheme","renderSidePage","_this$state","state","currentTheme","themesErrors","themes","editingThemeType","themeErrors","createElement","disableAnimations","ignoreBackgroundClick","width","onClose","handleClose","Header","className","styles","editorHeaderWrapper","wrap","verticalAlign","getItems","getEditableThemesItems","onValueChange","handleEditingThemeSwitch","style","fontSize","marginTop","onClick","handleGetTheme","Body","sidePageBody","editingTheme","currentErrors","handleThemeVariableChange","themeObject","getKeys","forEach","key","descriptor","Object","getOwnPropertyDescriptor","get","console","log","JSON","stringify","handleOpen","setState","editorOpened","find","i","currentThemeType","handleThemeChange","themeType","variable","_this$state2","theme","currentValue","canSetVariable","isValid","nextThemeErrors","_extends","stateUpdate","result","changeThemeVariable","query","Promise","resolve","filter","toLowerCase","includes","item","variableName","variableValue","enumerable","configurable","set","defineProperty","create","lightTheme","darkTheme","_inheritsLoose","_proto","prototype","render","_this$state3","_this$props","globalBrand","globalAccent","themeAttribute","emotion","Provider","onThemeChange","onEditLinkClick","Component","ThemeContextPlayground","_context$store$userGl","context","globals","store","userGlobals","brand","accent"],"sources":["ThemeContextPlayground.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport React, { useContext } from 'react';\nimport { DocsContext } from '@storybook/addon-docs';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme, ThemeIn } from '../../lib/theming/Theme';\nimport { ThemeFactory } from '../../lib/theming/ThemeFactory';\nimport { SidePage } from '../../components/SidePage';\nimport { Gapped } from '../../components/Gapped';\nimport { ComboBox } from '../../components/ComboBox';\nimport { Link } from '../../components/Link';\nimport * as ColorFunctions from '../../lib/styles/ColorFunctions';\nimport type { Writeable } from '../../typings/utility-types';\nimport { findPropertyDescriptor } from '../../lib/theming/ThemeHelpers';\nimport { LIGHT_THEME } from '../../lib/theming/themes/LightTheme';\nimport { DARK_THEME } from '../../lib/theming/themes/DarkTheme';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { ThemeEditor } from './ThemeEditor';\nimport { getStyles } from './Playground.styles';\nimport { Playground } from './Playground';\nimport { ThemeType } from './constants';\n\ninterface PlaygroundState {\n  editorOpened: boolean;\n  editingThemeItem?: EditingThemeItem;\n  themes: Themes;\n  themesErrors: ThemesErrors;\n  currentTheme: Theme;\n  currentThemeType: ThemeType;\n}\ninterface Themes {\n  lightTheme: Theme;\n  darkTheme: Theme;\n}\ninterface ThemesErrors {\n  lightTheme: ThemeErrorsType;\n  darkTheme: ThemeErrorsType;\n}\ninterface EditingThemeItem {\n  value: ThemeType;\n  label: string;\n}\ninterface PlaygroundProps {\n  children?: ReactNode;\n}\n\ninterface PlaygroundWrapperProps {\n  globalBrand: string;\n  globalAccent: string;\n}\n\nexport type ThemeErrorsType = Writeable<{ [key in keyof Theme]?: boolean }>;\n\nconst getEditingThemeType = (editingThemeItem: PlaygroundState['editingThemeItem']) => {\n  if (editingThemeItem) {\n    return editingThemeItem.value;\n  }\n\n  return 'lightTheme';\n};\n\n@withRenderEnvironment\nclass ThemeContextPlaygroundInternal extends React.Component<\n  PlaygroundProps & PlaygroundWrapperProps,\n  PlaygroundState\n> {\n  private readonly editableThemesItems = [\n    { value: ThemeType.LightTheme, label: 'Светлая тема' },\n    { value: ThemeType.DarkTheme, label: 'Тёмная тема' },\n  ];\n\n  constructor(props: PlaygroundProps & PlaygroundWrapperProps) {\n    super(props);\n    this.state = {\n      currentTheme: LIGHT_THEME,\n      currentThemeType: ThemeType.LightTheme,\n      editorOpened: false,\n      themes: {\n        lightTheme: LIGHT_THEME,\n        darkTheme: DARK_THEME,\n      },\n      themesErrors: {\n        lightTheme: {},\n        darkTheme: {},\n      },\n    };\n  }\n\n  private emotion!: Emotion;\n  private styles!: ReturnType<typeof getStyles>;\n\n  public render() {\n    const { currentTheme, editorOpened, currentThemeType } = this.state;\n    const { globalBrand, globalAccent } = this.props;\n\n    const themeAttribute = currentThemeType === ThemeType.DarkTheme ? 'dark' : 'light';\n\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Provider value={currentTheme}>\n        <div data-k-brand={globalBrand} data-k-accent={globalAccent} data-k-theme={themeAttribute}>\n          {editorOpened && this.renderSidePage()}\n          {\n            <Playground\n              onThemeChange={this.handleThemeChange}\n              currentThemeType={currentThemeType}\n              onEditLinkClick={this.handleOpen}\n            />\n          }\n        </div>\n      </ThemeContext.Provider>\n    );\n  }\n\n  private renderSidePage = () => {\n    const { currentTheme, themesErrors, editingThemeItem, themes } = this.state;\n\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n    const themeErrors = themesErrors[editingThemeType];\n\n    return (\n      <SidePage disableAnimations ignoreBackgroundClick width={600} onClose={this.handleClose}>\n        <SidePage.Header>\n          <div className={this.styles.editorHeaderWrapper(currentTheme)}>\n            <Gapped wrap verticalAlign=\"middle\">\n              <span>Тема для редактирования:</span>\n              <ComboBox\n                getItems={this.getEditableThemesItems}\n                value={editingThemeItem}\n                onValueChange={this.handleEditingThemeSwitch}\n              />\n            </Gapped>\n          </div>\n          <div style={{ fontSize: 14, marginTop: 8 }}>\n            <Link onClick={this.handleGetTheme}>Вывести тему в консоль</Link>\n          </div>\n        </SidePage.Header>\n        <SidePage.Body>\n          <div className={this.styles.sidePageBody()}>\n            <ThemeEditor\n              editingTheme={themes[editingThemeType]}\n              currentTheme={currentTheme}\n              currentErrors={themeErrors}\n              onValueChange={this.handleThemeVariableChange}\n            />\n          </div>\n        </SidePage.Body>\n      </SidePage>\n    );\n  };\n\n  private handleGetTheme = () => {\n    const currentTheme = this.state.currentTheme;\n    const themeObject: Writeable<ThemeIn> = {};\n    ThemeFactory.getKeys(currentTheme).forEach((key) => {\n      const descriptor = Object.getOwnPropertyDescriptor(currentTheme, key);\n      if (descriptor && !descriptor.get && LIGHT_THEME[key] && currentTheme[key] !== LIGHT_THEME[key]) {\n        themeObject[key] = currentTheme[key] as keyof Theme;\n      }\n    });\n\n    console.log(JSON.stringify(themeObject));\n  };\n\n  private handleOpen = () => {\n    this.setState((state) => ({\n      editorOpened: true,\n      editingThemeItem: this.editableThemesItems.find((i) => i.value === state.currentThemeType),\n    }));\n  };\n\n  private handleClose = () => {\n    this.setState({\n      editorOpened: false,\n    });\n  };\n\n  private handleThemeChange = (value: string) => {\n    const themeType = value as ThemeType;\n    this.setState({\n      currentThemeType: themeType,\n      currentTheme: this.state.themes[themeType],\n    });\n  };\n\n  private handleThemeVariableChange = (variable: keyof Theme, value: string) => {\n    const { editingThemeItem, currentTheme, themes, themesErrors } = this.state;\n    const editingThemeType = getEditingThemeType(editingThemeItem);\n\n    const theme = themes[editingThemeType];\n    const currentValue = theme[variable] as string;\n\n    let canSetVariable = true;\n    if (ColorFunctions.isValid(currentValue)) {\n      canSetVariable = ColorFunctions.isValid(value);\n      themesErrors[editingThemeType][variable] = !canSetVariable;\n    }\n\n    const nextThemeErrors: ThemesErrors = { ...themesErrors };\n    nextThemeErrors[editingThemeType][variable] = !canSetVariable;\n    const stateUpdate = { themes, currentTheme, themesErrors: nextThemeErrors };\n\n    if (canSetVariable) {\n      const result = this.changeThemeVariable(theme, variable, value);\n      stateUpdate.themes[editingThemeType] = result;\n      if (this.state.currentThemeType === editingThemeType) {\n        stateUpdate.currentTheme = result;\n      }\n    }\n\n    this.setState(stateUpdate);\n  };\n\n  private getEditableThemesItems = (query: string) => {\n    return Promise.resolve(this.editableThemesItems.filter((i) => i.label.toLowerCase().includes(query.toLowerCase())));\n  };\n\n  private handleEditingThemeSwitch = (item: EditingThemeItem) => {\n    this.setState({ editingThemeItem: item });\n  };\n\n  private changeThemeVariable = (theme: Theme, variableName: keyof Theme, variableValue: string): Theme => {\n    const result: ThemeIn = {};\n    ThemeFactory.getKeys(theme).forEach((key) => {\n      const descriptor = findPropertyDescriptor(theme, key);\n      descriptor.enumerable = true;\n      descriptor.configurable = true;\n      if (key === variableName) {\n        delete descriptor.get;\n        delete descriptor.set;\n        descriptor.value = variableValue;\n      }\n      Object.defineProperty(result, key, descriptor);\n    });\n\n    return ThemeFactory.create<ThemeIn>(result);\n  };\n}\n\nexport const ThemeContextPlayground = (props: PlaygroundProps) => {\n  const context = useContext(DocsContext) as any;\n  const globals = context?.store.userGlobals?.globals || {};\n  const brand = globals.brand || 'red';\n  const accent = globals.accent || 'gray';\n\n  return <ThemeContextPlaygroundInternal {...props} globalBrand={brand} globalAccent={accent} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/internal/ThemePlayground/ThemeContextPlayground/package.json

@@ -1,6 +0,0 @@
-{
-  "main": "../../../cjs/internal/ThemePlayground/ThemeContextPlayground.js",
-  "module": "ThemeContextPlayground",
-  "types": "../ThemeContextPlayground.d.ts",
-  "sideEffects": false
-}

package/internal/ThemePlayground/ThemeContextPlayground.d.ts

@@ -1,12 +0,0 @@
-import type { ReactNode } from 'react';
-import React from 'react';
-import type { Theme } from '../../lib/theming/Theme';
-import type { Writeable } from '../../typings/utility-types';
-interface PlaygroundProps {
-    children?: ReactNode;
-}
-export type ThemeErrorsType = Writeable<{
-    [key in keyof Theme]?: boolean;
-}>;
-export declare const ThemeContextPlayground: (props: PlaygroundProps) => React.JSX.Element;
-export {};