@bolttech/molecules-dropdown 0.23.0 → 0.25.0

package/README.md

@@ -67,7 +67,6 @@ The **Dropdown** component accepts the following props:
 | `onFocus`            | `function`     | Callback function triggered when the dropdown is focused.                                     |
 | `placeholder`        | `string`       | Placeholder text for the input.                                                               |
 | `disableSearch`      | `boolean`      | Boolean that represent if we should disable user searching on the dropdown. Defaults to false |
-| `selectMaxHeight`        | `string`       | An optional string to indicate the select height  |
 
 ## Functionality
 

package/index.cjs

@@ -2690,10 +2690,9 @@ const Dropdown = /*#__PURE__*/react.forwardRef((_a, ref) => {
       placeholder,
       onKeyUp,
       onKeyDown,
-      selectMaxHeight,
       disableSearch
     } = _a,
-    props = __rest(_a, ["label", "variant", "required", "optionList", "disabled", "errorMessage", "urlFilterOptions", "id", "dataTestId", "filterOptionsParam", "value", "onChange", "onBlur", "onFocus", "placeholder", "onKeyUp", "onKeyDown", "selectMaxHeight", "disableSearch"]);
+    props = __rest(_a, ["label", "variant", "required", "optionList", "disabled", "errorMessage", "urlFilterOptions", "id", "dataTestId", "filterOptionsParam", "value", "onChange", "onBlur", "onFocus", "placeholder", "onKeyUp", "onKeyDown", "disableSearch"]);
   const [isFirstRender, setIsFirstRender] = react.useState(true);
   const [showSelectComponent, setShowSelectComponent] = react.useState(false);
   const [currentOptionList, setCurrentOptionList] = react.useState([]);
@@ -2792,8 +2791,7 @@ const Dropdown = /*#__PURE__*/react.forwardRef((_a, ref) => {
           }
         },
         active: internalSelectedOption,
-        options: currentOptionList,
-        maxHeight: selectMaxHeight
+        options: currentOptionList
       }, uiUtils.applyDataAttributes(props, 'select')))
     })]
   }));
@@ -2817,10 +2815,9 @@ const DropdownWithHeaders = /*#__PURE__*/react.forwardRef((_a, ref) => {
       placeholder,
       onKeyUp,
       onKeyDown,
-      selectMaxHeight,
       disableSearch
     } = _a,
-    props = __rest(_a, ["label", "variant", "required", "optionList", "disabled", "errorMessage", "urlFilterOptions", "dataTestId", "filterOptionsParam", "value", "onChange", "onBlur", "onFocus", "placeholder", "onKeyUp", "onKeyDown", "selectMaxHeight", "disableSearch"]);
+    props = __rest(_a, ["label", "variant", "required", "optionList", "disabled", "errorMessage", "urlFilterOptions", "dataTestId", "filterOptionsParam", "value", "onChange", "onBlur", "onFocus", "placeholder", "onKeyUp", "onKeyDown", "disableSearch"]);
   const [isFirstRender, setIsFirstRender] = react.useState(true);
   const [showSelectComponent, setShowSelectComponent] = react.useState(false);
   const [currentOptionList, setCurrentOptionList] = react.useState([]);
@@ -2918,8 +2915,7 @@ const DropdownWithHeaders = /*#__PURE__*/react.forwardRef((_a, ref) => {
           (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.blur();
         },
         active: internalSelectedOption,
-        options: currentOptionList,
-        maxHeight: selectMaxHeight
+        options: currentOptionList
       }, uiUtils.applyDataAttributes(props, 'select')))
     })]
   }));

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@bolttech/molecules-dropdown",
-  "version": "0.23.0",
+  "version": "0.25.0",
   "main": "./index.cjs",
   "type": "commonjs",
   "types": "./src/index.d.ts",
   "dependencies": {
     "@bolttech/atoms-icon": "0.22.1",
     "@bolttech/atoms-input": "0.21.1",
-    "@bolttech/atoms-select": "0.1.0",
+    "@bolttech/atoms-select": "0.21.0",
     "@bolttech/default-theme": "0.3.0",
-    "@bolttech/form-engine": "0.5.0",
+    "@bolttech/form-engine": "0.10.3",
     "@bolttech/frontend-foundations": "0.3.1",
-    "@bolttech/ui-utils": "0.2.3",
+    "@bolttech/ui-utils": "0.2.4",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "styled-components": "6.1.1"

package/src/lib/molecules-dropdown-with-header-options.d.ts

@@ -10,7 +10,6 @@ export declare const DropdownWithHeaders: import("react").ForwardRefExoticCompon
     required?: boolean | undefined;
     variant?: import("./molecules-dropdown.type").StyleVariants | undefined;
     disableSearch?: boolean | undefined;
-    selectMaxHeight?: string | undefined;
     onBlur?: ((value?: unknown) => void) | ((evt: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
     onFocus?: ((value?: unknown) => void) | ((evt: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
 } & {

package/src/lib/molecules-dropdown.d.ts

@@ -10,7 +10,6 @@ export declare const Dropdown: import("react").ForwardRefExoticComponent<Pick<im
     required?: boolean | undefined;
     variant?: import("./molecules-dropdown.type").StyleVariants | undefined;
     disableSearch?: boolean | undefined;
-    selectMaxHeight?: string | undefined;
     onBlur?: ((value?: unknown) => void) | ((evt: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
     onFocus?: ((value?: unknown) => void) | ((evt: import("react").FocusEvent<HTMLElement, Element>) => void) | undefined;
 } & {

package/src/lib/molecules-dropdown.type.d.ts

@@ -17,7 +17,6 @@ Default props for Dropdown component
 @property required - An optional boolean to indicate if the dropdown is required
 @property variant - An optional string to set the variant of the dropdown
 @property disableSearch - An optional boolean representing if the user can type and mobile phones should show the keyboard
-@property selectMaxHeight - An optional string to indicate the select height
 */
 type DefaultDropdownProps = {
     label: string;
@@ -29,7 +28,6 @@ type DefaultDropdownProps = {
     required?: boolean;
     variant?: StyleVariants;
     disableSearch?: boolean;
-    selectMaxHeight?: string;
     onBlur?: ((value?: unknown) => void) | ((evt: React.FocusEvent<HTMLElement, Element>) => void);
     onFocus?: ((value?: unknown) => void) | ((evt: React.FocusEvent<HTMLElement, Element>) => void);
 };
@@ -172,7 +170,7 @@ export type DropdownWithHeadersProps = Pick<DOMAttributes<HTMLInputElement>, 'on
   @property setSelectedOptionOnInputValue - A function to set the selected option based on the input value
   @property inputRef - A ref to the input element of the dropdown
   */
-export type ReusableDropdownComponentProps = DefaultProps & Pick<DOMAttributes<HTMLInputElement>, 'onKeyUp' | 'onKeyDown'> & Omit<DefaultDropdownProps, 'selectMaxHeight'> & {
+export type ReusableDropdownComponentProps = DefaultProps & Pick<DOMAttributes<HTMLInputElement>, 'onKeyUp' | 'onKeyDown'> & DefaultDropdownProps & {
     setShowSelectComponent: React.Dispatch<React.SetStateAction<boolean>>;
     showSelectComponent: boolean;
     onChangeInputValue: React.Dispatch<React.SetStateAction<string>>;