@hazelcast/ui 1.3.2-next.53 → 1.3.2-next.54
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/lib/Link.d.ts +2 -2
- package/lib/Link.js +3 -3
- package/lib/Link.js.map +1 -1
- package/lib/SegmentedControl.d.ts +3 -2
- package/lib/SegmentedControl.js +4 -4
- package/lib/SegmentedControl.js.map +1 -1
- package/package.json +2 -2
package/lib/Link.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { AnchorHTMLAttributes, ButtonHTMLAttributes, MouseEventHandler, ReactNode } from 'react';
|
|
2
2
|
import { Icon as FeatherIcon } from 'react-feather';
|
|
3
|
-
|
|
3
|
+
import { DataTestProp } from '@hazelcast/helpers';
|
|
4
4
|
declare const sizes: {
|
|
5
5
|
normal: string;
|
|
6
6
|
small: string;
|
|
@@ -24,7 +24,7 @@ export type LinkProps = IconProps & {
|
|
|
24
24
|
children: ReactNode;
|
|
25
25
|
bold?: boolean;
|
|
26
26
|
onClick?: MouseEventHandler<HTMLButtonElement | HTMLAnchorElement>;
|
|
27
|
-
} & Pick<AnchorAttributes, 'className'> & ({
|
|
27
|
+
} & Pick<AnchorAttributes, 'className'> & DataTestProp & ({
|
|
28
28
|
component: 'button';
|
|
29
29
|
href?: never;
|
|
30
30
|
target?: never;
|
package/lib/Link.js
CHANGED
|
@@ -19,7 +19,7 @@ const sizes = {
|
|
|
19
19
|
* - Link can be used as a stand-alone component with right chevron icon.
|
|
20
20
|
* - You can change underlying semantics with a component property. Typescript will guard you on providing other properties related to the component type.
|
|
21
21
|
*/
|
|
22
|
-
export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'normal', bold = false, icon, ariaLabel, iconClassName, href, rel = 'noopener', target = '_self', type = 'button', onClick, className, children, }, ref) => {
|
|
22
|
+
export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'normal', bold = false, icon, ariaLabel, iconClassName, href, rel = 'noopener', target = '_self', type = 'button', onClick, className, children, 'data-test': dataTest = 'link', }, ref) => {
|
|
23
23
|
const relFinal = Array.isArray(rel) ? rel.join(' ') : rel;
|
|
24
24
|
const commonProps = {
|
|
25
25
|
className: cn(styles.link, styles[size], {
|
|
@@ -33,9 +33,9 @@ export const Link = forwardRef(({ component = 'a', kind = 'primary', size = 'nor
|
|
|
33
33
|
onClick: onClick,
|
|
34
34
|
};
|
|
35
35
|
const iconComponent = icon && ariaLabel ? (React.createElement(Icon, { bold: bold, icon: icon, ariaLabel: ariaLabel, size: size === 'normal' ? 'medium' : 'small', className: iconClassName })) : undefined;
|
|
36
|
-
return component === 'a' ? (React.createElement("a", { ...commonProps, rel: relFinal, target: target, ref: ref },
|
|
36
|
+
return component === 'a' ? (React.createElement("a", { ...commonProps, rel: relFinal, target: target, ref: ref, "data-test": dataTest },
|
|
37
37
|
children,
|
|
38
|
-
iconComponent)) : (React.createElement("button", { ...commonProps, type: type, ref: ref },
|
|
38
|
+
iconComponent)) : (React.createElement("button", { ...commonProps, type: type, ref: ref, "data-test": dataTest },
|
|
39
39
|
children,
|
|
40
40
|
iconComponent));
|
|
41
41
|
});
|
package/lib/Link.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"Link.js","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8C,UAAU,EAAkD,MAAM,OAAO,CAAA;AAErI,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAC7B,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAGvC,MAAM,KAAK,GAAG;IACZ,MAAM,EAAE,MAAM,CAAC,MAAM;IACrB,KAAK,EAAE,MAAM,CAAC,KAAK;IACnB,OAAO,EAAE,MAAM,CAAC,OAAO;CACxB,CAAA;AA8DD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EACE,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,SAAS,EAChB,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,KAAK,EACZ,IAAI,EACJ,SAAS,EACT,aAAa,EACb,IAAI,EACJ,GAAG,GAAG,UAAU,EAChB,MAAM,GAAG,OAAO,EAChB,IAAI,GAAG,QAAQ,EACf,OAAO,EACP,SAAS,EACT,QAAQ,EACR,WAAW,EAAE,QAAQ,GAAG,MAAM,GAC/B,EACD,GAAG,EACH,EAAE;IACF,MAAM,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAA;IAEzD,MAAM,WAAW,GAAG;QAClB,SAAS,EAAE,EAAE,CACX,MAAM,CAAC,IAAI,EACX,MAAM,CAAC,IAAI,CAAC,EACZ;YACE,OAAO;YACP,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,IAAI,KAAK,SAAS;YACpC,CAAC,MAAM,CAAC,SAAS,CAAC,EAAE,IAAI,KAAK,WAAW;YACxC,OAAO;YACP,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,IAAI;SACpB,EACD,SAAS,CACV;QACD,IAAI,EAAE,IAAI;QACV,OAAO,EAAE,OAAO;KACjB,CAAA;IAED,MAAM,aAAa,GACjB,IAAI,IAAI,SAAS,CAAC,CAAC,CAAC,CAClB,oBAAC,IAAI,IAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,GAAI,CAC/H,CAAC,CAAC,CAAC,SAAS,CAAA;IAEf,OAAO,SAAS,KAAK,GAAG,CAAC,CAAC,CAAC,CACzB,8BAAO,WAAW,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACpH,QAAQ;QACR,aAAa,CACZ,CACL,CAAC,CAAC,CAAC,CACF,mCAAY,WAAW,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAE,GAA0C,eAAa,QAAQ;QACtG,QAAQ;QACR,aAAa,CACP,CACV,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { DataTestProp } from '@hazelcast/helpers';
|
|
2
3
|
export type SegmentedControlOption<V> = {
|
|
3
4
|
value: V;
|
|
4
5
|
label: string;
|
|
@@ -13,5 +14,5 @@ export type SegmentedControlProps<V> = {
|
|
|
13
14
|
className?: string;
|
|
14
15
|
optionClassName?: string;
|
|
15
16
|
labelClassName?: string;
|
|
16
|
-
};
|
|
17
|
-
export declare const SegmentedControl: <V extends string = string>({ label, value, onChange, options, size, className, optionClassName, labelClassName, }: SegmentedControlProps<V>) => JSX.Element;
|
|
17
|
+
} & DataTestProp;
|
|
18
|
+
export declare const SegmentedControl: <V extends string = string>({ label, value, onChange, options, size, className, optionClassName, labelClassName, "data-test": dataTest, }: SegmentedControlProps<V>) => JSX.Element;
|
package/lib/SegmentedControl.js
CHANGED
|
@@ -2,8 +2,8 @@ import React from 'react';
|
|
|
2
2
|
import cn from 'classnames';
|
|
3
3
|
import { RadioGroup } from '@headlessui/react';
|
|
4
4
|
import styles from './SegmentedControl.module.scss';
|
|
5
|
-
export const SegmentedControl = ({ label, value, onChange, options, size = 'medium', className, optionClassName, labelClassName, }) => (React.createElement(RadioGroup, { className: cn(styles.group, { [styles.small]: size === 'small' }, className), value: value, onChange: onChange },
|
|
6
|
-
React.createElement(RadioGroup.Label, { className: styles.groupLabel }, label),
|
|
7
|
-
options.map((option) => (React.createElement(RadioGroup.Option, { key: option.value, value: option.value, className: ({ checked }) => cn(styles.option, { [styles.checked]: checked }, optionClassName) },
|
|
8
|
-
React.createElement(RadioGroup.Label, { className: cn(styles.label, labelClassName) }, option.label))))));
|
|
5
|
+
export const SegmentedControl = ({ label, value, onChange, options, size = 'medium', className, optionClassName, labelClassName, 'data-test': dataTest = 'segmented', }) => (React.createElement(RadioGroup, { "data-test": dataTest, className: cn(styles.group, { [styles.small]: size === 'small' }, className), value: value, onChange: onChange },
|
|
6
|
+
React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-label`, className: styles.groupLabel }, label),
|
|
7
|
+
options.map((option) => (React.createElement(RadioGroup.Option, { "data-test": `${dataTest}-${value}`, key: option.value, value: option.value, className: ({ checked }) => cn(styles.option, { [styles.checked]: checked }, optionClassName) },
|
|
8
|
+
React.createElement(RadioGroup.Label, { "data-test": `${dataTest}-${value}-label`, className: cn(styles.label, labelClassName) }, option.label))))));
|
|
9
9
|
//# sourceMappingURL=SegmentedControl.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,gCAAgC,CAAA;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../src/SegmentedControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,YAAY,CAAA;AAC3B,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAE9C,OAAO,MAAM,MAAM,gCAAgC,CAAA;AAqBnD,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAA4B,EAC1D,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,IAAI,GAAG,QAAQ,EACf,SAAS,EACT,eAAe,EACf,cAAc,EACd,WAAW,EAAE,QAAQ,GAAG,WAAW,GACV,EAAE,EAAE,CAAC,CAC9B,oBAAC,UAAU,iBACE,QAAQ,EACnB,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO,EAAE,EAAE,SAAS,CAAC,EAC5E,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ;IAElB,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,UAAU,IAC3E,KAAK,CACW;IAClB,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,oBAAC,UAAU,CAAC,MAAM,iBACL,GAAG,QAAQ,IAAI,KAAK,EAAE,EACjC,GAAG,EAAE,MAAM,CAAC,KAAK,EACjB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,SAAS,EAAE,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,EAAE,EAAE,eAAe,CAAC;QAE7F,oBAAC,UAAU,CAAC,KAAK,iBAAY,GAAG,QAAQ,IAAI,KAAK,QAAQ,EAAE,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EAAE,cAAc,CAAC,IACnG,MAAM,CAAC,KAAK,CACI,CACD,CACrB,CAAC,CACS,CACd,CAAA"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hazelcast/ui",
|
|
3
|
-
"version": "1.3.2-next.
|
|
3
|
+
"version": "1.3.2-next.54+5a7c7f5",
|
|
4
4
|
"description": "Hazelcast design system components",
|
|
5
5
|
"author": "",
|
|
6
6
|
"homepage": "https://github.com/hazelcast/frontend-shared#readme",
|
|
@@ -117,5 +117,5 @@
|
|
|
117
117
|
"react": "^17 || ^18",
|
|
118
118
|
"react-dom": "^17 || ^18"
|
|
119
119
|
},
|
|
120
|
-
"gitHead": "
|
|
120
|
+
"gitHead": "5a7c7f55c9224949ba5aa2e00b4298b1d21d2469"
|
|
121
121
|
}
|