@overmap-ai/blocks 1.0.6 → 1.0.7

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 export * from "@radix-ui/colors";
 export * from "@radix-ui/react-icons";
-export { AccessibleIcon, Box, Grid, Container, Section, Heading, Blockquote, Code, Em, Kbd, Link, Quote, Strong, AspectRatio, Avatar, Callout, Card, ContextMenu, HoverCard, TextField, Inset, RadioGroup, ScrollArea, Slider, Tabs, Portal, Slot, VisuallyHidden, } from "@radix-ui/themes";
+export { AccessibleIcon, Box, Grid, Container, Section, Heading, Blockquote, Code, Em, Kbd, Link, Quote, Strong, AspectRatio, Avatar, Callout, Card, HoverCard, TextField, Inset, RadioGroup, ScrollArea, Slider, Tabs, Portal, Slot, VisuallyHidden, } from "@radix-ui/themes";
 export type { Responsive } from "@radix-ui/themes";
 export * from "./Badge";
 export * from "./Breadcrumb";
@@ -9,7 +9,9 @@ export * from "./ButtonGroup";
 export * from "./Dialogs";
 export * from "./Flex";
 export * from "./DropdownMenu";
+export * from "./DropdownItemMenu";
 export * from "./DropdownSelect";
+export * from "./DropdownMultiSelect";
 export * from "./HoverUtility";
 export * from "./Select";
 export * from "./MultiSelect";
@@ -29,7 +31,7 @@ export * from "./Tooltip";
 export * from "./Text";
 export * from "./Theme";
 export * from "./Separator";
-export { useSeverityColor, useViewportSize } from "./utils";
+export { useSeverityColor, useViewportSize, useKeyboardShortcut, useStopEventPropagation, useTextFilter, } from "./utils.ts";
 export * from "./Checkbox";
 export * from "./Table";
 export * from "./Spinner";

package/dist/style.css

@@ -85,57 +85,34 @@
   border-bottom-left-radius: 0;
 }._separators_1f7v1_1 > *:not(:last-of-type) {
   border-bottom: 1px solid var(--gray-a6);
-}._DropdownMenu_hj4sz_1 {
-  width: max-content;
-  min-width: max-content;
-  margin: calc(-1 * var(--base-menu-content-padding));
-  padding: 0.2em 0;
-}
-
-._DropdownMenuItemWrapper_hj4sz_8 {
-  padding: 0 0.2em;
-  box-sizing: border-box;
-}
-
-._DropdownMenuSeparatorWrapper_hj4sz_13 {
-  padding: 0.2em 0;
-  box-sizing: border-box;
-}
-
-._DropdownMenuItem_hj4sz_8:not([data-disabled]) {
-  color: var(--gray-a11);
+}._BaseMenuItem_1s610_1 {
+  font-size: var(--font-size-2);
 }
-._DropdownMenuItem_hj4sz_8:hover {
-  color: var(--gray-12);
-}._DropdownSelect_k517z_1 {
-  width: max-content;
-  min-width: max-content;
-  margin: calc(-1 * var(--base-menu-content-padding));
-  background: var(--base-menu-bg);
+._BaseMenuItem_1s610_1:after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  background-color: transparent;
+  border-radius: var(--radius-2);
 }
