@bspk/ui 1.3.2 → 1.3.3
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/components/DateInput/DateInput.js +1 -0
- package/dist/components/DateInput/DateInput.js.map +1 -1
- package/dist/components/ListItem/ListItem.d.ts +2 -2
- package/dist/components/ListItem/ListItem.js +11 -7
- package/dist/components/ListItem/ListItem.js.map +1 -1
- package/dist/components/ListItem/ListItemExample.d.ts +1 -1
- package/dist/components/ListItem/ListItemExample.js +72 -3
- package/dist/components/ListItem/ListItemExample.js.map +1 -1
- package/dist/components/ListItem/list-item.css +8 -6
- package/dist/components/ListItem/list-item.css.js +8 -6
- package/dist/components/ListItemMenu/ListItemMenu.d.ts +1 -1
- package/dist/components/ListItemMenu/ListItemMenu.js.map +1 -1
- package/dist/components/NumberInput/NumberInput.d.ts +2 -2
- package/dist/components/NumberInput/NumberInput.js +7 -20
- package/dist/components/NumberInput/NumberInput.js.map +1 -1
- package/dist/components/Popover/Popover.js +1 -0
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/ProgressionStepper/ProgressionStepper.d.ts +3 -7
- package/dist/components/ProgressionStepper/ProgressionStepper.js +9 -5
- package/dist/components/ProgressionStepper/ProgressionStepper.js.map +1 -1
- package/dist/components/ProgressionStepper/ProgressionStepperExample.js +20 -4
- package/dist/components/ProgressionStepper/ProgressionStepperExample.js.map +1 -1
- package/dist/components/SearchBar/SearchBar.d.ts +36 -35
- package/dist/components/SearchBar/SearchBar.js +100 -49
- package/dist/components/SearchBar/SearchBar.js.map +1 -1
- package/dist/components/SearchBar/SearchBarExample.js +2 -1
- package/dist/components/SearchBar/SearchBarExample.js.map +1 -1
- package/dist/components/Select/Select.d.ts +2 -2
- package/dist/components/Select/Select.js +3 -5
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/TabList/TabList.js +2 -1
- package/dist/components/TabList/TabList.js.map +1 -1
- package/dist/components/TabList/tab-list.css +6 -0
- package/dist/components/TabList/tab-list.css.js +6 -0
- package/dist/hooks/useArrowNavigation.js +6 -1
- package/dist/hooks/useArrowNavigation.js.map +1 -1
- package/dist/hooks/useOutsideClick.d.ts +4 -3
- package/dist/hooks/useOutsideClick.js +13 -2
- package/dist/hooks/useOutsideClick.js.map +1 -1
- package/package.json +1 -1
- package/src/components/DateInput/DateInput.tsx +1 -0
- package/src/components/ListItem/ListItem.rtl.test.tsx +4 -1
- package/src/components/ListItem/ListItem.tsx +19 -12
- package/src/components/ListItem/ListItemExample.tsx +74 -4
- package/src/components/ListItem/list-item.scss +21 -17
- package/src/components/ListItemMenu/ListItemMenu.tsx +4 -3
- package/src/components/NumberInput/NumberInput.tsx +14 -27
- package/src/components/Popover/Popover.tsx +1 -0
- package/src/components/ProgressionStepper/ProgressionStepper.tsx +24 -15
- package/src/components/ProgressionStepper/ProgressionStepperExample.tsx +20 -4
- package/src/components/SearchBar/SearchBar.rtl.test.tsx +0 -1
- package/src/components/SearchBar/SearchBar.tsx +192 -115
- package/src/components/SearchBar/SearchBarExample.tsx +2 -1
- package/src/components/Select/Select.tsx +6 -12
- package/src/components/TabList/TabList.tsx +2 -1
- package/src/components/TabList/tab-list.scss +12 -0
- package/src/hooks/useArrowNavigation.ts +6 -1
- package/src/hooks/useOutsideClick.ts +16 -3
|
@@ -44,6 +44,7 @@ export function DateInput({ value, onChange, disabled, readOnly, closeCalendarOn
|
|
|
44
44
|
useOutsideClick({
|
|
45
45
|
elements: [elements.floating, containerRef.current],
|
|
46
46
|
callback: () => setCalendarVisible(false),
|
|
47
|
+
disabled: !calendarVisible,
|
|
47
48
|
});
|
|
48
49
|
const isValidDate = (next) => {
|
|
49
50
|
const parsedDate = parse(next, 'MM/dd/yyyy', new Date());
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../src/components/DateInput/DateInput.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,YAAY,GAAG,CAAC,UAAkB,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAwB1F;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAAqB,GAAG,IAAI,EAC5B,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,WAAW,EACX,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,mBAAmB,EAAE,gBAAgB,GACxB;IACb,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,YAAY,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC7C,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,eAAe,CAAC;QACZ,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC;QACnD,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../src/components/DateInput/DateInput.tsx"],"names":[],"mappings":";AAAA,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAkB,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,MAAM,YAAY,GAAG,CAAC,UAAkB,EAAE,EAAE,CAAC,2BAA2B,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;AAwB1F;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,UAAU,SAAS,CAAC,EACtB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,qBAAqB,GAAG,IAAI,EAC5B,YAAY,EAAE,SAAS,EACvB,IAAI,EACJ,WAAW,EACX,OAAO,EACP,QAAQ,EACR,IAAI,EACJ,mBAAmB,EAAE,gBAAgB,GACxB;IACb,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IACrF,MAAM,CAAC,eAAe,EAAE,kBAAkB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,MAAM,CAAyB,IAAI,CAAC,CAAC;IAE1D,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,cAAc,GAAG,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;QAChE,YAAY,CAAC,cAAc,CAAC,CAAC;IACjC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC7C,SAAS,EAAE,QAAQ;QACnB,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE,IAAI;KACjB,CAAC,CAAC;IAEH,eAAe,CAAC;QACZ,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,EAAE,YAAY,CAAC,OAAO,CAAC;QACnD,QAAQ,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,KAAK,CAAC;QACzC,QAAQ,EAAE,CAAC,eAAe;KAC7B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,CAAC,IAAY,EAAE,EAAE;QACjC,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,CAAC;QACzD,OAAO,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC;IACxD,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QAClB,IAAI,QAA0B,CAAC;QAC/B,IAAI,aAAa,GAAG,EAAE,CAAC;QAEvB,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;YAC1B,QAAQ,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;YAClC,IAAI,QAAQ;gBAAE,aAAa,GAAG,MAAM,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;QACjE,CAAC;QAED,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,SAAiB,EAAE,EAAE;QAC3C,gCAAgC;QAChC,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,SAAS,CAAC;YAAE,SAAS,GAAG,GAAG,SAAS,GAAG,CAAC;QAEjG,uBAAuB;QACvB,IAAI,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC;YAAE,SAAS,GAAG,SAAS,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;QAEjE,YAAY,CAAC,SAAS,CAAC,CAAC;QAExB,IAAI,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;YAC1B,MAAM,IAAI,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;YACpC,IAAI,IAAI;gBAAE,QAAQ,CAAC,IAAI,CAAC,CAAC;QAC7B,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACH,6BAAgB,YAAY,EAAC,GAAG,EAAE,YAAY,aAC1C,cACI,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;oBACV,QAAQ,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;gBAChC,CAAC,YAED,KAAC,SAAS,yBACa,gBAAgB,IAAI,SAAS,gBACpC,SAAS,EACrB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,IAAI,SAAS,EAC7B,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,GAAG,EAAE,CAAC,QAAQ,EAAE,EACxB,QAAQ,EAAE,gBAAgB,EAC1B,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;wBACjB,gDAAgD;wBAChD,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,EAAE,CAAC;4BACjC,OAAO;wBACX,CAAC;wBAED,2EAA2E;wBAC3E,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,QAAQ,IAAI,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC;4BACnF,KAAK,CAAC,cAAc,EAAE,CAAC;4BACvB,YAAY,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;wBAC9C,CAAC;wBAED,2DAA2D;wBAC3D,IAAI,KAAK,CAAC,GAAG,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;4BACtD,KAAK,CAAC,cAAc,EAAE,CAAC;wBAC3B,CAAC;oBACL,CAAC,EACD,WAAW,EAAE,WAAW,IAAI,YAAY,EACxC,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,eAAe,EAAE,KAAK,EACtB,IAAI,EAAE,IAAI,EACV,QAAQ,EACJ,CAAC,QAAQ;wBACT,CAAC,QAAQ,IAAI,CACT,KAAC,MAAM,IACH,IAAI,EAAE,KAAC,QAAQ,KAAG,EAClB,QAAQ,QACR,KAAK,EAAC,iBAAiB,EACvB,OAAO,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAClD,OAAO,EAAC,UAAU,GACpB,CACL,EAEL,KAAK,EAAE,SAAS,GAClB,GACA,EACL,eAAe,IAAI,CAChB,KAAC,MAAM,cACH,gCACmB,QAAQ,EACvB,GAAG,EAAE,CAAC,IAAI,EAAE,EAAE;wBACV,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;oBAC/B,CAAC,EACD,KAAK,EAAE,EAAE,GAAG,cAAc,EAAE,MAAM,EAAE,0BAA0B,EAAE,YAEhE,KAAC,cAAc,IACX,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;4BACf,IAAI,qBAAqB;gCAAE,kBAAkB,CAAC,KAAK,CAAC,CAAC;4BACrD,QAAQ,CAAC,IAAI,CAAC,CAAC;wBACnB,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAC,UAAU,GACpB,GACA,GACD,CACZ,IACE,CACV,CAAC;AACN,CAAC"}
|
|
@@ -2,7 +2,7 @@ import './list-item.scss';
|
|
|
2
2
|
import { AnchorHTMLAttributes, ElementType, ReactNode, MouseEvent, AriaAttributes, AriaRole } from 'react';
|
|
3
3
|
import { ListItemButton } from './ListItemButton';
|
|
4
4
|
import { CommonProps, ElementProps, SetRef } from '-/types/common';
|
|
5
|
-
export type ListItemProps<As extends ElementType = ElementType> = CommonProps<'active' | '
|
|
5
|
+
export type ListItemProps<As extends ElementType = ElementType> = CommonProps<'active' | 'owner'> & Pick<AriaAttributes, 'aria-label'> & {
|
|
6
6
|
/**
|
|
7
7
|
* The element type to render as.
|
|
8
8
|
*
|
|
@@ -108,7 +108,7 @@ export type ListItemProps<As extends ElementType = ElementType> = CommonProps<'a
|
|
|
108
108
|
* @name ListItem
|
|
109
109
|
* @phase UXReview
|
|
110
110
|
*/
|
|
111
|
-
declare function ListItem<As extends ElementType =
|
|
111
|
+
declare function ListItem<As extends ElementType = 'div'>({ active, as, innerRef, label, leading, owner, role: roleProp, subText, trailing, id: idProp, 'aria-label': ariaLabel, 'aria-selected': ariaSelected, 'aria-disabled': ariaDisabled, 'aria-readonly': ariaReadonly, hideAriaLabel, ...props }: ElementProps<ListItemProps<As>, As>): import("react/jsx-runtime").JSX.Element | null;
|
|
112
112
|
declare namespace ListItem {
|
|
113
113
|
var Button: typeof ListItemButton;
|
|
114
114
|
}
|
|
@@ -35,14 +35,16 @@ import { useId } from '../../hooks/useId';
|
|
|
35
35
|
* @name ListItem
|
|
36
36
|
* @phase UXReview
|
|
37
37
|
*/
|
|
38
|
-
function ListItem({ active, as,
|
|
38
|
+
function ListItem({ active, as, innerRef, label, leading, owner, role: roleProp, subText, trailing, id: idProp, 'aria-label': ariaLabel, 'aria-selected': ariaSelected, 'aria-disabled': ariaDisabled, 'aria-readonly': ariaReadonly, hideAriaLabel, ...props }) {
|
|
39
39
|
const id = useId(idProp);
|
|
40
40
|
if (!label)
|
|
41
41
|
return null;
|
|
42
42
|
const As = asLogic(as, props);
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
|
|
43
|
+
const isReadOnly = Boolean(props.readOnly || ariaReadonly);
|
|
44
|
+
const isDisabled = Boolean(props.disabled || ariaDisabled);
|
|
45
|
+
const actionable = !!(props.href || props.onClick || as === 'button') && !isReadOnly && !isDisabled;
|
|
46
|
+
const role = roleLogic(roleProp, { as: As, props, actionable });
|
|
47
|
+
return (_jsxs(As, { ...props, "aria-label": ariaLabel || undefined, "aria-selected": ariaSelected, "data-action": actionable || undefined, "data-active": active || undefined, "data-bspk": "list-item", "data-bspk-owner": owner || undefined, "data-disabled": isDisabled || undefined, "data-readonly": isReadOnly || undefined, id: id, onClick: isReadOnly || isDisabled ? undefined : props.onClick, ref: innerRef, role: role, tabIndex: props.tabIndex || (actionable ? 0 : -1), children: [leading && (_jsx("span", { "aria-hidden": true, "data-leading": true, children: leading })), _jsxs("span", { "aria-hidden": hideAriaLabel ? true : undefined, "data-item-label": true, children: [_jsx(Truncated, { "data-text": true, children: label }), subText && _jsx("span", { "data-sub-text": true, children: subText })] }), trailing && _jsx("span", { "data-trailing": true, children: trailing })] }));
|
|
46
48
|
}
|
|
47
49
|
ListItem.Button = ListItemButton;
|
|
48
50
|
export { ListItem };
|
|
@@ -53,11 +55,13 @@ function asLogic(as, props) {
|
|
|
53
55
|
return 'a';
|
|
54
56
|
return 'div';
|
|
55
57
|
}
|
|
56
|
-
function roleLogic(
|
|
58
|
+
function roleLogic(
|
|
59
|
+
/** User provided role prop */
|
|
60
|
+
existingRole, { as: As, props, actionable, }) {
|
|
57
61
|
if (existingRole)
|
|
58
62
|
return existingRole;
|
|
59
|
-
if (
|
|
60
|
-
return
|
|
63
|
+
if (!actionable)
|
|
64
|
+
return undefined;
|
|
61
65
|
if (props.onClick && As !== 'button' && As !== 'label')
|
|
62
66
|
return 'button';
|
|
63
67
|
return undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":";AAAA,OAAO,kBAAkB,CAAC;AAU1B,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItem.js","sourceRoot":"","sources":["../../../src/components/ListItem/ListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { ListItemProps } from './ListItem';
|
|
2
2
|
import { ComponentExampleFn, Preset } from '-/utils/demo';
|
|
3
|
-
export declare const presets: Preset<ListItemProps>[];
|
|
3
|
+
export declare const presets: (action: (param: string) => void) => Preset<ListItemProps>[];
|
|
4
4
|
export declare const ListItemExample: ComponentExampleFn<ListItemProps>;
|
|
@@ -1,19 +1,86 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
2
|
import { ListItem } from './ListItem';
|
|
3
3
|
import { createExampleChildElement } from '../../utils/createExampleChildElement';
|
|
4
|
-
export const presets = [
|
|
4
|
+
export const presets = (action) => [
|
|
5
5
|
{
|
|
6
6
|
label: 'Long Label',
|
|
7
7
|
propState: {
|
|
8
8
|
label: 'This is a really long label that should be truncated if it exceeds the width of the ListItem',
|
|
9
|
+
as: undefined,
|
|
9
10
|
subText: 'See below for other leading and trailing examples',
|
|
10
11
|
trailing: 'Checkbox',
|
|
11
12
|
leading: 'Avatar',
|
|
13
|
+
disabled: undefined,
|
|
14
|
+
readOnly: undefined,
|
|
15
|
+
'aria-disabled': undefined,
|
|
16
|
+
'aria-readonly': undefined,
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
{
|
|
20
|
+
label: 'As Role Button',
|
|
21
|
+
propState: {
|
|
22
|
+
as: undefined,
|
|
23
|
+
label: 'as="button"',
|
|
24
|
+
role: 'button',
|
|
25
|
+
subText: 'Button example',
|
|
26
|
+
trailing: undefined,
|
|
27
|
+
leading: undefined,
|
|
28
|
+
'aria-disabled': true,
|
|
29
|
+
disabled: undefined,
|
|
30
|
+
readOnly: undefined,
|
|
31
|
+
'aria-readonly': undefined,
|
|
32
|
+
onClick: () => action('This is aria disabled and should not show'),
|
|
33
|
+
},
|
|
34
|
+
},
|
|
35
|
+
{
|
|
36
|
+
label: 'As Button',
|
|
37
|
+
propState: {
|
|
38
|
+
label: 'as="button"',
|
|
39
|
+
as: 'button',
|
|
40
|
+
subText: 'Button example',
|
|
41
|
+
trailing: undefined,
|
|
42
|
+
leading: undefined,
|
|
43
|
+
disabled: undefined,
|
|
44
|
+
readOnly: undefined,
|
|
45
|
+
'aria-disabled': undefined,
|
|
46
|
+
'aria-readonly': undefined,
|
|
47
|
+
onClick: () => action('This is not disabled or readonly and should show'),
|
|
48
|
+
},
|
|
49
|
+
},
|
|
50
|
+
{
|
|
51
|
+
label: 'As Button Disabled',
|
|
52
|
+
propState: {
|
|
53
|
+
label: 'as="button"',
|
|
54
|
+
as: 'button',
|
|
55
|
+
subText: 'Disabled button example',
|
|
56
|
+
trailing: undefined,
|
|
57
|
+
leading: undefined,
|
|
58
|
+
disabled: true,
|
|
59
|
+
readOnly: false,
|
|
60
|
+
'aria-disabled': undefined,
|
|
61
|
+
'aria-readonly': undefined,
|
|
62
|
+
onClick: () => action('This is disabled and should not show'),
|
|
63
|
+
},
|
|
64
|
+
},
|
|
65
|
+
{
|
|
66
|
+
label: 'As Button Read Only',
|
|
67
|
+
propState: {
|
|
68
|
+
label: 'as="button"',
|
|
69
|
+
as: 'button',
|
|
70
|
+
subText: 'Read only button example',
|
|
71
|
+
trailing: undefined,
|
|
72
|
+
leading: undefined,
|
|
73
|
+
readOnly: true,
|
|
74
|
+
disabled: undefined,
|
|
75
|
+
'aria-disabled': undefined,
|
|
76
|
+
'aria-readonly': undefined,
|
|
77
|
+
onClick: () => action('This is readonly and should not show'),
|
|
12
78
|
},
|
|
13
79
|
},
|
|
14
80
|
];
|
|
15
81
|
export const ListItemExample = ({ action, setState }) => ({
|
|
16
|
-
|
|
82
|
+
presets: presets(action),
|
|
83
|
+
render: ({ props, id, preset }) => {
|
|
17
84
|
const leading = createExampleChildElement({
|
|
18
85
|
exampleState: props,
|
|
19
86
|
name: 'leading',
|
|
@@ -29,10 +96,12 @@ export const ListItemExample = ({ action, setState }) => ({
|
|
|
29
96
|
id,
|
|
30
97
|
});
|
|
31
98
|
let as = props.as || 'div';
|
|
99
|
+
if (!preset)
|
|
100
|
+
return null;
|
|
32
101
|
if (trailing.componentName && ['Checkbox', 'Radio', 'Switch'].includes(trailing.componentName))
|
|
33
102
|
as = 'label';
|
|
34
103
|
return _jsx(ListItem, { ...props, as: as, leading: leading.element, trailing: trailing.element });
|
|
35
104
|
},
|
|
36
|
-
|
|
105
|
+
variants: false,
|
|
37
106
|
});
|
|
38
107
|
//# sourceMappingURL=ListItemExample.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemExample.js","sourceRoot":"","sources":["../../../src/components/ListItem/ListItemExample.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAiB,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemExample.js","sourceRoot":"","sources":["../../../src/components/ListItem/ListItemExample.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
[data-pseudo=focus] [data-bspk=list-item] [data-inner], [data-bspk=list-item]:focus-visible [data-inner], [data-bspk=list-item]:has(*:focus-visible) [data-inner] {
|
|
22
22
|
border-color: transparent;
|
|
23
23
|
}
|
|
24
|
-
[data-bspk=list-item][data-action][data-active], [data-pseudo=hover] [data-bspk=list-item][data-action], [data-bspk=list-item][data-action]:hover, [data-bspk=list-item]:is(label)[data-active], [data-pseudo=hover] [data-bspk=list-item]:is(label), [data-bspk=list-item]:is(label):hover {
|
|
24
|
+
[data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action][data-active], [data-pseudo=hover] [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action], [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action]:hover, [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label)[data-active], [data-pseudo=hover] [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label), [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label):hover {
|
|
25
25
|
background-color: var(--interactions-neutral-hover-opacity);
|
|
26
26
|
}
|
|
27
|
-
[data-pseudo=active] [data-bspk=list-item][data-action], [data-bspk=list-item][data-action]:active, [data-pseudo=active] [data-bspk=list-item]:is(label), [data-bspk=list-item]:is(label):active {
|
|
27
|
+
[data-pseudo=active] [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action], [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action]:active, [data-pseudo=active] [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label), [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label):active {
|
|
28
28
|
background-color: var(--interactions-neutral-press-opacity);
|
|
29
29
|
}
|
|
30
30
|
[data-bspk=list-item] [data-leading],
|
|
@@ -61,10 +61,6 @@
|
|
|
61
61
|
font: var(--body-small);
|
|
62
62
|
color: var(--foreground-neutral-on-surface-variant-01);
|
|
63
63
|
}
|
|
64
|
-
[data-bspk=list-item][aria-disabled] [data-text],
|
|
65
|
-
[data-bspk=list-item][aria-disabled] [data-sub-text] {
|
|
66
|
-
color: var(--foreground-neutral-disabled-on-surface);
|
|
67
|
-
}
|
|
68
64
|
[data-bspk=list-item] [data-trailing]:has(input) {
|
|
69
65
|
pointer-events: none;
|
|
70
66
|
}
|
|
@@ -80,5 +76,11 @@
|
|
|
80
76
|
[data-bspk=list-item][aria-selected=true] {
|
|
81
77
|
background-color: var(--surface-brand-primary-highlight);
|
|
82
78
|
}
|
|
79
|
+
[data-bspk=list-item][data-disabled] [data-text],
|
|
80
|
+
[data-bspk=list-item][data-disabled] [data-sub-text], [data-bspk=list-item][data-readonly] [data-text],
|
|
81
|
+
[data-bspk=list-item][data-readonly] [data-sub-text] {
|
|
82
|
+
color: var(--foreground-neutral-disabled-on-surface);
|
|
83
|
+
cursor: not-allowed;
|
|
84
|
+
}
|
|
83
85
|
|
|
84
86
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -24,10 +24,10 @@ style.appendChild(document.createTextNode(`[data-bspk=list-item] {
|
|
|
24
24
|
[data-pseudo=focus] [data-bspk=list-item] [data-inner], [data-bspk=list-item]:focus-visible [data-inner], [data-bspk=list-item]:has(*:focus-visible) [data-inner] {
|
|
25
25
|
border-color: transparent;
|
|
26
26
|
}
|
|
27
|
-
[data-bspk=list-item][data-action][data-active], [data-pseudo=hover] [data-bspk=list-item][data-action], [data-bspk=list-item][data-action]:hover, [data-bspk=list-item]:is(label)[data-active], [data-pseudo=hover] [data-bspk=list-item]:is(label), [data-bspk=list-item]:is(label):hover {
|
|
27
|
+
[data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action][data-active], [data-pseudo=hover] [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action], [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action]:hover, [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label)[data-active], [data-pseudo=hover] [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label), [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label):hover {
|
|
28
28
|
background-color: var(--interactions-neutral-hover-opacity);
|
|
29
29
|
}
|
|
30
|
-
[data-pseudo=active] [data-bspk=list-item][data-action], [data-bspk=list-item][data-action]:active, [data-pseudo=active] [data-bspk=list-item]:is(label), [data-bspk=list-item]:is(label):active {
|
|
30
|
+
[data-pseudo=active] [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action], [data-bspk=list-item]:not([data-disabled], [data-readonly])[data-action]:active, [data-pseudo=active] [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label), [data-bspk=list-item]:not([data-disabled], [data-readonly]):is(label):active {
|
|
31
31
|
background-color: var(--interactions-neutral-press-opacity);
|
|
32
32
|
}
|
|
33
33
|
[data-bspk=list-item] [data-leading],
|
|
@@ -64,10 +64,6 @@ style.appendChild(document.createTextNode(`[data-bspk=list-item] {
|
|
|
64
64
|
font: var(--body-small);
|
|
65
65
|
color: var(--foreground-neutral-on-surface-variant-01);
|
|
66
66
|
}
|
|
67
|
-
[data-bspk=list-item][aria-disabled] [data-text],
|
|
68
|
-
[data-bspk=list-item][aria-disabled] [data-sub-text] {
|
|
69
|
-
color: var(--foreground-neutral-disabled-on-surface);
|
|
70
|
-
}
|
|
71
67
|
[data-bspk=list-item] [data-trailing]:has(input) {
|
|
72
68
|
pointer-events: none;
|
|
73
69
|
}
|
|
@@ -83,6 +79,12 @@ style.appendChild(document.createTextNode(`[data-bspk=list-item] {
|
|
|
83
79
|
[data-bspk=list-item][aria-selected=true] {
|
|
84
80
|
background-color: var(--surface-brand-primary-highlight);
|
|
85
81
|
}
|
|
82
|
+
[data-bspk=list-item][data-disabled] [data-text],
|
|
83
|
+
[data-bspk=list-item][data-disabled] [data-sub-text], [data-bspk=list-item][data-readonly] [data-text],
|
|
84
|
+
[data-bspk=list-item][data-readonly] [data-sub-text] {
|
|
85
|
+
color: var(--foreground-neutral-disabled-on-surface);
|
|
86
|
+
cursor: not-allowed;
|
|
87
|
+
}
|
|
86
88
|
|
|
87
89
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
88
90
|
`));
|
|
@@ -4,7 +4,7 @@ import { MenuProps } from '-/components/Menu';
|
|
|
4
4
|
import { ArrowKeyNavigationCallbackParams } from '-/hooks/useArrowNavigation';
|
|
5
5
|
import { UseFloatingProps } from '-/hooks/useFloating';
|
|
6
6
|
import { CommonProps, SetRef } from '-/types/common';
|
|
7
|
-
export type MenuListItem = Omit<ListItemProps, 'id'> & {
|
|
7
|
+
export type MenuListItem = CommonProps<'disabled'> & Omit<ListItemProps, 'id'> & {
|
|
8
8
|
id: string;
|
|
9
9
|
};
|
|
10
10
|
export type ListItemMenuRole = keyof typeof LIST_ITEM_ROLES;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListItemMenu.js","sourceRoot":"","sources":["../../../src/components/ListItemMenu/ListItemMenu.tsx"],"names":[],"mappings":";AAAA,OAAO,EAKH,QAAQ,EAKR,OAAO,GACV,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,QAAQ,EAAiB,MAAM,uBAAuB,CAAC;AAChE,OAAO,EAAE,IAAI,EAAa,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAoC,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAClG,OAAO,EAAE,WAAW,EAAoB,MAAM,qBAAqB,CAAC;AACpE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"ListItemMenu.js","sourceRoot":"","sources":["../../../src/components/ListItemMenu/ListItemMenu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -2,7 +2,7 @@ import './number-input.scss';
|
|
|
2
2
|
import { CommonProps, FormFieldControlProps } from '-/types/common';
|
|
3
3
|
export type NumberInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'invalid' | 'name' | 'readOnly' | 'size'> & FormFieldControlProps & {
|
|
4
4
|
/** The value of the control. */
|
|
5
|
-
value?: number
|
|
5
|
+
value?: number;
|
|
6
6
|
/**
|
|
7
7
|
* Callback when the value changes.
|
|
8
8
|
*
|
|
@@ -59,5 +59,5 @@ export type NumberInputProps = CommonProps<'aria-label' | 'disabled' | 'id' | 'i
|
|
|
59
59
|
* @name NumberInput
|
|
60
60
|
* @phase Utility
|
|
61
61
|
*/
|
|
62
|
-
export declare function NumberInput({ value, onChange, align, size, disabled, readOnly, name, id: inputIdProp, 'aria-label': ariaLabel, max: maxProp, min, invalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, step, ...inputElementProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
|
|
62
|
+
export declare function NumberInput({ value: valueProp, onChange, align, size, disabled, readOnly, name, id: inputIdProp, 'aria-label': ariaLabel, max: maxProp, min, invalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, step, ...inputElementProps }: NumberInputProps): import("react/jsx-runtime").JSX.Element;
|
|
63
63
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import './number-input.css.js';
|
|
3
|
-
import {
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
4
|
import { IncrementButton } from './IncrementButton';
|
|
5
5
|
import { useId } from '../../hooks/useId';
|
|
6
6
|
function isNumber(value, fallbackValue = undefined) {
|
|
@@ -36,29 +36,16 @@ function isNumber(value, fallbackValue = undefined) {
|
|
|
36
36
|
* @name NumberInput
|
|
37
37
|
* @phase Utility
|
|
38
38
|
*/
|
|
39
|
-
export function NumberInput({ value, onChange, align = 'center', size = 'medium', disabled = false, readOnly = false, name, id: inputIdProp, 'aria-label': ariaLabel, max: maxProp, min = 0, invalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, step = 1, ...inputElementProps }) {
|
|
39
|
+
export function NumberInput({ value: valueProp, onChange, align = 'center', size = 'medium', disabled = false, readOnly = false, name, id: inputIdProp, 'aria-label': ariaLabel, max: maxProp, min = 0, invalid, 'aria-describedby': ariaDescribedBy, 'aria-errormessage': ariaErrorMessage, step = 1, ...inputElementProps }) {
|
|
40
40
|
const max = typeof maxProp === 'number' && maxProp >= min ? maxProp : Number.MAX_SAFE_INTEGER;
|
|
41
41
|
const centered = align !== 'left';
|
|
42
42
|
const inputId = useId(inputIdProp);
|
|
43
|
-
const
|
|
44
|
-
const [inputElement, setInputElement] = useState(null);
|
|
43
|
+
const value = useMemo(() => isNumber(valueProp) || 0, [valueProp]);
|
|
45
44
|
const handleIncrement = (increment) => {
|
|
46
|
-
|
|
47
|
-
return;
|
|
48
|
-
const nextValue = (isNumber(inputElement.value) || 0) + increment * step;
|
|
49
|
-
handleUpdate(nextValue);
|
|
45
|
+
onChange(value + increment * step);
|
|
50
46
|
};
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
let nextVal = isNumber(nextValue);
|
|
55
|
-
if (nextVal !== undefined)
|
|
56
|
-
nextVal = Math.min(Math.max(nextVal, min), max);
|
|
57
|
-
onChange(nextVal);
|
|
58
|
-
inputElement.value = nextVal?.toString() || '';
|
|
59
|
-
}, [inputElement, min, max, onChange]);
|
|
60
|
-
return (_jsxs("div", { "data-bspk": "number-input", "data-centered": centered || undefined, "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-size": size, "data-stepper-input": true, children: [!!centered && (_jsx(IncrementButton, { disabled: disabled ? true : valueNumber + -1 < min, increment: -1, inputId: inputId, onIncrement: handleIncrement })), _jsx("input", { ...inputElementProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid, "aria-label": ariaLabel, autoComplete: "off", defaultValue: String(valueNumber), disabled: disabled, id: inputId, max: max, min: min, name: name, onBlur: () => {
|
|
61
|
-
handleUpdate(isNumber(inputElement?.value));
|
|
62
|
-
}, readOnly: readOnly, ref: (node) => node && setInputElement(node), step: step, type: "number" }), !centered && (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": true, "data-divider": true }), _jsx(IncrementButton, { disabled: disabled ? true : valueNumber + -1 < min, increment: -1, inputId: inputId, onIncrement: handleIncrement })] })), _jsx(IncrementButton, { disabled: disabled ? true : valueNumber + 1 > max, increment: 1, inputId: inputId, onIncrement: handleIncrement })] }));
|
|
47
|
+
return (_jsxs("div", { "data-bspk": "number-input", "data-centered": centered || undefined, "data-disabled": disabled || undefined, "data-invalid": invalid || undefined, "data-readonly": readOnly || undefined, "data-size": size, "data-stepper-input": true, children: [!!centered && (_jsx(IncrementButton, { disabled: disabled ? true : value + -1 < min, increment: -1, inputId: inputId, onIncrement: handleIncrement })), _jsx("input", { ...inputElementProps, "aria-describedby": ariaDescribedBy || undefined, "aria-errormessage": ariaErrorMessage || undefined, "aria-invalid": invalid, "aria-label": ariaLabel, autoComplete: "off", "data-input": true, "data-stepper-input-element": true, disabled: disabled, id: inputId, inputMode: "numeric", max: max, min: min, name: name, onChange: (e) => {
|
|
48
|
+
onChange(isNumber(e.target.value));
|
|
49
|
+
}, readOnly: readOnly, step: step, type: "number", value: value }), !centered && (_jsxs(_Fragment, { children: [_jsx("div", { "aria-hidden": true, "data-divider": true }), _jsx(IncrementButton, { disabled: !!disabled || value + -1 < min, increment: -1, inputId: inputId, onIncrement: handleIncrement })] })), _jsx(IncrementButton, { disabled: !!disabled || value + 1 > max, increment: 1, inputId: inputId, onIncrement: handleIncrement })] }));
|
|
63
50
|
}
|
|
64
51
|
//# sourceMappingURL=NumberInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":";AAAA,OAAO,qBAAqB,CAAC;AAC7B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../src/components/NumberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -57,6 +57,7 @@ export function Popover({ placement = 'top', header, content, callToAction, seco
|
|
|
57
57
|
useOutsideClick({
|
|
58
58
|
elements: [elements.floating],
|
|
59
59
|
callback: () => setShow(false),
|
|
60
|
+
disabled: !show,
|
|
60
61
|
});
|
|
61
62
|
const basicArrowX = middlewareData?.arrow?.x ? `${middlewareData.arrow.x}px` : '0px';
|
|
62
63
|
const getArrowX = () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";AAAA,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAgB,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAC;AACvC,OAAO,EAAa,WAAW,EAAoB,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AA2C1C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+BG;AACH,MAAM,UAAU,OAAO,CAAC,EACpB,SAAS,GAAG,KAAK,EACjB,MAAM,EACN,OAAO,EACP,YAAY,EACZ,qBAAqB,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,GAAG,KAAK,EACwB;IAChC,MAAM,EAAE,GAAG,KAAK,EAAE,CAAC;IACnB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACxC,MAAM,QAAQ,GAAG,MAAM,CAAqB,IAAI,CAAC,CAAC;IAElD,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,WAAW,CAAC;QAC7D,SAAS,EAAE,SAAS;QACpB,QAAQ,EAAE,UAAU;QACpB,aAAa,EAAE,EAAE;QACjB,QAAQ;QACR,IAAI,EAAE,CAAC,IAAI;QACX,QAAQ;KACX,CAAC,CAAC;IAEH,eAAe,CAAC;QACZ,QAAQ,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC;QAC7B,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,16 +37,12 @@ export type ProgressionStepperProps = {
|
|
|
37
37
|
*/
|
|
38
38
|
steps: ProgressionStepperItem[];
|
|
39
39
|
/**
|
|
40
|
-
* The
|
|
41
|
-
*
|
|
42
|
-
* If the current step is greater than the number of steps, all steps with be completed.
|
|
43
|
-
*
|
|
44
|
-
* If the current step is less than 1, all steps will be incomplete.
|
|
40
|
+
* The last completed step in the progress bar. This is only applicable for the 'widget' variant.
|
|
45
41
|
*
|
|
46
42
|
* @default 0
|
|
47
43
|
* @minimum 0
|
|
48
44
|
*/
|
|
49
|
-
|
|
45
|
+
completedStep?: number;
|
|
50
46
|
/**
|
|
51
47
|
* The variant of the progress bar. Can be either horizontal, vertical, or widget.
|
|
52
48
|
*
|
|
@@ -69,5 +65,5 @@ export type ProgressionStepperProps = {
|
|
|
69
65
|
* @name ProgressionStepper
|
|
70
66
|
* @phase UXReview
|
|
71
67
|
*/
|
|
72
|
-
export declare function ProgressionStepper({ steps,
|
|
68
|
+
export declare function ProgressionStepper({ steps, completedStep: completedStepProp, variant, ...containerProps }: ElementProps<ProgressionStepperProps, 'div'>): import("react/jsx-runtime").JSX.Element | null;
|
|
73
69
|
/** Copyright 2025 Anywhere Real Estate - CC BY 4.0 */
|
|
@@ -14,14 +14,18 @@ import { SvgCheck } from '@bspk/icons/Check';
|
|
|
14
14
|
* @name ProgressionStepper
|
|
15
15
|
* @phase UXReview
|
|
16
16
|
*/
|
|
17
|
-
export function ProgressionStepper({ steps = [],
|
|
18
|
-
const
|
|
19
|
-
|
|
17
|
+
export function ProgressionStepper({ steps = [], completedStep: completedStepProp = 0, variant = 'horizontal', ...containerProps }) {
|
|
18
|
+
const completedStepNumber = Math.max(0, Math.min(completedStepProp, steps.length));
|
|
19
|
+
const currentStepNumber = Math.min(completedStepNumber + 1, steps.length);
|
|
20
|
+
const currentStep = steps[currentStepNumber - 1];
|
|
21
|
+
if (!steps?.length)
|
|
22
|
+
return null;
|
|
23
|
+
return (_jsxs("div", { ...containerProps, "data-bspk": "progression-stepper", "data-variant": variant, children: [variant === 'widget' && (_jsxs("label", { children: [_jsx("span", { "data-title": true, children: currentStep.name }), _jsx("span", { "data-subtitle": true, children: currentStep.subtext ? (currentStep.subtext) : (_jsx(_Fragment, { children: completedStepNumber === steps.length ? ('Completed') : (_jsxs(_Fragment, { children: ["Step ", currentStepNumber, " of ", steps.length] })) })) })] })), _jsx("ol", { children: steps.map(({ name, subtext }, index) => {
|
|
20
24
|
const stepNum = index + 1;
|
|
21
25
|
let status = 'incomplete';
|
|
22
|
-
if (
|
|
26
|
+
if (completedStepNumber >= stepNum)
|
|
23
27
|
status = 'complete';
|
|
24
|
-
else if (
|
|
28
|
+
else if (completedStepNumber + 1 === stepNum)
|
|
25
29
|
status = 'current';
|
|
26
30
|
return (_jsxs("li", { "aria-current": status === 'current' ? 'step' : undefined, "data-status": status, "data-step": stepNum, children: [_jsxs("span", { "data-line-circle": true, children: [_jsx("span", { "data-line": "before" }), _jsx("span", { "data-circle": true, children: status === 'complete' ? (_jsx(SvgCheck, { "aria-hidden": true })) : ((variant !== 'widget' || status === 'current') && _jsx("span", { children: stepNum })) }), _jsx("span", { "data-line": "after" })] }), variant !== 'widget' && (_jsxs("span", { "data-content": true, children: [_jsx("span", { "data-name": true, children: name }), subtext && _jsx("span", { "data-subtext": true, children: subtext })] }))] }, `step-${index}`));
|
|
27
31
|
}) })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressionStepper.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"ProgressionStepper.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepper.tsx"],"names":[],"mappings":";AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAsD7C;;;;;;;;;;;;GAYG;AACH,MAAM,UAAU,kBAAkB,CAAC,EAC/B,KAAK,GAAG,EAAE,EACV,aAAa,EAAE,iBAAiB,GAAG,CAAC,EACpC,OAAO,GAAG,YAAY,EACtB,GAAG,cAAc,EAC0B;IAC3C,MAAM,mBAAmB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,iBAAiB,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC;IAEnF,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,mBAAmB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAE1E,MAAM,WAAW,GAAG,KAAK,CAAC,iBAAiB,GAAG,CAAC,CAAC,CAAC;IAEjD,IAAI,CAAC,KAAK,EAAE,MAAM;QAAE,OAAO,IAAI,CAAC;IAEhC,OAAO,CACH,kBAAS,cAAc,eAAY,qBAAqB,kBAAe,OAAO,aACzE,OAAO,KAAK,QAAQ,IAAI,CACrB,4BACI,6CAAkB,WAAW,CAAC,IAAI,GAAQ,EAC1C,gDACK,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,CACnB,WAAW,CAAC,OAAO,CACtB,CAAC,CAAC,CAAC,CACA,4BACK,mBAAmB,KAAK,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CACpC,WAAW,CACd,CAAC,CAAC,CAAC,CACA,uCACU,iBAAiB,UAAM,KAAK,CAAC,MAAM,IAC1C,CACN,GACF,CACN,GACE,IACH,CACX,EACD,uBACK,KAAK,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE;oBACpC,MAAM,OAAO,GAAG,KAAK,GAAG,CAAC,CAAC;oBAC1B,IAAI,MAAM,GAA0C,YAAY,CAAC;oBACjE,IAAI,mBAAmB,IAAI,OAAO;wBAAE,MAAM,GAAG,UAAU,CAAC;yBACnD,IAAI,mBAAmB,GAAG,CAAC,KAAK,OAAO;wBAAE,MAAM,GAAG,SAAS,CAAC;oBAEjE,OAAO,CACH,8BACkB,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,iBAC1C,MAAM,eACR,OAAO,aAGlB,qDACI,4BAAgB,QAAQ,GAAG,EAC3B,8CACK,MAAM,KAAK,UAAU,CAAC,CAAC,CAAC,CACrB,KAAC,QAAQ,mBAAc,IAAI,GAAI,CAClC,CAAC,CAAC,CAAC,CACA,CAAC,OAAO,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,CAAC,IAAI,yBAAO,OAAO,GAAQ,CAC3E,GACE,EACP,4BAAgB,OAAO,GAAG,IACvB,EACN,OAAO,KAAK,QAAQ,IAAI,CACrB,iDACI,4CAAiB,IAAI,GAAQ,EAC5B,OAAO,IAAI,+CAAoB,OAAO,GAAQ,IAC5C,CACV,KAlBI,QAAQ,KAAK,EAAE,CAmBnB,CACR,CAAC;gBACN,CAAC,CAAC,GACD,IACH,CACT,CAAC;AACN,CAAC"}
|
|
@@ -3,7 +3,7 @@ export const presets = [
|
|
|
3
3
|
label: 'Horizontal',
|
|
4
4
|
propState: {
|
|
5
5
|
variant: 'horizontal',
|
|
6
|
-
|
|
6
|
+
completedStep: 2,
|
|
7
7
|
steps: [{ name: 'Name of step 1' }, { name: 'Name of step 2' }, { name: 'Name of step 3' }],
|
|
8
8
|
},
|
|
9
9
|
},
|
|
@@ -11,7 +11,7 @@ export const presets = [
|
|
|
11
11
|
label: 'Vertical',
|
|
12
12
|
propState: {
|
|
13
13
|
variant: 'vertical',
|
|
14
|
-
|
|
14
|
+
completedStep: 2,
|
|
15
15
|
steps: [
|
|
16
16
|
{
|
|
17
17
|
name: 'Name of step 1',
|
|
@@ -32,7 +32,7 @@ export const presets = [
|
|
|
32
32
|
label: 'Widget',
|
|
33
33
|
propState: {
|
|
34
34
|
variant: 'widget',
|
|
35
|
-
|
|
35
|
+
completedStep: 3,
|
|
36
36
|
steps: [
|
|
37
37
|
{ name: 'Name of step 1' },
|
|
38
38
|
{ name: 'Name of step 2' },
|
|
@@ -40,7 +40,23 @@ export const presets = [
|
|
|
40
40
|
{ name: 'Name of step 4' },
|
|
41
41
|
{ name: 'Name of step 5' },
|
|
42
42
|
{ name: 'Name of step 6' },
|
|
43
|
-
{ name: '
|
|
43
|
+
{ name: 'Review' },
|
|
44
|
+
],
|
|
45
|
+
},
|
|
46
|
+
},
|
|
47
|
+
{
|
|
48
|
+
label: 'Widget (w/ subtext)',
|
|
49
|
+
propState: {
|
|
50
|
+
variant: 'widget',
|
|
51
|
+
completedStep: 3,
|
|
52
|
+
steps: [
|
|
53
|
+
{ name: 'Name of step 1' },
|
|
54
|
+
{ name: 'Name of step 2' },
|
|
55
|
+
{ name: 'Name of step 3' },
|
|
56
|
+
{ name: 'Name of step 4' },
|
|
57
|
+
{ name: 'Name of step 5' },
|
|
58
|
+
{ name: 'Name of step 6' },
|
|
59
|
+
{ name: 'Review', subtext: `Check your information...` },
|
|
44
60
|
],
|
|
45
61
|
},
|
|
46
62
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressionStepperExample.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepperExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAAsC;IACtD;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,
|
|
1
|
+
{"version":3,"file":"ProgressionStepperExample.js","sourceRoot":"","sources":["../../../src/components/ProgressionStepper/ProgressionStepperExample.tsx"],"names":[],"mappings":"AAGA,MAAM,CAAC,MAAM,OAAO,GAAsC;IACtD;QACI,KAAK,EAAE,YAAY;QACnB,SAAS,EAAE;YACP,OAAO,EAAE,YAAY;YACrB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,EAAE,EAAE,IAAI,EAAE,gBAAgB,EAAE,CAAC;SAC9F;KACJ;IACD;QACI,KAAK,EAAE,UAAU;QACjB,SAAS,EAAE;YACP,OAAO,EAAE,UAAU;YACnB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;gBACD;oBACI,IAAI,EAAE,gBAAgB;oBACtB,OAAO,EAAE,mBAAmB;iBAC/B;aACJ;SACJ;KACJ;IACD;QACI,KAAK,EAAE,QAAQ;QACf,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,QAAQ,EAAE;aACrB;SACJ;KACJ;IACD;QACI,KAAK,EAAE,qBAAqB;QAC5B,SAAS,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,aAAa,EAAE,CAAC;YAChB,KAAK,EAAE;gBACH,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,gBAAgB,EAAE;gBAC1B,EAAE,IAAI,EAAE,QAAQ,EAAE,OAAO,EAAE,2BAA2B,EAAE;aAC3D;SACJ;KACJ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAA8C;IAChF,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;IACjC,OAAO;CACV,CAAC"}
|