@thienvu18/designable-formily-setters 2.0.0 → 2.0.2

package/lib/components/DataSourceSetter/index.d.ts

@@ -1,18 +1,18 @@
-import React from 'react';
-import { Form } from '@formily/core';
-import { IDataSourceItem } from './types';
-import './styles.less';
+import { Form } from '@formily/core'
+import React from 'react'
+import './styles.less'
+import { IDataSourceItem } from './types'
 export interface IDataSourceSetterProps {
-    className?: string;
-    style?: React.CSSProperties;
-    onChange: (dataSource: IDataSourceItem[]) => void;
-    value: IDataSourceItem[];
-    allowTree?: boolean;
-    allowExtendOption?: boolean;
-    defaultOptionValue?: {
-        label: string;
-        value: any;
-    }[];
-    effects?: (form: Form<any>) => void;
+  className?: string
+  style?: React.CSSProperties
+  onChange: (dataSource: IDataSourceItem[]) => void
+  value: IDataSourceItem[]
+  allowTree?: boolean
+  allowExtendOption?: boolean
+  defaultOptionValue?: {
+    label: string
+    value: any
+  }[]
+  effects?: (form: Form<any>) => void
 }
-export declare const DataSourceSetter: React.FC<IDataSourceSetterProps>;
+export declare const DataSourceSetter: React.FC<IDataSourceSetterProps>

package/lib/components/DataSourceSetter/index.js

