amis 1.9.0-beta.12 → 1.9.0-beta.15

package/lib/components/schema-editor/SchemaVariableList.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "SchemaVariableList.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/schema-editor/SchemaVariableList.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,uCAAqD;AACrD,qCAAkD;AAClD,qDAAkD;AAElD,6CAA4C;AAE5C,sFAAmD;AACnD,kFAA+C;AAY/C;IAAwC,mDAGvC;IAOC,4BAAY,KAA8B;QAA1C,YACE,kBAAM,KAAK,CAAC,SACb;QARD,WAAK,GAAG;YACN,SAAS,EAAE,KAAI,CAAC,kBAAkB,CAAC,KAAI,CAAC,KAAK,CAAC;SAC/C,CAAC;;IAMF,CAAC;IAED,+CAAkB,GAAlB,UAAmB,SAAkC;QACnD,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QAEzB,IAAI,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC,OAAO,EAAE;YACvC,IAAI,CAAC,QAAQ,CAAC;gBACZ,SAAS,EAAE,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC;aAC1C,CAAC,CAAC;SACJ;IACH,CAAC;IAED,+CAAkB,GAAlB,UAAmB,KAA8B;QAC/C,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC;YAC1C,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE;YACxB,CAAC,CAAC,KAAK,CAAC,OAAO;gBACf,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;gBACjB,CAAC,CAAC,EAAE,CAAC;QAEP,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE;YACnB,OAAO,EAAE,CAAC;SACX;QACD,IAAM,UAAU,GAAG,IAAI,uBAAU,CAAC,OAAO,CAAC,CAAC;QAC3C,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,OAAO,UAAU,CAAC,qBAAqB,EAAE,CAAC;IAC5C,CAAC;IAGD,yCAAY,GAAZ,UAAa,IAAS;;QACb,IAAA,QAAQ,GAAI,IAAI,CAAC,KAAK,SAAd,CAAe;QAC9B,IAAM,MAAM,GAAG,MAAA,IAAI,CAAC,UAAU,0CAAE,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAE5D,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,IAAI,CAAC,KAAK,EAAE,MAAO,CAAC,CAAC;IAClC,CAAC;IAGD,uCAAU,GAAV,UAAW,MAAW;QACd,IAAA,KAAkC,IAAI,CAAC,KAAK,EAA/B,EAAE,gBAAA,EAAa,EAAE,eAAc,CAAC;QAEnD,OAAO,CACL,wCAAM,SAAS,EAAE,EAAE,CAAC,iCAAiC,CAAC;YACpD,6CAAQ,MAAM,CAAC,KAAK,CAAS;YAC7B,8BAAC,wBAAc,IAAC,OAAO,EAAE,MAAM,CAAC,WAAW,EAAE,YAAY,EAAC,MAAM;gBAC9D,wCAAM,SAAS,EAAE,EAAE,CAAC,qCAAqC,CAAC,IACvD,EAAE,CAAC,qBAAc,MAAM,CAAC,IAAI,IAAI,KAAK,CAAE,CAAC,CACpC,CACQ,CACZ,CACR,CAAC;IACJ,CAAC;IAED,mCAAM,GAAN;QACE,OAAO,CACL,8BAAC,sBAAY,IACX,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC1B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,YAAY,EAC3B,UAAU,EAAC,MAAM,EACjB,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,CACH,CAAC;IACJ,CAAC;IAjCD;QADC,iBAAQ;;;;0DAMR;IAGD;QADC,iBAAQ;;;;wDAcR;IAaH,yBAAC;CAAA,AA1ED,CAAwC,eAAK,CAAC,SAAS,GA0EtD;AA1EY,gDAAkB;AA4E/B,kBAAe,IAAA,mBAAU,EAAC,IAAA,iBAAS,EAAC,kBAAkB,CAAC,CAAC,CAAC",
+    "sourcesContent": [
+        "import React from 'react';\nimport {localeable, LocaleProps} from '../../locale';\nimport {themeable, ThemeProps} from '../../theme';\nimport {DataSchema} from '../../utils/DataSchema';\nimport type {JSONSchema} from '../../utils/DataScope';\nimport {autobind} from '../../utils/helper';\nimport {VariableItem} from '../formula/Editor';\nimport VariableList from '../formula/VariableList';\nimport TooltipWrapper from '../TooltipWrapper';\n\nexport interface SchemaVariableListProps extends LocaleProps, ThemeProps {\n  schemas?: Array<JSONSchema> | JSONSchema;\n  value?: string;\n  onSelect?: (value: string, schema: JSONSchema) => void;\n}\n\nexport interface SchemaVariableListState {\n  variables: Array<VariableItem>;\n}\n\nexport class SchemaVariableList extends React.Component<\n  SchemaVariableListProps,\n  SchemaVariableListState\n> {\n  state = {\n    variables: this.schemasToVaraibles(this.props)\n  };\n\n  dataSchema?: DataSchema;\n\n  constructor(props: SchemaVariableListProps) {\n    super(props);\n  }\n\n  componentDidUpdate(prevProps: SchemaVariableListProps) {\n    const props = this.props;\n\n    if (props.schemas !== prevProps.schemas) {\n      this.setState({\n        variables: this.schemasToVaraibles(props)\n      });\n    }\n  }\n\n  schemasToVaraibles(props: SchemaVariableListProps) {\n    const schemas = Array.isArray(props.schemas)\n      ? props.schemas.concat()\n      : props.schemas\n      ? [props.schemas]\n      : [];\n\n    if (!schemas.length) {\n      return [];\n    }\n    const dataSchema = new DataSchema(schemas);\n    this.dataSchema = dataSchema;\n    return dataSchema.getDataPropsAsOptions();\n  }\n\n  @autobind\n  handleSelect(item: any) {\n    const {onSelect} = this.props;\n    const schema = this.dataSchema?.getSchemaByPath(item.value);\n\n    onSelect?.(item.value, schema!);\n  }\n\n  @autobind\n  itemRender(option: any) {\n    const {classnames: cx, translate: __} = this.props;\n\n    return (\n      <span className={cx(`FormulaEditor-VariableList-item`)}>\n        <label>{option.label}</label>\n        <TooltipWrapper tooltip={option.description} tooltipTheme=\"dark\">\n          <span className={cx(`FormulaEditor-VariableList-item-tag`)}>\n            {__(`SchemaType.${option.type || 'any'}`)}\n          </span>\n        </TooltipWrapper>\n      </span>\n    );\n  }\n\n  render() {\n    return (\n      <VariableList\n        data={this.state.variables}\n        value={this.props.value}\n        onSelect={this.handleSelect}\n        selectMode=\"tree\"\n        itemRender={this.itemRender}\n      />\n    );\n  }\n}\n\nexport default localeable(themeable(SchemaVariableList));\n"
+    ]
+}

