npm - @skbkontur/react-ui - Versions diffs - 5.6.0 → 5.6.1-85c65.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1994) hide show

package/components/Center/Center/Center.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","CommonWrapper","cx","~~rootNode~~","~~createPropsGetter~~","~~styles~~","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderMain","props","~~_cx~~","align","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","className","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose","_proto","prototype","render","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Center.tsx"],"sourcesContent":["import React from 'react';\n\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/~~theming/Emotion~~';\nimport ~~type~~ { ~~TGetRootNode,~~ ~~TSetRootNode~~ } from '../../lib/rootNode';\nimport { ~~rootNode~~ } from '../../lib/~~rootNode~~';\nimport ~~type~~ { ~~DefaultizedProps~~ } from '../../lib/createPropsGetter';\nimport { ~~createPropsGetter~~ } from '../../lib/~~createPropsGetter~~';\n\nimport { ~~styles~~ } from './Center.styles';\n\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /** Задает выравнивание контента по горизонтали /\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/\n `Center` — контейнер, который центрирует элементы внутри себя.\n \n Выравнивание задается пропом `align`.\n */\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n public static displayName = 'Center';\n\n public static defaultProps: DefaultProps = {\n align: 'center',\n };\n private getProps = createPropsGetter(Center.defaultProps);\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public render() {\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={cx({\n [styles.root()]: true,\n [styles.rootAlignLeft()]: align === 'left',\n [styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={styles.spring()} />\n <span className={styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"],"mappings":"kRAAA,OAAOA,KAAK,MAAM,OAAO~~;;;;AAIzB~~,SAASC,aAAa,QAAQ,8BAA8B~~;AAC5D,SAASC,EAAE,QAAQ,2BAA2B~~;;~~AAE9C~~,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,iBAAiB,QAAQ,6BAA6B~~;;AAE~~/D,SAASC,~~MAAM~~,QAAQ,iBAAiB;;;;;;;;;;;;;;~~AAcxC~~,OAAO,IAAMC,cAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAU;;;;;AAKV;AACA;AACA;AACA;AACA;AACA~~;AACaC~~,MAAM,~~GADlBL~~,QAAQ,~~CAAAM~~,MAAA,IAAAC,OAAA,0BAAAC,gBAAA,YAAAH,OAAA,OAAAI,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;;;;;;;IAQCU,QAAQ,~~GAAGlB~~,iBAAiB,~~CAACI~~,MAAM,CAACe,YAAY,CAAC,CAAAX,KAAA~~;;;;;;;;;;;;IAYjDY~~,UAAU,GAAG,UAACC,KAAqD,EAAK,KAAAC,~~GAAA~~;MAC9E,IAAQC,KAAK,GAAcF,KAAK,CAAxBE,KAAK,CAAKC,IAAI,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;;MAEhC;QACE9B,KAAA,CAAA+B,aAAA,QAAAC,QAAA;UACE,YAAU1B,cAAc,CAACC,IAAK;QAC1BqB,IAAI;UACRK,SAAS,~~EAAE/B~~,EAAE,~~EAAAwB~~,~~GAAA~~,OAAAA,~~GAAA~~;~~UACVrB~~,MAAM,~~CAACE~~,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAmB,~~GAAA~~;~~UACpBrB~~,MAAM,~~CAAC6B~~,aAAa,CAAC,CAAC,~~IAAGP~~,KAAK,KAAK,MAAM,EAAAD,~~GAAA~~;~~UACzCrB~~,MAAM,~~CAAC8B~~,cAAc,CAAC,CAAC,~~IAAGR~~,KAAK,KAAK,OAAO,EAAAD,~~GAAA~~;~~UAC7C~~,CAAE;;QAEH1B,KAAA,CAAA+B,aAAA,WAAME,SAAS,~~EAAE5B~~,MAAM,~~CAAC+B~~,MAAM,CAAC,CAAE,EAAE,CAAC;~~QACpCpC~~,KAAA,CAAA+B,aAAA,WAAME,SAAS,~~EAAE5B~~,MAAM,~~CAACgC~~,SAAS,CAAC,CAAE,~~IAAEzB~~,KAAA,CAAKa,KAAK,~~CAACa~~,QAAe;~~QAC7D~~,CAAC;;IAEV,CAAC,~~QAAA1B~~,KAAA,~~EAAA2B~~,cAAA,~~CAAA/B~~,MAAA,EAAAG,gBAAA,~~MAAA6B~~,MAAA,~~GAAAhC~~,MAAA,~~CAAAiC~~,SAAA,CAAAD,MAAA,~~CAxBME~~,MAAM,GAAb,SAAAA,OAAA,~~EAAgB~~,~~CACd~~,~~oBACE1C~~,KAAA,CAAA+B,aAAA,CAAC9B,aAAa,EAAA+B,QAAA,~~GAACW~~,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,~~CAACtB~~,QAAQ,CAAC,CAAC,GAC9D,IAAI,CAACE,UACO,CAAC,CAEpB,CAAC,QAAAhB,MAAA,~~GAlByBR~~,KAAK,~~CAAC6C~~,SAAS,~~GAAAnC~~,OAAA,~~CAC3BoC~~,mBAAmB,GAAG,QAAQ,~~EAAApC~~,OAAA,~~CAC9BqC~~,WAAW,GAAG,QAAQ,~~EAAArC~~,OAAA,CAEtBa,YAAY,GAAiB,EACzCI,KAAK,EAAE,QAAQ,CACjB,CAAC,EAAAjB,OAAA,MAAAD,MAAA","ignoreList":[]}
1	+ {"version":3,"names":["React","CommonWrapper","rootNode","createPropsGetter","withRenderEnvironment","getStyles","CenterDataTids","root","Center","_class","_Center","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","renderMain","props","_this$cx","align","rest","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","className","cx","styles","rootAlignLeft","rootAlignRight","spring","container","children","_inheritsLoose","_proto","prototype","render","emotion","rootNodeRef","setRootNode","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Center.tsx"],"sourcesContent":["import React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { Override } from '../../typings/utility-types';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport type { DefaultizedProps } from '../../lib/createPropsGetter';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles } from './Center.styles';\n\nexport type HorizontalAlign = 'left' \| 'center' \| 'right';\n\nexport interface CenterProps\n extends CommonProps,\n Override<\n React.HTMLAttributes<HTMLDivElement>,\n {\n /** Задает выравнивание контента по горизонтали /\n align?: HorizontalAlign;\n }\n > {}\n\nexport const CenterDataTids = {\n root: 'Center__root',\n} as const;\n\ntype DefaultProps = Required<Pick<CenterProps, 'align'>>;\ntype DefaultizedCenterProps = DefaultizedProps<CenterProps, DefaultProps>;\n\n/\n `Center` — контейнер, который центрирует элементы внутри себя.\n \n Выравнивание задается пропом `align`.\n */\n@withRenderEnvironment\n@rootNode\nexport class Center extends React.Component<CenterProps> {\n public static __KONTUR_REACT_UI__ = 'Center';\n public static displayName = 'Center';\n\n public static defaultProps: DefaultProps = {\n align: 'center',\n };\n private getProps = createPropsGetter(Center.defaultProps);\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }\n private renderMain = (props: CommonWrapperRestProps<DefaultizedCenterProps>) => {\n const { align, ...rest } = props;\n\n return (\n <div\n data-tid={CenterDataTids.root}\n {...rest}\n className={this.cx({\n [this.styles.root()]: true,\n [this.styles.rootAlignLeft()]: align === 'left',\n [this.styles.rootAlignRight()]: align === 'right',\n })}\n >\n <span className={this.styles.spring()} />\n <span className={this.styles.container()}>{this.props.children}</span>\n </div>\n );\n };\n}\n"],"mappings":"kRAAA,OAAOA,KAAK,MAAM,OAAO;;;;;AAKzB,SAASC,aAAa,QAAQ,8BAA8B;;AAE5D,SAASC,QAAQ,QAAQ,oBAAoB;;AAE7C,SAASC,iBAAiB,QAAQ,6BAA6B;AAC/D,SAASC,qBAAqB,QAAQ,6BAA6B;;AAEnE,SAASC,SAAS,QAAQ,iBAAiB;;;;;;;;;;;;;;AAc3C,OAAO,IAAMC,cAAc,GAAG;EAC5BC,IAAI,EAAE;AACR,CAAU;;;;;AAKV;AACA;AACA;AACA;AACA;AACA;;AAEaC,MAAM,GAFlBJ,qBAAqB,CAAAK,MAAA,GACrBP,QAAQ,CAAAO,MAAA,IAAAC,OAAA,0BAAAC,gBAAA,YAAAH,OAAA,OAAAI,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;;;;;;;IAQCU,QAAQ,GAAGnB,iBAAiB,CAACK,MAAM,CAACe,YAAY,CAAC,CAAAX,KAAA;;;;;;;;;;;;;;;;;IAiBjDY,UAAU,GAAG,UAACC,KAAqD,EAAK,KAAAC,QAAA;MAC9E,IAAQC,KAAK,GAAcF,KAAK,CAAxBE,KAAK,CAAKC,IAAI,GAAAC,6BAAA,CAAKJ,KAAK,EAAAK,SAAA;;MAEhC;QACE9B,KAAA,CAAA+B,aAAA,QAAAC,QAAA;UACE,YAAU1B,cAAc,CAACC,IAAK;QAC1BqB,IAAI;UACRK,SAAS,EAAErB,KAAA,CAAKsB,EAAE,EAAAR,QAAA,OAAAA,QAAA;UACfd,KAAA,CAAKuB,MAAM,CAAC5B,IAAI,CAAC,CAAC,IAAG,IAAI,EAAAmB,QAAA;UACzBd,KAAA,CAAKuB,MAAM,CAACC,aAAa,CAAC,CAAC,IAAGT,KAAK,KAAK,MAAM,EAAAD,QAAA;UAC9Cd,KAAA,CAAKuB,MAAM,CAACE,cAAc,CAAC,CAAC,IAAGV,KAAK,KAAK,OAAO,EAAAD,QAAA;UAClD,CAAE;;QAEH1B,KAAA,CAAA+B,aAAA,WAAME,SAAS,EAAErB,KAAA,CAAKuB,MAAM,CAACG,MAAM,CAAC,CAAE,EAAE,CAAC;QACzCtC,KAAA,CAAA+B,aAAA,WAAME,SAAS,EAAErB,KAAA,CAAKuB,MAAM,CAACI,SAAS,CAAC,CAAE,IAAE3B,KAAA,CAAKa,KAAK,CAACe,QAAe;QAClE,CAAC;;IAEV,CAAC,QAAA5B,KAAA,EAAA6B,cAAA,CAAAjC,MAAA,EAAAG,gBAAA,MAAA+B,MAAA,GAAAlC,MAAA,CAAAmC,SAAA,CAAAD,MAAA,CA1BME,MAAM,GAAb,SAAAA,OAAA,EAAmC,CACjC,IAAI,CAACT,MAAM,GAAG9B,SAAS,CAAC,IAAI,CAACwC,OAAO,CAAC,CAErC,oBACE7C,KAAA,CAAA+B,aAAA,CAAC9B,aAAa,EAAA+B,QAAA,GAACc,WAAW,EAAE,IAAI,CAACC,WAAY,IAAK,IAAI,CAACzB,QAAQ,CAAC,CAAC,GAC9D,IAAI,CAACE,UACO,CAAC,CAEpB,CAAC,QAAAhB,MAAA,GAvByBR,KAAK,CAACgD,SAAS,GAAAtC,OAAA,CAC3BuC,mBAAmB,GAAG,QAAQ,EAAAvC,OAAA,CAC9BwC,WAAW,GAAG,QAAQ,EAAAxC,OAAA,CAEtBa,YAAY,GAAiB,EACzCI,KAAK,EAAE,QAAQ,CACjB,CAAC,EAAAjB,OAAA,MAAAD,MAAA,KAAAA,MAAA","ignoreList":[]}

