@veracity/vui 2.20.0-rc.2 → 2.20.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/header/headerNotifications.d.ts.map +1 -1
- package/dist/cjs/header/headerNotifications.js.map +1 -1
- package/dist/cjs/notification/notificationButton.d.ts.map +1 -1
- package/dist/cjs/notification/notificationButton.js +1 -1
- package/dist/cjs/notification/notificationButton.js.map +1 -1
- package/dist/cjs/select/selectOption.d.ts.map +1 -1
- package/dist/cjs/select/selectOption.js +2 -3
- package/dist/cjs/select/selectOption.js.map +1 -1
- package/dist/cjs/tutorial/tutorialCard.js +1 -1
- package/dist/esm/header/headerNotifications.d.ts.map +1 -1
- package/dist/esm/header/headerNotifications.js.map +1 -1
- package/dist/esm/notification/notificationButton.d.ts.map +1 -1
- package/dist/esm/notification/notificationButton.js +1 -1
- package/dist/esm/notification/notificationButton.js.map +1 -1
- package/dist/esm/select/selectOption.d.ts.map +1 -1
- package/dist/esm/select/selectOption.js +2 -3
- package/dist/esm/select/selectOption.js.map +1 -1
- package/dist/esm/tutorial/tutorialCard.js +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/header/headerNotifications.tsx +0 -1
- package/src/notification/notificationButton.tsx +1 -0
- package/src/select/selectOption.tsx +7 -5
- package/src/tutorial/tutorialCard.tsx +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+
|
|
1
|
+
{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+DAgC9B,CAAA;AAIF,eAAe,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerNotifications.js","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,uDAA8B;AAC9B,kCAAqD;AACrD,oCAA6B;AAC7B,uCAA4C;AAG5C,kBAAkB;AAClB,MAAM,KAAK,GAAG,aAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;CAc3B,CAAA;AACD,iBAAiB;AAEjB,+FAA+F;AAClF,QAAA,mBAAmB,GAAG,IAAA,UAAG,EAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACnF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,yCAAgD,CAAQ,CAAA;IAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,MAAA,IAAA,0BAAgB,GAAE,mCAAI,EAAE,CAAA;IAC1C,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAC,aAAa,CAAA;IAEzE,OAAO,CACL,uBAAC,gBAAM,kBACL,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,IAAA,UAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,IAAI,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,KAAK,CAAC,aAAa,EAChC,IAAI,EAAE,CAAC,EACP,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,cAAc,IAClB,MAAM,CAAC,SAAS,EAChB,IAAI,cAEP,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,6DACE,uBAAC,gBAAM,CAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,
|
|
1
|
+
{"version":3,"file":"headerNotifications.js","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEA,uDAA8B;AAC9B,kCAAqD;AACrD,oCAA6B;AAC7B,uCAA4C;AAG5C,kBAAkB;AAClB,MAAM,KAAK,GAAG,aAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;CAc3B,CAAA;AACD,iBAAiB;AAEjB,+FAA+F;AAClF,QAAA,mBAAmB,GAAG,IAAA,UAAG,EAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IACnF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAAxD,yCAAgD,CAAQ,CAAA;IAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,MAAA,IAAA,0BAAgB,GAAE,mCAAI,EAAE,CAAA;IAC1C,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,QAAQ,EAAE,IAAA,0BAAgB,GAAE,CAAC,CAAC,aAAa,CAAA;IAEzE,OAAO,CACL,uBAAC,gBAAM,kBACL,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,IAAA,UAAE,EAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,IAAI,EAAE,GAAG,aAAH,GAAG,cAAH,GAAG,GAAI,KAAK,CAAC,aAAa,EAChC,IAAI,EAAE,CAAC,EACP,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,cAAc,IAClB,MAAM,CAAC,SAAS,EAChB,IAAI,cAEP,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,CACX,6DACE,uBAAC,gBAAM,CAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,EAC7B,KAAK,GAAG,CAAC,IAAI,CACZ,uBAAC,KAAK,IAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YACzD,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GACtB,CACT,IACA,CACJ,IACM,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,2BAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,kBAAe,2BAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notificationButton.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAM/C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"notificationButton.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAM/C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAuB7B,CAAA;AAGF,eAAe,kBAAkB,CAAA"}
|
|
@@ -29,7 +29,7 @@ exports.NotificationButton = (0, core_1.vui)((props, ref) => {
|
|
|
29
29
|
const styles = (0, core_1.useStyleConfig)('Notification', (0, context_1.useNotificationContext)());
|
|
30
30
|
const { status = '' } = mergedProps;
|
|
31
31
|
const { variant } = (_a = consts_1.notificationStatusMapping[status]) !== null && _a !== void 0 ? _a : {};
|
|
32
|
-
return ((0, jsx_runtime_1.jsx)(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-notificationButton', className), ml: "0px", mr: "16px", my: "16px", px: "12px", py: "6px", ref: ref }, styles.button, { variant: variant }, rest)));
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-notificationButton', className), ml: "0px", mr: "16px", my: "16px", px: "12px", py: "6px", ref: ref, size: "md" }, styles.button, { variant: variant }, rest)));
|
|
33
33
|
});
|
|
34
34
|
exports.NotificationButton.displayName = 'NotificationButton';
|
|
35
35
|
exports.default = exports.NotificationButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notificationButton.js","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAA+C;AAC/C,kCAA6C;AAC7C,oCAA6B;AAC7B,qCAAoD;AACpD,uCAAkD;AAElD,yDAAyD;AAC5C,QAAA,kBAAkB,GAAG,IAAA,UAAG,EAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC1E,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,WAAW,mCAAQ,IAAA,gCAAsB,GAAE,GAAK,KAAK,CAAE,CAAA;IAC7D,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,cAAc,EAAE,IAAA,gCAAsB,GAAE,CAAC,CAAA;IAEvE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,WAAW,CAAA;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAA,kCAAyB,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAA;IAE3D,OAAO,CACL,uBAAC,gBAAM,kBACL,SAAS,EAAE,IAAA,UAAE,EAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"notificationButton.js","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,uDAA+C;AAC/C,kCAA6C;AAC7C,oCAA6B;AAC7B,qCAAoD;AACpD,uCAAkD;AAElD,yDAAyD;AAC5C,QAAA,kBAAkB,GAAG,IAAA,UAAG,EAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;;IAC1E,MAAM,EAAE,SAAS,KAAc,KAAK,EAAd,IAAI,UAAK,KAAK,EAA9B,aAAsB,CAAQ,CAAA;IACpC,MAAM,WAAW,mCAAQ,IAAA,gCAAsB,GAAE,GAAK,KAAK,CAAE,CAAA;IAC7D,MAAM,MAAM,GAAG,IAAA,qBAAc,EAAC,cAAc,EAAE,IAAA,gCAAsB,GAAE,CAAC,CAAA;IAEvE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,WAAW,CAAA;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,MAAA,kCAAyB,CAAC,MAAM,CAAC,mCAAI,EAAE,CAAA;IAE3D,OAAO,CACL,uBAAC,gBAAM,kBACL,SAAS,EAAE,IAAA,UAAE,EAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,IAAI,IACL,MAAM,CAAC,MAAM,IACjB,OAAO,EAAE,OAAO,IACZ,IAAI,EACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,0BAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,kBAAe,0BAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAoDvB,CAAA;AAIF,eAAe,YAAY,CAAA"}
|
|
@@ -32,10 +32,8 @@ exports.SelectOption = (0, core_1.vui)((props, ref) => {
|
|
|
32
32
|
const styles = (0, core_1.useStyleConfig)('Select', (0, context_1.useSelectContext)());
|
|
33
33
|
const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp;
|
|
34
34
|
const onClick = (0, utils_1.useCallbackRef)((e) => {
|
|
35
|
-
// Clone original click event
|
|
36
35
|
const nativeEvent = e.nativeEvent || e;
|
|
37
36
|
const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
|
|
38
|
-
// Extend cloned event with 'value' and 'name'
|
|
39
37
|
Object.defineProperty(clonedEvent, 'target', {
|
|
40
38
|
writable: true,
|
|
41
39
|
value: { value: valueProp, name },
|
|
@@ -44,7 +42,8 @@ exports.SelectOption = (0, core_1.vui)((props, ref) => {
|
|
|
44
42
|
onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent);
|
|
45
43
|
!isMultiple && (instance === null || instance === void 0 ? void 0 : instance.hide());
|
|
46
44
|
});
|
|
47
|
-
|
|
45
|
+
const onKeyDown = (0, utils_1.useCallbackRef)((e) => e.key === 'Enter' && onClick(e));
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(list_1.ListItem, Object.assign({ activeBg: "skyBlue.active", className: (0, utils_1.cs)('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, onKeyDown: onKeyDown, ref: ref, selectedBg: "skyBlue.selected", tabIndex: 0, title: title, value: valueProp }, styles.option, rest, utils_1.ellipsisOverflow, { children: children !== null && children !== void 0 ? children : (isMultiple && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(checkbox_1.Checkbox, Object.assign({ checked: isSelected, disabled: disabled, mr: 1 }, styles.option)), (0, jsx_runtime_1.jsx)(list_1.List.Text, { children: props.text })] }))) })));
|
|
48
47
|
});
|
|
49
48
|
exports.SelectOption.displayName = 'SelectOption';
|
|
50
49
|
exports.default = exports.SelectOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,0CAAsC;AACtC,kCAA6C;AAC7C,kCAAwC;AACxC,wCAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -24,7 +24,7 @@ function TutorialCard({ actionLabel = 'Action', className, title, readMoreLink,
|
|
|
24
24
|
}, [title, propsSteps]);
|
|
25
25
|
const isStartStep = activeStep === 0;
|
|
26
26
|
const isFinalStep = activeStep === propsSteps.length;
|
|
27
|
-
return ((0, jsx_runtime_1.jsxs)(index_1.Card, { bg: consts_1.tutorialColors.bg, className: className, color: consts_1.tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' }, children: [(0, jsx_runtime_1.jsx)(index_1.H4, { color: consts_1.tutorialColors.color, children: title }), !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "close", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))] }), (0, jsx_runtime_1.jsx)(index_1.Box, { flex: 5, row: true, children: (_a = steps === null || steps === void 0 ? void 0 : steps.map) === null || _a === void 0 ? void 0 : _a.call(steps, s => ((0, jsx_runtime_1.jsx)(tutorialStep_1.TutorialStep, { active: s.key === activeStep, content: s.step.content, readMoreLink: s.step.readMoreLink, title: s.step.title }, s.step.title))) }), (0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", mt: 0, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available", children: [(0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "previous", color: consts_1.tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }), (0, jsx_runtime_1.jsx)(index_1.Box, { className: "vuiTutorialStepDots", children: (_b = steps === null || steps === void 0 ? void 0 : steps.map) === null || _b === void 0 ? void 0 : _b.call(steps, s => ((0, jsx_runtime_1.jsx)(index_1.Icon, { color: s.key === activeStep ? consts_1.tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: consts_1.tutorialColors.buttonColor, name: "cusDotFull", onClick: () => setActiveStep(s.key) }, s.key))) }), (0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "next", color: consts_1.tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })] }), (showSkipButton || isFinalStep || !!onAction) && ((0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", children: [showSkipButton && !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 2, onClick: onDismiss, variant: "primaryLight", children: "Skip" })), isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 2, onClick: onFinish, variant: "primaryLight", children: "Finish" })), !!onAction && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr:
|
|
27
|
+
return ((0, jsx_runtime_1.jsxs)(index_1.Card, { bg: consts_1.tutorialColors.bg, className: className, color: consts_1.tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' }, children: [(0, jsx_runtime_1.jsx)(index_1.H4, { color: consts_1.tutorialColors.color, children: title }), !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "close", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))] }), (0, jsx_runtime_1.jsx)(index_1.Box, { flex: 5, row: true, children: (_a = steps === null || steps === void 0 ? void 0 : steps.map) === null || _a === void 0 ? void 0 : _a.call(steps, s => ((0, jsx_runtime_1.jsx)(tutorialStep_1.TutorialStep, { active: s.key === activeStep, content: s.step.content, readMoreLink: s.step.readMoreLink, title: s.step.title }, s.step.title))) }), (0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", mt: 0, children: [(0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available", children: [(0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "previous", color: consts_1.tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }), (0, jsx_runtime_1.jsx)(index_1.Box, { className: "vuiTutorialStepDots", children: (_b = steps === null || steps === void 0 ? void 0 : steps.map) === null || _b === void 0 ? void 0 : _b.call(steps, s => ((0, jsx_runtime_1.jsx)(index_1.Icon, { color: s.key === activeStep ? consts_1.tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: consts_1.tutorialColors.buttonColor, name: "cusDotFull", onClick: () => setActiveStep(s.key) }, s.key))) }), (0, jsx_runtime_1.jsx)(index_1.Button, { "aria-label": "next", color: consts_1.tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })] }), (showSkipButton || isFinalStep || !!onAction) && ((0, jsx_runtime_1.jsxs)(index_1.Box, { alignItems: "center", justifyContent: "space-between", children: [showSkipButton && !isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 2, onClick: onDismiss, variant: "primaryLight", children: "Skip" })), isFinalStep && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 2, onClick: onFinish, variant: "primaryLight", children: "Finish" })), !!onAction && ((0, jsx_runtime_1.jsx)(index_1.Button, { mr: 9, onClick: onAction, variant: "primaryLight", children: actionLabel }))] }))] })] }));
|
|
28
28
|
}
|
|
29
29
|
exports.TutorialCard = TutorialCard;
|
|
30
30
|
TutorialCard.displayName = 'TutorialCard';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+
|
|
1
|
+
{"version":3,"file":"headerNotifications.d.ts","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,gBAAgB,CAAA;AAoBzD,+FAA+F;AAC/F,eAAO,MAAM,mBAAmB,+DAgC9B,CAAA;AAIF,eAAe,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"headerNotifications.js","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C,kBAAkB;AAClB,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;CAc3B,CAAA;AACD,iBAAiB;AAEjB,+FAA+F;AAC/F,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IAC1C,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC,aAAa,CAAA;IAEzE,OAAO,CACL,KAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,IAAI,EAAE,GAAG,IAAI,KAAK,CAAC,aAAa,EAChC,IAAI,EAAE,CAAC,EACP,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,cAAc,KAClB,MAAM,CAAC,SAAS,KAChB,IAAI,YAEP,QAAQ,IAAI,CACX,8BACE,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,
|
|
1
|
+
{"version":3,"file":"headerNotifications.js","sourceRoot":"","sources":["../../../src/header/headerNotifications.tsx"],"names":[],"mappings":";AAEA,OAAO,MAAM,MAAM,WAAW,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AACrD,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAG5C,kBAAkB;AAClB,MAAM,KAAK,GAAG,MAAM,CAAC,OAAO,CAAA;;;;;;;;;;;;;;CAc3B,CAAA;AACD,iBAAiB;AAEjB,+FAA+F;AAC/F,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACnF,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IAC9D,MAAM,EAAE,KAAK,EAAE,GAAG,gBAAgB,EAAE,IAAI,EAAE,CAAA;IAC1C,MAAM,MAAM,GAAG,cAAc,CAAC,QAAQ,EAAE,gBAAgB,EAAE,CAAC,CAAC,aAAa,CAAA;IAEzE,OAAO,CACL,KAAC,MAAM,IACL,EAAE,EAAC,GAAG,EACN,SAAS,EAAE,EAAE,CAAC,yBAAyB,EAAE,SAAS,CAAC,EACnD,IAAI,EAAE,GAAG,IAAI,KAAK,CAAC,aAAa,EAChC,IAAI,EAAE,CAAC,EACP,QAAQ,EAAC,UAAU,EACnB,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,eAAe,EACrB,OAAO,EAAC,cAAc,KAClB,MAAM,CAAC,SAAS,KAChB,IAAI,YAEP,QAAQ,IAAI,CACX,8BACE,KAAC,MAAM,CAAC,IAAI,IAAC,IAAI,EAAC,SAAS,GAAG,EAC7B,KAAK,GAAG,CAAC,IAAI,CACZ,KAAC,KAAK,IAAC,EAAE,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,YACzD,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,GACtB,CACT,IACA,CACJ,GACM,CACV,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,eAAe,mBAAmB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notificationButton.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAM/C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"notificationButton.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":"AAAA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAM/C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAuB7B,CAAA;AAGF,eAAe,kBAAkB,CAAA"}
|
|
@@ -11,7 +11,7 @@ export const NotificationButton = vui((props, ref) => {
|
|
|
11
11
|
const styles = useStyleConfig('Notification', useNotificationContext());
|
|
12
12
|
const { status = '' } = mergedProps;
|
|
13
13
|
const { variant } = notificationStatusMapping[status] ?? {};
|
|
14
|
-
return (_jsx(Button, { className: cs('vui-notificationButton', className), ml: "0px", mr: "16px", my: "16px", px: "12px", py: "6px", ref: ref, ...styles.button, variant: variant, ...rest }));
|
|
14
|
+
return (_jsx(Button, { className: cs('vui-notificationButton', className), ml: "0px", mr: "16px", my: "16px", px: "12px", py: "6px", ref: ref, size: "md", ...styles.button, variant: variant, ...rest }));
|
|
15
15
|
});
|
|
16
16
|
NotificationButton.displayName = 'NotificationButton';
|
|
17
17
|
export default NotificationButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"notificationButton.js","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAuB,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,yDAAyD;AACzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,sBAAsB,EAAE,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7D,MAAM,MAAM,GAAG,cAAc,CAAC,cAAc,EAAE,sBAAsB,EAAE,CAAC,CAAA;IAEvE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,WAAW,CAAA;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,yBAAyB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;IAE3D,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,
|
|
1
|
+
{"version":3,"file":"notificationButton.js","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAuB,MAAM,WAAW,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAA;AAC7B,OAAO,EAAE,yBAAyB,EAAE,MAAM,UAAU,CAAA;AACpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAElD,yDAAyD;AACzD,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,CAAwB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC1E,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAA;IACpC,MAAM,WAAW,GAAG,EAAE,GAAG,sBAAsB,EAAE,EAAE,GAAG,KAAK,EAAE,CAAA;IAC7D,MAAM,MAAM,GAAG,cAAc,CAAC,cAAc,EAAE,sBAAsB,EAAE,CAAC,CAAA;IAEvE,MAAM,EAAE,MAAM,GAAG,EAAE,EAAE,GAAG,WAAW,CAAA;IACnC,MAAM,EAAE,OAAO,EAAE,GAAG,yBAAyB,CAAC,MAAM,CAAC,IAAI,EAAE,CAAA;IAE3D,OAAO,CACL,KAAC,MAAM,IACL,SAAS,EAAE,EAAE,CAAC,wBAAwB,EAAE,SAAS,CAAC,EAClD,EAAE,EAAC,KAAK,EACR,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,MAAM,EACT,EAAE,EAAC,KAAK,EACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,IAAI,KACL,MAAM,CAAC,MAAM,EACjB,OAAO,EAAE,OAAO,KACZ,IAAI,GACR,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA;AACrD,eAAe,kBAAkB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"selectOption.d.ts","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAElD;;;;GAIG;AACH,eAAO,MAAM,YAAY,yDAoDvB,CAAA;AAIF,eAAe,YAAY,CAAA"}
|
|
@@ -17,10 +17,8 @@ export const SelectOption = vui((props, ref) => {
|
|
|
17
17
|
const styles = useStyleConfig('Select', useSelectContext());
|
|
18
18
|
const isSelected = Array.isArray(value) && valueProp ? value.includes(valueProp) : value === valueProp;
|
|
19
19
|
const onClick = useCallbackRef((e) => {
|
|
20
|
-
// Clone original click event
|
|
21
20
|
const nativeEvent = e.nativeEvent || e;
|
|
22
21
|
const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);
|
|
23
|
-
// Extend cloned event with 'value' and 'name'
|
|
24
22
|
Object.defineProperty(clonedEvent, 'target', {
|
|
25
23
|
writable: true,
|
|
26
24
|
value: { value: valueProp, name },
|
|
@@ -29,7 +27,8 @@ export const SelectOption = vui((props, ref) => {
|
|
|
29
27
|
onChange?.(clonedEvent);
|
|
30
28
|
!isMultiple && instance?.hide();
|
|
31
29
|
});
|
|
32
|
-
|
|
30
|
+
const onKeyDown = useCallbackRef((e) => e.key === 'Enter' && onClick(e));
|
|
31
|
+
return (_jsx(ListItem, { activeBg: "skyBlue.active", className: cs('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, onKeyDown: onKeyDown, ref: ref, selectedBg: "skyBlue.selected", tabIndex: 0, title: title, value: valueProp, ...styles.option, ...rest, ...ellipsisOverflow, children: children ??
|
|
33
32
|
(isMultiple && (_jsxs(_Fragment, { children: [_jsx(Checkbox, { checked: isSelected, disabled: disabled, mr: 1, ...styles.option }), _jsx(List.Text, { children: props.text })] }))) }));
|
|
34
33
|
});
|
|
35
34
|
SelectOption.displayName = 'SelectOption';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAC9C,OAAO,EAAE,EAAE,EAAE,gBAAgB,
|
|
1
|
+
{"version":3,"file":"selectOption.js","sourceRoot":"","sources":["../../../src/select/selectOption.tsx"],"names":[],"mappings":"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"}
|
|
@@ -20,7 +20,7 @@ export function TutorialCard({ actionLabel = 'Action', className, title, readMor
|
|
|
20
20
|
}, [title, propsSteps]);
|
|
21
21
|
const isStartStep = activeStep === 0;
|
|
22
22
|
const isFinalStep = activeStep === propsSteps.length;
|
|
23
|
-
return (_jsxs(Card, { bg: tutorialColors.bg, className: className, color: tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580, children: [_jsxs(Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' }, children: [_jsx(H4, { color: tutorialColors.color, children: title }), !isFinalStep && (_jsx(Button, { "aria-label": "close", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))] }), _jsx(Box, { flex: 5, row: true, children: steps?.map?.(s => (_jsx(TutorialStep, { active: s.key === activeStep, content: s.step.content, readMoreLink: s.step.readMoreLink, title: s.step.title }, s.step.title))) }), _jsxs(Box, { alignItems: "center", justifyContent: "space-between", mt: 0, children: [_jsxs(Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available", children: [_jsx(Button, { "aria-label": "previous", color: tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }), _jsx(Box, { className: "vuiTutorialStepDots", children: steps?.map?.(s => (_jsx(Icon, { color: s.key === activeStep ? tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: tutorialColors.buttonColor, name: "cusDotFull", onClick: () => setActiveStep(s.key) }, s.key))) }), _jsx(Button, { "aria-label": "next", color: tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })] }), (showSkipButton || isFinalStep || !!onAction) && (_jsxs(Box, { alignItems: "center", justifyContent: "space-between", children: [showSkipButton && !isFinalStep && (_jsx(Button, { mr: 2, onClick: onDismiss, variant: "primaryLight", children: "Skip" })), isFinalStep && (_jsx(Button, { mr: 2, onClick: onFinish, variant: "primaryLight", children: "Finish" })), !!onAction && (_jsx(Button, { mr:
|
|
23
|
+
return (_jsxs(Card, { bg: tutorialColors.bg, className: className, color: tutorialColors.color, column: true, justifyContent: "space-between", minH: 400, p: 2, pt: 1, w: 580, children: [_jsxs(Box, { alignContent: "center", alignItems: "center", flex: 0, flexDirection: "row", flexGrow: 0, justifyContent: "space-between", minH: 48, row: true, style: { WebkitFlexGrow: '0' }, children: [_jsx(H4, { color: tutorialColors.color, children: title }), !isFinalStep && (_jsx(Button, { "aria-label": "close", icon: "falTimes", onClick: onDismiss, scale: 2, variant: "tertiaryLight" }))] }), _jsx(Box, { flex: 5, row: true, children: steps?.map?.(s => (_jsx(TutorialStep, { active: s.key === activeStep, content: s.step.content, readMoreLink: s.step.readMoreLink, title: s.step.title }, s.step.title))) }), _jsxs(Box, { alignItems: "center", justifyContent: "space-between", mt: 0, children: [_jsxs(Box, { alignItems: "center", justifyContent: "space-between", w: "-webkit-fill-available", children: [_jsx(Button, { "aria-label": "previous", color: tutorialColors.buttonColor, disabled: isStartStep, icon: "falArrowLeft", onClick: () => setActiveStep(activeStep - 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" }), _jsx(Box, { className: "vuiTutorialStepDots", children: steps?.map?.(s => (_jsx(Icon, { color: s.key === activeStep ? tutorialColors.color : 'darkBlue.30', cursor: "pointer", hoverColor: tutorialColors.buttonColor, name: "cusDotFull", onClick: () => setActiveStep(s.key) }, s.key))) }), _jsx(Button, { "aria-label": "next", color: tutorialColors.buttonColor, disabled: isFinalStep, icon: "falArrowRight", onClick: () => setActiveStep(activeStep + 1), scale: 2, transition: "none", variant: "tertiaryLight", w: "34" })] }), (showSkipButton || isFinalStep || !!onAction) && (_jsxs(Box, { alignItems: "center", justifyContent: "space-between", children: [showSkipButton && !isFinalStep && (_jsx(Button, { mr: 2, onClick: onDismiss, variant: "primaryLight", children: "Skip" })), isFinalStep && (_jsx(Button, { mr: 2, onClick: onFinish, variant: "primaryLight", children: "Finish" })), !!onAction && (_jsx(Button, { mr: 9, onClick: onAction, variant: "primaryLight", children: actionLabel }))] }))] })] }));
|
|
24
24
|
}
|
|
25
25
|
TutorialCard.displayName = 'TutorialCard';
|
|
26
26
|
//# sourceMappingURL=tutorialCard.js.map
|