package/lib/components/schema-editor/SchemaVariableListPicker.d.ts

@@ -0,0 +1,305 @@
+/// <reference types="hoist-non-react-statics" />
+import React from 'react';
+import { SchemaVariableListProps } from './SchemaVariableList';
+export interface SchemaVariableListPickerProps extends SchemaVariableListProps {
+    children: (props: {
+        onClick: (e: React.MouseEvent) => void;
+        setState: (state: any) => void;
+        isOpened: boolean;
+    }) => JSX.Element;
+    value?: any;
+    onConfirm?: (value?: any) => void;
+    onCancel?: () => void;
+}
+export declare class SchemaVariableListPicker extends React.Component<SchemaVariableListPickerProps> {
+    render(): JSX.Element;
+}
+declare const _default: {
+    new (props: (Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }) | Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+        locale?: string | undefined;
+        translate?: ((str: string, ...args: any[]) => string) | undefined;
+    }, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>) => {} | Pick<{}, K> | null) | Pick<{}, K> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, keyof import("../../locale").LocaleProps> & {
+            locale?: string | undefined;
+            translate?: ((str: string, ...args: any[]) => string) | undefined;
+        }>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<{
+        new (props: (Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps) | Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        new (props: Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, context: any): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof SchemaVariableListPicker>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof SchemaVariableListPicker, {}> & {
+        ComposedComponent: typeof SchemaVariableListPicker;
+    }>;
+} & import("hoist-non-react-statics").NonReactStatics<{
+    new (props: (Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps) | Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>): {
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    new (props: Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, context: any): {
+        render(): JSX.Element;
+        context: any;
+        setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+        forceUpdate(callback?: (() => void) | undefined): void;
+        readonly props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+            children?: React.ReactNode;
+        }>;
+        state: Readonly<{}>;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentDidMount?(): void;
+        shouldComponentUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+        componentWillUnmount?(): void;
+        componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+        getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+        componentDidUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+        componentWillMount?(): void;
+        UNSAFE_componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+        componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+    };
+    displayName: string;
+    contextType: React.Context<string>;
+    ComposedComponent: React.ComponentType<typeof SchemaVariableListPicker>;
+} & import("hoist-non-react-statics").NonReactStatics<typeof SchemaVariableListPicker, {}> & {
+    ComposedComponent: typeof SchemaVariableListPicker;
+}, {}> & {
+    ComposedComponent: {
+        new (props: (Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps) | Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        new (props: Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps, context: any): {
+            render(): JSX.Element;
+            context: any;
+            setState<K_1 extends never>(state: {} | ((prevState: Readonly<{}>, props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>) => {} | Pick<{}, K_1> | null) | Pick<{}, K_1> | null, callback?: (() => void) | undefined): void;
+            forceUpdate(callback?: (() => void) | undefined): void;
+            readonly props: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps> & Readonly<{
+                children?: React.ReactNode;
+            }>;
+            state: Readonly<{}>;
+            refs: {
+                [key: string]: React.ReactInstance;
+            };
+            componentDidMount?(): void;
+            shouldComponentUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): boolean;
+            componentWillUnmount?(): void;
+            componentDidCatch?(error: Error, errorInfo: React.ErrorInfo): void;
+            getSnapshotBeforeUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>): any;
+            componentDidUpdate?(prevProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, prevState: Readonly<{}>, snapshot?: any): void;
+            componentWillMount?(): void;
+            UNSAFE_componentWillMount?(): void;
+            componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            UNSAFE_componentWillReceiveProps?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextContext: any): void;
+            componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+            UNSAFE_componentWillUpdate?(nextProps: Readonly<Omit<SchemaVariableListPickerProps, keyof import("../../theme").ThemeProps> & import("../../theme").ThemeOutterProps>, nextState: Readonly<{}>, nextContext: any): void;
+        };
+        displayName: string;
+        contextType: React.Context<string>;
+        ComposedComponent: React.ComponentType<typeof SchemaVariableListPicker>;
+    } & import("hoist-non-react-statics").NonReactStatics<typeof SchemaVariableListPicker, {}> & {
+        ComposedComponent: typeof SchemaVariableListPicker;
+    };
+};
+export default _default;

