@oliasoft-open-source/react-ui-library 8.0.0-beta-5 → 8.0.0-beta-6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -1181,10 +1181,10 @@ The `Menu` component is used to render a menu with various options or sections.
1181
1181
  | `badgeTitle` | The title text for a badge, if applicable. | `''` (empty) |
1182
1182
  | `badgeDot` | A boolean indicating whether to display a dot badge. | `false` |
1183
1183
  | `loading` | A boolean indicating whether the menu is in a loading state. | `false` |
1184
- | `closeOnOptionClick` | A boolean indicating whether the menu should close when an option is clicked. | `false` |
1185
- | `groupOrder` | The order of the menu group. | `null` |
1184
+ | `closeOnOptionClick` | A boolean indicating whether the menu should close when an option is clicked. | `true` |
1185
+ | `groupOrder` | The order of the menu group. | - |
1186
1186
  | `maxHeight` | The maximum height of the menu. | - |
1187
- | `testId` | A string representing the test ID for testing purposes. | - |
1187
+ | `testId` | Preferred test id: trigger + open panel as `${testId}-layer`. | - |
1188
1188
  | `open` | A boolean indicating whether the menu is open. | `false` |
1189
1189
  | `setOpen` | A function to set the open state of the menu. | - |
1190
1190
  | `tooltip` | The tooltip for the menu. | `null` |
@@ -1207,12 +1207,15 @@ The `menu` prop accepts an object with the following properties:
1207
1207
  - `sections`: The sections of the menu. Option `url` navigates via MenuItem `href`. For SPA routing, use `onClick` with `preventDefault` and your router’s `navigate`.
1208
1208
  - `placement`: The placement of the menu.
1209
1209
  - `showAllButton`: The configuration for the "show all" button.
1210
- - `testId`: The test ID for the menu.
1210
+ - `testId`: Alias for the top-level `testId` prop (prefer `<Menu testId>`). Same contract: trigger + `${id}-layer`.
1211
+
1212
+ Nested submenu layers use `section.testId` (preferred) or `section.menu.testId` as `${id}-layer`.
1211
1213
 
1212
1214
  ### Usage Example
1213
1215
 