@@ -1,33 +1,97 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DataSourceSetter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const antd_1 = require("antd");
-const reactive_1 = require("@formily/reactive");
-const reactive_react_1 = require("@formily/reactive-react");
-const designable_react_1 = require("@thienvu18/designable-react");
-const DataSettingPanel_1 = require("./DataSettingPanel");
-const TreePanel_1 = require("./TreePanel");
-const shared_1 = require("./shared");
-require("./styles.less");
+'use strict'
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod }
+  }
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.DataSourceSetter = void 0
+const jsx_runtime_1 = require('react/jsx-runtime')
+const react_1 = require('react')
+const classnames_1 = __importDefault(require('classnames'))
+const antd_1 = require('antd')
+const reactive_1 = require('@formily/reactive')
+const reactive_react_1 = require('@formily/reactive-react')
+const designable_react_1 = require('@thienvu18/designable-react')
+const DataSettingPanel_1 = require('./DataSettingPanel')
+const TreePanel_1 = require('./TreePanel')
+const shared_1 = require('./shared')
+require('./styles.less')
 exports.DataSourceSetter = (0, reactive_react_1.observer)((props) => {
-    const { className, value = [], onChange, allowTree = true, allowExtendOption = true, defaultOptionValue, effects = () => { }, } = props;
-    const theme = (0, designable_react_1.useTheme)();
-    const prefix = (0, designable_react_1.usePrefix)('data-source-setter');
-    const [modalVisible, setModalVisible] = (0, react_1.useState)(false);
-    const treeDataSource = (0, react_1.useMemo)(() => (0, reactive_1.observable)({
+  const {
+    className,
+    value = [],
+    onChange,
+    allowTree = true,
+    allowExtendOption = true,
+    defaultOptionValue,
+    effects = () => {},
+  } = props
+  const theme = (0, designable_react_1.useTheme)()
+  const prefix = (0, designable_react_1.usePrefix)('data-source-setter')
+  const [modalVisible, setModalVisible] = (0, react_1.useState)(false)
+  const treeDataSource = (0, react_1.useMemo)(
+    () =>
+      (0, reactive_1.observable)({
         dataSource: (0, shared_1.transformValueToData)(value),
         selectedKey: '',
-    }), [value, modalVisible]);
-    const openModal = () => setModalVisible(true);
-    const closeModal = () => setModalVisible(false);
-    return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(antd_1.Button, { block: true, onClick: openModal, children: (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, { token: "SettingComponents.DataSourceSetter.configureDataSource" }) }), (0, jsx_runtime_1.jsx)(antd_1.Modal, { title: (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, { token: "SettingComponents.DataSourceSetter.configureDataSource" }), width: "65%", styles: { body: { padding: 10 } }, transitionName: "", maskTransitionName: "", open: modalVisible, onCancel: closeModal, onOk: () => {
-                    onChange((0, shared_1.transformDataToValue)(treeDataSource.dataSource));
-                    closeModal();
-                }, children: (0, jsx_runtime_1.jsxs)("div", { className: `${(0, classnames_1.default)(prefix, className)} ${prefix + '-' + theme} ${prefix + '-layout'}`, children: [(0, jsx_runtime_1.jsx)("div", { className: `${prefix + '-layout-item left'}`, children: (0, jsx_runtime_1.jsx)(TreePanel_1.TreePanel, { defaultOptionValue: defaultOptionValue, allowTree: allowTree, treeDataSource: treeDataSource }) }), (0, jsx_runtime_1.jsx)("div", { className: `${prefix + '-layout-item right'}`, children: (0, jsx_runtime_1.jsx)(DataSettingPanel_1.DataSettingPanel, { allowExtendOption: allowExtendOption, treeDataSource: treeDataSource, effects: effects }) })] }) })] }));
-});
+      }),
+    [value, modalVisible]
+  )
+  const openModal = () => setModalVisible(true)
+  const closeModal = () => setModalVisible(false)
+  return (0, jsx_runtime_1.jsxs)(react_1.Fragment, {
+    children: [
+      (0, jsx_runtime_1.jsx)(antd_1.Button, {
+        block: true,
+        onClick: openModal,
+        children: (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, {
+          token: 'SettingComponents.DataSourceSetter.configureDataSource',
+        }),
+      }),
+      (0, jsx_runtime_1.jsx)(antd_1.Modal, {
+        title: (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, {
+          token: 'SettingComponents.DataSourceSetter.configureDataSource',
+        }),
+        width: '65%',
+        styles: { body: { padding: 10 } },
+        transitionName: '',
+        maskTransitionName: '',
+        open: modalVisible,
+        onCancel: closeModal,
+        onOk: () => {
+          onChange(
+            (0, shared_1.transformDataToValue)(treeDataSource.dataSource)
+          )
+          closeModal()
+        },
+        children: (0, jsx_runtime_1.jsxs)('div', {
+          className: `${(0, classnames_1.default)(prefix, className)} ${
+            prefix + '-' + theme
+          } ${prefix + '-layout'}`,
+          children: [
+            (0, jsx_runtime_1.jsx)('div', {
+              className: `${prefix + '-layout-item left'}`,
+              children: (0, jsx_runtime_1.jsx)(TreePanel_1.TreePanel, {
+                defaultOptionValue: defaultOptionValue,
+                allowTree: allowTree,
+                treeDataSource: treeDataSource,
+              }),
+            }),
+            (0, jsx_runtime_1.jsx)('div', {
+              className: `${prefix + '-layout-item right'}`,
+              children: (0, jsx_runtime_1.jsx)(
+                DataSettingPanel_1.DataSettingPanel,
+                {
+                  allowExtendOption: allowExtendOption,
+                  treeDataSource: treeDataSource,
+                  effects: effects,
+                }
+              ),
+            }),
+          ],
+        }),
+      }),
+    ],
+  })
+})

package/lib/components/DataSourceSetter/shared.d.ts

@@ -1,9 +1,16 @@
-import { IDataSourceItem, INodeItem } from './types';
+import { IDataSourceItem, INodeItem } from './types'
 export interface INode {
-    key?: string;
-    map?: any;
-    children?: INode[];
+  key?: string
+  map?: any
+  children?: INode[]
 }
