@skbkontur/react-ui 2.17.3 → 2.17.4-source-maps.1

package/cjs/internal/Calendar/config.js.map

@@ -1 +1 @@
-{"version":3,"sources":["config.ts"],"names":["getConfig","monthTitleLineHeight","monthTitlePaddingTop","monthTitlePaddingBottom","monthTitleMarginBottom","cellSize","wrapperHeight","monthMarginBottom","maxMonthsToAppendOnScroll","monthTitleHeight","parseInt","DAY_SIZE","MONTH_TITLE_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","WRAPPER_HEIGHT","MONTH_BOTTOM_MARGIN","MAX_MONTHS_TO_APPEND_ON_SCROLL","themeConfig","t","calendarMonthTitleLineHeight","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","calendarMonthTitleMarginBottom","calendarCellSize","calendarWrapperHeight","calendarMonthMarginBottom","calendarMaxMonthsToAppendOnScroll"],"mappings":";AACA;;AAEA,IAAMA,SAAS,GAAG;AAChB;AACEC,oBADF;AAEEC,oBAFF;AAGEC,uBAHF;AAIEC,sBAJF;AAKEC,QALF;AAMEC,aANF;AAOEC,iBAPF;AAQEC,yBARF;AASK;AACH,MAAMC,gBAAgB;AACpBC,EAAAA,QAAQ,CAACT,oBAAD,CAAR,GAAiCS,QAAQ,CAACR,oBAAD,CAAzC,GAAkEQ,QAAQ,CAACP,uBAAD,CAD5E;AAEA,SAAO;AACLQ,IAAAA,QAAQ,EAAED,QAAQ,CAACL,QAAD,CADb;AAELO,IAAAA,kBAAkB,EAAEH,gBAFf;AAGLI,IAAAA,yBAAyB,EAAEJ,gBAAgB,GAAGC,QAAQ,CAACN,sBAAD,CAA3B,GAAsD,CAH5E,EAG+E;AACpFU,IAAAA,cAAc,EAAEJ,QAAQ,CAACJ,aAAD,CAJnB;AAKLS,IAAAA,mBAAmB,EAAEL,QAAQ,CAACH,iBAAD,CALxB;AAMLS,IAAAA,8BAA8B,EAAEN,QAAQ,CAACF,yBAAD,CANnC,EAAP;;AAQD,CArBe,CAAlB;;;AAwBO,IAAMS,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD;AACzBlB,IAAAA,SAAS;AACPkB,IAAAA,CAAC,CAACC,4BADK;AAEPD,IAAAA,CAAC,CAACE,4BAFK;AAGPF,IAAAA,CAAC,CAACG,+BAHK;AAIPH,IAAAA,CAAC,CAACI,8BAJK;AAKPJ,IAAAA,CAAC,CAACK,gBALK;AAMPL,IAAAA,CAAC,CAACM,qBANK;AAOPN,IAAAA,CAAC,CAACO,yBAPK;AAQPP,IAAAA,CAAC,CAACQ,iCARK,CADgB,GAApB,C","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\r\nimport { memo } from '../../lib/memo';\r\n\r\nconst getConfig = memo(\r\n  (\r\n    monthTitleLineHeight: string,\r\n    monthTitlePaddingTop: string,\r\n    monthTitlePaddingBottom: string,\r\n    monthTitleMarginBottom: string,\r\n    cellSize: string,\r\n    wrapperHeight: string,\r\n    monthMarginBottom: string,\r\n    maxMonthsToAppendOnScroll: string,\r\n  ) => {\r\n    const monthTitleHeight =\r\n      parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);\r\n    return {\r\n      DAY_SIZE: parseInt(cellSize),\r\n      MONTH_TITLE_HEIGHT: monthTitleHeight,\r\n      MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1, // + 1px separator line\r\n      WRAPPER_HEIGHT: parseInt(wrapperHeight),\r\n      MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),\r\n      MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll),\r\n    };\r\n  },\r\n);\r\n\r\nexport const themeConfig = (t: Theme) =>\r\n  getConfig(\r\n    t.calendarMonthTitleLineHeight,\r\n    t.calendarMonthTitlePaddingTop,\r\n    t.calendarMonthTitlePaddingBottom,\r\n    t.calendarMonthTitleMarginBottom,\r\n    t.calendarCellSize,\r\n    t.calendarWrapperHeight,\r\n    t.calendarMonthMarginBottom,\r\n    t.calendarMaxMonthsToAppendOnScroll,\r\n  );\r\n"]}
+{"version":3,"sources":["config.ts"],"names":["getConfig","monthTitleLineHeight","monthTitlePaddingTop","monthTitlePaddingBottom","monthTitleMarginBottom","cellSize","wrapperHeight","monthMarginBottom","maxMonthsToAppendOnScroll","monthTitleHeight","parseInt","DAY_SIZE","MONTH_TITLE_HEIGHT","MONTH_TITLE_OFFSET_HEIGHT","WRAPPER_HEIGHT","MONTH_BOTTOM_MARGIN","MAX_MONTHS_TO_APPEND_ON_SCROLL","themeConfig","t","calendarMonthTitleLineHeight","calendarMonthTitlePaddingTop","calendarMonthTitlePaddingBottom","calendarMonthTitleMarginBottom","calendarCellSize","calendarWrapperHeight","calendarMonthMarginBottom","calendarMaxMonthsToAppendOnScroll"],"mappings":";AACA;;AAEA,IAAMA,SAAS,GAAG;AAChB;AACEC,oBADF;AAEEC,oBAFF;AAGEC,uBAHF;AAIEC,sBAJF;AAKEC,QALF;AAMEC,aANF;AAOEC,iBAPF;AAQEC,yBARF;AASK;AACH,MAAMC,gBAAgB;AACpBC,EAAAA,QAAQ,CAACT,oBAAD,CAAR,GAAiCS,QAAQ,CAACR,oBAAD,CAAzC,GAAkEQ,QAAQ,CAACP,uBAAD,CAD5E;AAEA,SAAO;AACLQ,IAAAA,QAAQ,EAAED,QAAQ,CAACL,QAAD,CADb;AAELO,IAAAA,kBAAkB,EAAEH,gBAFf;AAGLI,IAAAA,yBAAyB,EAAEJ,gBAAgB,GAAGC,QAAQ,CAACN,sBAAD,CAA3B,GAAsD,CAH5E,EAG+E;AACpFU,IAAAA,cAAc,EAAEJ,QAAQ,CAACJ,aAAD,CAJnB;AAKLS,IAAAA,mBAAmB,EAAEL,QAAQ,CAACH,iBAAD,CALxB;AAMLS,IAAAA,8BAA8B,EAAEN,QAAQ,CAACF,yBAAD,CANnC,EAAP;;AAQD,CArBe,CAAlB;;;AAwBO,IAAMS,WAAW,GAAG,SAAdA,WAAc,CAACC,CAAD;AACzBlB,IAAAA,SAAS;AACPkB,IAAAA,CAAC,CAACC,4BADK;AAEPD,IAAAA,CAAC,CAACE,4BAFK;AAGPF,IAAAA,CAAC,CAACG,+BAHK;AAIPH,IAAAA,CAAC,CAACI,8BAJK;AAKPJ,IAAAA,CAAC,CAACK,gBALK;AAMPL,IAAAA,CAAC,CAACM,qBANK;AAOPN,IAAAA,CAAC,CAACO,yBAPK;AAQPP,IAAAA,CAAC,CAACQ,iCARK,CADgB,GAApB,C","sourcesContent":["import { Theme } from '../../lib/theming/Theme';\nimport { memo } from '../../lib/memo';\n\nconst getConfig = memo(\n  (\n    monthTitleLineHeight: string,\n    monthTitlePaddingTop: string,\n    monthTitlePaddingBottom: string,\n    monthTitleMarginBottom: string,\n    cellSize: string,\n    wrapperHeight: string,\n    monthMarginBottom: string,\n    maxMonthsToAppendOnScroll: string,\n  ) => {\n    const monthTitleHeight =\n      parseInt(monthTitleLineHeight) + parseInt(monthTitlePaddingTop) + parseInt(monthTitlePaddingBottom);\n    return {\n      DAY_SIZE: parseInt(cellSize),\n      MONTH_TITLE_HEIGHT: monthTitleHeight,\n      MONTH_TITLE_OFFSET_HEIGHT: monthTitleHeight + parseInt(monthTitleMarginBottom) + 1, // + 1px separator line\n      WRAPPER_HEIGHT: parseInt(wrapperHeight),\n      MONTH_BOTTOM_MARGIN: parseInt(monthMarginBottom),\n      MAX_MONTHS_TO_APPEND_ON_SCROLL: parseInt(maxMonthsToAppendOnScroll),\n    };\n  },\n);\n\nexport const themeConfig = (t: Theme) =>\n  getConfig(\n    t.calendarMonthTitleLineHeight,\n    t.calendarMonthTitlePaddingTop,\n    t.calendarMonthTitlePaddingBottom,\n    t.calendarMonthTitleMarginBottom,\n    t.calendarCellSize,\n    t.calendarWrapperHeight,\n    t.calendarMonthMarginBottom,\n    t.calendarMaxMonthsToAppendOnScroll,\n  );\n"]}

package/cjs/internal/Calendar/index.d.ts

@@ -1,2 +1,2 @@
-export * from './Calendar';
-export * from './CalendarDateShape';
+export * from './Calendar';
+export * from './CalendarDateShape';

package/cjs/internal/Calendar/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA;AACA","sourcesContent":["export * from './Calendar';\r\nexport * from './CalendarDateShape';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA;AACA","sourcesContent":["export * from './Calendar';\nexport * from './CalendarDateShape';\n"]}

package/cjs/internal/CommonWrapper/CommonWrapper.d.ts