package/lib/components/schema-editor/SchemaVariableListPicker.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SchemaVariableListPicker = void 0;
+var tslib_1 = require("tslib");
+var react_1 = (0, tslib_1.__importDefault)(require("react"));
+var locale_1 = require("../../locale");
+var theme_1 = require("../../theme");
+var PickerContainer_1 = (0, tslib_1.__importDefault)(require("../PickerContainer"));
+var SchemaVariableList_1 = (0, tslib_1.__importDefault)(require("./SchemaVariableList"));
+var SchemaVariableListPicker = /** @class */ (function (_super) {
+    (0, tslib_1.__extends)(SchemaVariableListPicker, _super);
+    function SchemaVariableListPicker() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    SchemaVariableListPicker.prototype.render = function () {
+        var _a = this.props, __ = _a.translate, schemas = _a.schemas, value = _a.value, onConfirm = _a.onConfirm, onCancel = _a.onCancel, children = _a.children;
+        return (react_1.default.createElement(PickerContainer_1.default, { title: __('Select.placeholder'), bodyRender: function (_a) {
+                var _b;
+                var onClose = _a.onClose, value = _a.value, onChange = _a.onChange, setState = _a.setState, stateSchemas = _a.schemas, states = (0, tslib_1.__rest)(_a, ["onClose", "value", "onChange", "setState", "schemas"]);
+                return (react_1.default.createElement(SchemaVariableList_1.default, { value: (_b = value === null || value === void 0 ? void 0 : value.value) !== null && _b !== void 0 ? _b : value, onSelect: function (value, schema) {
+                        return onChange({
+                            value: value,
+                            schema: schema
+                        });
+                    }, schemas: stateSchemas !== null && stateSchemas !== void 0 ? stateSchemas : schemas }));
+            }, value: value, onConfirm: onConfirm, onCancel: onCancel }, children));
+    };
+    return SchemaVariableListPicker;
+}(react_1.default.Component));
+exports.SchemaVariableListPicker = SchemaVariableListPicker;
+exports.default = (0, locale_1.localeable)((0, theme_1.themeable)(SchemaVariableListPicker));
+//# sourceMappingURL=./components/schema-editor/SchemaVariableListPicker.js.map

