@grasp-labs/ds-react-components 1.1.2 → 1.1.4

package/dist/{index.esm-Cbp5uV56.js → index.esm-CxO4uPdH.js}

@@ -1,4 +1,4 @@
-import { j as o } from "./index-BLcXInK2.js";
+import { j as o } from "./index-DnAYLZ11.js";
 import { useState as G, useEffect as Oe, createContext as Xt, useRef as ce, useContext as Zt, useMemo as le, useCallback as Ie } from "react";
 const Be = (e, t, n, r, a) => {
   if (!r) throw new Error(a ?? `Invalid property path: ${t}

package/dist/index.js

@@ -1,4 +1,4 @@
-import { aj as o, A as e, c as n, ak as c, al as t, am as r, an as I, B as l, a as i, ao as d, af as b, e as C, ap as g, f as u, aq as B, C as T, ar as D, V as p, as as L, h, i as w, at as P, au as S, av as f, aw as F, ax as y, ay as x, k as E, az as m, aA as k, aB as A, aC as H, aD as v, aE as R, ai as M, aF as N, aG as U, D as O, aH as G, aI as W, l as _, m as J, n as K, o as V, G as Y, aJ as q, aK as z, E as Q, aL as X, p as Z, aM as $, aO as j, F as aa, r as sa, w as oa, q as ea, u as na, s as ca, x as ta, t as ra, aN as Ia, aP as la, y as ia, aQ as da, aa as ba, ab as Ca, ac as ga, ad as ua, ae as Ba, aR as Ta, I as Da, aS as pa, aT as La, J as ha, K as wa, ag as Pa, aU as Sa, aV as fa, L as Fa, z as ya, aW as xa, H as Ea, M as ma, aX as ka, N as Aa, aY as Ha, aZ as va, Z as Ra, P as Ma, a_ as Na, a$ as Ua, O as Oa, Q as Ga, b0 as Wa, R as _a, b1 as Ja, b2 as Ka, b3 as Va, b4 as Ya, b5 as qa, U as za, b6 as Qa, S as Xa, W as Za, X as $a, Y as ja, b7 as as, a1 as ss, a2 as os, _ as es, $ as ns, a0 as cs, b8 as ts, a3 as rs, a4 as Is, a5 as ls, a6 as is, a7 as ds, a8 as bs, a9 as Cs, T as gs, ah as us, b9 as Bs, ba as Ts, bb as Ds, b as ps, d as Ls, g as hs, bc as ws, bd as Ps, v as Ss } from "./index-BLcXInK2.js";
+import { ak as o, A as e, c as n, al as c, am as t, an as r, ao as I, B as l, a as i, ap as d, ag as b, e as C, aq as g, f as u, ar as B, C as T, as as D, W as p, at as L, h as S, i as h, au as w, av as P, aw as f, ax as F, ay as y, az as x, k as E, aA as m, aB as H, aC as k, aD as A, aE as v, aF as R, aj as M, aG as N, aH as U, D as O, aI as G, aJ as W, l as _, m as J, n as K, o as V, G as Y, aK as q, aL as z, E as Q, aM as X, p as Z, aN as $, aP as j, F as aa, r as sa, w as oa, q as ea, u as na, s as ca, x as ta, t as ra, aO as Ia, aQ as la, y as ia, aR as da, ab as ba, ac as Ca, ad as ga, ae as ua, af as Ba, aS as Ta, I as Da, aT as pa, aU as La, J as Sa, K as ha, ah as wa, aV as Pa, aW as fa, L as Fa, z as ya, aX as xa, H as Ea, M as ma, N as Ha, aY as ka, O as Aa, aZ as va, a_ as Ra, _ as Ma, P as Na, a$ as Ua, b0 as Oa, Q as Ga, R as Wa, b1 as _a, U as Ja, b2 as Ka, b3 as Va, b4 as Ya, b5 as qa, b6 as za, V as Qa, b7 as Xa, S as Za, X as $a, Y as ja, Z as as, b8 as ss, a2 as os, a3 as es, $ as ns, a0 as cs, a1 as ts, b9 as rs, a4 as Is, a5 as ls, a6 as is, a7 as ds, a8 as bs, a9 as Cs, aa as gs, T as us, ai as Bs, ba as Ts, bb as Ds, bc as ps, b as Ls, d as Ss, g as hs, bd as ws, be as Ps, v as fs } from "./index-DnAYLZ11.js";
 export {
   o as AddressIcon,
   e as Alert,
@@ -19,19 +19,19 @@ export {
   D as CautionIcon,
   p as CenteredSpinner,
   L as CheckIcon,
-  h as Checkbox,
-  w as CheckboxIcon,
-  P as ChevronDoubleLeftIcon,
-  S as ChevronDoubleRightIcon,
+  S as Checkbox,
+  h as CheckboxIcon,
+  w as ChevronDoubleLeftIcon,
+  P as ChevronDoubleRightIcon,
   f as CircleIcon,
   F as ClockIcon,
   y as CloseIcon,
   x as CogWheelIcon,
   E as ConfirmationDialog,
   m as ConnectionIcon,
-  k as CopyIcon,
-  A as CorrectIcon,
-  H as DashIcon,
+  H as CopyIcon,
+  k as CorrectIcon,
+  A as DashIcon,
   v as DashboardIcon,
   R as DatabaseIcon,
   M as DatePicker,
@@ -73,62 +73,63 @@ export {
   Da as IconButton,
   pa as IdeaIcon,
   La as InfoIcon,
-  ha as JsonEditor,
-  wa as KeyValueList,
-  Pa as Label,
-  Sa as LeftBarIcon,
+  Sa as JsonEditor,
+  ha as KeyValueList,
+  wa as Label,
+  Pa as LeftBarIcon,
   fa as LeftIcon,
   Fa as Link,
   ya as List,
   xa as ListIcon,
   Ea as ListItem,
-  ma as Logo,
+  ma as ListSectionHeader,
+  Ha as Logo,
   ka as MoreIcon,
   Aa as MultiSelect,
-  Ha as NotepadIcon,
-  va as NotesIcon,
-  Ra as Pagination,
-  Ma as PasswordTextBox,
-  Na as PlayIcon,
-  Ua as PlusIcon,
-  Oa as Popover,
-  Ga as Portal,
-  Wa as ProfileIcon,
-  _a as RadioButton,
-  Ja as RecycleIcon,
-  Ka as ReloadIcon,
-  Va as RightIcon,
-  Ya as SaveIcon,
-  qa as SearchIcon,
-  za as Select,
-  Qa as ServerIcon,
-  Xa as Sidebar,
-  Za as Spinner,
-  $a as Step,
-  ja as Stepper,
-  as as SuccessIcon,
-  ss as Tab,
-  os as TabPanel,
-  es as Table,
-  ns as TableCell,
-  cs as TableHeaderCell,
-  ts as TableIcon,
-  rs as Tag,
-  Is as TagList,
-  ls as TextBox,
-  is as Toast,
-  ds as Toaster,
-  bs as ToggleButton,
-  Cs as ToggleButtonTrack,
-  gs as Tooltip,
-  us as UnstyledButton,
-  Bs as UpIcon,
-  Ts as UserIcon,
-  Ds as WarningIcon,
-  ps as baseClasses,
-  Ls as disabledClasses,
+  va as NotepadIcon,
+  Ra as NotesIcon,
+  Ma as Pagination,
+  Na as PasswordTextBox,
+  Ua as PlayIcon,
+  Oa as PlusIcon,
+  Ga as Popover,
+  Wa as Portal,
+  _a as ProfileIcon,
+  Ja as RadioButton,
+  Ka as RecycleIcon,
+  Va as ReloadIcon,
+  Ya as RightIcon,
+  qa as SaveIcon,
+  za as SearchIcon,
+  Qa as Select,
+  Xa as ServerIcon,
+  Za as Sidebar,
+  $a as Spinner,
+  ja as Step,
+  as as Stepper,
+  ss as SuccessIcon,
+  os as Tab,
+  es as TabPanel,
+  ns as Table,
+  cs as TableCell,
+  ts as TableHeaderCell,
+  rs as TableIcon,
+  Is as Tag,
+  ls as TagList,
+  is as TextBox,
+  ds as Toast,
+  bs as Toaster,
+  Cs as ToggleButton,
+  gs as ToggleButtonTrack,
+  us as Tooltip,
+  Bs as UnstyledButton,
+  Ts as UpIcon,
+  Ds as UserIcon,
+  ps as WarningIcon,
+  Ls as baseClasses,
+  Ss as disabledClasses,
   hs as getBaseButtonClassName,
   ws as icons,
   Ps as useDropdownPosition,
-  Ss as variantClasses
+  fs as variantClasses
 };

package/dist/types/BaseOption.d.ts

@@ -8,4 +8,11 @@ export type BaseOption = {
     label: BaseOptionLabel;
     disabled?: boolean;
 };
+export type OptionSection<Option extends BaseOption = BaseOption> = {
+    type: "section";
+    id: string | number;
+    label: string;
+    options: Option[];
+};
+export type OptionNode<Option extends BaseOption = BaseOption> = Option | OptionSection<Option>;
 export {};

package/dist/utils/index.d.ts

@@ -1 +1,2 @@
 export * from './getOptionTextLabel';
+export * from './normalizeOptionNodes';

package/dist/utils/normalizeOptionNodes.d.ts

@@ -0,0 +1,18 @@
+import { BaseOption, OptionNode, OptionSection } from '../types';
+export type OptionRenderRow<Option extends BaseOption = BaseOption> = {
+    kind: "section";
+    key: string;
+    section: OptionSection<Option>;
+} | {
+    kind: "option";
+    key: string;
+    option: Option;
+    optionIndex: number;
+};
+export type NormalizedOptionNodes<Option extends BaseOption = BaseOption> = {
+    flatOptions: Option[];
+    rows: OptionRenderRow<Option>[];
+};
+export declare const isOptionSection: <Option extends BaseOption>(node: OptionNode<Option>) => node is OptionSection<Option>;
+export declare const normalizeOptionNodes: <Option extends BaseOption>(options: OptionNode<Option>[]) => NormalizedOptionNodes<Option>;
+export declare const filterOptionNodesByLabel: <Option extends BaseOption>(options: OptionNode<Option>[], query: string) => OptionNode<Option>[];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@grasp-labs/ds-react-components",
-  "version": "1.1.2",
+  "version": "1.1.4",
   "private": false,
   "license": "Apache-2.0",
   "type": "module",
@@ -35,6 +35,7 @@
     "format": "prettier --write \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
     "format:check": "prettier --check \"**/*.{js,jsx,ts,tsx,json,css,md}\"",
     "test": "vitest run",
+    "check": "npm run lint && npm run format:check && npm run test",
     "test:watch": "vitest",
     "test:storybook": "vitest --project=storybook run",
     "test:coverage": "vitest run --coverage"