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

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

@@ -1,21 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { Search } from "@elliemae/ds-icons";
-import DSButton from "@elliemae/ds-button";
-const LookupIndicator = ({ onAdvanceSearchClick = () => null, className = "" }) => /* @__PURE__ */ React2.createElement(DSButton, {
-  "data-testid": "ds-searchfield-search-btn",
-  buttonType: "secondary",
-  className,
-  icon: /* @__PURE__ */ React2.createElement(Search, null),
-  iconSize: "s",
-  onClick: (e) => {
-    e.stopPropagation();
-    e.preventDefault();
-    onAdvanceSearchClick();
-  }
-});
-var LookupIndicator_default = LookupIndicator;
-export {
-  LookupIndicator_default as default
-};
-//# sourceMappingURL=LookupIndicator.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/LookupIndicator/LookupIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { Search } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\n\nconst LookupIndicator = ({ onAdvanceSearchClick = () => null, className = '' }) => (\n  <DSButton\n    data-testid=\"ds-searchfield-search-btn\"\n    buttonType=\"secondary\"\n    className={className}\n    icon={<Search />}\n    iconSize=\"s\"\n    onClick={(e) => {\n      e.stopPropagation();\n      e.preventDefault();\n      onAdvanceSearchClick();\n    }}\n  />\n);\n\nexport default LookupIndicator;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,EAAE,uBAAuB,MAAM,MAAM,YAAY,SACxE,qCAAC,UAAD;AAAA,EACE,eAAY;AAAA,EACZ,YAAW;AAAA,EACX;AAAA,EACA,MAAM,qCAAC,QAAD;AAAA,EACN,UAAS;AAAA,EACT,SAAS,CAAC,MAAM;AACd,MAAE;AACF,MAAE;AACF;AAAA;AAAA;AAKN,IAAO,0BAAQ;",
-  "names": []
-}

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

