@wallarm-org/design-system 0.72.2 → 0.72.3-rc-fix-filter-input-size-variant-leak.2

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.
Files changed (53) hide show
  1. package/dist/components/AppShell/story-content/_storyAccountDropdown.d.ts +1 -1
  2. package/dist/components/AppShell/story-content/_storyConfigRenderer.d.ts +1 -1
  3. package/dist/components/AppShell/story-content/_storyHeaderActions.d.ts +1 -1
  4. package/dist/components/AppShell/story-content/_storyQuickHelpDropdown.d.ts +1 -1
  5. package/dist/components/AppShell/story-content/_storyRecentDropdown.d.ts +1 -1
  6. package/dist/components/AppShell/story-content/_storyWallarmLogo.d.ts +1 -1
  7. package/dist/components/Calendar/CalendarContext.d.ts +1 -1
  8. package/dist/components/Calendar/CalendarTrigger.d.ts +1 -1
  9. package/dist/components/CodeSnippet/CodeSnippetAdapterProvider.d.ts +1 -1
  10. package/dist/components/CodeSnippet/CodeSnippetRoot.d.ts +1 -1
  11. package/dist/components/Drawer/DrawerResizeHandle.d.ts +11 -1
  12. package/dist/components/Drawer/DrawerResizeHandle.js +1 -1
  13. package/dist/components/Drawer/DrawerTrigger.d.ts +3 -1
  14. package/dist/components/DropdownMenu/DropdownMenuTrigger.d.ts +9 -1
  15. package/dist/components/FilterInput/FilterInputField/FilterInputField.js +1 -1
  16. package/dist/components/FilterInput/stories/backendFieldsFixture.d.ts +31 -0
  17. package/dist/components/FilterInput/stories/backendFieldsFixture.js +2845 -0
  18. package/dist/components/FilterInput/stories/mockFilterInputContext.d.ts +4 -0
  19. package/dist/components/FilterInput/stories/mockFilterInputContext.js +51 -0
  20. package/dist/components/InlineEdit/InlineEditSelect.d.ts +1 -1
  21. package/dist/components/NavPanel/NavPanelResizeHandle.js +1 -1
  22. package/dist/components/OverflowTooltip/OverflowTooltip.d.ts +1 -1
  23. package/dist/components/OverflowTooltip/OverflowTooltipContent.d.ts +1 -1
  24. package/dist/components/Popover/PopoverTrigger.d.ts +3 -1
  25. package/dist/components/Select/Select.d.ts +1 -1
  26. package/dist/components/Select/SelectInput/SelectInputOverflowRenderer.d.ts +1 -1
  27. package/dist/components/Selection/Selection.d.ts +1 -1
  28. package/dist/components/Table/Table.d.ts +1 -1
  29. package/dist/components/Table/TableBody/TableBodyCell.d.ts +1 -1
  30. package/dist/components/Table/TableColumnMenu/TableColumnMenu.d.ts +1 -1
  31. package/dist/components/Table/TableContext/TableProvider.d.ts +1 -1
  32. package/dist/components/Table/TableHeadCell.d.ts +1 -1
  33. package/dist/components/Table/TableMasterCellActions.d.ts +1 -1
  34. package/dist/components/Table/TableResizeHandler.d.ts +1 -1
  35. package/dist/components/Table/TableRow.d.ts +1 -1
  36. package/dist/components/Table/TableRowExpanded.d.ts +1 -1
  37. package/dist/components/Table/TableSettingsMenu/TableSettingsMenuItem.d.ts +1 -1
  38. package/dist/components/Table/TableSettingsMenu/TableSettingsMenuReset.js +1 -1
  39. package/dist/components/Table/TableSortHandler.d.ts +1 -1
  40. package/dist/components/Table/TableSortTrigger.d.ts +1 -1
  41. package/dist/components/Table/mocks.d.ts +2 -2
  42. package/dist/components/Toast/Toast.d.ts +1 -1
  43. package/dist/components/Toast/ToastClose.d.ts +1 -1
  44. package/dist/components/Toast/Toaster.d.ts +3 -1
  45. package/dist/components/Toast/Toaster.js +16 -2
  46. package/dist/components/Tour/useTour.js +6 -3
  47. package/dist/components/TreeBase/TreeBase.d.ts +1 -1
  48. package/dist/metadata/components.json +299 -271
  49. package/dist/utils/isEqual.d.ts +4 -0
  50. package/dist/utils/isEqual.js +15 -0
  51. package/dist/utils/throttle.d.ts +9 -0
  52. package/dist/utils/throttle.js +30 -0
  53. package/package.json +5 -7
