@adamjanicki/ui-extended 1.1.2 → 1.1.3

package/README.md

@@ -8,12 +8,6 @@
 npm install @adamjanicki/ui-extended
 ```
 
-## Usage
-
-```ts
-// Add here
-```
-
 ## Importing CSS
 
 Unfortunately, there was no great way to handle CSS. I often hate how large libraries make it extremely difficult to override CSS without using `!important`, or using inline styles. So, I've decided to just import the CSS directly into your project. Here's an example of how to do it:

package/components/Autocomplete.d.ts

@@ -95,5 +95,5 @@ interface Props<T> {
      */
     remainOpenOnSelectOrEnter?: boolean;
 }
-declare const Autocomplete: <T>(props: Props<T>) => JSX.Element;
+declare const Autocomplete: <T>(props: Props<T>) => import("react/jsx-runtime").JSX.Element;
 export default Autocomplete;

package/components/Autocomplete.js

@@ -125,13 +125,17 @@ var Autocomplete = function (props) {
                             setOn(undefined);
                             onInputChange(e);
                             if (e.target.value) {
-                                !open && openMenu();
+                                if (!open) {
+                                    openMenu();
+                                }
                             }
                             else {
                                 focusInput();
                             }
                         }, onClick: function () {
-                            !open && openMenu();
+                            if (!open) {
+                                openMenu();
+                            }
                         }, ref: inputRef, autoComplete: "off" }) })), _jsxs(Popover, __assign({}, popoverProps, { open: popoverOpen, triggerRef: inputContainerRef, style: __assign(__assign({ zIndex: 100 }, ((popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.style) || {})), { padding: 0, margin: 0, width: (_b = (_a = inputContainerRef.current) === null || _a === void 0 ? void 0 : _a.offsetWidth) !== null && _b !== void 0 ? _b : 0 }), className: classNames("ajui-autocomplete-popover", popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.className), children: [_jsx("ul", __assign({}, listProps, { className: classNames("ajui-autocomplete-ul", listProps.className), children: filteredOptions.length
                                 ? filteredOptions.map(function (option, index) {
                                     var group = groupMap.get(index);

package/components/Popover.d.ts

@@ -8,7 +8,7 @@ type Props = {
     /**
      * The trigger ref for the element to position the popover over.
      */
-    triggerRef: React.RefObject<HTMLElement>;
+    triggerRef: React.RefObject<HTMLElement | null>;
     /**
      * Whether the popover is open.
      */
@@ -42,5 +42,5 @@ type Props = {
      */
     returnFocusOnEscape?: boolean;
 };
-declare const Popover: (props: Props) => JSX.Element | null;
+declare const Popover: (props: Props) => import("react/jsx-runtime").JSX.Element | null;
 export default Popover;

package/components/Tooltip.d.ts

@@ -38,5 +38,5 @@ type Props = {
      */
     disabled?: boolean;
 };
-declare const Tooltip: (props: Props) => JSX.Element;
+declare const Tooltip: (props: Props) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adamjanicki/ui-extended",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "More advanced UI components and hooks for React in TypeScript",
   "main": "./index.js",
   "types": "./index.d.ts",
@@ -11,34 +11,22 @@
     "url": "git+https://github.com/adamjanicki2/ui-extended.git"
   },
   "scripts": {
-    "build": "tsc; cp src/style.css ./style.css",
     "clean": "./clean.sh",
-    "dev": "nodemon --watch src --ext ts,tsx,css --exec \"npm run build\"",
-    "lint": "eslint --ext .ts,.tsx src",
-    "prepare": "npm run lint; npm run build"
+    "lint": "eslint src --max-warnings=0",
+    "build": "npm run clean && npm run lint && tsc; cp src/style.css ./style.css",
+    "prepare": "npm run build"
   },
   "peerDependencies": {
     "react": ">=18",
     "react-dom": ">=18"
   },
   "dependencies": {
-    "@adamjanicki/ui": ">=1.3.6",
-    "@floating-ui/react": ">=0.26.17"
+    "@adamjanicki/ui": "^1.5.5",
+    "@floating-ui/react": "^0.26.17"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^6.11.0",
-    "@typescript-eslint/parser": "^6.11.0",
-    "eslint": "^8.53.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "nodemon": "^3.1.4",
-    "typescript": "^5.2.2"
-  },
-  "eslintConfig": {
-    "extends": [
-      "react-app",
-      "react-app/jest"
-    ]
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
+    "typescript": "^5.9.2"
   }
 }

package/style.css

@@ -1,7 +1,7 @@
 @media (hover: hover) {
   .ajui-autocomplete-on-option,
   .ajui-autocomplete-option:hover {
-    background-color: var(--ajui-light-gray);
+    background-color: #eee;
   }
   [data-theme="dark"] .ajui-autocomplete-on-option,
   [data-theme="dark"] .ajui-autocomplete-option:hover {