@@ -1,15 +1,15 @@
-import React from 'react';
-export interface CommonProps {
-    className?: React.HTMLAttributes<HTMLElement>['className'];
-    style?: React.HTMLAttributes<HTMLElement>['style'];
-    /** На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент. */
-    'data-tid'?: string;
-}
-export declare type NotCommonProps<P> = Omit<P, keyof CommonProps>;
-export declare type CommonWrapperProps<P> = P & {
-    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
-};
-export declare type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;
-export declare class CommonWrapper<P extends CommonProps> extends React.Component<CommonWrapperProps<P>> {
-    render(): {} | null | undefined;
-}
+import React from 'react';
+export interface CommonProps {
+    className?: React.HTMLAttributes<HTMLElement>['className'];
+    style?: React.HTMLAttributes<HTMLElement>['style'];
+    /** На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент. */
+    'data-tid'?: string;
+}
+export declare type NotCommonProps<P> = Omit<P, keyof CommonProps>;
+export declare type CommonWrapperProps<P> = P & {
+    children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);
+};
+export declare type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;
+export declare class CommonWrapper<P extends CommonProps> extends React.Component<CommonWrapperProps<P>> {
+    render(): {} | null | undefined;
+}

package/cjs/internal/CommonWrapper/CommonWrapper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["CommonWrapper.tsx"],"names":["CommonWrapper","render","extractCommonProps","props","className","style","dataProps","children","rest","child","isValidElement","React","cloneElement","Component","common","key","isCommonProp","name","indexOf"],"mappings":"ucAAA;AACA;;AAEA,wC;;;;;;;;;;;;;;;;AAgBaA,a;AACXC,EAAAA,M,GAAA,kBAAS;AAC6DC,IAAAA,kBAAkB,CAAC,KAAKC,KAAN,CAD/E,+CACEC,SADF,wBACEA,SADF,CACaC,KADb,wBACaA,KADb,CACuBC,SADvB,4IACsCC,QADtC,yBACsCA,QADtC,CACmDC,IADnD;AAEP,QAAMC,KAAK,GAAG,uBAAWF,QAAX,IAAuBA,QAAQ,CAACC,IAAD,CAA/B,GAAwCD,QAAtD;;AAEA,WAAO,4BAAMG,cAAN,CAAkCD,KAAlC;AACHE,mBAAMC,YAAN,CAAmBH,KAAnB;AACEL,MAAAA,SAAS,EAAE,yBAAGK,KAAK,CAACN,KAAN,CAAYC,SAAf,EAA0BA,SAA1B,CADb;AAEEC,MAAAA,KAAK;AACAI,MAAAA,KAAK,CAACN,KAAN,CAAYE,KADZ;AAEAA,MAAAA,KAFA,CAFP;;AAMKC,IAAAA,SANL,EADG;;AASHG,IAAAA,KATJ;AAUD,G,wBAfuDE,eAAME,S;;;AAkBhE,IAAMX,kBAAkB,GAAG,SAArBA,kBAAqB,CAAwBC,KAAxB,EAAuE;AAChG,MAAMW,MAAM,GAAG,EAAf;AACA,MAAMN,IAAI,GAAG,EAAb;;AAEA,OAAK,IAAMO,GAAX,IAAkBZ,KAAlB,EAAyB;AACvB,QAAIa,YAAY,CAACD,GAAD,CAAhB,EAAuB;AACrB;AACAD,MAAAA,MAAM,CAACC,GAAD,CAAN,GAAcZ,KAAK,CAACY,GAAD,CAAnB;AACD,KAHD,MAGO;AACL;AACAP,MAAAA,IAAI,CAACO,GAAD,CAAJ,GAAYZ,KAAK,CAACY,GAAD,CAAjB;AACD;AACF;;AAED,SAAO,CAACD,MAAD,EAASN,IAAT,CAAP;AACD,CAfD;;AAiBA,IAAMQ,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAkB;AACrC,UAAQ,IAAR;AACE,SAAKA,IAAI,IAAI,WAAb;AACA,SAAKA,IAAI,IAAI,OAAb;AACA,SAAKA,IAAI,CAACC,OAAL,CAAa,OAAb,MAA0B,CAA/B,EAAkC;AAChC,aAAO,IAAP;AACF;AACE,aAAO,KAAP,CANJ;;AAQD,CATD","sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { isFunction } from '../../lib/utils';\r\n\r\nexport interface CommonProps {\r\n  className?: React.HTMLAttributes<HTMLElement>['className'];\r\n  style?: React.HTMLAttributes<HTMLElement>['style'];\r\n  /** На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент. */\r\n  'data-tid'?: string;\r\n}\r\n\r\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\r\n\r\nexport type CommonWrapperProps<P> = P & {\r\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\r\n};\r\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\r\n\r\nexport class CommonWrapper<P extends CommonProps> extends React.Component<CommonWrapperProps<P>> {\r\n  render() {\r\n    const [{ className, style, ...dataProps }, { children, ...rest }] = extractCommonProps(this.props);\r\n    const child = isFunction(children) ? children(rest) : children;\r\n\r\n    return React.isValidElement<CommonProps>(child)\r\n      ? React.cloneElement(child, {\r\n          className: cn(child.props.className, className),\r\n          style: {\r\n            ...child.props.style,\r\n            ...style,\r\n          },\r\n          ...dataProps,\r\n        })\r\n      : child;\r\n  }\r\n}\r\n\r\nconst extractCommonProps = <P extends CommonProps>(props: P): [CommonProps, NotCommonProps<P>] => {\r\n  const common = {} as CommonProps;\r\n  const rest = {} as NotCommonProps<P>;\r\n\r\n  for (const key in props) {\r\n    if (isCommonProp(key)) {\r\n      // @ts-ignore\r\n      common[key] = props[key];\r\n    } else {\r\n      // @ts-ignore\r\n      rest[key] = props[key];\r\n    }\r\n  }\r\n\r\n  return [common, rest];\r\n};\r\n\r\nconst isCommonProp = (name: string) => {\r\n  switch (true) {\r\n    case name == 'className':\r\n    case name == 'style':\r\n    case name.indexOf('data-') === 0: // все data-атрибуты\r\n      return true;\r\n    default:\r\n      return false;\r\n  }\r\n};\r\n"]}
+{"version":3,"sources":["CommonWrapper.tsx"],"names":["CommonWrapper","render","extractCommonProps","props","className","style","dataProps","children","rest","child","isValidElement","React","cloneElement","Component","common","key","isCommonProp","name","indexOf"],"mappings":"ucAAA;AACA;;AAEA,wC;;;;;;;;;;;;;;;;AAgBaA,a;AACXC,EAAAA,M,GAAA,kBAAS;AAC6DC,IAAAA,kBAAkB,CAAC,KAAKC,KAAN,CAD/E,+CACEC,SADF,wBACEA,SADF,CACaC,KADb,wBACaA,KADb,CACuBC,SADvB,4IACsCC,QADtC,yBACsCA,QADtC,CACmDC,IADnD;AAEP,QAAMC,KAAK,GAAG,uBAAWF,QAAX,IAAuBA,QAAQ,CAACC,IAAD,CAA/B,GAAwCD,QAAtD;;AAEA,WAAO,4BAAMG,cAAN,CAAkCD,KAAlC;AACHE,mBAAMC,YAAN,CAAmBH,KAAnB;AACEL,MAAAA,SAAS,EAAE,yBAAGK,KAAK,CAACN,KAAN,CAAYC,SAAf,EAA0BA,SAA1B,CADb;AAEEC,MAAAA,KAAK;AACAI,MAAAA,KAAK,CAACN,KAAN,CAAYE,KADZ;AAEAA,MAAAA,KAFA,CAFP;;AAMKC,IAAAA,SANL,EADG;;AASHG,IAAAA,KATJ;AAUD,G,wBAfuDE,eAAME,S;;;AAkBhE,IAAMX,kBAAkB,GAAG,SAArBA,kBAAqB,CAAwBC,KAAxB,EAAuE;AAChG,MAAMW,MAAM,GAAG,EAAf;AACA,MAAMN,IAAI,GAAG,EAAb;;AAEA,OAAK,IAAMO,GAAX,IAAkBZ,KAAlB,EAAyB;AACvB,QAAIa,YAAY,CAACD,GAAD,CAAhB,EAAuB;AACrB;AACAD,MAAAA,MAAM,CAACC,GAAD,CAAN,GAAcZ,KAAK,CAACY,GAAD,CAAnB;AACD,KAHD,MAGO;AACL;AACAP,MAAAA,IAAI,CAACO,GAAD,CAAJ,GAAYZ,KAAK,CAACY,GAAD,CAAjB;AACD;AACF;;AAED,SAAO,CAACD,MAAD,EAASN,IAAT,CAAP;AACD,CAfD;;AAiBA,IAAMQ,YAAY,GAAG,SAAfA,YAAe,CAACC,IAAD,EAAkB;AACrC,UAAQ,IAAR;AACE,SAAKA,IAAI,IAAI,WAAb;AACA,SAAKA,IAAI,IAAI,OAAb;AACA,SAAKA,IAAI,CAACC,OAAL,CAAa,OAAb,MAA0B,CAA/B,EAAkC;AAChC,aAAO,IAAP;AACF;AACE,aAAO,KAAP,CANJ;;AAQD,CATD","sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { isFunction } from '../../lib/utils';\n\nexport interface CommonProps {\n  className?: React.HTMLAttributes<HTMLElement>['className'];\n  style?: React.HTMLAttributes<HTMLElement>['style'];\n  /** На равне с data-tid транслируются любые data-атрибуты. Они попадают на корневой элемент. */\n  'data-tid'?: string;\n}\n\nexport type NotCommonProps<P> = Omit<P, keyof CommonProps>;\n\nexport type CommonWrapperProps<P> = P & {\n  children: React.ReactNode | ((rest: CommonWrapperRestProps<P>) => React.ReactNode);\n};\nexport type CommonWrapperRestProps<P> = Omit<NotCommonProps<P>, 'children'>;\n\nexport class CommonWrapper<P extends CommonProps> extends React.Component<CommonWrapperProps<P>> {\n  render() {\n    const [{ className, style, ...dataProps }, { children, ...rest }] = extractCommonProps(this.props);\n    const child = isFunction(children) ? children(rest) : children;\n\n    return React.isValidElement<CommonProps>(child)\n      ? React.cloneElement(child, {\n          className: cn(child.props.className, className),\n          style: {\n            ...child.props.style,\n            ...style,\n          },\n          ...dataProps,\n        })\n      : child;\n  }\n}\n\nconst extractCommonProps = <P extends CommonProps>(props: P): [CommonProps, NotCommonProps<P>] => {\n  const common = {} as CommonProps;\n  const rest = {} as NotCommonProps<P>;\n\n  for (const key in props) {\n    if (isCommonProp(key)) {\n      // @ts-ignore\n      common[key] = props[key];\n    } else {\n      // @ts-ignore\n      rest[key] = props[key];\n    }\n  }\n\n  return [common, rest];\n};\n\nconst isCommonProp = (name: string) => {\n  switch (true) {\n    case name == 'className':\n    case name == 'style':\n    case name.indexOf('data-') === 0: // все data-атрибуты\n      return true;\n    default:\n      return false;\n  }\n};\n"]}

