@apify/ui-library 1.160.0 → 1.161.0

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 (75) hide show
  1. package/dist/components/button/button.d.ts +1 -1
  2. package/dist/components/button/button.d.ts.map +1 -1
  3. package/dist/components/button/button.style.d.ts +1 -0
  4. package/dist/components/button/button.style.d.ts.map +1 -1
  5. package/dist/components/button/button.style.js +8 -6
  6. package/dist/components/index.d.ts +1 -0
  7. package/dist/components/index.d.ts.map +1 -1
  8. package/dist/components/split_button/index.d.ts +4 -0
  9. package/dist/components/split_button/index.d.ts.map +1 -0
  10. package/dist/components/split_button/split_button.d.ts +35 -0
  11. package/dist/components/split_button/split_button.d.ts.map +1 -0
  12. package/dist/components/split_button/split_button.js +89 -0
  13. package/dist/components/split_button/split_button.styled.d.ts +18 -0
  14. package/dist/components/split_button/split_button.styled.d.ts.map +1 -0
  15. package/dist/components/split_button/split_button.styled.js +72 -0
  16. package/dist/components/split_button/split_button.test_ids.d.ts +3 -0
  17. package/dist/components/split_button/split_button.test_ids.d.ts.map +1 -0
  18. package/dist/components/split_button/split_button.test_ids.js +5 -0
  19. package/dist/components/split_button/split_button.type-test.d.ts +2 -0
  20. package/dist/components/split_button/split_button.type-test.d.ts.map +1 -0
  21. package/dist/files_hash_at_build.txt +1 -1
  22. package/dist/index.js +10 -7
  23. package/dist/src/components/button/button.d.ts +1 -1
  24. package/dist/src/components/button/button.d.ts.map +1 -1
  25. package/dist/src/components/button/button.js +1 -1
  26. package/dist/src/components/button/button.js.map +1 -1
  27. package/dist/src/components/button/button.style.d.ts +1 -0
  28. package/dist/src/components/button/button.style.d.ts.map +1 -1
  29. package/dist/src/components/button/button.style.js +9 -5
  30. package/dist/src/components/button/button.style.js.map +1 -1
  31. package/dist/src/components/index.d.ts +1 -0
  32. package/dist/src/components/index.d.ts.map +1 -1
  33. package/dist/src/components/index.js +1 -0
  34. package/dist/src/components/index.js.map +1 -1
  35. package/dist/src/components/split_button/index.d.ts +4 -0
  36. package/dist/src/components/split_button/index.d.ts.map +1 -0
  37. package/dist/src/components/split_button/index.js +4 -0
  38. package/dist/src/components/split_button/index.js.map +1 -0
  39. package/dist/src/components/split_button/split_button.d.ts +35 -0
  40. package/dist/src/components/split_button/split_button.d.ts.map +1 -0
  41. package/dist/src/components/split_button/split_button.js +42 -0
  42. package/dist/src/components/split_button/split_button.js.map +1 -0
  43. package/dist/src/components/split_button/split_button.styled.d.ts +18 -0
  44. package/dist/src/components/split_button/split_button.styled.d.ts.map +1 -0
  45. package/dist/src/components/split_button/split_button.styled.js +72 -0
  46. package/dist/src/components/split_button/split_button.styled.js.map +1 -0
  47. package/dist/src/components/split_button/split_button.test_ids.d.ts +3 -0
  48. package/dist/src/components/split_button/split_button.test_ids.d.ts.map +1 -0
  49. package/dist/src/components/split_button/split_button.test_ids.js +10 -0
  50. package/dist/src/components/split_button/split_button.test_ids.js.map +1 -0
  51. package/dist/src/components/split_button/split_button.type-test.d.ts +2 -0
  52. package/dist/src/components/split_button/split_button.type-test.d.ts.map +1 -0
  53. package/dist/src/components/split_button/split_button.type-test.js +16 -0
  54. package/dist/src/components/split_button/split_button.type-test.js.map +1 -0
  55. package/dist/src/test_ids.d.ts +1 -0
  56. package/dist/src/test_ids.d.ts.map +1 -1
  57. package/dist/src/test_ids.js +1 -0
  58. package/dist/src/test_ids.js.map +1 -1
  59. package/dist/test_ids.d.ts +1 -0
  60. package/dist/test_ids.d.ts.map +1 -1
  61. package/dist/test_ids.js +3 -2
  62. package/dist/tsconfig.build.tsbuildinfo +1 -1
  63. package/package.json +3 -3
  64. package/src/components/button/button.stories.tsx +1 -1
  65. package/src/components/button/button.style.ts +10 -5
  66. package/src/components/button/button.tsx +1 -0
  67. package/src/components/icon_button/icon_button.stories.tsx +1 -1
  68. package/src/components/index.ts +1 -0
  69. package/src/components/split_button/index.ts +3 -0
  70. package/src/components/split_button/split_button.stories.tsx +224 -0
  71. package/src/components/split_button/split_button.styled.ts +76 -0
  72. package/src/components/split_button/split_button.test_ids.ts +16 -0
  73. package/src/components/split_button/split_button.tsx +156 -0
  74. package/src/components/split_button/split_button.type-test.ts +21 -0
  75. package/src/test_ids.ts +4 -0