-export declare const traverseTree: <T extends INode>(data: T[], callback: (dataItem: T, i: number, data: T[]) => any) => void;
-export declare const transformValueToData: (value: IDataSourceItem[]) => INodeItem[];
-export declare const transformDataToValue: (data: INodeItem[]) => IDataSourceItem[];
+export declare const traverseTree: <T extends INode>(
+  data: T[],
+  callback: (dataItem: T, i: number, data: T[]) => any
+) => void
+export declare const transformValueToData: (
+  value: IDataSourceItem[]
+) => INodeItem[]
+export declare const transformDataToValue: (
+  data: INodeItem[]
+) => IDataSourceItem[]

package/lib/components/DataSourceSetter/shared.js

@@ -1,51 +1,52 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.transformDataToValue = exports.transformValueToData = exports.traverseTree = void 0;
-const shared_1 = require("@formily/shared");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.transformDataToValue =
+  exports.transformValueToData =
+  exports.traverseTree =
+    void 0
+const shared_1 = require('@formily/shared')
 const traverseTree = (data, callback) => {
-    for (let i = 0; i < data.length; i++) {
-        callback(data[i], i, data);
-        if (data[i]?.children) {
-            (0, exports.traverseTree)(data[i]?.children, callback);
-        }
+  for (let i = 0; i < data.length; i++) {
+    callback(data[i], i, data)
+    if (data[i]?.children) {
+      ;(0, exports.traverseTree)(data[i]?.children, callback)
     }
-};
-exports.traverseTree = traverseTree;
+  }
+}
+exports.traverseTree = traverseTree
 const transformValueToData = (value) => {
-    const data = (0, shared_1.clone)(value);
-    (0, exports.traverseTree)(data, (item, i, dataSource) => {
-        const dataItem = {
-            key: '',
-            duplicateKey: '',
-            map: [],
-            children: [],
-        };
-        for (const [key, value] of Object.entries(dataSource[i] || {})) {
-            if (key !== 'children')
-                dataItem.map.push({ label: key, value: value });
-        }
-        const uuid = (0, shared_1.uid)();
-        dataItem.key = uuid;
-        dataItem.duplicateKey = uuid;
-        dataItem.children = dataSource[i].children || [];
-        dataSource[i] = dataItem;
-    });
-    return data;
-};
-exports.transformValueToData = transformValueToData;
+  const data = (0, shared_1.clone)(value)
+  ;(0, exports.traverseTree)(data, (item, i, dataSource) => {
+    const dataItem = {
+      key: '',
+      duplicateKey: '',
+      map: [],
+      children: [],
+    }
+    for (const [key, value] of Object.entries(dataSource[i] || {})) {
+      if (key !== 'children') dataItem.map.push({ label: key, value: value })
+    }
+    const uuid = (0, shared_1.uid)()
+    dataItem.key = uuid
+    dataItem.duplicateKey = uuid
+    dataItem.children = dataSource[i].children || []
+    dataSource[i] = dataItem
+  })
+  return data
+}
+exports.transformValueToData = transformValueToData
 const transformDataToValue = (data) => {
-    const value = (0, shared_1.clone)(data);
-    (0, exports.traverseTree)(value, (item, i, dataSource) => {
-        const valueItem = {
-            children: [],
-        };
-        (0, shared_1.toArr)(dataSource[i].map).forEach((item) => {
-            if (item.label)
-                valueItem[item.label] = item.value;
-        });
-        valueItem.children = dataSource[i]?.children || [];
-        dataSource[i] = valueItem;
-    });
-    return value;
-};
-exports.transformDataToValue = transformDataToValue;
+  const value = (0, shared_1.clone)(data)
+  ;(0, exports.traverseTree)(value, (item, i, dataSource) => {
+    const valueItem = {
+      children: [],
+    }
+    ;(0, shared_1.toArr)(dataSource[i].map).forEach((item) => {
+      if (item.label) valueItem[item.label] = item.value
+    })
+    valueItem.children = dataSource[i]?.children || []
+    dataSource[i] = valueItem
+  })
+  return value
+}
+exports.transformDataToValue = transformDataToValue

package/lib/components/DataSourceSetter/styles.less