package/cjs/internal/CommonWrapper/index.d.ts

@@ -1 +1 @@
-export * from './CommonWrapper';
+export * from './CommonWrapper';

package/cjs/internal/CommonWrapper/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './CommonWrapper';\r\n"]}
+{"version":3,"sources":["index.tsx"],"names":[],"mappings":"uCAAA","sourcesContent":["export * from './CommonWrapper';\n"]}

package/cjs/internal/ComponentCombinator.d.ts

@@ -1,25 +1,25 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-import { StatePropsCombinations, StateType } from './ComponentTable';
-export interface ComponentCombinatorProps<C, P, S> {
-    combinations: Array<StatePropsCombinations<P, S>>;
-    Component: C;
-    presetProps: DefaultizeProps<C, P>;
-    presetState: Partial<S>;
-}
-export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
-    page: number;
-}> {
-    static defaultProps: {
-        props: never[];
-        states: never[];
-        presetProps: {};
-        presetState: {};
-    };
-    state: {
-        page: number;
-    };
-    render(): JSX.Element;
-    private prevPage;
-    private nextPage;
-}
+import React from 'react';
+import { DefaultizeProps } from '../lib/utils';
+import { StatePropsCombinations, StateType } from './ComponentTable';
+export interface ComponentCombinatorProps<C, P, S> {
+    combinations: Array<StatePropsCombinations<P, S>>;
+    Component: C;
+    presetProps: DefaultizeProps<C, P>;
+    presetState: Partial<S>;
+}
+export declare class ComponentCombinator<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>, {
+    page: number;
+}> {
+    static defaultProps: {
+        props: never[];
+        states: never[];
+        presetProps: {};
+        presetState: {};
+    };
+    state: {
+        page: number;
+    };
+    render(): JSX.Element;
+    private prevPage;
+    private nextPage;
+}

