@elliemae/ds-filterbar 3.27.0-next.1 → 3.27.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.
Files changed (41) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/cjs/index.js.map +2 -2
  3. package/dist/esm/index.js +2 -3
  4. package/dist/esm/index.js.map +2 -2
  5. package/dist/types/index.d.ts +2 -1
  6. package/package.json +8 -40
  7. package/dist/cjs/DSFilterBar.js +0 -121
  8. package/dist/cjs/DSFilterBar.js.map +0 -7
  9. package/dist/cjs/FilterBarImpl.js +0 -144
  10. package/dist/cjs/FilterBarImpl.js.map +0 -7
  11. package/dist/cjs/FilterDropdownPill.js +0 -127
  12. package/dist/cjs/FilterDropdownPill.js.map +0 -7
  13. package/dist/cjs/FilterLabeledPills.js +0 -88
  14. package/dist/cjs/FilterLabeledPills.js.map +0 -7
  15. package/dist/cjs/mockOptions.js +0 -55
  16. package/dist/cjs/mockOptions.js.map +0 -7
  17. package/dist/cjs/styled.js +0 -67
  18. package/dist/cjs/styled.js.map +0 -7
  19. package/dist/cjs/transformFilters.js +0 -64
  20. package/dist/cjs/transformFilters.js.map +0 -7
  21. package/dist/esm/DSFilterBar.js +0 -91
  22. package/dist/esm/DSFilterBar.js.map +0 -7
  23. package/dist/esm/FilterBarImpl.js +0 -114
  24. package/dist/esm/FilterBarImpl.js.map +0 -7
  25. package/dist/esm/FilterDropdownPill.js +0 -97
  26. package/dist/esm/FilterDropdownPill.js.map +0 -7
  27. package/dist/esm/FilterLabeledPills.js +0 -63
  28. package/dist/esm/FilterLabeledPills.js.map +0 -7
  29. package/dist/esm/mockOptions.js +0 -25
  30. package/dist/esm/mockOptions.js.map +0 -7
  31. package/dist/esm/styled.js +0 -37
  32. package/dist/esm/styled.js.map +0 -7
  33. package/dist/esm/transformFilters.js +0 -34
  34. package/dist/esm/transformFilters.js.map +0 -7
  35. package/dist/types/DSFilterBar.d.ts +0 -75
  36. package/dist/types/FilterBarImpl.d.ts +0 -15
  37. package/dist/types/FilterDropdownPill.d.ts +0 -32
  38. package/dist/types/FilterLabeledPills.d.ts +0 -15
  39. package/dist/types/mockOptions.d.ts +0 -19
  40. package/dist/types/styled.d.ts +0 -6
  41. package/dist/types/transformFilters.d.ts +0 -1
package/dist/cjs/index.js CHANGED
@@ -17,6 +17,7 @@ var __copyProps = (to, from, except, desc) => {
17
17
  }
18
18
  return to;
19
19
  };
20
+ var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
20
21
  var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
22
  // If the importer is in node compatibility mode or this is not an ESM
22
23
  // file that has been converted to a CommonJS file using a Babel-
@@ -28,11 +29,10 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
28
29
  var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
30
  var src_exports = {};
30
31
  __export(src_exports, {
31
- DSFilterBar: () => import_DSFilterBar.DSFilterBar,
32
- DSFilterBarWithSchema: () => import_DSFilterBar.DSFilterBarWithSchema,
33
- default: () => import_DSFilterBar.default
32
+ default: () => import_ds_legacy_filterbar.default
34
33
  });
35
34
  module.exports = __toCommonJS(src_exports);
36
35
  var React = __toESM(require("react"));