@@ -1,4 +1,3 @@
-
 .dn-data-source-setter {
   ::-webkit-scrollbar {
     width: 5px;
@@ -51,7 +50,8 @@
 
       &.left {
         width: 40%;
-        border-right: 1px solid var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06));
+        border-right: 1px solid
+          var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06));
       }
 
       &.right {
@@ -65,7 +65,8 @@
         justify-content: space-between;
         height: 40px;
         padding: 8px 12px 9px;
-        border-bottom: 1px solid var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06));
+        border-bottom: 1px solid
+          var(--dn-color-border-secondary, rgba(5, 5, 5, 0.06));
         border-radius: 2px 2px 0 0;
       }
 

package/lib/components/DataSourceSetter/types.d.ts

@@ -1,18 +1,18 @@
 export interface IDataSourceItem {
-    label?: '';
-    value?: any;
-    children?: any[];
+  label?: ''
+  value?: any
+  children?: any[]
 }
 export interface INodeItem {
-    key: string;
-    duplicateKey?: string;
-    map?: {
-        label: string;
-        value: any;
-    }[];
-    children?: INodeItem[];
+  key: string
+  duplicateKey?: string
+  map?: {
+    label: string
+    value: any
+  }[]
+  children?: INodeItem[]
 }
 export interface ITreeDataSource {
-    dataSource: INodeItem[];
-    selectedKey: string;
+  dataSource: INodeItem[]
+  selectedKey: string
 }

package/lib/components/DataSourceSetter/types.js

@@ -1,2 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })

package/lib/components/ReactionsSetter/FieldPropertySetter.d.ts

@@ -1,10 +1,10 @@
-import React from 'react';
+import React from 'react'
 export interface IFieldProperty {
-    [key: string]: string;
+  [key: string]: string
 }
 export interface IFieldPropertySetterProps {
-    extraLib?: string;
-    value?: IFieldProperty;
-    onChange?: (value: IFieldProperty) => void;
+  extraLib?: string
+  value?: IFieldProperty
+  onChange?: (value: IFieldProperty) => void
 }
-export declare const FieldPropertySetter: React.FC<IFieldPropertySetterProps>;
+export declare const FieldPropertySetter: React.FC<IFieldPropertySetterProps>

package/lib/components/ReactionsSetter/FieldPropertySetter.js

