@icos-desktop/react-components 2.2.15 → 2.3.0-es.2

package/dist/es/components/SenseSearch/SenseSearch.js

@@ -0,0 +1,362 @@
+import { __awaiter, __generator, __assign, __spreadArray, __rest } from '../../node_modules/.pnpm/@rollup_plugin-typescript@11.1.6_rollup@4.41.1_tslib@2.8.1_typescript@5.8.3/node_modules/tslib/tslib.es6.js';
+import { theme, Form, Tooltip, Input, Button } from '@xirang/design-antd';
+import { useDeepCompareEffect } from 'ahooks';
+import classNames from 'classnames';
+import dayjs from 'dayjs';
+import React__default, { forwardRef, useState, useRef, useEffect, useImperativeHandle } from 'react';
+import { v4 } from 'uuid';
+import wkt from 'wellknown';
+import { getRegionInfo } from '../../services/gis.js';
+import { getSystemViewList } from '../../services/view.js';
+import { mergePolygons, getPointPolygonGeom, getLinePolygonGeom } from '../../utils/map.js';
+import { findChildrenByKey, getParentChainKeys } from '../../utils/tree.js';
+import SvgAdvanced from './assets/advanced.svg.js';
+import SvgClear from './assets/clear.svg.js';
+import SvgSearch from './assets/search.svg.js';
+import AdvancedSearch from './components/AdvancedSearch/index.js';
+import Tabs from './components/Tabs/index.js';
+import { SEARCH_MODE } from './constants/index.js';
+import styles from './SenseSearch.module.less.js';
+
+var useToken = theme.useToken;
+var SenseSearch = forwardRef(function (props, ref) {
+    var _a;
+    var hiddenSearch = props.hiddenSearch, viewCode = props.viewCode, showView = props.showView, views = props.views, searchMode = props.searchMode, onSearch = props.onSearch, onMapDraw = props.onMapDraw, onStartDraw = props.onStartDraw, inputIconColor = props.inputIconColor;
+    var token = useToken().token;
+    var form = Form.useForm()[0];
+    // 实体分类树
+    var _b = useState([]), entityClassTree = _b[0]; _b[1];
+    // 顶部菜单栏展示分类
+    var _c = useState([]), categories = _c[0], setCategories = _c[1];
+    // 视图数据（不包含样式）
+    var _d = useState([]), viewsData = _d[0], setViewsData = _d[1];
+    // 当前选中的分类
+    var _e = useState(''), activeCategory = _e[0], setActiveCategory = _e[1];
+    // 显示高级搜索
+    var _f = useState(false), isShowAdvanced = _f[0], setIsShowAdvanced = _f[1];
+    // 透传参数
+    var customFieldParamsRef = useRef({});
+    // 触发搜索
+    var handleSearch = function () {
+        form.validateFields().then(function (values) { return __awaiter(void 0, void 0, void 0, function () {
+            var keyword, entityType, tagCodes, searchMode, senseObjCodes, params, timeRange, points, lines, polygons, pointRange_1, lineRange_1, selectPoints, selectLines, selectPolygons, region, polygonGeoms_1, regionInfos, feature, location_1, knnItems;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        keyword = values.keyword, entityType = values.entityType, tagCodes = values.tagCodes, searchMode = values.searchMode;
+                        senseObjCodes = [];
+                        (entityType || []).forEach(function (item) {
+                            var code = item[item.length - 1];
+                            var children = findChildrenByKey([], code); // entityClassTree
+                            if (children === null || children === void 0 ? void 0 : children.length) {
+                                senseObjCodes.push.apply(senseObjCodes, children.map(function (item) { return item.key; }));
+                            }
+                            else {
+                                senseObjCodes.push(code);
+                            }
+                        });
+                        params = __assign({ viewCodes: [activeCategory, viewCode].filter(Boolean), keyword: keyword, senseObjCodes: senseObjCodes, tagCodes: tagCodes }, customFieldParamsRef.current);
+                        if (searchMode === SEARCH_MODE.TIME || searchMode === SEARCH_MODE.TIME_SPACE) {
+                            timeRange = values.timeRange;
+                            // 处理时间
+                            if (timeRange && timeRange.length === 2) {
+                                params.startTime = dayjs(timeRange[0]).format('YYYY-MM-DD HH:mm:ss');
+                                params.endTime = dayjs(timeRange[1]).format('YYYY-MM-DD HH:mm:ss');
+                            }
+                        }
+                        if (!(searchMode === SEARCH_MODE.SPACE || searchMode === SEARCH_MODE.TIME_SPACE)) return [3 /*break*/, 3];
+                        points = values.points, lines = values.lines, polygons = values.polygons, pointRange_1 = values.pointRange, lineRange_1 = values.lineRange, selectPoints = values.selectPoints, selectLines = values.selectLines, selectPolygons = values.selectPolygons, region = values.region;
+                        polygonGeoms_1 = __spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], (points || []).map(function (item) { return getPointPolygonGeom(item.data, pointRange_1); }), true), (lines || []).map(function (item) { return getLinePolygonGeom(item.data, lineRange_1); }), true), (polygons || []).map(function (item) { return wkt.parse(item.data); }), true), (selectPoints || []).map(function (item) {
+                            if (item === null || item === void 0 ? void 0 : item.value) {
+                                var p = item.value.split('^');
+                                return getPointPolygonGeom([+p[0], +p[1]], pointRange_1);
+                            }
+                            if (item) {
+                                var p = item.split('^');
+                                return getPointPolygonGeom([+p[0], +p[1]], pointRange_1);
+                            }
+                        }), true), (selectLines || []).map(function (item) { return getLinePolygonGeom(item, pointRange_1); }), true), (selectPolygons || []).map(function (item) { return wkt.parse(item); }), true);
+                        if (!region) return [3 /*break*/, 2];
+                        return [4 /*yield*/, getRegionInfo({
+                                regionId: region.map(function (item) { return (typeof item === 'string' ? item : item.value); }),
+                            })];
+                    case 1:
+                        regionInfos = _a.sent();
+                        (regionInfos || []).forEach(function (item) {
+                            if (item.geomWKT) {
+                                polygonGeoms_1.push(wkt.parse(item.geomWKT));
+                            }
+                        });
+                        _a.label = 2;
+                    case 2:
+                        if (polygonGeoms_1.length === 1) {
+                            // 有1个区域
+                            params.geom = wkt.stringify(polygonGeoms_1[0]);
+                        }
+                        else if (polygonGeoms_1.length > 1) {
+                            feature = mergePolygons(polygonGeoms_1);
+                            params.geom = wkt.stringify(feature.geometry);
+                        }
+                        _a.label = 3;
+                    case 3:
+                        if (searchMode === SEARCH_MODE.KNN) {
+                            location_1 = values.location, knnItems = values.knnItems;
+                            if (/^(-?\d+(\.\d+)?)\s+(-?\d+(\.\d+)?)$/.test(location_1)) {
+                                params.knnParam = {
+                                    location: "POINT(".concat(location_1.replace(/\s+/, ' '), ")"),
+                                    knnItem: knnItems.map(function (item) {
+                                        var _a;
+                                        return (__assign(__assign({}, item), { senseObjCode: ((_a = item.senseObjCode) === null || _a === void 0 ? void 0 : _a.length)
+                                                ? item.senseObjCode[item.senseObjCode.length - 1]
+                                                : '' }));
+                                    }),
+                                };
+                            }
+                        }
+                        onSearch === null || onSearch === void 0 ? void 0 : onSearch(params);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    };
+    // 设置表单项
+    var handleSetFieldsValue = function (values) {
+        var senseObjCodes = values.senseObjCodes, knnItems = values.knnItems, fields = __rest(values, ["senseObjCodes", "knnItems"]);
+        if (senseObjCodes) {
+            fields.entityType = senseObjCodes
+                .map(function (item) { return getParentChainKeys(entityClassTree, item); })
+                .filter(function (item) { return item.length; });
+        }
+        if (knnItems) {
+            fields.knnItems = knnItems.map(function (item) { return (__assign(__assign({}, item), { senseObjCode: item.senseObjCode
+                    ? getParentChainKeys(entityClassTree, item.senseObjCode)
+                    : [] })); });
+        }
+        setIsShowAdvanced(true);
+        form.setFieldsValue(fields);
+    };
+    // 处理 AI 搜索
+    var handleAiSearch = function (res) {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+        console.log('aiSearch', res);
+        // 透传参数
+        customFieldParamsRef.current = {
+            senseObjCodes: res.senseObjCodes || [],
+            tagCodes: res.tagCodes || [],
+            customFieldParams: res.customFieldParams,
+        };
+        // 搜索参数
+        var params = {
+            keyword: res.keyword || '',
+            senseObjCodes: res.senseObjCodes || [],
+            tagCodes: res.tagCodes || [],
+        };
+        // 时空搜索参数
+        var timeSpaceParams = {};
+        var isPoint = ((_a = res.pointSenseList) === null || _a === void 0 ? void 0 : _a.length) || ((_b = res.poiPointList) === null || _b === void 0 ? void 0 : _b.length);
+        var isLine = (_c = res.lineSenseList) === null || _c === void 0 ? void 0 : _c.length;
+        var isPolygon = (_d = res.polygonSenseList) === null || _d === void 0 ? void 0 : _d.length;
+        var isRegion = (_e = res.regionIds) === null || _e === void 0 ? void 0 : _e.length;
+        var isTime = res.startTime && res.endTime;
+        var isSpace = isPoint || isLine || isPolygon || isRegion;
+        var isKnn = res.knnInfo;
+        var isTimeSpace = isTime && isSpace;
+        if (isKnn) {
+            // 最近邻
+            timeSpaceParams.searchMode = 'knn';
+            timeSpaceParams.location = "".concat(res.knnInfo.longitude, " ").concat(res.knnInfo.latitude);
+            timeSpaceParams.knnItems = res.knnInfo.knnItem;
+        }
+        if (isTime) {
+            // 时间
+            timeSpaceParams.searchMode = 'time';
+            timeSpaceParams.timeRange = [dayjs(res.startTime), dayjs(res.endTime)];
+        }
+        if (isSpace) {
+            // 空间
+            timeSpaceParams.searchMode = 'space';
+            if (isPoint) {
+                // - 点位
+                // timeSpaceParams.spaceMode = 'point';
+                timeSpaceParams.pointRange = res.distance / 1000;
+                if ((_f = res.pointSenseList) === null || _f === void 0 ? void 0 : _f.length) {
+                    timeSpaceParams.selectPoints = res.pointSenseList.map(function (item) {
+                        var senseGlobalCode = item.senseGlobalCode, longitude = item.longitude, latitude = item.latitude, dataList = item.dataList;
+                        var fieldValue = dataList[0].fieldValue;
+                        return {
+                            key: senseGlobalCode,
+                            label: fieldValue,
+                            value: "".concat(longitude, "^").concat(latitude, "^").concat(senseGlobalCode),
+                        };
+                    });
+                }
+                if ((_g = res.poiPointList) === null || _g === void 0 ? void 0 : _g.length) {
+                    timeSpaceParams.points = res.poiPointList.map(function (item) { return ({
+                        id: v4(),
+                        data: [item.lon, item.lat],
+                    }); });
+                }
+            }
+            if (isLine) {
+                // - 路线
+                timeSpaceParams.lineRange = res.distance / 1000;
+                if ((_h = res.lineSenseList) === null || _h === void 0 ? void 0 : _h.length) {
+                    timeSpaceParams.selectLines = res.lineSenseList.map(function (item) {
+                        var senseGlobalCode = item.senseGlobalCode, geometry = item.geometry, dataList = item.dataList;
+                        var fieldValue = dataList[0].fieldValue;
+                        return {
+                            key: senseGlobalCode,
+                            label: fieldValue,
+                            value: geometry,
+                        };
+                    });
+                }
+                // lines
+            }
+            if (isPolygon) {
+                // - 区域
+                if ((_j = res.polygonSenseList) === null || _j === void 0 ? void 0 : _j.length) {
+                    timeSpaceParams.selectPolygons = res.polygonSenseList.map(function (item) {
+                        var senseGlobalCode = item.senseGlobalCode, geometry = item.geometry, dataList = item.dataList;
+                        var fieldValue = dataList[0].fieldValue;
+                        return {
+                            key: senseGlobalCode,
+                            label: fieldValue,
+                            value: geometry,
+                        };
+                    });
+                }
+                // polygons
+            }
+            if (isRegion) {
+                // - 地区
+                timeSpaceParams.region = res.regionIds.map(function (item) {
+                    var _a;
+                    return ({
+                        label: (_a = res.regionInfoList.find(function (it) { return it.regionId === item; })) === null || _a === void 0 ? void 0 : _a.regionName,
+                        value: item,
+                    });
+                });
+            }
+        }
+        if (isTimeSpace) {
+            // 时空
+            timeSpaceParams.searchMode = 'time-space';
+        }
+        console.log('params', params);
+        console.log('timeSpaceParams', timeSpaceParams);
+        form.resetFields();
+        handleSetFieldsValue(__assign(__assign({}, params), timeSpaceParams));
+        if (timeSpaceParams) {
+            setTimeout(function () {
+                handleSetFieldsValue(timeSpaceParams);
+            }, 20);
+            setTimeout(function () {
+                handleSetFieldsValue(timeSpaceParams);
+            }, 40);
+        }
+        setTimeout(function () {
+            handleSearch();
+        }, 60);
+    };
+    // 修改当前选中的分类
+    var handleChangeCategory = function (value) {
+        setActiveCategory(value);
+    };
+    // 显示高级搜索变化
+    var handleShowAdvancedSearch = function () {
+        setIsShowAdvanced(!isShowAdvanced);
+    };
+    // 清空图标
+    var clearIcon = (React__default.createElement("span", { onClick: handleSearch },
+        React__default.createElement(SvgClear, null)));
+    // 时空搜索按钮
+    var addonAfter = (React__default.createElement("div", { className: styles['input-addon'] },
+        React__default.createElement(Tooltip, { placement: "bottom", title: "\u65F6\u7A7A\u641C\u7D22" },
+            React__default.createElement("div", { className: styles.icon, onClick: handleShowAdvancedSearch },
+                React__default.createElement(SvgAdvanced, null)))));
+    useEffect(function () {
+        document.documentElement.style.setProperty('--sense-search-input-icon-color', inputIconColor ? inputIconColor : '#8C8C8C');
+        document.documentElement.style.setProperty('--sense-search-form-bg-color', token.colorBgContainer ? token.colorBgContainer : '#EAF1FE');
+    }, [token]);
+    useEffect(function () {
+        if (activeCategory) {
+            handleSearch();
+        }
+    }, [activeCategory]);
+    // 获取视图数据（只在views或token.colorText改变时执行）
+    useDeepCompareEffect(function () {
+        if (views === null || views === void 0 ? void 0 : views.length) {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var systemViews, _views;
+                var _a;
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
+                        case 0: return [4 /*yield*/, getSystemViewList()];
+                        case 1:
+                            systemViews = _b.sent();
+                            _views = views
+                                .map(function (item) {
+                                var systemView = systemViews.find(function (view) { return view.viewCode === item.value; });
+                                if (systemView) {
+                                    return __assign(__assign({}, item), { icon: systemView.viewIcon });
+                                }
+                                return null;
+                            })
+                                .filter(Boolean);
+                            setViewsData(_views);
+                            // 默认选中第一个
+                            if (!activeCategory && ((_a = _views === null || _views === void 0 ? void 0 : _views[0]) === null || _a === void 0 ? void 0 : _a.value)) {
+                                setActiveCategory(_views[0].value);
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [views, token.colorText]);
+    // 根据activeCategory和viewsData生成categories（响应activeCategory变化）
+    useDeepCompareEffect(function () {
+        if (viewsData === null || viewsData === void 0 ? void 0 : viewsData.length) {
+            var _categories = viewsData.map(function (item) { return ({
+                key: item.value,
+                label: (React__default.createElement(Tooltip, { title: item.label },
+                    React__default.createElement("div", { style: {
+                            display: 'flex',
+                        } },
+                        React__default.createElement("img", { src: item.icon, alt: "", width: 16, height: 16, style: {
+                                filter: "".concat(token.colorText === 'rgba(255, 255, 255, 1)' ? '' : activeCategory === item.value ? 'invert(77%)  sepia(100%)  saturate(5000%)  hue-rotate(200deg)  brightness(1.1)  contrast(1.2)' : 'invert(70%) sepia(10%) saturate(0) hue-rotate(0deg) brightness(90%)'),
+                            } })))),
+            }); });
+            setCategories(_categories);
+        }
+    }, [viewsData, activeCategory, token.colorText]);
+    useImperativeHandle(ref, function () { return ({
+        search: function () {
+            handleSearch();
+        },
+        setFieldsValue: function (values) {
+            handleSetFieldsValue(values);
+        },
+        resetFields: function (fields) {
+            form.resetFields(fields);
+        },
+        aiSearch: function (res) {
+            handleAiSearch(res);
+        },
+    }); });
+    return (React__default.createElement("div", { className: styles.container },
+        React__default.createElement(Tabs, { show: showView, items: categories, activeKey: activeCategory, onChange: handleChangeCategory, block: true }),
+        React__default.createElement(Form, { form: form, requiredMark: false, className: classNames((_a = {},
+                _a[styles['form-hidden']] = hiddenSearch,
+                _a)) },
+            React__default.createElement("div", { className: styles['input-box'] },
+                React__default.createElement("div", { className: styles.input },
+                    React__default.createElement(Form.Item, { name: "keyword", style: { width: '100%' }, initialValue: "", noStyle: true },
+                        React__default.createElement(Input, { placeholder: "\u8F93\u5165\u5173\u952E\u8BCD", max: 50, allowClear: { clearIcon: clearIcon }, addonAfter: (searchMode === null || searchMode === void 0 ? void 0 : searchMode.length) ? addonAfter : null, onPressEnter: handleSearch }))),
+                React__default.createElement(Button, { type: "primary", className: styles.searchBtn, onClick: handleSearch },
+                    React__default.createElement(SvgSearch, null))),
+            isShowAdvanced ? (React__default.createElement(AdvancedSearch, { entityClassTree: entityClassTree, activeCategory: activeCategory, searchMode: searchMode, onSearch: handleSearch, onMapDraw: onMapDraw, onStartDraw: onStartDraw })) : null)));
+});
+
+export { SenseSearch as default };

package/dist/es/components/SenseSearch/SenseSearch.module.less.js

@@ -0,0 +1,7 @@
+import styleInject from '../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ":root {\n  --sense-search-input-icon-color: #8c8c8c;\n}\n.SenseSearch-module_container__EMa7E {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.SenseSearch-module_container__EMa7E * {\n  box-sizing: border-box;\n  border-radius: 4px;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_form-hidden__5Yxia {\n  position: absolute;\n  pointer-events: none;\n  opacity: 0;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB {\n  display: flex;\n  height: 36px;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .SenseSearch-module_input__tLtuH {\n  flex: 1;\n  height: 36px;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .SenseSearch-module_input__tLtuH .ant-input-group {\n  height: 36px;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .SenseSearch-module_input__tLtuH .ant-input-affix-wrapper {\n  height: 36px;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .SenseSearch-module_input__tLtuH svg path {\n  fill: var(--sense-search-input-icon-color);\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .SenseSearch-module_input-addon__rKWhO .SenseSearch-module_icon__7pknl {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 26px;\n  padding: 0 8px;\n  color: #fff;\n  cursor: pointer;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .SenseSearch-module_searchBtn__Hpads {\n  height: 36px;\n  margin-left: 10px;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .SenseSearch-module_button__BMnYp {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n  width: 36px;\n  height: 36px;\n  margin-left: 4px;\n  cursor: pointer;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .ant-input-group-wrapper-borderless .ant-input-borderless {\n  height: 35px;\n}\n.SenseSearch-module_container__EMa7E .SenseSearch-module_input-box__NrjXB .ant-input-group-wrapper-borderless .ant-input-group-addon {\n  padding: 0;\n}\n";
+var styles = {"container":"SenseSearch-module_container__EMa7E","form-hidden":"SenseSearch-module_form-hidden__5Yxia","input-box":"SenseSearch-module_input-box__NrjXB","input":"SenseSearch-module_input__tLtuH","input-addon":"SenseSearch-module_input-addon__rKWhO","icon":"SenseSearch-module_icon__7pknl","searchBtn":"SenseSearch-module_searchBtn__Hpads"};
+styleInject(css_248z);
+
+export { styles as default };

package/dist/es/components/SenseSearch/SenseSearch.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import SenseSearch from './SenseSearch';
+declare const meta: Meta<typeof SenseSearch>;
+export default meta;
+type Story = StoryObj<typeof SenseSearch>;
+export declare const Base: Story;

package/dist/es/components/SenseSearch/SenseSearch.types.d.ts

@@ -0,0 +1,59 @@
+export interface SenseSearchRef {
+    /**
+     * 触发搜索
+     */
+    search: () => void;
+    /**
+     * 设置表单值
+     */
+    setFieldsValue: (values: any) => void;
+    /**
+     * 重置表单值
+     */
+    resetFields: (fields: any) => void;
+    /**
+     * AI搜索
+     */
+    aiSearch: (res: any) => void;
+}
+export interface SenseSearchProps {
+    /**
+     * 隐藏搜索
+     */
+    hiddenSearch?: boolean;
+    /**
+     * 功能视图编码
+     */
+    viewCode?: string;
+    /**
+     * 显示顶部菜单栏
+     */
+    showView?: boolean;
+    /**
+     * 系统视图列表
+     */
+    views?: {
+        label: string;
+        value: string;
+    }[];
+    /**
+     * 时空搜索类型，可选项：`time` 时间, `space` 空间, `knn` 最近邻, `time-space` 时空
+     */
+    searchMode?: ('time' | 'space' | 'knn' | 'time-space')[];
+    /**
+     * 触发搜索
+     */
+    onSearch?: (value: any) => void;
+    /**
+     * 地图开始绘制
+     */
+    onStartDraw?: (mode: string, callback: any) => void;
+    /**
+     * 地图绘制（绘制回显）
+     */
+    onMapDraw?: (value: any) => void;
+    /**
+     * 搜索图标颜色
+     */
+    inputIconColor?: string;
+}

package/dist/es/components/SenseSearch/assets/advanced.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgAdvanced = function SvgAdvanced(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 20,
+    height: 20,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M17.475 5.168 10.6 1.406a1.24 1.24 0 0 0-1.2 0L2.525 5.17a1.25 1.25 0 0 0-.65 1.093v7.472a1.25 1.25 0 0 0 .65 1.094L9.4 18.592a1.24 1.24 0 0 0 1.2 0l6.875-3.763a1.25 1.25 0 0 0 .65-1.094v-7.47a1.25 1.25 0 0 0-.65-1.097M10 2.5l6.277 3.438L10 9.375 3.723 5.938zM3.125 7.031l6.25 3.42v6.703l-6.25-3.418zm7.5 10.123v-6.7l6.25-3.423v6.702z"
+  })));
+};
+
+export { SvgAdvanced as default };