package/cjs/internal/ComponentCombinator.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComponentCombinator.tsx"],"names":["ComponentCombinator","state","page","prevPage","setState","nextPage","render","props","combinations","Component","presetProps","presetState","pages","row","sizes","map","c","length","flatCombinations","concat","j","push","offsetX","offsetY","pageOffsets","marginBottom","slice","React","defaultProps","states"],"mappings":"+PAAA;;;;AAIA,kD;;;;;;;;;AASaA,mB;;;;;;;;;;;;;;;AAeJC,IAAAA,K,GAAQ;AACbC,MAAAA,IAAI,EAAE,CADO,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CPC,IAAAA,Q,GAAW,YAAM;AACvB,YAAKC,QAAL,CAAc,qBAAGF,IAAH,QAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,K;;AAEOG,IAAAA,Q,GAAW,YAAM;AACvB,YAAKD,QAAL,CAAc,sBAAGF,IAAH,SAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,K,iEArDMI,M,GAAP,kBAAgB,eACNJ,IADM,GACG,KAAKD,KADR,CACNC,IADM,mBAEgD,KAAKK,KAFrD,CAENC,YAFM,eAENA,YAFM,CAEQC,SAFR,eAEQA,SAFR,CAEmBC,WAFnB,eAEmBA,WAFnB,CAEgCC,WAFhC,eAEgCA,WAFhC,CAGd,IAAMC,KAAK,GAAG,EAAd,CACA,IAAIC,GAAG,GAAG,CAAV,CACA,IAAMC,KAAK,GAAGN,YAAY,CAACO,GAAb,CAAiB,UAAAC,CAAC,UAAIA,CAAC,CAACC,MAAN,EAAlB,CAAd,CACA,IAAMC,gBAAgB,GAAG,SAAC,EAAD,EAA+BC,MAA/B,cAAyCX,YAAzC,CAAzB,CAEA,KAAK,IAAIY,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGN,KAAK,CAACG,MAAN,GAAe,CAAnC,EAAsCG,CAAC,EAAvC,EAA2C,CACzCR,KAAK,CAACS,IAAN,CAAW,EACTC,OAAO,EAAET,GADA,EAETU,OAAO,EAAEV,GAAG,IAAIC,KAAK,CAACM,CAAD,CAFZ,EAAX,EAID,CAED,IAAMI,WAAW,GAAGZ,KAAK,CAACV,IAAD,CAAzB,CACA,oBACE,uDACE,sCAAK,EAAE,EAAC,WAAR,EAAoB,KAAK,EAAE,EAAEuB,YAAY,EAAE,CAAhB,EAA3B,iBACE,yCAAQ,QAAQ,EAAEvB,IAAI,KAAK,CAA3B,EAA8B,EAAE,EAAC,WAAjC,EAA6C,OAAO,EAAE,KAAKC,QAA3D,WADF,EAGY,GAHZ,eAIE,4CAAWD,IAAI,GAAG,CAAlB,WAAyBU,KAAK,CAACK,MAA/B,CAJF,EAImD,GAJnD,eAKE,yCAAQ,QAAQ,EAAEf,IAAI,GAAG,CAAP,IAAYU,KAAK,CAACK,MAApC,EAA4C,EAAE,EAAC,WAA/C,EAA2D,OAAO,EAAE,KAAKZ,QAAzE,WALF,CADF,eAUE,0CACGmB,WAAW,iBACV,6BAAC,8BAAD,IACE,GAAG,EAAEtB,IADP,EAEE,SAAS,EAAEO,SAFb,EAGE,WAAW,EAAEC,WAHf,EAIE,WAAW,EAAEC,WAJf,EAKE,IAAI,EAAEO,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACD,OAAnC,EAA4CL,gBAAgB,CAACD,MAA7D,CALR,EAME,IAAI,EAAEC,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACF,OAAnC,EAA4CE,WAAW,CAACD,OAAxD,CANR,GAFJ,CAVF,CADF,CAyBD,C,8BAxDOI,eAAMlB,S,oDAJHT,mB,CAQG4B,Y,GAAe,EAC3BrB,KAAK,EAAE,EADoB,EAE3BsB,MAAM,EAAE,EAFmB,EAG3BnB,WAAW,EAAE,EAHc,EAI3BC,WAAW,EAAE,EAJc,E","sourcesContent":["import React from 'react';\r\n\r\nimport { DefaultizeProps } from '../lib/utils';\r\n\r\nimport { ComponentTable, StatePropsCombinations, StateType } from './ComponentTable';\r\n\r\nexport interface ComponentCombinatorProps<C, P, S> {\r\n  combinations: Array<StatePropsCombinations<P, S>>;\r\n  Component: C;\r\n  presetProps: DefaultizeProps<C, P>;\r\n  presetState: Partial<S>;\r\n}\r\n\r\nexport class ComponentCombinator<\r\n  T extends React.Component<any, any, any>,\r\n  C extends React.ComponentType<any>,\r\n  P extends React.ComponentProps<C>\r\n> extends React.Component<\r\n  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\r\n  { page: number }\r\n> {\r\n  public static defaultProps = {\r\n    props: [],\r\n    states: [],\r\n    presetProps: {},\r\n    presetState: {},\r\n  };\r\n\r\n  public state = {\r\n    page: 0,\r\n  };\r\n\r\n  public render() {\r\n    const { page } = this.state;\r\n    const { combinations, Component, presetProps, presetState } = this.props;\r\n    const pages = [];\r\n    let row = 0;\r\n    const sizes = combinations.map(c => c.length);\r\n    const flatCombinations = ([] as typeof combinations[0]).concat(...combinations);\r\n\r\n    for (let j = 0; j < sizes.length - 1; j++) {\r\n      pages.push({\r\n        offsetX: row,\r\n        offsetY: row += sizes[j],\r\n      });\r\n    }\r\n\r\n    const pageOffsets = pages[page];\r\n    return (\r\n      <div>\r\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\r\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\r\n            Prev\r\n          </button>{' '}\r\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\r\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\r\n            Next\r\n          </button>\r\n        </div>\r\n        <div>\r\n          {pageOffsets && (\r\n            <ComponentTable\r\n              key={page}\r\n              Component={Component}\r\n              presetProps={presetProps}\r\n              presetState={presetState}\r\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\r\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\r\n            />\r\n          )}\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n\r\n  private prevPage = () => {\r\n    this.setState(({ page }) => ({\r\n      page: page - 1,\r\n    }));\r\n  };\r\n\r\n  private nextPage = () => {\r\n    this.setState(({ page }) => ({\r\n      page: page + 1,\r\n    }));\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ComponentCombinator.tsx"],"names":["ComponentCombinator","state","page","prevPage","setState","nextPage","render","props","combinations","Component","presetProps","presetState","pages","row","sizes","map","c","length","flatCombinations","concat","j","push","offsetX","offsetY","pageOffsets","marginBottom","slice","React","defaultProps","states"],"mappings":"+PAAA;;;;AAIA,kD;;;;;;;;;AASaA,mB;;;;;;;;;;;;;;;AAeJC,IAAAA,K,GAAQ;AACbC,MAAAA,IAAI,EAAE,CADO,E;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+CPC,IAAAA,Q,GAAW,YAAM;AACvB,YAAKC,QAAL,CAAc,qBAAGF,IAAH,QAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,K;;AAEOG,IAAAA,Q,GAAW,YAAM;AACvB,YAAKD,QAAL,CAAc,sBAAGF,IAAH,SAAGA,IAAH,QAAe;AAC3BA,UAAAA,IAAI,EAAEA,IAAI,GAAG,CADc,EAAf,EAAd;;AAGD,K,iEArDMI,M,GAAP,kBAAgB,eACNJ,IADM,GACG,KAAKD,KADR,CACNC,IADM,mBAEgD,KAAKK,KAFrD,CAENC,YAFM,eAENA,YAFM,CAEQC,SAFR,eAEQA,SAFR,CAEmBC,WAFnB,eAEmBA,WAFnB,CAEgCC,WAFhC,eAEgCA,WAFhC,CAGd,IAAMC,KAAK,GAAG,EAAd,CACA,IAAIC,GAAG,GAAG,CAAV,CACA,IAAMC,KAAK,GAAGN,YAAY,CAACO,GAAb,CAAiB,UAAAC,CAAC,UAAIA,CAAC,CAACC,MAAN,EAAlB,CAAd,CACA,IAAMC,gBAAgB,GAAG,SAAC,EAAD,EAA+BC,MAA/B,cAAyCX,YAAzC,CAAzB,CAEA,KAAK,IAAIY,CAAC,GAAG,CAAb,EAAgBA,CAAC,GAAGN,KAAK,CAACG,MAAN,GAAe,CAAnC,EAAsCG,CAAC,EAAvC,EAA2C,CACzCR,KAAK,CAACS,IAAN,CAAW,EACTC,OAAO,EAAET,GADA,EAETU,OAAO,EAAEV,GAAG,IAAIC,KAAK,CAACM,CAAD,CAFZ,EAAX,EAID,CAED,IAAMI,WAAW,GAAGZ,KAAK,CAACV,IAAD,CAAzB,CACA,oBACE,uDACE,sCAAK,EAAE,EAAC,WAAR,EAAoB,KAAK,EAAE,EAAEuB,YAAY,EAAE,CAAhB,EAA3B,iBACE,yCAAQ,QAAQ,EAAEvB,IAAI,KAAK,CAA3B,EAA8B,EAAE,EAAC,WAAjC,EAA6C,OAAO,EAAE,KAAKC,QAA3D,WADF,EAGY,GAHZ,eAIE,4CAAWD,IAAI,GAAG,CAAlB,WAAyBU,KAAK,CAACK,MAA/B,CAJF,EAImD,GAJnD,eAKE,yCAAQ,QAAQ,EAAEf,IAAI,GAAG,CAAP,IAAYU,KAAK,CAACK,MAApC,EAA4C,EAAE,EAAC,WAA/C,EAA2D,OAAO,EAAE,KAAKZ,QAAzE,WALF,CADF,eAUE,0CACGmB,WAAW,iBACV,6BAAC,8BAAD,IACE,GAAG,EAAEtB,IADP,EAEE,SAAS,EAAEO,SAFb,EAGE,WAAW,EAAEC,WAHf,EAIE,WAAW,EAAEC,WAJf,EAKE,IAAI,EAAEO,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACD,OAAnC,EAA4CL,gBAAgB,CAACD,MAA7D,CALR,EAME,IAAI,EAAEC,gBAAgB,CAACQ,KAAjB,CAAuBF,WAAW,CAACF,OAAnC,EAA4CE,WAAW,CAACD,OAAxD,CANR,GAFJ,CAVF,CADF,CAyBD,C,8BAxDOI,eAAMlB,S,oDAJHT,mB,CAQG4B,Y,GAAe,EAC3BrB,KAAK,EAAE,EADoB,EAE3BsB,MAAM,EAAE,EAFmB,EAG3BnB,WAAW,EAAE,EAHc,EAI3BC,WAAW,EAAE,EAJc,E","sourcesContent":["import React from 'react';\n\nimport { DefaultizeProps } from '../lib/utils';\n\nimport { ComponentTable, StatePropsCombinations, StateType } from './ComponentTable';\n\nexport interface ComponentCombinatorProps<C, P, S> {\n  combinations: Array<StatePropsCombinations<P, S>>;\n  Component: C;\n  presetProps: DefaultizeProps<C, P>;\n  presetState: Partial<S>;\n}\n\nexport class ComponentCombinator<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>\n> extends React.Component<\n  ComponentCombinatorProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>,\n  { page: number }\n> {\n  public static defaultProps = {\n    props: [],\n    states: [],\n    presetProps: {},\n    presetState: {},\n  };\n\n  public state = {\n    page: 0,\n  };\n\n  public render() {\n    const { page } = this.state;\n    const { combinations, Component, presetProps, presetState } = this.props;\n    const pages = [];\n    let row = 0;\n    const sizes = combinations.map(c => c.length);\n    const flatCombinations = ([] as typeof combinations[0]).concat(...combinations);\n\n    for (let j = 0; j < sizes.length - 1; j++) {\n      pages.push({\n        offsetX: row,\n        offsetY: row += sizes[j],\n      });\n    }\n\n    const pageOffsets = pages[page];\n    return (\n      <div>\n        <div id=\"paginator\" style={{ marginBottom: 5 }}>\n          <button disabled={page === 0} id=\"prev-page\" onClick={this.prevPage}>\n            Prev\n          </button>{' '}\n          <small>{`${page + 1} / ${pages.length}`}</small>{' '}\n          <button disabled={page + 1 >= pages.length} id=\"next-page\" onClick={this.nextPage}>\n            Next\n          </button>\n        </div>\n        <div>\n          {pageOffsets && (\n            <ComponentTable\n              key={page}\n              Component={Component}\n              presetProps={presetProps}\n              presetState={presetState}\n              rows={flatCombinations.slice(pageOffsets.offsetY, flatCombinations.length)}\n              cols={flatCombinations.slice(pageOffsets.offsetX, pageOffsets.offsetY)}\n            />\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private prevPage = () => {\n    this.setState(({ page }) => ({\n      page: page - 1,\n    }));\n  };\n\n  private nextPage = () => {\n    this.setState(({ page }) => ({\n      page: page + 1,\n    }));\n  };\n}\n"]}

package/cjs/internal/ComponentTable.d.ts

@@ -1,21 +1,21 @@
-import React from 'react';
-import { DefaultizeProps } from '../lib/utils';
-export declare type StatePropsCombinations<P, S> = Array<{
-    props?: Partial<P>;
-    state?: Partial<S>;
-}>;
-export declare type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
-export interface ComponentTableProps<C, P, S> {
-    rows?: StatePropsCombinations<P, S>;
-    cols?: StatePropsCombinations<P, S>;
-    presetProps: DefaultizeProps<C, P>;
-    presetState: Partial<S>;
-    Component: C;
-}
-export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
-    static defaultProps: {
-        presetProps: {};
-        presetState: {};
-    };
-    render(): JSX.Element;
-}
+import React from 'react';
+import { DefaultizeProps } from '../lib/utils';
+export declare type StatePropsCombinations<P, S> = Array<{
+    props?: Partial<P>;
+    state?: Partial<S>;
+}>;
+export declare type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;
+export interface ComponentTableProps<C, P, S> {
+    rows?: StatePropsCombinations<P, S>;
+    cols?: StatePropsCombinations<P, S>;
+    presetProps: DefaultizeProps<C, P>;
+    presetState: Partial<S>;
+    Component: C;
+}
+export declare class ComponentTable<T extends React.Component<any, any, any>, C extends React.ComponentType<any>, P extends React.ComponentProps<C>> extends React.Component<ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>> {
+    static defaultProps: {
+        presetProps: {};
+        presetState: {};
+    };
+    render(): JSX.Element;
+}

package/cjs/internal/ComponentTable.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComponentTable.tsx"],"names":["renderPropsDesc","props","Object","keys","map","key","value","React","isValidElement","createElement","JSON","stringify","node","index","nodes","length","ComponentTable","render","rows","cols","presetProps","presetState","Component","borderSpacing","marginBottom","captionSide","i","colProps","whiteSpace","rowIndex","rowProps","state","rowState","colIndex","colState","undefined","el","setState","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\r\n\r\nimport { isFunctionalComponent, DefaultizeProps } from '../lib/utils';\r\n\r\n// TODO We should output state too\r\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\r\n  return Object.keys(props)\r\n    .map(key => {\r\n      const value = props[key];\r\n      switch (typeof value) {\r\n        case 'boolean':\r\n          return value ? key : `${key}: false`;\r\n        case 'string':\r\n          return `${key}: \"${value}\"`;\r\n        case 'object':\r\n          if (React.isValidElement(value)) {\r\n            return React.createElement('span', {}, [`${key}: `, value]);\r\n          }\r\n          return `${key}: ${JSON.stringify(value)}`;\r\n        default:\r\n          return `${key}: ${value}`;\r\n      }\r\n    })\r\n    .map((node, index, nodes) => (\r\n      <span key={index}>\r\n        {node} {index + 1 < nodes.length ? ', ' : null}\r\n      </span>\r\n    ));\r\n};\r\n\r\nexport type StatePropsCombinations<P, S> = Array<{ props?: Partial<P>; state?: Partial<S> }>;\r\n\r\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\r\n\r\nexport interface ComponentTableProps<C, P, S> {\r\n  rows?: StatePropsCombinations<P, S>;\r\n  cols?: StatePropsCombinations<P, S>;\r\n  presetProps: DefaultizeProps<C, P>;\r\n  presetState: Partial<S>;\r\n  Component: C;\r\n}\r\n\r\n// Known limitation: Don't work when component have `propTypes` static field\r\nexport class ComponentTable<\r\n  T extends React.Component<any, any, any>,\r\n  C extends React.ComponentType<any>,\r\n  P extends React.ComponentProps<C>\r\n> extends React.Component<\r\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\r\n> {\r\n  public static defaultProps = { presetProps: {}, presetState: {} };\r\n\r\n  public render() {\r\n    const { rows = [], cols = [], presetProps, presetState, Component } = this.props;\r\n    return (\r\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\r\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\r\n        <thead>\r\n          <tr>\r\n            <th />\r\n            {cols.map(({ props: colProps = {} }, i) => (\r\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\r\n                {renderPropsDesc(colProps)}\r\n              </th>\r\n            ))}\r\n          </tr>\r\n        </thead>\r\n        <tbody>\r\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\r\n            <tr key={rowIndex}>\r\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\r\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\r\n                <td key={colIndex}>\r\n                  {/* Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it\r\n                  // @ts-ignore */}\r\n                  <Component\r\n                    {...presetProps}\r\n                    {...rowProps}\r\n                    {...colProps}\r\n                    ref={\r\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\r\n                      isFunctionalComponent(Component)\r\n                        ? undefined\r\n                        : (el: React.Component<P, StateType<C>>) =>\r\n                            el &&\r\n                            el.setState((state: StateType<C>) => ({\r\n                              ...state,\r\n                              ...presetState,\r\n                              ...rowState,\r\n                              ...colState,\r\n                            }))\r\n                    }\r\n                  />\r\n                </td>\r\n              ))}\r\n            </tr>\r\n          ))}\r\n        </tbody>\r\n      </table>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"sources":["ComponentTable.tsx"],"names":["renderPropsDesc","props","Object","keys","map","key","value","React","isValidElement","createElement","JSON","stringify","node","index","nodes","length","ComponentTable","render","rows","cols","presetProps","presetState","Component","borderSpacing","marginBottom","captionSide","i","colProps","whiteSpace","rowIndex","rowProps","state","rowState","colIndex","colState","undefined","el","setState","defaultProps"],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport { isFunctionalComponent, DefaultizeProps } from '../lib/utils';\n\n// TODO We should output state too\nconst renderPropsDesc = <P extends Record<string, any>>(props: P): React.ReactNode => {\n  return Object.keys(props)\n    .map(key => {\n      const value = props[key];\n      switch (typeof value) {\n        case 'boolean':\n          return value ? key : `${key}: false`;\n        case 'string':\n          return `${key}: \"${value}\"`;\n        case 'object':\n          if (React.isValidElement(value)) {\n            return React.createElement('span', {}, [`${key}: `, value]);\n          }\n          return `${key}: ${JSON.stringify(value)}`;\n        default:\n          return `${key}: ${value}`;\n      }\n    })\n    .map((node, index, nodes) => (\n      <span key={index}>\n        {node} {index + 1 < nodes.length ? ', ' : null}\n      </span>\n    ));\n};\n\nexport type StatePropsCombinations<P, S> = Array<{ props?: Partial<P>; state?: Partial<S> }>;\n\nexport type StateType<C> = C extends React.Component<any, infer S> | React.ComponentClass<any, infer S> ? S : never;\n\nexport interface ComponentTableProps<C, P, S> {\n  rows?: StatePropsCombinations<P, S>;\n  cols?: StatePropsCombinations<P, S>;\n  presetProps: DefaultizeProps<C, P>;\n  presetState: Partial<S>;\n  Component: C;\n}\n\n// Known limitation: Don't work when component have `propTypes` static field\nexport class ComponentTable<\n  T extends React.Component<any, any, any>,\n  C extends React.ComponentType<any>,\n  P extends React.ComponentProps<C>\n> extends React.Component<\n  ComponentTableProps<C extends React.ComponentClass<P, any> ? React.ClassType<P, T, C> : C, P, StateType<C>>\n> {\n  public static defaultProps = { presetProps: {}, presetState: {} };\n\n  public render() {\n    const { rows = [], cols = [], presetProps, presetState, Component } = this.props;\n    return (\n      <table style={{ borderSpacing: 10, marginBottom: 20 }}>\n        <caption style={{ captionSide: 'bottom' }}>{renderPropsDesc(presetProps)}</caption>\n        <thead>\n          <tr>\n            <th />\n            {cols.map(({ props: colProps = {} }, i) => (\n              <th style={{ whiteSpace: 'nowrap' }} key={i}>\n                {renderPropsDesc(colProps)}\n              </th>\n            ))}\n          </tr>\n        </thead>\n        <tbody>\n          {rows.map(({ props: rowProps = {}, state: rowState = {} }, rowIndex) => (\n            <tr key={rowIndex}>\n              <td style={{ whiteSpace: 'nowrap' }}>{renderPropsDesc(rowProps)}</td>\n              {cols.map(({ props: colProps = {}, state: colState = {} }, colIndex) => (\n                <td key={colIndex}>\n                  {/* Defaultized props incompatible with JSX.LibraryManagedAttributes so just ignore it\n                  // @ts-ignore */}\n                  <Component\n                    {...presetProps}\n                    {...rowProps}\n                    {...colProps}\n                    ref={\n                      // NOTE Call setState from outside is bad practice, but here it needed for test state combinations\n                      isFunctionalComponent(Component)\n                        ? undefined\n                        : (el: React.Component<P, StateType<C>>) =>\n                            el &&\n                            el.setState((state: StateType<C>) => ({\n                              ...state,\n                              ...presetState,\n                              ...rowState,\n                              ...colState,\n                            }))\n                    }\n                  />\n                </td>\n              ))}\n            </tr>\n          ))}\n        </tbody>\n      </table>\n    );\n  }\n}\n"]}

package/cjs/internal/CustomComboBox/ComboBoxMenu.d.ts

@@ -1,31 +1,31 @@
-import React, { Component } from 'react';
-import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-export interface ComboBoxMenuProps<T> {
-    opened?: boolean;
-    items?: Nullable<T[]>;
-    totalCount?: number;
-    loading?: boolean;
-    maxMenuHeight?: number | string;
-    refMenu?: (menu: Nullable<Menu>) => void;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderItem: (item: T, state: MenuItemState) => React.ReactNode;
-    onValueChange: (value: T) => any;
-    renderAddButton?: () => React.ReactNode;
-    caption?: React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-}
-export declare class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        repeatRequest: () => undefined;
-        requestStatus: ComboBoxRequestStatus;
-    };
-    private readonly locale;
-    render(): JSX.Element | null;
-    private renderItem;
-}
+import React, { Component } from 'react';
+import { Menu } from '../Menu';
+import { MenuItemState } from '../../components/MenuItem';
+import { Nullable } from '../../typings/utility-types';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+export interface ComboBoxMenuProps<T> {
+    opened?: boolean;
+    items?: Nullable<T[]>;
+    totalCount?: number;
+    loading?: boolean;
+    maxMenuHeight?: number | string;
+    refMenu?: (menu: Nullable<Menu>) => void;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderItem: (item: T, state: MenuItemState) => React.ReactNode;
+    onValueChange: (value: T) => any;
+    renderAddButton?: () => React.ReactNode;
+    caption?: React.ReactNode;
+    repeatRequest?: () => void;
+    requestStatus?: ComboBoxRequestStatus;
+}
+export declare class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        repeatRequest: () => undefined;
+        requestStatus: ComboBoxRequestStatus;
+    };
+    private readonly locale;
+    render(): JSX.Element | null;
+    private renderItem;
+}