@@ -1,69 +1,152 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldPropertySetter = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const designable_react_1 = require("@thienvu18/designable-react");
-const antd_1 = require("antd");
-const designable_react_settings_form_1 = require("@thienvu18/designable-react-settings-form");
-const shared_1 = require("@formily/shared");
-const properties_1 = require("./properties");
+'use strict'
+Object.defineProperty(exports, '__esModule', { value: true })
+exports.FieldPropertySetter = void 0
+const jsx_runtime_1 = require('react/jsx-runtime')
+const react_1 = require('react')
+const designable_react_1 = require('@thienvu18/designable-react')
+const antd_1 = require('antd')
+const designable_react_settings_form_1 = require('@thienvu18/designable-react-settings-form')
+const shared_1 = require('@formily/shared')
+const properties_1 = require('./properties')
 const template = (code) => {
-    if (!code)
-        return;
-    return code.trim();
-};
+  if (!code) return
+  return code.trim()
+}
 const FieldPropertySetter = (props) => {
-    const [selectKeys, setSelectKeys] = (0, react_1.useState)(['visible']);
-    const prefix = (0, designable_react_1.usePrefix)('field-property-setter');
-    const value = { ...props.value };
-    const parseExpression = (expression) => {
-        if (!expression)
-            return '';
-        return String(expression).match(/^\{\{([\s\S]*)\}\}$/)?.[1] || '';
-    };
-    const filterEmpty = (value) => {
-        return (0, shared_1.reduce)(value, (buf, value, key) => {
-            if (!value || value === '{{}}')
-                return buf;
-            buf[key] = value;
-            return buf;
-        }, {});
-    };
-    const currentProperty = properties_1.FieldProperties.find((item) => item.key === selectKeys[0]);
-    return ((0, jsx_runtime_1.jsxs)("div", { className: prefix, children: [(0, jsx_runtime_1.jsx)(antd_1.Menu, { mode: "vertical", style: {
-                    width: 200,
-                    height: 300,
-                    paddingRight: 4,
-                    overflowY: 'auto',
-                    overflowX: 'hidden',
-                }, defaultSelectedKeys: selectKeys, selectedKeys: selectKeys, onSelect: ({ selectedKeys }) => {
-                    setSelectKeys(selectedKeys);
-                }, children: properties_1.FieldProperties.map((key) => {
-                    if ((0, shared_1.isPlainObj)(key)) {
-                        return ((0, jsx_runtime_1.jsx)(antd_1.Menu.Item, { children: (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, { token: `SettingComponents.ReactionsSetter.${key.token || key.key}` }) }, key.key));
-                    }
-                    return ((0, jsx_runtime_1.jsx)(antd_1.Menu.Item, { children: (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, { token: `SettingComponents.ReactionsSetter.${key}` }) }, key));
-                }) }), (0, jsx_runtime_1.jsxs)("div", { className: prefix + '-coder-wrapper', children: [(0, jsx_runtime_1.jsxs)("div", { className: prefix + '-coder-start', children: [`$self.${selectKeys[0]} = (`, (0, jsx_runtime_1.jsxs)("span", { style: {
-                                    fontSize: 14,
-                                    marginLeft: 10,
-                                    color: '#888',
-                                    fontWeight: 'normal',
-                                }, children: ['//', ' ', (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, { token: "SettingComponents.ReactionsSetter.expressionValueTypeIs" }), ' ', '`', currentProperty?.type, '`'] })] }), (0, jsx_runtime_1.jsx)("div", { className: prefix + '-coder', children: (0, jsx_runtime_1.jsx)(designable_react_settings_form_1.MonacoInput, { language: "javascript.expression", extraLib: props.extraLib, helpCode: template(currentProperty?.helpCode), value: parseExpression(value[selectKeys[0]]), options: {
-                                lineNumbers: 'off',
-                                wordWrap: 'on',
-                                glyphMargin: false,
-                                folding: false,
-                                lineDecorationsWidth: 0,
-                                lineNumbersMinChars: 0,
-                                minimap: {
-                                    enabled: false,
-                                },
-                            }, onChange: (expression) => {
-                                props.onChange?.(filterEmpty({
-                                    ...value,
-                                    [selectKeys[0]]: `{{${expression}}}`,
-                                }));
-                            } }, selectKeys[0]) }), (0, jsx_runtime_1.jsx)("div", { className: prefix + '-coder-end', children: `)` })] })] }));
-};
-exports.FieldPropertySetter = FieldPropertySetter;
+  const [selectKeys, setSelectKeys] = (0, react_1.useState)(['visible'])
+  const prefix = (0, designable_react_1.usePrefix)('field-property-setter')
+  const value = { ...props.value }
+  const parseExpression = (expression) => {
+    if (!expression) return ''
+    return String(expression).match(/^\{\{([\s\S]*)\}\}$/)?.[1] || ''
+  }
+  const filterEmpty = (value) => {
+    return (0, shared_1.reduce)(
+      value,
+      (buf, value, key) => {
+        if (!value || value === '{{}}') return buf
+        buf[key] = value
+        return buf
+      },
+      {}
+    )
+  }
+  const currentProperty = properties_1.FieldProperties.find(
+    (item) => item.key === selectKeys[0]
+  )
+  return (0, jsx_runtime_1.jsxs)('div', {
+    className: prefix,
+    children: [
+      (0, jsx_runtime_1.jsx)(antd_1.Menu, {
+        mode: 'vertical',
+        style: {
+          width: 200,
+          height: 300,
+          paddingRight: 4,
+          overflowY: 'auto',
+          overflowX: 'hidden',
+        },
+        defaultSelectedKeys: selectKeys,
+        selectedKeys: selectKeys,
+        onSelect: ({ selectedKeys }) => {
+          setSelectKeys(selectedKeys)
+        },
+        children: properties_1.FieldProperties.map((key) => {
+          if ((0, shared_1.isPlainObj)(key)) {
+            return (0, jsx_runtime_1.jsx)(
+              antd_1.Menu.Item,
+              {
+                children: (0, jsx_runtime_1.jsx)(
+                  designable_react_1.TextWidget,
+                  {
+                    token: `SettingComponents.ReactionsSetter.${
+                      key.token || key.key
+                    }`,
+                  }
+                ),
+              },
+              key.key
+            )
+          }
+          return (0, jsx_runtime_1.jsx)(
+            antd_1.Menu.Item,
+            {
+              children: (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, {
+                token: `SettingComponents.ReactionsSetter.${key}`,
+              }),
+            },
+            key
+          )
+        }),
+      }),
+      (0, jsx_runtime_1.jsxs)('div', {
+        className: prefix + '-coder-wrapper',
+        children: [
+          (0, jsx_runtime_1.jsxs)('div', {
+            className: prefix + '-coder-start',
+            children: [
+              `$self.${selectKeys[0]} = (`,
+              (0, jsx_runtime_1.jsxs)('span', {
+                style: {
+                  fontSize: 14,
+                  marginLeft: 10,
+                  color: '#888',
+                  fontWeight: 'normal',
+                },
+                children: [
+                  '//',
+                  ' ',
+                  (0, jsx_runtime_1.jsx)(designable_react_1.TextWidget, {
+                    token:
+                      'SettingComponents.ReactionsSetter.expressionValueTypeIs',
+                  }),
+                  ' ',
+                  '`',
+                  currentProperty?.type,
+                  '`',
+                ],
+              }),
+            ],
+          }),
+          (0, jsx_runtime_1.jsx)('div', {
+            className: prefix + '-coder',
+            children: (0, jsx_runtime_1.jsx)(
+              designable_react_settings_form_1.MonacoInput,
+              {
+                language: 'javascript.expression',
+                extraLib: props.extraLib,
+                helpCode: template(currentProperty?.helpCode),
+                value: parseExpression(value[selectKeys[0]]),
+                options: {
+                  lineNumbers: 'off',
+                  wordWrap: 'on',
+                  glyphMargin: false,
+                  folding: false,
+                  lineDecorationsWidth: 0,
+                  lineNumbersMinChars: 0,
+                  minimap: {
+                    enabled: false,
+                  },
+                },
+                onChange: (expression) => {
+                  props.onChange?.(
+                    filterEmpty({
+                      ...value,
+                      [selectKeys[0]]: `{{${expression}}}`,
+                    })
+                  )
+                },
+              },
+              selectKeys[0]
+            ),
+          }),
+          (0, jsx_runtime_1.jsx)('div', {
+            className: prefix + '-coder-end',
+            children: `)`,
+          }),
+        ],
+      }),
+    ],
+  })
+}
+exports.FieldPropertySetter = FieldPropertySetter

package/lib/components/ReactionsSetter/PathSelector.d.ts

@@ -1,10 +1,11 @@
-import React from 'react';
-import { TreeNode } from '@thienvu18/designable-core';
-import { TreeSelectProps } from 'antd';
-export interface IPathSelectorProps extends Omit<TreeSelectProps<any>, 'onChange'> {
-    value?: string;
-    onChange?: (value: string, node: TreeNode) => void;
-    style?: React.CSSProperties;
-    className?: string;
+import { TreeNode } from '@thienvu18/designable-core'
+import { TreeSelectProps } from 'antd'
+import React from 'react'
+export interface IPathSelectorProps
+  extends Omit<TreeSelectProps<any>, 'onChange'> {
+  value?: string
+  onChange?: (value: string, node: TreeNode) => void
+  style?: React.CSSProperties
+  className?: string
 }
-export declare const PathSelector: React.FC<IPathSelectorProps>;
+export declare const PathSelector: React.FC<IPathSelectorProps>