Merge branch 'main' of github.com:rtCamp/frappe-components into feat/next-pms-components-v2

Author: amovar18

.storybook/manager.ts

@@ -5,7 +5,7 @@ addons.setConfig({
   theme: create({
     base: "light",
     brandTitle:
-      '<h1 id="fur-title">frappe-ui-react</h1> <span id="fur-version">(v1.0.0-beta.4)</span>', // update version as per package.json
+      '<h1 id="fur-title">frappe-ui-react</h1> <span id="fur-version">(v1.0.0)</span>', // update version as per package.json
     brandUrl: undefined, // disables link on the title
     brandImage: undefined,
 

package-lock.json

@@ -1,7 +1,7 @@
 {
   "name": "frappe-ui-react",
   "private": true,
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0",
   "type": "module",
   "workspaces": [
     "packages/*"

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rtcamp/frappe-ui-react",
-  "version": "1.0.0-beta.4",
+  "version": "1.0.0",
   "main": "dist/index.js",
   "module": "dist/index.js",
   "types": "dist-types/index.d.ts",

packages/frappe-ui-react/package.json

@@ -295,7 +295,7 @@ const Autocomplete: React.FC<AutocompleteProps> = ({
   );
 
   return (
-    <div className="w-full">
+    <div className="min-w-24 w-full">
       <Combobox
         value={selectedComboboxValue}
         onChange={handleComboboxChange}
@@ -349,7 +349,7 @@ const Autocomplete: React.FC<AutocompleteProps> = ({
             )}
             body={({ isOpen: isPopoverOpen }) =>
               isPopoverOpen && (
-                <div className="relative mt-1 w-fit max-w-md rounded-lg bg-surface-modal text-base shadow-2xl">
+                <div className="relative mt-1 max-w-md rounded-lg bg-surface-modal text-base shadow-2xl">
                   {!hideSearch && (
                     <div>
                       <div className="sticky top-0 z-[100] flex items-stretch space-x-1.5 bg-surface-modal py-1.5 rounded-lg">

packages/frappe-ui-react/src/components/autoComplete/autoComplete.tsx

@@ -156,11 +156,13 @@ export const Autocomplete: Story = {
   render: (args) => {
     const [value, setValue] = useState("");
     return (
-      <FormControl
-        {...args}
-        value={value}
-        onChange={(_value: string) => setValue(_value)}
-      />
+      <div className="w-40">
+        <FormControl
+          {...args}
+          value={value}
+          onChange={(_value: string) => setValue(_value)}
+        />
+      </div>
     );
   },
 };