@elliemae/ds-filterbar 3.22.0-next.8 → 3.22.0-rc.0
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/DSFilterBar.js.map +1 -1
- package/dist/cjs/FilterBarImpl.js.map +1 -1
- package/dist/cjs/FilterDropdownPill.js.map +1 -1
- package/dist/cjs/FilterLabeledPills.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/mockOptions.js.map +1 -1
- package/dist/cjs/transformFilters.js.map +1 -1
- package/dist/esm/DSFilterBar.js.map +1 -1
- package/dist/esm/FilterBarImpl.js.map +1 -1
- package/dist/esm/FilterDropdownPill.js.map +1 -1
- package/dist/esm/FilterLabeledPills.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/mockOptions.js.map +1 -1
- package/dist/esm/transformFilters.js.map +1 -1
- package/package.json +20 -15
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/DSFilterBar.tsx", "
|
|
3
|
+
"sources": ["../../src/DSFilterBar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { FilterBarImpl } from './FilterBarImpl.js';\n\nconst DSFilterBar = ({\n containerProps = {},\n innerRef,\n className = '',\n filters = [],\n fixedFilters = [],\n onRemoveFilter = () => null,\n onRemoveAllFilters = () => null,\n onChangeDropdownPill = () => null,\n renderToolbar = undefined,\n maxWidth,\n minWidth,\n style = {},\n}) => (\n <FilterBarImpl\n ref={innerRef}\n className={className}\n containerProps={containerProps}\n filters={filters}\n fixedFilters={fixedFilters}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onChangeDropdownPill={onChangeDropdownPill}\n onRemoveAllFilters={onRemoveAllFilters}\n onRemoveFilter={onRemoveFilter}\n renderToolbar={renderToolbar}\n style={style}\n />\n);\n\nconst props = {\n /** props to inject to filter bar wrapper */\n containerProps: PropTypes.object.description('props to inject to filter bar wrapper'),\n /**\n * Refence to the component\n */\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n /** class for filter bar wrapper */\n className: PropTypes.string.description(' class for filter bar wrapper'),\n /**\n * Customized filters to add to the filter bar\n */\n filters: PropTypes.arrayOf(PropTypes.object).description('Customized filters to add to the filter bar'),\n /**\n * Customized filters that cannot be deleted from the filter bar\n */\n fixedFilters: PropTypes.arrayOf(PropTypes.object).description(\n 'Customized filters that cannot be deleted from the filter bar',\n ),\n /**\n * Allows a function to be triggered once a filter is removed\n */\n onRemoveFilter: PropTypes.func.description('Allows a function to be triggered once a filter is removed'),\n /**\n * Allows a function to be triggered once all filters are removed\n */\n onRemoveAllFilters: PropTypes.func.description('Allows a function to be triggered once all filters are removed'),\n /**\n * Allows a function to be triggered once a dropdown pill changes\n */\n onChangeDropdownPill: PropTypes.func.description('Allows a function to be triggered once a dropdown pill changes'),\n /**\n * Allows a function to render a toolbar\n */\n renderToolbar: PropTypes.func.description('Allows a function to render a toolbar'),\n /**\n * Set style for the filter bar\n */\n style: PropTypes.object.description('Set style for the filter bar'),\n /** max width for filterbar */\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('max width for filterbar'),\n /** min width for filterbar */\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('min width for filterbar'),\n};\n\nDSFilterBar.propTypes = props;\nDSFilterBar.displayName = 'DSFilterBar';\nconst DSFilterBarWithSchema = describe(DSFilterBar);\nDSFilterBarWithSchema.propTypes = props;\n\nexport default DSFilterBar;\nexport { DSFilterBarWithSchema, DSFilterBar };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBrB;AAjBF,8BAAoC;AACpC,2BAA8B;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,UAAU,CAAC;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,iBAAiB,MAAM;AAAA,EACvB,qBAAqB,MAAM;AAAA,EAC3B,uBAAuB,MAAM;AAAA,EAC7B,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AACX,MACE;AAAA,EAAC;AAAA;AAAA,IACC,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,kCAAU,OAAO,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAIpF,UAAU,kCAAU,UAAU,CAAC,kCAAU,MAAM,kCAAU,MAAM,EAAE,SAAS,kCAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA,EAEA,WAAW,kCAAU,OAAO,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,kCAAU,QAAQ,kCAAU,MAAM,EAAE,YAAY,6CAA6C;AAAA;AAAA;AAAA;AAAA,EAItG,cAAc,kCAAU,QAAQ,kCAAU,MAAM,EAAE;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAgB,kCAAU,KAAK,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIvG,oBAAoB,kCAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAI/G,sBAAsB,kCAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAIjH,eAAe,kCAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAIjF,OAAO,kCAAU,OAAO,YAAY,8BAA8B;AAAA;AAAA,EAElE,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,yBAAyB;AAAA;AAAA,EAEzG,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE,YAAY,yBAAyB;AAC3G;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,4BAAwB,kCAAS,WAAW;AAClD,sBAAsB,YAAY;AAElC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/FilterBarImpl.tsx", "
|
|
3
|
+
"sources": ["../../src/FilterBarImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable react/display-name,react/no-unused-state */\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, isEqual } from '@elliemae/ds-utilities';\nimport { DSButton } from '@elliemae/ds-button';\nimport { FilterLabeledPills } from './FilterLabeledPills.js';\nimport { FilterDropdownPill } from './FilterDropdownPill.js';\nimport { prepareFilters } from './transformFilters.js';\n\nconst blockName = 'filter-bar';\n\nconst FilterBarContainer = aggregatedClasses('div')(blockName);\nconst PillsContainer = aggregatedClasses('div')(blockName, 'pills');\nconst ButtonsContainer = aggregatedClasses('div')(blockName, 'buttons');\n\n/* eslint-disable prettier/prettier */\nconst updateFilters =\n (nextProps, { prevProps }) =>\n (state) =>\n !isEqual(nextProps.filters, prevProps.filters)\n ? {\n ...state,\n filters: nextProps.filters,\n prevProps: { ...state.prevProps, filters: nextProps.filters },\n }\n : state;\n/* eslint-enable prettier/prettier */\nclass FilterBarImpl extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n filters: props.filters,\n fixedFilters: props.fixedFilters,\n prevProps: {},\n };\n this.focusGroups = [];\n\n this.handleRemoveFilter = this.handleRemoveFilter.bind(this);\n this.setFocusGroup = this.setFocusGroup.bind(this);\n this.focusNextGroup = this.focusNextGroup.bind(this);\n this.focusPreviousGroup = this.focusPreviousGroup.bind(this);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const nextState = updateFilters(nextProps, prevState)(prevState);\n\n return !isEqual(nextState, prevState) ? nextState : null;\n }\n\n setFocusGroup(index, focusGroup) {\n this.focusGroups[index] = focusGroup;\n }\n\n focusNextGroup(currIndex) {\n const nextGroup = this.focusGroups[currIndex + 1];\n if (nextGroup) {\n // hack so it doesn't get called 2 times on the next focus group\n setTimeout(() => nextGroup.actions.focusFirst(), 10);\n }\n }\n\n focusPreviousGroup(currIndex) {\n const prevGroup = this.focusGroups[currIndex - 1];\n if (prevGroup) {\n prevGroup.actions.focusLast();\n }\n }\n\n handleRemoveFilter({ pill, group }) {\n const { filters } = this.state;\n const { onRemoveFilter } = this.props;\n const pillId = pill?.id;\n const nextFilters = filters.filter((filter) => !(filter.group === group && filter.id === pillId));\n\n this.setState({ filters: nextFilters });\n\n onRemoveFilter({\n // get remove params from LabeledDropdownSinglePill\n // without breaking backwards compat for group pills\n // eslint-disable-next-line prefer-rest-params\n pill: pill || get(arguments, '0', {}),\n // eslint-disable-next-line prefer-rest-params\n group: group || get(arguments, '1.groupId'),\n nextFilters,\n });\n }\n\n render() {\n const { onRemoveAllFilters, renderToolbar, containerProps, maxWidth, minWidth } = this.props;\n\n const { filters } = this.state;\n\n const groupedFilters = prepareFilters(filters);\n\n const renderFilterToolbar = isFunction(renderToolbar) ? (\n renderToolbar({ onRemoveAllFilters })\n ) : (\n <DSButton buttonType=\"text\" labelText=\"CLEAR\" onClick={onRemoveAllFilters} />\n );\n\n return (\n <FilterBarContainer data-testid=\"em-ds-filter-bar\" {...containerProps}>\n <PillsContainer>\n {groupedFilters.map((pillGroup, index) => {\n const FilterPillComponent = pillGroup.type === 'dropdown' ? FilterDropdownPill : FilterLabeledPills;\n return (\n <FilterPillComponent\n key={pillGroup.label}\n groupId={pillGroup.group}\n groupIndex={index}\n label={pillGroup.label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onFocusGroupSet={(focusGroup) => this.setFocusGroup(index, focusGroup)}\n onFocusNextGroup={() => this.focusNextGroup(index)}\n onFocusPreviousGroup={() => this.focusPreviousGroup(index)}\n onRemove={this.handleRemoveFilter}\n pills={pillGroup.values}\n />\n );\n })}\n </PillsContainer>\n {!!filters.length && <ButtonsContainer>{renderFilterToolbar}</ButtonsContainer>}\n </FilterBarContainer>\n );\n }\n}\n\nFilterBarImpl.propTypes = {\n filters: PropTypes.array,\n fixedFilters: PropTypes.array,\n onRemoveFilter: PropTypes.func,\n onRemoveAllFilters: PropTypes.func,\n renderToolbar: PropTypes.func,\n containerProps: PropTypes.object,\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { FilterBarImpl };\nexport default FilterBarImpl;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": ["PropTypes"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/FilterDropdownPill.tsx", "
|
|
3
|
+
"sources": ["../../src/FilterDropdownPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useCallback, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { LabeledDropdownPills } from '@elliemae/ds-pills';\nimport { useFocusGroupItem } from '@elliemae/ds-shared';\n\nconst noop = () => null;\n\nconst FilterDropdownPill = ({\n groupIndex,\n groupId,\n label,\n pills = [],\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n maxWidth,\n onRemove = noop,\n minWidth,\n}) => {\n const ref = useRef(null);\n useFocusGroupItem(ref);\n\n const {\n onSelectOption = noop,\n onRemoveOption = noop,\n onChange,\n options,\n value,\n type,\n multi,\n fixed,\n ...otherDropdownProps\n } = pills[0];\n\n const selectOption = useCallback(\n (option, optionIndex) => {\n onSelectOption(option, {\n optionIndex,\n groupIndex,\n groupId,\n });\n },\n [groupId, value, options],\n );\n\n const removeOption = useCallback(\n (option, optionIndex) => {\n onRemove(option, {\n optionIndex,\n groupIndex,\n groupId,\n });\n onRemoveOption(option, {\n optionIndex,\n groupIndex,\n groupId,\n });\n },\n [groupId, value, options],\n );\n\n return (\n <LabeledDropdownPills\n {...otherDropdownProps}\n id={groupId}\n innerRef={ref}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onChange={onChange}\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n onRemove={removeOption}\n onSelect={selectOption}\n options={options}\n type={type || (multi ? 'multi' : 'single')}\n value={value}\n fixed={fixed}\n />\n );\n};\n\nFilterDropdownPill.propTypes = {\n groupIndex: PropTypes.number,\n groupId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n label: PropTypes.string,\n pills: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.any })),\n onFocusGroupSet: PropTypes.func,\n onFocusNextGroup: PropTypes.func,\n onFocusPreviousGroup: PropTypes.func,\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onRemove: PropTypes.func,\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { FilterDropdownPill };\nexport default FilterDropdownPill;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8DnB;AA9DJ,mBAA2C;AAC3C,wBAAsB;AACtB,sBAAqC;AACrC,uBAAkC;AAElC,MAAM,OAAO,MAAM;AAEnB,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,UAAM,qBAAO,IAAI;AACvB,0CAAkB,GAAG;AAErB,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,MAAM,CAAC;AAEX,QAAM,mBAAe;AAAA,IACnB,CAAC,QAAQ,gBAAgB;AACvB,qBAAe,QAAQ;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,OAAO,OAAO;AAAA,EAC1B;AAEA,QAAM,mBAAe;AAAA,IACnB,CAAC,QAAQ,gBAAgB;AACvB,eAAS,QAAQ;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AACD,qBAAe,QAAQ;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,OAAO,OAAO;AAAA,EAC1B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA,MAAM,SAAS,QAAQ,UAAU;AAAA,MACjC;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,YAAY;AAAA,EAC7B,YAAY,kBAAAA,QAAU;AAAA,EACtB,SAAS,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC;AAAA,EACjE,OAAO,kBAAAA,QAAU;AAAA,EACjB,OAAO,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,EAAE,OAAO,kBAAAA,QAAU,QAAQ,OAAO,kBAAAA,QAAU,IAAI,CAAC,CAAC;AAAA,EAC3F,iBAAiB,kBAAAA,QAAU;AAAA,EAC3B,kBAAkB,kBAAAA,QAAU;AAAA,EAC5B,sBAAsB,kBAAAA,QAAU;AAAA,EAChC,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC;AAAA,EAClE,UAAU,kBAAAA,QAAU;AAAA,EACpB,UAAU,kBAAAA,QAAU,UAAU,CAAC,kBAAAA,QAAU,QAAQ,kBAAAA,QAAU,MAAM,CAAC;AACpE;AAGA,IAAO,6BAAQ;",
|
|
6
6
|
"names": ["PropTypes"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/FilterLabeledPills.tsx", "
|
|
3
|
+
"sources": ["../../src/FilterLabeledPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import React, { useState, useEffect } from 'react';\nimport { LabeledPills, Pill, RemovablePill, OverflowPill } from '@elliemae/ds-pills';\n\nconst FilterLabeledPills = ({\n groupId,\n label,\n pills,\n onRemove = () => null,\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n overflowQuantity = 3,\n}) => {\n const [overflowOptions, setOverflowOptions] = useState([]);\n\n useEffect(() => {\n if (pills.length > overflowQuantity) {\n const overflow = pills.filter((pill, index) => index >= overflowQuantity);\n const options = overflow.map((pill) => ({ label: pill.value }));\n setOverflowOptions(options);\n }\n }, [pills]);\n\n const pillGroup = pills\n .map((pill) => {\n const PillComponent = !pill.fixed ? RemovablePill : Pill;\n return (\n <PillComponent\n key={pill.value}\n label={pill.value}\n onRemove={() =>\n onRemove({\n pill,\n group: groupId,\n })\n }\n />\n );\n })\n .filter((pill, index) => index < overflowQuantity);\n\n const overflowPills = pills.length > overflowQuantity && (\n <OverflowPill label={`+${pills.length - overflowQuantity}`} options={overflowOptions} />\n );\n\n return (\n <LabeledPills\n label={label}\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n {pillGroup}\n {overflowPills}\n </LabeledPills>\n );\n};\n\nFilterLabeledPills.propTypes = {};\n\nexport { FilterLabeledPills };\nexport default FilterLabeledPills;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Bf;AA3BR,mBAA2C;AAC3C,sBAAgE;AAEhE,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AACrB,MAAM;AACJ,QAAM,CAAC,iBAAiB,kBAAkB,QAAI,uBAAS,CAAC,CAAC;AAEzD,8BAAU,MAAM;AACd,QAAI,MAAM,SAAS,kBAAkB;AACnC,YAAM,WAAW,MAAM,OAAO,CAAC,MAAM,UAAU,SAAS,gBAAgB;AACxE,YAAM,UAAU,SAAS,IAAI,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,EAAE;AAC9D,yBAAmB,OAAO;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,YAAY,MACf,IAAI,CAAC,SAAS;AACb,UAAM,gBAAgB,CAAC,KAAK,QAAQ,gCAAgB;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,KAAK;AAAA,QACZ,UAAU,MACR,SAAS;AAAA,UACP;AAAA,UACA,OAAO;AAAA,QACT,CAAC;AAAA;AAAA,MANE,KAAK;AAAA,IAQZ;AAAA,EAEJ,CAAC,EACA,OAAO,CAAC,MAAM,UAAU,QAAQ,gBAAgB;AAEnD,QAAM,gBAAgB,MAAM,SAAS,oBACnC,4CAAC,gCAAa,OAAO,IAAI,MAAM,SAAS,oBAAoB,SAAS,iBAAiB;AAGxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,mBAAmB,YAAY,CAAC;AAGhC,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
package/dist/cjs/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/index.tsx", "
|
|
3
|
+
"sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export { default, DSFilterBar, DSFilterBarWithSchema } from './DSFilterBar.js';\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAA4D;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/mockOptions.tsx", "
|
|
3
|
+
"sources": ["../../src/mockOptions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["export const filterOptions = [\n {\n id: 'all',\n label: 'All Loans',\n },\n {\n id: 'none',\n label: 'None',\n },\n];\n\nexport const loanFolderFilterDefault = {\n id: 'a1',\n group: 'loanFolder',\n label: 'Loan Folder',\n fixed: true,\n multi: true,\n value: [filterOptions[0]],\n options: filterOptions,\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAAA,EAC3B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO,CAAC,cAAc,CAAC,CAAC;AAAA,EACxB,SAAS;AACX;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["../../src/transformFilters.tsx", "
|
|
3
|
+
"sources": ["../../src/transformFilters.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
4
|
"sourcesContent": ["import memoizeOne from 'memoize-one';\nimport { uniqBy, groupBy } from '@elliemae/ds-utilities';\n\nconst getFieldValue = ({ id, fixed = false, value = '', customValue = undefined, options = [], ...rest }) => ({\n ...rest,\n id,\n fixed,\n options,\n value: customValue || value,\n});\n\nconst getGroupedFilterValues = (result, values) => {\n const { group, label, options } = values.length ? values[0] : {};\n return [\n ...result,\n {\n type: options ? 'dropdown' : 'default',\n group,\n label,\n values: values.map(getFieldValue),\n },\n ];\n};\n\nexport const prepareFilters = memoizeOne((filters) => {\n const uniqFilters = uniqBy(filters, (v) => [v.group, v.value].join());\n const groupedFiltersObject = groupBy(uniqFilters, (filter) => `${filter.group}-${!!filter.options}`);\n\n return Object.keys({\n ...(groupedFiltersObject.all && { all: groupedFiltersObject.all }),\n ...groupedFiltersObject,\n })\n .map((key) => groupedFiltersObject[key])\n .reduce(getGroupedFilterValues, []);\n});\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
5
|
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAAuB;AACvB,0BAAgC;AAEhC,MAAM,gBAAgB,CAAC,EAAE,IAAI,QAAQ,OAAO,QAAQ,IAAI,cAAc,QAAW,UAAU,CAAC,GAAG,GAAG,KAAK,OAAO;AAAA,EAC5G,GAAG;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AACxB;AAEA,MAAM,yBAAyB,CAAC,QAAQ,WAAW;AACjD,QAAM,EAAE,OAAO,OAAO,QAAQ,IAAI,OAAO,SAAS,OAAO,CAAC,IAAI,CAAC;AAC/D,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,MACE,MAAM,UAAU,aAAa;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,IAAI,aAAa;AAAA,IAClC;AAAA,EACF;AACF;AAEO,MAAM,qBAAiB,mBAAAA,SAAW,CAAC,YAAY;AACpD,QAAM,kBAAc,4BAAO,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACpE,QAAM,2BAAuB,6BAAQ,aAAa,CAAC,WAAW,GAAG,OAAO,SAAS,CAAC,CAAC,OAAO,SAAS;AAEnG,SAAO,OAAO,KAAK;AAAA,IACjB,GAAI,qBAAqB,OAAO,EAAE,KAAK,qBAAqB,IAAI;AAAA,IAChE,GAAG;AAAA,EACL,CAAC,EACE,IAAI,CAAC,QAAQ,qBAAqB,GAAG,CAAC,EACtC,OAAO,wBAAwB,CAAC,CAAC;AACtC,CAAC;",
|
|
6
6
|
"names": ["memoizeOne"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSFilterBar.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-props-helpers';\nimport { FilterBarImpl } from './FilterBarImpl.js';\n\nconst DSFilterBar = ({\n containerProps = {},\n innerRef,\n className = '',\n filters = [],\n fixedFilters = [],\n onRemoveFilter = () => null,\n onRemoveAllFilters = () => null,\n onChangeDropdownPill = () => null,\n renderToolbar = undefined,\n maxWidth,\n minWidth,\n style = {},\n}) => (\n <FilterBarImpl\n ref={innerRef}\n className={className}\n containerProps={containerProps}\n filters={filters}\n fixedFilters={fixedFilters}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onChangeDropdownPill={onChangeDropdownPill}\n onRemoveAllFilters={onRemoveAllFilters}\n onRemoveFilter={onRemoveFilter}\n renderToolbar={renderToolbar}\n style={style}\n />\n);\n\nconst props = {\n /** props to inject to filter bar wrapper */\n containerProps: PropTypes.object.description('props to inject to filter bar wrapper'),\n /**\n * Refence to the component\n */\n innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]).description(\n 'reference to the component',\n ),\n /** class for filter bar wrapper */\n className: PropTypes.string.description(' class for filter bar wrapper'),\n /**\n * Customized filters to add to the filter bar\n */\n filters: PropTypes.arrayOf(PropTypes.object).description('Customized filters to add to the filter bar'),\n /**\n * Customized filters that cannot be deleted from the filter bar\n */\n fixedFilters: PropTypes.arrayOf(PropTypes.object).description(\n 'Customized filters that cannot be deleted from the filter bar',\n ),\n /**\n * Allows a function to be triggered once a filter is removed\n */\n onRemoveFilter: PropTypes.func.description('Allows a function to be triggered once a filter is removed'),\n /**\n * Allows a function to be triggered once all filters are removed\n */\n onRemoveAllFilters: PropTypes.func.description('Allows a function to be triggered once all filters are removed'),\n /**\n * Allows a function to be triggered once a dropdown pill changes\n */\n onChangeDropdownPill: PropTypes.func.description('Allows a function to be triggered once a dropdown pill changes'),\n /**\n * Allows a function to render a toolbar\n */\n renderToolbar: PropTypes.func.description('Allows a function to render a toolbar'),\n /**\n * Set style for the filter bar\n */\n style: PropTypes.object.description('Set style for the filter bar'),\n /** max width for filterbar */\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('max width for filterbar'),\n /** min width for filterbar */\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('min width for filterbar'),\n};\n\nDSFilterBar.propTypes = props;\nDSFilterBar.displayName = 'DSFilterBar';\nconst DSFilterBarWithSchema = describe(DSFilterBar);\nDSFilterBarWithSchema.propTypes = props;\n\nexport default DSFilterBar;\nexport { DSFilterBarWithSchema, DSFilterBar };\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACkBrB;AAjBF,SAAS,WAAW,gBAAgB;AACpC,SAAS,qBAAqB;AAE9B,MAAM,cAAc,CAAC;AAAA,EACnB,iBAAiB,CAAC;AAAA,EAClB;AAAA,EACA,YAAY;AAAA,EACZ,UAAU,CAAC;AAAA,EACX,eAAe,CAAC;AAAA,EAChB,iBAAiB,MAAM;AAAA,EACvB,qBAAqB,MAAM;AAAA,EAC3B,uBAAuB,MAAM;AAAA,EAC7B,gBAAgB;AAAA,EAChB;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AACX,MACE;AAAA,EAAC;AAAA;AAAA,IACC,KAAK;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AACF;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAIpF,UAAU,UAAU,UAAU,CAAC,UAAU,MAAM,UAAU,MAAM,EAAE,SAAS,UAAU,IAAI,CAAC,CAAC,CAAC,EAAE;AAAA,IAC3F;AAAA,EACF;AAAA;AAAA,EAEA,WAAW,UAAU,OAAO,YAAY,+BAA+B;AAAA;AAAA;AAAA;AAAA,EAIvE,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,6CAA6C;AAAA;AAAA;AAAA;AAAA,EAItG,cAAc,UAAU,QAAQ,UAAU,MAAM,EAAE;AAAA,IAChD;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAIA,gBAAgB,UAAU,KAAK,YAAY,4DAA4D;AAAA;AAAA;AAAA;AAAA,EAIvG,oBAAoB,UAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAI/G,sBAAsB,UAAU,KAAK,YAAY,gEAAgE;AAAA;AAAA;AAAA;AAAA,EAIjH,eAAe,UAAU,KAAK,YAAY,uCAAuC;AAAA;AAAA;AAAA;AAAA,EAIjF,OAAO,UAAU,OAAO,YAAY,8BAA8B;AAAA;AAAA,EAElE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,yBAAyB;AAAA;AAAA,EAEzG,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,yBAAyB;AAC3G;AAEA,YAAY,YAAY;AACxB,YAAY,cAAc;AAC1B,MAAM,wBAAwB,SAAS,WAAW;AAClD,sBAAsB,YAAY;AAElC,IAAO,sBAAQ;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FilterBarImpl.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable react/display-name,react/no-unused-state */\nimport React, { PureComponent } from 'react';\nimport PropTypes from 'prop-types';\nimport { get } from 'lodash';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { isFunction, isEqual } from '@elliemae/ds-utilities';\nimport { DSButton } from '@elliemae/ds-button';\nimport { FilterLabeledPills } from './FilterLabeledPills.js';\nimport { FilterDropdownPill } from './FilterDropdownPill.js';\nimport { prepareFilters } from './transformFilters.js';\n\nconst blockName = 'filter-bar';\n\nconst FilterBarContainer = aggregatedClasses('div')(blockName);\nconst PillsContainer = aggregatedClasses('div')(blockName, 'pills');\nconst ButtonsContainer = aggregatedClasses('div')(blockName, 'buttons');\n\n/* eslint-disable prettier/prettier */\nconst updateFilters =\n (nextProps, { prevProps }) =>\n (state) =>\n !isEqual(nextProps.filters, prevProps.filters)\n ? {\n ...state,\n filters: nextProps.filters,\n prevProps: { ...state.prevProps, filters: nextProps.filters },\n }\n : state;\n/* eslint-enable prettier/prettier */\nclass FilterBarImpl extends PureComponent {\n constructor(props) {\n super(props);\n this.state = {\n filters: props.filters,\n fixedFilters: props.fixedFilters,\n prevProps: {},\n };\n this.focusGroups = [];\n\n this.handleRemoveFilter = this.handleRemoveFilter.bind(this);\n this.setFocusGroup = this.setFocusGroup.bind(this);\n this.focusNextGroup = this.focusNextGroup.bind(this);\n this.focusPreviousGroup = this.focusPreviousGroup.bind(this);\n }\n\n static getDerivedStateFromProps(nextProps, prevState) {\n const nextState = updateFilters(nextProps, prevState)(prevState);\n\n return !isEqual(nextState, prevState) ? nextState : null;\n }\n\n setFocusGroup(index, focusGroup) {\n this.focusGroups[index] = focusGroup;\n }\n\n focusNextGroup(currIndex) {\n const nextGroup = this.focusGroups[currIndex + 1];\n if (nextGroup) {\n // hack so it doesn't get called 2 times on the next focus group\n setTimeout(() => nextGroup.actions.focusFirst(), 10);\n }\n }\n\n focusPreviousGroup(currIndex) {\n const prevGroup = this.focusGroups[currIndex - 1];\n if (prevGroup) {\n prevGroup.actions.focusLast();\n }\n }\n\n handleRemoveFilter({ pill, group }) {\n const { filters } = this.state;\n const { onRemoveFilter } = this.props;\n const pillId = pill?.id;\n const nextFilters = filters.filter((filter) => !(filter.group === group && filter.id === pillId));\n\n this.setState({ filters: nextFilters });\n\n onRemoveFilter({\n // get remove params from LabeledDropdownSinglePill\n // without breaking backwards compat for group pills\n // eslint-disable-next-line prefer-rest-params\n pill: pill || get(arguments, '0', {}),\n // eslint-disable-next-line prefer-rest-params\n group: group || get(arguments, '1.groupId'),\n nextFilters,\n });\n }\n\n render() {\n const { onRemoveAllFilters, renderToolbar, containerProps, maxWidth, minWidth } = this.props;\n\n const { filters } = this.state;\n\n const groupedFilters = prepareFilters(filters);\n\n const renderFilterToolbar = isFunction(renderToolbar) ? (\n renderToolbar({ onRemoveAllFilters })\n ) : (\n <DSButton buttonType=\"text\" labelText=\"CLEAR\" onClick={onRemoveAllFilters} />\n );\n\n return (\n <FilterBarContainer data-testid=\"em-ds-filter-bar\" {...containerProps}>\n <PillsContainer>\n {groupedFilters.map((pillGroup, index) => {\n const FilterPillComponent = pillGroup.type === 'dropdown' ? FilterDropdownPill : FilterLabeledPills;\n return (\n <FilterPillComponent\n key={pillGroup.label}\n groupId={pillGroup.group}\n groupIndex={index}\n label={pillGroup.label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onFocusGroupSet={(focusGroup) => this.setFocusGroup(index, focusGroup)}\n onFocusNextGroup={() => this.focusNextGroup(index)}\n onFocusPreviousGroup={() => this.focusPreviousGroup(index)}\n onRemove={this.handleRemoveFilter}\n pills={pillGroup.values}\n />\n );\n })}\n </PillsContainer>\n {!!filters.length && <ButtonsContainer>{renderFilterToolbar}</ButtonsContainer>}\n </FilterBarContainer>\n );\n }\n}\n\nFilterBarImpl.propTypes = {\n filters: PropTypes.array,\n fixedFilters: PropTypes.array,\n onRemoveFilter: PropTypes.func,\n onRemoveAllFilters: PropTypes.func,\n renderToolbar: PropTypes.func,\n containerProps: PropTypes.object,\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { FilterBarImpl };\nexport default FilterBarImpl;\n"],
|
|
5
5
|
"mappings": "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",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FilterDropdownPill.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { LabeledDropdownPills } from '@elliemae/ds-pills';\nimport { useFocusGroupItem } from '@elliemae/ds-shared';\n\nconst noop = () => null;\n\nconst FilterDropdownPill = ({\n groupIndex,\n groupId,\n label,\n pills = [],\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n maxWidth,\n onRemove = noop,\n minWidth,\n}) => {\n const ref = useRef(null);\n useFocusGroupItem(ref);\n\n const {\n onSelectOption = noop,\n onRemoveOption = noop,\n onChange,\n options,\n value,\n type,\n multi,\n fixed,\n ...otherDropdownProps\n } = pills[0];\n\n const selectOption = useCallback(\n (option, optionIndex) => {\n onSelectOption(option, {\n optionIndex,\n groupIndex,\n groupId,\n });\n },\n [groupId, value, options],\n );\n\n const removeOption = useCallback(\n (option, optionIndex) => {\n onRemove(option, {\n optionIndex,\n groupIndex,\n groupId,\n });\n onRemoveOption(option, {\n optionIndex,\n groupIndex,\n groupId,\n });\n },\n [groupId, value, options],\n );\n\n return (\n <LabeledDropdownPills\n {...otherDropdownProps}\n id={groupId}\n innerRef={ref}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n onChange={onChange}\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n onRemove={removeOption}\n onSelect={selectOption}\n options={options}\n type={type || (multi ? 'multi' : 'single')}\n value={value}\n fixed={fixed}\n />\n );\n};\n\nFilterDropdownPill.propTypes = {\n groupIndex: PropTypes.number,\n groupId: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n label: PropTypes.string,\n pills: PropTypes.arrayOf(PropTypes.shape({ label: PropTypes.string, value: PropTypes.any })),\n onFocusGroupSet: PropTypes.func,\n onFocusNextGroup: PropTypes.func,\n onFocusPreviousGroup: PropTypes.func,\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n onRemove: PropTypes.func,\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n};\n\nexport { FilterDropdownPill };\nexport default FilterDropdownPill;\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;AC8DnB;AA9DJ,SAAgB,aAAa,cAAc;AAC3C,OAAO,eAAe;AACtB,SAAS,4BAA4B;AACrC,SAAS,yBAAyB;AAElC,MAAM,OAAO,MAAM;AAEnB,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ,CAAC;AAAA,EACT;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX;AACF,MAAM;AACJ,QAAM,MAAM,OAAO,IAAI;AACvB,oBAAkB,GAAG;AAErB,QAAM;AAAA,IACJ,iBAAiB;AAAA,IACjB,iBAAiB;AAAA,IACjB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EACL,IAAI,MAAM,CAAC;AAEX,QAAM,eAAe;AAAA,IACnB,CAAC,QAAQ,gBAAgB;AACvB,qBAAe,QAAQ;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,OAAO,OAAO;AAAA,EAC1B;AAEA,QAAM,eAAe;AAAA,IACnB,CAAC,QAAQ,gBAAgB;AACvB,eAAS,QAAQ;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AACD,qBAAe,QAAQ;AAAA,QACrB;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA,CAAC,SAAS,OAAO,OAAO;AAAA,EAC1B;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,IAAI;AAAA,MACJ,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,MACV,UAAU;AAAA,MACV;AAAA,MACA,MAAM,SAAS,QAAQ,UAAU;AAAA,MACjC;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,mBAAmB,YAAY;AAAA,EAC7B,YAAY,UAAU;AAAA,EACtB,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EACjE,OAAO,UAAU;AAAA,EACjB,OAAO,UAAU,QAAQ,UAAU,MAAM,EAAE,OAAO,UAAU,QAAQ,OAAO,UAAU,IAAI,CAAC,CAAC;AAAA,EAC3F,iBAAiB,UAAU;AAAA,EAC3B,kBAAkB,UAAU;AAAA,EAC5B,sBAAsB,UAAU;AAAA,EAChC,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AAAA,EAClE,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC;AACpE;AAGA,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FilterLabeledPills.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useState, useEffect } from 'react';\nimport { LabeledPills, Pill, RemovablePill, OverflowPill } from '@elliemae/ds-pills';\n\nconst FilterLabeledPills = ({\n groupId,\n label,\n pills,\n onRemove = () => null,\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n overflowQuantity = 3,\n}) => {\n const [overflowOptions, setOverflowOptions] = useState([]);\n\n useEffect(() => {\n if (pills.length > overflowQuantity) {\n const overflow = pills.filter((pill, index) => index >= overflowQuantity);\n const options = overflow.map((pill) => ({ label: pill.value }));\n setOverflowOptions(options);\n }\n }, [pills]);\n\n const pillGroup = pills\n .map((pill) => {\n const PillComponent = !pill.fixed ? RemovablePill : Pill;\n return (\n <PillComponent\n key={pill.value}\n label={pill.value}\n onRemove={() =>\n onRemove({\n pill,\n group: groupId,\n })\n }\n />\n );\n })\n .filter((pill, index) => index < overflowQuantity);\n\n const overflowPills = pills.length > overflowQuantity && (\n <OverflowPill label={`+${pills.length - overflowQuantity}`} options={overflowOptions} />\n );\n\n return (\n <LabeledPills\n label={label}\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n {pillGroup}\n {overflowPills}\n </LabeledPills>\n );\n};\n\nFilterLabeledPills.propTypes = {};\n\nexport { FilterLabeledPills };\nexport default FilterLabeledPills;\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;AC2Bf,cAmBJ,YAnBI;AA3BR,SAAgB,UAAU,iBAAiB;AAC3C,SAAS,cAAc,MAAM,eAAe,oBAAoB;AAEhE,MAAM,qBAAqB,CAAC;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,mBAAmB;AACrB,MAAM;AACJ,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAAS,CAAC,CAAC;AAEzD,YAAU,MAAM;AACd,QAAI,MAAM,SAAS,kBAAkB;AACnC,YAAM,WAAW,MAAM,OAAO,CAAC,MAAM,UAAU,SAAS,gBAAgB;AACxE,YAAM,UAAU,SAAS,IAAI,CAAC,UAAU,EAAE,OAAO,KAAK,MAAM,EAAE;AAC9D,yBAAmB,OAAO;AAAA,IAC5B;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,QAAM,YAAY,MACf,IAAI,CAAC,SAAS;AACb,UAAM,gBAAgB,CAAC,KAAK,QAAQ,gBAAgB;AACpD,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,OAAO,KAAK;AAAA,QACZ,UAAU,MACR,SAAS;AAAA,UACP;AAAA,UACA,OAAO;AAAA,QACT,CAAC;AAAA;AAAA,MANE,KAAK;AAAA,IAQZ;AAAA,EAEJ,CAAC,EACA,OAAO,CAAC,MAAM,UAAU,QAAQ,gBAAgB;AAEnD,QAAM,gBAAgB,MAAM,SAAS,oBACnC,oBAAC,gBAAa,OAAO,IAAI,MAAM,SAAS,oBAAoB,SAAS,iBAAiB;AAGxF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEC;AAAA;AAAA,QACA;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,mBAAmB,YAAY,CAAC;AAGhC,IAAO,6BAAQ;",
|
|
6
6
|
"names": []
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSFilterBar, DSFilterBarWithSchema } from './DSFilterBar.js';\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,aAAa,6BAA6B;",
|
|
6
6
|
"names": ["default"]
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/mockOptions.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const filterOptions = [\n {\n id: 'all',\n label: 'All Loans',\n },\n {\n id: 'none',\n label: 'None',\n },\n];\n\nexport const loanFolderFilterDefault = {\n id: 'a1',\n group: 'loanFolder',\n label: 'Loan Folder',\n fixed: true,\n multi: true,\n value: [filterOptions[0]],\n options: filterOptions,\n};\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gBAAgB;AAAA,EAC3B;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AACF;AAEO,MAAM,0BAA0B;AAAA,EACrC,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO,CAAC,cAAc,CAAC,CAAC;AAAA,EACxB,SAAS;AACX;",
|
|
6
6
|
"names": []
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
|
-
"sources": ["
|
|
3
|
+
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/transformFilters.tsx"],
|
|
4
4
|
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import memoizeOne from 'memoize-one';\nimport { uniqBy, groupBy } from '@elliemae/ds-utilities';\n\nconst getFieldValue = ({ id, fixed = false, value = '', customValue = undefined, options = [], ...rest }) => ({\n ...rest,\n id,\n fixed,\n options,\n value: customValue || value,\n});\n\nconst getGroupedFilterValues = (result, values) => {\n const { group, label, options } = values.length ? values[0] : {};\n return [\n ...result,\n {\n type: options ? 'dropdown' : 'default',\n group,\n label,\n values: values.map(getFieldValue),\n },\n ];\n};\n\nexport const prepareFilters = memoizeOne((filters) => {\n const uniqFilters = uniqBy(filters, (v) => [v.group, v.value].join());\n const groupedFiltersObject = groupBy(uniqFilters, (filter) => `${filter.group}-${!!filter.options}`);\n\n return Object.keys({\n ...(groupedFiltersObject.all && { all: groupedFiltersObject.all }),\n ...groupedFiltersObject,\n })\n .map((key) => groupedFiltersObject[key])\n .reduce(getGroupedFilterValues, []);\n});\n"],
|
|
5
5
|
"mappings": "AAAA,YAAY,WAAW;ACAvB,OAAO,gBAAgB;AACvB,SAAS,QAAQ,eAAe;AAEhC,MAAM,gBAAgB,CAAC,EAAE,IAAI,QAAQ,OAAO,QAAQ,IAAI,cAAc,QAAW,UAAU,CAAC,GAAG,GAAG,KAAK,OAAO;AAAA,EAC5G,GAAG;AAAA,EACH;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO,eAAe;AACxB;AAEA,MAAM,yBAAyB,CAAC,QAAQ,WAAW;AACjD,QAAM,EAAE,OAAO,OAAO,QAAQ,IAAI,OAAO,SAAS,OAAO,CAAC,IAAI,CAAC;AAC/D,SAAO;AAAA,IACL,GAAG;AAAA,IACH;AAAA,MACE,MAAM,UAAU,aAAa;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,QAAQ,OAAO,IAAI,aAAa;AAAA,IAClC;AAAA,EACF;AACF;AAEO,MAAM,iBAAiB,WAAW,CAAC,YAAY;AACpD,QAAM,cAAc,OAAO,SAAS,CAAC,MAAM,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,CAAC;AACpE,QAAM,uBAAuB,QAAQ,aAAa,CAAC,WAAW,GAAG,OAAO,SAAS,CAAC,CAAC,OAAO,SAAS;AAEnG,SAAO,OAAO,KAAK;AAAA,IACjB,GAAI,qBAAqB,OAAO,EAAE,KAAK,qBAAqB,IAAI;AAAA,IAChE,GAAG;AAAA,EACL,CAAC,EACE,IAAI,CAAC,QAAQ,qBAAqB,GAAG,CAAC,EACtC,OAAO,wBAAwB,CAAC,CAAC;AACtC,CAAC;",
|
|
6
6
|
"names": []
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-filterbar",
|
|
3
|
-
"version": "3.22.0-
|
|
3
|
+
"version": "3.22.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Filter Bar",
|
|
6
6
|
"files": [
|
|
@@ -61,16 +61,21 @@
|
|
|
61
61
|
"dependencies": {
|
|
62
62
|
"memoize-one": "~6.0.0",
|
|
63
63
|
"prop-types": "~15.8.1",
|
|
64
|
-
"@elliemae/ds-button": "3.22.0-
|
|
65
|
-
"@elliemae/ds-
|
|
66
|
-
"@elliemae/ds-
|
|
67
|
-
"@elliemae/ds-
|
|
68
|
-
"@elliemae/ds-
|
|
69
|
-
"@elliemae/ds-
|
|
64
|
+
"@elliemae/ds-button": "3.22.0-rc.0",
|
|
65
|
+
"@elliemae/ds-classnames": "3.22.0-rc.0",
|
|
66
|
+
"@elliemae/ds-pills": "3.22.0-rc.0",
|
|
67
|
+
"@elliemae/ds-props-helpers": "3.22.0-rc.0",
|
|
68
|
+
"@elliemae/ds-shared": "3.22.0-rc.0",
|
|
69
|
+
"@elliemae/ds-utilities": "3.22.0-rc.0"
|
|
70
70
|
},
|
|
71
71
|
"devDependencies": {
|
|
72
|
-
"@elliemae/pui-cli": "~9.0.0-next.
|
|
73
|
-
"@
|
|
72
|
+
"@elliemae/pui-cli": "~9.0.0-next.22",
|
|
73
|
+
"@testing-library/jest-dom": "~5.16.5",
|
|
74
|
+
"@testing-library/react": "~12.1.3",
|
|
75
|
+
"@testing-library/user-event": "~13.5.0",
|
|
76
|
+
"jest-axe": "^7.0.1",
|
|
77
|
+
"styled-components": "~5.3.9",
|
|
78
|
+
"@elliemae/ds-monorepo-devops": "3.22.0-rc.0"
|
|
74
79
|
},
|
|
75
80
|
"peerDependencies": {
|
|
76
81
|
"lodash": "^4.17.21",
|
|
@@ -82,14 +87,14 @@
|
|
|
82
87
|
"typeSafety": false
|
|
83
88
|
},
|
|
84
89
|
"scripts": {
|
|
85
|
-
"dev": "cross-env NODE_ENV=development node
|
|
90
|
+
"dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
|
|
86
91
|
"test": "pui-cli test --passWithNoTests",
|
|
87
|
-
"lint": "node
|
|
88
|
-
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='
|
|
89
|
-
"dts": "node
|
|
90
|
-
"build": "cross-env NODE_ENV=production node
|
|
92
|
+
"lint": "node ../../../scripts/lint.mjs",
|
|
93
|
+
"eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
|
|
94
|
+
"dts": "node ../../../scripts/dts.mjs",
|
|
95
|
+
"build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
|
|
91
96
|
"dev:build": "pnpm --filter {.}... build",
|
|
92
97
|
"dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
|
|
93
|
-
"checkDeps": "npm exec
|
|
98
|
+
"checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
94
99
|
}
|
|
95
100
|
}
|