package/dist/es/components/SenseSearch/assets/circle.svg.js

@@ -0,0 +1,25 @@
+import * as React from 'react';
+
+var _g, _defs;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgCircle = function SvgCircle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#circle_svg__a)"
+  }, /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeWidth: 0.948,
+    d: "M5.14 12a6.86 6.86 0 1 1 13.72 0 6.86 6.86 0 0 1-13.72 0Zm.386 0a6.474 6.474 0 1 0 12.948 0 6.474 6.474 0 0 0-12.948 0Z"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "circle_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    d: "M4 4h16v16H4z"
+  })))));
+};
+
+export { SvgCircle as default };

package/dist/es/components/SenseSearch/assets/clear.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgClear = function SvgClear(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 20,
+    height: 20,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M16.067 15.183a.625.625 0 1 1-.884.884L10 10.884l-5.182 5.183a.625.625 0 1 1-.885-.884L9.117 10 3.933 4.817a.625.625 0 1 1 .885-.884L10 9.117l5.183-5.184a.625.625 0 1 1 .884.884L10.885 10z"
+  })));
+};
+
+export { SvgClear as default };

package/dist/es/components/SenseSearch/assets/delete.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgDelete = function SvgDelete(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 18,
+    height: 18,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M12.375 1.125a.56.56 0 0 1 .563.563v1.968h3.093a.28.28 0 0 1 .282.281v1.126a.28.28 0 0 1-.282.28h-1.125v10.97a.56.56 0 0 1-.562.562H3.656a.563.563 0 0 1-.562-.562V5.342H1.969a.28.28 0 0 1-.282-.28V3.938a.28.28 0 0 1 .282-.282h3.093V1.687a.563.563 0 0 1 .563-.562zm.844 4.219H4.78v9.843h8.438zM7.875 7.312a.28.28 0 0 1 .281.282v5.344a.28.28 0 0 1-.281.28H6.75a.28.28 0 0 1-.281-.28V7.594a.28.28 0 0 1 .281-.282zm3.375 0a.28.28 0 0 1 .281.282v5.344a.28.28 0 0 1-.281.28h-1.125a.28.28 0 0 1-.281-.28V7.594a.28.28 0 0 1 .281-.282zm0-4.5h-4.5v.844h4.5z"
+  })));
+};
+
+export { SvgDelete as default };

