@osdk/react-components 0.2.0-beta.1 → 0.2.0-beta.3

package/CHANGELOG.md

@@ -1,5 +1,40 @@
 # @osdk/react-components
 
+## 0.2.0-beta.3
+
+### Minor Changes
+
+- 50bd461: add combobox, select, and switch base components
+- 727fd0e: fix dual @types/react version mismatch
+- 4c7884f: Add custom column, multi column sort and column config
+- 4ffe6f5: add filter list state management and where clause builder
+
+### Patch Changes
+
+- Updated dependencies [8c60682]
+- Updated dependencies [15e1686]
+- Updated dependencies [727fd0e]
+- Updated dependencies [c9d954d]
+- Updated dependencies [044eb80]
+- Updated dependencies [9d234b9]
+  - @osdk/client@2.8.0-beta.6
+  - @osdk/react@0.10.0-beta.4
+  - @osdk/api@2.8.0-beta.6
+
+## 0.2.0-beta.2
+
+### Minor Changes
+
+- 5ad3ba1: Fix conflicting dependencies and add docs
+
+### Patch Changes
+
+- Updated dependencies [26cec61]
+- Updated dependencies [0d174a2]
+  - @osdk/client@2.8.0-beta.3
+  - @osdk/react@0.10.0-beta.2
+  - @osdk/api@2.8.0-beta.3
+
 ## 0.1.0-beta.6
 
 ### Minor Changes

package/README.md

@@ -10,29 +10,45 @@ Run the command to install:
 
 - @osdk/react-components - The unstyled components from this package
 - @osdk/react-components-styles - The default styles for the components
-- @osdk/react, @osdk/api, @osdk/client - The packages required for data-handling
 
 ```sh
-npm install @osdk/react-components @osdk/react-components-styles @osdk/react @osdk/client @osdk/api
+npm install @osdk/react-components @osdk/react-components-styles
 ```
 
+**Peer Dependencies:**
+
+The following peer dependencies are required:
+
+```sh
+npm install react react-dom classnames @osdk/react @osdk/client @osdk/api
+```
+
+- `react` and `react-dom` - React 17, 18, or 19
+- `classnames` - Utility for conditionally joining CSS class names
+- `@osdk/react`, `@osdk/api`, `@osdk/client` - The packages required for data-handling
+
+For TypeScript users, also install `@types/react`.
+
 **Prerequisites:**
 
-- React 18
 - A configured OSDK client
 - An OsdkProvider wrapping your application
 
 ## Setup
 
-Add this to your application layout root as we are using Base UI portals. See https://base-ui.com/react/overview/quick-start#portals
+Add this to your application's entry css file (e.g., `index.css` or `index.scss`):
 
 ```css
 /* index.css */
+@import "@osdk/react-components/styles.css";
+
 .root {
   isolation: isolate;
 }
 ```
 
+The `.root` isolation is required for Base UI portals. See https://base-ui.com/react/overview/quick-start#portals
+
 ## Components
 
 > **Note:** This package is under active development. Not all components listed below are available yet.
