@elliemae/ds-search-field 2.3.0-next.3 → 3.0.0-alpha.0

package/esm/impl/components/LookupIndicator/LookupIndicator.js

@@ -1,27 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { Search } from '@elliemae/ds-icons';
-import DSButton from '@elliemae/ds-button';
-
-var _Search;
-
-const LookupIndicator = _ref => {
-  let {
-    onAdvanceSearchClick = () => null,
-    className = ''
-  } = _ref;
-  return /*#__PURE__*/_jsx(DSButton, {
-    "data-testid": "ds-searchfield-search-btn",
-    buttonType: "secondary",
-    className: className,
-    icon: _Search || (_Search = /*#__PURE__*/_jsx(Search, {})),
-    iconSize: "s",
-    onClick: e => {
-      e.stopPropagation();
-      e.preventDefault();
-      onAdvanceSearchClick();
-    }
-  });
-};
-
-export { LookupIndicator as default };

package/esm/impl/components/ModalSearchField/DataGridSearch.js

@@ -1,108 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { Component } from 'react';
-import DSToolbar, { ToolbarGroup } from '@elliemae/ds-toolbar';
-import { DSSearchBox } from '@elliemae/ds-form';
-import { DSDataGrid } from '@elliemae/ds-datagrids';
-import { uid } from 'uid';
-import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
-
-const _excluded = ["onFiltersChange"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-class DataGridSearch extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      filters: props.filters || []
-    };
-    this.handleSearch = this.handleSearch.bind(this);
-    this.handleFiltersChange = this.handleFiltersChange.bind(this);
-  }
-
-  handleSearch() {
-    const {
-      customDataGridOptions
-    } = this.props;
-    const {
-      property,
-      value
-    } = arguments.length <= 0 ? undefined : arguments[0];
-    const {
-      filters
-    } = this.state;
-    this.setState({
-      filters: [...filters, {
-        group: property,
-        label: 'All',
-        value,
-        id: uid(16)
-      }]
-    });
-    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...arguments);
-  }
-
-  handleFiltersChange(nextFilters) {
-    const {
-      customDataGridOptions
-    } = this.props;
-    this.setState({
-      filters: nextFilters
-    });
-    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);
-  }
-
-  render() {
-    const {
-      id,
-      rows,
-      columns,
-      boundFetchRows,
-      searchFilters,
-      searchGrid = true,
-      customDataGridOptions,
-      handleSelect
-    } = this.props;
-
-    const restCustomDataGridOptions = _objectWithoutProperties(customDataGridOptions, _excluded);
-
-    const {
-      filters
-    } = this.state;
-    return /*#__PURE__*/jsxs(Fragment, {
-      children: [/*#__PURE__*/_jsx(DSToolbar, {
-        withDepth: false
-      }, void 0, /*#__PURE__*/_jsx(ToolbarGroup, {}, void 0, /*#__PURE__*/_jsx(DSSearchBox, {
-        cleanOnSearch: true,
-        onSearch: this.handleSearch,
-        placeholder: "Search all"
-      }))), /*#__PURE__*/_jsx("div", {
-        className: "datagrid-tab-content"
-      }, void 0, /*#__PURE__*/jsx(DSDataGrid, _objectSpread({
-        columns: columns,
-        filters: filters,
-        fluidHeight: true,
-        getData: boundFetchRows,
-        id: id,
-        onFiltersChange: this.handleFiltersChange,
-        onSelectRow: rowId => handleSelect(rowId, rows),
-        rows: rows,
-        searchFilters: searchFilters,
-        searchGrid: searchGrid,
-        selectable: true
-      }, restCustomDataGridOptions)))]
-    });
-  }
-
-}
-
-export { DataGridSearch as default };

package/esm/impl/components/ModalSearchField/ModalSearchField.js

@@ -1,76 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'react';
-import DSModal from '@elliemae/ds-modal';
-import { TabTypes, DSTabs, DSTab } from '@elliemae/ds-tabs';
-import DataGridSearch from './DataGridSearch.js';
-
-const ModalSearchField = _ref => {
-  let {
-    isOpen = false,
-    onClose = () => null,
-    modalTitle = 'Search Field ID',
-    modalSize = 'x-large',
-    tabsAnimated = true,
-    tabsEnableMouseEvents = true,
-    tabType = TabTypes.NORMAL,
-    tabData = [],
-    searchFilters = true,
-    searchGrid = false,
-    confirmLabel = 'Apply',
-    rejectLabel = 'Cancel',
-    modalType = 'confirm',
-    onConfirmField = () => null,
-    onRejectField = () => null,
-    handleSelect = () => null,
-    onTabChange = () => null,
-    appElement = null,
-    customDataGridOptions = {}
-  } = _ref;
-  return /*#__PURE__*/_jsx(DSModal, {
-    dataTestId: "ds-searchfield-modal",
-    appElement: appElement,
-    centered: false,
-    className: "modal-search-field",
-    confirmLabel: confirmLabel,
-    isOpen: isOpen,
-    modalTitle: modalTitle,
-    modalType: modalType,
-    onClose: onClose,
-    onConfirm: onConfirmField,
-    onReject: onRejectField,
-    rejectLabel: rejectLabel,
-    size: modalSize
-  }, void 0, tabData.length > 0 && /*#__PURE__*/_jsx(DSTabs, {
-    animated: tabsAnimated,
-    enableMouseEvents: tabsEnableMouseEvents,
-    onlyRenderActiveTab: true,
-    onTabChange: onTabChange,
-    type: tabType
-  }, void 0, tabData.map(_ref2 => {
-    let {
-      tabId,
-      tabTitle,
-      columns,
-      rows,
-      boundFetchRows
-    } = _ref2;
-    return /*#__PURE__*/_jsx(DSTab, {
-      className: "tab-content",
-      tabId: tabId,
-      title: tabTitle
-    }, tabId, /*#__PURE__*/_jsx(DataGridSearch, {
-      boundFetchRows: boundFetchRows,
-      columns: columns,
-      customDataGridOptions: customDataGridOptions,
-      handleSelect: handleSelect,
-      id: "datagrid_search_field_".concat(tabId),
-      rows: rows,
-      searchFilters: searchFilters,
-      searchGrid: searchGrid
-    }));
-  })));
-};
-
-export { ModalSearchField as default };

package/esm/index.js

@@ -1,2 +0,0 @@
-export { DSSearchFieldWithSchema, default } from './DSSearchField.js';
-export { default as DSModalSearchField } from './impl/components/ModalSearchField/ModalSearchField.js';