@@ -1,78 +0,0 @@
-import * as React from "react";
-import React2, { 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";
-class DataGridSearch extends Component {
-  constructor(props) {
-    super(props);
-    this.state = {
-      filters: props.filters || []
-    };
-  }
-  handleSearch(...args) {
-    const { customDataGridOptions } = this.props;
-    const { property, value } = args[0];
-    const { filters } = this.state;
-    this.setState({
-      filters: [
-        ...filters,
-        {
-          group: property,
-          label: "All",
-          value,
-          id: uid(16)
-        }
-      ]
-    });
-    if (customDataGridOptions.onFiltersChange)
-      customDataGridOptions.onFiltersChange(...args);
-  }
-  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 { onFiltersChange, ...restCustomDataGridOptions } = customDataGridOptions;
-    const { filters } = this.state;
-    return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DSToolbar, {
-      withDepth: false
-    }, /* @__PURE__ */ React2.createElement(ToolbarGroup, null, /* @__PURE__ */ React2.createElement(DSSearchBox, {
-      cleanOnSearch: true,
-      onSearch: this.handleSearch,
-      placeholder: "Search all"
-    }))), /* @__PURE__ */ React2.createElement("div", {
-      className: "datagrid-tab-content"
-    }, /* @__PURE__ */ React2.createElement(DSDataGrid, {
-      columns,
-      filters,
-      fluidHeight: true,
-      getData: boundFetchRows,
-      id,
-      onFiltersChange: this.handleFiltersChange,
-      onSelectRow: (rowId) => handleSelect(rowId, rows),
-      rows,
-      searchFilters,
-      searchGrid,
-      selectable: true,
-      ...restCustomDataGridOptions
-    })));
-  }
-}
-export {
-  DataGridSearch as default
-};
-//# sourceMappingURL=DataGridSearch.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/DataGridSearch.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { Component } from 'react';\nimport DSToolbar, { ToolbarGroup } from '@elliemae/ds-toolbar';\nimport { DSSearchBox } from '@elliemae/ds-form';\nimport { DSDataGrid } from '@elliemae/ds-datagrids';\nimport { uid } from 'uid';\n\nexport default class DataGridSearch extends Component {\n  constructor(props) {\n    super(props);\n    this.state = {\n      filters: props.filters || [],\n    };\n  }\n\n  handleSearch(...args) {\n    const { customDataGridOptions } = this.props;\n    const { property, value } = args[0];\n    const { filters } = this.state;\n    this.setState({\n      filters: [\n        ...filters,\n        {\n          group: property,\n          label: 'All',\n          value,\n          id: uid(16),\n        },\n      ],\n    });\n    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(...args);\n  }\n\n  handleFiltersChange(nextFilters) {\n    const { customDataGridOptions } = this.props;\n    this.setState({ filters: nextFilters });\n    if (customDataGridOptions.onFiltersChange) customDataGridOptions.onFiltersChange(nextFilters);\n  }\n\n  render() {\n    const {\n      id,\n      rows,\n      columns,\n      boundFetchRows,\n      searchFilters,\n      searchGrid = true,\n      customDataGridOptions,\n      handleSelect,\n    } = this.props;\n    const { onFiltersChange, ...restCustomDataGridOptions } = customDataGridOptions;\n    const { filters } = this.state;\n    return (\n      <>\n        <DSToolbar withDepth={false}>\n          <ToolbarGroup>\n            <DSSearchBox cleanOnSearch onSearch={this.handleSearch} placeholder=\"Search all\" />\n          </ToolbarGroup>\n        </DSToolbar>\n        <div className=\"datagrid-tab-content\">\n          <DSDataGrid\n            columns={columns}\n            filters={filters}\n            fluidHeight\n            getData={boundFetchRows}\n            id={id}\n            onFiltersChange={this.handleFiltersChange}\n            onSelectRow={(rowId) => handleSelect(rowId, rows)}\n            rows={rows}\n            searchFilters={searchFilters}\n            searchGrid={searchGrid}\n            selectable\n            {...restCustomDataGridOptions}\n          />\n        </div>\n      </>\n    );\n  }\n}\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,6BAA4C,UAAU;AAAA,EACpD,YAAY,OAAO;AACjB,UAAM;AACN,SAAK,QAAQ;AAAA,MACX,SAAS,MAAM,WAAW;AAAA;AAAA;AAAA,EAI9B,gBAAgB,MAAM;AACpB,UAAM,EAAE,0BAA0B,KAAK;AACvC,UAAM,EAAE,UAAU,UAAU,KAAK;AACjC,UAAM,EAAE,YAAY,KAAK;AACzB,SAAK,SAAS;AAAA,MACZ,SAAS;AAAA,QACP,GAAG;AAAA,QACH;AAAA,UACE,OAAO;AAAA,UACP,OAAO;AAAA,UACP;AAAA,UACA,IAAI,IAAI;AAAA;AAAA;AAAA;AAId,QAAI,sBAAsB;AAAiB,4BAAsB,gBAAgB,GAAG;AAAA;AAAA,EAGtF,oBAAoB,aAAa;AAC/B,UAAM,EAAE,0BAA0B,KAAK;AACvC,SAAK,SAAS,EAAE,SAAS;AACzB,QAAI,sBAAsB;AAAiB,4BAAsB,gBAAgB;AAAA;AAAA,EAGnF,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,QACE,KAAK;AACT,UAAM,EAAE,oBAAoB,8BAA8B;AAC1D,UAAM,EAAE,YAAY,KAAK;AACzB,WACE,4DACE,qCAAC,WAAD;AAAA,MAAW,WAAW;AAAA,OACpB,qCAAC,cAAD,MACE,qCAAC,aAAD;AAAA,MAAa,eAAa;AAAA,MAAC,UAAU,KAAK;AAAA,MAAc,aAAY;AAAA,UAGxE,qCAAC,OAAD;AAAA,MAAK,WAAU;AAAA,OACb,qCAAC,YAAD;AAAA,MACE;AAAA,MACA;AAAA,MACA,aAAW;AAAA,MACX,SAAS;AAAA,MACT;AAAA,MACA,iBAAiB,KAAK;AAAA,MACtB,aAAa,CAAC,UAAU,aAAa,OAAO;AAAA,MAC5C;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAU;AAAA,SACN;AAAA;AAAA;AAAA;",
-  "names": []
-}

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

