@veracity/vui 2.14.6 → 2.14.7-beta.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/button/button.d.ts.map +1 -1
- package/dist/cjs/button/button.js +0 -8
- package/dist/cjs/datePicker/datePicker.d.ts.map +1 -1
- package/dist/cjs/datePicker/datePicker.js +1 -2
- package/dist/cjs/utils/react.d.ts.map +1 -1
- package/dist/esm/button/button.d.ts.map +1 -1
- package/dist/esm/button/button.js +0 -8
- package/dist/esm/datePicker/datePicker.d.ts.map +1 -1
- package/dist/esm/datePicker/datePicker.js +1 -2
- package/dist/esm/utils/react.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/button/button.tsx +0 -5
- package/src/datePicker/datePicker.tsx +1 -2
- package/src/utils/react.ts +0 -3
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA0IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
|
|
@@ -109,14 +109,6 @@ exports.Button = (0, core_1.vui)((props, ref) => {
|
|
|
109
109
|
ariaLabel = text;
|
|
110
110
|
else if ((0, utils_1.isReactText)(text))
|
|
111
111
|
ariaLabel = text.toString();
|
|
112
|
-
else {
|
|
113
|
-
if ((0, utils_1.isString)(icon))
|
|
114
|
-
ariaLabel = icon;
|
|
115
|
-
else if ((0, utils_1.isString)(iconLeft))
|
|
116
|
-
ariaLabel = iconLeft;
|
|
117
|
-
else if ((0, utils_1.isString)(iconRight))
|
|
118
|
-
ariaLabel = iconRight;
|
|
119
|
-
}
|
|
120
112
|
}
|
|
121
113
|
const disabledProps = disabled
|
|
122
114
|
? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,yDAsJrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -58,10 +58,9 @@ exports.DatePicker = (0, core_1.vui)((props, ref) => {
|
|
|
58
58
|
const [isInvalidInputDate, setIsInvalidInputDate] = (0, react_1.useState)(true);
|
|
59
59
|
const [isInvalidSelectedDate, setIsInvalidSelectedDate] = (0, react_1.useState)(!selectedDate);
|
|
60
60
|
const initialDateRef = (0, react_1.useRef)(selectedDateProps);
|
|
61
|
-
const buttonRef = (0, react_1.useRef)(null);
|
|
62
61
|
const popupRef = (0, react_1.useRef)(null);
|
|
63
62
|
const isClearButtonVisible = showClearButton && initialDateRef.current;
|
|
64
|
-
(0, utils_1.useClickOutside)(
|
|
63
|
+
(0, utils_1.useClickOutside)(popupRef, () => setIsOpen(false));
|
|
65
64
|
const isStartDateInRange = (date) => !!(boundaries === null || boundaries === void 0 ? void 0 : boundaries.startDate) && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true;
|
|
66
65
|
const isEndDateInRange = (date) => !!(boundaries === null || boundaries === void 0 ? void 0 : boundaries.endDate) && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true;
|
|
67
66
|
const isValidDateRange = (date) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EAMV,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EAMV,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAiBjC;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA0IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
|
|
@@ -68,14 +68,6 @@ export const Button = vui((props, ref) => {
|
|
|
68
68
|
ariaLabel = text;
|
|
69
69
|
else if (isReactText(text))
|
|
70
70
|
ariaLabel = text.toString();
|
|
71
|
-
else {
|
|
72
|
-
if (isString(icon))
|
|
73
|
-
ariaLabel = icon;
|
|
74
|
-
else if (isString(iconLeft))
|
|
75
|
-
ariaLabel = iconLeft;
|
|
76
|
-
else if (isString(iconRight))
|
|
77
|
-
ariaLabel = iconRight;
|
|
78
|
-
}
|
|
79
71
|
}
|
|
80
72
|
const disabledProps = disabled
|
|
81
73
|
? {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAMpD,qCAAqC;AACrC,eAAO,MAAM,UAAU,yDAsJrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -18,10 +18,9 @@ export const DatePicker = vui((props, ref) => {
|
|
|
18
18
|
const [isInvalidInputDate, setIsInvalidInputDate] = useState(true);
|
|
19
19
|
const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate);
|
|
20
20
|
const initialDateRef = useRef(selectedDateProps);
|
|
21
|
-
const buttonRef = useRef(null);
|
|
22
21
|
const popupRef = useRef(null);
|
|
23
22
|
const isClearButtonVisible = showClearButton && initialDateRef.current;
|
|
24
|
-
useClickOutside(
|
|
23
|
+
useClickOutside(popupRef, () => setIsOpen(false));
|
|
25
24
|
const isStartDateInRange = (date) => !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true;
|
|
26
25
|
const isEndDateInRange = (date) => !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true;
|
|
27
26
|
const isValidDateRange = (date) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EAMV,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,
|
|
1
|
+
{"version":3,"file":"react.d.ts","sourceRoot":"","sources":["../../../src/utils/react.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,cAAc,EAEd,SAAS,EAMV,MAAM,OAAO,CAAA;AAId,OAAO,EAAE,WAAW,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAA;AAEhF,KAAK,QAAQ,CAAC,CAAC,IAAI,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAA;AAEhF;;;GAGG;AACH,wBAAgB,SAAS,CAAC,CAAC,GAAG,GAAG,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,QAcxE;AAED,sEAAsE;AACtE,wBAAgB,aAAa,CAAC,WAAW,EAAE,OAAO,GAAE,oBAAyB,oCAoB5E;AAED,2CAA2C;AAC3C,wBAAgB,SAAS,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,EAAE,UACjD,CAAC,GAAG,IAAI,UAGvB;AAGD,uFAAuF;AACvF,wBAAgB,cAAc,CAAC,CAAC,SAAS,WAAW,EAAE,QAAQ,CAAC,EAAE,CAAC,EAAE,IAAI,GAAE,cAAmB,KAM5F;AAKD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAC7B,GAAG,EAAE,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,EACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,EACjC,MAAM,GAAE,MAAM,EAAkB,QAiBjC;AAED,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI;IAClC,YAAY,CAAC,EAAE,CAAC,CAAA;IAChB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAA;IAC7B,KAAK,CAAC,EAAE,CAAC,CAAA;CACV,CAAA;AAGD,sFAAsF;AACtF,wBAAgB,aAAa,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC;kBAwBzC,OAAO;WAAS,MAAM,IAAI;GAE7C;AAED,4GAA4G;AAC5G,wBAAgB,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAEpD;AAGD;;GAEG;AACH,wBAAgB,YAAY,kBAY3B"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@veracity/vui",
|
|
3
|
-
"version": "2.14.
|
|
3
|
+
"version": "2.14.7-beta.0",
|
|
4
4
|
"description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
|
|
5
5
|
"module": "./dist/esm/index.js",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
package/src/button/button.tsx
CHANGED
|
@@ -103,11 +103,6 @@ export const Button = vui<'button', ButtonProps>((props, ref) => {
|
|
|
103
103
|
else {
|
|
104
104
|
if (isString(text)) ariaLabel = text
|
|
105
105
|
else if (isReactText(text)) ariaLabel = text.toString()
|
|
106
|
-
else {
|
|
107
|
-
if (isString(icon)) ariaLabel = icon
|
|
108
|
-
else if (isString(iconLeft)) ariaLabel = iconLeft
|
|
109
|
-
else if (isString(iconRight)) ariaLabel = iconRight
|
|
110
|
-
}
|
|
111
106
|
}
|
|
112
107
|
|
|
113
108
|
const disabledProps = disabled
|
|
@@ -35,11 +35,10 @@ export const DatePicker = vui<'span', DatePickerProps>((props, ref) => {
|
|
|
35
35
|
const [isInvalidInputDate, setIsInvalidInputDate] = useState(true)
|
|
36
36
|
const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate)
|
|
37
37
|
const initialDateRef = useRef<Date | undefined>(selectedDateProps)
|
|
38
|
-
const buttonRef = useRef<HTMLDivElement>(null)
|
|
39
38
|
const popupRef = useRef<HTMLDivElement>(null)
|
|
40
39
|
const isClearButtonVisible = showClearButton && initialDateRef.current
|
|
41
40
|
|
|
42
|
-
useClickOutside(
|
|
41
|
+
useClickOutside(popupRef, () => setIsOpen(false))
|
|
43
42
|
|
|
44
43
|
const isStartDateInRange = (date: Date) =>
|
|
45
44
|
!!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true
|
package/src/utils/react.ts
CHANGED
|
@@ -97,15 +97,12 @@ export function useClickOutside(
|
|
|
97
97
|
const refs = isArray(ref) ? ref : [ref]
|
|
98
98
|
const target = ev.target as HTMLElement
|
|
99
99
|
const isClickOutside = refs.every(ref => ref.current && !ref.current.contains(target))
|
|
100
|
-
|
|
101
100
|
isClickOutside && callback?.(ev)
|
|
102
101
|
})
|
|
103
102
|
|
|
104
103
|
useEffect(() => {
|
|
105
104
|
const events: string[] = JSON.parse(eventsString)
|
|
106
|
-
|
|
107
105
|
events.forEach(event => window.addEventListener(event, listener))
|
|
108
|
-
|
|
109
106
|
return () => {
|
|
110
107
|
events.forEach(event => window.removeEventListener(event, listener))
|
|
111
108
|
}
|