@@ -0,0 +1,35 @@
1
+ import type { PopperContentProps } from '@radix-ui/react-popper';
2
+ import type { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
3
+ import type { MarginSpacingProps } from '../box';
4
+ import { type ButtonColor, type ButtonSize, type ButtonVariant } from '../button';
5
+ import { type TooltipProps } from '../floating';
6
+ export interface SplitButtonAction {
7
+ label: ReactNode;
8
+ onClick: () => void;
9
+ icon?: ElementType;
10
+ description?: ReactNode;
11
+ disabled?: boolean;
12
+ disabledReason?: ReactNode;
13
+ trackingId?: string;
14
+ }
15
+ export interface SplitButtonProps extends Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick' | 'type'>, MarginSpacingProps {
16
+ color?: ButtonColor;
17
+ variant?: ButtonVariant;
18
+ size?: ButtonSize;
19
+ type?: 'button' | 'submit';
20
+ trackingData?: Record<string, unknown>;
21
+ /** Must contain at least two actions - a single action should just be a regular Button. */
22
+ actions: SplitButtonAction[];
23
+ label?: ReactNode;
24
+ side?: PopperContentProps['side'];
25
+ align?: PopperContentProps['align'];
26
+ width?: string;
27
+ showMainIcon?: boolean;
28
+ tooltipProps?: TooltipProps;
29
+ /** Forwarded to the dropdown's DropdownShell - override when a consumer renders inside a modal/overlay stack. */
30
+ zIndex?: number;
31
+ /** Accessible label for the dropdown trigger button. @default 'More actions' */
32
+ triggerAriaLabel?: string;
33
+ }
34
+ export declare const SplitButton: ({ className, actions, label, side, align, width, showMainIcon, tooltipProps, zIndex, triggerAriaLabel, ...passedProps }: SplitButtonProps) => import("react/jsx-runtime").JSX.Element;
35
+ //# sourceMappingURL=split_button.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.d.ts","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,OAAO,KAAK,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAI9E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AACjD,OAAO,EAAU,KAAK,WAAW,EAAE,KAAK,UAAU,EAAE,KAAK,aAAa,EAAE,MAAM,WAAW,CAAC;AAE1F,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,aAAa,CAAC;AAK7D,MAAM,WAAW,iBAAiB;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,IAAI,CAAC,EAAE,WAAW,CAAC;IACnB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,gBACb,SAAQ,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,EAAE,kBAAkB;IACrG,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IACvC,2FAA2F;IAC3F,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,kBAAkB,CAAC,MAAM,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,iHAAiH;IACjH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gFAAgF;IAChF,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC7B;AASD,eAAO,MAAM,WAAW,GAAI,yHAYzB,gBAAgB,4CA2FlB,CAAC"}
@@ -0,0 +1,42 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import clsx from 'clsx';
3
+ import { useRef, useState } from 'react';
4
+ import styled from 'styled-components';
5
+ import { Button } from '../button';
6
+ import { Dropdown, DropdownShell } from '../dropdown';
7
+ import { withTooltip } from '../floating';
8
+ import { Text } from '../text';
9
+ import { splitButtonClassNames, StyledDropdownChevron, StyledSplitButtonWrapper } from './split_button.styled';
10
+ import { splitButtonMainActionTestId, splitButtonTriggerTestId } from './split_button.test_ids';
11
+ const ButtonWrapper = styled.div `
12
+ display: flex;
13
+ align-items: center;
14
+ `;
15
+ const ButtonWrapperWithTooltip = withTooltip(ButtonWrapper);
16
+ export const SplitButton = ({ className, actions, label = '', side = 'top', align = 'end', width = 'auto', showMainIcon = true, tooltipProps, zIndex, triggerAriaLabel = 'More actions', ...passedProps }) => {
17
+ const [actionsVisible, setActionsVisible] = useState(false);
18
+ const triggerRef = useRef(null);
19
+ if (actions.length <= 1) {
20
+ throw new Error('SplitButton must always have at least two actions, button with one option is normal button');
21
+ }
22
+ const mainAction = actions[0];
23
+ const wrapperClassNames = clsx(splitButtonClassNames.ROOT, className);
24
+ const mainActionClassNames = clsx(splitButtonClassNames.MAIN_ACTION, passedProps.variant, passedProps.size);
25
+ const allActionsDisabled = !actions.some(({ disabled }) => !disabled);
26
+ // When all actions are disabled, we still want to be able to show the dropdown
27
+ const triggerClassNames = clsx(splitButtonClassNames.TRIGGER, allActionsDisabled && splitButtonClassNames.DISABLED_LOOK, passedProps.variant, passedProps.size);
28
+ const buttonMainLabel = label || mainAction.label;
29
+ const Wrapper = tooltipProps ? ButtonWrapperWithTooltip : ButtonWrapper;
30
+ return (_jsxs(StyledSplitButtonWrapper, { className: wrapperClassNames, children: [_jsxs(Wrapper, { ref: triggerRef, tooltipProps: tooltipProps, children: [_jsxs(Button, { "data-test": splitButtonMainActionTestId(mainAction.trackingId), ...passedProps, className: mainActionClassNames, disabled: mainAction.disabled, mr: "none", onClick: () => {
31
+ mainAction.onClick();
32
+ setActionsVisible(false);
33
+ }, trackingId: mainAction.trackingId, children: [mainAction.icon && showMainIcon ? _jsx(mainAction.icon, {}) : null, buttonMainLabel] }), _jsx(Button, { ...passedProps, className: triggerClassNames, ml: "none", onClick: () => setActionsVisible((prevActionsVisible) => !prevActionsVisible), trackingId: mainAction.trackingId ? `${mainAction.trackingId}-OpenDropdown` : undefined, "data-test": splitButtonTriggerTestId(mainAction.trackingId), "aria-haspopup": "menu", "aria-expanded": actionsVisible, "aria-label": triggerAriaLabel, children: _jsx(StyledDropdownChevron, { "$isOpen": actionsVisible, size: "16" }) })] }), _jsx(DropdownShell, { isOpen: actionsVisible, onIsOpenChange: setActionsVisible, triggerRef: triggerRef, width: width, zIndex: zIndex, contentProps: {
34
+ side,
35
+ align,
36
+ sideOffset: 5,
37
+ }, children: actions.map((action, index) => (_jsxs(Dropdown.Item, { disabled: action.disabled, icon: action.icon && _jsx(action.icon, { size: "16" }), description: action.description, onClick: () => {
38
+ action.onClick();
39
+ setActionsVisible(false);
40
+ }, children: [action.label, action.disabled && !!action.disabledReason && (_jsx(Text, { italic: true, size: "small", children: action.disabledReason }))] }, action.trackingId ?? index))) })] }));
41
+ };
42
+ //# sourceMappingURL=split_button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.js","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,18 @@
1
+ export declare const splitButtonClassNames: {
2
+ ROOT: string;
3
+ MAIN_ACTION: string;
4
+ TRIGGER: string;
5
+ DISABLED_LOOK: string;
6
+ };
7
+ export declare const StyledSplitButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
8
+ export declare const StyledDropdownChevron: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").SVGProps<SVGSVGElement> & {
9
+ size?: import("@apify/ui-icons").IconSize;
10
+ role?: React.AriaRole;
11
+ className?: string;
12
+ style?: React.CSSProperties;
13
+ title?: string;
14
+ titleId?: string;
15
+ }, {
16
+ $isOpen?: boolean;
17
+ }>> & string & Omit<({ size, className, title, titleId, ...props }: import("@apify/ui-icons").IconProps) => React.JSX.Element, keyof import("react").Component<any, {}, any>>;
18
+ //# sourceMappingURL=split_button.styled.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.styled.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,qBAAqB;;;;;CAOjC,CAAC;AAEF,eAAO,MAAM,wBAAwB,+NAuDpC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;cAAuC,OAAO;6KAG/E,CAAC"}
@@ -0,0 +1,72 @@
1
+ import styled from 'styled-components';
2
+ import { ChevronDownIcon } from '@apify/ui-icons';
3
+ import { getButtonDisabledStyles } from '../button';
4
+ export const splitButtonClassNames = {
5
+ ROOT: 'SplitButton',
6
+ MAIN_ACTION: 'SplitButton-MainAction',
7
+ TRIGGER: 'SplitButton-Trigger',
8
+ // Applied to the trigger when every action is disabled - it must still be clickable
9
+ // (so the dropdown can open), so we fake the disabled look with a class instead of `disabled`.
10
+ DISABLED_LOOK: 'SplitButton-DisabledLook',
11
+ };
12
+ export const StyledSplitButtonWrapper = styled.span `
13
+ display: inline-flex;
14
+ align-items: center;
15
+ justify-content: center;
16
+
17
+ .${splitButtonClassNames.MAIN_ACTION} {
18
+ border-top-right-radius: 0 !important;
19
+ border-bottom-right-radius: 0 !important;
20
+ border-right: 0;
21
+
22
+ svg {
23
+ height: 16px;
24
+ width: 16px;
25
+ }
26
+
27
+ /* When the main action has an icon, reduce right padding to visually balance
28
+ the space between the icon and the dropdown trigger button */
29
+ &:has(svg) {
30
+ &.small {
31
+ padding: 0 6px 0 8px;
32
+ }
33
+ &.medium {
34
+ padding: 0 8px 0 12px;
35
+ }
36
+ }
37
+ }
38
+
39
+ .${splitButtonClassNames.TRIGGER} {
40
+ margin-left: 1px;
41
+ border-top-left-radius: 0 !important;
42
+ border-bottom-left-radius: 0 !important;
43
+
44
+ svg {
45
+ margin-right: 0;
46
+ }
47
+
48
+ &.secondary {
49
+ margin-left: 0;
50
+ }
51
+
52
+ &.small {
53
+ padding: 6px;
54
+ }
55
+ &.medium {
56
+ padding: 8px;
57
+ }
58
+
59
+ &.${splitButtonClassNames.DISABLED_LOOK} {
60
+ ${getButtonDisabledStyles('primary')}
61
+
62
+ &.tertiary {
63
+ ${getButtonDisabledStyles('tertiary')}
64
+ }
65
+ }
66
+ }
67
+ `;
68
+ export const StyledDropdownChevron = styled(ChevronDownIcon) `
69
+ transform: ${({ $isOpen }) => ($isOpen ? 'rotateX(180deg)' : 'none')};
70
+ transition: transform 120ms ease-in-out;
71
+ `;
72
+ //# sourceMappingURL=split_button.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.styled.js","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAElD,OAAO,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEpD,MAAM,CAAC,MAAM,qBAAqB,GAAG;IACjC,IAAI,EAAE,aAAa;IACnB,WAAW,EAAE,wBAAwB;IACrC,OAAO,EAAE,qBAAqB;IAC9B,oFAAoF;IACpF,+FAA+F;IAC/F,aAAa,EAAE,0BAA0B;CAC5C,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;OAK5C,qBAAqB,CAAC,WAAW;;;;;;;;;;;;;;;;;;;;;;OAsBjC,qBAAqB,CAAC,OAAO;;;;;;;;;;;;;;;;;;;;YAoBxB,qBAAqB,CAAC,aAAa;cACjC,uBAAuB,CAAC,SAAS,CAAC;;;kBAG9B,uBAAuB,CAAC,UAAU,CAAC;;;;CAIpD,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,eAAe,CAAC,CAAuB;iBAClE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,MAAM,CAAC;;CAEvE,CAAC"}
@@ -0,0 +1,3 @@
1
+ export declare const splitButtonTriggerTestId: <T extends string | undefined>(trackingId: T) => T extends string ? string : undefined;
2
+ export declare const splitButtonMainActionTestId: <T extends string | undefined>(trackingId: T) => T extends string ? string : undefined;
3
+ //# sourceMappingURL=split_button.test_ids.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.test_ids.d.ts","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.test_ids.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,MAAM,GAAG,SAAS,EACjE,YAAY,CAAC,KACd,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,SACiE,CAAC;AAEjG,eAAO,MAAM,2BAA2B,GAAI,CAAC,SAAS,MAAM,GAAG,SAAS,EACpE,YAAY,CAAC,KACd,CAAC,SAAS,MAAM,GAAG,MAAM,GAAG,SACqE,CAAC"}
@@ -0,0 +1,10 @@
1
+ // Dynamic (not a static `<name>TestIds` map) because the trigger's data-test must stay unique
2
+ // per action set, keyed by the main action's own trackingId.
3
+ //
4
+ // Generic so a known-defined trackingId (e.g. a hardcoded constant in a test) narrows to `string`,
5
+ // while a possibly-missing `SplitButtonAction.trackingId` narrows to `string | undefined` - callers
6
+ // don't need a cast, and a missing trackingId drops the `data-test` attribute entirely instead of
7
+ // rendering the literal string "undefined--trigger".
8
+ export const splitButtonTriggerTestId = (trackingId) => (trackingId ? `${trackingId}--trigger` : undefined);
9
+ export const splitButtonMainActionTestId = (trackingId) => (trackingId ? `${trackingId}--main-action` : undefined);
10
+ //# sourceMappingURL=split_button.test_ids.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.test_ids.js","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.test_ids.ts"],"names":[],"mappings":"AAAA,8FAA8F;AAC9F,6DAA6D;AAC7D,EAAE;AACF,mGAAmG;AACnG,oGAAoG;AACpG,kGAAkG;AAClG,qDAAqD;AACrD,MAAM,CAAC,MAAM,wBAAwB,GAAG,CACpC,UAAa,EACwB,EAAE,CACvC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,WAAW,CAAC,CAAC,CAAC,SAAS,CAA0C,CAAC;AAEjG,MAAM,CAAC,MAAM,2BAA2B,GAAG,CACvC,UAAa,EACwB,EAAE,CACvC,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,UAAU,eAAe,CAAC,CAAC,CAAC,SAAS,CAA0C,CAAC"}
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=split_button.type-test.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.type-test.d.ts","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.type-test.ts"],"names":[],"mappings":""}
@@ -0,0 +1,16 @@
1
+ import { expectTypeOf } from 'vitest';
2
+ // Extends the native <button> element - e.g. tabIndex and the full aria-* set.
3
+ expectTypeOf().toHaveProperty('tabIndex');
4
+ expectTypeOf().toHaveProperty('aria-label');
5
+ expectTypeOf().toHaveProperty('aria-controls');
6
+ // Custom button-ish props layered on top of the native element.
7
+ expectTypeOf().toHaveProperty('variant');
8
+ expectTypeOf().toHaveProperty('size');
9
+ // Own props.
10
+ expectTypeOf().toHaveProperty('actions');
11
+ expectTypeOf().toHaveProperty('zIndex');
12
+ // onClick is managed internally per-action, not exposed on the component itself. children is
13
+ // replaced by `actions`/`label`.
14
+ expectTypeOf().not.toHaveProperty('onClick');
15
+ expectTypeOf().not.toHaveProperty('children');
16
+ //# sourceMappingURL=split_button.type-test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"split_button.type-test.js","sourceRoot":"","sources":["../../../../src/components/split_button/split_button.type-test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAItC,+EAA+E;AAC/E,YAAY,EAAoB,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;AAC5D,YAAY,EAAoB,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC;AAC9D,YAAY,EAAoB,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;AAEjE,gEAAgE;AAChE,YAAY,EAAoB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAC3D,YAAY,EAAoB,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;AAExD,aAAa;AACb,YAAY,EAAoB,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAC3D,YAAY,EAAoB,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC;AAE1D,6FAA6F;AAC7F,iCAAiC;AACjC,YAAY,EAAoB,CAAC,GAAG,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC;AAC/D,YAAY,EAAoB,CAAC,GAAG,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC"}
@@ -9,6 +9,7 @@ export { dropdownTestIds } from './components/dropdown/dropdown.test_ids.js';
9
9
  export { paginationTestIds } from './components/pagination/pagination.test_ids.js';
