@hitachivantara/uikit-react-core 5.27.9 → 5.28.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.
- package/dist/cjs/components/DatePicker/DatePicker.cjs +6 -2
- package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -1
- package/dist/cjs/components/Tag/Tag.cjs +22 -56
- package/dist/cjs/components/Tag/Tag.cjs.map +1 -1
- package/dist/cjs/components/Tag/Tag.styles.cjs +24 -63
- package/dist/cjs/components/Tag/Tag.styles.cjs.map +1 -1
- package/dist/esm/components/DatePicker/DatePicker.js +7 -3
- package/dist/esm/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/Tag/Tag.js +23 -57
- package/dist/esm/components/Tag/Tag.js.map +1 -1
- package/dist/esm/components/Tag/Tag.styles.js +24 -63
- package/dist/esm/components/Tag/Tag.styles.js.map +1 -1
- package/dist/types/index.d.ts +15 -66
- package/package.json +2 -2
- package/dist/cjs/components/Tag/utils.cjs +0 -21
- package/dist/cjs/components/Tag/utils.cjs.map +0 -1
- package/dist/esm/components/Tag/utils.js +0 -21
- package/dist/esm/components/Tag/utils.js.map +0 -1
package/dist/types/index.d.ts
CHANGED
|
@@ -2599,49 +2599,7 @@ export declare const HvDatePicker: (props: HvDatePickerProps) => JSX_2.Element;
|
|
|
2599
2599
|
|
|
2600
2600
|
export declare type HvDatePickerClasses = ExtractNames<typeof useClasses_106>;
|
|
2601
2601
|
|
|
2602
|
-
export declare interface HvDatePickerProps extends
|
|
2603
|
-
/**
|
|
2604
|
-
* The form element name.
|
|
2605
|
-
*/
|
|
2606
|
-
name?: string;
|
|
2607
|
-
/**
|
|
2608
|
-
* The label of the form element.
|
|
2609
|
-
*
|
|
2610
|
-
* The form element must be labeled for accessibility reasons.
|
|
2611
|
-
* If not provided, an aria-label or aria-labelledby must be provided instead.
|
|
2612
|
-
*/
|
|
2613
|
-
label?: React.ReactNode;
|
|
2614
|
-
/**
|
|
2615
|
-
* Provide additional descriptive text for the form element.
|
|
2616
|
-
*/
|
|
2617
|
-
description?: React.ReactNode;
|
|
2618
|
-
/**
|
|
2619
|
-
* The placeholder value when nothing is selected.
|
|
2620
|
-
*/
|
|
2621
|
-
placeholder?: string;
|
|
2622
|
-
/**
|
|
2623
|
-
* Indicates that the form element is disabled.
|
|
2624
|
-
*/
|
|
2625
|
-
disabled?: boolean;
|
|
2626
|
-
/**
|
|
2627
|
-
* Indicates that user input is required on the form element.
|
|
2628
|
-
*/
|
|
2629
|
-
required?: boolean;
|
|
2630
|
-
/**
|
|
2631
|
-
* The status of the form element.
|
|
2632
|
-
*
|
|
2633
|
-
* Valid is correct, invalid is incorrect and standBy means no validations have run.
|
|
2634
|
-
*
|
|
2635
|
-
* When uncontrolled and unspecified it will default to "standBy" and change to either "valid"
|
|
2636
|
-
* or "invalid" after any change to the state.
|
|
2637
|
-
*/
|
|
2638
|
-
status?: HvFormStatus;
|
|
2639
|
-
/**
|
|
2640
|
-
* The error message to show when the validation status is "invalid".
|
|
2641
|
-
*
|
|
2642
|
-
* Defaults to "Required" when the status is uncontrolled and no `aria-errormessage` is provided.
|
|
2643
|
-
*/
|
|
2644
|
-
statusMessage?: React.ReactNode;
|
|
2602
|
+
export declare interface HvDatePickerProps extends Omit<HvFormElementProps, "onChange">, Pick<HvBaseDropdownProps, "disablePortal" | "expanded" | "defaultExpanded" | "onToggle"> {
|
|
2645
2603
|
/**
|
|
2646
2604
|
* Identifies the element that provides an error message for the date picker.
|
|
2647
2605
|
*
|
|
@@ -2695,7 +2653,6 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
|
|
|
2695
2653
|
endValue?: Date;
|
|
2696
2654
|
/**
|
|
2697
2655
|
* Flag informing if the the component should be in range mode or in single mode.
|
|
2698
|
-
* TODO: remove this in favour of discriminated union
|
|
2699
2656
|
*/
|
|
2700
2657
|
rangeMode?: boolean;
|
|
2701
2658
|
/**
|
|
@@ -2716,10 +2673,6 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
|
|
|
2716
2673
|
* only works if showing actions or in range mode.
|
|
2717
2674
|
*/
|
|
2718
2675
|
showClear?: boolean;
|
|
2719
|
-
/**
|
|
2720
|
-
* Disable the portal behavior. The children stay within it's parent DOM hierarchy.
|
|
2721
|
-
*/
|
|
2722
|
-
disablePortal?: boolean;
|
|
2723
2676
|
/**
|
|
2724
2677
|
* Sets if the calendar container should follow the date picker input out of the screen or stay visible.
|
|
2725
2678
|
*/
|
|
@@ -2731,11 +2684,7 @@ export declare interface HvDatePickerProps extends HvBaseProps<HTMLDivElement, "
|
|
|
2731
2684
|
/**
|
|
2732
2685
|
* An object containing props to be passed onto the baseDropdown.
|
|
2733
2686
|
*/
|
|
2734
|
-
dropdownProps?:
|
|
2735
|
-
/**
|
|
2736
|
-
* If `true` the DatePicker will be in read only mode, unable to be interacted.
|
|
2737
|
-
*/
|
|
2738
|
-
readOnly?: boolean;
|
|
2687
|
+
dropdownProps?: Partial<HvBaseDropdownProps>;
|
|
2739
2688
|
/**
|
|
2740
2689
|
* Additional props passed to the HvCalendar component.
|
|
2741
2690
|
*/
|
|
@@ -6018,7 +5967,7 @@ export declare type HvTagClasses = ExtractNames<typeof useClasses_48>;
|
|
|
6018
5967
|
|
|
6019
5968
|
export declare function hvTagColumn<D extends object = Record<string, unknown>, H extends HvTableHeaderRenderer | undefined = HvTableHeaderRenderer, A extends object = Record<string, unknown>>(col: HvTableColumnConfig<D, H>, valueDataKey: keyof A, colorDataKey: keyof A, textColorDataKey: keyof A, fromRowData?: boolean, tagProps?: HvTagProps): HvTableColumnConfig<D, H>;
|
|
6020
5969
|
|
|
6021
|
-
export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes"
|
|
5970
|
+
export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes"> {
|
|
6022
5971
|
/** The label of the tag element. */
|
|
6023
5972
|
label?: React.ReactNode;
|
|
6024
5973
|
/** Indicates that the form element is disabled. */
|
|
@@ -6036,12 +5985,12 @@ export declare interface HvTagProps extends Omit<ChipProps, "color" | "classes">
|
|
|
6036
5985
|
onDelete?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
6037
5986
|
/** Callback triggered when any item is clicked. */
|
|
6038
5987
|
onClick?: (event: React.MouseEvent<HTMLElement>) => void;
|
|
6039
|
-
/**
|
|
6040
|
-
|
|
6041
|
-
|
|
5988
|
+
/** Aria properties to apply to delete button in tag
|
|
5989
|
+
* @deprecated no longer used
|
|
5990
|
+
*/
|
|
6042
5991
|
deleteButtonArialLabel?: string;
|
|
6043
|
-
/** Props to apply to delete
|
|
6044
|
-
deleteButtonProps?:
|
|
5992
|
+
/** Props to apply to delete icon */
|
|
5993
|
+
deleteButtonProps?: HTMLAttributes<HTMLDivElement>;
|
|
6045
5994
|
/** A Jss Object used to override or extend the styles applied to the component. */
|
|
6046
5995
|
classes?: HvTagClasses;
|
|
6047
5996
|
/** @ignore */
|
|
@@ -7662,11 +7611,11 @@ export declare const tagClasses: {
|
|
|
7662
7611
|
disabled: "HvTag-disabled";
|
|
7663
7612
|
focusVisible: "HvTag-focusVisible";
|
|
7664
7613
|
chipRoot: "HvTag-chipRoot";
|
|
7665
|
-
|
|
7614
|
+
clickable: "HvTag-clickable";
|
|
7615
|
+
categorical: "HvTag-categorical";
|
|
7666
7616
|
deleteIcon: "HvTag-deleteIcon";
|
|
7617
|
+
tagButton: "HvTag-tagButton";
|
|
7667
7618
|
disabledDeleteIcon: "HvTag-disabledDeleteIcon";
|
|
7668
|
-
categorical: "HvTag-categorical";
|
|
7669
|
-
clickable: "HvTag-clickable";
|
|
7670
7619
|
categoricalFocus: "HvTag-categoricalFocus";
|
|
7671
7620
|
categoricalDisabled: "HvTag-categoricalDisabled";
|
|
7672
7621
|
};
|
|
@@ -8886,7 +8835,7 @@ declare const useClasses_47: (classesProp?: Partial<Record<"root" | "indicator"
|
|
|
8886
8835
|
cx: (...args: any) => string;
|
|
8887
8836
|
};
|
|
8888
8837
|
|
|
8889
|
-
declare const useClasses_48: (classesProp?: Partial<Record<"button" | "label" | "root" | "disabled" | "focusVisible" | "chipRoot" | "
|
|
8838
|
+
declare const useClasses_48: (classesProp?: Partial<Record<"button" | "label" | "root" | "disabled" | "focusVisible" | "chipRoot" | "clickable" | "categorical" | "deleteIcon" | "tagButton" | "disabledDeleteIcon" | "categoricalFocus" | "categoricalDisabled", string>>, addStatic?: boolean) => {
|
|
8890
8839
|
classes: {
|
|
8891
8840
|
button: string;
|
|
8892
8841
|
label: string;
|
|
@@ -8894,11 +8843,11 @@ declare const useClasses_48: (classesProp?: Partial<Record<"button" | "label" |
|
|
|
8894
8843
|
disabled: string;
|
|
8895
8844
|
focusVisible: string;
|
|
8896
8845
|
chipRoot: string;
|
|
8897
|
-
|
|
8846
|
+
clickable: string;
|
|
8847
|
+
categorical: string;
|
|
8898
8848
|
deleteIcon: string;
|
|
8849
|
+
tagButton: string;
|
|
8899
8850
|
disabledDeleteIcon: string;
|
|
8900
|
-
categorical: string;
|
|
8901
|
-
clickable: string;
|
|
8902
8851
|
categoricalFocus: string;
|
|
8903
8852
|
categoricalDisabled: string;
|
|
8904
8853
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hitachivantara/uikit-react-core",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.28.0",
|
|
4
4
|
"private": false,
|
|
5
5
|
"author": "Hitachi Vantara UI Kit Team",
|
|
6
6
|
"description": "Core React components for the NEXT Design System.",
|
|
@@ -64,7 +64,7 @@
|
|
|
64
64
|
"access": "public",
|
|
65
65
|
"directory": "package"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "05db5a640d352bf7f44caffc109394fef5be37aa",
|
|
68
68
|
"main": "dist/cjs/index.cjs",
|
|
69
69
|
"exports": {
|
|
70
70
|
".": {
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
|
-
const getOnDeleteCallback = (tagIsDisabled, providedOnDelete) => {
|
|
4
|
-
const nullCallback = () => {
|
|
5
|
-
};
|
|
6
|
-
let deleteCallback;
|
|
7
|
-
if (tagIsDisabled && providedOnDelete) {
|
|
8
|
-
deleteCallback = nullCallback;
|
|
9
|
-
} else if (tagIsDisabled && !providedOnDelete) {
|
|
10
|
-
deleteCallback = void 0;
|
|
11
|
-
} else {
|
|
12
|
-
deleteCallback = providedOnDelete;
|
|
13
|
-
}
|
|
14
|
-
return deleteCallback;
|
|
15
|
-
};
|
|
16
|
-
const hasDeleteAction = (onDeleteAction) => !!onDeleteAction;
|
|
17
|
-
const hasClickAction = (onClickAction) => !!onClickAction;
|
|
18
|
-
exports.getOnDeleteCallback = getOnDeleteCallback;
|
|
19
|
-
exports.hasClickAction = hasClickAction;
|
|
20
|
-
exports.hasDeleteAction = hasDeleteAction;
|
|
21
|
-
//# sourceMappingURL=utils.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.cjs","sources":["../../../../src/components/Tag/utils.ts"],"sourcesContent":["export const getOnDeleteCallback = (tagIsDisabled, providedOnDelete) => {\n const nullCallback = () => {};\n\n let deleteCallback;\n\n if (tagIsDisabled && providedOnDelete) {\n deleteCallback = nullCallback;\n } else if (tagIsDisabled && !providedOnDelete) {\n deleteCallback = undefined;\n } else {\n deleteCallback = providedOnDelete;\n }\n\n return deleteCallback;\n};\n\nexport const hasDeleteAction = (onDeleteAction) => !!onDeleteAction;\n\nexport const hasClickAction = (onClickAction) => !!onClickAction;\n"],"names":["getOnDeleteCallback","tagIsDisabled","providedOnDelete","nullCallback","deleteCallback","undefined","hasDeleteAction","onDeleteAction","hasClickAction","onClickAction"],"mappings":";;AAAaA,MAAAA,sBAAsBA,CAACC,eAAeC,qBAAqB;AACtE,QAAMC,eAAeA,MAAM;AAAA,EAAA;AAEvBC,MAAAA;AAEJ,MAAIH,iBAAiBC,kBAAkB;AACpBC,qBAAAA;AAAAA,EAAAA,WACRF,iBAAiB,CAACC,kBAAkB;AAC5BG,qBAAAA;AAAAA,EAAAA,OACZ;AACYH,qBAAAA;AAAAA,EACnB;AAEOE,SAAAA;AACT;AAEaE,MAAAA,kBAAmBC,CAAmB,mBAAA,CAAC,CAACA;AAExCC,MAAAA,iBAAkBC,CAAkB,kBAAA,CAAC,CAACA;;;;"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
const getOnDeleteCallback = (tagIsDisabled, providedOnDelete) => {
|
|
2
|
-
const nullCallback = () => {
|
|
3
|
-
};
|
|
4
|
-
let deleteCallback;
|
|
5
|
-
if (tagIsDisabled && providedOnDelete) {
|
|
6
|
-
deleteCallback = nullCallback;
|
|
7
|
-
} else if (tagIsDisabled && !providedOnDelete) {
|
|
8
|
-
deleteCallback = void 0;
|
|
9
|
-
} else {
|
|
10
|
-
deleteCallback = providedOnDelete;
|
|
11
|
-
}
|
|
12
|
-
return deleteCallback;
|
|
13
|
-
};
|
|
14
|
-
const hasDeleteAction = (onDeleteAction) => !!onDeleteAction;
|
|
15
|
-
const hasClickAction = (onClickAction) => !!onClickAction;
|
|
16
|
-
export {
|
|
17
|
-
getOnDeleteCallback,
|
|
18
|
-
hasClickAction,
|
|
19
|
-
hasDeleteAction
|
|
20
|
-
};
|
|
21
|
-
//# sourceMappingURL=utils.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sources":["../../../../src/components/Tag/utils.ts"],"sourcesContent":["export const getOnDeleteCallback = (tagIsDisabled, providedOnDelete) => {\n const nullCallback = () => {};\n\n let deleteCallback;\n\n if (tagIsDisabled && providedOnDelete) {\n deleteCallback = nullCallback;\n } else if (tagIsDisabled && !providedOnDelete) {\n deleteCallback = undefined;\n } else {\n deleteCallback = providedOnDelete;\n }\n\n return deleteCallback;\n};\n\nexport const hasDeleteAction = (onDeleteAction) => !!onDeleteAction;\n\nexport const hasClickAction = (onClickAction) => !!onClickAction;\n"],"names":["getOnDeleteCallback","tagIsDisabled","providedOnDelete","nullCallback","deleteCallback","undefined","hasDeleteAction","onDeleteAction","hasClickAction","onClickAction"],"mappings":"AAAaA,MAAAA,sBAAsBA,CAACC,eAAeC,qBAAqB;AACtE,QAAMC,eAAeA,MAAM;AAAA,EAAA;AAEvBC,MAAAA;AAEJ,MAAIH,iBAAiBC,kBAAkB;AACpBC,qBAAAA;AAAAA,EAAAA,WACRF,iBAAiB,CAACC,kBAAkB;AAC5BG,qBAAAA;AAAAA,EAAAA,OACZ;AACYH,qBAAAA;AAAAA,EACnB;AAEOE,SAAAA;AACT;AAEaE,MAAAA,kBAAmBC,CAAmB,mBAAA,CAAC,CAACA;AAExCC,MAAAA,iBAAkBC,CAAkB,kBAAA,CAAC,CAACA;"}
|