package/cjs/internal/CustomComboBox/ComboBoxMenu.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComboBoxMenu.tsx"],"names":["ComboBoxMenu","CustomComboBoxLocaleHelper","locale","renderItem","item","index","props","onValueChange","React","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","ComboBoxRequestStatus","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","fontSize","map","Component","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\r\n\r\nimport { locale } from '../../lib/locale/decorators';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItem, MenuItemState } from '../../components/MenuItem';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { MenuSeparator } from '../../components/MenuSeparator';\r\n\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\r\n\r\nexport interface ComboBoxMenuProps<T> {\r\n  opened?: boolean;\r\n  items?: Nullable<T[]>;\r\n  totalCount?: number;\r\n  loading?: boolean;\r\n  maxMenuHeight?: number | string;\r\n  refMenu?: (menu: Nullable<Menu>) => void;\r\n  renderNotFound?: () => React.ReactNode;\r\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\r\n  onValueChange: (value: T) => any;\r\n  renderAddButton?: () => React.ReactNode;\r\n  caption?: React.ReactNode;\r\n  repeatRequest?: () => void;\r\n  requestStatus?: ComboBoxRequestStatus;\r\n}\r\n\r\n@locale('ComboBox', CustomComboBoxLocaleHelper)\r\nexport class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\r\n\r\n  public static defaultProps = {\r\n    repeatRequest: () => undefined,\r\n    requestStatus: ComboBoxRequestStatus.Unknown,\r\n  };\r\n\r\n  private readonly locale!: ComboBoxLocale;\r\n\r\n  public render() {\r\n    const {\r\n      opened,\r\n      items,\r\n      totalCount,\r\n      loading,\r\n      refMenu,\r\n      renderNotFound = () => notFound,\r\n      renderTotalCount,\r\n      maxMenuHeight,\r\n      requestStatus,\r\n    } = this.props;\r\n\r\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\r\n\r\n    if (!opened) {\r\n      return null;\r\n    }\r\n\r\n    let renderAddButton = null;\r\n    if (this.props.renderAddButton) {\r\n      renderAddButton = this.props.renderAddButton();\r\n    }\r\n\r\n    if (loading && (!items || !items.length)) {\r\n      return (\r\n        <Menu ref={refMenu}>\r\n          <MenuItem disabled>\r\n            <Spinner type=\"mini\" dimmed />\r\n          </MenuItem>\r\n        </Menu>\r\n      );\r\n    }\r\n\r\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\r\n      return (\r\n        <Menu ref={refMenu} maxHeight={maxMenuHeight}>\r\n          <MenuItem disabled key=\"message\">\r\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\r\n          </MenuItem>\r\n          <MenuItem link onClick={this.props.repeatRequest} key=\"retry\">\r\n            {errorNetworkButton}\r\n          </MenuItem>\r\n        </Menu>\r\n      );\r\n    }\r\n\r\n    if ((items == null || items.length === 0) && renderNotFound) {\r\n      const notFoundValue = renderNotFound();\r\n      if (renderAddButton) return <Menu ref={refMenu}>{renderAddButton}</Menu>;\r\n      if (notFoundValue)\r\n        return (\r\n          <Menu ref={refMenu}>\r\n            <MenuItem data-tid=\"ComboBoxMenu__notFound\" disabled>\r\n              {notFoundValue}\r\n            </MenuItem>\r\n          </Menu>\r\n        );\r\n      return null;\r\n    }\r\n\r\n    let total = null;\r\n    if (items && renderTotalCount && totalCount && items.length < totalCount) {\r\n      total = (\r\n        <MenuItem disabled key=\"total\">\r\n          <div style={{ fontSize: 12 }}>{renderTotalCount(items.length, totalCount)}</div>\r\n        </MenuItem>\r\n      );\r\n    }\r\n\r\n    return (\r\n      <Menu data-tid=\"ComboBoxMenu__items\" ref={refMenu} maxHeight={maxMenuHeight}>\r\n        {items && items.map(this.renderItem)}\r\n        {total}\r\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\r\n      </Menu>\r\n    );\r\n  }\r\n\r\n  private renderItem = (item: T, index: number): React.ReactNode => {\r\n    // NOTE this is undesireable feature, better\r\n    // to remove it from further versions\r\n    const { renderItem, onValueChange } = this.props;\r\n    if (typeof item === 'function' || React.isValidElement(item)) {\r\n      // @ts-ignore\r\n      const element = typeof item === 'function' ? item() : item;\r\n      const props = Object.assign(\r\n        {\r\n          key: index,\r\n          onClick: () => onValueChange(element.props),\r\n        },\r\n        element.props,\r\n      );\r\n      return React.cloneElement(element, props);\r\n    }\r\n\r\n    return (\r\n      <MenuItem data-tid=\"ComboBoxMenu__item\" onClick={() => onValueChange(item)} key={index}>\r\n        {state => renderItem(item, state)}\r\n      </MenuItem>\r\n    );\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ComboBoxMenu.tsx"],"names":["ComboBoxMenu","CustomComboBoxLocaleHelper","locale","renderItem","item","index","props","onValueChange","React","isValidElement","element","Object","assign","key","onClick","cloneElement","state","render","opened","items","totalCount","loading","refMenu","renderNotFound","notFound","renderTotalCount","maxMenuHeight","requestStatus","errorNetworkButton","errorNetworkMessage","renderAddButton","length","ComboBoxRequestStatus","Failed","maxWidth","whiteSpace","repeatRequest","notFoundValue","total","fontSize","map","Component","__KONTUR_REACT_UI__","defaultProps","undefined","Unknown"],"mappings":"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","sourcesContent":["import React, { Component } from 'react';\n\nimport { locale } from '../../lib/locale/decorators';\nimport { Menu } from '../Menu';\nimport { MenuItem, MenuItemState } from '../../components/MenuItem';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { MenuSeparator } from '../../components/MenuSeparator';\n\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { ComboBoxLocale, CustomComboBoxLocaleHelper } from './locale';\n\nexport interface ComboBoxMenuProps<T> {\n  opened?: boolean;\n  items?: Nullable<T[]>;\n  totalCount?: number;\n  loading?: boolean;\n  maxMenuHeight?: number | string;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderItem: (item: T, state: MenuItemState) => React.ReactNode;\n  onValueChange: (value: T) => any;\n  renderAddButton?: () => React.ReactNode;\n  caption?: React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n}\n\n@locale('ComboBox', CustomComboBoxLocaleHelper)\nexport class ComboBoxMenu<T> extends Component<ComboBoxMenuProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxMenu';\n\n  public static defaultProps = {\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n  };\n\n  private readonly locale!: ComboBoxLocale;\n\n  public render() {\n    const {\n      opened,\n      items,\n      totalCount,\n      loading,\n      refMenu,\n      renderNotFound = () => notFound,\n      renderTotalCount,\n      maxMenuHeight,\n      requestStatus,\n    } = this.props;\n\n    const { notFound, errorNetworkButton, errorNetworkMessage } = this.locale;\n\n    if (!opened) {\n      return null;\n    }\n\n    let renderAddButton = null;\n    if (this.props.renderAddButton) {\n      renderAddButton = this.props.renderAddButton();\n    }\n\n    if (loading && (!items || !items.length)) {\n      return (\n        <Menu ref={refMenu}>\n          <MenuItem disabled>\n            <Spinner type=\"mini\" dimmed />\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if (items === null && requestStatus === ComboBoxRequestStatus.Failed) {\n      return (\n        <Menu ref={refMenu} maxHeight={maxMenuHeight}>\n          <MenuItem disabled key=\"message\">\n            <div style={{ maxWidth: 300, whiteSpace: 'normal' }}>{errorNetworkMessage}</div>\n          </MenuItem>\n          <MenuItem link onClick={this.props.repeatRequest} key=\"retry\">\n            {errorNetworkButton}\n          </MenuItem>\n        </Menu>\n      );\n    }\n\n    if ((items == null || items.length === 0) && renderNotFound) {\n      const notFoundValue = renderNotFound();\n      if (renderAddButton) return <Menu ref={refMenu}>{renderAddButton}</Menu>;\n      if (notFoundValue)\n        return (\n          <Menu ref={refMenu}>\n            <MenuItem data-tid=\"ComboBoxMenu__notFound\" disabled>\n              {notFoundValue}\n            </MenuItem>\n          </Menu>\n        );\n      return null;\n    }\n\n    let total = null;\n    if (items && renderTotalCount && totalCount && items.length < totalCount) {\n      total = (\n        <MenuItem disabled key=\"total\">\n          <div style={{ fontSize: 12 }}>{renderTotalCount(items.length, totalCount)}</div>\n        </MenuItem>\n      );\n    }\n\n    return (\n      <Menu data-tid=\"ComboBoxMenu__items\" ref={refMenu} maxHeight={maxMenuHeight}>\n        {items && items.map(this.renderItem)}\n        {total}\n        {renderAddButton && [<MenuSeparator key=\"separator\" />, renderAddButton]}\n      </Menu>\n    );\n  }\n\n  private renderItem = (item: T, index: number): React.ReactNode => {\n    // NOTE this is undesireable feature, better\n    // to remove it from further versions\n    const { renderItem, onValueChange } = this.props;\n    if (typeof item === 'function' || React.isValidElement(item)) {\n      // @ts-ignore\n      const element = typeof item === 'function' ? item() : item;\n      const props = Object.assign(\n        {\n          key: index,\n          onClick: () => onValueChange(element.props),\n        },\n        element.props,\n      );\n      return React.cloneElement(element, props);\n    }\n\n    return (\n      <MenuItem data-tid=\"ComboBoxMenu__item\" onClick={() => onValueChange(item)} key={index}>\n        {state => renderItem(item, state)}\n      </MenuItem>\n    );\n  };\n}\n"]}

package/cjs/internal/CustomComboBox/ComboBoxView.d.ts

@@ -1,80 +1,80 @@
-import React from 'react';
-import { Input, InputIconType } from '../../components/Input';
-import { InputLikeText } from '../InputLikeText';
-import { Menu } from '../Menu';
-import { MenuItemState } from '../../components/MenuItem';
-import { Nullable } from '../../typings/utility-types';
-import { CommonProps } from '../../internal/CommonWrapper';
-import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
-interface ComboBoxViewProps<T> extends CommonProps {
-    align?: 'left' | 'center' | 'right';
-    autoFocus?: boolean;
-    borderless?: boolean;
-    disablePortal?: boolean;
-    disabled?: boolean;
-    editing?: boolean;
-    error?: boolean;
-    items?: Nullable<T[]>;
-    loading?: boolean;
-    menuAlign?: 'left' | 'right';
-    opened?: boolean;
-    drawArrow?: boolean;
-    placeholder?: string;
-    size?: 'small' | 'medium' | 'large';
-    textValue?: string;
-    totalCount?: number;
-    value?: Nullable<T>;
-    warning?: boolean;
-    width?: string | number;
-    maxLength?: number;
-    maxMenuHeight?: number | string;
-    leftIcon?: InputIconType;
-    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
-    onValueChange?: (value: T) => void;
-    onClickOutside?: (e: Event) => void;
-    onFocus?: () => void;
-    onFocusOutside?: () => void;
-    onInputBlur?: () => void;
-    onInputValueChange?: (value: string) => void;
-    onInputFocus?: () => void;
-    onInputClick?: () => void;
-    onInputKeyDown?: (e: React.KeyboardEvent) => void;
-    onMouseEnter?: (e: React.MouseEvent) => void;
-    onMouseOver?: (e: React.MouseEvent) => void;
-    onMouseLeave?: (e: React.MouseEvent) => void;
-    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
-    renderNotFound?: () => React.ReactNode;
-    renderTotalCount?: (found: number, total: number) => React.ReactNode;
-    renderValue?: (item: T) => React.ReactNode;
-    renderAddButton: (query?: string) => React.ReactNode;
-    repeatRequest?: () => void;
-    requestStatus?: ComboBoxRequestStatus;
-    refInput?: (input: Nullable<Input>) => void;
-    refMenu?: (menu: Nullable<Menu>) => void;
-    refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
-}
-export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {
-    static __KONTUR_REACT_UI__: string;
-    static defaultProps: {
-        renderItem: (item: any) => any;
-        renderValue: (item: any) => any;
-        renderAddButton: () => null;
-        repeatRequest: () => undefined;
-        requestStatus: ComboBoxRequestStatus;
-        onClickOutside: () => void;
-        onFocusOutside: () => void;
-        size: string;
-        width: number;
-    };
-    private input;
-    componentDidMount(): void;
-    componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
-    render(): JSX.Element;
-    private renderAddButton;
-    private renderInput;
-    private handleItemSelect;
-    private refInput;
-    private renderSpinner;
-    private getRightIcon;
-}
-export {};
+import React from 'react';
+import { Input, InputIconType } from '../../components/Input';
+import { InputLikeText } from '../InputLikeText';
+import { Menu } from '../Menu';
+import { MenuItemState } from '../../components/MenuItem';
+import { Nullable } from '../../typings/utility-types';
+import { CommonProps } from '../../internal/CommonWrapper';
+import { ComboBoxRequestStatus } from './CustomComboBoxTypes';
+interface ComboBoxViewProps<T> extends CommonProps {
+    align?: 'left' | 'center' | 'right';
+    autoFocus?: boolean;
+    borderless?: boolean;
+    disablePortal?: boolean;
+    disabled?: boolean;
+    editing?: boolean;
+    error?: boolean;
+    items?: Nullable<T[]>;
+    loading?: boolean;
+    menuAlign?: 'left' | 'right';
+    opened?: boolean;
+    drawArrow?: boolean;
+    placeholder?: string;
+    size?: 'small' | 'medium' | 'large';
+    textValue?: string;
+    totalCount?: number;
+    value?: Nullable<T>;
+    warning?: boolean;
+    width?: string | number;
+    maxLength?: number;
+    maxMenuHeight?: number | string;
+    leftIcon?: InputIconType;
+    inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];
+    onValueChange?: (value: T) => void;
+    onClickOutside?: (e: Event) => void;
+    onFocus?: () => void;
+    onFocusOutside?: () => void;
+    onInputBlur?: () => void;
+    onInputValueChange?: (value: string) => void;
+    onInputFocus?: () => void;
+    onInputClick?: () => void;
+    onInputKeyDown?: (e: React.KeyboardEvent) => void;
+    onMouseEnter?: (e: React.MouseEvent) => void;
+    onMouseOver?: (e: React.MouseEvent) => void;
+    onMouseLeave?: (e: React.MouseEvent) => void;
+    renderItem?: (item: T, state: MenuItemState) => React.ReactNode;
+    renderNotFound?: () => React.ReactNode;
+    renderTotalCount?: (found: number, total: number) => React.ReactNode;
+    renderValue?: (item: T) => React.ReactNode;
+    renderAddButton: (query?: string) => React.ReactNode;
+    repeatRequest?: () => void;
+    requestStatus?: ComboBoxRequestStatus;
+    refInput?: (input: Nullable<Input>) => void;
+    refMenu?: (menu: Nullable<Menu>) => void;
+    refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;
+}
+export declare class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {
+    static __KONTUR_REACT_UI__: string;
+    static defaultProps: {
+        renderItem: (item: any) => any;
+        renderValue: (item: any) => any;
+        renderAddButton: () => null;
+        repeatRequest: () => undefined;
+        requestStatus: ComboBoxRequestStatus;
+        onClickOutside: () => void;
+        onFocusOutside: () => void;
+        size: string;
+        width: number;
+    };
+    private input;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: ComboBoxViewProps<T>): void;
+    render(): JSX.Element;
+    private renderAddButton;
+    private renderInput;
+    private handleItemSelect;
+    private refInput;
+    private renderSpinner;
+    private getRightIcon;
+}
+export {};