10
10
  export { selectClearTestId, selectControlTestId, selectMultiValueLabelTestId, } from './components/select/select.test_ids.js';
11
11
  export { spinnerTestIds } from './components/spinner/spinner.test_ids.js';
12
+ export { splitButtonMainActionTestId, splitButtonTriggerTestId, } from './components/split_button/split_button.test_ids.js';
12
13
  export { storeActorHeaderTestIds } from './components/store/store_actor_header.test_ids.js';
13
14
  export { tableTestIds } from './components/table/table.test_ids.js';
14
15
  export { tabTestIds } from './components/tabs/tab.test_ids.js';
@@ -1 +1 @@
1
- {"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
1
+ {"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EACH,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
@@ -12,6 +12,7 @@ export { dropdownTestIds } from './components/dropdown/dropdown.test_ids.js';
12
12
  export { paginationTestIds } from './components/pagination/pagination.test_ids.js';
13
13
  export { selectClearTestId, selectControlTestId, selectMultiValueLabelTestId, } from './components/select/select.test_ids.js';
14
14
  export { spinnerTestIds } from './components/spinner/spinner.test_ids.js';
15
+ export { splitButtonMainActionTestId, splitButtonTriggerTestId, } from './components/split_button/split_button.test_ids.js';
15
16
  export { storeActorHeaderTestIds } from './components/store/store_actor_header.test_ids.js';
16
17
  export { tableTestIds } from './components/table/table.test_ids.js';
17
18
  export { tabTestIds } from './components/tabs/tab.test_ids.js';
@@ -1 +1 @@
1
- {"version":3,"file":"test_ids.js","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,kEAAkE;AAClE,uFAAuF;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
1
+ {"version":3,"file":"test_ids.js","sourceRoot":"","sources":["../../src/test_ids.ts"],"names":[],"mappings":"AAAA,kFAAkF;AAClF,kEAAkE;AAClE,uFAAuF;AACvF,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EACH,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
@@ -9,6 +9,7 @@ export { dropdownTestIds } from './components/dropdown/dropdown.test_ids.js';
9
9
  export { paginationTestIds } from './components/pagination/pagination.test_ids.js';
10
10
  export { selectClearTestId, selectControlTestId, selectMultiValueLabelTestId, } from './components/select/select.test_ids.js';
11
11
  export { spinnerTestIds } from './components/spinner/spinner.test_ids.js';
12
+ export { splitButtonMainActionTestId, splitButtonTriggerTestId, } from './components/split_button/split_button.test_ids.js';
12
13
  export { storeActorHeaderTestIds } from './components/store/store_actor_header.test_ids.js';
13
14
  export { tableTestIds } from './components/table/table.test_ids.js';
14
15
  export { tabTestIds } from './components/tabs/tab.test_ids.js';
@@ -1 +1 @@
1
- {"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
1
+ {"version":3,"file":"test_ids.d.ts","sourceRoot":"","sources":["../src/test_ids.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,uBAAuB,EAAE,MAAM,kEAAkE,CAAC;AAC3G,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,OAAO,EAAE,mBAAmB,EAAE,MAAM,6CAA6C,CAAC;AAClF,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,qDAAqD,CAAC;AAC3G,OAAO,EAAE,kBAAkB,EAAE,MAAM,2DAA2D,CAAC;AAC/F,OAAO,EAAE,uBAAuB,EAAE,MAAM,iDAAiD,CAAC;AAC1F,OAAO,EAAE,sBAAsB,EAAE,MAAM,4DAA4D,CAAC;AACpG,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EACH,iBAAiB,EACjB,mBAAmB,EACnB,2BAA2B,GAC9B,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,0CAA0C,CAAC;AAC1E,OAAO,EACH,2BAA2B,EAC3B,wBAAwB,GAC3B,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC"}
package/dist/test_ids.js CHANGED
@@ -1,3 +1,5 @@
1
+ import { dropdownTestIds } from "./components/dropdown/dropdown.test_ids.js";
2
+ import { splitButtonMainActionTestId, splitButtonTriggerTestId } from "./components/split_button/split_button.test_ids.js";
1
3
  import { actionButtonTestIds } from "./components/code/action_button.test_ids.js";
2
4
  import { prismHighlighterTestIds } from "./components/code/prism_highlighter.test_ids.js";
3
5
  import { codeBlockTabTestId, codeBlockTestIds } from "./components/code/code_block/code_block.test_ids.js";
@@ -12,5 +14,4 @@ import { storeActorHeaderTestIds } from "./components/store/store_actor_header.t
12
14
  import { collapsibleCardTestIds } from "./components/collapsible_card/collapsible_card.test_ids.js";
13
15
  import { selectClearTestId, selectControlTestId, selectMultiValueLabelTestId } from "./components/select/select.test_ids.js";
14
16
  import { tableTestIds } from "./components/table/table.test_ids.js";
15
- import { dropdownTestIds } from "./components/dropdown/dropdown.test_ids.js";
16
- export { actionButtonTestIds, actorTemplateCardTestId, cardTestIds, codeBlockTabTestId, codeBlockTestIds, collapsibleCardTestIds, dropdownTestIds, oneLineCodeTestIds, paginationTestIds, prismHighlighterTestIds, selectClearTestId, selectControlTestId, selectMultiValueLabelTestId, spinnerTestIds, storeActorHeaderTestIds, tabTestIds, tableTestIds, tabsTestIds };
17
+ export { actionButtonTestIds, actorTemplateCardTestId, cardTestIds, codeBlockTabTestId, codeBlockTestIds, collapsibleCardTestIds, dropdownTestIds, oneLineCodeTestIds, paginationTestIds, prismHighlighterTestIds, selectClearTestId, selectControlTestId, selectMultiValueLabelTestId, spinnerTestIds, splitButtonMainActionTestId, splitButtonTriggerTestId, storeActorHeaderTestIds, tabTestIds, tableTestIds, tabsTestIds };