37
- var import_DSFilterBar = __toESM(require("./DSFilterBar.js"));
36
+ __reExport(src_exports, require("@elliemae/ds-legacy-filterbar"), module.exports);
37
+ var import_ds_legacy_filterbar = __toESM(require("@elliemae/ds-legacy-filterbar"));
38
38
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["export { default, DSFilterBar, DSFilterBarWithSchema } from './DSFilterBar.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,yBAA4D;",
4
+ "sourcesContent": ["export * from '@elliemae/ds-legacy-filterbar';\nexport { default } from '@elliemae/ds-legacy-filterbar';\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,0CAAd;AACA,iCAAwB;",
6
6
  "names": []
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import * as React from "react";
2
- import { default as default2, DSFilterBar, DSFilterBarWithSchema } from "./DSFilterBar.js";
2
+ export * from "@elliemae/ds-legacy-filterbar";
3
+ import { default as default2 } from "@elliemae/ds-legacy-filterbar";
3
4
  export {
4
- DSFilterBar,
5
- DSFilterBarWithSchema,
6
5
  default2 as default
7
6
  };
8
7
  //# sourceMappingURL=index.js.map
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, DSFilterBar, DSFilterBarWithSchema } from './DSFilterBar.js';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,aAAa,6BAA6B;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from '@elliemae/ds-legacy-filterbar';\nexport { default } from '@elliemae/ds-legacy-filterbar';\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
6
6
  "names": ["default"]
7
7
  }
@@ -1 +1,2 @@
1
- export { default, DSFilterBar, DSFilterBarWithSchema } from './DSFilterBar.js';
1
+ export * from '@elliemae/ds-legacy-filterbar';
2
+ export { default } from '@elliemae/ds-legacy-filterbar';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-filterbar",
3
- "version": "3.27.0-next.1",
3
+ "version": "3.27.0-next.3",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Filter Bar",
6
6
  "files": [
@@ -13,30 +13,6 @@
13
13
  ".": {
14
14
  "import": "./dist/esm/index.js",
15
15
  "require": "./dist/cjs/index.js"
16
- },
17
- "./transformFilters": {
18
- "import": "./dist/esm/transformFilters.js",
19
- "require": "./dist/cjs/transformFilters.js"
20
- },
21
- "./mockOptions": {
22
- "import": "./dist/esm/mockOptions.js",
23
- "require": "./dist/cjs/mockOptions.js"
24
- },
25
- "./FilterLabeledPills": {
26
- "import": "./dist/esm/FilterLabeledPills.js",
27
- "require": "./dist/cjs/FilterLabeledPills.js"
28
- },
29
- "./FilterDropdownPill": {
30
- "import": "./dist/esm/FilterDropdownPill.js",
31
- "require": "./dist/cjs/FilterDropdownPill.js"
32
- },
33
- "./FilterBarImpl": {
34
- "import": "./dist/esm/FilterBarImpl.js",
35
- "require": "./dist/cjs/FilterBarImpl.js"
36
- },
37
- "./DSFilterBar": {
38
- "import": "./dist/esm/DSFilterBar.js",
39
- "require": "./dist/cjs/DSFilterBar.js"
40
16
  }
41
17
  },
42
18
  "sideEffects": [
@@ -59,20 +35,12 @@
59
35
  "indent": 4
60
36
  },
61
37
  "dependencies": {
62
- "memoize-one": "~6.0.0",
63
- "prop-types": "~15.8.1",
64
- "@elliemae/ds-button": "3.27.0-next.1",
65
- "@elliemae/ds-classnames": "3.27.0-next.1",
66
- "@elliemae/ds-pills": "3.27.0-next.1",
67
- "@elliemae/ds-shared": "3.27.0-next.1",
68
- "@elliemae/ds-system": "3.27.0-next.1",
69
- "@elliemae/ds-props-helpers": "3.27.0-next.1",
70
- "@elliemae/ds-utilities": "3.27.0-next.1"
38
+ "@elliemae/ds-legacy-filterbar": "1.0.1"
71
39
  },
72
40
  "devDependencies": {
73
41
  "@elliemae/pui-cli": "~9.0.0-next.31",
74
42
  "styled-components": "~5.3.9",
75
- "@elliemae/ds-monorepo-devops": "3.27.0-next.1"
43
+ "@elliemae/ds-monorepo-devops": "3.27.0-next.3"
76
44
  },