package/cjs/internal/CustomComboBox/ComboBoxView.js.map

@@ -1 +1 @@
-{"version":3,"sources":["ComboBoxView.tsx"],"names":["ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","jsStyles","spinnerWrapper","getRightIcon","loading","items","drawArrow","length","arrowWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","inputMode","rightIcon","maxLength","React","Component","__KONTUR_REACT_UI__","defaultProps","undefined","ComboBoxRequestStatus","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\r\nimport { findDOMNode } from 'react-dom';\r\n\r\nimport { DropdownContainer } from '../DropdownContainer';\r\nimport { Input, InputIconType } from '../../components/Input';\r\nimport { InputLikeText } from '../InputLikeText';\r\nimport { Menu } from '../Menu';\r\nimport { MenuItemState } from '../../components/MenuItem';\r\nimport { RenderLayer } from '../RenderLayer';\r\nimport { Spinner } from '../../components/Spinner';\r\nimport { Nullable } from '../../typings/utility-types';\r\nimport { ArrowTriangleDownIcon } from '../icons/16px';\r\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\r\n\r\nimport { ComboBoxMenu } from './ComboBoxMenu';\r\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\r\nimport { jsStyles } from './CustomComboBox.styles';\r\n\r\ninterface ComboBoxViewProps<T> extends CommonProps {\r\n  align?: 'left' | 'center' | 'right';\r\n  autoFocus?: boolean;\r\n  borderless?: boolean;\r\n  disablePortal?: boolean;\r\n  disabled?: boolean;\r\n  editing?: boolean;\r\n  error?: boolean;\r\n  items?: Nullable<T[]>;\r\n  loading?: boolean;\r\n  menuAlign?: 'left' | 'right';\r\n  opened?: boolean;\r\n  drawArrow?: boolean;\r\n  placeholder?: string;\r\n  size?: 'small' | 'medium' | 'large';\r\n  textValue?: string;\r\n  totalCount?: number;\r\n  value?: Nullable<T>;\r\n  warning?: boolean;\r\n  width?: string | number;\r\n  maxLength?: number;\r\n  maxMenuHeight?: number | string;\r\n  leftIcon?: InputIconType;\r\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\r\n\r\n  onValueChange?: (value: T) => void;\r\n  onClickOutside?: (e: Event) => void;\r\n  onFocus?: () => void;\r\n  onFocusOutside?: () => void;\r\n  onInputBlur?: () => void;\r\n  onInputValueChange?: (value: string) => void;\r\n  onInputFocus?: () => void;\r\n  onInputClick?: () => void;\r\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\r\n  onMouseEnter?: (e: React.MouseEvent) => void;\r\n  onMouseOver?: (e: React.MouseEvent) => void;\r\n  onMouseLeave?: (e: React.MouseEvent) => void;\r\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\r\n  renderNotFound?: () => React.ReactNode;\r\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\r\n  renderValue?: (item: T) => React.ReactNode;\r\n  renderAddButton: (query?: string) => React.ReactNode;\r\n  repeatRequest?: () => void;\r\n  requestStatus?: ComboBoxRequestStatus;\r\n  refInput?: (input: Nullable<Input>) => void;\r\n  refMenu?: (menu: Nullable<Menu>) => void;\r\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\r\n}\r\n\r\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\r\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\r\n\r\n  public static defaultProps = {\r\n    renderItem: (item: any) => item,\r\n    renderValue: (item: any) => item,\r\n    renderAddButton: () => null,\r\n    repeatRequest: () => undefined,\r\n    requestStatus: ComboBoxRequestStatus.Unknown,\r\n    onClickOutside: () => {\r\n      /**/\r\n    },\r\n    onFocusOutside: () => {\r\n      /**/\r\n    },\r\n    size: 'small',\r\n    width: 250,\r\n  };\r\n\r\n  private input: Nullable<Input>;\r\n\r\n  public componentDidMount() {\r\n    if (this.props.autoFocus && this.props.onFocus) {\r\n      this.props.onFocus();\r\n    }\r\n  }\r\n\r\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\r\n    const { input, props } = this;\r\n    if (props.editing && !prevProps.editing && input) {\r\n      input.focus();\r\n    }\r\n  }\r\n\r\n  public render() {\r\n    const {\r\n      items,\r\n      loading,\r\n      menuAlign,\r\n      onClickOutside,\r\n      onFocusOutside,\r\n      onMouseEnter,\r\n      onMouseLeave,\r\n      onMouseOver,\r\n      opened,\r\n      refMenu,\r\n      maxMenuHeight,\r\n      renderTotalCount,\r\n      renderItem,\r\n      renderNotFound,\r\n      repeatRequest,\r\n      requestStatus,\r\n      totalCount,\r\n      size,\r\n      width,\r\n    } = this.props;\r\n\r\n    const input = this.renderInput();\r\n\r\n    const topOffsets = {\r\n      spinner: 6,\r\n      arrow: 15,\r\n    };\r\n    if (size === 'medium') {\r\n      topOffsets.spinner += 4;\r\n      topOffsets.arrow += 4;\r\n    }\r\n    if (size === 'large') {\r\n      topOffsets.spinner += 6;\r\n      topOffsets.arrow += 6;\r\n    }\r\n\r\n    return (\r\n      <CommonWrapper {...this.props}>\r\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\r\n          <span\r\n            style={{ width }}\r\n            className={jsStyles.root()}\r\n            onMouseEnter={onMouseEnter}\r\n            onMouseLeave={onMouseLeave}\r\n            onMouseOver={onMouseOver}\r\n          >\r\n            {input}\r\n            {opened && (\r\n              <DropdownContainer\r\n                align={menuAlign}\r\n                getParent={() => findDOMNode(this)}\r\n                offsetY={1}\r\n                disablePortal={this.props.disablePortal}\r\n              >\r\n                <ComboBoxMenu\r\n                  items={items}\r\n                  loading={loading}\r\n                  maxMenuHeight={maxMenuHeight}\r\n                  onValueChange={this.handleItemSelect}\r\n                  opened={opened}\r\n                  refMenu={refMenu}\r\n                  renderTotalCount={renderTotalCount}\r\n                  renderItem={renderItem!}\r\n                  renderNotFound={renderNotFound}\r\n                  renderAddButton={this.renderAddButton}\r\n                  repeatRequest={repeatRequest}\r\n                  requestStatus={requestStatus}\r\n                  totalCount={totalCount}\r\n                />\r\n              </DropdownContainer>\r\n            )}\r\n          </span>\r\n        </RenderLayer>\r\n      </CommonWrapper>\r\n    );\r\n  }\r\n\r\n  private renderAddButton = (): React.ReactNode => {\r\n    return this.props.renderAddButton(this.props.textValue);\r\n  };\r\n\r\n  private renderInput(): React.ReactNode {\r\n    const {\r\n      align,\r\n      borderless,\r\n      disabled,\r\n      editing,\r\n      error,\r\n      onFocus,\r\n      onInputBlur,\r\n      onInputValueChange,\r\n      onInputFocus,\r\n      onInputClick,\r\n      onInputKeyDown,\r\n      placeholder,\r\n      renderValue,\r\n      size,\r\n      textValue,\r\n      value,\r\n      warning,\r\n      refInputLikeText,\r\n      leftIcon,\r\n      inputMode,\r\n    } = this.props;\r\n\r\n    const rightIcon = this.getRightIcon();\r\n\r\n    if (editing) {\r\n      return (\r\n        <Input\r\n          align={align}\r\n          borderless={borderless}\r\n          disabled={disabled}\r\n          error={error}\r\n          maxLength={this.props.maxLength}\r\n          onBlur={onInputBlur}\r\n          onValueChange={onInputValueChange}\r\n          onFocus={onInputFocus}\r\n          onClick={onInputClick}\r\n          leftIcon={leftIcon}\r\n          rightIcon={rightIcon}\r\n          value={textValue || ''}\r\n          onKeyDown={onInputKeyDown}\r\n          placeholder={placeholder}\r\n          width=\"100%\"\r\n          size={size}\r\n          ref={this.refInput}\r\n          warning={warning}\r\n          inputMode={inputMode}\r\n        />\r\n      );\r\n    }\r\n\r\n    return (\r\n      <InputLikeText\r\n        align={align}\r\n        borderless={borderless}\r\n        error={error}\r\n        onFocus={onFocus}\r\n        leftIcon={leftIcon}\r\n        rightIcon={rightIcon}\r\n        disabled={disabled}\r\n        warning={warning}\r\n        placeholder={placeholder}\r\n        size={size}\r\n        width=\"100%\"\r\n        ref={refInputLikeText}\r\n      >\r\n        {value ? renderValue!(value) : null}\r\n      </InputLikeText>\r\n    );\r\n  }\r\n\r\n  private handleItemSelect = (item: T) => {\r\n    if (this.props.onValueChange) {\r\n      this.props.onValueChange(item);\r\n    }\r\n  };\r\n\r\n  private refInput = (input: Nullable<Input>) => {\r\n    if (this.props.refInput) {\r\n      this.props.refInput(input);\r\n    }\r\n    this.input = input;\r\n  };\r\n\r\n  private renderSpinner = () => (\r\n    <span className={jsStyles.spinnerWrapper()}>\r\n      <Spinner type=\"mini\" caption=\"\" dimmed />\r\n    </span>\r\n  );\r\n\r\n  private getRightIcon = () => {\r\n    const { loading, items, drawArrow } = this.props;\r\n\r\n    if (loading && items && !!items.length) {\r\n      return this.renderSpinner();\r\n    }\r\n\r\n    if (drawArrow) {\r\n      return (\r\n        <span className={jsStyles.arrowWrapper()}>\r\n          <ArrowTriangleDownIcon />\r\n        </span>\r\n      );\r\n    }\r\n\r\n    return null;\r\n  };\r\n}\r\n"]}
+{"version":3,"sources":["ComboBoxView.tsx"],"names":["ComboBoxView","input","renderAddButton","props","textValue","handleItemSelect","item","onValueChange","refInput","renderSpinner","jsStyles","spinnerWrapper","getRightIcon","loading","items","drawArrow","length","arrowWrapper","componentDidMount","autoFocus","onFocus","componentDidUpdate","prevProps","editing","focus","render","menuAlign","onClickOutside","onFocusOutside","onMouseEnter","onMouseLeave","onMouseOver","opened","refMenu","maxMenuHeight","renderTotalCount","renderItem","renderNotFound","repeatRequest","requestStatus","totalCount","size","width","renderInput","topOffsets","spinner","arrow","root","disablePortal","align","borderless","disabled","error","onInputBlur","onInputValueChange","onInputFocus","onInputClick","onInputKeyDown","placeholder","renderValue","value","warning","refInputLikeText","leftIcon","inputMode","rightIcon","maxLength","React","Component","__KONTUR_REACT_UI__","defaultProps","undefined","ComboBoxRequestStatus","Unknown"],"mappings":"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","sourcesContent":["import React from 'react';\nimport { findDOMNode } from 'react-dom';\n\nimport { DropdownContainer } from '../DropdownContainer';\nimport { Input, InputIconType } from '../../components/Input';\nimport { InputLikeText } from '../InputLikeText';\nimport { Menu } from '../Menu';\nimport { MenuItemState } from '../../components/MenuItem';\nimport { RenderLayer } from '../RenderLayer';\nimport { Spinner } from '../../components/Spinner';\nimport { Nullable } from '../../typings/utility-types';\nimport { ArrowTriangleDownIcon } from '../icons/16px';\nimport { CommonProps, CommonWrapper } from '../../internal/CommonWrapper';\n\nimport { ComboBoxMenu } from './ComboBoxMenu';\nimport { ComboBoxRequestStatus } from './CustomComboBoxTypes';\nimport { jsStyles } from './CustomComboBox.styles';\n\ninterface ComboBoxViewProps<T> extends CommonProps {\n  align?: 'left' | 'center' | 'right';\n  autoFocus?: boolean;\n  borderless?: boolean;\n  disablePortal?: boolean;\n  disabled?: boolean;\n  editing?: boolean;\n  error?: boolean;\n  items?: Nullable<T[]>;\n  loading?: boolean;\n  menuAlign?: 'left' | 'right';\n  opened?: boolean;\n  drawArrow?: boolean;\n  placeholder?: string;\n  size?: 'small' | 'medium' | 'large';\n  textValue?: string;\n  totalCount?: number;\n  value?: Nullable<T>;\n  warning?: boolean;\n  width?: string | number;\n  maxLength?: number;\n  maxMenuHeight?: number | string;\n  leftIcon?: InputIconType;\n  inputMode?: React.HTMLAttributes<HTMLInputElement>['inputMode'];\n\n  onValueChange?: (value: T) => void;\n  onClickOutside?: (e: Event) => void;\n  onFocus?: () => void;\n  onFocusOutside?: () => void;\n  onInputBlur?: () => void;\n  onInputValueChange?: (value: string) => void;\n  onInputFocus?: () => void;\n  onInputClick?: () => void;\n  onInputKeyDown?: (e: React.KeyboardEvent) => void;\n  onMouseEnter?: (e: React.MouseEvent) => void;\n  onMouseOver?: (e: React.MouseEvent) => void;\n  onMouseLeave?: (e: React.MouseEvent) => void;\n  renderItem?: (item: T, state: MenuItemState) => React.ReactNode;\n  renderNotFound?: () => React.ReactNode;\n  renderTotalCount?: (found: number, total: number) => React.ReactNode;\n  renderValue?: (item: T) => React.ReactNode;\n  renderAddButton: (query?: string) => React.ReactNode;\n  repeatRequest?: () => void;\n  requestStatus?: ComboBoxRequestStatus;\n  refInput?: (input: Nullable<Input>) => void;\n  refMenu?: (menu: Nullable<Menu>) => void;\n  refInputLikeText?: (inputLikeText: Nullable<InputLikeText>) => void;\n}\n\nexport class ComboBoxView<T> extends React.Component<ComboBoxViewProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'ComboBoxView';\n\n  public static defaultProps = {\n    renderItem: (item: any) => item,\n    renderValue: (item: any) => item,\n    renderAddButton: () => null,\n    repeatRequest: () => undefined,\n    requestStatus: ComboBoxRequestStatus.Unknown,\n    onClickOutside: () => {\n      /**/\n    },\n    onFocusOutside: () => {\n      /**/\n    },\n    size: 'small',\n    width: 250,\n  };\n\n  private input: Nullable<Input>;\n\n  public componentDidMount() {\n    if (this.props.autoFocus && this.props.onFocus) {\n      this.props.onFocus();\n    }\n  }\n\n  public componentDidUpdate(prevProps: ComboBoxViewProps<T>) {\n    const { input, props } = this;\n    if (props.editing && !prevProps.editing && input) {\n      input.focus();\n    }\n  }\n\n  public render() {\n    const {\n      items,\n      loading,\n      menuAlign,\n      onClickOutside,\n      onFocusOutside,\n      onMouseEnter,\n      onMouseLeave,\n      onMouseOver,\n      opened,\n      refMenu,\n      maxMenuHeight,\n      renderTotalCount,\n      renderItem,\n      renderNotFound,\n      repeatRequest,\n      requestStatus,\n      totalCount,\n      size,\n      width,\n    } = this.props;\n\n    const input = this.renderInput();\n\n    const topOffsets = {\n      spinner: 6,\n      arrow: 15,\n    };\n    if (size === 'medium') {\n      topOffsets.spinner += 4;\n      topOffsets.arrow += 4;\n    }\n    if (size === 'large') {\n      topOffsets.spinner += 6;\n      topOffsets.arrow += 6;\n    }\n\n    return (\n      <CommonWrapper {...this.props}>\n        <RenderLayer onClickOutside={onClickOutside} onFocusOutside={onFocusOutside} active={opened}>\n          <span\n            style={{ width }}\n            className={jsStyles.root()}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onMouseOver={onMouseOver}\n          >\n            {input}\n            {opened && (\n              <DropdownContainer\n                align={menuAlign}\n                getParent={() => findDOMNode(this)}\n                offsetY={1}\n                disablePortal={this.props.disablePortal}\n              >\n                <ComboBoxMenu\n                  items={items}\n                  loading={loading}\n                  maxMenuHeight={maxMenuHeight}\n                  onValueChange={this.handleItemSelect}\n                  opened={opened}\n                  refMenu={refMenu}\n                  renderTotalCount={renderTotalCount}\n                  renderItem={renderItem!}\n                  renderNotFound={renderNotFound}\n                  renderAddButton={this.renderAddButton}\n                  repeatRequest={repeatRequest}\n                  requestStatus={requestStatus}\n                  totalCount={totalCount}\n                />\n              </DropdownContainer>\n            )}\n          </span>\n        </RenderLayer>\n      </CommonWrapper>\n    );\n  }\n\n  private renderAddButton = (): React.ReactNode => {\n    return this.props.renderAddButton(this.props.textValue);\n  };\n\n  private renderInput(): React.ReactNode {\n    const {\n      align,\n      borderless,\n      disabled,\n      editing,\n      error,\n      onFocus,\n      onInputBlur,\n      onInputValueChange,\n      onInputFocus,\n      onInputClick,\n      onInputKeyDown,\n      placeholder,\n      renderValue,\n      size,\n      textValue,\n      value,\n      warning,\n      refInputLikeText,\n      leftIcon,\n      inputMode,\n    } = this.props;\n\n    const rightIcon = this.getRightIcon();\n\n    if (editing) {\n      return (\n        <Input\n          align={align}\n          borderless={borderless}\n          disabled={disabled}\n          error={error}\n          maxLength={this.props.maxLength}\n          onBlur={onInputBlur}\n          onValueChange={onInputValueChange}\n          onFocus={onInputFocus}\n          onClick={onInputClick}\n          leftIcon={leftIcon}\n          rightIcon={rightIcon}\n          value={textValue || ''}\n          onKeyDown={onInputKeyDown}\n          placeholder={placeholder}\n          width=\"100%\"\n          size={size}\n          ref={this.refInput}\n          warning={warning}\n          inputMode={inputMode}\n        />\n      );\n    }\n\n    return (\n      <InputLikeText\n        align={align}\n        borderless={borderless}\n        error={error}\n        onFocus={onFocus}\n        leftIcon={leftIcon}\n        rightIcon={rightIcon}\n        disabled={disabled}\n        warning={warning}\n        placeholder={placeholder}\n        size={size}\n        width=\"100%\"\n        ref={refInputLikeText}\n      >\n        {value ? renderValue!(value) : null}\n      </InputLikeText>\n    );\n  }\n\n  private handleItemSelect = (item: T) => {\n    if (this.props.onValueChange) {\n      this.props.onValueChange(item);\n    }\n  };\n\n  private refInput = (input: Nullable<Input>) => {\n    if (this.props.refInput) {\n      this.props.refInput(input);\n    }\n    this.input = input;\n  };\n\n  private renderSpinner = () => (\n    <span className={jsStyles.spinnerWrapper()}>\n      <Spinner type=\"mini\" caption=\"\" dimmed />\n    </span>\n  );\n\n  private getRightIcon = () => {\n    const { loading, items, drawArrow } = this.props;\n\n    if (loading && items && !!items.length) {\n      return this.renderSpinner();\n    }\n\n    if (drawArrow) {\n      return (\n        <span className={jsStyles.arrowWrapper()}>\n          <ArrowTriangleDownIcon />\n        </span>\n      );\n    }\n\n    return null;\n  };\n}\n"]}