@@ -54,7 +70,7 @@ See `@osdk/react-components-styles` README on how to apply custom themes and sty
 ### Object Table
 
 ```ts
-import { ObjectTable } from "@osdk/react-components";
+import { ObjectTable } from "@osdk/react-components/experimental";
 import { $, Employee } from "@your-osdk-package";
 
 function EmployeeDirectory() {

package/build/browser/base-components/action-button/ActionButton.js

@@ -0,0 +1,31 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Button } from "@base-ui/react/button";
+import classNames from "classnames";
+import React from "react";
+import styles from "./ActionButton.module.css.js";
+export function ActionButton({
+  variant = "secondary",
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    className: classNames(styles.button, variant === "primary" ? styles.primaryButton : styles.secondaryButton, className)
+  }, rest));
+}
+//# sourceMappingURL=ActionButton.js.map

package/build/browser/base-components/action-button/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","names":["Button","classNames","React","styles","ActionButton","variant","className","rest","createElement","_extends","button","primaryButton","secondaryButton"],"sources":["ActionButton.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport classNames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./ActionButton.module.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>\n{\n  variant?: \"primary\" | \"secondary\";\n}\n\nexport function ActionButton({\n  variant = \"secondary\",\n  className,\n  ...rest\n}: ButtonProps): React.ReactElement {\n  return (\n    <Button\n      className={classNames(\n        styles.button,\n        variant === \"primary\" ? styles.primaryButton : styles.secondaryButton,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,2BAA2B;AAQ9C,OAAO,SAASC,YAAYA,CAAC;EAC3BC,OAAO,GAAG,WAAW;EACrBC,SAAS;EACT,GAAGC;AACQ,CAAC,EAAsB;EAClC,oBACEL,KAAA,CAAAM,aAAA,CAACR,MAAM,EAAAS,QAAA;IACLH,SAAS,EAAEL,UAAU,CACnBE,MAAM,CAACO,MAAM,EACbL,OAAO,KAAK,SAAS,GAAGF,MAAM,CAACQ,aAAa,GAAGR,MAAM,CAACS,eAAe,EACrEN,SACF;EAAE,GACEC,IAAI,CACT,CAAC;AAEN","ignoreList":[]}

package/build/browser/base-components/action-button/ActionButton.module.css

@@ -0,0 +1,70 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.button {
+  padding: calc(var(--osdk-surface-spacing) * 2)
+    calc(var(--osdk-surface-spacing) * 4);
+  border-radius: var(--osdk-surface-border-radius);
+  font-size: var(--osdk-typography-size-body-medium);
+  cursor: pointer;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+
+.secondaryButton {
+  background-color: var(--osdk-button-secondary-bg);
+  border: var(--osdk-surface-border);
+  color: var(--osdk-button-secondary-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-active);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+.primaryButton {
+  background-color: var(--osdk-button-primary-bg);
+  border: none;
+  color: var(--osdk-button-primary-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-active);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}

package/build/browser/base-components/action-button/ActionButton.module.css.js

@@ -0,0 +1,8 @@
+// CSS Module proxy for ActionButton.module.css
+const styles = {
+  "button": "ActionButton-module__button___ml7q5klp",
+  "secondaryButton": "ActionButton-module__secondaryButton___9ADrh8W1",
+  "primaryButton": "ActionButton-module__primaryButton___26uDwmR6"
+};
+
+export default styles;

package/build/browser/base-components/checkbox/Checkbox.js

@@ -1,45 +1,40 @@
-// build/browser/base-components/checkbox/Checkbox.js
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
 import { Checkbox as BaseUICheckbox } from "@base-ui/react/checkbox";
 import { Minus, Tick } from "@blueprintjs/icons";
 import classnames from "classnames";
 import React from "react";
-
-// build/browser/base-components/checkbox/Checkbox.module.css
-var css = '/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the "License");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an "AS IS" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\n.osdkCheckboxRoot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: calc(\n    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2\n  );\n  min-height: calc(\n    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2\n  );\n  padding: var(--osdk-checkbox-padding);\n  box-sizing: border-box;\n  cursor: pointer;\n  border-radius: var(--osdk-surface-border-radius);\n  border: var(--osdk-checkbox-border);\n\n  &[data-unchecked] {\n    background-color: var(--osdk-checkbox-bg);\n\n    &:hover {\n      background-color: var(--osdk-checkbox-bg-hover);\n    }\n\n    &:active {\n      background-color: var(--osdk-checkbox-bg-active);\n    }\n  }\n\n  &[data-checked],\n  &[data-indeterminate] {\n    background-color: var(--osdk-checkbox-bg-checked);\n\n    &:hover {\n      background-color: var(--osdk-checkbox-bg-checked-hover);\n    }\n\n    &:active {\n      background-color: var(--osdk-checkbox-bg-checked-active);\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-focus-visible-outline);\n    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));\n  }\n}\n\n.osdkCheckboxIndicator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--osdk-checkbox-checked-foreground);\n  width: var(--osdk-checkbox-icon-size);\n  height: var(--osdk-checkbox-icon-size);\n\n  &[data-unchecked] {\n    display: none;\n  }\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var Checkbox_default = { "osdkCheckboxRoot": "osdkCheckboxRoot", "osdkCheckboxIndicator": "osdkCheckboxIndicator" };
-
-// build/browser/base-components/checkbox/Checkbox.js
-function _extends() {
-  return _extends = Object.assign ? Object.assign.bind() : function(n) {
-    for (var e = 1; e < arguments.length; e++) {
-      var t = arguments[e];
-      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
-    }
-    return n;
-  }, _extends.apply(null, arguments);
-}
-function Checkbox({
+import styles from "./Checkbox.module.css.js";
+export function Checkbox({
   indeterminate,
   className,
   indicatorProps,
   ...rest
 }) {
-  return /* @__PURE__ */ React.createElement(BaseUICheckbox.Root, _extends({
-    className: classnames(Checkbox_default.osdkCheckboxRoot, className),
-    indeterminate
-  }, rest), /* @__PURE__ */ React.createElement(BaseUICheckbox.Indicator, _extends({}, indicatorProps, {
-    className: classnames(Checkbox_default.osdkCheckboxIndicator, indicatorProps?.className)
-  }), indeterminate ? /* @__PURE__ */ React.createElement(Minus, {
+  return /*#__PURE__*/React.createElement(BaseUICheckbox.Root, _extends({
+    className: classnames(styles.osdkCheckboxRoot, className),
+    indeterminate: indeterminate
+  }, rest), /*#__PURE__*/React.createElement(BaseUICheckbox.Indicator, _extends({}, indicatorProps, {
+    className: classnames(styles.osdkCheckboxIndicator, indicatorProps?.className)
+  }), indeterminate ? /*#__PURE__*/React.createElement(Minus, {
     color: "currentColor"
-  }) : /* @__PURE__ */ React.createElement(Tick, {
+  }) : /*#__PURE__*/React.createElement(Tick, {
     color: "currentColor"
   })));
 }
-export {
-  Checkbox
-};
+//# sourceMappingURL=Checkbox.js.map

package/build/browser/base-components/checkbox/Checkbox.module.css

@@ -0,0 +1,79 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.osdkCheckboxRoot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: calc(
+    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2
+  );
+  min-height: calc(
+    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2
+  );
+  padding: var(--osdk-checkbox-padding);
+  box-sizing: border-box;
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  border: var(--osdk-checkbox-border);
+
+  &[data-unchecked] {
+    background-color: var(--osdk-checkbox-bg);
+
+    &:hover {
+      background-color: var(--osdk-checkbox-bg-hover);
+    }
+
+    &:active {
+      background-color: var(--osdk-checkbox-bg-active);
+    }
+  }
+
+  &[data-checked],
+  &[data-indeterminate] {
+    background-color: var(--osdk-checkbox-bg-checked);
+
+    &:hover {
+      background-color: var(--osdk-checkbox-bg-checked-hover);
+    }
+
+    &:active {
+      background-color: var(--osdk-checkbox-bg-checked-active);
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
+  }
+}
+
+.osdkCheckboxIndicator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--osdk-checkbox-checked-foreground);
+  width: var(--osdk-checkbox-icon-size);
+  height: var(--osdk-checkbox-icon-size);
+
+  &[data-unchecked] {
+    display: none;
+  }
+}

package/build/browser/base-components/checkbox/Checkbox.module.css.js

@@ -0,0 +1,7 @@
+// CSS Module proxy for Checkbox.module.css
+const styles = {
+  "osdkCheckboxRoot": "Checkbox-module__osdkCheckboxRoot___puTtZ6zA",
+  "osdkCheckboxIndicator": "Checkbox-module__osdkCheckboxIndicator___WOhQM8rb"
+};
+
+export default styles;

package/build/browser/base-components/combobox/Combobox.js

@@ -0,0 +1,124 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Combobox as BaseUICombobox } from "@base-ui/react/combobox";
+import { Cross, Search } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React from "react";
+import styles from "./Combobox.module.css.js";
+function ComboboxInput({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.osdkComboboxInputWrapper, className)
+  }, /*#__PURE__*/React.createElement(Search, {
+    className: styles.osdkComboboxSearchIcon,
+    color: "currentColor"
+  }), /*#__PURE__*/React.createElement(BaseUICombobox.Input, _extends({
+    className: styles.osdkComboboxInput
+  }, rest)));
+}
+function ComboboxPositioner({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Positioner, _extends({
+    className: classnames(styles.osdkComboboxPositioner, className),
+    sideOffset: 4
+  }, rest), children);
+}
+function ComboboxPopup({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Popup, _extends({
+    className: classnames(styles.osdkComboboxPopup, className)
+  }, rest), children);
+}
+function ComboboxItem({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Item, _extends({
+    className: classnames(styles.osdkComboboxItem, className)
+  }, rest), children);
+}
+function ComboboxChips({
+  children,
+  className
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Chips, {
+    className: classnames(styles.osdkComboboxChips, className)
+  }, children);
+}
+function ComboboxChip({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Chip, _extends({
+    className: classnames(styles.osdkComboboxChip, className)
+  }, rest), children);
+}
+function ComboboxChipRemove({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.ChipRemove, _extends({
+    className: classnames(styles.osdkComboboxChipRemove, className),
+    "aria-label": "Remove"
+  }, rest), /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }));
+}
+function ComboboxClear({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Clear, _extends({
+    className: classnames(styles.osdkComboboxClear, className),
+    "aria-label": "Clear all"
+  }, rest), /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }));
+}
+function ComboboxEmpty({
+  children,
+  className
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Empty, {
+    className: classnames(styles.osdkComboboxEmpty, className)
+  }, children);
+}
+export const Combobox = {
+  Root: BaseUICombobox.Root,
+  Input: ComboboxInput,
+  Portal: BaseUICombobox.Portal,
+  Positioner: ComboboxPositioner,
+  Popup: ComboboxPopup,
+  Item: ComboboxItem,
+  Chips: ComboboxChips,
+  Chip: ComboboxChip,
+  ChipRemove: ComboboxChipRemove,
+  Clear: ComboboxClear,
+  Empty: ComboboxEmpty
+};
+//# sourceMappingURL=Combobox.js.map

package/build/browser/base-components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":["Combobox","BaseUICombobox","Cross","Search","classnames","React","styles","ComboboxInput","className","rest","createElement","osdkComboboxInputWrapper","osdkComboboxSearchIcon","color","Input","_extends","osdkComboboxInput","ComboboxPositioner","children","Positioner","osdkComboboxPositioner","sideOffset","ComboboxPopup","Popup","osdkComboboxPopup","ComboboxItem","Item","osdkComboboxItem","ComboboxChips","Chips","osdkComboboxChips","ComboboxChip","Chip","osdkComboboxChip","ComboboxChipRemove","ChipRemove","osdkComboboxChipRemove","ComboboxClear","Clear","osdkComboboxClear","ComboboxEmpty","Empty","osdkComboboxEmpty","Root","Portal"],"sources":["Combobox.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  Combobox as BaseUICombobox,\n  type ComboboxChipProps,\n  type ComboboxChipRemoveProps,\n  type ComboboxClearProps,\n  type ComboboxInputProps,\n  type ComboboxItemProps,\n  type ComboboxPopupProps,\n  type ComboboxPositionerProps,\n} from \"@base-ui/react/combobox\";\nimport { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Combobox.module.css\";\n\ninterface ComboboxInputComponentProps\n  extends Omit<ComboboxInputProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxInput({\n  className,\n  ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n  return (\n    <div className={classnames(styles.osdkComboboxInputWrapper, className)}>\n      <Search className={styles.osdkComboboxSearchIcon} color=\"currentColor\" />\n      <BaseUICombobox.Input\n        className={styles.osdkComboboxInput}\n        {...rest}\n      />\n    </div>\n  );\n}\n\ninterface ComboboxPositionerComponentProps\n  extends Omit<ComboboxPositionerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPositioner({\n  className,\n  children,\n  ...rest\n}: ComboboxPositionerComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Positioner\n      className={classnames(styles.osdkComboboxPositioner, className)}\n      sideOffset={4}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Positioner>\n  );\n}\n\ninterface ComboboxPopupComponentProps\n  extends Omit<ComboboxPopupProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPopup({\n  className,\n  children,\n  ...rest\n}: ComboboxPopupComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Popup\n      className={classnames(styles.osdkComboboxPopup, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Popup>\n  );\n}\n\ninterface ComboboxItemComponentProps\n  extends Omit<ComboboxItemProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...rest\n}: ComboboxItemComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Item\n      className={classnames(styles.osdkComboboxItem, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Item>\n  );\n}\n\nfunction ComboboxChips({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Chips\n      className={classnames(styles.osdkComboboxChips, className)}\n    >\n      {children}\n    </BaseUICombobox.Chips>\n  );\n}\n\ninterface ComboboxChipComponentProps\n  extends Omit<ComboboxChipProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  ...rest\n}: ComboboxChipComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Chip\n      className={classnames(styles.osdkComboboxChip, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Chip>\n  );\n}\n\ninterface ComboboxChipRemoveComponentProps\n  extends Omit<ComboboxChipRemoveProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChipRemove({\n  className,\n  ...rest\n}: ComboboxChipRemoveComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.ChipRemove\n      className={classnames(styles.osdkComboboxChipRemove, className)}\n      aria-label=\"Remove\"\n      {...rest}\n    >\n      <Cross color=\"currentColor\" />\n    </BaseUICombobox.ChipRemove>\n  );\n}\n\ninterface ComboboxClearComponentProps\n  extends Omit<ComboboxClearProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxClear({\n  className,\n  ...rest\n}: ComboboxClearComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Clear\n      className={classnames(styles.osdkComboboxClear, className)}\n      aria-label=\"Clear all\"\n      {...rest}\n    >\n      <Cross color=\"currentColor\" />\n    </BaseUICombobox.Clear>\n  );\n}\n\nfunction ComboboxEmpty({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Empty\n      className={classnames(styles.osdkComboboxEmpty, className)}\n    >\n      {children}\n    </BaseUICombobox.Empty>\n  );\n}\n\nexport const Combobox: {\n  Root: typeof BaseUICombobox.Root;\n  Input: typeof ComboboxInput;\n  Portal: typeof BaseUICombobox.Portal;\n  Positioner: typeof ComboboxPositioner;\n  Popup: typeof ComboboxPopup;\n  Item: typeof ComboboxItem;\n  Chips: typeof ComboboxChips;\n  Chip: typeof ComboboxChip;\n  ChipRemove: typeof ComboboxChipRemove;\n  Clear: typeof ComboboxClear;\n  Empty: typeof ComboboxEmpty;\n} = {\n  Root: BaseUICombobox.Root,\n  Input: ComboboxInput,\n  Portal: BaseUICombobox.Portal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  Item: ComboboxItem,\n  Chips: ComboboxChips,\n  Chip: ComboboxChip,\n  ChipRemove: ComboboxChipRemove,\n  Clear: ComboboxClear,\n  Empty: ComboboxEmpty,\n};\n"],"mappings":"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","ignoreList":[]}