@lumx/core 4.8.0-alpha.0 → 4.8.0-next.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.
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { SetupOptions } from '../../../testing';
|
|
2
|
+
import { DragHandleProps } from '.';
|
|
3
|
+
type SetupProps = Partial<DragHandleProps>;
|
|
4
|
+
/**
|
|
5
|
+
* Mounts the component and returns common DOM elements / data needed in multiple tests further down.
|
|
6
|
+
*/
|
|
7
|
+
export declare const setup: (propsOverride: SetupProps | undefined, { render, ...options }: SetupOptions<DragHandleProps>) => {
|
|
8
|
+
handle: HTMLElement;
|
|
9
|
+
props: DragHandleProps;
|
|
10
|
+
};
|
|
11
|
+
declare const _default: (renderOptions: SetupOptions<DragHandleProps>) => void;
|
|
12
|
+
export default _default;
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import type { LumxClassName, HasTheme, HasClassName, CommonRef } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* Defines the props of the component.
|
|
4
|
+
*/
|
|
5
|
+
export interface DragHandleProps extends HasTheme, HasClassName {
|
|
6
|
+
/** Reference to the root element */
|
|
7
|
+
ref?: CommonRef;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Component display name.
|
|
11
|
+
*/
|
|
12
|
+
export declare const COMPONENT_NAME = "DragHandle";
|
|
13
|
+
/**
|
|
14
|
+
* Component default class name and class prefix.
|
|
15
|
+
*/
|
|
16
|
+
export declare const CLASSNAME: LumxClassName<typeof COMPONENT_NAME>;
|
|
17
|
+
/**
|
|
18
|
+
* Component default props.
|
|
19
|
+
*/
|
|
20
|
+
export declare const DEFAULT_PROPS: Partial<DragHandleProps>;
|
|
21
|
+
/**
|
|
22
|
+
* DragHandle component.
|
|
23
|
+
*
|
|
24
|
+
* @param props Component props.
|
|
25
|
+
* @return JSX element.
|
|
26
|
+
*/
|
|
27
|
+
export declare const DragHandle: (props: DragHandleProps) => import("react").JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { Orientation } from '../../constants';
|
|
2
|
-
import type { LumxClassName, JSXElement, HasClassName } from '../../types';
|
|
2
|
+
import type { LumxClassName, JSXElement, HasClassName, CommonRef } from '../../types';
|
|
3
3
|
import type { FlexHorizontalAlignment, FlexVerticalAlignment, GapSize, MarginAutoAlignment } from './types';
|
|
4
4
|
export type * from './types';
|
|
5
5
|
/**
|
|
@@ -24,6 +24,8 @@ export interface FlexBoxProps extends HasClassName {
|
|
|
24
24
|
vAlign?: FlexHorizontalAlignment;
|
|
25
25
|
/** Whether the "flex wrap" is enabled or not. */
|
|
26
26
|
wrap?: boolean;
|
|
27
|
+
/** reference to the root element */
|
|
28
|
+
ref?: CommonRef;
|
|
27
29
|
}
|
|
28
30
|
/**
|
|
29
31
|
* Component display name.
|
|
@@ -47,4 +49,6 @@ export declare function getFlexBoxProps(props: FlexBoxProps): {
|
|
|
47
49
|
className: string;
|
|
48
50
|
/** Children elements. */
|
|
49
51
|
children?: JSXElement;
|
|
52
|
+
/** reference to the root element */
|
|
53
|
+
ref?: CommonRef;
|
|
50
54
|
};
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { SetupOptions } from '../../../testing';
|
|
2
|
+
/**
|
|
3
|
+
* Mounts the component and returns common DOM elements / data needed in multiple tests further down.
|
|
4
|
+
*/
|
|
5
|
+
export declare const setup: (propsOverride: any | undefined, { render, ...options }: SetupOptions<any>) => {
|
|
6
|
+
props: any;
|
|
7
|
+
genericBlock: HTMLElement;
|
|
8
|
+
figure: HTMLElement | null;
|
|
9
|
+
content: HTMLElement | null;
|
|
10
|
+
actions: HTMLElement | null;
|
|
11
|
+
};
|
|
12
|
+
declare const _default: (renderOptions: SetupOptions<any>) => void;
|
|
13
|
+
export default _default;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ValueOf } from '../../types';
|
|
2
|
+
/**
|
|
3
|
+
* Accepted gap sizes for the generic block.
|
|
4
|
+
*/
|
|
5
|
+
export declare const GenericBlockGapSize: Pick<{
|
|
6
|
+
readonly xxs: "xxs";
|
|
7
|
+
readonly xs: "xs";
|
|
8
|
+
readonly s: "s";
|
|
9
|
+
readonly m: "m";
|
|
10
|
+
readonly l: "l";
|
|
11
|
+
readonly xl: "xl";
|
|
12
|
+
readonly xxl: "xxl";
|
|
13
|
+
readonly tiny: "tiny";
|
|
14
|
+
readonly regular: "regular";
|
|
15
|
+
readonly medium: "medium";
|
|
16
|
+
readonly big: "big";
|
|
17
|
+
readonly huge: "huge";
|
|
18
|
+
}, "big" | "tiny" | "regular" | "medium" | "huge">;
|
|
19
|
+
export type GenericBlockGapSize = ValueOf<typeof GenericBlockGapSize>;
|
package/package.json
CHANGED
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
9
|
"@floating-ui/dom": "^1.7.5",
|
|
10
|
-
"@lumx/icons": "^4.8.0-
|
|
10
|
+
"@lumx/icons": "^4.8.0-next.0",
|
|
11
11
|
"classnames": "^2.3.2",
|
|
12
12
|
"focus-visible": "^5.0.2",
|
|
13
13
|
"lodash": "4.17.23",
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
"update-version-changelog": "yarn version-changelog ../../CHANGELOG.md"
|
|
70
70
|
},
|
|
71
71
|
"sideEffects": false,
|
|
72
|
-
"version": "4.8.0-
|
|
72
|
+
"version": "4.8.0-next.0",
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@rollup/plugin-typescript": "^12.3.0",
|
|
75
75
|
"@testing-library/dom": "^10.4.1",
|