package/lib/components/schema-editor/SchemaVariableListPicker.js.map

@@ -0,0 +1,13 @@
+{
+    "version": 3,
+    "file": "SchemaVariableListPicker.js",
+    "sourceRoot": "",
+    "sources": [
+        "/src/components/schema-editor/SchemaVariableListPicker.tsx"
+    ],
+    "names": [],
+    "mappings": ";;;;AAAA,6DAA0B;AAC1B,uCAAwC;AACxC,qCAAsC;AAEtC,oFAAiD;AACjD,yFAE8B;AAa9B;IAA8C,yDAA8C;IAA5F;;IA2CA,CAAC;IA1CC,yCAAM,GAAN;QACQ,IAAA,KAOF,IAAI,CAAC,KAAK,EAND,EAAE,eAAA,EACb,OAAO,aAAA,EACP,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,QAAQ,cACI,CAAC;QAEf,OAAO,CACL,8BAAC,yBAAe,IACd,KAAK,EAAE,EAAE,CAAC,oBAAoB,CAAC,EAC/B,UAAU,EAAE,UAAC,EAOZ;;gBANC,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,QAAQ,cAAA,EACC,YAAY,aAAA,EAClB,MAAM,2BANE,uDAOZ,CADU;gBAET,OAAO,CACL,8BAAC,4BAAkB,IACjB,KAAK,EAAE,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,mCAAI,KAAK,EAC5B,QAAQ,EAAE,UAAC,KAAK,EAAE,MAAM;wBACtB,OAAA,QAAQ,CAAC;4BACP,KAAK,OAAA;4BACL,MAAM,QAAA;yBACP,CAAC;oBAHF,CAGE,EAEJ,OAAO,EAAE,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,OAAO,GAChC,CACH,CAAC;YACJ,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,IAEjB,QAAQ,CACO,CACnB,CAAC;IACJ,CAAC;IACH,+BAAC;AAAD,CAAC,AA3CD,CAA8C,eAAK,CAAC,SAAS,GA2C5D;AA3CY,4DAAwB;AA6CrC,kBAAe,IAAA,mBAAU,EAAC,IAAA,iBAAS,EAAC,wBAAwB,CAAC,CAAC,CAAC",
+    "sourcesContent": [
+        "import React from 'react';\nimport {localeable} from '../../locale';\nimport {themeable} from '../../theme';\nimport {autobind} from '../../utils/helper';\nimport PickerContainer from '../PickerContainer';\nimport SchemaVariableList, {\n  SchemaVariableListProps\n} from './SchemaVariableList';\n\nexport interface SchemaVariableListPickerProps extends SchemaVariableListProps {\n  children: (props: {\n    onClick: (e: React.MouseEvent) => void;\n    setState: (state: any) => void;\n    isOpened: boolean;\n  }) => JSX.Element;\n  value?: any;\n  onConfirm?: (value?: any) => void;\n  onCancel?: () => void;\n}\n\nexport class SchemaVariableListPicker extends React.Component<SchemaVariableListPickerProps> {\n  render() {\n    const {\n      translate: __,\n      schemas,\n      value,\n      onConfirm,\n      onCancel,\n      children\n    } = this.props;\n\n    return (\n      <PickerContainer\n        title={__('Select.placeholder')}\n        bodyRender={({\n          onClose,\n          value,\n          onChange,\n          setState,\n          schemas: stateSchemas,\n          ...states\n        }) => {\n          return (\n            <SchemaVariableList\n              value={value?.value ?? value}\n              onSelect={(value, schema) =>\n                onChange({\n                  value,\n                  schema\n                })\n              }\n              schemas={stateSchemas ?? schemas}\n            />\n          );\n        }}\n        value={value}\n        onConfirm={onConfirm}\n        onCancel={onCancel}\n      >\n        {children}\n      </PickerContainer>\n    );\n  }\n}\n\nexport default localeable(themeable(SchemaVariableListPicker));\n"
+    ]
+}