package/components/Center/Center.d.ts CHANGED Viewed

@@ -24,6 +24,9 @@ export declare class Center extends React.Component<CenterProps> {
     private getProps;
     getRootNode: TGetRootNode;
     private setRootNode;
+    private emotion;
+    private cx;
+    private styles;
     render(): React.JSX.Element;
     private renderMain;
 }

package/components/Center/Center.styles/Center.styles.js CHANGED Viewed

@@ -1,20 +1,23 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
-export var styles = memoizeStyle({
-  root: function root() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
-  },
-  rootAlignLeft: function rootAlignLeft() {
-    return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
-  },
-  rootAlignRight: function rootAlignRight() {
-    return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "])));
-  },
-  spring: function spring() {
-    return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
-  },
-  container: function container() {
-    return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
-  }
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
+export var getStyles = memoizeGetStyles(function (_ref) {
+  var css = _ref.css;
+  return {
+    root: function root() {
+      return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      height: 100%;\n      text-align: center;\n    "])));
+    },
+    rootAlignLeft: function rootAlignLeft() {
+      return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n      text-align: left;\n    "])));
+    },
+    rootAlignRight: function rootAlignRight() {
+      return css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n      text-align: right;\n    "])));
+    },
+    spring: function spring() {
+      return css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      height: 100%;\n      vertical-align: middle;\n    "])));
+    },
+    container: function container() {
+      return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n      display: inline-block;\n      text-align: left;\n      vertical-align: middle;\n    "])));
+    }
+  };
 });

package/components/Center/Center.styles/Center.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~css~~","~~memoizeStyle~~","~~styles~~","root","_templateObject","_taggedTemplateLiteralLoose","rootAlignLeft","_templateObject2","rootAlignRight","_templateObject3","spring","_templateObject4","container","_templateObject5"],"sources":["Center.styles.ts"],"sourcesContent":["import { css, ~~memoizeStyle~~ } from '../../lib/theming/Emotion';\n\nexport const ~~styles~~ = ~~memoizeStyle~~({\n root() {\n return css`\n height: 100%;\n text-align: center;\n `;\n },\n\n rootAlignLeft() {\n return css`\n text-align: left;\n `;\n },\n\n rootAlignRight() {\n return css`\n text-align: right;\n `;\n },\n\n spring() {\n return css`\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n `;\n },\n\n container() {\n return css`\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n `;\n },\n});\n"],"mappings":"~~4LAAA~~,SAASA,~~GAAG~~,~~EAAEC,YAAY,~~QAAQ,2BAA2B;;~~AAE7D~~,OAAO,IAAMC,~~MAAM~~,GAAGD,~~YAAY~~,CAAC;~~EACjCE~~,IAAI,WAAAA,KAAA,EAAG;~~IACL~~,~~OAAOH~~,GAAG,~~CAAAI~~,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;~~EAIZ~~,CAAC;;~~EAEDC~~,aAAa,WAAAA,cAAA,EAAG;~~IACd~~,~~OAAON~~,GAAG,~~CAAAO~~,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;~~EAGZ~~,CAAC;;~~EAEDG~~,cAAc,WAAAA,eAAA,EAAG;~~IACf~~,~~OAAOR~~,GAAG,~~CAAAS~~,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;~~EAGZ~~,CAAC;;~~EAEDK~~,MAAM,WAAAA,OAAA,EAAG;~~IACP~~,~~OAAOV~~,GAAG,~~CAAAW~~,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;~~EAKZ~~,CAAC;;~~EAEDO~~,SAAS,WAAAA,UAAA,EAAG;~~IACV~~,~~OAAOZ~~,GAAG,~~CAAAa~~,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;~~EAKZ~~;~~AACF~~,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["memoizeGetStyles","getStyles","_ref","css","root","_templateObject","_taggedTemplateLiteralLoose","rootAlignLeft","_templateObject2","rootAlignRight","_templateObject3","spring","_templateObject4","container","_templateObject5"],"sources":["Center.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\n\nexport const getStyles = memoizeGetStyles(({ css }: Emotion) => ({\n root() {\n return css`\n height: 100%;\n text-align: center;\n `;\n },\n\n rootAlignLeft() {\n return css`\n text-align: left;\n `;\n },\n\n rootAlignRight() {\n return css`\n text-align: right;\n `;\n },\n\n spring() {\n return css`\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n `;\n },\n\n container() {\n return css`\n display: inline-block;\n text-align: left;\n vertical-align: middle;\n `;\n },\n}));\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;AAE5D,OAAO,IAAMC,SAAS,GAAGD,gBAAgB,CAAC,UAAAE,IAAA,OAAGC,GAAG,GAAAD,IAAA,CAAHC,GAAG,QAAiB;IAC/DC,IAAI,WAAAA,KAAA,EAAG;MACL,OAAOD,GAAG,CAAAE,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;;IAIZ,CAAC;;IAEDC,aAAa,WAAAA,cAAA,EAAG;MACd,OAAOJ,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;;IAGZ,CAAC;;IAEDG,cAAc,WAAAA,eAAA,EAAG;MACf,OAAON,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAJ,2BAAA;;;IAGZ,CAAC;;IAEDK,MAAM,WAAAA,OAAA,EAAG;MACP,OAAOR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAN,2BAAA;;;;;IAKZ,CAAC;;IAEDO,SAAS,WAAAA,UAAA,EAAG;MACV,OAAOV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAR,2BAAA;;;;;IAKZ;EACF,CAAC,EAAC,CAAC","ignoreList":[]}

package/components/Center/Center.styles.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     root(): string;
     rootAlignLeft(): string;
     rootAlignRight(): string;
     spring(): string;
     container(): string;
-};
+}>;