@@ -1,65 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import DSModal from "@elliemae/ds-modal";
-import { DSTabs, DSTab, TabTypes } from "@elliemae/ds-tabs";
-import DataGridSearch from "./DataGridSearch";
-const ModalSearchField = ({
-  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 = {}
-}) => /* @__PURE__ */ React2.createElement(DSModal, {
-  dataTestId: "ds-searchfield-modal",
-  appElement,
-  centered: false,
-  className: "modal-search-field",
-  confirmLabel,
-  isOpen,
-  modalTitle,
-  modalType,
-  onClose,
-  onConfirm: onConfirmField,
-  onReject: onRejectField,
-  rejectLabel,
-  size: modalSize
-}, tabData.length > 0 && /* @__PURE__ */ React2.createElement(DSTabs, {
-  animated: tabsAnimated,
-  enableMouseEvents: tabsEnableMouseEvents,
-  onlyRenderActiveTab: true,
-  onTabChange,
-  type: tabType
-}, tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => /* @__PURE__ */ React2.createElement(DSTab, {
-  key: tabId,
-  className: "tab-content",
-  tabId,
-  title: tabTitle
-}, /* @__PURE__ */ React2.createElement(DataGridSearch, {
-  boundFetchRows,
-  columns,
-  customDataGridOptions,
-  handleSelect,
-  id: `datagrid_search_field_${tabId}`,
-  rows,
-  searchFilters,
-  searchGrid
-})))));
-var ModalSearchField_default = ModalSearchField;
-export {
-  ModalSearchField_default as default
-};
-//# sourceMappingURL=ModalSearchField.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../src/impl/components/ModalSearchField/ModalSearchField.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport DSModal from '@elliemae/ds-modal';\nimport { DSTabs, DSTab, TabTypes } from '@elliemae/ds-tabs';\nimport DataGridSearch from './DataGridSearch';\n\nconst ModalSearchField = ({\n  isOpen = false,\n  onClose = () => null,\n  modalTitle = 'Search Field ID',\n  modalSize = 'x-large',\n  tabsAnimated = true,\n  tabsEnableMouseEvents = true,\n  tabType = TabTypes.NORMAL,\n  tabData = [],\n  searchFilters = true,\n  searchGrid = false,\n  confirmLabel = 'Apply',\n  rejectLabel = 'Cancel',\n  modalType = 'confirm',\n  onConfirmField = () => null,\n  onRejectField = () => null,\n  handleSelect = () => null,\n  onTabChange = () => null,\n  appElement = null,\n  customDataGridOptions = {},\n}) => (\n  <DSModal\n    dataTestId=\"ds-searchfield-modal\"\n    appElement={appElement}\n    centered={false}\n    className=\"modal-search-field\"\n    confirmLabel={confirmLabel}\n    isOpen={isOpen}\n    modalTitle={modalTitle}\n    modalType={modalType}\n    onClose={onClose}\n    onConfirm={onConfirmField}\n    onReject={onRejectField}\n    rejectLabel={rejectLabel}\n    size={modalSize}\n  >\n    {tabData.length > 0 && (\n      <DSTabs\n        animated={tabsAnimated}\n        enableMouseEvents={tabsEnableMouseEvents}\n        onlyRenderActiveTab\n        onTabChange={onTabChange}\n        type={tabType}\n      >\n        {tabData.map(({ tabId, tabTitle, columns, rows, boundFetchRows }) => (\n          <DSTab key={tabId} className=\"tab-content\" tabId={tabId} title={tabTitle}>\n            <DataGridSearch\n              boundFetchRows={boundFetchRows}\n              columns={columns}\n              customDataGridOptions={customDataGridOptions}\n              handleSelect={handleSelect}\n              id={`datagrid_search_field_${tabId}`}\n              rows={rows}\n              searchFilters={searchFilters}\n              searchGrid={searchGrid}\n            />\n          </DSTab>\n        ))}\n      </DSTabs>\n    )}\n  </DSModal>\n);\n\nexport default ModalSearchField;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB,SAAS;AAAA,EACT,UAAU,MAAM;AAAA,EAChB,aAAa;AAAA,EACb,YAAY;AAAA,EACZ,eAAe;AAAA,EACf,wBAAwB;AAAA,EACxB,UAAU,SAAS;AAAA,EACnB,UAAU;AAAA,EACV,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,eAAe;AAAA,EACf,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,iBAAiB,MAAM;AAAA,EACvB,gBAAgB,MAAM;AAAA,EACtB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,aAAa;AAAA,EACb,wBAAwB;AAAA,MAExB,qCAAC,SAAD;AAAA,EACE,YAAW;AAAA,EACX;AAAA,EACA,UAAU;AAAA,EACV,WAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV;AAAA,EACA,MAAM;AAAA,GAEL,QAAQ,SAAS,KAChB,qCAAC,QAAD;AAAA,EACE,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,qBAAmB;AAAA,EACnB;AAAA,EACA,MAAM;AAAA,GAEL,QAAQ,IAAI,CAAC,EAAE,OAAO,UAAU,SAAS,MAAM,qBAC9C,qCAAC,OAAD;AAAA,EAAO,KAAK;AAAA,EAAO,WAAU;AAAA,EAAc;AAAA,EAAc,OAAO;AAAA,GAC9D,qCAAC,gBAAD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,IAAI,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA;AASd,IAAO,2BAAQ;",
-  "names": []
-}

package/dist/esm/index.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import {
-  default as default2,
-  DSModalSearchField,
-  DSSearchFieldWithSchema
-} from "./DSSearchField";
-export {
-  DSModalSearchField,
-  DSSearchFieldWithSchema,
-  default2 as default
-};
-//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  default,\n  DSModalSearchField,\n  DSSearchFieldWithSchema,\n} from './DSSearchField';\n"],
-  "mappings": "AAAA;ACAA;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}