@axinom/mosaic-ui 0.70.0-rc.2 → 0.70.0-rc.4

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 (30) hide show
  1. package/dist/components/Actions/Actions.models.d.ts +3 -3
  2. package/dist/components/Actions/Actions.models.d.ts.map +1 -1
  3. package/dist/components/Buttons/Button/Button.d.ts +1 -2
  4. package/dist/components/Buttons/Button/Button.d.ts.map +1 -1
  5. package/dist/components/Buttons/Button/Button.model.d.ts +3 -3
  6. package/dist/components/Buttons/Button/Button.model.d.ts.map +1 -1
  7. package/dist/components/Buttons/Button.model.d.ts +8 -3
  8. package/dist/components/Buttons/Button.model.d.ts.map +1 -1
  9. package/dist/components/Icons/Icons.d.ts +1 -4
  10. package/dist/components/Icons/Icons.d.ts.map +1 -1
  11. package/dist/components/Icons/Icons.models.d.ts +20 -0
  12. package/dist/components/Icons/Icons.models.d.ts.map +1 -1
  13. package/dist/components/Icons/index.d.ts +2 -2
  14. package/dist/components/Icons/index.d.ts.map +1 -1
  15. package/dist/components/InlineMenu/InlineMenu.d.ts +7 -3
  16. package/dist/components/InlineMenu/InlineMenu.d.ts.map +1 -1
  17. package/dist/index.es.js +2 -2
  18. package/dist/index.es.js.map +1 -1
  19. package/dist/index.js +4 -4
  20. package/dist/index.js.map +1 -1
  21. package/package.json +3 -3
  22. package/src/components/Actions/Actions.models.ts +3 -3
  23. package/src/components/Buttons/Button/Button.model.ts +3 -3
  24. package/src/components/Buttons/Button.model.ts +8 -3
  25. package/src/components/Icons/Icons.models.ts +23 -0
  26. package/src/components/Icons/Icons.spec.tsx +24 -63
  27. package/src/components/Icons/Icons.stories.tsx +41 -0
  28. package/src/components/Icons/Icons.tsx +13 -15
  29. package/src/components/Icons/index.ts +2 -2
  30. package/src/components/InlineMenu/InlineMenu.tsx +12 -7
@@ -1,5 +1,5 @@
1
1
  import { Not } from '../../types';
2
- import { IconName } from '../Icons';
2
+ import { IconComponent } from '../Icons';
3
3
  import { ConfirmAction, DefaultHandler, LinkAction } from '../models';
4
4
  export type ActionData<THandler = DefaultHandler> = ContextActionData<THandler> | NavigationActionData;
5
5
  /**
@@ -22,8 +22,8 @@ export interface HandledAction<THandler> {
22
22
  interface ActionBaseData {
23
23
  /** The label of the action. */
24
24
  label: string;
25
- /** Optional icon (default: 'IconName.ChevronRight') */
26
- icon?: IconName;
25
+ /** Optional icon. Callers may pass either an `IconName` enum value or a custom icon component (default: `IconName.ChevronRight`). */
26
+ icon?: IconComponent;
27
27
  /** Renders an un-clickable button if true. */
28
28
  isDisabled?: boolean;
29
29
  }