package/components/Checkbox/Checkbox/Checkbox.js CHANGED Viewed

@@ -1,21 +1,19 @@
 import _extends from "@babel/runtime/helpers/esm/extends";
 import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
-var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "type", "initialIndeterminate", "aria-describedby", "aria-label"];
+var _excluded = ["error", "warning", "size", "onMouseEnter", "onMouseLeave", "onMouseOver", "onValueChange", "onClick", "type", "initialIndeterminate", "aria-describedby", "aria-label"];
 var _class, _Checkbox;
 import React from 'react';
-import { globalObject } from '@skbkontur/global-object';
-import { keyListener } from "../../../lib/events/keyListener";
+import { KeyListener } from "../../../lib/events/keyListener";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
-import { isEdge, isIE11 } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { fixFirefoxModifiedClickOnLabel } from "../../../lib/events/fixFirefoxModifiedClickOnLabel";
 import { FocusControlWrapper } from "../../../internal/FocusControlWrapper";
 import { withSize } from "../../../lib/size/SizeDecorator";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
-import { styles, globalClasses } from "../Checkbox.styles";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
+import { getStyles, globalClasses } from "../Checkbox.styles";
 import { CheckedIcon } from "../CheckedIcon";
 import { IndeterminateIcon } from "../IndeterminateIcon";
 export var CheckboxDataTids = {
@@ -28,7 +26,7 @@ export var CheckboxDataTids = {
  * Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.
  * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.
  */
-export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {
+export var Checkbox = withRenderEnvironment(_class = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE__*/function (_React$PureComponent) {
   function Checkbox() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -59,17 +57,18 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       }
     };
     _this.componentDidMount = function () {
-      var _globalObject$documen, _globalObject$documen2;
+      var _this$globalObject$do, _this$globalObject$do2;
+      _this.keyListener = new KeyListener(_this.globalObject);
       if (_this.state.indeterminate && _this.input.current) {
         _this.input.current.indeterminate = true;
       }
-      (_globalObject$documen = globalObject.document) == null || _globalObject$documen.addEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen2 = globalObject.document) == null || _globalObject$documen2.addEventListener('keyup', _this.handleShiftRelease);
+      (_this$globalObject$do = _this.globalObject.document) == null || _this$globalObject$do.addEventListener('keydown', _this.handleShiftPress);
+      (_this$globalObject$do2 = _this.globalObject.document) == null || _this$globalObject$do2.addEventListener('keyup', _this.handleShiftRelease);
     };
     _this.componentWillUnmount = function () {
-      var _globalObject$documen3, _globalObject$documen4;
-      (_globalObject$documen3 = globalObject.document) == null || _globalObject$documen3.removeEventListener('keydown', _this.handleShiftPress);
-      (_globalObject$documen4 = globalObject.document) == null || _globalObject$documen4.removeEventListener('keyup', _this.handleShiftRelease);
+      var _this$globalObject$do3, _this$globalObject$do4;
+      (_this$globalObject$do3 = _this.globalObject.document) == null || _this$globalObject$do3.removeEventListener('keydown', _this.handleShiftPress);
+      (_this$globalObject$do4 = _this.globalObject.document) == null || _this$globalObject$do4.removeEventListener('keyup', _this.handleShiftRelease);
     };
     /**
@@ -98,7 +97,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       }
     };
     _this.renderMain = function (props) {
-      var _cx, _cx3, _cx4;
+      var _this$cx, _this$cx3, _this$cx4;
       var error = props.error,
         warning = props.warning,
         size = props.size,
@@ -106,13 +105,14 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
         onMouseLeave = props.onMouseLeave,
         onMouseOver = props.onMouseOver,
         onValueChange = props.onValueChange,
+        onClick = props.onClick,
         type = props.type,
         initialIndeterminate = props.initialIndeterminate,
         ariaDescribedby = props['aria-describedby'],
         ariaLabel = props['aria-label'],
         rest = _objectWithoutPropertiesLoose(props, _excluded);
       var isIndeterminate = _this.state.indeterminate;
-      var iconClass = cx(styles.icon(), !_this.props.checked && !isIndeterminate && styles.iconUnchecked());
+      var iconClass = _this.cx(_this.styles.icon(), !_this.props.checked && !isIndeterminate && _this.styles.iconUnchecked());
       var iconSize = parseInt(_this.getCheckboxBoxSize());
       var IconCheck = /*#__PURE__*/
       React.createElement("span", {
@@ -128,31 +128,30 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       React.createElement(IndeterminateIcon, {
         size: iconSize
       }));
-      var rootClass = cx(_this.getRootSizeClassName(), (_cx = {}, _cx[styles.root(_this.theme)] = true, _cx[styles.rootFallback()] = isIE11 || isEdge, _cx[styles.rootChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx[styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _cx[styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _cx));
+      var rootClass = _this.cx(_this.getRootSizeClassName(), (_this$cx = {}, _this$cx[_this.styles.root(_this.theme)] = true, _this$cx[_this.styles.rootChecked(_this.theme)] = props.checked || isIndeterminate, _this$cx[_this.styles.rootDisableTextSelect()] = _this.state.isShiftPressed, _this$cx[_this.styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _this$cx));
       var inputProps = _extends({}, rest, {
         type: 'checkbox',
-        className: styles.input(),
+        className: _this.styles.input(),
         onChange: _this.handleChange,
         onFocus: _this.handleFocus,
         onBlur: _this.handleBlur,
-        onClick: _this.handleClick,
         ref: _this.input
       });
       var caption = null;
       if (_this.props.children) {
-        var _cx2;
-        var captionClass = cx((_cx2 = {}, _cx2[styles.caption(_this.theme)] = true, _cx2[styles.captionIE11()] = isIE11 || isEdge, _cx2[styles.disabled(_this.theme)] = Boolean(_this.props.disabled), _cx2));
+        var _this$cx2;
+        var captionClass = _this.cx((_this$cx2 = {}, _this$cx2[_this.styles.caption(_this.theme)] = true, _this$cx2[_this.styles.disabled(_this.theme)] = Boolean(props.disabled), _this$cx2));
         caption = /*#__PURE__*/React.createElement("span", {
           className: captionClass
         }, _this.props.children);
       }
       var box = /*#__PURE__*/
       React.createElement("div", {
-        className: cx(_this.getBoxWrapperSizeClassName(), (_cx3 = {}, _cx3[styles.boxWrapper(_this.theme)] = true, _cx3))
+        className: _this.cx(_this.getBoxWrapperSizeClassName(), (_this$cx3 = {}, _this$cx3[_this.styles.boxWrapper(_this.theme)] = true, _this$cx3))
       }, /*#__PURE__*/
       React.createElement("div", {
-        className: cx(styles.box(_this.theme), globalClasses.box, (_cx4 = {}, _cx4[styles.boxChecked(_this.theme)] = _this.props.checked || isIndeterminate, _cx4[styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _cx4[styles.boxError(_this.theme)] = _this.props.error, _cx4[styles.boxWarning(_this.theme)] = _this.props.warning, _cx4[styles.boxDisabled(_this.theme)] = _this.props.disabled, _cx4))
+        className: _this.cx(_this.styles.box(_this.theme), globalClasses.box, (_this$cx4 = {}, _this$cx4[_this.styles.boxChecked(_this.theme)] = _this.props.checked || isIndeterminate, _this$cx4[_this.styles.boxFocus(_this.theme)] = _this.state.focusedByTab, _this$cx4[_this.styles.boxError(_this.theme)] = _this.props.error, _this$cx4[_this.styles.boxWarning(_this.theme)] = _this.props.warning, _this$cx4[_this.styles.boxDisabled(_this.theme)] = _this.props.disabled, _this$cx4))
       }, isIndeterminate && IconSquare || IconCheck));
       return /*#__PURE__*/(
         React.createElement("label", {
@@ -161,7 +160,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
           onMouseEnter: onMouseEnter,
           onMouseLeave: onMouseLeave,
           onMouseOver: onMouseOver,
-          onClick: fixFirefoxModifiedClickOnLabel(_this.input)
+          onClick: _this.handleClick
         }, /*#__PURE__*/
         React.createElement(FocusControlWrapper, {
@@ -177,8 +176,8 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       if (!_this.props.disabled) {
         // focus event fires before keyDown eventlistener
         // so we should check tabPressed in async way
-        globalObject.requestAnimationFrame == null || globalObject.requestAnimationFrame(function () {
-          if (keyListener.isTabPressed) {
+        _this.globalObject.requestAnimationFrame == null || _this.globalObject.requestAnimationFrame(function () {
+          if (_this.keyListener.isTabPressed) {
             _this.setState({
               focusedByTab: true
             });
@@ -205,22 +204,9 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
       _this.props.onChange == null || _this.props.onChange(event);
     };
     _this.handleClick = function (e) {
+      var handleModifierClickInFirefox = fixFirefoxModifiedClickOnLabel(_this.input);
+      handleModifierClickInFirefox(e);
       _this.props.onClick == null || _this.props.onClick(e);
-      // support IE11's and old Edge's special behavior
-      // https://github.com/jquery/jquery/issues/1698
-      if (_this.state.indeterminate && (isIE11 || isEdge)) {
-        _this.resetIndeterminate();
-        // simulate correct behavior only if onValueChange is used
-        // because we cant simulate real native onChange event
-        if (_this.props.onValueChange && _this.input.current) {
-          var checked = !_this.input.current.checked;
-          if (_this.props.checked === undefined) {
-            // in case of uncontrolled mode
-            _this.input.current.checked = checked;
-          }
-          _this.props.onValueChange(checked);
-        }
-      }
     };
     return _this;
   }
@@ -229,23 +215,23 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
   _proto.getRootSizeClassName = function getRootSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.rootLarge(this.theme);
+        return this.styles.rootLarge(this.theme);
       case 'medium':
-        return styles.rootMedium(this.theme);
+        return this.styles.rootMedium(this.theme);
       case 'small':
       default:
-        return styles.rootSmall(this.theme);
+        return this.styles.rootSmall(this.theme);
     }
   };
   _proto.getBoxWrapperSizeClassName = function getBoxWrapperSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.boxWrapperLarge(this.theme);
+        return this.styles.boxWrapperLarge(this.theme);
       case 'medium':
-        return styles.boxWrapperMedium(this.theme);
+        return this.styles.boxWrapperMedium(this.theme);
       case 'small':
       default:
-        return styles.boxWrapperSmall(this.theme);
+        return this.styles.boxWrapperSmall(this.theme);
     }
   };
   _proto.getCheckboxBoxSize = function getCheckboxBoxSize() {
@@ -266,6 +252,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
   };
   _proto.render = function render() {
     var _this2 = this;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
       _this2.theme = theme;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
@@ -278,7 +265,7 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
     */;
   _proto.focus = function focus() {
     var _this$input$current;
-    keyListener.isTabPressed = true;
+    this.keyListener.isTabPressed = true;
     (_this$input$current = this.input.current) == null || _this$input$current.focus();
   } /**
     * Программное снятие фокуса с чекбокса.
@@ -289,4 +276,4 @@ export var Checkbox = rootNode(_class = withSize(_class = (_Checkbox = /*#__PURE
     (_this$input$current2 = this.input.current) == null || _this$input$current2.blur();
   };
   return Checkbox;
-}(React.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox)) || _class) || _class;
+}(React.PureComponent), _Checkbox.__KONTUR_REACT_UI__ = 'Checkbox', _Checkbox.displayName = 'Checkbox', _Checkbox)) || _class) || _class) || _class;

package/components/Checkbox/Checkbox/Checkbox.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["React","globalObject","keyListener","ThemeContext","isEdge","isIE11","CommonWrapper","cx","rootNode","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","withSize","createPropsGetter","styles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","getProps","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_globalObject$documen","_globalObject$documen2","current","document","addEventListener","componentWillUnmount","_globalObject$documen3","_globalObject$documen4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_cx","_cx3","_cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","isIndeterminate","iconClass","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","IconSquare","rootClass","getRootSizeClassName","theme","rootFallback","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","onClick","handleClick","ref","caption","children","_cx2","captionClass","captionIE11","box","getBoxWrapperSizeClassName","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","onBlurWhenDisabled","resetFocus","requestAnimationFrame","isTabPressed","event","currentTarget","undefined","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","Consumer","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Checkbox.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { Override } from '../../typings/utility-types';\nimport { keyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport { isEdge, isIE11 } from '../../lib/client';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\n\nimport { styles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n extends CommonProps,\n Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Переводит контрол в состояние валидации \"ошибка\". /\n error?: boolean;\n\n /* Переводит контрол в состояние валидации \"предупреждение\". /\n warning?: boolean;\n\n /* Задает размер. /\n size?: SizeProp;\n\n /* Задает HTML-событие `onmouseenter`.\n * @ignore /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n /* Задает HTML-событие `onmouseleave`.\n * @ignore /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n /* Задает HTML-событие `onmouseover`.\n * @ignore /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n /* Задает функцию, вызывающуюся при изменении value. /\n onValueChange?: (value: boolean) => void;\n\n /* Задает HTML-событие `onblur`.\n * @ignore /\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n /* Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). /\n initialIndeterminate?: boolean;\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n root: 'Checkbox__root',\n} as const;\n\n/\n `Checkbox` используется для управления параметром с двумя состояниями.\n \n Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n /\n@rootNode\n@withSize\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n public static displayName = 'Checkbox';\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.rootLarge(this.theme);\n case 'medium':\n return styles.rootMedium(this.theme);\n case 'small':\n default:\n return styles.rootSmall(this.theme);\n }\n }\n\n private getBoxWrapperSizeClassName() {\n switch (this.size) {\n case 'large':\n return styles.boxWrapperLarge(this.theme);\n case 'medium':\n return styles.boxWrapperMedium(this.theme);\n case 'small':\n default:\n return styles.boxWrapperSmall(this.theme);\n }\n }\n\n private getCheckboxBoxSize() {\n switch (this.size) {\n case 'large':\n return this.theme.checkboxBoxSizeLarge;\n case 'medium':\n return this.theme.checkboxBoxSizeMedium;\n case 'small':\n default:\n return this.theme.checkboxBoxSizeSmall;\n }\n }\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate \|\| false,\n isShiftPressed: false,\n };\n private size!: SizeProp;\n\n private theme!: Theme;\n private input = React.createRef<HTMLInputElement>();\n private getProps = createPropsGetter({});\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render() {\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n Программная установка фокуса чекбоксу.\n * @public\n /\n public focus() {\n keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /\n Программное снятие фокуса с чекбокса.\n * @public\n /\n public blur() {\n this.input.current?.blur();\n }\n\n /\n Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n /\n public setIndeterminate = () => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /\n Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = () => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n size,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n type,\n initialIndeterminate,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const iconClass = cx(styles.icon(), !this.props.checked && !isIndeterminate && styles.iconUnchecked());\n\n const iconSize = parseInt(this.getCheckboxBoxSize());\n const IconCheck = (\n <span className={iconClass}>\n <CheckedIcon size={iconSize} />\n </span>\n );\n const IconSquare = (\n <span className={iconClass}>\n <IndeterminateIcon size={iconSize} />\n </span>\n );\n\n const rootClass = cx(this.getRootSizeClassName(), {\n [styles.root(this.theme)]: true,\n [styles.rootFallback()]: isIE11 \|\| isEdge,\n [styles.rootChecked(this.theme)]: this.props.checked \|\| isIndeterminate,\n [styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [styles.disabled(this.theme)]: Boolean(this.props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n onClick: this.handleClick,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = cx({\n [styles.caption(this.theme)]: true,\n [styles.captionIE11()]: isIE11 \|\| isEdge,\n [styles.disabled(this.theme)]: Boolean(this.props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const box = (\n <div\n className={cx(this.getBoxWrapperSizeClassName(), {\n [styles.boxWrapper(this.theme)]: true,\n })}\n >\n <div\n className={cx(styles.box(this.theme), globalClasses.box, {\n [styles.boxChecked(this.theme)]: this.props.checked \|\| isIndeterminate,\n [styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [styles.boxError(this.theme)]: this.props.error,\n [styles.boxWarning(this.theme)]: this.props.warning,\n [styles.boxDisabled(this.theme)]: this.props.disabled,\n })}\n >\n {(isIndeterminate && IconSquare) \|\| IconCheck}\n </div>\n </div>\n );\n\n return (\n <label\n data-tid={CheckboxDataTids.root}\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={fixFirefoxModifiedClickOnLabel(this.input)}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n </FocusControlWrapper>\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n globalObject.requestAnimationFrame?.(() => {\n if (keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private resetFocus = () => this.setState({ focusedByTab: false });\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(e);\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLInputElement>) => {\n this.props.onClick?.(e);\n // support IE11's and old Edge's special behavior\n // https://github.com/jquery/jquery/issues/1698\n if (this.state.indeterminate && (isIE11 \|\| isEdge)) {\n this.resetIndeterminate();\n // simulate correct behavior only if onValueChange is used\n // because we cant simulate real native onChange event\n if (this.props.onValueChange && this.input.current) {\n const checked = !this.input.current.checked;\n\n if (this.props.checked === undefined) {\n // in case of uncontrolled mode\n this.input.current.checked = checked;\n }\n\n this.props.onValueChange(checked);\n }\n }\n };\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["React","KeyListener","ThemeContext","CommonWrapper","rootNode","fixFirefoxModifiedClickOnLabel","FocusControlWrapper","withSize","createPropsGetter","withRenderEnvironment","getStyles","globalClasses","CheckedIcon","IndeterminateIcon","CheckboxDataTids","root","Checkbox","_class","_Checkbox","_React$PureComponent","_this","_len","arguments","length","args","Array","_key","call","apply","concat","state","focusedByTab","indeterminate","props","initialIndeterminate","isShiftPressed","input","createRef","getProps","handleShiftPress","e","key","setState","handleShiftRelease","componentDidMount","_this$globalObject$do","_this$globalObject$do2","keyListener","globalObject","current","document","addEventListener","componentWillUnmount","_this$globalObject$do3","_this$globalObject$do4","removeEventListener","setIndeterminate","resetIndeterminate","renderMain","_this$cx","_this$cx3","_this$cx4","error","warning","size","onMouseEnter","onMouseLeave","onMouseOver","onValueChange","onClick","type","ariaDescribedby","ariaLabel","rest","_objectWithoutPropertiesLoose","_excluded","isIndeterminate","iconClass","cx","styles","icon","checked","iconUnchecked","iconSize","parseInt","getCheckboxBoxSize","IconCheck","createElement","className","IconSquare","rootClass","getRootSizeClassName","theme","rootChecked","rootDisableTextSelect","disabled","Boolean","inputProps","_extends","onChange","handleChange","onFocus","handleFocus","onBlur","handleBlur","ref","caption","children","_this$cx2","captionClass","box","getBoxWrapperSizeClassName","boxWrapper","boxChecked","boxFocus","boxError","boxWarning","boxDisabled","handleClick","onBlurWhenDisabled","resetFocus","requestAnimationFrame","isTabPressed","event","currentTarget","handleModifierClickInFirefox","_inheritsLoose","_proto","prototype","rootLarge","rootMedium","rootSmall","boxWrapperLarge","boxWrapperMedium","boxWrapperSmall","checkboxBoxSizeLarge","checkboxBoxSizeMedium","checkboxBoxSizeSmall","componentDidUpdate","prevProps","render","_this2","emotion","Consumer","rootNodeRef","setRootNode","focus","_this$input$current","blur","_this$input$current2","PureComponent","__KONTUR_REACT_UI__","displayName"],"sources":["Checkbox.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { Override } from '../../typings/utility-types';\nimport { KeyListener } from '../../lib/events/keyListener';\nimport type { Theme } from '../../lib/theming/Theme';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { CommonProps, CommonWrapperRestProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { fixFirefoxModifiedClickOnLabel } from '../../lib/events/fixFirefoxModifiedClickOnLabel';\nimport type { SizeProp } from '../../lib/types/props';\nimport { FocusControlWrapper } from '../../internal/FocusControlWrapper';\nimport { withSize } from '../../lib/size/SizeDecorator';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { getStyles, globalClasses } from './Checkbox.styles';\nimport { CheckedIcon } from './CheckedIcon';\nimport { IndeterminateIcon } from './IndeterminateIcon';\n\nexport interface CheckboxProps\n extends CommonProps,\n Pick<AriaAttributes, 'aria-describedby' \| 'aria-label'>,\n Override<\n React.InputHTMLAttributes<HTMLInputElement>,\n {\n /** @ignore /\n children?: React.ReactNode;\n\n /* Переводит контрол в состояние валидации \"ошибка\". /\n error?: boolean;\n\n /* Переводит контрол в состояние валидации \"предупреждение\". /\n warning?: boolean;\n\n /* Задает размер. /\n size?: SizeProp;\n\n /* Задает HTML-событие `onmouseenter`.\n * @ignore /\n onMouseEnter?: React.MouseEventHandler<HTMLLabelElement>;\n\n /* Задает HTML-событие `onmouseleave`.\n * @ignore /\n onMouseLeave?: React.MouseEventHandler<HTMLLabelElement>;\n\n /* Задает HTML-событие `onmouseover`.\n * @ignore /\n onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;\n\n /* Задает функцию, вызывающуюся при изменении value. /\n onValueChange?: (value: boolean) => void;\n\n /* Задает HTML-событие `onclick`.\n * @ignore /\n onClick?: React.MouseEventHandler<HTMLLabelElement>;\n\n /* Задает HTML-событие `onblur`.\n * @ignore /\n onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\n /* Устанавливает начальное [неопределенное состояние чекбокса](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#attr-indeterminate). /\n initialIndeterminate?: boolean;\n }\n > {}\n\nexport interface CheckboxState {\n focusedByTab: boolean;\n indeterminate: boolean;\n isShiftPressed: boolean;\n}\n\nexport const CheckboxDataTids = {\n root: 'Checkbox__root',\n} as const;\n\n/\n `Checkbox` используется для управления параметром с двумя состояниями.\n \n Чекбокс не запускает действие немедленно. Как правило, для этого нужно нажать подтверждающую кнопку.\n * Для немедленного включения какого-то режима в интерфейсе лучше подходит Toggle.\n /\n@withRenderEnvironment\n@rootNode\n@withSize\nexport class Checkbox extends React.PureComponent<CheckboxProps, CheckboxState> {\n public static __KONTUR_REACT_UI__ = 'Checkbox';\n public static displayName = 'Checkbox';\n\n private getRootSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.rootLarge(this.theme);\n case 'medium':\n return this.styles.rootMedium(this.theme);\n case 'small':\n default:\n return this.styles.rootSmall(this.theme);\n }\n }\n\n private getBoxWrapperSizeClassName() {\n switch (this.size) {\n case 'large':\n return this.styles.boxWrapperLarge(this.theme);\n case 'medium':\n return this.styles.boxWrapperMedium(this.theme);\n case 'small':\n default:\n return this.styles.boxWrapperSmall(this.theme);\n }\n }\n\n private getCheckboxBoxSize() {\n switch (this.size) {\n case 'large':\n return this.theme.checkboxBoxSizeLarge;\n case 'medium':\n return this.theme.checkboxBoxSizeMedium;\n case 'small':\n default:\n return this.theme.checkboxBoxSizeSmall;\n }\n }\n\n public state = {\n focusedByTab: false,\n indeterminate: this.props.initialIndeterminate \|\| false,\n isShiftPressed: false,\n };\n private size!: SizeProp;\n\n private globalObject!: GlobalObject;\n private emotion!: Emotion;\n private cx!: Emotion['cx'];\n private styles!: ReturnType<typeof getStyles>;\n private theme!: Theme;\n private input = React.createRef<HTMLInputElement>();\n private getProps = createPropsGetter({});\n private keyListener!: KeyListener;\n\n private handleShiftPress = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState(() => ({\n isShiftPressed: true,\n }));\n }\n };\n\n private handleShiftRelease = (e: KeyboardEvent) => {\n if (e.key === 'Shift') {\n this.setState({\n isShiftPressed: false,\n });\n }\n };\n\n public componentDidMount = () => {\n this.keyListener = new KeyListener(this.globalObject);\n if (this.state.indeterminate && this.input.current) {\n this.input.current.indeterminate = true;\n }\n\n this.globalObject.document?.addEventListener('keydown', this.handleShiftPress);\n this.globalObject.document?.addEventListener('keyup', this.handleShiftRelease);\n };\n\n public componentWillUnmount = () => {\n this.globalObject.document?.removeEventListener('keydown', this.handleShiftPress);\n this.globalObject.document?.removeEventListener('keyup', this.handleShiftRelease);\n };\n\n public getRootNode!: TGetRootNode;\n private setRootNode!: TSetRootNode;\n\n public componentDidUpdate(prevProps: CheckboxProps) {\n if (prevProps.checked !== this.props.checked) {\n this.resetIndeterminate();\n }\n }\n\n public render(): React.JSX.Element {\n this.styles = getStyles(this.emotion);\n\n return (\n <ThemeContext.Consumer>\n {(theme) => {\n this.theme = theme;\n return (\n <CommonWrapper rootNodeRef={this.setRootNode} {...this.getProps()}>\n {this.renderMain}\n </CommonWrapper>\n );\n }}\n </ThemeContext.Consumer>\n );\n }\n\n /\n Программная установка фокуса чекбоксу.\n * @public\n /\n public focus(): void {\n this.keyListener.isTabPressed = true;\n this.input.current?.focus();\n }\n\n /\n Программное снятие фокуса с чекбокса.\n * @public\n /\n public blur(): void {\n this.input.current?.blur();\n }\n\n /\n Устанавливает чекбокс в HTML-состояние `indeterminate`.\n * @public\n /\n public setIndeterminate = (): void => {\n this.setState({\n indeterminate: true,\n });\n if (this.input.current) {\n this.input.current.indeterminate = true;\n }\n };\n\n /\n Снимает с чекбокса HTML-состояние `indeterminate`.\n * @public\n */\n public resetIndeterminate = (): void => {\n this.setState({\n indeterminate: false,\n });\n if (this.input.current) {\n this.input.current.indeterminate = false;\n }\n };\n\n private renderMain = (props: CommonWrapperRestProps<CheckboxProps>) => {\n const {\n error,\n warning,\n size,\n onMouseEnter,\n onMouseLeave,\n onMouseOver,\n onValueChange,\n onClick,\n type,\n initialIndeterminate,\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n ...rest\n } = props;\n const isIndeterminate = this.state.indeterminate;\n\n const iconClass = this.cx(\n this.styles.icon(),\n !this.props.checked && !isIndeterminate && this.styles.iconUnchecked(),\n );\n\n const iconSize = parseInt(this.getCheckboxBoxSize());\n const IconCheck = (\n <span className={iconClass}>\n <CheckedIcon size={iconSize} />\n </span>\n );\n const IconSquare = (\n <span className={iconClass}>\n <IndeterminateIcon size={iconSize} />\n </span>\n );\n\n const rootClass = this.cx(this.getRootSizeClassName(), {\n [this.styles.root(this.theme)]: true,\n [this.styles.rootChecked(this.theme)]: props.checked \|\| isIndeterminate,\n [this.styles.rootDisableTextSelect()]: this.state.isShiftPressed,\n [this.styles.disabled(this.theme)]: Boolean(this.props.disabled),\n });\n\n const inputProps = {\n ...rest,\n type: 'checkbox',\n className: this.styles.input(),\n onChange: this.handleChange,\n onFocus: this.handleFocus,\n onBlur: this.handleBlur,\n ref: this.input,\n };\n\n let caption = null;\n if (this.props.children) {\n const captionClass = this.cx({\n [this.styles.caption(this.theme)]: true,\n [this.styles.disabled(this.theme)]: Boolean(props.disabled),\n });\n caption = <span className={captionClass}>{this.props.children}</span>;\n }\n\n const box = (\n <div\n className={this.cx(this.getBoxWrapperSizeClassName(), {\n [this.styles.boxWrapper(this.theme)]: true,\n })}\n >\n <div\n className={this.cx(this.styles.box(this.theme), globalClasses.box, {\n [this.styles.boxChecked(this.theme)]: this.props.checked \|\| isIndeterminate,\n [this.styles.boxFocus(this.theme)]: this.state.focusedByTab,\n [this.styles.boxError(this.theme)]: this.props.error,\n [this.styles.boxWarning(this.theme)]: this.props.warning,\n [this.styles.boxDisabled(this.theme)]: this.props.disabled,\n })}\n >\n {(isIndeterminate && IconSquare) \|\| IconCheck}\n </div>\n </div>\n );\n\n return (\n <label\n data-tid={CheckboxDataTids.root}\n className={rootClass}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onMouseOver={onMouseOver}\n onClick={this.handleClick}\n >\n <FocusControlWrapper onBlurWhenDisabled={this.resetFocus}>\n <input {...inputProps} aria-label={ariaLabel} aria-describedby={ariaDescribedby} />\n </FocusControlWrapper>\n {box}\n {caption}\n </label>\n );\n };\n\n private handleFocus = (e: React.FocusEvent<any>) => {\n if (!this.props.disabled) {\n // focus event fires before keyDown eventlistener\n // so we should check tabPressed in async way\n this.globalObject.requestAnimationFrame?.(() => {\n if (this.keyListener.isTabPressed) {\n this.setState({ focusedByTab: true });\n }\n });\n\n if (this.props.onFocus) {\n this.props.onFocus(e);\n }\n }\n };\n\n private resetFocus = () => this.setState({ focusedByTab: false });\n\n private handleBlur = (e: React.FocusEvent<HTMLInputElement>) => {\n this.resetFocus();\n this.props.onBlur?.(e);\n };\n\n private handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n const checked = event.currentTarget.checked;\n this.props.onValueChange?.(checked);\n\n this.resetIndeterminate();\n\n this.props.onChange?.(event);\n };\n\n private handleClick = (e: React.MouseEvent<HTMLLabelElement>) => {\n const handleModifierClickInFirefox = fixFirefoxModifiedClickOnLabel(this.input);\n handleModifierClickInFirefox(e);\n this.props.onClick?.(e);\n };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Checkbox/Checkbox.d.ts CHANGED Viewed

@@ -24,6 +24,9 @@ export interface CheckboxProps extends CommonProps, Pick<AriaAttributes, 'aria-d
     onMouseOver?: React.MouseEventHandler<HTMLLabelElement>;
     /** Задает функцию, вызывающуюся при изменении value. */
     onValueChange?: (value: boolean) => void;
+    /** Задает HTML-событие `onclick`.
+     * @ignore */
+    onClick?: React.MouseEventHandler<HTMLLabelElement>;
     /** Задает HTML-событие `onblur`.
      * @ignore */
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
@@ -57,9 +60,14 @@ export declare class Checkbox extends React.PureComponent<CheckboxProps, Checkbo
         isShiftPressed: boolean;
     };
     private size;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private input;
     private getProps;
+    private keyListener;
     private handleShiftPress;
     private handleShiftRelease;
     componentDidMount: () => void;

package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js CHANGED Viewed

@@ -1,14 +1,11 @@
-import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
-import { css } from "../../../lib/theming/Emotion";
 import { isChrome, isFirefox } from "../../../lib/client";
 import { getLabGrotesqueBaselineCompensation } from "../../../lib/styles/getLabGrotesqueBaselineCompensation";
 export var checkboxSizeMixin = function checkboxSizeMixin(fontSize, lineHeight, paddingY, checkboxBoxSize, paddingX) {
-  return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n    line-height: ", ";\n    font-size: ", ";\n    padding: ", " ", ";\n\n    &::before {\n      width: ", ";\n    }\n  "])), lineHeight, fontSize, paddingY, paddingX, checkboxBoxSize);
+  return "\n    line-height: " + lineHeight + ";\n    font-size: " + fontSize + ";\n    padding: " + paddingY + " " + paddingX + ";\n\n    &::before {\n      width: " + checkboxBoxSize + ";\n    }\n  ";
 };
 export var boxWrapperSizeMixin = function boxWrapperSizeMixin(labGrotesqueBaselineCompensation, fontSize, checkboxBoxSize, checkboxBoxOffsetY, checkboxPaddingX) {
   var labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);
   var boxFontSize = parseInt(fontSize);
   var baselineCompensation = getLabGrotesqueBaselineCompensation(boxFontSize, labGrotesqueCompenstation, isChrome, isFirefox);
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    width: ", ";\n    height: ", ";\n    margin-top: calc(", " + ", "px);\n    left: ", ";\n  "])), checkboxBoxSize, checkboxBoxSize, checkboxBoxOffsetY, baselineCompensation, checkboxPaddingX);
+  return "\n    width: " + checkboxBoxSize + ";\n    height: " + checkboxBoxSize + ";\n    margin-top: calc(" + checkboxBoxOffsetY + " + " + baselineCompensation + "px);\n    left: " + checkboxPaddingX + ";\n  ";
 };

package/components/Checkbox/Checkbox.mixins/Checkbox.mixins.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["~~css","~~isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","paddingX","~~_templateObject","_taggedTemplateLiteralLoose","~~boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","checkboxPaddingX","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation"~~,"_templateObject2"~~],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { ~~css } from '../../lib/theming/Emotion';\nimport {~~ isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (\n fontSize: string,\n lineHeight: string,\n paddingY: string,\n checkboxBoxSize: string,\n paddingX: string,\n) => {\n return ~~css~~`\n line-height: ${lineHeight};\n font-size: ${fontSize};\n padding: ${paddingY} ${paddingX};\n\n &::before {\n width: ${checkboxBoxSize};\n }\n `;\n};\n\nexport const boxWrapperSizeMixin = (\n labGrotesqueBaselineCompensation: string,\n fontSize: string,\n checkboxBoxSize: string,\n checkboxBoxOffsetY: string,\n checkboxPaddingX: string,\n) => {\n const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n const boxFontSize = parseInt(fontSize);\n const baselineCompensation = getLabGrotesqueBaselineCompensation(\n boxFontSize,\n labGrotesqueCompenstation,\n isChrome,\n isFirefox,\n );\n\n return ~~css~~`\n width: ${checkboxBoxSize};\n height: ${checkboxBoxSize};\n margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n left: ${checkboxPaddingX};\n `;\n};\n"],"mappings":"~~sIAAA~~,SAASA,~~GAAG,~~QAAQ,~~2BAA2B;AAC/C,SAASC,QAAQ,~~EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,mCAAmC,QAAQ,sDAAsD;;AAE1G,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BC,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,eAAuB;AACvBC,QAAgB;~~AACb~~;~~EACH,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA~~;~~EACOL~~,UAAU;EACZD,QAAQ;EACVE,QAAQ,~~EAAIE~~,QAAQ;;;EAGpBD,eAAe;;;AAG9B,CAAC;;AAED,OAAO,~~IAAMI~~,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;~~AACxCR~~,QAAgB;AAChBG,eAAuB;~~AACvBM~~,kBAA0B;AAC1BC,gBAAwB;~~AACrB~~;~~EACH~~,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,WAAW,GAAGD,QAAQ,~~CAACZ~~,QAAQ,CAAC;EACtC,~~IAAMc~~,oBAAoB,~~GAAGhB~~,mCAAmC;~~IAC9De~~,WAAW;IACXF,yBAAyB;~~IACzBf~~,QAAQ;IACRC;EACF,CAAC;;EAED~~,OAAOF,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAT,2BAAA~~;~~EACCH~~,eAAe;EACdA,eAAe;~~EACNM~~,kBAAkB,~~EAAMK~~,oBAAoB;EACvDJ,gBAAgB;;AAE5B,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["isChrome","isFirefox","getLabGrotesqueBaselineCompensation","checkboxSizeMixin","fontSize","lineHeight","paddingY","checkboxBoxSize","paddingX","boxWrapperSizeMixin","labGrotesqueBaselineCompensation","checkboxBoxOffsetY","checkboxPaddingX","labGrotesqueCompenstation","parseInt","boxFontSize","baselineCompensation"],"sources":["Checkbox.mixins.ts"],"sourcesContent":["import { isChrome, isFirefox } from '../../lib/client';\nimport { getLabGrotesqueBaselineCompensation } from '../../lib/styles/getLabGrotesqueBaselineCompensation';\n\nexport const checkboxSizeMixin = (\n fontSize: string,\n lineHeight: string,\n paddingY: string,\n checkboxBoxSize: string,\n paddingX: string,\n): string => {\n return `\n line-height: ${lineHeight};\n font-size: ${fontSize};\n padding: ${paddingY} ${paddingX};\n\n &::before {\n width: ${checkboxBoxSize};\n }\n `;\n};\n\nexport const boxWrapperSizeMixin = (\n labGrotesqueBaselineCompensation: string,\n fontSize: string,\n checkboxBoxSize: string,\n checkboxBoxOffsetY: string,\n checkboxPaddingX: string,\n): string => {\n const labGrotesqueCompenstation = parseInt(labGrotesqueBaselineCompensation);\n const boxFontSize = parseInt(fontSize);\n const baselineCompensation = getLabGrotesqueBaselineCompensation(\n boxFontSize,\n labGrotesqueCompenstation,\n isChrome,\n isFirefox,\n );\n\n return `\n width: ${checkboxBoxSize};\n height: ${checkboxBoxSize};\n margin-top: calc(${checkboxBoxOffsetY} + ${baselineCompensation}px);\n left: ${checkboxPaddingX};\n `;\n};\n"],"mappings":"AAAA,SAASA,QAAQ,EAAEC,SAAS,QAAQ,kBAAkB;AACtD,SAASC,mCAAmC,QAAQ,sDAAsD;;AAE1G,OAAO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAiBA;AAC5BC,QAAgB;AAChBC,UAAkB;AAClBC,QAAgB;AAChBC,eAAuB;AACvBC,QAAgB;AACL;EACX;EACiBH,UAAU;EACZD,QAAQ;EACVE,QAAQ,SAAIE,QAAQ;;;EAGpBD,eAAe;;;AAG9B,CAAC;;AAED,OAAO,IAAME,mBAAmB,GAAG,SAAtBA,mBAAmBA;AAC9BC,gCAAwC;AACxCN,QAAgB;AAChBG,eAAuB;AACvBI,kBAA0B;AAC1BC,gBAAwB;AACb;EACX,IAAMC,yBAAyB,GAAGC,QAAQ,CAACJ,gCAAgC,CAAC;EAC5E,IAAMK,WAAW,GAAGD,QAAQ,CAACV,QAAQ,CAAC;EACtC,IAAMY,oBAAoB,GAAGd,mCAAmC;IAC9Da,WAAW;IACXF,yBAAyB;IACzBb,QAAQ;IACRC;EACF,CAAC;;EAED;EACWM,eAAe;EACdA,eAAe;EACNI,kBAAkB,WAAMK,oBAAoB;EACvDJ,gBAAgB;;AAE5B,CAAC","ignoreList":[]}