@@ -5,4 +5,4 @@ export declare const AccountDropdown: ({ sidebarMode, onSidebarModeChange, theme
5
5
  onSidebarModeChange: (mode: SidebarMode) => void;
6
6
  theme: Theme;
7
7
  onThemeChange: (theme: Theme) => void;
8
- }) => import("react/jsx-runtime").JSX.Element;
8
+ }) => import("react").JSX.Element;
@@ -6,4 +6,4 @@ export interface ConfigRemoteProps {
6
6
  }
7
7
  export declare const RemoteForProduct: ({ product }: {
8
8
  product: Product;
9
- }) => import("react/jsx-runtime").JSX.Element;
9
+ }) => import("react").JSX.Element;
@@ -1 +1 @@
1
- export declare const HeaderActions: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const HeaderActions: () => import("react").JSX.Element;
@@ -1 +1 @@
1
- export declare const QuickHelpDropdown: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const QuickHelpDropdown: () => import("react").JSX.Element;
@@ -1 +1 @@
1
- export declare const RecentDropdown: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const RecentDropdown: () => import("react").JSX.Element;
@@ -1 +1 @@
1
- export declare const WallarmLogo: () => import("react/jsx-runtime").JSX.Element;
1
+ export declare const WallarmLogo: () => import("react").JSX.Element;
@@ -34,7 +34,7 @@ export interface CalendarProviderProps {
34
34
  value: CalendarContextValue;
35
35
  }
36
36
  export declare const CalendarProvider: {
37
- ({ children, value }: CalendarProviderProps): import("react/jsx-runtime").JSX.Element;
37
+ ({ children, value }: CalendarProviderProps): import("react").JSX.Element;
38
38
  displayName: string;
39
39
  };
40
40
  /**
@@ -16,6 +16,6 @@ export interface CalendarTriggerProps extends Omit<HTMLAttributes<HTMLButtonElem
16
16
  * the final rendered child via `asChild` slot merge.
17
17
  */
18
18
  export declare const CalendarTrigger: {
19
- ({ children, asChild, ref, ...rest }: CalendarTriggerProps): import("react/jsx-runtime").JSX.Element;
19
+ ({ children, asChild, ref, ...rest }: CalendarTriggerProps): import("react").JSX.Element;
20
20
  displayName: string;
21
21
  };
@@ -18,7 +18,7 @@ export type CodeSnippetAdapterProviderProps<TLanguage extends string = string> =
18
18
  adapter: AdapterInput<TLanguage>;
19
19
  children: ReactNode;
20
20
  };
21
- export declare function CodeSnippetAdapterProvider<TLanguage extends string>({ adapter, children, }: CodeSnippetAdapterProviderProps<TLanguage>): import("react/jsx-runtime").JSX.Element;
21
+ export declare function CodeSnippetAdapterProvider<TLanguage extends string>({ adapter, children, }: CodeSnippetAdapterProviderProps<TLanguage>): import("react").JSX.Element;
22
22
  export declare namespace CodeSnippetAdapterProvider {
23
23
  var displayName: string;
24
24
  }
@@ -37,7 +37,7 @@ export type CodeSnippetRootProps<TLanguage extends string = string> = CodeSnippe
37
37
  * Code block with syntax highlighting, actions, line numbers, folding, and maxLines collapse.
38
38
  */
39
39
  export declare const CodeSnippetRoot: {
40
- <TLanguage extends string = string>({ code, language, size, lines, startingLineNumber, wrapLines: initialWrapLines, maxLines, folds: foldsProp, onCopy, className, children, "data-testid": testId, ...props }: CodeSnippetRootProps<TLanguage>): import("react/jsx-runtime").JSX.Element;
40
+ <TLanguage extends string = string>({ code, language, size, lines, startingLineNumber, wrapLines: initialWrapLines, maxLines, folds: foldsProp, onCopy, className, children, "data-testid": testId, ...props }: CodeSnippetRootProps<TLanguage>): import("react").JSX.Element;
41
41
  displayName: string;
42
42
  };
43
43
  export {};
@@ -1,7 +1,17 @@
1
1
  import { type ButtonHTMLAttributes, type FC, type Ref } from 'react';
2
2
  import { type TestableProps } from '../../utils/testId';
3
- export interface DrawerResizeHandleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'>, TestableProps {
3
+ export interface DrawerResizeHandleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color' | 'value'>, TestableProps {
4
4
  ref?: Ref<HTMLButtonElement>;
5
+ /**
6
+ * A real `<button>`'s `value` DOM property is always a string at runtime;
7
+ * the wider `string | number | readonly string[]` union on
8
+ * `ButtonHTMLAttributes` only exists because that interface is shared with
9
+ * `<input>`/`<select>`. Narrowed here to match Ark UI's `TooltipTrigger`
10
+ * (which types `value` as `string | undefined` for its trigger-identity
11
+ * feature) so this prop object can be spread onto it without widening or
12
+ * dropping the field.
13
+ */
14
+ value?: string;
5
15
  /** Fired when the user starts dragging the resize handle. */