@@ -1 +1 @@
1
- {"version":3,"file":"Actions.models.d.ts","sourceRoot":"","sources":["../../../src/components/Actions/Actions.models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEtE,MAAM,MAAM,UAAU,CAAC,QAAQ,GAAG,cAAc,IAC5C,iBAAiB,CAAC,QAAQ,CAAC,GAC3B,oBAAoB,CAAC;AAEzB;;;;GAIG;AACH,MAAM,WAAW,iBAAiB,CAAC,QAAQ,GAAG,cAAc,CAC1D,SAAQ,cAAc,EACpB,aAAa,EACb,aAAa,CAAC,QAAQ,CAAC,EACvB,GAAG,CAAC,UAAU,CAAC;CAAG;AAEtB;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,UAAU,EACV,GAAG,CAAC,aAAa,CAAC,EAClB,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;CAAG;AAElC,MAAM,WAAW,aAAa,CAAC,QAAQ;IACrC,yDAAyD;IACzD,gBAAgB,EAAE,QAAQ,CAAC;CAC5B;AAED,UAAU,cAAc;IACtB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,uDAAuD;IACvD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
1
+ {"version":3,"file":"Actions.models.d.ts","sourceRoot":"","sources":["../../../src/components/Actions/Actions.models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,aAAa,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEtE,MAAM,MAAM,UAAU,CAAC,QAAQ,GAAG,cAAc,IAC5C,iBAAiB,CAAC,QAAQ,CAAC,GAC3B,oBAAoB,CAAC;AAEzB;;;;GAIG;AACH,MAAM,WAAW,iBAAiB,CAAC,QAAQ,GAAG,cAAc,CAC1D,SAAQ,cAAc,EACpB,aAAa,EACb,aAAa,CAAC,QAAQ,CAAC,EACvB,GAAG,CAAC,UAAU,CAAC;CAAG;AAEtB;;;GAGG;AACH,MAAM,WAAW,oBACf,SAAQ,cAAc,EACpB,UAAU,EACV,GAAG,CAAC,aAAa,CAAC,EAClB,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;CAAG;AAElC,MAAM,WAAW,aAAa,CAAC,QAAQ;IACrC,yDAAyD;IACzD,gBAAgB,EAAE,QAAQ,CAAC;CAC5B;AAED,UAAU,cAAc;IACtB,+BAA+B;IAC/B,KAAK,EAAE,MAAM,CAAC;IACd,qIAAqI;IACrI,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,8CAA8C;IAC9C,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}
@@ -1,5 +1,4 @@
1
1
  import React from 'react';
2
- import { IconName } from '../../Icons';
3
2
  import { ContextButtonProps, NavigationButtonProps } from './Button.model';
4
3
  /**
5
4
  * Button which can render an icon.
@@ -12,6 +11,6 @@ import { ContextButtonProps, NavigationButtonProps } from './Button.model';
12
11
  export declare const Button: React.ForwardRefExoticComponent<((NavigationButtonProps | ContextButtonProps) & {
13
12
  width?: string | number;
14
13
  height?: string | number;
15
- icon?: IconName;
14
+ icon?: import("../../Icons").IconComponent;
16
15
  }) & React.RefAttributes<HTMLButtonElement | HTMLAnchorElement>>;
17
16
  //# sourceMappingURL=Button.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAG5C,OAAO,EAAE,QAAQ,EAAS,MAAM,aAAa,CAAC;AAE9C,OAAO,EAEL,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,gBAAgB,CAAC;AAsIxB;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;gEAGH,CAAC"}
1
+ {"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAK5C,OAAO,EAEL,kBAAkB,EAClB,qBAAqB,EACtB,MAAM,gBAAgB,CAAC;AAsIxB;;;;;;;GAOG;AACH,eAAO,MAAM,MAAM;;;;gEAGH,CAAC"}
@@ -1,12 +1,12 @@
1
- import { IconName } from '../../Icons';
1
+ import { IconComponent } from '../../Icons';
2
2
  import { ButtonIconOptions, CommonJsButtonOptions, CommonNavigationButtonOptions } from '../Button.model';
3
3
  export type ButtonProps = (NavigationButtonProps | ContextButtonProps) & {
4
4
  /** Optional button's height (default: 50px) */
5
5
  width?: string | number;
6
6
  /** Optional button's height (default: 50px) */
7
7
  height?: string | number;
8
- /** Optional icon (default: IconName.ChevronRight) */
9
- icon?: IconName;
8
+ /** Optional icon, provided as either a built-in icon enum value or a custom icon component (default built-in icon: IconName.ChevronRight) */
9
+ icon?: IconComponent;
10
10
  };
11
11
  /**
12
12
  * Button options for icon buttons with navigation
@@ -1 +1 @@
1
- {"version":3,"file":"Button.model.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/Button/Button.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,WAAW,GACnB,CAAC,qBAAqB,GAAG,kBAAkB,CAAC,GAAG;IAC7C,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qDAAqD;IACrD,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,qBACf,SAAQ,6BAA6B,EACnC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,YAAY,CAAC;CAAG;AAErD;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,qBAAqB,EAC3B,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,YAAY,CAAC;CAAG"}
1
+ {"version":3,"file":"Button.model.d.ts","sourceRoot":"","sources":["../../../../src/components/Buttons/Button/Button.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC5C,OAAO,EACL,iBAAiB,EACjB,qBAAqB,EACrB,6BAA6B,EAC9B,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,WAAW,GACnB,CAAC,qBAAqB,GAAG,kBAAkB,CAAC,GAAG;IAC7C,+CAA+C;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,6IAA6I;IAC7I,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB,CAAC;AAEN;;GAEG;AACH,MAAM,WAAW,qBACf,SAAQ,6BAA6B,EACnC,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,YAAY,CAAC;CAAG;AAErD;;GAEG;AACH,MAAM,WAAW,kBACf,SAAQ,qBAAqB,EAC3B,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,YAAY,CAAC;CAAG"}
@@ -1,5 +1,5 @@
1
1
  import { Not } from '../../types';
2
- import { IconName } from '../Icons';
2
+ import { IconComponent } from '../Icons';
3
3
  import { LinkAction } from '../models';
4
4
  /** Button's context type. This type defines the button's colors and border. */
5
5
  export declare enum ButtonContext {
@@ -50,8 +50,13 @@ export interface TextButtonOptions {
50
50
  * Button icon options
51
51
  */
52
52
  export interface ButtonIconOptions {
53
- /** Optional icon */
54
- icon?: IconName;
53
+ /**
54
+ * Optional icon.
55
+ * Accepts an `IconComponent`, which can be either a predefined icon value
56
+ * or a custom icon component. When passing a custom SVG-based icon, prefer
57
+ * wrapping it in `SvgElement` for consistent accessibility behavior.
58
+ */
59
+ icon?: IconComponent;
55
60
  /** Optional Icon Position */
56
61
  iconPosition?: 'left' | 'right';
57
62
  /**
@@ -1 +1 @@
1
- {"version":3,"file":"Button.model.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/Button.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,+EAA+E;AAC/E,oBAAY,aAAa;IACvB;;;;;OAKG;IACH,UAAU,IAAA;IACV,OAAO,IAAA;IACP,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,IAAI,IAAA;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,qBACf,SAAQ,mBAAmB,EACzB,iBAAiB,EACjB,eAAe,EACf,GAAG,CAAC,UAAU,CAAC;IACjB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,qDAAqD;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,6BACf,SAAQ,mBAAmB,EACzB,iBAAiB,EACjB,UAAU,EACV,GAAG,CAAC,eAAe,CAAC;CAAG;AAE3B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,oBAAoB;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,UAAU,eAAe;IACvB,gDAAgD;IAChD,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KACnD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,mBAAmB;IAC3B,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
1
+ {"version":3,"file":"Button.model.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/Button.model.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,aAAa,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AACzC,OAAO,EAAE,UAAU,EAAE,MAAM,WAAW,CAAC;AAEvC,+EAA+E;AAC/E,oBAAY,aAAa;IACvB;;;;;OAKG;IACH,UAAU,IAAA;IACV,OAAO,IAAA;IACP,MAAM,IAAA;IACN,IAAI,IAAA;IACJ,IAAI,IAAA;CACL;AAED;;;GAGG;AACH,MAAM,WAAW,qBACf,SAAQ,mBAAmB,EACzB,iBAAiB,EACjB,eAAe,EACf,GAAG,CAAC,UAAU,CAAC;IACjB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,qDAAqD;IACrD,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED;;;GAGG;AACH,MAAM,WAAW,6BACf,SAAQ,mBAAmB,EACzB,iBAAiB,EACjB,UAAU,EACV,GAAG,CAAC,eAAe,CAAC;CAAG;AAE3B;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC,kBAAkB;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,iBAAiB;IAChC;;;;;OAKG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,6BAA6B;IAC7B,YAAY,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAChC;;;OAGG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B;AAED;;GAEG;AACH,UAAU,eAAe;IACvB,gDAAgD;IAChD,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KACnD,IAAI,CAAC;IACV,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;CACrD;AAED;;GAEG;AACH,UAAU,iBAAiB;IACzB,sBAAsB;IACtB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED;;GAEG;AACH,UAAU,mBAAmB;IAC3B,mGAAmG;IACnG,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4BAA4B;IAC5B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8CAA8C;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB"}
@@ -1,10 +1,7 @@
1
1
  import React from 'react';
2
2
  import { SvgElementProps } from '../VisualElements/SvgElement';
3
- import { IconName } from './Icons.models';
3
+ import { IconsProps } from './Icons.models';
4
4
  export declare const BulkEditIcon: React.FC<SvgElementProps>;
5
5
  export declare const CalendarIcon: React.FC<SvgElementProps>;
6
- export interface IconsProps extends SvgElementProps {
7
- icon?: IconName;
8
- }
9
6
  export declare const Icons: React.FC<IconsProps>;
10
7
  //# sourceMappingURL=Icons.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAiG1C,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOlD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQlD,CAAC;AA0bF,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB;AAED,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CAuEtC,CAAC"}
1
+ {"version":3,"file":"Icons.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAc,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC3E,OAAO,EAAY,UAAU,EAAE,MAAM,gBAAgB,CAAC;AA6FtD,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAOlD,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAQlD,CAAC;AA0bF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA6EtC,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { SvgElementProps } from '../VisualElements';
1
2
  /**
2
3
  * Icon enums used for determining which icon should be displayed
3
4
  */
@@ -62,4 +63,23 @@ export declare enum IconName {
62
63
  X = 57,
63
64
  Axi = 58
64
65
  }
66
+ export interface IconsProps extends SvgElementProps {
67
+ /**
68
+ * Icon to be rendered. Can be either a predefined icon from the IconName enum or a custom React functional component that accepts SvgElementProps.
69
+ * @example
70
+ * // Using a predefined icon
71
+ * <Icons icon={IconName.Play} />
72
+ *
73
+ * // Using a custom icon component
74
+ * const CustomIcon: React.FC<SvgElementProps> = (props) => (
75
+ * <SvgElement {...props}>
76
+ * <path d="..." />
77
+ * </SvgElement>
78
+ * );
79
+ *
80
+ * <Icons icon={CustomIcon} />
81
+ */
82
+ icon?: IconComponent;
83
+ }
84
+ export type IconComponent = React.FC<SvgElementProps> | IconName;
65
85
  //# sourceMappingURL=Icons.models.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icons.models.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.models.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,oBAAY,QAAQ;IAClB,OAAO,IAAA;IACP,KAAK,IAAA;IACL,gBAAgB,IAAA;IAChB,cAAc,IAAA;IACd,WAAW,IAAA;IACX,WAAW,IAAA;IACX,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,QAAQ,IAAA;IACR,QAAQ,IAAA;IACR,SAAS,KAAA;IACT,WAAW,KAAA;IACX,WAAW,KAAA;IACX,YAAY,KAAA;IACZ,SAAS,KAAA;IACT,YAAY,KAAA;IACZ,aAAa,KAAA;IACb,QAAQ,KAAA;IACR,aAAa,KAAA;IACb,IAAI,KAAA;IACJ,MAAM,KAAA;IACN,OAAO,KAAA;IACP,IAAI,KAAA;IACJ,QAAQ,KAAA;IACR,KAAK,KAAA;IACL,QAAQ,KAAA;IACR,IAAI,KAAA;IACJ,OAAO,KAAA;IACP,UAAU,KAAA;IACV,UAAU,KAAA;IACV,UAAU,KAAA;IACV,IAAI,KAAA;IACJ,eAAe,KAAA;IACf,KAAK,KAAA;IACL,IAAI,KAAA;IACJ,aAAa,KAAA;IACb,KAAK,KAAA;IACL,IAAI,KAAA;IACJ,IAAI,KAAA;IACJ,OAAO,KAAA;IACP,SAAS,KAAA;IACT,gBAAgB,KAAA;IAChB,YAAY,KAAA;IACZ,OAAO,KAAA;IACP,KAAK,KAAA;IACL,IAAI,KAAA;IACJ,QAAQ,KAAA;IACR,IAAI,KAAA;IACJ,SAAS,KAAA;IACT,OAAO,KAAA;IACP,SAAS,KAAA;IACT,IAAI,KAAA;IACJ,MAAM,KAAA;IACN,SAAS,KAAA;IACT,MAAM,KAAA;IACN,KAAK,KAAA;IACL,OAAO,KAAA;IACP,CAAC,KAAA;IACD,GAAG,KAAA;CACJ"}
1
+ {"version":3,"file":"Icons.models.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/Icons.models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD;;GAEG;AACH,oBAAY,QAAQ;IAClB,OAAO,IAAA;IACP,KAAK,IAAA;IACL,gBAAgB,IAAA;IAChB,cAAc,IAAA;IACd,WAAW,IAAA;IACX,WAAW,IAAA;IACX,KAAK,IAAA;IACL,IAAI,IAAA;IACJ,QAAQ,IAAA;IACR,QAAQ,IAAA;IACR,SAAS,KAAA;IACT,WAAW,KAAA;IACX,WAAW,KAAA;IACX,YAAY,KAAA;IACZ,SAAS,KAAA;IACT,YAAY,KAAA;IACZ,aAAa,KAAA;IACb,QAAQ,KAAA;IACR,aAAa,KAAA;IACb,IAAI,KAAA;IACJ,MAAM,KAAA;IACN,OAAO,KAAA;IACP,IAAI,KAAA;IACJ,QAAQ,KAAA;IACR,KAAK,KAAA;IACL,QAAQ,KAAA;IACR,IAAI,KAAA;IACJ,OAAO,KAAA;IACP,UAAU,KAAA;IACV,UAAU,KAAA;IACV,UAAU,KAAA;IACV,IAAI,KAAA;IACJ,eAAe,KAAA;IACf,KAAK,KAAA;IACL,IAAI,KAAA;IACJ,aAAa,KAAA;IACb,KAAK,KAAA;IACL,IAAI,KAAA;IACJ,IAAI,KAAA;IACJ,OAAO,KAAA;IACP,SAAS,KAAA;IACT,gBAAgB,KAAA;IAChB,YAAY,KAAA;IACZ,OAAO,KAAA;IACP,KAAK,KAAA;IACL,IAAI,KAAA;IACJ,QAAQ,KAAA;IACR,IAAI,KAAA;IACJ,SAAS,KAAA;IACT,OAAO,KAAA;IACP,SAAS,KAAA;IACT,IAAI,KAAA;IACJ,MAAM,KAAA;IACN,SAAS,KAAA;IACT,MAAM,KAAA;IACN,KAAK,KAAA;IACL,OAAO,KAAA;IACP,CAAC,KAAA;IACD,GAAG,KAAA;CACJ;AAED,MAAM,WAAW,UAAW,SAAQ,eAAe;IACjD;;;;;;;;;;;;;;OAcG;IACH,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAED,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,EAAE,CAAC,eAAe,CAAC,GAAG,QAAQ,CAAC"}
@@ -1,3 +1,3 @@
1
- export { Icons, IconsProps } from './Icons';
2
- export { IconName } from './Icons.models';
1
+ export { Icons } from './Icons';
2
+ export { IconComponent, IconName, IconsProps } from './Icons.models';
3
3
  //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC"}
@@ -2,7 +2,7 @@ import { Placement } from '@popperjs/core';
2
2
  import React from 'react';
3
3
  import { ActionsProps } from '../Actions';
4
4
  import { ButtonContext } from '../Buttons';
5
- import { IconName } from '../Icons';
5
+ import { IconComponent } from '../Icons';
6
6
  export interface InlineMenuProps extends ActionsProps {
7
7
  /** Additional CSS class for the action container */
8
8
  className?: string;
@@ -16,9 +16,13 @@ export interface InlineMenuProps extends ActionsProps {
16
16
  placement?: Placement;
17
17
  /** Applies white background with opacity 70% */
18
18
  addBackgroundOpacity?: boolean;
19
- /** */
19
+ /** Shows the popper arrow. Defaults to true. */
20
20
  showArrow?: boolean;
21
- buttonIcon?: IconName;
21
+ /**
22
+ * Icon rendered in the trigger button. Accepts either an `IconName` or a
23
+ * custom icon component. Defaults to `IconName.MidlineEllipsis`.
24
+ */
25
+ buttonIcon?: IconComponent;
22
26
  buttonContext?: ButtonContext;
23
27
  onButtonClicked?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
24
28
  }
@@ -1 +1 @@
1
- {"version":3,"file":"InlineMenu.d.ts","sourceRoot":"","sources":["../../../src/components/InlineMenu/InlineMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAU,aAAa,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAGpC,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,OAAO;IACP,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,QAAQ,CAAC;IACtB,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KACnD,IAAI,CAAC;CACX;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA2GhD,CAAC"}
1
+ {"version":3,"file":"InlineMenu.d.ts","sourceRoot":"","sources":["../../../src/components/InlineMenu/InlineMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,KAAwB,MAAM,OAAO,CAAC;AAI7C,OAAO,EAAW,YAAY,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAU,aAAa,EAAE,MAAM,YAAY,CAAC;AACnD,OAAO,EAAE,aAAa,EAAY,MAAM,UAAU,CAAC;AAGnD,MAAM,WAAW,eAAgB,SAAQ,YAAY;IACnD,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,0CAA0C;IAC1C,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kDAAkD;IAClD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,mDAAmD;IACnD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,oFAAoF;IACpF,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,gDAAgD;IAChD,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,gDAAgD;IAChD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,aAAa,CAAC,EAAE,aAAa,CAAC;IAC9B,eAAe,CAAC,EAAE,CAChB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,EAAE,UAAU,CAAC,KACnD,IAAI,CAAC;CACX;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA4GhD,CAAC"}