1214
1216
  ```jsx
1215
1217
  <Menu
1218
+ testId="menu-test-id"
1216
1219
  menu={{
1217
1220
  trigger: 'click',
1218
1221
  title: 'Options',
@@ -1221,7 +1224,6 @@ The `menu` prop accepts an object with the following properties:
1221
1224
  label: 'Menu Label',
1222
1225
  sections: [<MenuItem key="1" label="Item 1" />, <MenuItem key="2" label="Item 2" />],
1223
1226
  placement: 'bottom-end',
1224
- testId: 'menu-test-id',
1225
1227
  }}
1226
1228
  open={true}
1227
1229
  setOpen={(state) => setOpen(state)}
@@ -1 +1 @@
1
- {"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/layer/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAO1E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAClD;AAUD,eAAO,MAAM,OAAO,GAAI,oFAQrB,aAAa,mDA+Ef,CAAC"}
1
+ {"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/layer/section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAO1E,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAMjD,MAAM,WAAW,aAAa;IAC5B,OAAO,EAAE,YAAY,CAAC;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;CAClD;AAUD,eAAO,MAAM,OAAO,GAAI,oFAQrB,aAAa,mDAgFf,CAAC"}
@@ -7,7 +7,6 @@ export interface IMenuPopoverProps {
7
7
  isNested?: boolean;
8
8
  className?: string;
9
9
  offset?: number;
10
- testId?: string;
11
10
  }
12
- export declare const MenuPopover: ({ children, placement, triggerRef, portalTriggerRef, isNested, className, offset, testId, }: IMenuPopoverProps) => import("react/jsx-runtime").JSX.Element;
11
+ export declare const MenuPopover: ({ children, placement, triggerRef, portalTriggerRef, isNested, className, offset, }: IMenuPopoverProps) => import("react/jsx-runtime").JSX.Element;
13
12
  //# sourceMappingURL=menu-popover.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"menu-popover.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-popover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,gBAAgB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,6FASzB,iBAAiB,4CAuBnB,CAAC"}
1
+ {"version":3,"file":"menu-popover.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu-popover.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAUpD,MAAM,WAAW,iBAAiB;IAChC,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IAC1C,gBAAgB,CAAC,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,WAAW,GAAI,qFAQzB,iBAAiB,4CAsBnB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAM9C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEzF,eAAO,MAAM,IAAI,GAAI,uMAmBlB,UAAU,4CAkGZ,CAAC"}
1
+ {"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAM9C,YAAY,EAAE,UAAU,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEzF,eAAO,MAAM,IAAI,GAAI,uMAmBlB,UAAU,4CA8FZ,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"menu.test-case.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.test-case.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKtD,OAAO,EAAE,UAAU,EAAQ,MAAM,QAAQ,CAAC;wBAkErC,IAAI;AAPT,wBAOU;AAIV,eAAO,MAAM,qBAAqB,8GAAoB,CAAC;AASvD,eAAO,MAAM,wBAAwB,8GAAoB,CAAC;AAK1D,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,UAAU,CAAyC,CAAC;AAoD/E,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAAyC,CAAC;AA0CjG,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAAgD,CAAC;AAsCxG,eAAO,MAAM,yBAAyB,EAAE,OA4BvC,CAAC;AAgBF,eAAO,MAAM,oBAAoB,EAAE,OAuBlC,CAAC;AAeF,eAAO,MAAM,wBAAwB,EAAE,OAuBtC,CAAC;AAiBF,eAAO,MAAM,4BAA4B,EAAE,OA4B1C,CAAC;AAgBF,eAAO,MAAM,uBAAuB,EAAE,OAuBrC,CAAC;AAiBF,eAAO,MAAM,mBAAmB,EAAE,OAqBjC,CAAC;AA8BF,eAAO,MAAM,gBAAgB,EAAE,OAsB9B,CAAC;AA4CF,eAAO,MAAM,iBAAiB,EAAE,OA4B/B,CAAC;AAiBF,eAAO,MAAM,2BAA2B,EAAE,OAmBzC,CAAC"}
1
+ {"version":3,"file":"menu.test-case.stories.d.ts","sourceRoot":"","sources":["../../../src/components/menu/menu.test-case.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAC;AAKtD,OAAO,EAAE,UAAU,EAAQ,MAAM,QAAQ,CAAC;wBAkFrC,IAAI;AAPT,wBAOU;AAIV,eAAO,MAAM,qBAAqB,8GAAoB,CAAC;AASvD,eAAO,MAAM,wBAAwB,8GAAoB,CAAC;AAK1D,eAAO,MAAM,IAAI,EAAE,OAAO,CAAC,UAAU,CAAyC,CAAC;AAgE/E,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAAyC,CAAC;AA0CjG,eAAO,MAAM,sBAAsB,EAAE,OAAO,CAAC,UAAU,CAAgD,CAAC;AAsCxG,eAAO,MAAM,yBAAyB,EAAE,OA4BvC,CAAC;AAgBF,eAAO,MAAM,oBAAoB,EAAE,OAuBlC,CAAC;AAeF,eAAO,MAAM,wBAAwB,EAAE,OAuBtC,CAAC;AAiBF,eAAO,MAAM,4BAA4B,EAAE,OA4B1C,CAAC;AAgBF,eAAO,MAAM,uBAAuB,EAAE,OAuBrC,CAAC;AAiBF,eAAO,MAAM,mBAAmB,EAAE,OAqBjC,CAAC;AA8BF,eAAO,MAAM,gBAAgB,EAAE,OAsB9B,CAAC;AA4CF,eAAO,MAAM,iBAAiB,EAAE,OA4B/B,CAAC;AAiBF,eAAO,MAAM,2BAA2B,EAAE,OAmBzC,CAAC"}
@@ -2,6 +2,7 @@ import { default as React, HTMLAttributes, ReactNode } from 'react';
2
2
  export interface IMenuComponentProps extends HTMLAttributes<HTMLElement> {
3
3
  component: ReactNode;
4
4
  disabled?: boolean;
5
+ active?: boolean;
5
6
  testId?: string;
6
7
  }
7
8
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/trigger/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,cAAc,EAAgC,SAAS,EAAO,MAAM,OAAO,CAAC;AAMtH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,yFAiCrB,CAAC"}
1
+ {"version":3,"file":"component.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/trigger/component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA4B,cAAc,EAAgC,SAAS,EAAO,MAAM,OAAO,CAAC;AAMtH,MAAM,WAAW,mBAAoB,SAAQ,cAAc,CAAC,WAAW,CAAC;IACtE,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAQD;;;;GAIG;AACH,eAAO,MAAM,SAAS,yFAmCrB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/trigger/trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAe,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,EAAU,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMpD,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iGAAiG;AACjG,eAAO,MAAM,cAAc,GAAI,uCAAuC,mBAAmB,4CASxF,CAAC;AAEF,iGAAiG;AACjG,KAAK,uBAAuB,GAAG,IAAI,CACjC,gBAAgB,EACd,SAAS,GACT,OAAO,GACP,OAAO,GACP,UAAU,GACV,SAAS,GACT,YAAY,GACZ,OAAO,GACP,SAAS,GACT,QAAQ,GACR,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,uBAAuB;IAC5G,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GACpB,UAAU,SAAS,EACnB,oCAAoC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,0TAQlG,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,OAAO,uFAiFnB,CAAC"}
1
+ {"version":3,"file":"trigger.d.ts","sourceRoot":"","sources":["../../../../src/components/menu/trigger/trigger.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzD,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAe,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAGjE,OAAO,EAAU,gBAAgB,EAAE,MAAM,UAAU,CAAC;AAMpD,UAAU,mBAAmB;IAC3B,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,KAAK,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACpC,OAAO,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IACtC,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,iGAAiG;AACjG,eAAO,MAAM,cAAc,GAAI,uCAAuC,mBAAmB,4CASxF,CAAC;AAEF,iGAAiG;AACjG,KAAK,uBAAuB,GAAG,IAAI,CACjC,gBAAgB,EACd,SAAS,GACT,OAAO,GACP,OAAO,GACP,UAAU,GACV,SAAS,GACT,YAAY,GACZ,OAAO,GACP,SAAS,GACT,QAAQ,GACR,UAAU,GACV,QAAQ,CACX,CAAC;AAEF,MAAM,WAAW,iBAAkB,SAAQ,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,OAAO,CAAC,EAAE,uBAAuB;IAC5G,OAAO,EAAE,YAAY,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,SAAS,GACpB,UAAU,SAAS,EACnB,oCAAoC;IAAE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAAC,UAAU,CAAC,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;CAAE,0TAQlG,CAAC;AAEJ;;;GAGG;AACH,eAAO,MAAM,OAAO,uFAkFnB,CAAC"}