package/dist/es/components/SenseSearch/assets/knn.svg.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+
+var _mask, _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgKnn = function SvgKnn(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 19,
+    height: 18,
+    fill: "none"
+  }, props), _mask || (_mask = /*#__PURE__*/React.createElement("mask", {
+    id: "knn_svg__a",
+    fill: "#fff"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M14.73 10.688c-.498 0-.981.164-1.374.47L11.73 9.891c.123-.282.186-.585.186-.892q.001-.078-.006-.155l.93-.31a2.25 2.25 0 1 0-.362-1.223q-.002.08.006.156l-.93.31a2.25 2.25 0 0 0-2.259-.997l-.48-1.086a2.25 2.25 0 1 0-1.029.462l.481 1.082a2.244 2.244 0 0 0-.602 2.788l-1.808 1.606a2.254 2.254 0 1 0 .747.843l1.808-1.606a2.24 2.24 0 0 0 2.627-.087l1.625 1.266c-.122.28-.186.583-.186.889a2.25 2.25 0 1 0 2.25-2.25m0-4.5a1.125 1.125 0 1 1-.001 2.25 1.125 1.125 0 0 1 0-2.25m-8.438-2.25a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0M4.604 14.624a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25M8.542 9a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0m6.187 5.063a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25"
+  }))), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeWidth: 2.667,
+    d: "M14.73 10.688c-.498 0-.981.164-1.374.47L11.73 9.891c.123-.282.186-.585.186-.892q.001-.078-.006-.155l.93-.31a2.25 2.25 0 1 0-.362-1.223q-.002.08.006.156l-.93.31a2.25 2.25 0 0 0-2.259-.997l-.48-1.086a2.25 2.25 0 1 0-1.029.462l.481 1.082a2.244 2.244 0 0 0-.602 2.788l-1.808 1.606a2.254 2.254 0 1 0 .747.843l1.808-1.606a2.24 2.24 0 0 0 2.627-.087l1.625 1.266c-.122.28-.186.583-.186.889a2.25 2.25 0 1 0 2.25-2.25Zm0-4.5a1.125 1.125 0 1 1-.001 2.25 1.125 1.125 0 0 1 0-2.25Zm-8.438-2.25a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0ZM4.604 14.624a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25ZM8.542 9a1.125 1.125 0 1 1 2.25 0 1.125 1.125 0 0 1-2.25 0Zm6.187 5.063a1.125 1.125 0 1 1 0-2.25 1.125 1.125 0 0 1 0 2.25Z",
+    mask: "url(#knn_svg__a)"
+  })));
+};
+
+export { SvgKnn as default };