77
45
  "peerDependencies": {
78
46
  "lodash": "^4.17.21",
@@ -85,13 +53,13 @@
85
53
  },
86
54
  "scripts": {
87
55
  "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
88
- "test": "pui-cli test --passWithNoTests",
89
- "lint": "node ../../../scripts/lint.mjs",
90
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
91
- "dts": "node ../../../scripts/dts.mjs",
56
+ "test": "exit 0 | echo",
57
+ "lint": "exit 0 | echo",
58
+ "eslint:fix": "exit 0 | echo",
59
+ "dts": "exit 0 | echo",
92
60
  "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
93
61
  "dev:build": "pnpm --filter {.}... build",
94
62
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
95
- "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
63
+ "checkDeps": "exit 0 | echo"
96
64
  }
97
65
  }
@@ -1,121 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var DSFilterBar_exports = {};
30
- __export(DSFilterBar_exports, {
31
- DSFilterBar: () => DSFilterBar,
32
- DSFilterBarWithSchema: () => DSFilterBarWithSchema,
33
- default: () => DSFilterBar_default
34
- });
35
- module.exports = __toCommonJS(DSFilterBar_exports);
36
- var React = __toESM(require("react"));
37
- var import_jsx_runtime = require("react/jsx-runtime");
38
- var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
39
- var import_FilterBarImpl = require("./FilterBarImpl.js");
40
- const DSFilterBar = ({
41
- containerProps = {},
42
- innerRef,
43
- className = "",
44
- filters = [],
45
- fixedFilters = [],
46
- onRemoveFilter = () => null,
47
- onRemoveAllFilters = () => null,
48
- onChangeDropdownPill = () => null,
49
- renderToolbar = void 0,
50
- maxWidth,
51
- minWidth,
52
- style = {}
53
- }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
54
- import_FilterBarImpl.FilterBarImpl,
55
- {
56
- ref: innerRef,
57
- className,
58
- containerProps,
59
- filters,
60
- fixedFilters,
61
- maxWidth,
62
- minWidth,
63
- onChangeDropdownPill,
64
- onRemoveAllFilters,
65
- onRemoveFilter,
66
- renderToolbar,
67
- style
68
- }
69
- );
70
- const props = {
71
- /** props to inject to filter bar wrapper */
72
- containerProps: import_ds_props_helpers.PropTypes.object.description("props to inject to filter bar wrapper"),
73
- /**
74
- * Refence to the component
75
- */
76
- innerRef: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.func, import_ds_props_helpers.PropTypes.shape({ current: import_ds_props_helpers.PropTypes.any })]).description(
77
- "reference to the component"
78
- ),
79
- /** class for filter bar wrapper */
80
- className: import_ds_props_helpers.PropTypes.string.description(" class for filter bar wrapper"),
81
- /**
82
- * Customized filters to add to the filter bar
83
- */
84
- filters: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description("Customized filters to add to the filter bar"),
85
- /**
86
- * Customized filters that cannot be deleted from the filter bar
87
- */
88
- fixedFilters: import_ds_props_helpers.PropTypes.arrayOf(import_ds_props_helpers.PropTypes.object).description(
89
- "Customized filters that cannot be deleted from the filter bar"
90
- ),
91
- /**
92
- * Allows a function to be triggered once a filter is removed
93
- */
94
- onRemoveFilter: import_ds_props_helpers.PropTypes.func.description("Allows a function to be triggered once a filter is removed"),
95
- /**
96
- * Allows a function to be triggered once all filters are removed
97
- */
98
- onRemoveAllFilters: import_ds_props_helpers.PropTypes.func.description("Allows a function to be triggered once all filters are removed"),
99
- /**
100
- * Allows a function to be triggered once a dropdown pill changes
101
- */
102
- onChangeDropdownPill: import_ds_props_helpers.PropTypes.func.description("Allows a function to be triggered once a dropdown pill changes"),
103
- /**
104
- * Allows a function to render a toolbar
105
- */
106
- renderToolbar: import_ds_props_helpers.PropTypes.func.description("Allows a function to render a toolbar"),
107
- /**
108
- * Set style for the filter bar
109
- */
110
- style: import_ds_props_helpers.PropTypes.object.description("Set style for the filter bar"),
111
- /** max width for filterbar */
112
- maxWidth: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("max width for filterbar"),
113
- /** min width for filterbar */
114
- minWidth: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.string, import_ds_props_helpers.PropTypes.number]).description("min width for filterbar")
115
- };
116
- DSFilterBar.propTypes = props;
117
- DSFilterBar.displayName = "DSFilterBar";
118
- const DSFilterBarWithSchema = (0, import_ds_props_helpers.describe)(DSFilterBar);
119
- DSFilterBarWithSchema.propTypes = props;
120
- var DSFilterBar_default = DSFilterBar;
121
- //# sourceMappingURL=DSFilterBar.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/DSFilterBar.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
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
- "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
- "names": []
7
- }
@@ -1,144 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var FilterBarImpl_exports = {};
30
- __export(FilterBarImpl_exports, {
31
- FilterBarImpl: () => FilterBarImpl,
32
- default: () => FilterBarImpl_default
33
- });
34
- module.exports = __toCommonJS(FilterBarImpl_exports);
35
- var React = __toESM(require("react"));
36
- var import_jsx_runtime = require("react/jsx-runtime");
37
- var import_react = require("react");
38
- var import_prop_types = __toESM(require("prop-types"));
39
- var import_lodash = require("lodash");
40
- var import_ds_classnames = require("@elliemae/ds-classnames");
41
- var import_ds_utilities = require("@elliemae/ds-utilities");
42
- var import_ds_button = require("@elliemae/ds-button");
43
- var import_FilterLabeledPills = require("./FilterLabeledPills.js");
44
- var import_FilterDropdownPill = require("./FilterDropdownPill.js");
45
- var import_transformFilters = require("./transformFilters.js");
46
- const blockName = "filter-bar";
47
- const FilterBarContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName);
48
- const PillsContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "pills");
49
- const ButtonsContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockName, "buttons");
50
- const updateFilters = (nextProps, { prevProps }) => (state) => !(0, import_ds_utilities.isEqual)(nextProps.filters, prevProps.filters) ? {
51
- ...state,
52
- filters: nextProps.filters,
53
- prevProps: { ...state.prevProps, filters: nextProps.filters }
54
- } : state;
55
- class FilterBarImpl extends import_react.PureComponent {
56
- constructor(props) {
57
- super(props);
58
- this.state = {
59
- filters: props.filters,
60
- fixedFilters: props.fixedFilters,
61
- prevProps: {}
62
- };
63
- this.focusGroups = [];
64
- this.handleRemoveFilter = this.handleRemoveFilter.bind(this);
65
- this.setFocusGroup = this.setFocusGroup.bind(this);
66
- this.focusNextGroup = this.focusNextGroup.bind(this);
67
- this.focusPreviousGroup = this.focusPreviousGroup.bind(this);
68
- }
69
- static getDerivedStateFromProps(nextProps, prevState) {
70
- const nextState = updateFilters(nextProps, prevState)(prevState);
71
- return !(0, import_ds_utilities.isEqual)(nextState, prevState) ? nextState : null;
72
- }
73
- setFocusGroup(index, focusGroup) {
74
- this.focusGroups[index] = focusGroup;
75
- }
76
- focusNextGroup(currIndex) {
77
- const nextGroup = this.focusGroups[currIndex + 1];
78
- if (nextGroup) {
79
- setTimeout(() => nextGroup.actions.focusFirst(), 10);
80
- }
81
- }
82
- focusPreviousGroup(currIndex) {
83
- const prevGroup = this.focusGroups[currIndex - 1];
84
- if (prevGroup) {
85
- prevGroup.actions.focusLast();
86
- }
87
- }
88
- handleRemoveFilter({ pill, group }) {
89
- const { filters } = this.state;
90
- const { onRemoveFilter } = this.props;
91
- const pillId = pill?.id;
92
- const nextFilters = filters.filter((filter) => !(filter.group === group && filter.id === pillId));
93
- this.setState({ filters: nextFilters });
94
- onRemoveFilter({
95
- // get remove params from LabeledDropdownSinglePill
96
- // without breaking backwards compat for group pills
97
- // eslint-disable-next-line prefer-rest-params
98
- pill: pill || (0, import_lodash.get)(arguments, "0", {}),
99
- // eslint-disable-next-line prefer-rest-params
100
- group: group || (0, import_lodash.get)(arguments, "1.groupId"),
101
- nextFilters
102
- });
103
- }
104
- render() {
105
- const { onRemoveAllFilters, renderToolbar, containerProps, maxWidth, minWidth } = this.props;
106
- const { filters } = this.state;
107
- const groupedFilters = (0, import_transformFilters.prepareFilters)(filters);
108
- const renderFilterToolbar = (0, import_ds_utilities.isFunction)(renderToolbar) ? renderToolbar({ onRemoveAllFilters }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_button.DSButton, { buttonType: "text", labelText: "CLEAR", onClick: onRemoveAllFilters });
109
- return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(FilterBarContainer, { "data-testid": "em-ds-filter-bar", ...containerProps, children: [
110
- /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PillsContainer, { children: groupedFilters.map((pillGroup, index) => {
111
- const FilterPillComponent = pillGroup.type === "dropdown" ? import_FilterDropdownPill.FilterDropdownPill : import_FilterLabeledPills.FilterLabeledPills;
112
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
113
- FilterPillComponent,
114
- {
115
- groupId: pillGroup.group,
116
- groupIndex: index,
117
- label: pillGroup.label,
118
- maxWidth,
119
- minWidth,
120
- onFocusGroupSet: (focusGroup) => this.setFocusGroup(index, focusGroup),
121
- onFocusNextGroup: () => this.focusNextGroup(index),
122
- onFocusPreviousGroup: () => this.focusPreviousGroup(index),
123
- onRemove: this.handleRemoveFilter,
124
- pills: pillGroup.values
125
- },
126
- pillGroup.label
127
- );
128
- }) }),
129
- !!filters.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ButtonsContainer, { children: renderFilterToolbar })
130
- ] });
131
- }
132
- }
133
- FilterBarImpl.propTypes = {
134
- filters: import_prop_types.default.array,
135
- fixedFilters: import_prop_types.default.array,
136
- onRemoveFilter: import_prop_types.default.func,
137
- onRemoveAllFilters: import_prop_types.default.func,
138
- renderToolbar: import_prop_types.default.func,
139
- containerProps: import_prop_types.default.object,
140
- maxWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
141
- minWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])
142
- };
143
- var FilterBarImpl_default = FilterBarImpl;
144
- //# sourceMappingURL=FilterBarImpl.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/FilterBarImpl.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
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
- "mappings": "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",
6
- "names": ["PropTypes"]
7
- }
@@ -1,127 +0,0 @@
1
- "use strict";
2
- var __create = Object.create;
3
- var __defProp = Object.defineProperty;
4
- var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
- var __getOwnPropNames = Object.getOwnPropertyNames;
6
- var __getProtoOf = Object.getPrototypeOf;
7
- var __hasOwnProp = Object.prototype.hasOwnProperty;
8
- var __export = (target, all) => {
9
- for (var name in all)
10
- __defProp(target, name, { get: all[name], enumerable: true });
11
- };
12
- var __copyProps = (to, from, except, desc) => {
13
- if (from && typeof from === "object" || typeof from === "function") {
14
- for (let key of __getOwnPropNames(from))
15
- if (!__hasOwnProp.call(to, key) && key !== except)
16
- __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
17
- }
18
- return to;
19
- };
20
- var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
21
- // If the importer is in node compatibility mode or this is not an ESM
22
- // file that has been converted to a CommonJS file using a Babel-
23
- // compatible transform (i.e. "__esModule" has not been set), then set
24
- // "default" to the CommonJS "module.exports" for node compatibility.
25
- isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
26
- mod
27
- ));
28
- var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
29
- var FilterDropdownPill_exports = {};
30
- __export(FilterDropdownPill_exports, {
31
- FilterDropdownPill: () => FilterDropdownPill,
32
- default: () => FilterDropdownPill_default
33
- });
34
- module.exports = __toCommonJS(FilterDropdownPill_exports);
35
- var React = __toESM(require("react"));
36
- var import_jsx_runtime = require("react/jsx-runtime");
37
- var import_react = require("react");
38
- var import_prop_types = __toESM(require("prop-types"));
39
- var import_styled = require("./styled.js");
40
- var import_ds_shared = require("@elliemae/ds-shared");
41
- const noop = () => null;
42
- const FilterDropdownPill = ({
43
- groupIndex,
44
- groupId,
45
- label,
46
- pills = [],
47
- onFocusGroupSet,
48
- onFocusNextGroup,
49
- onFocusPreviousGroup,
50
- maxWidth,
51
- onRemove = noop,
52
- minWidth
53
- }) => {
54
- const ref = (0, import_react.useRef)(null);
55
- (0, import_ds_shared.useFocusGroupItem)(ref);
56
- const {
57
- onSelectOption = noop,
58
- onRemoveOption = noop,
59
- onChange,
60
- options,
61
- value,
62
- type,
63
- multi,
64
- fixed,
65
- ...otherDropdownProps
66
- } = pills[0];
67
- const selectOption = (0, import_react.useCallback)(
68
- (option, optionIndex) => {
69
- onSelectOption(option, {
70
- optionIndex,
71
- groupIndex,
72
- groupId
73
- });
74
- },
75
- [groupId, value, options]
76
- );
77
- const removeOption = (0, import_react.useCallback)(
78
- (option, optionIndex) => {
79
- onRemove(option, {
80
- optionIndex,
81
- groupIndex,
82
- groupId
83
- });
84
- onRemoveOption(option, {
85
- optionIndex,
86
- groupIndex,
87
- groupId
88
- });
89
- },
90
- [groupId, value, options]
91
- );
92
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
93
- import_styled.StyledLabeledDropdownPills,
94
- {
95
- ...otherDropdownProps,
96
- id: groupId,
97
- innerRef: ref,
98
- label,
99
- maxWidth,
100
- minWidth,
101
- onChange,
102
- onFocusGroupSet,
103
- onFocusNextGroup,
104
- onFocusPreviousGroup,
105
- onRemove: removeOption,
106
- onSelect: selectOption,
107
- options,
108
- type: type || (multi ? "multi" : "single"),
109
- value,
110
- fixed
111
- }
112
- );
113
- };
114
- FilterDropdownPill.propTypes = {
115
- groupIndex: import_prop_types.default.number,
116
- groupId: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
117
- label: import_prop_types.default.string,
118
- pills: import_prop_types.default.arrayOf(import_prop_types.default.shape({ label: import_prop_types.default.string, value: import_prop_types.default.any })),
119
- onFocusGroupSet: import_prop_types.default.func,
120
- onFocusNextGroup: import_prop_types.default.func,
121
- onFocusPreviousGroup: import_prop_types.default.func,
122
- maxWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
123
- onRemove: import_prop_types.default.func,
124
- minWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number])
125
- };
126
- var FilterDropdownPill_default = FilterDropdownPill;
127
- //# sourceMappingURL=FilterDropdownPill.js.map
@@ -1,7 +0,0 @@
1
- {
2
- "version": 3,
3
- "sources": ["../../src/FilterDropdownPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { useCallback, useRef } from 'react';\nimport PropTypes from 'prop-types';\nimport { StyledLabeledDropdownPills as LabeledDropdownPills } from './styled.js';\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
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8DnB;AA9DJ,mBAA2C;AAC3C,wBAAsB;AACtB,oBAAmE;AACnE,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,cAAAA;AAAA,IAAA;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,kBAAAC,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
- "names": ["LabeledDropdownPills", "PropTypes"]
7
- }