@elliemae/ds-search-field 3.16.0-next.2 → 3.16.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DSSearchField.js +32 -32
- package/dist/cjs/DSSearchField.js.map +2 -2
- package/dist/cjs/impl/DSSeachFieldImpl.js.map +2 -2
- package/dist/esm/DSSearchField.js +1 -1
- package/dist/esm/DSSearchField.js.map +1 -1
- package/dist/esm/impl/DSSeachFieldImpl.js.map +2 -2
- package/dist/types/DSSearchField.d.ts +28 -28
- package/package.json +12 -11
|
@@ -32,7 +32,7 @@ __export(DSSearchField_exports, {
|
|
|
32
32
|
module.exports = __toCommonJS(DSSearchField_exports);
|
|
33
33
|
var React = __toESM(require("react"));
|
|
34
34
|
var import_jsx_runtime = require("react/jsx-runtime");
|
|
35
|
-
var
|
|
35
|
+
var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
|
|
36
36
|
var import_ds_tabs = require("@elliemae/ds-tabs");
|
|
37
37
|
var import_DSSeachFieldImpl = __toESM(require("./impl/DSSeachFieldImpl"));
|
|
38
38
|
const DSSearchField = ({
|
|
@@ -96,42 +96,42 @@ const DSSearchField = ({
|
|
|
96
96
|
}
|
|
97
97
|
);
|
|
98
98
|
const props = {
|
|
99
|
-
searchable:
|
|
100
|
-
containerProps:
|
|
101
|
-
onChange:
|
|
102
|
-
searchOptionLabel:
|
|
103
|
-
placeholder:
|
|
104
|
-
modalSize:
|
|
105
|
-
modalTitle:
|
|
106
|
-
tabsAnimated:
|
|
107
|
-
tabsEnableMouseEvents:
|
|
108
|
-
tabType:
|
|
109
|
-
tabData:
|
|
110
|
-
searchGrid:
|
|
111
|
-
searchFilters:
|
|
112
|
-
confirmLabel:
|
|
113
|
-
rejectLabel:
|
|
114
|
-
modalType:
|
|
115
|
-
onConfirmField:
|
|
116
|
-
onRejectField:
|
|
117
|
-
onTabChange:
|
|
118
|
-
appElement:
|
|
119
|
-
value:
|
|
120
|
-
additionalInfo:
|
|
121
|
-
displayProperty:
|
|
122
|
-
dropdownOptions:
|
|
123
|
-
|
|
124
|
-
label:
|
|
125
|
-
value:
|
|
99
|
+
searchable: import_ds_props_helpers.PropTypes.bool.description("Enable the user to search on combobox"),
|
|
100
|
+
containerProps: import_ds_props_helpers.PropTypes.object.description("inject props to wrapper"),
|
|
101
|
+
onChange: import_ds_props_helpers.PropTypes.func.description("change handler"),
|
|
102
|
+
searchOptionLabel: import_ds_props_helpers.PropTypes.string.description("search option label"),
|
|
103
|
+
placeholder: import_ds_props_helpers.PropTypes.string.description("placeholder for search input"),
|
|
104
|
+
modalSize: import_ds_props_helpers.PropTypes.oneOf(["x-large", "large", "medium"]).description("search modal size"),
|
|
105
|
+
modalTitle: import_ds_props_helpers.PropTypes.string.description("search modal title"),
|
|
106
|
+
tabsAnimated: import_ds_props_helpers.PropTypes.bool.description("animate modal tabs"),
|
|
107
|
+
tabsEnableMouseEvents: import_ds_props_helpers.PropTypes.bool.description("enable mouse event on tabs"),
|
|
108
|
+
tabType: import_ds_props_helpers.PropTypes.oneOf([import_ds_tabs.TabTypes.NORMAL, import_ds_tabs.TabTypes.SUBTABS]).description("tab types on modal"),
|
|
109
|
+
tabData: import_ds_props_helpers.PropTypes.array.description("data for modal tabs"),
|
|
110
|
+
searchGrid: import_ds_props_helpers.PropTypes.bool.description("use search grid"),
|
|
111
|
+
searchFilters: import_ds_props_helpers.PropTypes.bool.description("add search filters"),
|
|
112
|
+
confirmLabel: import_ds_props_helpers.PropTypes.string.description("confirm modal label"),
|
|
113
|
+
rejectLabel: import_ds_props_helpers.PropTypes.string.description("reject modal label"),
|
|
114
|
+
modalType: import_ds_props_helpers.PropTypes.oneOf(["alert", "confirm"]).description("modal type"),
|
|
115
|
+
onConfirmField: import_ds_props_helpers.PropTypes.func.description("on confirm handler"),
|
|
116
|
+
onRejectField: import_ds_props_helpers.PropTypes.func.description("on cancel handler"),
|
|
117
|
+
onTabChange: import_ds_props_helpers.PropTypes.func.description("tab change handler"),
|
|
118
|
+
appElement: import_ds_props_helpers.PropTypes.string.description("app element"),
|
|
119
|
+
value: import_ds_props_helpers.PropTypes.string.description("value for search"),
|
|
120
|
+
additionalInfo: import_ds_props_helpers.PropTypes.object.description("additional info"),
|
|
121
|
+
displayProperty: import_ds_props_helpers.PropTypes.string.description("display property"),
|
|
122
|
+
dropdownOptions: import_ds_props_helpers.PropTypes.arrayOf(
|
|
123
|
+
import_ds_props_helpers.PropTypes.shape({
|
|
124
|
+
label: import_ds_props_helpers.PropTypes.string,
|
|
125
|
+
value: import_ds_props_helpers.PropTypes.string
|
|
126
126
|
})
|
|
127
127
|
).description("options for dropdown"),
|
|
128
|
-
customDataGridOptions:
|
|
129
|
-
customDropdownOptions:
|
|
130
|
-
useLookupIndicator:
|
|
128
|
+
customDataGridOptions: import_ds_props_helpers.PropTypes.object.description("pass down props for datagrid in modal"),
|
|
129
|
+
customDropdownOptions: import_ds_props_helpers.PropTypes.object.description("custom props for dropdown"),
|
|
130
|
+
useLookupIndicator: import_ds_props_helpers.PropTypes.bool.description("enable lookup")
|
|
131
131
|
};
|
|
132
132
|
DSSearchField.propTypes = props;
|
|
133
133
|
DSSearchField.displayName = "DSSearchField";
|
|
134
|
-
const DSSearchFieldWithSchema = (0,
|
|
134
|
+
const DSSearchFieldWithSchema = (0, import_ds_props_helpers.describe)(DSSearchField);
|
|
135
135
|
DSSearchFieldWithSchema.propTypes = props;
|
|
136
136
|
var DSSearchField_default = DSSearchField;
|
|
137
137
|
//# sourceMappingURL=DSSearchField.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSSearchField.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkCrB;AAjCF,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TabTypes } from '@elliemae/ds-tabs';\nimport DSSeachFieldImpl, { DSModalSearchField } from './impl/DSSeachFieldImpl';\n\nconst DSSearchField = ({\n containerProps = {},\n onChange = () => null,\n searchOptionLabel = 'Advanced Search',\n placeholder = 'Select field',\n modalSize = 'x-large',\n modalTitle = 'Search Field ID',\n tabsAnimated = true,\n tabsEnableMouseEvents = true,\n tabType = TabTypes.NORMAL,\n tabData = [],\n searchGrid = false,\n searchFilters = true,\n confirmLabel = 'Apply',\n rejectLabel = 'Cancel',\n modalType = 'confirm',\n onConfirmField = () => null,\n onRejectField = () => null,\n onTabChange = () => null,\n appElement = '#root',\n value = null,\n additionalInfo = null,\n displayProperty = 'name',\n dropdownOptions = [],\n customDataGridOptions = {},\n customDropdownOptions = {},\n useLookupIndicator = true,\n searchable = false,\n}) => (\n <DSSeachFieldImpl\n additionalInfo={additionalInfo}\n appElement={appElement}\n searchable={searchable}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n customDataGridOptions={customDataGridOptions}\n customDropdownOptions={customDropdownOptions}\n displayProperty={displayProperty}\n dropdownOptions={dropdownOptions}\n modalSize={modalSize}\n modalTitle={modalTitle}\n modalType={modalType}\n onChange={onChange}\n onConfirmField={onConfirmField}\n onRejectField={onRejectField}\n onTabChange={onTabChange}\n placeholder={placeholder}\n rejectLabel={rejectLabel}\n searchFilters={searchFilters}\n searchGrid={searchGrid}\n searchOptionLabel={searchOptionLabel}\n tabData={tabData}\n tabsAnimated={tabsAnimated}\n tabsEnableMouseEvents={tabsEnableMouseEvents}\n tabType={tabType}\n useLookupIndicator={useLookupIndicator}\n value={value}\n />\n);\n\nconst props = {\n /*\n Enable the user to search on combobox\n */\n searchable: PropTypes.bool.description('Enable the user to search on combobox'),\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /** change handler */\n onChange: PropTypes.func.description('change handler'),\n /** search option label */\n searchOptionLabel: PropTypes.string.description('search option label'),\n /** placeholder for search input */\n placeholder: PropTypes.string.description('placeholder for search input'),\n /** search modal size */\n modalSize: PropTypes.oneOf(['x-large', 'large', 'medium']).description('search modal size'),\n /** search modal title */\n modalTitle: PropTypes.string.description('search modal title'),\n /** animate modal tabs */\n tabsAnimated: PropTypes.bool.description('animate modal tabs'),\n /** enable mouse event on tabs */\n tabsEnableMouseEvents: PropTypes.bool.description('enable mouse event on tabs'),\n /** tab types on modal */\n tabType: PropTypes.oneOf([TabTypes.NORMAL, TabTypes.SUBTABS]).description('tab types on modal'),\n /** data for modal tabs */\n tabData: PropTypes.array.description('data for modal tabs'),\n /** use search grid */\n searchGrid: PropTypes.bool.description('use search grid'),\n /** add search filters */\n searchFilters: PropTypes.bool.description('add search filters'),\n /** confirm modal label */\n confirmLabel: PropTypes.string.description('confirm modal label'),\n /** reject modal label */\n rejectLabel: PropTypes.string.description('reject modal label'),\n /** modal type */\n modalType: PropTypes.oneOf(['alert', 'confirm']).description('modal type'),\n /** on confirm handler */\n onConfirmField: PropTypes.func.description('on confirm handler'),\n /** on cancel handler */\n onRejectField: PropTypes.func.description('on cancel handler'),\n /** tab change handler */\n onTabChange: PropTypes.func.description('tab change handler'),\n /** app element */\n appElement: PropTypes.string.description('app element'),\n /** value for search */\n value: PropTypes.string.description('value for search'),\n /** additional info */\n additionalInfo: PropTypes.object.description('additional info'),\n /** display property */\n displayProperty: PropTypes.string.description('display property'),\n /** options for dropdown */\n dropdownOptions: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n ).description('options for dropdown'),\n /** pass down props for datagrid in modal */\n customDataGridOptions: PropTypes.object.description('pass down props for datagrid in modal'),\n /** custom props for dropdown */\n customDropdownOptions: PropTypes.object.description('custom props for dropdown'),\n /** enable lookup */\n useLookupIndicator: PropTypes.bool.description('enable lookup'),\n};\n\nDSSearchField.propTypes = props;\nDSSearchField.displayName = 'DSSearchField';\nconst DSSearchFieldWithSchema = describe(DSSearchField);\nDSSearchFieldWithSchema.propTypes = props;\n\nexport { DSSearchField, DSModalSearchField, DSSearchFieldWithSchema };\nexport default DSSearchField;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["DSSeachFieldImpl"]
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/impl/DSSeachFieldImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oDAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\nimport DSModalSearchField from './components/ModalSearchField/ModalSearchField';\nimport AdvanceSearchOption from './components/AdvanceSearchOption/AdvanceSearchOption';\nimport LookupIndicator from './components/LookupIndicator/LookupIndicator';\n\nconst advanceOption = {\n className: 'advanced-search-option',\n label: 'Advanced search',\n value: 'search-field-advance-option',\n isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameModifier, classNameBlock } = convertPropToCssClassName(\n 'query-builder-addon-search-field',\n);\n\nclass DSSearchFieldImpl extends Component {\n constructor(props) {\n super(props);\n advanceOption.label = props.searchOptionLabel;\n this.state = {\n openModal: false,\n selected: null,\n additionalInfo: [],\n };\n }\n\n onChange = () => {\n const {\n selected: id,\n additionalInfo: [row],\n } = this.state;\n const { onChange } = this.props;\n onChange(id, row);\n };\n\n onChangeDropdown = (value) => {\n const { dropdownOptions } = this.props;\n const selected = dropdownOptions.find((op) => op.value === value);\n const { onChange, displayProperty } = this.props;\n if (selected) onChange(value, { [displayProperty]: selected.label });\n };\n\n onKeyDown = (event) => {\n setTimeout(() => {\n const { keycode } = event;\n const { value } = this.props;\n if (value && keycode === 13) this.handleCloseModal();\n }, 0);\n };\n\n handleSelect = (selectedRow, rows) => {\n let selected = selectedRow;\n // fix new datagrid callback format\n if (!selected) return;\n if (selected.id) selected = selected.id;\n else if (selected[0] && selected[0].id) selected = selected[0].id;\n const additionalInfo = rows.filter((row) => selected === row.id);\n this.setState({ selected, additionalInfo });\n };\n\n handleConfirm = () => {\n const { onConfirmField } = this.props;\n this.onChange();\n this.handleCloseModal();\n onConfirmField();\n };\n\n handleReject = () => {\n const { onRejectField } = this.props;\n this.handleCloseModal();\n onRejectField();\n };\n\n handleOpenModal = () => {\n this.setState({ openModal: true });\n };\n\n handleCloseModal = () =>\n this.setState({\n openModal: false,\n selected: [],\n additionalInfo: [],\n });\n\n render() {\n const {\n placeholder,\n modalTitle,\n modalSize,\n tabsAnimated,\n tabsEnableMouseEvents,\n tabType,\n tabData,\n searchFilters,\n searchGrid,\n confirmLabel,\n rejectLabel,\n modalType,\n appElement,\n value,\n additionalInfo,\n displayProperty,\n dropdownOptions,\n searchOptionLabel,\n customDataGridOptions,\n customDropdownOptions,\n useLookupIndicator,\n onTabChange,\n containerProps,\n searchable,\n } = this.props;\n const { openModal } = this.state;\n\n let options = [...dropdownOptions, advanceOption];\n let displayValue = !value ? placeholder : value;\n if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];\n\n const defaultoption = { value, label: displayValue };\n\n const customComponents = {\n Option: (props) => {\n // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />\n props.innerProps.className = 'em-ds-combobox__option';\n if (props.data.isAdvance) {\n props.innerProps.onClick = this.handleOpenModal;\n props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;\n }\n return <components.Option {...props} />;\n },\n IndicatorSeparator: () => null,\n NoOptionsMessage: (props) => (\n <AdvanceSearchOption\n advanceSearchLabel={searchOptionLabel}\n onAdvanceSearchClick={this.handleOpenModal}\n {...props}\n />\n ),\n };\n if (useLookupIndicator) {\n customComponents.DropdownIndicator = function () {\n return null;\n };\n }\n\n if (!options.find((o) => o.value === defaultoption.value)) {\n options = [defaultoption, ...options];\n }\n return (\n <div {...containerProps} className={`${cssClassName}`}>\n <div className={`${classNameBlock('container-selector')}`}>\n <DSComboBox2\n className={`${classNameElement('dropdown-field-selector')}`}\n components={customComponents}\n onChange={this.onChangeDropdown}\n onKeyDown={this.onKeyDown}\n options={options}\n value={value}\n searchable={searchable}\n {...customDropdownOptions}\n />\n {useLookupIndicator && (\n <LookupIndicator\n buttonType=\"text\"\n className={`${classNameElement('btn-selector')} ${\n !value ? classNameModifier('btn-placeholder', 'btn-selector') : ''\n }`}\n onAdvanceSearchClick={this.handleOpenModal}\n />\n )}\n </div>\n <DSModalSearchField\n appElement={appElement}\n confirmLabel={confirmLabel}\n customDataGridOptions={customDataGridOptions}\n handleSelect={this.handleSelect}\n isOpen={openModal}\n modalSize={modalSize}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={this.handleCloseModal}\n onConfirmField={this.handleConfirm}\n onRejectField={this.handleReject}\n onTabChange={onTabChange}\n placeholder={placeholder}\n rejectLabel={rejectLabel}\n searchFilters={searchFilters}\n searchGrid={searchGrid}\n tabData={tabData}\n tabsAnimated={tabsAnimated}\n tabsEnableMouseEvents={tabsEnableMouseEvents}\n tabType={tabType}\n />\n </div>\n );\n }\n}\n\nexport { DSModalSearchField };\nexport default DSSearchFieldImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA,oDAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADoIR;AAlIf,mBAAiC;AACjC,0BAA2B;AAC3B,2BAA0C;AAC1C,qBAA4B;AAC5B,8BAA+B;AAC/B,iCAAgC;AAChC,6BAA4B;AAE5B,MAAM,gBAAgB;AAAA,EACpB,WAAW;AAAA,EACX,OAAO;AAAA,EACP,OAAO;AAAA,EACP,WAAW;AACb;AACA,MAAM,EAAE,cAAc,kBAAkB,mBAAmB,eAAe,QAAI;AAAA,EAC5E;AACF;AAEA,MAAM,0BAA0B,uBAAU;AAAA,EACxC,YAAY,OAAO;AACjB,UAAM,KAAK;AASb,oBAAW,MAAM;AACf,YAAM;AAAA,QACJ,UAAU;AAAA,QACV,gBAAgB,CAAC,GAAG;AAAA,MACtB,IAAI,KAAK;AACT,YAAM,EAAE,SAAS,IAAI,KAAK;AAC1B,eAAS,IAAI,GAAG;AAAA,IAClB;AAEA,4BAAmB,CAAC,UAAU;AAC5B,YAAM,EAAE,gBAAgB,IAAI,KAAK;AACjC,YAAM,WAAW,gBAAgB,KAAK,CAAC,OAAO,GAAG,UAAU,KAAK;AAChE,YAAM,EAAE,UAAU,gBAAgB,IAAI,KAAK;AAC3C,UAAI;AAAU,iBAAS,OAAO,EAAE,CAAC,kBAAkB,SAAS,MAAM,CAAC;AAAA,IACrE;AAEA,qBAAY,CAAC,UAAU;AACrB,iBAAW,MAAM;AACf,cAAM,EAAE,QAAQ,IAAI;AACpB,cAAM,EAAE,MAAM,IAAI,KAAK;AACvB,YAAI,SAAS,YAAY;AAAI,eAAK,iBAAiB;AAAA,MACrD,GAAG,CAAC;AAAA,IACN;AAEA,wBAAe,CAAC,aAAa,SAAS;AACpC,UAAI,WAAW;AAEf,UAAI,CAAC;AAAU;AACf,UAAI,SAAS;AAAI,mBAAW,SAAS;AAAA,eAC5B,SAAS,MAAM,SAAS,GAAG;AAAI,mBAAW,SAAS,GAAG;AAC/D,YAAM,iBAAiB,KAAK,OAAO,CAAC,QAAQ,aAAa,IAAI,EAAE;AAC/D,WAAK,SAAS,EAAE,UAAU,eAAe,CAAC;AAAA,IAC5C;AAEA,yBAAgB,MAAM;AACpB,YAAM,EAAE,eAAe,IAAI,KAAK;AAChC,WAAK,SAAS;AACd,WAAK,iBAAiB;AACtB,qBAAe;AAAA,IACjB;AAEA,wBAAe,MAAM;AACnB,YAAM,EAAE,cAAc,IAAI,KAAK;AAC/B,WAAK,iBAAiB;AACtB,oBAAc;AAAA,IAChB;AAEA,2BAAkB,MAAM;AACtB,WAAK,SAAS,EAAE,WAAW,KAAK,CAAC;AAAA,IACnC;AAEA,4BAAmB,MACjB,KAAK,SAAS;AAAA,MACZ,WAAW;AAAA,MACX,UAAU,CAAC;AAAA,MACX,gBAAgB,CAAC;AAAA,IACnB,CAAC;AAhED,kBAAc,QAAQ,MAAM;AAC5B,SAAK,QAAQ;AAAA,MACX,WAAW;AAAA,MACX,UAAU;AAAA,MACV,gBAAgB,CAAC;AAAA,IACnB;AAAA,EACF;AAAA,EA4DA,SAAS;AACP,UAAM;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IAAI,KAAK;AACT,UAAM,EAAE,UAAU,IAAI,KAAK;AAE3B,QAAI,UAAU,CAAC,GAAG,iBAAiB,aAAa;AAChD,QAAI,eAAe,CAAC,QAAQ,cAAc;AAC1C,QAAI,kBAAkB,eAAe;AAAkB,qBAAe,eAAe;AAErF,UAAM,gBAAgB,EAAE,OAAO,OAAO,aAAa;AAEnD,UAAM,mBAAmB;AAAA,MACvB,QAAQ,CAAC,UAAU;AAEjB,cAAM,WAAW,YAAY;AAC7B,YAAI,MAAM,KAAK,WAAW;AACxB,gBAAM,WAAW,UAAU,KAAK;AAChC,gBAAM,WAAW,YAAY,GAAG,MAAM,WAAW,aAAa,cAAc;AAAA,QAC9E;AACA,eAAO,4CAAC,+BAAW,QAAX,EAAmB,GAAG,OAAO;AAAA,MACvC;AAAA,MACA,oBAAoB,MAAM;AAAA,MAC1B,kBAAkB,CAAC,UACjB;AAAA,QAAC,2BAAAC;AAAA,QAAA;AAAA,UACC,oBAAoB;AAAA,UACpB,sBAAsB,KAAK;AAAA,UAC1B,GAAG;AAAA;AAAA,MACN;AAAA,IAEJ;AACA,QAAI,oBAAoB;AACtB,uBAAiB,oBAAoB,WAAY;AAC/C,eAAO;AAAA,MACT;AAAA,IACF;AAEA,QAAI,CAAC,QAAQ,KAAK,CAAC,MAAM,EAAE,UAAU,cAAc,KAAK,GAAG;AACzD,gBAAU,CAAC,eAAe,GAAG,OAAO;AAAA,IACtC;AACA,WACE,6CAAC,SAAK,GAAG,gBAAgB,WAAW,GAAG,gBACrC;AAAA,mDAAC,SAAI,WAAW,GAAG,eAAe,oBAAoB,KACpD;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,yBAAyB;AAAA,YACxD,YAAY;AAAA,YACZ,UAAU,KAAK;AAAA,YACf,WAAW,KAAK;AAAA,YAChB;AAAA,YACA;AAAA,YACA;AAAA,YACC,GAAG;AAAA;AAAA,QACN;AAAA,QACC,sBACC;AAAA,UAAC,uBAAAC;AAAA,UAAA;AAAA,YACC,YAAW;AAAA,YACX,WAAW,GAAG,iBAAiB,cAAc,KAC3C,CAAC,QAAQ,kBAAkB,mBAAmB,cAAc,IAAI;AAAA,YAElE,sBAAsB,KAAK;AAAA;AAAA,QAC7B;AAAA,SAEJ;AAAA,MACA;AAAA,QAAC,wBAAAC;AAAA,QAAA;AAAA,UACC;AAAA,UACA;AAAA,UACA;AAAA,UACA,cAAc,KAAK;AAAA,UACnB,QAAQ;AAAA,UACR;AAAA,UACA;AAAA,UACA;AAAA,UACA,SAAS,KAAK;AAAA,UACd,gBAAgB,KAAK;AAAA,UACrB,eAAe,KAAK;AAAA,UACpB;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA;AAAA,MACF;AAAA,OACF;AAAA,EAEJ;AACF;AAGA,IAAO,2BAAQ;",
|
|
6
6
|
"names": ["DSModalSearchField", "AdvanceSearchOption", "LookupIndicator", "DSModalSearchField"]
|
|
7
7
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { jsx } from "react/jsx-runtime";
|
|
3
|
-
import { describe, PropTypes } from "@elliemae/ds-
|
|
3
|
+
import { describe, PropTypes } from "@elliemae/ds-props-helpers";
|
|
4
4
|
import { TabTypes } from "@elliemae/ds-tabs";
|
|
5
5
|
import DSSeachFieldImpl, { DSModalSearchField } from "./impl/DSSeachFieldImpl";
|
|
6
6
|
const DSSearchField = ({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSSearchField.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-props-helpers';\nimport { TabTypes } from '@elliemae/ds-tabs';\nimport DSSeachFieldImpl, { DSModalSearchField } from './impl/DSSeachFieldImpl';\n\nconst DSSearchField = ({\n containerProps = {},\n onChange = () => null,\n searchOptionLabel = 'Advanced Search',\n placeholder = 'Select field',\n modalSize = 'x-large',\n modalTitle = 'Search Field ID',\n tabsAnimated = true,\n tabsEnableMouseEvents = true,\n tabType = TabTypes.NORMAL,\n tabData = [],\n searchGrid = false,\n searchFilters = true,\n confirmLabel = 'Apply',\n rejectLabel = 'Cancel',\n modalType = 'confirm',\n onConfirmField = () => null,\n onRejectField = () => null,\n onTabChange = () => null,\n appElement = '#root',\n value = null,\n additionalInfo = null,\n displayProperty = 'name',\n dropdownOptions = [],\n customDataGridOptions = {},\n customDropdownOptions = {},\n useLookupIndicator = true,\n searchable = false,\n}) => (\n <DSSeachFieldImpl\n additionalInfo={additionalInfo}\n appElement={appElement}\n searchable={searchable}\n confirmLabel={confirmLabel}\n containerProps={containerProps}\n customDataGridOptions={customDataGridOptions}\n customDropdownOptions={customDropdownOptions}\n displayProperty={displayProperty}\n dropdownOptions={dropdownOptions}\n modalSize={modalSize}\n modalTitle={modalTitle}\n modalType={modalType}\n onChange={onChange}\n onConfirmField={onConfirmField}\n onRejectField={onRejectField}\n onTabChange={onTabChange}\n placeholder={placeholder}\n rejectLabel={rejectLabel}\n searchFilters={searchFilters}\n searchGrid={searchGrid}\n searchOptionLabel={searchOptionLabel}\n tabData={tabData}\n tabsAnimated={tabsAnimated}\n tabsEnableMouseEvents={tabsEnableMouseEvents}\n tabType={tabType}\n useLookupIndicator={useLookupIndicator}\n value={value}\n />\n);\n\nconst props = {\n /*\n Enable the user to search on combobox\n */\n searchable: PropTypes.bool.description('Enable the user to search on combobox'),\n /** inject props to wrapper */\n containerProps: PropTypes.object.description('inject props to wrapper'),\n /** change handler */\n onChange: PropTypes.func.description('change handler'),\n /** search option label */\n searchOptionLabel: PropTypes.string.description('search option label'),\n /** placeholder for search input */\n placeholder: PropTypes.string.description('placeholder for search input'),\n /** search modal size */\n modalSize: PropTypes.oneOf(['x-large', 'large', 'medium']).description('search modal size'),\n /** search modal title */\n modalTitle: PropTypes.string.description('search modal title'),\n /** animate modal tabs */\n tabsAnimated: PropTypes.bool.description('animate modal tabs'),\n /** enable mouse event on tabs */\n tabsEnableMouseEvents: PropTypes.bool.description('enable mouse event on tabs'),\n /** tab types on modal */\n tabType: PropTypes.oneOf([TabTypes.NORMAL, TabTypes.SUBTABS]).description('tab types on modal'),\n /** data for modal tabs */\n tabData: PropTypes.array.description('data for modal tabs'),\n /** use search grid */\n searchGrid: PropTypes.bool.description('use search grid'),\n /** add search filters */\n searchFilters: PropTypes.bool.description('add search filters'),\n /** confirm modal label */\n confirmLabel: PropTypes.string.description('confirm modal label'),\n /** reject modal label */\n rejectLabel: PropTypes.string.description('reject modal label'),\n /** modal type */\n modalType: PropTypes.oneOf(['alert', 'confirm']).description('modal type'),\n /** on confirm handler */\n onConfirmField: PropTypes.func.description('on confirm handler'),\n /** on cancel handler */\n onRejectField: PropTypes.func.description('on cancel handler'),\n /** tab change handler */\n onTabChange: PropTypes.func.description('tab change handler'),\n /** app element */\n appElement: PropTypes.string.description('app element'),\n /** value for search */\n value: PropTypes.string.description('value for search'),\n /** additional info */\n additionalInfo: PropTypes.object.description('additional info'),\n /** display property */\n displayProperty: PropTypes.string.description('display property'),\n /** options for dropdown */\n dropdownOptions: PropTypes.arrayOf(\n PropTypes.shape({\n label: PropTypes.string,\n value: PropTypes.string,\n }),\n ).description('options for dropdown'),\n /** pass down props for datagrid in modal */\n customDataGridOptions: PropTypes.object.description('pass down props for datagrid in modal'),\n /** custom props for dropdown */\n customDropdownOptions: PropTypes.object.description('custom props for dropdown'),\n /** enable lookup */\n useLookupIndicator: PropTypes.bool.description('enable lookup'),\n};\n\nDSSearchField.propTypes = props;\nDSSearchField.displayName = 'DSSearchField';\nconst DSSearchFieldWithSchema = describe(DSSearchField);\nDSSearchFieldWithSchema.propTypes = props;\n\nexport { DSSearchField, DSModalSearchField, DSSearchFieldWithSchema };\nexport default DSSearchField;\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/impl/DSSeachFieldImpl.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/prop-types */\nimport React, { Component } from 'react';\nimport { components } from 'react-select';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { DSComboBox2 } from '@elliemae/ds-form';\nimport DSModalSearchField from './components/ModalSearchField/ModalSearchField';\nimport AdvanceSearchOption from './components/AdvanceSearchOption/AdvanceSearchOption';\nimport LookupIndicator from './components/LookupIndicator/LookupIndicator';\n\nconst advanceOption = {\n className: 'advanced-search-option',\n label: 'Advanced search',\n value: 'search-field-advance-option',\n isAdvance: true,\n};\nconst { cssClassName, classNameElement, classNameModifier, classNameBlock } = convertPropToCssClassName(\n 'query-builder-addon-search-field',\n);\n\nclass DSSearchFieldImpl extends Component {\n constructor(props) {\n super(props);\n advanceOption.label = props.searchOptionLabel;\n this.state = {\n openModal: false,\n selected: null,\n additionalInfo: [],\n };\n }\n\n onChange = () => {\n const {\n selected: id,\n additionalInfo: [row],\n } = this.state;\n const { onChange } = this.props;\n onChange(id, row);\n };\n\n onChangeDropdown = (value) => {\n const { dropdownOptions } = this.props;\n const selected = dropdownOptions.find((op) => op.value === value);\n const { onChange, displayProperty } = this.props;\n if (selected) onChange(value, { [displayProperty]: selected.label });\n };\n\n onKeyDown = (event) => {\n setTimeout(() => {\n const { keycode } = event;\n const { value } = this.props;\n if (value && keycode === 13) this.handleCloseModal();\n }, 0);\n };\n\n handleSelect = (selectedRow, rows) => {\n let selected = selectedRow;\n // fix new datagrid callback format\n if (!selected) return;\n if (selected.id) selected = selected.id;\n else if (selected[0] && selected[0].id) selected = selected[0].id;\n const additionalInfo = rows.filter((row) => selected === row.id);\n this.setState({ selected, additionalInfo });\n };\n\n handleConfirm = () => {\n const { onConfirmField } = this.props;\n this.onChange();\n this.handleCloseModal();\n onConfirmField();\n };\n\n handleReject = () => {\n const { onRejectField } = this.props;\n this.handleCloseModal();\n onRejectField();\n };\n\n handleOpenModal = () => {\n this.setState({ openModal: true });\n };\n\n handleCloseModal = () =>\n this.setState({\n openModal: false,\n selected: [],\n additionalInfo: [],\n });\n\n render() {\n const {\n placeholder,\n modalTitle,\n modalSize,\n tabsAnimated,\n tabsEnableMouseEvents,\n tabType,\n tabData,\n searchFilters,\n searchGrid,\n confirmLabel,\n rejectLabel,\n modalType,\n appElement,\n value,\n additionalInfo,\n displayProperty,\n dropdownOptions,\n searchOptionLabel,\n customDataGridOptions,\n customDropdownOptions,\n useLookupIndicator,\n onTabChange,\n containerProps,\n searchable,\n } = this.props;\n const { openModal } = this.state;\n\n let options = [...dropdownOptions, advanceOption];\n let displayValue = !value ? placeholder : value;\n if (additionalInfo && additionalInfo[displayProperty]) displayValue = additionalInfo[displayProperty];\n\n const defaultoption = { value, label: displayValue };\n\n const customComponents = {\n Option: (props) => {\n // return <AdvanceSearchOption onAdvanceSearchClick={this.handleOpenModal} />\n props.innerProps.className = 'em-ds-combobox__option';\n if (props.data.isAdvance) {\n props.innerProps.onClick = this.handleOpenModal;\n props.innerProps.className = `${props.innerProps.className} ${advanceOption.className}`;\n }\n return <components.Option {...props} />;\n },\n IndicatorSeparator: () => null,\n NoOptionsMessage: (props) => (\n <AdvanceSearchOption\n advanceSearchLabel={searchOptionLabel}\n onAdvanceSearchClick={this.handleOpenModal}\n {...props}\n />\n ),\n };\n if (useLookupIndicator) {\n customComponents.DropdownIndicator = function () {\n return null;\n };\n }\n\n if (!options.find((o) => o.value === defaultoption.value)) {\n options = [defaultoption, ...options];\n }\n return (\n <div {...containerProps} className={`${cssClassName}`}>\n <div className={`${classNameBlock('container-selector')}`}>\n <DSComboBox2\n className={`${classNameElement('dropdown-field-selector')}`}\n components={customComponents}\n onChange={this.onChangeDropdown}\n onKeyDown={this.onKeyDown}\n options={options}\n value={value}\n searchable={searchable}\n {...customDropdownOptions}\n />\n {useLookupIndicator && (\n <LookupIndicator\n buttonType=\"text\"\n className={`${classNameElement('btn-selector')} ${\n !value ? classNameModifier('btn-placeholder', 'btn-selector') : ''\n }`}\n onAdvanceSearchClick={this.handleOpenModal}\n />\n )}\n </div>\n <DSModalSearchField\n appElement={appElement}\n confirmLabel={confirmLabel}\n customDataGridOptions={customDataGridOptions}\n handleSelect={this.handleSelect}\n isOpen={openModal}\n modalSize={modalSize}\n modalTitle={modalTitle}\n modalType={modalType}\n onClose={this.handleCloseModal}\n onConfirmField={this.handleConfirm}\n onRejectField={this.handleReject}\n onTabChange={onTabChange}\n placeholder={placeholder}\n rejectLabel={rejectLabel}\n searchFilters={searchFilters}\n searchGrid={searchGrid}\n tabData={tabData}\n tabsAnimated={tabsAnimated}\n tabsEnableMouseEvents={tabsEnableMouseEvents}\n tabType={tabType}\n />\n </div>\n );\n }\n}\n\nexport { DSModalSearchField };\nexport default DSSearchFieldImpl;\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,63 +30,63 @@ declare const DSSearchField: {
|
|
|
30
30
|
searchable?: boolean | undefined;
|
|
31
31
|
}): JSX.Element;
|
|
32
32
|
propTypes: {
|
|
33
|
-
searchable: import("@elliemae/ds-
|
|
33
|
+
searchable: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
34
34
|
/** inject props to wrapper */
|
|
35
|
-
containerProps: import("@elliemae/ds-
|
|
35
|
+
containerProps: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
36
36
|
/** change handler */
|
|
37
|
-
onChange: import("@elliemae/ds-
|
|
37
|
+
onChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
38
38
|
/** search option label */
|
|
39
|
-
searchOptionLabel: import("@elliemae/ds-
|
|
39
|
+
searchOptionLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
40
40
|
/** placeholder for search input */
|
|
41
|
-
placeholder: import("@elliemae/ds-
|
|
41
|
+
placeholder: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
42
42
|
/** search modal size */
|
|
43
|
-
modalSize: import("@elliemae/ds-
|
|
43
|
+
modalSize: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
44
44
|
/** search modal title */
|
|
45
|
-
modalTitle: import("@elliemae/ds-
|
|
45
|
+
modalTitle: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
46
46
|
/** animate modal tabs */
|
|
47
|
-
tabsAnimated: import("@elliemae/ds-
|
|
47
|
+
tabsAnimated: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
48
48
|
/** enable mouse event on tabs */
|
|
49
|
-
tabsEnableMouseEvents: import("@elliemae/ds-
|
|
49
|
+
tabsEnableMouseEvents: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
50
50
|
/** tab types on modal */
|
|
51
|
-
tabType: import("@elliemae/ds-
|
|
51
|
+
tabType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
52
52
|
/** data for modal tabs */
|
|
53
|
-
tabData: import("@elliemae/ds-
|
|
53
|
+
tabData: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
54
54
|
/** use search grid */
|
|
55
|
-
searchGrid: import("@elliemae/ds-
|
|
55
|
+
searchGrid: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
56
56
|
/** add search filters */
|
|
57
|
-
searchFilters: import("@elliemae/ds-
|
|
57
|
+
searchFilters: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
58
58
|
/** confirm modal label */
|
|
59
|
-
confirmLabel: import("@elliemae/ds-
|
|
59
|
+
confirmLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
60
60
|
/** reject modal label */
|
|
61
|
-
rejectLabel: import("@elliemae/ds-
|
|
61
|
+
rejectLabel: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
62
62
|
/** modal type */
|
|
63
|
-
modalType: import("@elliemae/ds-
|
|
63
|
+
modalType: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
64
64
|
/** on confirm handler */
|
|
65
|
-
onConfirmField: import("@elliemae/ds-
|
|
65
|
+
onConfirmField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
66
66
|
/** on cancel handler */
|
|
67
|
-
onRejectField: import("@elliemae/ds-
|
|
67
|
+
onRejectField: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
68
68
|
/** tab change handler */
|
|
69
|
-
onTabChange: import("@elliemae/ds-
|
|
69
|
+
onTabChange: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
70
70
|
/** app element */
|
|
71
|
-
appElement: import("@elliemae/ds-
|
|
71
|
+
appElement: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
72
72
|
/** value for search */
|
|
73
|
-
value: import("@elliemae/ds-
|
|
73
|
+
value: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
74
74
|
/** additional info */
|
|
75
|
-
additionalInfo: import("@elliemae/ds-
|
|
75
|
+
additionalInfo: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
76
76
|
/** display property */
|
|
77
|
-
displayProperty: import("@elliemae/ds-
|
|
77
|
+
displayProperty: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
78
78
|
/** options for dropdown */
|
|
79
|
-
dropdownOptions: import("@elliemae/ds-
|
|
79
|
+
dropdownOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
80
80
|
/** pass down props for datagrid in modal */
|
|
81
|
-
customDataGridOptions: import("@elliemae/ds-
|
|
81
|
+
customDataGridOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
82
82
|
/** custom props for dropdown */
|
|
83
|
-
customDropdownOptions: import("@elliemae/ds-
|
|
83
|
+
customDropdownOptions: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
84
84
|
/** enable lookup */
|
|
85
|
-
useLookupIndicator: import("@elliemae/ds-
|
|
85
|
+
useLookupIndicator: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").ReactDescT;
|
|
86
86
|
};
|
|
87
87
|
displayName: string;
|
|
88
88
|
};
|
|
89
|
-
declare const DSSearchFieldWithSchema: import("@elliemae/ds-
|
|
89
|
+
declare const DSSearchFieldWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types").DocumentedReactComponent<{
|
|
90
90
|
containerProps?: {} | undefined;
|
|
91
91
|
onChange?: (() => null) | undefined;
|
|
92
92
|
searchOptionLabel?: string | undefined;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-search-field",
|
|
3
|
-
"version": "3.16.0-next.
|
|
3
|
+
"version": "3.16.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Search Field",
|
|
6
6
|
"files": [
|
|
@@ -61,15 +61,16 @@
|
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"react-select": "~4.3.1",
|
|
63
63
|
"uid": "~2.0.0",
|
|
64
|
-
"@elliemae/ds-button": "3.16.0-next.
|
|
65
|
-
"@elliemae/ds-
|
|
66
|
-
"@elliemae/ds-
|
|
67
|
-
"@elliemae/ds-form": "3.16.0-next.
|
|
68
|
-
"@elliemae/ds-
|
|
69
|
-
"@elliemae/ds-
|
|
70
|
-
"@elliemae/ds-
|
|
71
|
-
"@elliemae/ds-
|
|
72
|
-
"@elliemae/ds-toolbar": "3.16.0-next.
|
|
64
|
+
"@elliemae/ds-button": "3.16.0-next.3",
|
|
65
|
+
"@elliemae/ds-classnames": "3.16.0-next.3",
|
|
66
|
+
"@elliemae/ds-datagrids": "3.16.0-next.3",
|
|
67
|
+
"@elliemae/ds-form": "3.16.0-next.3",
|
|
68
|
+
"@elliemae/ds-icons": "3.16.0-next.3",
|
|
69
|
+
"@elliemae/ds-modal": "3.16.0-next.3",
|
|
70
|
+
"@elliemae/ds-props-helpers": "3.16.0-next.3",
|
|
71
|
+
"@elliemae/ds-tabs": "3.16.0-next.3",
|
|
72
|
+
"@elliemae/ds-toolbar": "3.16.0-next.3",
|
|
73
|
+
"@elliemae/ds-utilities": "3.16.0-next.3"
|
|
73
74
|
},
|
|
74
75
|
"publishConfig": {
|
|
75
76
|
"access": "public",
|
|
@@ -87,7 +88,7 @@
|
|
|
87
88
|
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
|
|
88
89
|
"dts": "node ../../scripts/dts.mjs",
|
|
89
90
|
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
90
|
-
"dev:build": "pnpm --filter {.}... build
|
|
91
|
+
"dev:build": "pnpm --filter {.}... build",
|
|
91
92
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
92
93
|
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
93
94
|
}
|