package/dist/es/components/SenseSearch/assets/line.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgLine = function SvgLine(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M19.376 5.691a2.134 2.134 0 1 0-3.018 3.018l.06.056-1.775 3.298a2.15 2.15 0 0 0-1.593.233l-1.346-1.345a2.132 2.132 0 0 0-3.346-2.593 2.133 2.133 0 0 0 0 3.017l.06.057-1.776 3.298a2.133 2.133 0 1 0 1 .563l-.06-.057 1.774-3.297q.252.06.51.062c.381 0 .755-.101 1.084-.294l1.345 1.345a2.134 2.134 0 1 0 3.287-.482l1.776-3.297q.25.06.508.061a2.133 2.133 0 0 0 1.509-3.641zM6.886 17.556a1.067 1.067 0 1 1-1.508-1.51 1.067 1.067 0 0 1 1.509 1.51m2.226-6.933a1.068 1.068 0 1 1 1.51-1.51 1.068 1.068 0 0 1-1.51 1.51m5.776 4.266a1.067 1.067 0 1 1-1.509-1.508 1.067 1.067 0 0 1 1.509 1.508m3.733-6.933a1.067 1.067 0 1 1 0-.001z"
+  })));
+};
+
+export { SvgLine as default };

package/dist/es/components/SenseSearch/assets/plus-circle.svg.js