-
-._BorderBottom_k517z_8 {
-  border-bottom: 1px solid var(--gray-a4);
+._BaseMenuItem_1s610_1:hover:after {
+  background-color: var(--accent-a5);
 }
 
-._DropdownSelectInputWrapper_k517z_12 {
-  background: transparent;
-}
-._DropdownSelectInputWrapper_k517z_12 > * {
+._RemoveOutline_1s610_15 {
   outline: none;
-  box-shadow: none;
-  background-color: transparent;
 }
 
-._DropdownSelectInput_k517z_12 {
-  outline: none;
-  box-shadow: none;
-  color: var(--gray-a12);
+._BaseMenuSeparator_1s610_19 {
+  margin: 0 calc(-1 * var(--base-menu-content-padding));
+  align-self: center;
+}
+._BaseMenuSeparator_1s610_19 > div {
+  border-bottom: 1px solid var(--gray-a4);
 }
 
-._DropdownSelectItem_k517z_27 {
-  height: max-content;
-  padding: 0.2em;
+._BaseMenuInput_1s610_27 {
+  width: 100%;
 }._fluid_7n1wr_1 {
   flex-grow: 1;
   width: auto;
@@ -460,23 +437,46 @@
   overflow: hidden;
   text-overflow: ellipsis;
   display: block;
-}/*
-	Doubling up on the radix-themes class to increase specificity over the default.
-	Note: the class name must be "radix-themes" for nested themes to work.
-
-	See documentation at https://www.radix-ui.com/themes/docs/theme/token-reference
- */
-.radix-themes.radix-themes {
-	--cursor-button: pointer;
-	--cursor-menu-item: pointer;
-	--cursor-checkbox: pointer;
-}
-
-.rt-BaseButton {
-	/* fix the cursor token only being applied to HTML buttons */
-	cursor: var(--cursor-button);
-}
-button {
+}/*
+	Doubling up on the radix-themes class to increase specificity over the default.
+	Note: the class name must be "radix-themes" for nested themes to work.
+
+	See documentation at https://www.radix-ui.com/themes/docs/theme/token-reference
+ */
+.radix-themes.radix-themes {
+	--cursor-button: pointer;
+	--cursor-menu-item: pointer;
+	--cursor-checkbox: pointer;
+}
+
+.rt-BaseButton {
+	/* fix the cursor token only being applied to HTML buttons */
+	cursor: var(--cursor-button);
+}
+._light_1u8fs_1 span {
+  color: var(--gray-a3);
+}
+._light_1u8fs_1 [role=separator] {
+  background-color: var(--gray-a3);
+}
+
+._bold_1u8fs_8 span {
+  color: var(--gray-a9);
+}
+._bold_1u8fs_8 [role=separator] {
+  background-color: var(--gray-a9);
+}
+
+._full_1u8fs_15 span {
+  color: var(--gray-a12);
+}
+._full_1u8fs_15 [role=separator] {
+  background-color: var(--gray-a12);
+}
+
+._Text_1u8fs_22 {
+  color: var(--gray-a6);
+}button {
   all: unset;
 }
 

package/dist/utils.d.ts

@@ -1,5 +1,5 @@
 import { Responsive, ThemeOptions } from "@radix-ui/themes";
-import { ReactNode, ReactElement } from "react";
+import { ReactNode, ReactElement, SetStateAction, Dispatch } from "react";
 import { Severity } from "./typings";
 /**
  * Returns an object with mapped key values or a single mapped value
@@ -33,3 +33,14 @@ export declare const useKeyboardShortcut: (shortcutKeys: string[], disable: bool
  * function acts as a type stripper to remove any children of type string or number (which if using this function, are most
  * likely unwanted children). */
 export declare const childrenToArray: (children: ReactNode) => ReactElement<any, string | import("react").JSXElementConstructor<any>>[];
+/** utility used for stopping Event propagation.
+ * @return stopPropagation a callback that calls stopPropagation on a general event */
+export declare const useStopEventPropagation: () => (event: Event) => void;
+/** custom hook use for providing filter functionality based on a text input field
+ *  @param filterFunction make sure this is wrapped in a useCallback
+ *  @param values items that should be filtered on (of type T) */
+export declare function useTextFilter<T>(values: T[], filterFunction: (value: T, filterValue: string) => boolean): [T[], string, Dispatch<SetStateAction<string>>];
+export declare const genericMemo: <T>(component: T) => T;
+export type AllOrNone<T> = T | {
+    [K in keyof T]?: never;
+};

package/package.json

@@ -1,98 +1,102 @@
-{
-  "name": "@overmap-ai/blocks",
-  "version": "1.0.6",
-  "description": "A collection of React components for building Overmap's UI.",
-  "private": false,
-  "author": "Wôrdn Inc.",
-  "license": "UNLICENSED",
-  "type": "module",
-  "main": "dist/blocks.umd.cjs",
-  "module": "dist/blocks.js",
-  "types": "dist/index.d.ts",
-  "scripts": {
-    "dev": "yarn storybook",
-    "storybook": "storybook dev -p 6006",
-    "build": "tsc --noEmit && vite build",
-    "lint": "eslint src .storybook stories --ext ts,tsx,js,jsx --report-unused-disable-directives --max-warnings 0",
-    "lint:fix": "yarn lint --fix",
-    "preview": "vite preview",
-    "prepare": "husky install",
-    "build-storybook": "storybook build"
-  },
-  "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@radix-ui/colors": "^3.0.0",
-    "@radix-ui/react-accordion": "^1.1.2",
-    "@radix-ui/react-dialog": "^1.0.5",
-    "@radix-ui/react-dismissable-layer": "^1.0.5",
-    "@radix-ui/react-icons": "^1.3.0",
-    "@radix-ui/react-toast": "^1.1.5",
-    "@radix-ui/react-toggle-group": "^1.0.4",
-    "@radix-ui/react-toolbar": "^1.0.4",
-    "@radix-ui/themes": "^2.0.0",
-    "re-resizable": "^6.9.11",
-    "react-responsive": "^9.0.2",
-    "react-transition-group": "^4.4.5",
-    "@table-library/react-table-library": "^4.1.7",
-    "react-device-detect": "^2.2.3"
-  },
-  "peerDependencies": {
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@faker-js/faker": "^8.3.1",
-    "@rollup/plugin-commonjs": "^25.0.4",
-    "@storybook/addon-a11y": "^7.4.5",
-    "@storybook/addon-essentials": "^7.4.3",
-    "@storybook/addon-interactions": "^7.4.3",
-    "@storybook/addon-links": "^7.4.3",
-    "@storybook/blocks": "^7.4.3",
-    "@storybook/react": "^7.4.3",
-    "@storybook/react-vite": "^7.4.3",
-    "@storybook/testing-library": "^0.2.1",
-    "@storybook/types": "^7.4.6",
-    "@types/node": "^20.8.10",
-    "@types/react": "^18.2.15",
-    "@types/react-dom": "^18.2.7",
-    "@types/react-responsive": "^8.0.7",
-    "@types/react-transition-group": "^4.4.8",
-    "@typescript-eslint/eslint-plugin": "^6.0.0",
-    "@typescript-eslint/parser": "^6.0.0",
-    "@vitejs/plugin-react-swc": "^3.3.2",
-    "classnames": "^2.3.2",
-    "eslint": "^8.45.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.0.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.3",
-    "eslint-plugin-storybook": "^0.6.13",
-    "husky": "^8.0.3",
-    "lint-staged": "^14.0.1",
-    "prettier": "^3.0.3",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup-plugin-polyfill-node": "^0.12.0",
-    "sass": "^1.68.0",
-    "storybook": "^7.4.3",
-    "typescript": "^5.0.2",
-    "vite": "^4.4.5",
-    "vite-plugin-dts": "^3.5.3",
-    "vite-plugin-externalize-deps": "^0.7.0"
-  },
-  "lint-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "yarn eslint --fix"
-    ],
-    "*.{css,scss}": [
-      "prettier --write"
-    ]
-  },
-  "files": [
-    "dist"
-  ],
-  "resolutions": {
-    "jackspeak": "2.1.1"
-  }
-}
+{
+  "name": "@overmap-ai/blocks",
+  "version": "1.0.7",
+  "description": "A collection of React components for building Overmap's UI.",
+  "private": false,
+  "author": "Wôrdn Inc.",
+  "license": "UNLICENSED",
+  "type": "module",
+  "main": "dist/blocks.umd.cjs",
+  "module": "dist/blocks.js",
+  "types": "dist/index.d.ts",
+  "scripts": {
+    "dev": "yarn storybook",
+    "storybook": "storybook dev -p 6006",
+    "build": "tsc --noEmit && vite build",
+    "lint": "eslint src .storybook stories --ext ts,tsx,js,jsx --report-unused-disable-directives --max-warnings 0",
+    "lint:fix": "yarn lint --fix",
+    "preview": "vite preview",
+    "prepare": "husky install",
+    "build-storybook": "storybook build"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.11.1",
+    "@radix-ui/colors": "^3.0.0",
+    "@radix-ui/react-accordion": "^1.1.2",
+    "@radix-ui/react-context-menu": "^2.1.5",
+    "@radix-ui/react-dialog": "^1.0.5",
+    "@radix-ui/react-dismissable-layer": "^1.0.5",
+    "@radix-ui/react-dropdown-menu": "^2.0.6",
+    "@radix-ui/react-icons": "^1.3.0",
+    "@radix-ui/react-menu": "^2.0.6",
+    "@radix-ui/react-toast": "^1.1.5",
+    "@radix-ui/react-toggle-group": "^1.0.4",
+    "@radix-ui/react-toolbar": "^1.0.4",
+    "@radix-ui/themes": "^2.0.0",
+    "@table-library/react-table-library": "^4.1.7",
+    "feather-icons-react": "^0.6.2",
+    "re-resizable": "^6.9.11",
+    "react-device-detect": "^2.2.3",
+    "react-responsive": "^9.0.2",
+    "react-transition-group": "^4.4.5"
+  },
+  "peerDependencies": {
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@faker-js/faker": "^8.3.1",
+    "@rollup/plugin-commonjs": "^25.0.4",
+    "@storybook/addon-a11y": "^7.4.5",
+    "@storybook/addon-essentials": "^7.4.3",
+    "@storybook/addon-interactions": "^7.4.3",
+    "@storybook/addon-links": "^7.4.3",
+    "@storybook/blocks": "^7.4.3",
+    "@storybook/react": "^7.4.3",
+    "@storybook/react-vite": "^7.4.3",
+    "@storybook/testing-library": "^0.2.1",
+    "@storybook/types": "^7.4.6",
+    "@types/node": "^20.8.10",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@types/react-responsive": "^8.0.7",
+    "@types/react-transition-group": "^4.4.8",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react-swc": "^3.3.2",
+    "classnames": "^2.3.2",
+    "eslint": "^8.45.0",
+    "eslint-config-prettier": "^9.0.0",
+    "eslint-plugin-prettier": "^5.0.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "eslint-plugin-storybook": "^0.6.13",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.0.1",
+    "prettier": "^3.0.3",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-polyfill-node": "^0.12.0",
+    "sass": "^1.68.0",
+    "storybook": "^7.4.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5",
+    "vite-plugin-dts": "^3.5.3",
+    "vite-plugin-externalize-deps": "^0.7.0"
+  },
+  "lint-staged": {
+    "*.{js,jsx,ts,tsx}": [
+      "yarn eslint --fix"
+    ],
+    "*.{css,scss}": [
+      "prettier --write"
+    ]
+  },
+  "files": [
+    "dist"
+  ],
+  "resolutions": {
+    "jackspeak": "2.1.1"
+  }
+}