@leafygreen-ui/combobox 5.0.2 → 5.0.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/CHANGELOG.md +15 -0
- package/dist/Chip.d.ts.map +1 -1
- package/dist/Combobox.d.ts.map +1 -1
- package/dist/Combobox.styles.d.ts.map +1 -1
- package/dist/Combobox.types.d.ts.map +1 -1
- package/dist/ComboboxContext.d.ts.map +1 -1
- package/dist/ComboboxGroup.d.ts.map +1 -1
- package/dist/ComboboxMenu/ComboboxMenu.d.ts.map +1 -1
- package/dist/ComboboxMenu/Menu.styles.d.ts.map +1 -1
- package/dist/ComboboxOption.d.ts.map +1 -1
- package/dist/ComboboxTestUtils.d.ts.map +1 -1
- package/dist/Menu.styles.d.ts.map +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/utils/flattenChildren.d.ts.map +1 -1
- package/dist/utils/getNameAndValue.d.ts.map +1 -1
- package/dist/utils/index.d.ts +3 -3
- package/dist/utils/index.d.ts.map +1 -1
- package/package.json +11 -10
- package/src/Chip.tsx +6 -4
- package/src/Combobox.spec.tsx +11 -9
- package/src/Combobox.story.tsx +5 -3
- package/src/Combobox.styles.ts +1 -0
- package/src/Combobox.tsx +45 -43
- package/src/Combobox.types.ts +1 -0
- package/src/ComboboxContext.tsx +3 -1
- package/src/ComboboxGroup.tsx +5 -3
- package/src/ComboboxMenu/ComboboxMenu.tsx +11 -8
- package/src/ComboboxMenu/Menu.styles.ts +3 -1
- package/src/ComboboxOption.tsx +8 -6
- package/src/ComboboxTestUtils.tsx +10 -8
- package/src/Menu.styles.ts +1 -0
- package/src/index.ts +1 -1
- package/src/utils/ComboboxUtils.spec.tsx +6 -3
- package/src/utils/flattenChildren.tsx +3 -0
- package/src/utils/getNameAndValue.ts +1 -0
- package/src/utils/index.ts +3 -3
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
# @leafygreen-ui/combobox
|
|
2
2
|
|
|
3
|
+
## 5.0.3
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- b7f7a4c95: Updates package dependencies & devDependencies, and ensures each package is appropriately listed. Ensures `tsconfig` has no circular dependencies
|
|
8
|
+
- Updated dependencies [b7f7a4c95]
|
|
9
|
+
- @leafygreen-ui/checkbox@12.0.3
|
|
10
|
+
- @leafygreen-ui/icon@11.12.2
|
|
11
|
+
- @leafygreen-ui/icon-button@15.0.2
|
|
12
|
+
- @leafygreen-ui/inline-definition@6.0.1
|
|
13
|
+
- @leafygreen-ui/palette@3.4.5
|
|
14
|
+
- @leafygreen-ui/popover@11.0.2
|
|
15
|
+
- @leafygreen-ui/tokens@1.4.1
|
|
16
|
+
- @leafygreen-ui/typography@15.1.1
|
|
17
|
+
|
|
3
18
|
## 5.0.2
|
|
4
19
|
|
|
5
20
|
### Patch Changes
|
package/dist/Chip.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../src/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AActE,OAAO,EAAE,SAAS,EAAwB,MAAM,kBAAkB,CAAC;AAiInE,eAAO,MAAM,IAAI,mFA0IhB,CAAC"}
|
package/dist/Combobox.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":";AAaA,OAAO,SAAS,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../src/Combobox.tsx"],"names":[],"mappings":";AAaA,OAAO,SAAS,MAAM,YAAY,CAAC;AAuCnC,OAAO,EAEL,aAAa,EAUd,MAAM,kBAAkB,CAAC;AAY1B;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,CAAC,SAAS,OAAO,EAAE,EAC1C,QAAQ,EACR,KAAK,EACL,WAAW,EACX,WAAsB,EACtB,YAAY,EAAE,SAAS,EACvB,QAAgB,EAChB,IAA2B,EAC3B,QAAQ,EAAE,YAAY,EACtB,KAAc,EACd,YAAY,EACZ,WAAqB,EACrB,kBAAuC,EACvC,kBAA6C,EAC7C,oBAA2C,EAC3C,eAAe,EACf,QAAQ,EACR,SAAgB,EAChB,OAAO,EACP,QAAqB,EACrB,WAAwB,EACxB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,sBAAsB,EACtB,kBAAuB,EACvB,SAAS,EACT,SAAgB,EAChB,eAAe,EACf,eAAe,EACf,eAAe,EACf,aAAa,EACb,GAAG,IAAI,EACR,EAAE,aAAa,CAAC,CAAC,CAAC,eAquClB;yBAtwCe,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmzCxB;;;GAGG"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../src/Combobox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Combobox.styles.d.ts","sourceRoot":"","sources":["../src/Combobox.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAyB,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAWlE,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAElE;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAG7C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,mBAAmB;;;CAGtB,CAAC;AAEX;;GAEG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAK5C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CASlE,CAAC;AAEF,sCAAsC;AACtC,eAAO,MAAM,mBAAmB,KAAK,CAAC;AAEtC,+CAA+C;AAC/C,eAAO,MAAM,aAAa,IAAa,CAAC;AAexC,eAAO,MAAM,aAAa,QAAyC,CAAC;AAEpE,eAAO,MAAM,mBAAmB,SAAU,IAAI,KAAG,MAMhD,CAAC;AAEF,eAAO,MAAM,kBAAkB,QAY9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAmBrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,SAAU,IAAI,WAE5C,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAaxD,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAepD,CAAC;AAEF,eAAO,MAAM,uBAAuB,QAEnC,CAAC;AAEF,eAAO,MAAM,iBAAiB;cAIlB,QAAQ;UACZ,IAAI;wBAgDX,CAAC;AAEF,eAAO,MAAM,qBAAqB,QAkBjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAWxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAoBtD,CAAC;AAEF,eAAO,MAAM,4BAA4B,WAAY,OAAO,WAM3D,CAAC;AAGF,8CAA8C;AAC9C,eAAO,MAAM,4BAA4B,SACjC,IAAI,4CAQX,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAG5B,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,IAAI,WAItC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOxD,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAWtD,CAAC;AACF,eAAO,MAAM,8BAA8B,QAE1C,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../src/Combobox.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Combobox.types.d.ts","sourceRoot":"","sources":["../src/Combobox.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../src/ComboboxContext.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ComboboxContext.d.ts","sourceRoot":"","sources":["../src/ComboboxContext.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,EACL,YAAY,EACZ,WAAW,EACX,KAAK,EACL,kBAAkB,EACnB,MAAM,kBAAkB,CAAC;AAE1B,UAAU,YAAY;IACpB,WAAW,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,WAAW,CAAC;IACzB,sBAAsB,CAAC,EAAE,kBAAkB,CAAC;IAC5C,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,eAAe,uCAU1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../src/ComboboxGroup.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ComboboxGroup.d.ts","sourceRoot":"","sources":["../src/ComboboxGroup.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,YAAY,CAAC;AAOnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAkCtD,wBAAgB,qBAAqB,CAAC,EACpC,KAAK,EACL,SAAS,EACT,QAAQ,GACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAqBlC;AAUD,iBAAwB,aAAa,CAAC,CAAC,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAExE;kBAFuB,aAAa;;;;;;;;eAAb,aAAa"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxMenu.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/ComboboxMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAiClD,eAAO,MAAM,YAAY;eAjBZ,MAAM,SAAS;WACnB,MAAM,SAAS,CAAC,cAAc,CAAC;QAClC,MAAM;aACD,MAAM;eACJ,MAAM;qOAmIlB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../../src/ComboboxMenu/Menu.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,YAAY,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AAEzD,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,IAAI,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAGlE,CAAC;AAEF,oCAAoC;AACpC,eAAO,MAAM,cAAc;;;CAI1B,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,4BAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CASnD,CAAC;AAEF,eAAO,MAAM,aAAa,QASzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAShD,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAO9C,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAOvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CAarD,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,IAAI,EAAE,MAAM,CASzD,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../src/ComboboxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ComboboxOption.d.ts","sourceRoot":"","sources":["../src/ComboboxOption.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAChE,OAAO,SAAS,MAAM,YAAY,CAAC;AAWnC,OAAO,EACL,mBAAmB,EAEnB,2BAA2B,EAC5B,MAAM,kBAAkB,CAAC;AAuJ1B;;GAEG;AACH,QAAA,MAAM,sBAAsB,mGA6I3B,CAAC;AAGF,OAAO,EAAE,sBAAsB,EAAE,CAAC;AAClC,wBAAgB,cAAc,CAAC,CAAC,EAAE,mBAAmB,GAAG,GAAG,CAAC,OAAO,CAElE;yBAFe,cAAc"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../src/ComboboxTestUtils.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"ComboboxTestUtils.d.ts","sourceRoot":"","sources":["../src/ComboboxTestUtils.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,OAAO,EACL,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,kBAAkB,CAAC;AAG1B,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,CAAC;CACxC;AAED,oBAAY,MAAM,GAAG,QAAQ,GAAG,UAAU,CAAC;AAC3C,aAAK,mBAAmB,GAAG;IACzB,OAAO,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,YAAY,GAAG,YAAY,CAAC,CAAC;CACvD,GAAG,iBAAiB,GACnB,wBAAwB,CAAC,OAAO,CAAC,CAAC;AAEpC,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CAgB9C,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,YAAY,CA+B9C,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,0DA2C1B,CAAC;AAEF;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,CAAC,SAAS,MAAM,EAC7C,MAAM,GAAE,CAAiB,EACzB,KAAK,CAAC,EAAE,mBAAmB;iCAsDS,mBAAmB;;gBAetB,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;;gBAgBxC,MAAM,GAAG,WAAW,GAAG,IAAI;gBAC3B,OAAO,GAAG,MAAM,GAAG,WAAW,GAAG,IAAI;gBACrC,MAAM,MAAM,CAAC,GAAG,MAAM,WAAW,CAAC,GAAG,IAAI;;yBA5BjD,MAAM,WAAW,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6D7C;AAED;;;;GAIG;AACH,eAAO,MAAM,MAAM,cAAe,OAAO,YAAmC,CAAC;AAiC7E,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,IAAI,CAAC;QACb,UAAU,QAAQ,CAAC,CAAC;YAClB,cAAc,IAAI,CAAC,CAAC;SACrB;KACF;CACF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../src/Menu.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.styles.d.ts","sourceRoot":"","sources":["../src/Menu.styles.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAI3C,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,oCAAoC;AACpC,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,YAAY,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAA;CAAE,CAG1E,CAAC;AAEF;;GAEG;AAEH,eAAO,MAAM,YAAY,4BAIxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAKnD,CAAC;AAEF,eAAO,MAAM,aAAa,QAUzB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAMhD,CAAC;AAEF,eAAO,MAAM,QAAQ,QAIpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,QAKhC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,MAAM,CAAC,KAAK,EAAE,MAAM,CAKvD,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAe7D,CAAC;AAEF,eAAO,MAAM,wBAAwB,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CASjE,CAAC;AAWF,eAAO,MAAM,gBAAgB,QAE5B,CAAC"}
|
package/dist/esm/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"lodash/clone";import n from"lodash/isArray";import r from"lodash/isEqual";import t from"lodash/isNull";import o from"lodash/isString";import a from"lodash/isUndefined";import i,{createContext as l,useContext as c,useCallback as s,useMemo as u,useRef as d,useEffect as f,useState as p}from"react";import g from"prop-types";import{Label as h,Description as b}from"@leafygreen-ui/typography";import{useIdAllocator as m,useForwardedRef as v,useAvailableSpace as y,useDynamicRefs as x,usePrevious as k,useEventListener as w}from"@leafygreen-ui/hooks";import E,{isComponentGlyph as D}from"@leafygreen-ui/icon";import L from"@leafygreen-ui/icon-button";import{css as C,cx as O,keyframes as N}from"@leafygreen-ui/emotion";import{palette as S}from"@leafygreen-ui/palette";import{isComponentType as M,Theme as z,createUniqueClassName as j,keyMap as I,consoleOnce as P}from"@leafygreen-ui/lib";import{useDarkMode as A}from"@leafygreen-ui/leafygreen-provider";import F from"lodash/escapeRegExp";import T from"lodash/kebabCase";import H from"@leafygreen-ui/checkbox";import{typeScales as R,spacing as W,fontFamilies as G,transitionDuration as K,hoverRing as X,focusRing as V}from"@leafygreen-ui/tokens";import{transparentize as U}from"polished";import Z from"@leafygreen-ui/inline-definition";import q from"@leafygreen-ui/popover";function B(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}function $(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function J(){return J=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},J.apply(this,arguments)}function Q(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function _(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var t,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(a.push(t.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(l)throw o}}return a}(e,n)||re(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ne(e){return function(e){if(Array.isArray(e))return te(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||re(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function re(e,n){if(e){if("string"==typeof e)return te(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?te(e,n):void 0}}function te(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var oe="Input",ae="ClearButton",ie="FirstChip",le="LastChip",ce="MiddleChip",se="Combobox",ue="Menu",de={Default:"default",Large:"large"},fe={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},pe={error:"error",none:"none"},ge={unset:"unset",error:"error",loading:"loading"};var he,be,me,ve,ye,xe,ke,we,Ee,De,Le,Ce,Oe,Ne,Se,Me,ze,je,Ie,Pe,Ae,Fe,Te,He,Re,We,Ge,Ke,Xe,Ve,Ue,Ze,qe,Be=function(e,n,r){if(n&&r){var t=F(n),o=new RegExp(t,"gi"),a=e.matchAll(o);if(a){for(var l=e.split(""),c=0,s=Array.from(a);c<s.length;c++){var u,d=s[c],f=null!==(u=d.index)&&void 0!==u?u:-1,p=d[0],g=p.length,h=f+p+g,b=new Array(g).fill("");b[0]=i.createElement(r,{key:h},p),l.splice.apply(l,[f,g].concat(ne(b)))}return i.createElement(i.Fragment,null,l)}return i.createElement(i.Fragment,null,e)}return i.createElement(i.Fragment,null,e)},Ye=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:T(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},$e=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Je=function(e,n){var r,t;return e?null!==(r=null===(t=$e(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},Qe=function e(n){return i.Children.toArray(n).reduce((function(n,r){if(M(r,"ComboboxOption")){var t=Ye(r.props),o=t.value,a=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(ne(n),[{value:o,displayName:a,isDisabled:!!c,hasGlyph:!!l}])}if(M(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(ne(n),ne(e(s)))}}),[])},_e=l({multiselect:!1,darkMode:!1,theme:z.Light,size:de.Default,withIcons:!1,disabled:!1,isOpen:!1,state:pe.none,searchState:ge.unset}),en=($(me={},z.Light,C(he||(he=_(["\n padding-top: 8px;\n "])))),$(me,z.Dark,C(be||(be=_(["\n padding-top: 8px;\n "])))),me),nn=C(ve||(ve=_(["\n cursor: default;\n width: 100%;\n padding: 0 12px 2px;\n outline: none;\n overflow-wrap: anywhere;\n font-size: 12px;\n line-height: 16px;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"]))),rn=($(ke={},z.Light,C(ye||(ye=_(["\n color: ",";\n "])),S.gray.dark1)),$(ke,z.Dark,C(xe||(xe=_(["\n color: ",";\n "])),S.gray.light1)),ke);function tn(e){var n=e.label,r=e.className,t=e.children,o=c(_e).theme,a=m({prefix:"combobox-group"});return i.Children.count(t)>0?i.createElement("div",{className:O(en[o],r)},i.createElement("div",{className:O(nn,rn[o]),id:a},n),i.createElement("div",{role:"group","aria-labelledby":a},t)):i.createElement(i.Fragment,null)}function on(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}on.displayName="ComboboxGroup",on.propTypes={className:g.string,children:g.node.isRequired,label:g.string.isRequired};var an=($(we={},de.Default,{x:12,y:8}),$(we,de.Large,{x:12,y:8}),we),ln=($(Ee={},de.Default,R.body1.lineHeight+2*an[de.Default].y),$(Ee,de.Large,R.body2.lineHeight+2*an[de.Large].y),Ee),cn=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return C(De||(De=_(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},sn=($(Oe={},z.Light,C(Le||(Le=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),U(.85,S.black),S.gray.light2)),$(Oe,z.Dark,C(Ce||(Ce=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),U(.85,S.black),S.gray.dark3)),Oe),un=C(Ne||(Ne=_(["\n position: relative;\n width: 100%;\n margin: 0;\n padding: ","px 0;\n font-family: ",";\n border-radius: inherit;\n overflow-y: auto;\n scroll-behavior: smooth;\n"])),W[2],G.default),dn=($(ze={},z.Light,C(Se||(Se=_(["\n color: ",";\n background-color: ",";\n "])),S.black,S.white)),$(ze,z.Dark,C(Me||(Me=_(["\n color: ",";\n background-color: ",";\n "])),S.gray.light1,S.gray.dark3)),ze);$(Pe={},de.Default,C(je||(je=_(["\n min-height: ","px;\n "])),ln[de.Default])),$(Pe,de.Large,C(Ie||(Ie=_(["\n min-height: ","px;\n "])),ln[de.Large]));var fn=C(Ae||(Ae=_(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),pn=C(Fe||(Fe=_(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),gn=($(Re={},z.Light,C(Te||(Te=_(["\n color: ",";\n "])),S.gray.dark3)),$(Re,z.Dark,C(He||(He=_(["\n color: ",";\n "])),S.gray.light3)),Re),hn=($(Ke={},de.Default,C(We||(We=_(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),R.body1.fontSize,R.body1.lineHeight,an[de.Default].y,an[de.Default].x)),$(Ke,de.Large,C(Ge||(Ge=_(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),R.body2.fontSize,R.body2.lineHeight,an[de.Large].y,an[de.Large].x)),Ke);$(Ue={},de.Default,C(Xe||(Xe=_(["\n height: ","px;\n width: ","px;\n "])),R.body1.fontSize,R.body1.fontSize)),$(Ue,de.Large,C(Ve||(Ve=_(["\n height: ","px;\n width: ","px;\n "])),R.body2.fontSize,R.body2.fontSize));var bn,mn,vn,yn,xn,kn,wn,En,Dn,Ln,Cn,On,Nn,Sn,Mn,zn,jn,In,Pn,An,Fn,Tn,Hn,Rn,Wn,Gn,Kn,Xn,Vn,Un,Zn,qn,Bn,Yn,$n,Jn,Qn,_n,er,nr,rr,tr,or,ar,ir,lr,cr,sr,ur,dr,fr,pr,gr,hr,br,mr,vr,yr,xr,kr,wr,Er,Dr,Lr,Cr=N(Ze||(Ze=_(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Or=C(qe||(qe=_(["\n animation: "," 1.5s linear infinite;\n"])),Cr),Nr=C(bn||(bn=_(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n color: inherit;\n cursor: pointer;\n overflow: hidden;\n font-family: ",";\n\n // Left wedge\n &:before {\n content: '';\n position: absolute;\n left: 0;\n width: 4px;\n height: calc(100% - 14px);\n background-color: rgba(255, 255, 255, 0);\n border-radius: 0 6px 6px 0;\n transform: scale3d(0, 0.3, 0);\n transition: 200ms ease-in-out;\n transition-property: transform, background-color;\n }\n"])),G.default),Sr=($(yn={},z.Light,C(mn||(mn=_(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.light2)),$(yn,z.Dark,C(vn||(vn=_(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),S.gray.dark4)),yn),Mr=($(wn={},de.Default,C(xn||(xn=_(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),R.body1.fontSize,R.body1.lineHeight,ln[de.Default],an[de.Default].y,an[de.Default].x,W[1],ln[de.Default])),$(wn,de.Large,C(kn||(kn=_(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),R.body2.fontSize,R.body2.lineHeight,ln[de.Large],an[de.Large].y,an[de.Large].x,W[2],ln[de.Large])),wn),zr=C(En||(En=_(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),jr=($(Cn={},z.Light,C(Dn||(Dn=_(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),zr,S.blue.light3,S.blue.base)),$(Cn,z.Dark,C(Ln||(Ln=_(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),zr,S.blue.dark3,S.blue.light1)),Cn),Ir=C(On||(On=_(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Pr=($(Mn={},z.Light,C(Nn||(Nn=_(["\n ",";\n color: ",";\n "])),Ir,S.gray.light1)),$(Mn,z.Dark,C(Sn||(Sn=_(["\n ",";\n color: ",";\n "])),Ir,S.gray.dark1)),Mn),Ar=($(In={},de.Default,C(zn||(zn=_(["\n min-width: ","px;\n "])),W[3])),$(In,de.Large,C(jn||(jn=_(["\n min-width: ","px;\n "])),W[4])),In),Fr=C(Pn||(Pn=_(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Tr=C(An||(An=_(["\n pointer-events: none;\n"]))),Hr=function(e){return C(Fn||(Fn=_(["\n font-weight: ",";\n"])),e?"bold":"normal")},Rr=i.forwardRef((function(e,n){var r,t=e.displayName,o=e.glyph,a=e.isSelected,l=e.isFocused,d=e.disabled,f=e.setSelected,p=e.className,g=c(_e),h=g.multiselect,b=g.darkMode,y=g.theme,x=g.withIcons,k=g.inputValue,w=g.size,L=m({prefix:"combobox-option-text"}),N=v(n,null),M=s((function(e){e.stopPropagation(),d||e.target!==N.current&&"INPUT"!==e.target.tagName||f()}),[d,N,f]),z=u((function(){if(o){if(D(o))return o;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",o)}}),[o]),j=u((function(){if(h){var e=i.createElement(H,{"aria-labelledby":L,checked:a,tabIndex:-1,disabled:d,darkMode:b,className:C(Tn||(Tn=_(["\n // TODO: Remove when this is resolved:\n // https://jira.mongodb.org/browse/PD-2171\n & > label > div {\n margin-top: 0;\n }\n "])))});return i.createElement(i.Fragment,null,i.createElement("span",{className:O(Fr,Tr)},x?z:e,i.createElement("span",{id:L,className:Hr(a)},Be(t,k,"strong"))),x&&e)}return i.createElement(i.Fragment,null,i.createElement("span",{className:O(Fr,Tr)},z,i.createElement("span",{className:Hr(a)},Be(t,k,"strong"))),a&&i.createElement(E,{glyph:"Checkmark",className:Ar[w],color:b?S.blue.light1:S.blue.base}))}),[h,z,a,t,k,w,b,L,d,x]);return i.createElement("li",{ref:N,role:"option","aria-selected":l,"aria-label":t,tabIndex:-1,className:O(Nr,Mr[w],Sr[y],(r={},$(r,jr[y],l),$(r,Pr[y],d),r),p),onClick:M,onKeyDown:M},j)}));function Wr(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}Rr.displayName="ComboboxOption",Wr.displayName="ComboboxOption",Wr.propTypes={displayName:g.string,value:g.string,glyph:g.node,disabled:g.bool,className:g.string};var Gr,Kr,Xr,Vr,Ur,Zr,qr,Br,Yr,$r,Jr,Qr,_r,et,nt,rt,tt,ot,at,it,lt,ct,st,ut,dt=($(Hn={},de.Default,R.body1.fontSize),$(Hn,de.Large,R.body2.fontSize),Hn),ft=($(Rn={},de.Default,2),$(Rn,de.Large,4),Rn),pt=($(Wn={},de.Default,R.body1.lineHeight+2*ft[de.Default]),$(Wn,de.Large,R.body2.lineHeight+2*ft[de.Large]),Wn),gt=($(Gn={},de.Default,{y:(36-pt[de.Default]-2)/2,x:W[2]-1}),$(Gn,de.Large,{y:(48-pt[de.Large]-2)/2,x:W[2]-1}),Gn),ht=W[3],bt=($(Kn={},de.Default,dt[de.Default]+2*gt[de.Default].x+ht+2),$(Kn,de.Large,dt[de.Large]+2*gt[de.Large].x+ht+2),Kn),mt=j("combobox-chip"),vt=function(e){return C(Xn||(Xn=_(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),G.default,bt[e])},yt=C(Vn||(Vn=_(["\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr ","px;\n align-items: center;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n"])),ht,K.default),xt=($(qn={},z.Light,C(Un||(Un=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),S.gray.dark3,S.white,S.gray.base,X[z.Light].gray)),$(qn,z.Dark,C(Zn||(Zn=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),S.gray.light2,S.gray.dark4,S.gray.base,X[z.Dark].gray)),qn),kt=function(e){return C(Bn||(Bn=_(["\n padding: ","px ","px;\n"])),gt[e].y,gt[e].x)},wt=($(Jn={},z.Light,C(Yn||(Yn=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.light2,S.gray.light1)),$(Jn,z.Dark,C($n||($n=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),S.gray.dark1,S.gray.dark3,S.gray.dark2)),Jn),Et=($(er={},z.Light,C(Qn||(Qn=_(["\n border-color: ",";\n "])),S.red.base)),$(er,z.Dark,C(_n||(_n=_(["\n border-color: ",";\n "])),S.red.light1)),er),Dt=($(tr={},z.Light,C(nr||(nr=_(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.white,V[z.Light].input)),$(tr,z.Dark,C(rr||(rr=_(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),S.gray.dark4,V[z.Dark].input)),tr),Lt=C(or||(or=_(["\n grid-template-columns: 1fr ","px ","px;\n"])),28,ht),Ct=function(e){var n=e.overflow,r=e.size,t=C(ar||(ar=_(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case fe.scrollX:return C(ir||(ir=_(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),t,pt[r],mt);case fe.expandY:return C(lr||(lr=_(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: hidden;\n min-height: ","px;\n "])),t,pt[r])}},Ot=C(cr||(cr=_(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),G.default),Nt=($(dr={},z.Light,C(sr||(sr=_(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.dark1)),$(dr,z.Dark,C(ur||(ur=_(["\n &::placeholder {\n color: ",";\n }\n "])),S.gray.light1)),dr),St=($(gr={},de.Default,C(fr||(fr=_(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: 4px;\n }\n "])),pt[de.Default],R.body1.fontSize,R.body1.lineHeight,dt[de.Default])),$(gr,de.Large,C(pr||(pr=_(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n &:not(:first-child) {\n padding-left: 6px;\n }\n "])),pt[de.Large],R.body2.fontSize,R.body2.lineHeight,dt[de.Large])),gr),Mt=function(e){return C(hr||(hr=_(["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by `scroll-behavior` \n */\n transition: width ease-in-out ",";\n"],["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by \\`scroll-behavior\\` \n */\n transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},zt=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return C(br||(br=_(["\n width: ","px;\n max-width: 100%;\n "])),t*dt[e])},jt=C(mr||(mr=_(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),ht/2),It=function(e){return C(vr||(vr=_(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),ht,ht,gt[e].x)},Pt=($(kr={},z.Light,C(yr||(yr=_(["\n color: ",";\n "])),S.red.base)),$(kr,z.Dark,C(xr||(xr=_(["\n color: ",";\n "])),S.red.light1)),kr),At=($(Dr={},de.Default,C(wr||(wr=_(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),R.body1.fontSize,R.body1.lineHeight,gt[de.Default].y)),$(Dr,de.Large,C(Er||(Er=_(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),R.body2.fontSize,R.body2.lineHeight,gt[de.Large].y)),Dr),Ft=C(Lr||(Lr=_(["\n margin-bottom: 2px;\n"]))),Tt=C(Gr||(Gr=_(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Ht=($(Vr={},de.Default,C(Kr||(Kr=_(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),R.body1.fontSize,R.body1.lineHeight)),$(Vr,de.Large,C(Xr||(Xr=_(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),R.body2.fontSize,R.body2.lineHeight)),Vr),Rt=($(qr={},z.Light,C(Ur||(Ur=_(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),S.black,S.gray.light2,S.blue.light2)),$(qr,z.Dark,C(Zr||(Zr=_(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),S.gray.light2,S.gray.dark2,S.blue.dark2)),qr),Wt=($($r={},z.Light,C(Br||(Br=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),S.gray.base,S.gray.light3)),$($r,z.Dark,C(Yr||(Yr=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),S.gray.dark2,S.gray.dark4,S.gray.dark2)),$r),Gt=($(_r={},de.Default,C(Jr||(Jr=_(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),ft[de.Default])),$(_r,de.Large,C(Qr||(Qr=_(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),ft[de.Large])),_r),Kt=C(et||(et=_(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color ","ms ease-in-out;\n"])),K.faster),Xt=($(tt={},de.Default,C(nt||(nt=_(["\n height: ","px;\n "])),pt[de.Default])),$(tt,de.Large,C(rt||(rt=_(["\n height: ","px;\n "])),pt[de.Large])),tt),Vt=($(it={},z.Light,C(ot||(ot=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.dark2,S.black,S.gray.light1)),$(it,z.Dark,C(at||(at=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),S.gray.light1,S.gray.light3,S.gray.dark1)),it),Ut=($(st={},z.Light,C(lt||(lt=_(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),$(st,z.Dark,C(ct||(ct=_(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),S.gray.dark2)),st),Zt=i.forwardRef((function(e,n){var r=e.displayName,t=e.isFocused,o=e.onRemove,a=e.onFocus,l=c(_e),s=l.darkMode,p=l.theme,g=l.size,h=l.disabled,b=l.chipTruncationLocation,m=void 0===b?"end":b,v=l.chipCharacterLimit,y=void 0===v?12:v,x=!!y&&!!m&&"none"!==m&&r.length>y,k=d(null),w=u((function(){if(x){var e=y-3;switch(m){case"start":return"…"+r.substring(r.length-e).trim();case"middle":return r.substring(0,e/2).trim()+"…"+r.substring(r.length-e/2).trim();case"end":return r.substring(0,e).trim()+"…";default:return r}}return!1}),[y,m,r,x]);f((function(){var e;t&&!h&&(null==k||null===(e=k.current)||void 0===e||e.focus())}),[h,n,t]);return i.createElement("span",{role:"option","aria-selected":t,"data-testid":"lg-combobox-chip",ref:n,className:O(mt,Tt,Rt[p],Ht[g],$({},Wt[p],h)),onClick:function(e){var n;null!==(n=k.current)&&void 0!==n&&n.contains(e.target)||a()},onKeyDown:function(e){h||e.keyCode!==I.Delete&&e.keyCode!==I.Backspace&&e.keyCode!==I.Enter&&e.keyCode!==I.Space||o()},tabIndex:-1},i.createElement("span",{className:O(Gt[g])},w?i.createElement(Z,{darkMode:s,definition:r,align:"bottom"},w):r),i.createElement("button",{"aria-label":"Deselect ".concat(r),"aria-disabled":h,disabled:h,ref:k,className:O(Kt,Vt[p],Xt[g],$({},Ut[p],h)),onClick:function(){h||o()}},i.createElement(E,{glyph:"X"})))}));Zt.displayName="Chip";var qt=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Bt=i.forwardRef((function(e,n){var r=e.children,t=e.id,o=e.refEl,l=e.labelId,s=e.menuWidth,d=e.searchLoadingMessage,f=e.searchErrorMessage,p=e.searchEmptyMessage,g=Q(e,qt),h=c(_e),b=h.disabled,m=h.darkMode,x=h.theme,k=h.size,w=h.isOpen,D=h.searchState,L=v(n,null),N=y(o),M=a(N)?"unset":"".concat(Math.min(N,256),"px"),z=u((function(){var e=O(pn,gn[x],hn[k]);switch(D){case"loading":return i.createElement("span",{className:e},i.createElement(E,{glyph:"Refresh",color:m?S.blue.light1:S.blue.base,className:Or}),d);case"error":return i.createElement("span",{className:e},i.createElement(E,{glyph:"Warning",color:m?S.red.light1:S.red.base}),f);default:return r&&"object"===Y(r)&&"length"in r&&r.length>0?i.createElement("ul",{className:fn},r):i.createElement("span",{className:e},p)}}),[x,k,D,m,d,f,r,p]);return i.createElement(q,J({active:w&&!b,spacing:4,align:"bottom",justify:"middle",refEl:o,adjustOnMutation:!0,className:O(cn(s),sn[x])},g),i.createElement("div",{ref:L,id:t,role:"listbox","aria-labelledby":l,"aria-expanded":w,className:O(un,dn[x],C(ut||(ut=_(["\n max-height: ",";\n "])),M)),onMouseDownCapture:function(e){return e.preventDefault()}},z))}));Bt.displayName="ComboboxMenu";var Yt=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function $t(l){var c,g=l.children,v=l.label,y=l.description,D=l.placeholder,C=void 0===D?"Select":D,N=l["aria-label"],z=l.disabled,j=void 0!==z&&z,F=l.size,T=void 0===F?de.Default:F,H=l.darkMode,R=l.state,W=void 0===R?"none":R,G=l.errorMessage,K=l.searchState,X=void 0===K?"unset":K,V=l.searchEmptyMessage,U=void 0===V?"No results found":V,Z=l.searchErrorMessage,q=void 0===Z?"Could not get results!":Z,_=l.searchLoadingMessage,ne=void 0===_?"Loading results...":_,re=l.filteredOptions,te=l.onFilter,fe=l.clearable,ge=void 0===fe||fe,he=l.onClear,be=l.overflow,me=void 0===be?"expand-y":be,ve=l.multiselect,ye=void 0!==ve&&ve,xe=l.initialValue,ke=l.onChange,we=l.value,Ee=l.chipTruncationLocation,De=l.chipCharacterLimit,Le=void 0===De?12:De,Ce=l.className,Oe=l.usePortal,Ne=void 0===Oe||Oe,Se=l.portalClassName,Me=l.portalContainer,ze=l.scrollContainer,je=l.popoverZIndex,Ie=Q(l,Yt),Pe=A(H),Ae=Pe.darkMode,Fe=Pe.theme,Te=x({prefix:"option"}),He=x({prefix:"chip"}),Re=m({prefix:"combobox-input"}),We=m({prefix:"combobox-label"}),Ge=m({prefix:"combobox-menu"}),Ke=d(null),Xe=d(null),Ve=d(null),Ue=d(null),Ze=d(null),qe=ee(p(!1),2),Be=qe[0],en=qe[1],nn=k(Be),rn=ee(p(null),2),on=rn[0],an=rn[1],ln=ee(p(null),2),cn=ln[0],sn=ln[1],un=k(cn),dn=ee(p(""),2),fn=dn[0],pn=dn[1],gn=k(fn),hn=ee(p(null),2),bn=hn[0],mn=hn[1],vn=!t(cn)&&(n(cn)&&cn.length>0||o(cn)),yn=ye&&n(cn)&&cn.length>0?void 0:C,xn=function(){return en(!1)},kn=function(){return en(!0)},wn=u((function(){return Qe(g)}),[g]),En=s((function(e){return!ye||"string"!=typeof e&&"number"!=typeof e?!ye&&n(e)&&P.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):P.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Y(e),' value: "').concat(e,'"')),ye&&n(e)}),[ye]),Dn=s((function(e){!j&&Ue&&Ue.current&&(Ue.current.focus(),a(e)||Ue.current.setSelectionRange(e,e))}),[j]),Ln=s((function(n){if(En(cn)){var r=e(cn);t(n)?r.length=0:cn.includes(n)?r.splice(r.indexOf(n),1):(r.push(n),pn("")),sn(r),null==ke||ke(r)}else{var o=n;sn(o),null==ke||ke(o)}}),[En,ke,cn]),Cn=s((function(e){return En(cn)?cn.includes(e):e===cn}),[En,cn]),On=s((function(e){var n,r,t,o,a=(r=wn,(n=e)?null!==(t=null===(o=r.find((function(e){return e.displayName===n})))||void 0===o?void 0:o.value)&&void 0!==t?t:n:"");return Cn(a)}),[wn,Cn]),Nn=s((function(e){var n="string"==typeof e?e:e.value;return re&&re.length>0?re.includes(n):!!On(fn)||("string"==typeof e?Je(n,wn):e.displayName).toLowerCase().includes(fn.toLowerCase())}),[re,On,fn,wn]),Sn=u((function(){return wn.filter(Nn)}),[wn,Nn]),Mn=s((function(e){return!!e&&!!wn.find((function(n){return n.value===e}))}),[wn]),zn=s((function(e){return Sn?Sn.findIndex((function(n){return n.value===e})):-1}),[Sn]),jn=s((function(e){if(Sn&&Sn.length>=e){var n=Sn[e];return n?n.value:void 0}}),[Sn]),In=s((function(){return En(cn)?cn.findIndex((function(e){var n,r;return null===(n=He(e))||void 0===n||null===(r=n.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[He,En,cn]),Pn=ee(p(),2),An=Pn[0],Fn=Pn[1],Tn=s((function(e){var n,r=null!==(n=null==Sn?void 0:Sn.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,o=zn(on);switch(e&&Be&&(mn(null),Dn()),e){case"next":var a=jn(o+1<r?o+1:0);an(null!=a?a:null);break;case"prev":var i=jn(o-1>=0?o-1:t);an(null!=i?i:null);break;case"last":var l=jn(t);an(null!=l?l:null);break;default:var c=jn(0);an(null!=c?c:null)}}),[on,zn,jn,Be,Dn,null==Sn?void 0:Sn.length]),Hn=s((function(e,n){if(En(cn))switch(e){case"next":var r=null!=n?n:In(),t=r+1<cn.length?r+1:cn.length-1,o=cn[t];mn(o);break;case"prev":var a=null!=n?n:In(),i=a>0?a-1:a<0?cn.length-1:0,l=cn[i];mn(l);break;case"first":var c=cn[0];mn(c);break;case"last":var s=cn[cn.length-1];mn(s);break;default:mn(null)}}),[In,En,cn]),Rn=s((function(e,n){switch(e&&an(null),e){case"right":switch(An){case oe:var r,t,o;if((null===(r=Ue.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Ue.current)||void 0===t?void 0:t.value.length))null===(o=Xe.current)||void 0===o||o.focus();break;case ie:case ce:case le:if(An===le||1===(null==cn?void 0:cn.length)){Dn(0),Hn(null),n.preventDefault();break}Hn("next")}break;case"left":switch(An){case ae:var a;n.preventDefault(),Dn(null==Ue||null===(a=Ue.current)||void 0===a?void 0:a.value.length);break;case oe:case ce:case le:if(En(cn)){var i;if(An===oe&&0!==(null===(i=Ue.current)||void 0===i?void 0:i.selectionStart))break;Hn("prev")}}break;default:Hn(null)}}),[An,En,cn,Dn,Hn]);f((function(){fn!==gn&&Tn("first")}),[fn,Be,gn,Tn]),f((function(){if(on){var e=Te(on);if(e&&e.current&&Ze.current){var n=e.current.offsetTop,r=Ze.current,t=r.scrollTop;(n>r.offsetHeight||n<t)&&(Ze.current.scrollTop=n)}}}),[on,Te]);var Wn=s((function(e){if(M(e,"ComboboxOption")){var n=Ye(e.props),r=n.value,t=n.displayName;if(Nn(r)){var o=e.props,a=o.className,l=o.glyph,c=o.disabled,s=wn.findIndex((function(e){return e.value===r})),u=on===r,d=En(cn)?cn.includes(r):cn===r,f=Te(r);return i.createElement(Rr,{value:r,displayName:t,isFocused:u,isSelected:d,disabled:c,setSelected:function(){an(r),Ln(r),Dn(),r===cn&&xn()},glyph:l,className:a,index:s,ref:f})}}else if(M(e,"ComboboxGroup")){var p=i.Children.map(e.props.children,Wn);if(p&&(null==p?void 0:p.length)>0)return i.createElement(tn,{label:e.props.label,className:e.props.className},i.Children.map(p,Wn))}}),[wn,Te,on,En,cn,Dn,Nn,Ln]),Gn=u((function(){return i.Children.map(g,Wn)}),[g,Wn]),Kn=u((function(){if(En(cn))return cn.filter(Mn).map((function(e,n){var r=Je(e,wn),t=bn===e,o=He(e),a=n>=cn.length-1;return i.createElement(Zt,{key:e,displayName:r,isFocused:t,onRemove:function(){a?(Dn(),Hn(null)):Hn("next",n),Ln(e)},onFocus:function(){mn(e)},ref:o})}))}),[En,cn,Mn,wn,bn,He,Ln,Dn,Hn]),Xn=u((function(){return i.createElement(i.Fragment,null,ge&&vn&&i.createElement(L,{"aria-label":"Clear selection","aria-disabled":j,disabled:j,ref:Xe,onClick:function(e){j||(Ln(null),null==he||he(e),null==te||te(""),Be||kn())},onFocus:$n,className:O(jt),darkMode:Ae},i.createElement(E,{glyph:"XWithCircle"})),"error"===W?i.createElement(E,{glyph:"Warning",color:Ae?S.red.light1:S.red.base,className:It(T)}):i.createElement(E,{glyph:"CaretDown",className:It(T)}))}),[ge,vn,j,W,Ae,T,Ln,he,te,Be]),Vn=u((function(){return wn.some((function(e){return e.hasGlyph}))}),[wn]),Un=s((function(){if(!En(cn)&&cn===un){var e=Sn.find((function(e){return e.displayName===fn||e.value===fn}));if(e&&!we)sn(e.value);else{var n,r=null!==(n=Je(cn,wn))&&void 0!==n?n:"";pn(r)}}}),[wn,fn,En,un,cn,we,Sn]),Zn=s((function(){if(vn){if(En(cn))er();else if(!En(cn)){var e,n=null!==(e=Je(cn,wn))&&void 0!==e?e:"";pn(n),xn()}}else pn("")}),[vn,wn,En,cn]);f((function(){if(xe)if(n(xe)){var e,r=null!==(e=xe.filter((function(e){return Mn(e)})))&&void 0!==e?e:[];sn(r)}else Mn(xe)&&sn(xe);else sn(function(e){return e?[]:null}(ye))}),[]),f((function(){if(!a(we)&&we!==gn)if(t(we))sn(null);else if(En(we)){var e=we.filter(Mn);sn(e)}else sn(Mn(we)?we:null)}),[En,Mn,gn,we]),f((function(){r(cn,un)||Zn()}),[Zn,un,cn]),f((function(){!Be&&nn&&Un()}),[Be,nn,Un]);var qn=ee(p(0),2),Bn=qn[0],Yn=qn[1];f((function(){var e,n;Yn(null!==(e=null===(n=Ke.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Ke,Be,on,cn]);var $n=function(){an(null)};w("mousedown",(function(e){_n(e)||(e.preventDefault(),e.stopPropagation())}),{enabled:Be}),w("click",(function(e){_n(e)||(e.stopPropagation(),xn())}),{options:{capture:!0},enabled:Be});var Jn,Qn=function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?B(Object(r),!0).forEach((function(n){$(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}({popoverZIndex:je},Ne?{usePortal:Ne,portalClassName:Se,portalContainer:Me,scrollContainer:ze}:{usePortal:Ne});return i.createElement(_e.Provider,{value:{multiselect:ye,darkMode:Ae,theme:Fe,size:T,withIcons:Vn,disabled:j,isOpen:Be,state:W,searchState:X,chipTruncationLocation:Ee,chipCharacterLimit:Le,inputValue:fn}},i.createElement("div",J({className:O(vt(T),Ce)},Ie),(v||y)&&i.createElement("div",{className:Ft},v&&i.createElement(h,{id:We,htmlFor:Re,darkMode:Ae},v),y&&i.createElement(b,{darkMode:Ae},y)),i.createElement("div",{ref:Ke,role:"combobox","aria-expanded":Be,"aria-controls":Ge,"aria-owns":Ge,tabIndex:-1,onMouseDown:function(e){j&&e.preventDefault()},onClick:function(e){if(e.target!==Ue.current){var n=0;if(Ue.current)n=e.nativeEvent.offsetX>Ue.current.offsetLeft+Ue.current.clientWidth?fn.length:0;Dn(n)}kn()},onFocus:function(e){er(),Fn(function(e){var n,r,t,o;if(!e)return;if(null!==(n=Ue.current)&&void 0!==n&&n.contains(e))return oe;if(null!==(r=Xe.current)&&void 0!==r&&r.contains(e))return ae;var a=En(cn)?cn.findIndex((function(n){var r,t;return null===(r=He(n))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(e)})):-1;if(En(cn)){if(0===a)return ie;if(a===cn.length-1)return le;if(a>0)return ce}if(null!==(t=Ze.current)&&void 0!==t&&t.contains(e))return ue;if(null!==(o=Ke.current)&&void 0!==o&&o.contains(e))return se}(e.target))},onKeyDown:function(e){var n,r,o=null===(n=Ze.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Ke.current)||void 0===r?void 0:r.contains(document.activeElement))||o){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case I.Tab:switch(An){case"Input":vn||(xn(),Tn("first"),Hn(null));break;case"LastChip":Hn(null)}break;case I.Escape:xn(),Tn("first");break;case I.Enter:Be?An!==oe||t(on)||function(e){if("string"==typeof e){var n=$e(e,wn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(on)?An===ae&&(Ln(null),Dn()):Ln(on):kn();break;case I.Backspace:var a;if(En(cn))"Input"===An&&0===(null===(a=Ue.current)||void 0===a?void 0:a.selectionStart)&&Hn("last");kn();break;case I.ArrowDown:Be?(e.preventDefault(),Tn("next")):kn();break;case I.ArrowUp:Be?(e.preventDefault(),Tn("prev")):kn();break;case I.ArrowRight:Rn("right",e);break;case I.ArrowLeft:Rn("left",e);break;default:Be||kn()}}},onTransitionEnd:function(){var e,n;Yn(null!==(e=null===(n=Ke.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:O(yt,xt[Fe],kt(T),(c={},$(c,Lt,ge&&vn),$(c,wt[Fe],j),$(c,Et[Fe],W===pe.error),$(c,Dt[Fe],(Jn=oe,Jn===An)),c))},i.createElement("div",{ref:Ve,className:Ct({size:T,overflow:me})},Kn,i.createElement("input",{"aria-label":null!=N?N:v,"aria-autocomplete":"list","aria-controls":Ge,"aria-labelledby":We,ref:Ue,id:Re,className:O(Ot,St[T],Nt[Fe],Mt(Be),$({},zt(T,fn),En(cn))),placeholder:yn,disabled:null!=j?j:void 0,onChange:function(e){var n=e.target.value;pn(n),null==te||te(n)},value:fn,autoComplete:"off"})),Xn),"error"===W&&G&&i.createElement("div",{className:O(Pt[Fe],At[T])},G),i.createElement(Bt,J({id:Ge,labelId:We,refEl:Ke,ref:Ze,menuWidth:Bn,searchLoadingMessage:ne,searchErrorMessage:q,searchEmptyMessage:U},Qn),Gn)));function _n(e){var n,r,t=e.target;return(null===(n=Ze.current)||void 0===n?void 0:n.contains(t))||(null===(r=Ke.current)||void 0===r?void 0:r.contains(t))||!1}function er(){Ve&&Ve.current&&(Ve.current.scrollLeft=Ve.current.scrollWidth)}}$t.propTypes={multiselect:g.bool,value:g.oneOf([g.string,g.arrayOf(g.string)]),initialValue:g.oneOf([g.string,g.arrayOf(g.string)]),overflow:g.oneOf(Object.values(fe)),darkMode:g.bool,label:g.string,"aria-label":g.string,children:g.node,onChange:g.func,chipCharacterLimit:g.number,chipTruncationLocation:g.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:g.func,onFilter:g.func,clearable:g.bool,searchLoadingMessage:g.string,searchErrorMessage:g.string,searchEmptyMessage:g.string,searchState:g.oneOf(Object.values(ge)),errorMessage:g.string,state:g.oneOf(Object.values(pe)),size:g.oneOf(Object.values(de)),disabled:g.bool,description:g.string,placeholder:g.string,filteredOptions:g.arrayOf(g.string),popoverZIndex:g.number,usePortal:g.bool,scrollContainer:g.elementType,portalContainer:g.elementType,portalClassName:g.string};export{$t as Combobox,on as ComboboxGroup,Wr as ComboboxOption};
|
|
1
|
+
import e,{createContext as n,useContext as r,useMemo as t,useRef as o,useEffect as a,useCallback as i,useState as l}from"react";import c from"lodash/clone";import s from"lodash/isArray";import u from"lodash/isEqual";import d from"lodash/isNull";import f from"lodash/isString";import p from"lodash/isUndefined";import g from"prop-types";import{css as h,keyframes as b,cx as m}from"@leafygreen-ui/emotion";import{useForwardedRef as v,useAvailableSpace as y,useIdAllocator as x,useDynamicRefs as k,usePrevious as w,useEventListener as E}from"@leafygreen-ui/hooks";import D,{isComponentGlyph as L}from"@leafygreen-ui/icon";import C from"@leafygreen-ui/icon-button";import{useDarkMode as O}from"@leafygreen-ui/leafygreen-provider";import{Theme as N,createUniqueClassName as S,keyMap as M,isComponentType as z,consoleOnce as j}from"@leafygreen-ui/lib";import{palette as I}from"@leafygreen-ui/palette";import{Label as P,Description as A}from"@leafygreen-ui/typography";import F from"@leafygreen-ui/popover";import{transparentize as T}from"polished";import{typeScales as H,spacing as R,fontFamilies as W,transitionDuration as G,hoverRing as K,focusRing as X}from"@leafygreen-ui/tokens";import V from"@leafygreen-ui/inline-definition";import U from"@leafygreen-ui/checkbox";import Z from"lodash/kebabCase";import q from"lodash/escapeRegExp";function B(e,n){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);n&&(t=t.filter((function(n){return Object.getOwnPropertyDescriptor(e,n).enumerable}))),r.push.apply(r,t)}return r}function Y(e){return Y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},Y(e)}function $(e,n,r){return n in e?Object.defineProperty(e,n,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[n]=r,e}function J(){return J=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var r=arguments[n];for(var t in r)Object.prototype.hasOwnProperty.call(r,t)&&(e[t]=r[t])}return e},J.apply(this,arguments)}function Q(e,n){if(null==e)return{};var r,t,o=function(e,n){if(null==e)return{};var r,t,o={},a=Object.keys(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||(o[r]=e[r]);return o}(e,n);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(t=0;t<a.length;t++)r=a[t],n.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}function _(e,n){return n||(n=e.slice(0)),Object.freeze(Object.defineProperties(e,{raw:{value:Object.freeze(n)}}))}function ee(e,n){return function(e){if(Array.isArray(e))return e}(e)||function(e,n){var r=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==r)return;var t,o,a=[],i=!0,l=!1;try{for(r=r.call(e);!(i=(t=r.next()).done)&&(a.push(t.value),!n||a.length!==n);i=!0);}catch(e){l=!0,o=e}finally{try{i||null==r.return||r.return()}finally{if(l)throw o}}return a}(e,n)||re(e,n)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function ne(e){return function(e){if(Array.isArray(e))return te(e)}(e)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(e)||re(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function re(e,n){if(e){if("string"==typeof e)return te(e,n);var r=Object.prototype.toString.call(e).slice(8,-1);return"Object"===r&&e.constructor&&(r=e.constructor.name),"Map"===r||"Set"===r?Array.from(e):"Arguments"===r||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r)?te(e,n):void 0}}function te(e,n){(null==n||n>e.length)&&(n=e.length);for(var r=0,t=new Array(n);r<n;r++)t[r]=e[r];return t}var oe="Input",ae="ClearButton",ie="FirstChip",le="LastChip",ce="MiddleChip",se="Combobox",ue="Menu",de={Default:"default",Large:"large"},fe={expandY:"expand-y",scrollX:"scroll-x",expandX:"expand-x"},pe={error:"error",none:"none"},ge={unset:"unset",error:"error",loading:"loading"};var he,be,me,ve,ye,xe,ke,we,Ee,De,Le,Ce,Oe,Ne,Se,Me,ze,je,Ie,Pe,Ae,Fe,Te,He,Re,We,Ge=n({multiselect:!1,darkMode:!1,theme:N.Light,size:de.Default,withIcons:!1,disabled:!1,isOpen:!1,state:pe.none,searchState:ge.unset}),Ke=($(he={},de.Default,{x:12,y:8}),$(he,de.Large,{x:12,y:8}),he),Xe=($(be={},de.Default,H.body1.lineHeight+2*Ke[de.Default].y),$(be,de.Large,H.body2.lineHeight+2*Ke[de.Large].y),be),Ve=function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:384;return h(me||(me=_(["\n width: ","px;\n overflow: hidden;\n border-radius: 12px;\n border: 1px solid;\n"])),e)},Ue=($(xe={},N.Light,h(ve||(ve=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),T(.85,I.black),I.gray.light2)),$(xe,N.Dark,h(ye||(ye=_(["\n box-shadow: 0px 4px 7px ",";\n border-color: ",";\n "])),T(.85,I.black),I.gray.dark3)),xe),Ze=h(ke||(ke=_(["\n position: relative;\n width: 100%;\n margin: 0;\n padding: ","px 0;\n font-family: ",";\n border-radius: inherit;\n overflow-y: auto;\n scroll-behavior: smooth;\n"])),R[2],W.default),qe=($(De={},N.Light,h(we||(we=_(["\n color: ",";\n background-color: ",";\n "])),I.black,I.white)),$(De,N.Dark,h(Ee||(Ee=_(["\n color: ",";\n background-color: ",";\n "])),I.gray.light1,I.gray.dark3)),De);$(Oe={},de.Default,h(Le||(Le=_(["\n min-height: ","px;\n "])),Xe[de.Default])),$(Oe,de.Large,h(Ce||(Ce=_(["\n min-height: ","px;\n "])),Xe[de.Large]));var Be=h(Ne||(Ne=_(["\n position: relative;\n margin: 0;\n padding: 0;\n"]))),Ye=h(Se||(Se=_(["\n font-family: inherit;\n display: inline-flex;\n align-items: center;\n gap: 8px;\n"]))),$e=($(je={},N.Light,h(Me||(Me=_(["\n color: ",";\n "])),I.gray.dark3)),$(je,N.Dark,h(ze||(ze=_(["\n color: ",";\n "])),I.gray.light3)),je),Je=($(Ae={},de.Default,h(Ie||(Ie=_(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),H.body1.fontSize,H.body1.lineHeight,Ke[de.Default].y,Ke[de.Default].x)),$(Ae,de.Large,h(Pe||(Pe=_(["\n font-size: ","px;\n line-height: ","px;\n padding: ","px\n ","px;\n "])),H.body2.fontSize,H.body2.lineHeight,Ke[de.Large].y,Ke[de.Large].x)),Ae);$(He={},de.Default,h(Fe||(Fe=_(["\n height: ","px;\n width: ","px;\n "])),H.body1.fontSize,H.body1.fontSize)),$(He,de.Large,h(Te||(Te=_(["\n height: ","px;\n width: ","px;\n "])),H.body2.fontSize,H.body2.fontSize));var Qe,_e,en,nn,rn,tn,on,an,ln,cn,sn,un,dn,fn,pn,gn,hn,bn,mn,vn,yn,xn,kn,wn,En,Dn,Ln,Cn,On,Nn,Sn,Mn,zn,jn,In,Pn,An,Fn,Tn,Hn,Rn,Wn,Gn,Kn=b(Re||(Re=_(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"]))),Xn=h(We||(We=_(["\n animation: "," 1.5s linear infinite;\n"])),Kn),Vn=["children","id","refEl","labelId","menuWidth","searchLoadingMessage","searchErrorMessage","searchEmptyMessage"],Un=e.forwardRef((function(n,o){var a=n.children,i=n.id,l=n.refEl,c=n.labelId,s=n.menuWidth,u=n.searchLoadingMessage,d=n.searchErrorMessage,f=n.searchEmptyMessage,g=Q(n,Vn),b=r(Ge),x=b.disabled,k=b.darkMode,w=b.theme,E=b.size,L=b.isOpen,C=b.searchState,O=v(o,null),N=y(l),S=p(N)?"unset":"".concat(Math.min(N,256),"px"),M=t((function(){var n=m(Ye,$e[w],Je[E]);switch(C){case"loading":return e.createElement("span",{className:n},e.createElement(D,{glyph:"Refresh",color:k?I.blue.light1:I.blue.base,className:Xn}),u);case"error":return e.createElement("span",{className:n},e.createElement(D,{glyph:"Warning",color:k?I.red.light1:I.red.base}),d);default:return a&&"object"===Y(a)&&"length"in a&&a.length>0?e.createElement("ul",{className:Be},a):e.createElement("span",{className:n},f)}}),[w,E,C,k,u,d,a,f]);return e.createElement(F,J({active:L&&!x,spacing:4,align:"bottom",justify:"middle",refEl:l,adjustOnMutation:!0,className:m(Ve(s),Ue[w])},g),e.createElement("div",{ref:O,id:i,role:"listbox","aria-labelledby":c,"aria-expanded":L,className:m(Ze,qe[w],h(Qe||(Qe=_(["\n max-height: ",";\n "])),S)),onMouseDownCapture:function(e){return e.preventDefault()}},M))}));Un.displayName="ComboboxMenu";var Zn,qn,Bn,Yn,$n,Jn,Qn,_n,er,nr,rr,tr,or,ar,ir,lr,cr,sr,ur,dr,fr,pr,gr,hr,br,mr,vr,yr,xr,kr,wr=($(_e={},de.Default,H.body1.fontSize),$(_e,de.Large,H.body2.fontSize),_e),Er=($(en={},de.Default,2),$(en,de.Large,4),en),Dr=($(nn={},de.Default,H.body1.lineHeight+2*Er[de.Default]),$(nn,de.Large,H.body2.lineHeight+2*Er[de.Large]),nn),Lr=($(rn={},de.Default,{y:(36-Dr[de.Default]-2)/2,x:R[2]-1}),$(rn,de.Large,{y:(48-Dr[de.Large]-2)/2,x:R[2]-1}),rn),Cr=R[3],Or=($(tn={},de.Default,wr[de.Default]+2*Lr[de.Default].x+Cr+2),$(tn,de.Large,wr[de.Large]+2*Lr[de.Large].x+Cr+2),tn),Nr=S("combobox-chip"),Sr=function(e){return h(on||(on=_(["\n font-family: ",";\n width: 100%;\n min-width: ","px;\n "])),W.default,Or[e])},Mr=h(an||(an=_(["\n display: grid;\n grid-auto-flow: column;\n grid-template-columns: 1fr ","px;\n align-items: center;\n cursor: text;\n transition: ","ms ease-in-out;\n transition-property: background-color, box-shadow, border-color;\n border: 1px solid;\n width: 100%;\n max-width: 100%;\n border-radius: 6px;\n"])),Cr,G.default),zr=($(sn={},N.Light,h(ln||(ln=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),I.gray.dark3,I.white,I.gray.base,K[N.Light].gray)),$(sn,N.Dark,h(cn||(cn=_(["\n color: ",";\n background-color: ",";\n border-color: ",";\n\n &:hover {\n box-shadow: ",";\n }\n "])),I.gray.light2,I.gray.dark4,I.gray.base,K[N.Dark].gray)),sn),jr=function(e){return h(un||(un=_(["\n padding: ","px ","px;\n"])),Lr[e].y,Lr[e].x)},Ir=($(pn={},N.Light,h(dn||(dn=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),I.gray.dark1,I.gray.light2,I.gray.light1)),$(pn,N.Dark,h(fn||(fn=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n border-color: ",";\n "])),I.gray.dark1,I.gray.dark3,I.gray.dark2)),pn),Pr=($(bn={},N.Light,h(gn||(gn=_(["\n border-color: ",";\n "])),I.red.base)),$(bn,N.Dark,h(hn||(hn=_(["\n border-color: ",";\n "])),I.red.light1)),bn),Ar=($(yn={},N.Light,h(mn||(mn=_(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),I.white,X[N.Light].input)),$(yn,N.Dark,h(vn||(vn=_(["\n &:focus-within {\n border-color: transparent;\n background-color: ",";\n box-shadow: ",";\n }\n "])),I.gray.dark4,X[N.Dark].input)),yn),Fr=h(xn||(xn=_(["\n grid-template-columns: 1fr ","px ","px;\n"])),28,Cr),Tr=function(e){var n=e.overflow,r=e.size,t=h(kn||(kn=_(["\n flex-grow: 1;\n width: 100%;\n "])));switch(n){case fe.scrollX:return h(wn||(wn=_(["\n ","\n display: block;\n height: ","px;\n white-space: nowrap;\n overflow-x: scroll;\n scroll-behavior: smooth;\n scrollbar-width: none;\n\n &::-webkit-scrollbar {\n display: none;\n }\n\n & > ."," {\n margin-inline: 2px;\n\n &:first-child {\n margin-inline-start: 0;\n }\n\n &:last-child {\n margin-inline-end: 0;\n }\n }\n "])),t,Dr[r],Nr);case fe.expandY:return h(En||(En=_(["\n ","\n display: flex;\n flex-wrap: wrap;\n gap: 4px;\n overflow-x: hidden;\n min-height: ","px;\n "])),t,Dr[r])}},Hr=h(Dn||(Dn=_(["\n font-family: ",";\n width: 100%;\n border: none;\n cursor: inherit;\n background-color: inherit;\n color: inherit;\n box-sizing: content-box;\n padding: 0;\n margin: 0;\n text-overflow: ellipsis;\n\n &:placeholder-shown {\n min-width: 100%;\n }\n &:focus {\n outline: none;\n }\n"])),W.default),Rr=($(On={},N.Light,h(Ln||(Ln=_(["\n &::placeholder {\n color: ",";\n }\n "])),I.gray.dark1)),$(On,N.Dark,h(Cn||(Cn=_(["\n &::placeholder {\n color: ",";\n }\n "])),I.gray.light1)),On),Wr=($(Mn={},de.Default,h(Nn||(Nn=_(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n // Only add padding if there are chips\n &:not(:first-child) {\n padding-left: 4px;\n }\n "])),Dr[de.Default],H.body1.fontSize,H.body1.lineHeight,wr[de.Default])),$(Mn,de.Large,h(Sn||(Sn=_(["\n height: ","px;\n font-size: ","px;\n line-height: ","px;\n min-width: ","px;\n &:not(:first-child) {\n padding-left: 6px;\n }\n "])),Dr[de.Large],H.body2.fontSize,H.body2.lineHeight,wr[de.Large])),Mn),Gr=function(e){return h(zn||(zn=_(["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by `scroll-behavior` \n */\n transition: width ease-in-out ",";\n"],["\n /*\n * Immediate transition in, slow transition out. \n * '-in' transition is handled by \\`scroll-behavior\\` \n */\n transition: width ease-in-out ",";\n"])),e?"0s":"100ms")},Kr=function(e,n){var r,t=null!==(r=null==n?void 0:n.length)&&void 0!==r?r:0;return h(jn||(jn=_(["\n width: ","px;\n max-width: 100%;\n "])),t*wr[e])},Xr=h(In||(In=_(["\n // Add a negative margin so the button takes up the same space as the regular icons\n margin-block: calc(","px - 100%);\n"])),Cr/2),Vr=function(e){return h(Pn||(Pn=_(["\n height: ","px;\n width: ","px;\n margin-inline-end: calc(","px / 2);\n"])),Cr,Cr,Lr[e].x)},Ur=($(Tn={},N.Light,h(An||(An=_(["\n color: ",";\n "])),I.red.base)),$(Tn,N.Dark,h(Fn||(Fn=_(["\n color: ",";\n "])),I.red.light1)),Tn),Zr=($(Wn={},de.Default,h(Hn||(Hn=_(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),H.body1.fontSize,H.body1.lineHeight,Lr[de.Default].y)),$(Wn,de.Large,h(Rn||(Rn=_(["\n font-size: ","px;\n line-height: ","px;\n padding-top: ","px;\n "])),H.body2.fontSize,H.body2.lineHeight,Lr[de.Large].y)),Wn),qr=h(Gn||(Gn=_(["\n margin-bottom: 2px;\n"]))),Br=h(Zn||(Zn=_(["\n display: inline-flex;\n align-items: center;\n overflow: hidden;\n white-space: nowrap;\n box-sizing: border-box;\n"]))),Yr=($(Yn={},de.Default,h(qn||(qn=_(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),H.body1.fontSize,H.body1.lineHeight)),$(Yn,de.Large,h(Bn||(Bn=_(["\n font-size: ","px;\n line-height: ","px;\n border-radius: 4px;\n "])),H.body2.fontSize,H.body2.lineHeight)),Yn),$r=($(Qn={},N.Light,h($n||($n=_(["\n color: ",";\n background-color: ",";\n\n // TODO: - refine these styles with Design\n &:focus-within {\n background-color: ",";\n }\n "])),I.black,I.gray.light2,I.blue.light2)),$(Qn,N.Dark,h(Jn||(Jn=_(["\n color: ",";\n background-color: ",";\n\n &:focus-within {\n background-color: ",";\n }\n "])),I.gray.light2,I.gray.dark2,I.blue.dark2)),Qn),Jr=($(nr={},N.Light,h(_n||(_n=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n "])),I.gray.base,I.gray.light3)),$(nr,N.Dark,h(er||(er=_(["\n cursor: not-allowed;\n color: ",";\n background-color: ",";\n box-shadow: inset 0 0 1px 1px ","; ;\n "])),I.gray.dark2,I.gray.dark4,I.gray.dark2)),nr),Qr=($(or={},de.Default,h(rr||(rr=_(["\n padding-inline: 6px;\n padding-block: ","px;\n "])),Er[de.Default])),$(or,de.Large,h(tr||(tr=_(["\n padding-inline: 10px;\n padding-block: ","px;\n "])),Er[de.Large])),or),_r=h(ar||(ar=_(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n outline: none;\n border: none;\n background-color: transparent;\n cursor: pointer;\n transition: background-color ","ms ease-in-out;\n"])),G.faster),et=($(cr={},de.Default,h(ir||(ir=_(["\n height: ","px;\n "])),Dr[de.Default])),$(cr,de.Large,h(lr||(lr=_(["\n height: ","px;\n "])),Dr[de.Large])),cr),nt=($(dr={},N.Light,h(sr||(sr=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),I.gray.dark2,I.black,I.gray.light1)),$(dr,N.Dark,h(ur||(ur=_(["\n color: ",";\n\n &:hover {\n color: ",";\n background-color: ",";\n }\n "])),I.gray.light1,I.gray.light3,I.gray.dark1)),dr),rt=($(gr={},N.Light,h(fr||(fr=_(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),I.gray.dark2)),$(gr,N.Dark,h(pr||(pr=_(["\n cursor: not-allowed;\n color: ",";\n &:hover {\n color: inherit;\n background-color: unset;\n }\n "])),I.gray.dark2)),gr),tt=e.forwardRef((function(n,i){var l=n.displayName,c=n.isFocused,s=n.onRemove,u=n.onFocus,d=r(Ge),f=d.darkMode,p=d.theme,g=d.size,h=d.disabled,b=d.chipTruncationLocation,v=void 0===b?"end":b,y=d.chipCharacterLimit,x=void 0===y?12:y,k=!!x&&!!v&&"none"!==v&&l.length>x,w=o(null),E=t((function(){if(k){var e=x-3;switch(v){case"start":return"…"+l.substring(l.length-e).trim();case"middle":return l.substring(0,e/2).trim()+"…"+l.substring(l.length-e/2).trim();case"end":return l.substring(0,e).trim()+"…";default:return l}}return!1}),[x,v,l,k]);a((function(){var e;c&&!h&&(null==w||null===(e=w.current)||void 0===e||e.focus())}),[h,i,c]);return e.createElement("span",{role:"option","aria-selected":c,"data-testid":"lg-combobox-chip",ref:i,className:m(Nr,Br,$r[p],Yr[g],$({},Jr[p],h)),onClick:function(e){var n;null!==(n=w.current)&&void 0!==n&&n.contains(e.target)||u()},onKeyDown:function(e){h||e.keyCode!==M.Delete&&e.keyCode!==M.Backspace&&e.keyCode!==M.Enter&&e.keyCode!==M.Space||s()},tabIndex:-1},e.createElement("span",{className:m(Qr[g])},E?e.createElement(V,{darkMode:f,definition:l,align:"bottom"},E):l),e.createElement("button",{"aria-label":"Deselect ".concat(l),"aria-disabled":h,disabled:h,ref:w,className:m(_r,nt[p],et[g],$({},rt[p],h)),onClick:function(){h||s()}},e.createElement(D,{glyph:"X"})))}));tt.displayName="Chip";var ot=($(mr={},N.Light,h(hr||(hr=_(["\n padding-top: 8px;\n "])))),$(mr,N.Dark,h(br||(br=_(["\n padding-top: 8px;\n "])))),mr),at=h(vr||(vr=_(["\n cursor: default;\n width: 100%;\n padding: 0 12px 2px;\n outline: none;\n overflow-wrap: anywhere;\n font-size: 12px;\n line-height: 16px;\n font-weight: bold;\n text-transform: uppercase;\n letter-spacing: 0.4px;\n"]))),it=($(kr={},N.Light,h(yr||(yr=_(["\n color: ",";\n "])),I.gray.dark1)),$(kr,N.Dark,h(xr||(xr=_(["\n color: ",";\n "])),I.gray.light1)),kr);function lt(n){var t=n.label,o=n.className,a=n.children,i=r(Ge).theme,l=x({prefix:"combobox-group"});return e.Children.count(a)>0?e.createElement("div",{className:m(ot[i],o)},e.createElement("div",{className:m(at,it[i]),id:l},t),e.createElement("div",{role:"group","aria-labelledby":l},a)):e.createElement(e.Fragment,null)}function ct(e){throw Error("`ComboboxGroup` must be a child of a `Combobox` instance")}ct.displayName="ComboboxGroup",ct.propTypes={className:g.string,children:g.node.isRequired,label:g.string.isRequired};var st,ut,dt,ft,pt,gt,ht,bt,mt,vt,yt,xt,kt,wt,Et,Dt,Lt,Ct,Ot,Nt,St,Mt,zt=function(e){var n,r=e.value,t=e.displayName;return{value:null!=r?r:Z(t),displayName:null!==(n=null!=t?t:r)&&void 0!==n?n:""}},jt=function n(r){return e.Children.toArray(r).reduce((function(e,r){if(z(r,"ComboboxOption")){var t=zt(r.props),o=t.value,a=t.displayName,i=r.props,l=i.glyph,c=i.disabled;return[].concat(ne(e),[{value:o,displayName:a,isDisabled:!!c,hasGlyph:!!l}])}if(z(r,"ComboboxGroup")){var s=r.props.children;if(s)return[].concat(ne(e),ne(n(s)))}}),[])},It=function(e,n){if(e)return n.find((function(n){return n.value===e}))},Pt=function(e,n){var r,t;return e?null!==(r=null===(t=It(e,n))||void 0===t?void 0:t.displayName)&&void 0!==r?r:e:""},At=function(n,r,t){if(r&&t){var o=q(r),a=new RegExp(o,"gi"),i=n.matchAll(a);if(i){for(var l=n.split(""),c=0,s=Array.from(i);c<s.length;c++){var u,d=s[c],f=null!==(u=d.index)&&void 0!==u?u:-1,p=d[0],g=p.length,h=f+p+g,b=new Array(g).fill("");b[0]=e.createElement(t,{key:h},p),l.splice.apply(l,[f,g].concat(ne(b)))}return e.createElement(e.Fragment,null,l)}return e.createElement(e.Fragment,null,n)}return e.createElement(e.Fragment,null,n)},Ft=h(st||(st=_(["\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n list-style: none;\n color: inherit;\n cursor: pointer;\n overflow: hidden;\n font-family: ",";\n\n // Left wedge\n &:before {\n content: '';\n position: absolute;\n left: 0;\n width: 4px;\n height: calc(100% - 14px);\n background-color: rgba(255, 255, 255, 0);\n border-radius: 0 6px 6px 0;\n transform: scale3d(0, 0.3, 0);\n transition: 200ms ease-in-out;\n transition-property: transform, background-color;\n }\n"])),W.default),Tt=($(ft={},N.Light,h(ut||(ut=_(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),I.gray.light2)),$(ft,N.Dark,h(dt||(dt=_(["\n &:hover {\n outline: none;\n background-color: ",";\n }\n "])),I.gray.dark4)),ft),Ht=($(ht={},de.Default,h(pt||(pt=_(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),H.body1.fontSize,H.body1.lineHeight,Xe[de.Default],Ke[de.Default].y,Ke[de.Default].x,R[1],Xe[de.Default])),$(ht,de.Large,h(gt||(gt=_(["\n font-size: ","px;\n line-height: ","px;\n min-height: ","px;\n padding: ","px\n ","px;\n gap: ","px;\n\n &:before {\n max-height: ","px;\n }\n "])),H.body2.fontSize,H.body2.lineHeight,Xe[de.Large],Ke[de.Large].y,Ke[de.Large].x,R[2],Xe[de.Large])),ht),Rt=h(bt||(bt=_(["\n outline: none;\n\n &:before {\n transform: scaleY(1);\n }\n"]))),Wt=($(yt={},N.Light,h(mt||(mt=_(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Rt,I.blue.light3,I.blue.base)),$(yt,N.Dark,h(vt||(vt=_(["\n ",";\n background-color: ",";\n\n &:before {\n background-color: ",";\n }\n "])),Rt,I.blue.dark3,I.blue.light1)),yt),Gt=h(xt||(xt=_(["\n cursor: not-allowed;\n\n &:hover {\n background-color: inherit;\n }\n\n &:before {\n content: unset;\n }\n"]))),Kt=($(Et={},N.Light,h(kt||(kt=_(["\n ",";\n color: ",";\n "])),Gt,I.gray.light1)),$(Et,N.Dark,h(wt||(wt=_(["\n ",";\n color: ",";\n "])),Gt,I.gray.dark1)),Et),Xt=($(Ct={},de.Default,h(Dt||(Dt=_(["\n min-width: ","px;\n "])),R[3])),$(Ct,de.Large,h(Lt||(Lt=_(["\n min-width: ","px;\n "])),R[4])),Ct),Vt=h(Ot||(Ot=_(["\n display: inline-flex;\n gap: 8px;\n justify-content: start;\n align-items: inherit;\n overflow-wrap: anywhere;\n"]))),Ut=h(Nt||(Nt=_(["\n pointer-events: none;\n"]))),Zt=function(e){return h(St||(St=_(["\n font-weight: ",";\n"])),e?"bold":"normal")},qt=e.forwardRef((function(n,o){var a,l=n.displayName,c=n.glyph,s=n.isSelected,u=n.isFocused,d=n.disabled,f=n.setSelected,p=n.className,g=r(Ge),b=g.multiselect,y=g.darkMode,k=g.theme,w=g.withIcons,E=g.inputValue,C=g.size,O=x({prefix:"combobox-option-text"}),N=v(o,null),S=i((function(e){e.stopPropagation(),d||e.target!==N.current&&"INPUT"!==e.target.tagName||f()}),[d,N,f]),M=t((function(){if(c){if(L(c))return c;console.error("`ComboboxOption` instance did not render icon because it is not a known glyph element.",c)}}),[c]),z=t((function(){if(b){var n=e.createElement(U,{"aria-labelledby":O,checked:s,tabIndex:-1,disabled:d,darkMode:y,className:h(Mt||(Mt=_(["\n // TODO: Remove when this is resolved:\n // https://jira.mongodb.org/browse/PD-2171\n & > label > div {\n margin-top: 0;\n }\n "])))});return e.createElement(e.Fragment,null,e.createElement("span",{className:m(Vt,Ut)},w?M:n,e.createElement("span",{id:O,className:Zt(s)},At(l,E,"strong"))),w&&n)}return e.createElement(e.Fragment,null,e.createElement("span",{className:m(Vt,Ut)},M,e.createElement("span",{className:Zt(s)},At(l,E,"strong"))),s&&e.createElement(D,{glyph:"Checkmark",className:Xt[C],color:y?I.blue.light1:I.blue.base}))}),[b,M,s,l,E,C,y,O,d,w]);return e.createElement("li",{ref:N,role:"option","aria-selected":u,"aria-label":l,tabIndex:-1,className:m(Ft,Ht[C],Tt[k],(a={},$(a,Wt[k],u),$(a,Kt[k],d),a),p),onClick:S,onKeyDown:S},z)}));function Bt(e){throw Error("`ComboboxOption` must be a child of a `Combobox` instance")}qt.displayName="ComboboxOption",Bt.displayName="ComboboxOption",Bt.propTypes={displayName:g.string,value:g.string,glyph:g.node,disabled:g.bool,className:g.string};var Yt=["children","label","description","placeholder","aria-label","disabled","size","darkMode","state","errorMessage","searchState","searchEmptyMessage","searchErrorMessage","searchLoadingMessage","filteredOptions","onFilter","clearable","onClear","overflow","multiselect","initialValue","onChange","value","chipTruncationLocation","chipCharacterLimit","className","usePortal","portalClassName","portalContainer","scrollContainer","popoverZIndex"];function $t(n){var r,g=n.children,h=n.label,b=n.description,v=n.placeholder,y=void 0===v?"Select":v,L=n["aria-label"],N=n.disabled,S=void 0!==N&&N,F=n.size,T=void 0===F?de.Default:F,H=n.darkMode,R=n.state,W=void 0===R?"none":R,G=n.errorMessage,K=n.searchState,X=void 0===K?"unset":K,V=n.searchEmptyMessage,U=void 0===V?"No results found":V,Z=n.searchErrorMessage,q=void 0===Z?"Could not get results!":Z,_=n.searchLoadingMessage,ne=void 0===_?"Loading results...":_,re=n.filteredOptions,te=n.onFilter,fe=n.clearable,ge=void 0===fe||fe,he=n.onClear,be=n.overflow,me=void 0===be?"expand-y":be,ve=n.multiselect,ye=void 0!==ve&&ve,xe=n.initialValue,ke=n.onChange,we=n.value,Ee=n.chipTruncationLocation,De=n.chipCharacterLimit,Le=void 0===De?12:De,Ce=n.className,Oe=n.usePortal,Ne=void 0===Oe||Oe,Se=n.portalClassName,Me=n.portalContainer,ze=n.scrollContainer,je=n.popoverZIndex,Ie=Q(n,Yt),Pe=O(H),Ae=Pe.darkMode,Fe=Pe.theme,Te=k({prefix:"option"}),He=k({prefix:"chip"}),Re=x({prefix:"combobox-input"}),We=x({prefix:"combobox-label"}),Ke=x({prefix:"combobox-menu"}),Xe=o(null),Ve=o(null),Ue=o(null),Ze=o(null),qe=o(null),Be=ee(l(!1),2),Ye=Be[0],$e=Be[1],Je=w(Ye),Qe=ee(l(null),2),_e=Qe[0],en=Qe[1],nn=ee(l(null),2),rn=nn[0],tn=nn[1],on=w(rn),an=ee(l(""),2),ln=an[0],cn=an[1],sn=w(ln),un=ee(l(null),2),dn=un[0],fn=un[1],pn=!d(rn)&&(s(rn)&&rn.length>0||f(rn)),gn=ye&&s(rn)&&rn.length>0?void 0:y,hn=function(){return $e(!1)},bn=function(){return $e(!0)},mn=t((function(){return jt(g)}),[g]),vn=i((function(e){return!ye||"string"!=typeof e&&"number"!=typeof e?!ye&&s(e)&&j.error("Error in Combobox: multiselect is set to `false`, but received an Array value"):j.error("Error in Combobox: multiselect is set to `true`, but received a ".concat(Y(e),' value: "').concat(e,'"')),ye&&s(e)}),[ye]),yn=i((function(e){!S&&Ze&&Ze.current&&(Ze.current.focus(),p(e)||Ze.current.setSelectionRange(e,e))}),[S]),xn=i((function(e){if(vn(rn)){var n=c(rn);d(e)?n.length=0:rn.includes(e)?n.splice(n.indexOf(e),1):(n.push(e),cn("")),tn(n),null==ke||ke(n)}else{var r=e;tn(r),null==ke||ke(r)}}),[vn,ke,rn]),kn=i((function(e){return vn(rn)?rn.includes(e):e===rn}),[vn,rn]),wn=i((function(e){var n,r,t,o,a=(r=mn,(n=e)?null!==(t=null===(o=r.find((function(e){return e.displayName===n})))||void 0===o?void 0:o.value)&&void 0!==t?t:n:"");return kn(a)}),[mn,kn]),En=i((function(e){var n="string"==typeof e?e:e.value;return re&&re.length>0?re.includes(n):!!wn(ln)||("string"==typeof e?Pt(n,mn):e.displayName).toLowerCase().includes(ln.toLowerCase())}),[re,wn,ln,mn]),Dn=t((function(){return mn.filter(En)}),[mn,En]),Ln=i((function(e){return!!e&&!!mn.find((function(n){return n.value===e}))}),[mn]),Cn=i((function(e){return Dn?Dn.findIndex((function(n){return n.value===e})):-1}),[Dn]),On=i((function(e){if(Dn&&Dn.length>=e){var n=Dn[e];return n?n.value:void 0}}),[Dn]),Nn=i((function(){return vn(rn)?rn.findIndex((function(e){var n,r;return null===(n=He(e))||void 0===n||null===(r=n.current)||void 0===r?void 0:r.contains(document.activeElement)})):-1}),[He,vn,rn]),Sn=ee(l(),2),Mn=Sn[0],zn=Sn[1],jn=i((function(e){var n,r=null!==(n=null==Dn?void 0:Dn.length)&&void 0!==n?n:0,t=r-1>0?r-1:0,o=Cn(_e);switch(e&&Ye&&(fn(null),yn()),e){case"next":var a=On(o+1<r?o+1:0);en(null!=a?a:null);break;case"prev":var i=On(o-1>=0?o-1:t);en(null!=i?i:null);break;case"last":var l=On(t);en(null!=l?l:null);break;default:var c=On(0);en(null!=c?c:null)}}),[_e,Cn,On,Ye,yn,null==Dn?void 0:Dn.length]),In=i((function(e,n){if(vn(rn))switch(e){case"next":var r=null!=n?n:Nn(),t=r+1<rn.length?r+1:rn.length-1,o=rn[t];fn(o);break;case"prev":var a=null!=n?n:Nn(),i=a>0?a-1:a<0?rn.length-1:0,l=rn[i];fn(l);break;case"first":var c=rn[0];fn(c);break;case"last":var s=rn[rn.length-1];fn(s);break;default:fn(null)}}),[Nn,vn,rn]),Pn=i((function(e,n){switch(e&&en(null),e){case"right":switch(Mn){case oe:var r,t,o;if((null===(r=Ze.current)||void 0===r?void 0:r.selectionEnd)===(null===(t=Ze.current)||void 0===t?void 0:t.value.length))null===(o=Ve.current)||void 0===o||o.focus();break;case ie:case ce:case le:if(Mn===le||1===(null==rn?void 0:rn.length)){yn(0),In(null),n.preventDefault();break}In("next")}break;case"left":switch(Mn){case ae:var a;n.preventDefault(),yn(null==Ze||null===(a=Ze.current)||void 0===a?void 0:a.value.length);break;case oe:case ce:case le:if(vn(rn)){var i;if(Mn===oe&&0!==(null===(i=Ze.current)||void 0===i?void 0:i.selectionStart))break;In("prev")}}break;default:In(null)}}),[Mn,vn,rn,yn,In]);a((function(){ln!==sn&&jn("first")}),[ln,Ye,sn,jn]),a((function(){if(_e){var e=Te(_e);if(e&&e.current&&qe.current){var n=e.current.offsetTop,r=qe.current,t=r.scrollTop;(n>r.offsetHeight||n<t)&&(qe.current.scrollTop=n)}}}),[_e,Te]);var An=i((function(n){if(z(n,"ComboboxOption")){var r=zt(n.props),t=r.value,o=r.displayName;if(En(t)){var a=n.props,i=a.className,l=a.glyph,c=a.disabled,s=mn.findIndex((function(e){return e.value===t})),u=_e===t,d=vn(rn)?rn.includes(t):rn===t,f=Te(t);return e.createElement(qt,{value:t,displayName:o,isFocused:u,isSelected:d,disabled:c,setSelected:function(){en(t),xn(t),yn(),t===rn&&hn()},glyph:l,className:i,index:s,ref:f})}}else if(z(n,"ComboboxGroup")){var p=e.Children.map(n.props.children,An);if(p&&(null==p?void 0:p.length)>0)return e.createElement(lt,{label:n.props.label,className:n.props.className},e.Children.map(p,An))}}),[mn,Te,_e,vn,rn,yn,En,xn]),Fn=t((function(){return e.Children.map(g,An)}),[g,An]),Tn=t((function(){if(vn(rn))return rn.filter(Ln).map((function(n,r){var t=Pt(n,mn),o=dn===n,a=He(n),i=r>=rn.length-1;return e.createElement(tt,{key:n,displayName:t,isFocused:o,onRemove:function(){i?(yn(),In(null)):In("next",r),xn(n)},onFocus:function(){fn(n)},ref:a})}))}),[vn,rn,Ln,mn,dn,He,xn,yn,In]),Hn=t((function(){return e.createElement(e.Fragment,null,ge&&pn&&e.createElement(C,{"aria-label":"Clear selection","aria-disabled":S,disabled:S,ref:Ve,onClick:function(e){S||(xn(null),null==he||he(e),null==te||te(""),Ye||bn())},onFocus:Zn,className:m(Xr),darkMode:Ae},e.createElement(D,{glyph:"XWithCircle"})),"error"===W?e.createElement(D,{glyph:"Warning",color:Ae?I.red.light1:I.red.base,className:Vr(T)}):e.createElement(D,{glyph:"CaretDown",className:Vr(T)}))}),[ge,pn,S,W,Ae,T,xn,he,te,Ye]),Rn=t((function(){return mn.some((function(e){return e.hasGlyph}))}),[mn]),Wn=i((function(){if(!vn(rn)&&rn===on){var e=Dn.find((function(e){return e.displayName===ln||e.value===ln}));if(e&&!we)tn(e.value);else{var n,r=null!==(n=Pt(rn,mn))&&void 0!==n?n:"";cn(r)}}}),[mn,ln,vn,on,rn,we,Dn]),Gn=i((function(){if(pn){if(vn(rn))$n();else if(!vn(rn)){var e,n=null!==(e=Pt(rn,mn))&&void 0!==e?e:"";cn(n),hn()}}else cn("")}),[pn,mn,vn,rn]);a((function(){if(xe)if(s(xe)){var e,n=null!==(e=xe.filter((function(e){return Ln(e)})))&&void 0!==e?e:[];tn(n)}else Ln(xe)&&tn(xe);else tn(function(e){return e?[]:null}(ye))}),[]),a((function(){if(!p(we)&&we!==sn)if(d(we))tn(null);else if(vn(we)){var e=we.filter(Ln);tn(e)}else tn(Ln(we)?we:null)}),[vn,Ln,sn,we]),a((function(){u(rn,on)||Gn()}),[Gn,on,rn]),a((function(){!Ye&&Je&&Wn()}),[Ye,Je,Wn]);var Kn=ee(l(0),2),Xn=Kn[0],Vn=Kn[1];a((function(){var e,n;Vn(null!==(e=null===(n=Xe.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)}),[Xe,Ye,_e,rn]);var Zn=function(){en(null)};E("mousedown",(function(e){Yn(e)||(e.preventDefault(),e.stopPropagation())}),{enabled:Ye}),E("click",(function(e){Yn(e)||(e.stopPropagation(),hn())}),{options:{capture:!0},enabled:Ye});var qn,Bn=function(e){for(var n=1;n<arguments.length;n++){var r=null!=arguments[n]?arguments[n]:{};n%2?B(Object(r),!0).forEach((function(n){$(e,n,r[n])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):B(Object(r)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(r,n))}))}return e}({popoverZIndex:je},Ne?{usePortal:Ne,portalClassName:Se,portalContainer:Me,scrollContainer:ze}:{usePortal:Ne});return e.createElement(Ge.Provider,{value:{multiselect:ye,darkMode:Ae,theme:Fe,size:T,withIcons:Rn,disabled:S,isOpen:Ye,state:W,searchState:X,chipTruncationLocation:Ee,chipCharacterLimit:Le,inputValue:ln}},e.createElement("div",J({className:m(Sr(T),Ce)},Ie),(h||b)&&e.createElement("div",{className:qr},h&&e.createElement(P,{id:We,htmlFor:Re,darkMode:Ae},h),b&&e.createElement(A,{darkMode:Ae},b)),e.createElement("div",{ref:Xe,role:"combobox","aria-expanded":Ye,"aria-controls":Ke,"aria-owns":Ke,tabIndex:-1,onMouseDown:function(e){S&&e.preventDefault()},onClick:function(e){if(e.target!==Ze.current){var n=0;if(Ze.current)n=e.nativeEvent.offsetX>Ze.current.offsetLeft+Ze.current.clientWidth?ln.length:0;yn(n)}bn()},onFocus:function(e){$n(),zn(function(e){var n,r,t,o;if(!e)return;if(null!==(n=Ze.current)&&void 0!==n&&n.contains(e))return oe;if(null!==(r=Ve.current)&&void 0!==r&&r.contains(e))return ae;var a=vn(rn)?rn.findIndex((function(n){var r,t;return null===(r=He(n))||void 0===r||null===(t=r.current)||void 0===t?void 0:t.contains(e)})):-1;if(vn(rn)){if(0===a)return ie;if(a===rn.length-1)return le;if(a>0)return ce}if(null!==(t=qe.current)&&void 0!==t&&t.contains(e))return ue;if(null!==(o=Xe.current)&&void 0!==o&&o.contains(e))return se}(e.target))},onKeyDown:function(e){var n,r,t=null===(n=qe.current)||void 0===n?void 0:n.contains(document.activeElement);if((null===(r=Xe.current)||void 0===r?void 0:r.contains(document.activeElement))||t){if(e.ctrlKey||e.shiftKey||e.altKey)return;switch(e.keyCode){case M.Tab:switch(Mn){case"Input":pn||(hn(),jn("first"),In(null));break;case"LastChip":In(null)}break;case M.Escape:hn(),jn("first");break;case M.Enter:Ye?Mn!==oe||d(_e)||function(e){if("string"==typeof e){var n=It(e,mn);return!(null==n||!n.isDisabled)}return!!e.isDisabled}(_e)?Mn===ae&&(xn(null),yn()):xn(_e):bn();break;case M.Backspace:var o;if(vn(rn))"Input"===Mn&&0===(null===(o=Ze.current)||void 0===o?void 0:o.selectionStart)&&In("last");bn();break;case M.ArrowDown:Ye?(e.preventDefault(),jn("next")):bn();break;case M.ArrowUp:Ye?(e.preventDefault(),jn("prev")):bn();break;case M.ArrowRight:Pn("right",e);break;case M.ArrowLeft:Pn("left",e);break;default:Ye||bn()}}},onTransitionEnd:function(){var e,n;Vn(null!==(e=null===(n=Xe.current)||void 0===n?void 0:n.clientWidth)&&void 0!==e?e:0)},className:m(Mr,zr[Fe],jr(T),(r={},$(r,Fr,ge&&pn),$(r,Ir[Fe],S),$(r,Pr[Fe],W===pe.error),$(r,Ar[Fe],(qn=oe,qn===Mn)),r))},e.createElement("div",{ref:Ue,className:Tr({size:T,overflow:me})},Tn,e.createElement("input",{"aria-label":null!=L?L:h,"aria-autocomplete":"list","aria-controls":Ke,"aria-labelledby":We,ref:Ze,id:Re,className:m(Hr,Wr[T],Rr[Fe],Gr(Ye),$({},Kr(T,ln),vn(rn))),placeholder:gn,disabled:null!=S?S:void 0,onChange:function(e){var n=e.target.value;cn(n),null==te||te(n)},value:ln,autoComplete:"off"})),Hn),"error"===W&&G&&e.createElement("div",{className:m(Ur[Fe],Zr[T])},G),e.createElement(Un,J({id:Ke,labelId:We,refEl:Xe,ref:qe,menuWidth:Xn,searchLoadingMessage:ne,searchErrorMessage:q,searchEmptyMessage:U},Bn),Fn)));function Yn(e){var n,r,t=e.target;return(null===(n=qe.current)||void 0===n?void 0:n.contains(t))||(null===(r=Xe.current)||void 0===r?void 0:r.contains(t))||!1}function $n(){Ue&&Ue.current&&(Ue.current.scrollLeft=Ue.current.scrollWidth)}}$t.propTypes={multiselect:g.bool,value:g.oneOf([g.string,g.arrayOf(g.string)]),initialValue:g.oneOf([g.string,g.arrayOf(g.string)]),overflow:g.oneOf(Object.values(fe)),darkMode:g.bool,label:g.string,"aria-label":g.string,children:g.node,onChange:g.func,chipCharacterLimit:g.number,chipTruncationLocation:g.oneOf(Object.values({start:"start",middle:"middle",end:"end",none:"none"})),onClear:g.func,onFilter:g.func,clearable:g.bool,searchLoadingMessage:g.string,searchErrorMessage:g.string,searchEmptyMessage:g.string,searchState:g.oneOf(Object.values(ge)),errorMessage:g.string,state:g.oneOf(Object.values(pe)),size:g.oneOf(Object.values(de)),disabled:g.bool,description:g.string,placeholder:g.string,filteredOptions:g.arrayOf(g.string),popoverZIndex:g.number,usePortal:g.bool,scrollContainer:g.elementType,portalContainer:g.elementType,portalClassName:g.string};export{$t as Combobox,ct as ComboboxGroup,Bt as ComboboxOption};
|
|
2
2
|
//# sourceMappingURL=index.js.map
|