6
16
  onResizeStart?: () => void;
7
17
  /** Fired when the user releases the resize handle, with the final pixel width. */
@@ -1,9 +1,9 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
2
  import { useEffect, useMemo, useRef, useState } from "react";
3
3
  import { cva } from "class-variance-authority";
4
- import { throttle } from "lodash-es";
5
4
  import { cn } from "../../utils/cn.js";
6
5
  import { useTestId } from "../../utils/testId.js";
6
+ import { throttle } from "../../utils/throttle.js";
7
7
  import { Tooltip, TooltipContent, TooltipTrigger } from "../Tooltip/index.js";
8
8
  import { useDrawerContext } from "./DrawerContext/index.js";
9
9
  const drawerResizeHandleVariants = cva(cn('absolute left-0 top-0 bottom-0 z-1', '-translate-x-1/2', 'w-12 py-12', 'outline-none cursor-col-resize', 'flex items-center justify-center', 'before:content-[""]', 'before:block', 'before:w-3 before:h-full', 'before:rounded-full', 'before:bg-bg-fill-brand', 'before:transition-opacity before:duration-150'), {
@@ -1,9 +1,11 @@
1
1
  import type { ButtonHTMLAttributes, FC, ReactNode, Ref } from 'react';
2
2
  import { type TestableProps } from '../../utils/testId';
3
- export interface DrawerTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'>, TestableProps {
3
+ export interface DrawerTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color' | 'value'>, TestableProps {
4
4
  children: ReactNode;
5
5
  /** Render as child component */
6
6
  asChild?: boolean;
7
7
  ref?: Ref<HTMLButtonElement>;
8
+ /** Native button value attribute (string only, matching Ark UI's Dialog.Trigger) */
9
+ value?: string;
8
10
  }
9
11
  export declare const DrawerTrigger: FC<DrawerTriggerProps>;
@@ -1,8 +1,16 @@
1
1
  import type { ButtonHTMLAttributes, FC, ReactNode, Ref } from 'react';
2
2
  import { type TestableProps } from '../../utils/testId';
3
- export interface DropdownMenuTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color'>, TestableProps {
3
+ export interface DropdownMenuTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'color' | 'value'>, TestableProps {
4
4
  children: ReactNode;
5
5
  asChild?: boolean;
6
6
  ref?: Ref<HTMLButtonElement>;
7
+ /**
8
+ * A real `<button>`'s `value` DOM property is always a string at runtime.
9
+ * Narrowed from the native `ButtonHTMLAttributes['value']`
10
+ * (`string | number | readonly string[] | undefined`) to match Ark UI's
11
+ * `Menu.Trigger`, which also uses `value` to identify this trigger
12
+ * (see `onTriggerValueChange`). The prop still forwards to the real DOM node.
13
+ */
14
+ value?: string;
7
15
  }
8
16
  export declare const DropdownMenuTrigger: FC<DropdownMenuTriggerProps>;
@@ -48,7 +48,7 @@ const FilterInputField = ({ className, ...props })=>{
48
48
  children: /*#__PURE__*/ jsxs("div", {
49
49
  className: cn(inputVariants({
50
50
  error
51
- }), filterInputContainerVariants({
51
+ }), 'h-auto py-0', filterInputContainerVariants({
52
52
  error,
53
53
  multiRow
54
54
  }), className),
@@ -0,0 +1,31 @@
1
+ import type { FieldMetadata } from '../types';
2
+ interface RawBackendOption {
3
+ value: string;
4
+ label: string;
5
+ }
6
+ interface RawBackendField {
7
+ name: string;
8
+ label: string;
9
+ type: string;
10
+ description?: string;
11
+ operators: string[];
12
+ options?: RawBackendOption[];
13
+ /** Backend "show in default view" flag — not a filter default value, so dropped. */
14
+ default?: boolean;
15
+ key_value?: {
16
+ key_label: string;
17
+ value_label: string;
18
+ key_options: RawBackendOption[];
19
+ };
20
+ }
21
+ /**
22
+ * Normalize one raw backend field to `FieldMetadata`:
23
+ * - `options: [{ value, label }]` → `values`; `options: []` → freeform input.
24
+ * - `key_value` → a paired field: the key (parameter name) is an enum, the
25
+ * value rides on `pairedField` with the field's own comparison operators.
26
+ * - `strictValues: false` everywhere — backend option lists are samples, so
27
+ * typed-but-unlisted values must commit (mirrors the Attacks page).
28
+ */
29
+ export declare const backendFieldsToMetadata: (raw: RawBackendField) => FieldMetadata;
30
+ export declare const realBackendFields: RawBackendField[];
31
+ export {};