@overmap-ai/blocks 1.0.6 → 1.0.8

package/dist/index.d.ts

@@ -1,7 +1,3 @@
-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 type { Responsive } from "@radix-ui/themes";
 export * from "./Badge";
 export * from "./Breadcrumb";
 export * from "./Buttons";
@@ -9,7 +5,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 +27,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;
+}._BaseMenuItem_1s610_1 {
+  font-size: var(--font-size-2);
 }
-
-._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);
-}
-._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;
@@ -476,7 +453,30 @@
 	/* fix the cursor token only being applied to HTML buttons */
 	cursor: var(--cursor-button);
 }
-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,6 +1,6 @@
 {
   "name": "@overmap-ai/blocks",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "A collection of React components for building Overmap's UI.",
   "private": false,
   "author": "Wôrdn Inc.",
@@ -23,18 +23,22 @@
     "@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",
-    "@table-library/react-table-library": "^4.1.7",
-    "react-device-detect": "^2.2.3"
+    "react-transition-group": "^4.4.5"
   },
   "peerDependencies": {
     "react": "^18.2.0",
@@ -42,7 +46,7 @@
   },
   "devDependencies": {
     "@faker-js/faker": "^8.3.1",
-    "@rollup/plugin-commonjs": "^25.0.4",
+    "@rollup/plugin-commonjs": "^25.0.7",
     "@storybook/addon-a11y": "^7.4.5",
     "@storybook/addon-essentials": "^7.4.3",
     "@storybook/addon-interactions": "^7.4.3",