@@ -0,0 +1,17 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPlusCircle = function SvgPlusCircle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 18,
+    height: 18,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fill: "currentColor",
+    d: "M9 1.125a7.875 7.875 0 1 1 0 15.75 7.875 7.875 0 0 1 0-15.75m0 1.688a6.188 6.188 0 1 0 0 12.375A6.188 6.188 0 0 0 9 2.813M9.563 4.5a.28.28 0 0 1 .28.281v3.375h3.376a.28.28 0 0 1 .281.281v1.126a.28.28 0 0 1-.281.28H9.844v3.376a.28.28 0 0 1-.281.281H8.437a.28.28 0 0 1-.28-.281V9.844H4.78a.28.28 0 0 1-.281-.281V8.437a.28.28 0 0 1 .281-.28h3.375V4.78a.28.28 0 0 1 .281-.281z"
+  })));
+};
+
+export { SvgPlusCircle as default };

package/dist/es/components/SenseSearch/assets/point.svg.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPoint = function SvgPoint(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeWidth: 1.333,
+    d: "M11.952 18.568a15.4 15.4 0 0 1-2.616-2.437c-1.26-1.48-2.42-3.445-2.42-5.63A5.09 5.09 0 0 1 12 5.416a5.09 5.09 0 0 1 5.083 5.083c0 1.817-.835 3.805-2.52 5.74a15.5 15.5 0 0 1-2.519 2.33.08.08 0 0 1-.092-.002Zm2.507-2.46.002-.003c1.07-1.24 2.456-3.275 2.456-5.605a4.917 4.917 0 1 0-9.834 0c0 2.33 1.386 4.366 2.456 5.605l.002.002a16 16 0 0 0 2.04 1.967l.419.339.42-.339a16 16 0 0 0 2.04-1.967Zm-3.616-7.34a2.083 2.083 0 1 1 2.314 3.464 2.083 2.083 0 0 1-2.314-3.464Zm.092 3.326a1.917 1.917 0 1 0 2.13-3.187 1.917 1.917 0 0 0-2.13 3.187Z"
+  })));
+};
+
+export { SvgPoint as default };

package/dist/es/components/SenseSearch/assets/polygon.svg.js

@@ -0,0 +1,20 @@
+import * as React from 'react';
+
+var _g;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgPolygon = function SvgPolygon(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    filter: "url(#polygon_svg__filter0_d_52_175)"
+  }, /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeWidth: 1.333,
+    d: "M6 14.56V8.756l5.522 1.227.3.066.245-.183 4.602-3.452 1.33 3.845v4.323l-5.603 3.32z"
+  }))));
+};
+
+export { SvgPolygon as default };

package/dist/es/components/SenseSearch/assets/rectangle.svg.js

@@ -0,0 +1,18 @@
+import * as React from 'react';
+
+var _path;
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var SvgRectangle = function SvgRectangle(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 24,
+    height: 24,
+    fill: "none"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeWidth: 1.333,
+    d: "M6.667 6.666h10.667v10.667H6.667z"
+  })));
+};
+
+export { SvgRectangle as default };