@autoguru/overdrive 4.57.3 → 4.58.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/components/Alert/Alert.js +3 -3
- package/dist/components/AutoSuggest/AutoSuggest.d.ts.map +1 -1
- package/dist/components/AutoSuggest/AutoSuggest.js +4 -4
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +9 -1
- package/dist/components/Calendar/Calendar.js +3 -3
- package/dist/components/DropDown/DropDown.d.ts.map +1 -1
- package/dist/components/DropDown/DropDown.js +2 -2
- package/dist/components/HorizontalAutoScroller/HorizontalAutoScroller.js +3 -3
- package/dist/components/Pagination/Pagination.js +5 -5
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/SearchBar/SearchBar.js +3 -3
- package/dist/components/SelectInput/SelectInput.js +2 -2
- package/dist/components/SimplePagination/SimplePagination.js +3 -3
- package/dist/components/SplitButton/SplitButton.css.d.ts +21 -0
- package/dist/components/SplitButton/SplitButton.css.d.ts.map +1 -0
- package/dist/components/SplitButton/SplitButton.css.js +57 -0
- package/dist/components/SplitButton/SplitButton.d.ts +63 -0
- package/dist/components/SplitButton/SplitButton.d.ts.map +1 -0
- package/dist/components/SplitButton/SplitButton.js +131 -0
- package/dist/components/SplitButton/default.d.ts +2 -0
- package/dist/components/SplitButton/default.d.ts.map +1 -0
- package/dist/components/SplitButton/default.js +1 -0
- package/dist/components/SplitButton/index.d.ts +2 -0
- package/dist/components/SplitButton/index.d.ts.map +1 -0
- package/dist/components/SplitButton/index.js +1 -0
- package/dist/components/StandardModal/StandardModal.js +2 -2
- package/dist/components/StarRating/StarRating.d.ts.map +1 -1
- package/dist/components/StarRating/StarRating.js +10 -3
- package/dist/components/Table/TableHeadCell.js +2 -2
- package/dist/components/TextLink/TextLink.d.ts +1 -1
- package/dist/components/TextLink/TextLink.js +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -3
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { AlertCircleIcon,
|
|
1
|
+
import { AlertCircleIcon, WarningIcon, CheckCircleIcon, InformationIcon, XIcon } from '@autoguru/icons';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import React from 'react';
|
|
4
4
|
import { sprinkles } from "../../styles/index.js";
|
|
@@ -14,7 +14,7 @@ const iconMapForIntent = {
|
|
|
14
14
|
danger: AlertCircleIcon,
|
|
15
15
|
information: InformationIcon,
|
|
16
16
|
success: CheckCircleIcon,
|
|
17
|
-
warning:
|
|
17
|
+
warning: WarningIcon
|
|
18
18
|
};
|
|
19
19
|
export const Alert = ({
|
|
20
20
|
children,
|
|
@@ -77,7 +77,7 @@ export const Alert = ({
|
|
|
77
77
|
className: sprinkles({
|
|
78
78
|
colour: 'muted'
|
|
79
79
|
}),
|
|
80
|
-
icon:
|
|
80
|
+
icon: XIcon,
|
|
81
81
|
size: "medium"
|
|
82
82
|
})
|
|
83
83
|
})
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AACA,OAAO,
|
|
1
|
+
{"version":3,"file":"AutoSuggest.d.ts","sourceRoot":"","sources":["../../../lib/components/AutoSuggest/AutoSuggest.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAGjE,OAAc,EACb,KAAK,wBAAwB,EAI7B,KAAK,YAAY,EAEjB,KAAK,GAAG,EASR,MAAM,OAAO,CAAC;AAYf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAMnD,MAAM,WAAW,gBAAgB,CAAC,WAAW;IAC5C,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC;IACxC,IAAI,CAAC,EAAE,OAAO,CAAC;CACf;AAED,MAAM,MAAM,uBAAuB,CAAC,WAAW,IAAI,CAAC,KAAK,EAAE;IAC1D,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,CAAC;IACrC,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;CAClD,KAAK,YAAY,CAAC;AAiCnB,KAAK,WAAW,CAAC,WAAW,IAAI,KAAK,CAAC,gBAAgB,CAAC,WAAW,CAAC,CAAC,CAAC;AAErE,MAAM,WAAW,gBAAgB,CAAC,WAAW,CAC5C,SAAQ,IAAI,CACX,wBAAwB,CAAC,OAAO,SAAS,CAAC,EAC1C,UAAU,GAAG,OAAO,GAAG,MAAM,GAAG,YAAY,CAC5C;IACD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,QAAQ,CAAC;IACrB,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IAC5C,WAAW,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IAEtC,YAAY,CAAC,EAAE,uBAAuB,CAAC,WAAW,CAAC,CAAC;IAEpD,QAAQ,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;IACtD,OAAO,CAAC,CAAC,KAAK,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC;CACrD;AAyGD,eAAO,MAAM,WAAW,EAwFlB,CAAC,WAAW,SAAS,OAAO,EACjC,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,gBAAgB,CAAC,CAAA;CAAE,KAC9D,YAAY,CAAC"}
|
|
@@ -9,7 +9,7 @@ const _excluded = ["autoFocus", "autoWidth", "inlineOptions", "fieldIcon", "sugg
|
|
|
9
9
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
10
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
11
|
/* eslint-disable @typescript-eslint/no-unnecessary-type-constraint */
|
|
12
|
-
import {
|
|
12
|
+
import { CaretDownIcon, XIcon } from '@autoguru/icons';
|
|
13
13
|
import { wrapEvent } from '@autoguru/utilities';
|
|
14
14
|
import clsx from 'clsx';
|
|
15
15
|
import React, { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useReducer, useRef, useState } from 'react';
|
|
@@ -220,7 +220,7 @@ const AutoSuggestFullscreenInput = /*#__PURE__*/forwardRef(function AutoSuggestF
|
|
|
220
220
|
size: "medium",
|
|
221
221
|
onClick: closeModal,
|
|
222
222
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
223
|
-
icon:
|
|
223
|
+
icon: XIcon
|
|
224
224
|
})
|
|
225
225
|
})]
|
|
226
226
|
})
|
|
@@ -455,7 +455,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref4 => {
|
|
|
455
455
|
suffixed,
|
|
456
456
|
prefixed,
|
|
457
457
|
isLoading,
|
|
458
|
-
fieldIcon =
|
|
458
|
+
fieldIcon = CaretDownIcon,
|
|
459
459
|
isFocused,
|
|
460
460
|
className,
|
|
461
461
|
size
|
|
@@ -495,7 +495,7 @@ const AutoSuggestInputPrimitive = withEnhancedInput(_ref4 => {
|
|
|
495
495
|
onMouseDown: onRequestReset,
|
|
496
496
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
497
497
|
size: size === 'large' ? size : 'medium',
|
|
498
|
-
icon:
|
|
498
|
+
icon: XIcon
|
|
499
499
|
})
|
|
500
500
|
}) :
|
|
501
501
|
// eslint-disable-next-line sonarjs/no-nested-conditional
|
|
@@ -6,7 +6,7 @@ declare const LOCALE_TEXT_DEFAULT: {
|
|
|
6
6
|
readonly loading: "loading";
|
|
7
7
|
};
|
|
8
8
|
type LocaleText = Partial<Record<keyof typeof LOCALE_TEXT_DEFAULT, string>>;
|
|
9
|
-
export interface ButtonProps extends Pick<ButtonPrimitive, 'children' | 'id' | 'onBlur' | 'onClick' | 'onFocus' | 'onMouseEnter' | 'onMouseLeave' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label'>, StyledButtonProps, TestIdProp {
|
|
9
|
+
export interface ButtonProps extends Pick<ButtonPrimitive, 'children' | 'id' | 'onBlur' | 'onClick' | 'onFocus' | 'onKeyDown' | 'onMouseEnter' | 'onMouseLeave' | 'type' | 'className'>, Pick<AriaAttributes, 'aria-label' | 'aria-controls' | 'aria-expanded' | 'aria-haspopup'>, StyledButtonProps, TestIdProp {
|
|
10
10
|
/**
|
|
11
11
|
* Disabling the button will prevent it from receiving keyboard focus or click events
|
|
12
12
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EASb,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,WAAW,EAIhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,KAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAOhD,QAAA,MAAM,mBAAmB;;CAEf,CAAC;AAEX,KAAK,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5E,MAAM,WAAW,WAChB,SAAQ,IAAI,CACV,eAAe,EACb,UAAU,GACV,IAAI,GACJ,QAAQ,GACR,SAAS,GACT,SAAS,GACT,cAAc,GACd,cAAc,GACd,MAAM,GACN,WAAW,CACb,EACD,IAAI,
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../lib/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EASb,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,WAAW,EAIhB,KAAK,YAAY,EACjB,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAM9C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,KAAK,eAAe,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC;AAOhD,QAAA,MAAM,mBAAmB;;CAEf,CAAC;AAEX,KAAK,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC,MAAM,OAAO,mBAAmB,EAAE,MAAM,CAAC,CAAC,CAAC;AAE5E,MAAM,WAAW,WAChB,SAAQ,IAAI,CACV,eAAe,EACb,UAAU,GACV,IAAI,GACJ,QAAQ,GACR,SAAS,GACT,SAAS,GACT,WAAW,GACX,cAAc,GACd,cAAc,GACd,MAAM,GACN,WAAW,CACb,EACD,IAAI,CACH,cAAc,EACd,YAAY,GAAG,eAAe,GAAG,eAAe,GAAG,eAAe,CAClE,EACD,iBAAiB,EACjB,UAAU;IACX;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,EAAE,CAAC,EAAE,WAAW,GAAG,YAAY,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,UAAU,CAAC;CACxB;AAcD,eAAO,MAAM,YAAY,GAAI,MAAM,WAAW,CAAC,MAAM,CAAC,uBACnB,CAAC;AAEpC;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,eAAO,MAAM,MAAM,uFAsIlB,CAAC"}
|
|
@@ -73,9 +73,13 @@ export const Button = /*#__PURE__*/forwardRef(({
|
|
|
73
73
|
onBlur,
|
|
74
74
|
onClick: incomingOnClick,
|
|
75
75
|
onFocus,
|
|
76
|
+
onKeyDown,
|
|
76
77
|
onMouseEnter,
|
|
77
78
|
onMouseLeave,
|
|
78
|
-
'aria-label': ariaLabel
|
|
79
|
+
'aria-label': ariaLabel,
|
|
80
|
+
'aria-controls': ariaControls,
|
|
81
|
+
'aria-expanded': ariaExpanded,
|
|
82
|
+
'aria-haspopup': ariaHasPopup
|
|
79
83
|
}, ref) => {
|
|
80
84
|
const [functionallyDisabled, setFunctionallyDisabled] = useState(false);
|
|
81
85
|
const language = _objectSpread(_objectSpread({}, LOCALE_TEXT_DEFAULT), localeText);
|
|
@@ -106,10 +110,14 @@ export const Button = /*#__PURE__*/forwardRef(({
|
|
|
106
110
|
}), className],
|
|
107
111
|
pointerEvents: functionallyDisabled ? 'none' : undefined,
|
|
108
112
|
'aria-label': isLoading ? language.loading : ariaLabel,
|
|
113
|
+
'aria-controls': ariaControls,
|
|
114
|
+
'aria-expanded': ariaExpanded,
|
|
115
|
+
'aria-haspopup': ariaHasPopup,
|
|
109
116
|
'data-loading': isLoading ? '' : undefined,
|
|
110
117
|
onBlur,
|
|
111
118
|
onClick,
|
|
112
119
|
onFocus,
|
|
120
|
+
onKeyDown,
|
|
113
121
|
onMouseEnter,
|
|
114
122
|
onMouseLeave
|
|
115
123
|
});
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import {
|
|
4
|
+
import { CaretLeftIcon, CaretRightIcon } from '@autoguru/icons';
|
|
5
5
|
import { getLocalTimeZone,
|
|
6
6
|
// currently only supporting western-style Gregorian calendar
|
|
7
7
|
GregorianCalendar, today } from '@internationalized/date';
|
|
@@ -98,7 +98,7 @@ export const Calendar = ({
|
|
|
98
98
|
children: [/*#__PURE__*/_jsx(CalendarButton, _objectSpread(_objectSpread({}, prevButtonProps), {}, {
|
|
99
99
|
"aria-label": textValues.prevLabel,
|
|
100
100
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
101
|
-
icon:
|
|
101
|
+
icon: CaretLeftIcon,
|
|
102
102
|
size: "medium"
|
|
103
103
|
})
|
|
104
104
|
})), /*#__PURE__*/_jsx("h4", {
|
|
@@ -107,7 +107,7 @@ export const Calendar = ({
|
|
|
107
107
|
}), /*#__PURE__*/_jsx(CalendarButton, _objectSpread(_objectSpread({}, nextButtonProps), {}, {
|
|
108
108
|
"aria-label": textValues.nextLabel,
|
|
109
109
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
110
|
-
icon:
|
|
110
|
+
icon: CaretRightIcon,
|
|
111
111
|
size: "medium"
|
|
112
112
|
})
|
|
113
113
|
}))]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"DropDown.d.ts","sourceRoot":"","sources":["../../../lib/components/DropDown/DropDown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EACN,cAAc,EACd,iBAAiB,EAEjB,SAAS,EAIT,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAO1C,KAAK,WAAW,GAAG,IAAI,CACtB,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,IAAI,GAAG,UAAU,GAAG,SAAS,CAC7B,CAAC;AACF,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpE,MAAM,WAAW,aAAc,SAAQ,WAAW,EAAE,WAAW;IAC9D,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACzC,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;CACnD;AAED,eAAO,MAAM,QAAQ,EAAE,iBAAiB,CAAC,aAAa,CA4DrD,CAAC"}
|
|
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
|
|
|
3
3
|
const _excluded = ["children", "label", "icon", "alignment", "isOpen", "onOpenChange", "onClick"];
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
-
import {
|
|
6
|
+
import { CaretDownIcon } from '@autoguru/icons';
|
|
7
7
|
import * as React from 'react';
|
|
8
8
|
import { useCallback, useRef, useState } from 'react';
|
|
9
9
|
import { Button } from "../Button/Button.js";
|
|
@@ -17,7 +17,7 @@ export const DropDown = _ref => {
|
|
|
17
17
|
let {
|
|
18
18
|
children: options,
|
|
19
19
|
label,
|
|
20
|
-
icon =
|
|
20
|
+
icon = CaretDownIcon,
|
|
21
21
|
alignment = EPositionerAlignment.BOTTOM_LEFT,
|
|
22
22
|
isOpen: controlledIsOpen,
|
|
23
23
|
onOpenChange,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import {
|
|
4
|
+
import { CaretLeftIcon, CaretRightIcon } from '@autoguru/icons';
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
import * as React from 'react';
|
|
7
7
|
import { useMemo, useState } from 'react';
|
|
@@ -111,7 +111,7 @@ export const HorizontalAutoScroller = ({
|
|
|
111
111
|
},
|
|
112
112
|
variant: "secondary",
|
|
113
113
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
114
|
-
icon:
|
|
114
|
+
icon: CaretLeftIcon
|
|
115
115
|
})
|
|
116
116
|
})
|
|
117
117
|
}), /*#__PURE__*/_jsxs(Columns, {
|
|
@@ -144,7 +144,7 @@ export const HorizontalAutoScroller = ({
|
|
|
144
144
|
},
|
|
145
145
|
variant: "secondary",
|
|
146
146
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
147
|
-
icon:
|
|
147
|
+
icon: CaretRightIcon
|
|
148
148
|
})
|
|
149
149
|
})
|
|
150
150
|
})]
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CaretLeftIcon, CaretRightIcon } from '@autoguru/icons';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { useCallback, useMemo } from 'react';
|
|
@@ -48,7 +48,7 @@ const Loading = ({
|
|
|
48
48
|
}),
|
|
49
49
|
children: [/*#__PURE__*/_jsx(NavButton, {
|
|
50
50
|
disabled: true,
|
|
51
|
-
icon:
|
|
51
|
+
icon: CaretLeftIcon
|
|
52
52
|
}), Array.from({
|
|
53
53
|
length: placeholderBubblesNum
|
|
54
54
|
}).fill('').map((_, index) => /*#__PURE__*/_jsx(Bubble, {
|
|
@@ -56,7 +56,7 @@ const Loading = ({
|
|
|
56
56
|
className: styles.disabled
|
|
57
57
|
}, index)), /*#__PURE__*/_jsx(NavButton, {
|
|
58
58
|
disabled: true,
|
|
59
|
-
icon:
|
|
59
|
+
icon: CaretRightIcon
|
|
60
60
|
})]
|
|
61
61
|
});
|
|
62
62
|
export const Pagination = ({
|
|
@@ -82,7 +82,7 @@ export const Pagination = ({
|
|
|
82
82
|
children: [/*#__PURE__*/_jsx(NavButton, {
|
|
83
83
|
disabled: activePage <= 1,
|
|
84
84
|
label: "navigate back",
|
|
85
|
-
icon:
|
|
85
|
+
icon: CaretLeftIcon,
|
|
86
86
|
onClick: handleClick(activePage - 1)
|
|
87
87
|
}), buildPagesList(numPages, allowedActive, numPagesDisplayed, numPages - numPagesDisplayed).map(num => /*#__PURE__*/_jsx(Bubble, {
|
|
88
88
|
gap: num < 0,
|
|
@@ -93,7 +93,7 @@ export const Pagination = ({
|
|
|
93
93
|
}, num)), /*#__PURE__*/_jsx(NavButton, {
|
|
94
94
|
disabled: activePage >= numPages,
|
|
95
95
|
label: "navigate forward",
|
|
96
|
-
icon:
|
|
96
|
+
icon: CaretRightIcon,
|
|
97
97
|
onClick: handleClick(allowedActive + 1)
|
|
98
98
|
})]
|
|
99
99
|
}) : /*#__PURE__*/_jsx(Loading, {
|
|
@@ -4,7 +4,7 @@ const _excluded = ["children"],
|
|
|
4
4
|
_excluded2 = ["children", "offset", "state", "triggerRef", "lang"];
|
|
5
5
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
6
6
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
7
|
-
import {
|
|
7
|
+
import { XIcon } from '@autoguru/icons';
|
|
8
8
|
import React, { useRef, useEffect } from 'react';
|
|
9
9
|
import { usePopover, useDialog, DismissButton, Overlay } from 'react-aria';
|
|
10
10
|
import { useMedia } from "../../hooks/useMedia/useMedia.js";
|
|
@@ -99,7 +99,7 @@ export const Popover = _ref2 => {
|
|
|
99
99
|
onClick: state.close,
|
|
100
100
|
"aria-label": textValues.close,
|
|
101
101
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
102
|
-
icon:
|
|
102
|
+
icon: XIcon
|
|
103
103
|
})
|
|
104
104
|
})
|
|
105
105
|
}), children]
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
2
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
3
3
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
4
|
-
import {
|
|
4
|
+
import { MagnifyingGlassIcon, XIcon } from '@autoguru/icons';
|
|
5
5
|
import React from 'react';
|
|
6
6
|
import { mergeProps, useButton, useFocusRing, useSearchField } from 'react-aria';
|
|
7
7
|
import { useSearchFieldState } from 'react-stately';
|
|
@@ -74,7 +74,7 @@ export const SearchBar = componentProps => {
|
|
|
74
74
|
"aria-label": (_componentProps$lang$ = (_componentProps$lang = componentProps.lang) === null || _componentProps$lang === void 0 ? void 0 : _componentProps$lang.clear) !== null && _componentProps$lang$ !== void 0 ? _componentProps$lang$ : defaultEnglish.clear
|
|
75
75
|
}, clearButtonProps), {}, {
|
|
76
76
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
77
|
-
icon:
|
|
77
|
+
icon: XIcon,
|
|
78
78
|
size: "100%"
|
|
79
79
|
})
|
|
80
80
|
}));
|
|
@@ -96,7 +96,7 @@ export const SearchBar = componentProps => {
|
|
|
96
96
|
className: sprinkles({
|
|
97
97
|
flexShrink: '0'
|
|
98
98
|
}),
|
|
99
|
-
icon:
|
|
99
|
+
icon: MagnifyingGlassIcon,
|
|
100
100
|
size: "large"
|
|
101
101
|
}), /*#__PURE__*/_jsxs("div", {
|
|
102
102
|
className: fieldWrapper,
|
|
@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
|
|
|
3
3
|
const _excluded = ["field", "eventHandlers", "suffixed", "prefixed", "validation", "isFocused", "isLoading", "size", "fieldIcon"];
|
|
4
4
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
5
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
-
import {
|
|
6
|
+
import { CaretDownIcon } from '@autoguru/icons';
|
|
7
7
|
import clsx from 'clsx';
|
|
8
8
|
import React from 'react';
|
|
9
9
|
import { Box } from "../Box/index.js";
|
|
@@ -21,7 +21,7 @@ export const SelectInput = withEnhancedInput(_ref => {
|
|
|
21
21
|
isFocused,
|
|
22
22
|
isLoading,
|
|
23
23
|
size,
|
|
24
|
-
fieldIcon =
|
|
24
|
+
fieldIcon = CaretDownIcon
|
|
25
25
|
} = _ref,
|
|
26
26
|
rest = _objectWithoutProperties(_ref, _excluded);
|
|
27
27
|
return /*#__PURE__*/_jsxs(Box, {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { CaretLeftIcon, CaretRightIcon } from '@autoguru/icons';
|
|
2
2
|
import * as React from 'react';
|
|
3
3
|
import { noop } from "../../utils/index.js";
|
|
4
4
|
import { Button } from "../Button/Button.js";
|
|
@@ -34,7 +34,7 @@ export const SimplePagination = ({
|
|
|
34
34
|
onClick: handleClick(EChangeDirection.Previous),
|
|
35
35
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
36
36
|
size: "medium",
|
|
37
|
-
icon:
|
|
37
|
+
icon: CaretLeftIcon
|
|
38
38
|
})
|
|
39
39
|
}), /*#__PURE__*/_jsx(Button, {
|
|
40
40
|
rounded: true,
|
|
@@ -46,7 +46,7 @@ export const SimplePagination = ({
|
|
|
46
46
|
onClick: handleClick(EChangeDirection.Next),
|
|
47
47
|
children: /*#__PURE__*/_jsx(Icon, {
|
|
48
48
|
size: "medium",
|
|
49
|
-
icon:
|
|
49
|
+
icon: CaretRightIcon
|
|
50
50
|
})
|
|
51
51
|
})]
|
|
52
52
|
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Wrapper that joins the primary action and the menu trigger into a single
|
|
3
|
+
* visual control.
|
|
4
|
+
*/
|
|
5
|
+
export declare const group: string;
|
|
6
|
+
/**
|
|
7
|
+
* Primary action segment (left). Only the outer (left) corners are rounded so
|
|
8
|
+
* it visually fuses with the trigger segment.
|
|
9
|
+
*
|
|
10
|
+
* The radius override lives in the `component` layer, which sits *after*
|
|
11
|
+
* `styleprops` (where the Button's base `borderRadius: 'md'` sprinkle is
|
|
12
|
+
* emitted) in `LAYER_ORDER`, so it reliably wins.
|
|
13
|
+
*/
|
|
14
|
+
export declare const primary: string;
|
|
15
|
+
/**
|
|
16
|
+
* Menu trigger segment (right, the chevron). Only the outer (right) corners are
|
|
17
|
+
* rounded. A negative left margin collapses the adjacent 1px borders of the two
|
|
18
|
+
* bordered segments into a single divider line.
|
|
19
|
+
*/
|
|
20
|
+
export declare const trigger: string;
|
|
21
|
+
//# sourceMappingURL=SplitButton.css.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitButton.css.d.ts","sourceRoot":"","sources":["../../../lib/components/SplitButton/SplitButton.css.ts"],"names":[],"mappings":"AAQA;;;GAGG;AACH,eAAO,MAAM,KAAK,QAMhB,CAAC;AAEH;;;;;;;GAOG;AACH,eAAO,MAAM,OAAO,QAOlB,CAAC;AAEH;;;;GAIG;AACH,eAAO,MAAM,OAAO,QAelB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import * as __vanilla_filescope__ from '@vanilla-extract/css/fileScope';
|
|
2
|
+
__vanilla_filescope__.setFileScope("lib/components/SplitButton/SplitButton.css.ts", "@autoguru/overdrive");
|
|
3
|
+
import { globalLayer, style } from '@vanilla-extract/css';
|
|
4
|
+
import { LAYER_ORDER, cssLayerComponent } from "../../styles/layers.css.js";
|
|
5
|
+
import { sprinkles } from "../../styles/sprinkles.css.js";
|
|
6
|
+
import { overdriveTokens as vars } from "../../themes/theme.css.js";
|
|
7
|
+
globalLayer(LAYER_ORDER);
|
|
8
|
+
|
|
9
|
+
/**
|
|
10
|
+
* Wrapper that joins the primary action and the menu trigger into a single
|
|
11
|
+
* visual control.
|
|
12
|
+
*/
|
|
13
|
+
export const group = style([sprinkles({
|
|
14
|
+
display: 'flex',
|
|
15
|
+
position: 'relative',
|
|
16
|
+
width: 'fit-content'
|
|
17
|
+
})], "group");
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Primary action segment (left). Only the outer (left) corners are rounded so
|
|
21
|
+
* it visually fuses with the trigger segment.
|
|
22
|
+
*
|
|
23
|
+
* The radius override lives in the `component` layer, which sits *after*
|
|
24
|
+
* `styleprops` (where the Button's base `borderRadius: 'md'` sprinkle is
|
|
25
|
+
* emitted) in `LAYER_ORDER`, so it reliably wins.
|
|
26
|
+
*/
|
|
27
|
+
export const primary = style({
|
|
28
|
+
'@layer': {
|
|
29
|
+
[cssLayerComponent]: {
|
|
30
|
+
borderBottomRightRadius: 0,
|
|
31
|
+
borderTopRightRadius: 0
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}, "primary");
|
|
35
|
+
|
|
36
|
+
/**
|
|
37
|
+
* Menu trigger segment (right, the chevron). Only the outer (right) corners are
|
|
38
|
+
* rounded. A negative left margin collapses the adjacent 1px borders of the two
|
|
39
|
+
* bordered segments into a single divider line.
|
|
40
|
+
*/
|
|
41
|
+
export const trigger = style({
|
|
42
|
+
'@layer': {
|
|
43
|
+
[cssLayerComponent]: {
|
|
44
|
+
borderBottomLeftRadius: 0,
|
|
45
|
+
borderTopLeftRadius: 0,
|
|
46
|
+
marginLeft: `calc(-1 * ${vars.border.width['1']})`,
|
|
47
|
+
selectors: {
|
|
48
|
+
// Render the active segment above its sibling so the focus
|
|
49
|
+
// outline and overlapped border are never clipped.
|
|
50
|
+
'&:hover, &:focus-visible': {
|
|
51
|
+
zIndex: 1
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}, "trigger");
|
|
57
|
+
__vanilla_filescope__.endFileScope();
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { IconType } from '@autoguru/icons';
|
|
2
|
+
import { ComponentProps, FunctionComponent, ReactNode } from 'react';
|
|
3
|
+
import type { TestIdProp } from '../../types';
|
|
4
|
+
import { Button } from '../Button/Button';
|
|
5
|
+
import { Flyout } from '../Flyout/Flyout';
|
|
6
|
+
/**
|
|
7
|
+
* Button props shared by *both* the primary action and the menu trigger. The
|
|
8
|
+
* `children`/`onClick`/`aria-label` of the underlying buttons are managed
|
|
9
|
+
* internally, so they are omitted here.
|
|
10
|
+
*/
|
|
11
|
+
type SharedButtonProps = Pick<ComponentProps<typeof Button>, 'variant' | 'size' | 'disabled' | 'minimal' | 'rounded' | 'isLoading'>;
|
|
12
|
+
type FlyoutProps = Pick<ComponentProps<typeof Flyout>, 'alignment'>;
|
|
13
|
+
export interface SplitButtonProps extends SharedButtonProps, FlyoutProps, TestIdProp {
|
|
14
|
+
/**
|
|
15
|
+
* Text label for the primary action segment (left).
|
|
16
|
+
*/
|
|
17
|
+
label: string;
|
|
18
|
+
/**
|
|
19
|
+
* Handler for the primary action. This does **not** open the menu.
|
|
20
|
+
*/
|
|
21
|
+
onClick?: ComponentProps<typeof Button>['onClick'];
|
|
22
|
+
/**
|
|
23
|
+
* Menu options, typically `DropDownOption` elements.
|
|
24
|
+
*/
|
|
25
|
+
children: ReactNode;
|
|
26
|
+
/**
|
|
27
|
+
* Icon shown in the menu trigger segment (right).
|
|
28
|
+
* @default CaretDownIcon
|
|
29
|
+
*/
|
|
30
|
+
icon?: IconType;
|
|
31
|
+
/**
|
|
32
|
+
* Accessible label for the menu trigger segment.
|
|
33
|
+
* @default 'More options'
|
|
34
|
+
*/
|
|
35
|
+
menuLabel?: string;
|
|
36
|
+
/**
|
|
37
|
+
* Controls the open state of the menu. When provided the component becomes
|
|
38
|
+
* controlled; otherwise it manages its own open state.
|
|
39
|
+
*/
|
|
40
|
+
isOpen?: boolean;
|
|
41
|
+
/**
|
|
42
|
+
* Called whenever the menu requests to open or close.
|
|
43
|
+
*/
|
|
44
|
+
onOpenChange?: (isOpen: boolean) => void;
|
|
45
|
+
}
|
|
46
|
+
/**
|
|
47
|
+
* A `SplitButton` pairs a primary action with a dropdown menu of related
|
|
48
|
+
* secondary actions. The left segment triggers the primary action, while the
|
|
49
|
+
* chevron on the right opens a menu of `DropDownOption` children.
|
|
50
|
+
*
|
|
51
|
+
* Both segments share a single `variant`/`size`. Following the WAI-ARIA
|
|
52
|
+
* pattern, the two segments are independent buttons grouped together; the
|
|
53
|
+
* trigger exposes `aria-haspopup` and `aria-expanded`.
|
|
54
|
+
*
|
|
55
|
+
* @example
|
|
56
|
+
* <SplitButton label="Bulk upload" onClick={handleUpload}>
|
|
57
|
+
* <DropDownOption label="Single upload" icon={UploadIcon} onClick={...} />
|
|
58
|
+
* <DropDownOption label="Import CSV" onClick={...} />
|
|
59
|
+
* </SplitButton>
|
|
60
|
+
*/
|
|
61
|
+
export declare const SplitButton: FunctionComponent<SplitButtonProps>;
|
|
62
|
+
export {};
|
|
63
|
+
//# sourceMappingURL=SplitButton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../lib/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EACN,cAAc,EACd,iBAAiB,EAGjB,SAAS,EAMT,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAO1C;;;;GAIG;AACH,KAAK,iBAAiB,GAAG,IAAI,CAC5B,cAAc,CAAC,OAAO,MAAM,CAAC,EAC7B,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CACrE,CAAC;AAEF,KAAK,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,MAAM,CAAC,EAAE,WAAW,CAAC,CAAC;AAEpE,MAAM,WAAW,gBAChB,SAAQ,iBAAiB,EACzB,WAAW,EACX,UAAU;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;CACzC;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAiH3D,CAAC"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
2
|
+
import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
|
|
3
|
+
const _excluded = ["label", "onClick", "children", "icon", "menuLabel", "alignment", "isOpen", "onOpenChange", "testId"];
|
|
4
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
5
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
6
|
+
import { CaretDownIcon } from '@autoguru/icons';
|
|
7
|
+
import * as React from 'react';
|
|
8
|
+
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
9
|
+
import { Button } from "../Button/Button.js";
|
|
10
|
+
import { DropDownOptionsList } from "../DropDown/DropDownOptionsList.js";
|
|
11
|
+
import { Flyout } from "../Flyout/Flyout.js";
|
|
12
|
+
import { Icon } from "../Icon/Icon.js";
|
|
13
|
+
import { useOutsideClick } from "../OutsideClick/OutsideClick.js";
|
|
14
|
+
import { EPositionerAlignment } from "../Positioner/index.js";
|
|
15
|
+
import * as styles from "./SplitButton.css.js";
|
|
16
|
+
/**
|
|
17
|
+
* Button props shared by *both* the primary action and the menu trigger. The
|
|
18
|
+
* `children`/`onClick`/`aria-label` of the underlying buttons are managed
|
|
19
|
+
* internally, so they are omitted here.
|
|
20
|
+
*/
|
|
21
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
22
|
+
/**
|
|
23
|
+
* A `SplitButton` pairs a primary action with a dropdown menu of related
|
|
24
|
+
* secondary actions. The left segment triggers the primary action, while the
|
|
25
|
+
* chevron on the right opens a menu of `DropDownOption` children.
|
|
26
|
+
*
|
|
27
|
+
* Both segments share a single `variant`/`size`. Following the WAI-ARIA
|
|
28
|
+
* pattern, the two segments are independent buttons grouped together; the
|
|
29
|
+
* trigger exposes `aria-haspopup` and `aria-expanded`.
|
|
30
|
+
*
|
|
31
|
+
* @example
|
|
32
|
+
* <SplitButton label="Bulk upload" onClick={handleUpload}>
|
|
33
|
+
* <DropDownOption label="Single upload" icon={UploadIcon} onClick={...} />
|
|
34
|
+
* <DropDownOption label="Import CSV" onClick={...} />
|
|
35
|
+
* </SplitButton>
|
|
36
|
+
*/
|
|
37
|
+
export const SplitButton = _ref => {
|
|
38
|
+
let {
|
|
39
|
+
label,
|
|
40
|
+
onClick,
|
|
41
|
+
children,
|
|
42
|
+
icon = CaretDownIcon,
|
|
43
|
+
menuLabel = 'More options',
|
|
44
|
+
alignment = EPositionerAlignment.BOTTOM_RIGHT,
|
|
45
|
+
isOpen: controlledIsOpen,
|
|
46
|
+
onOpenChange,
|
|
47
|
+
testId
|
|
48
|
+
} = _ref,
|
|
49
|
+
sharedProps = _objectWithoutProperties(_ref, _excluded);
|
|
50
|
+
const triggerRef = useRef(null);
|
|
51
|
+
const menuRef = useRef(null);
|
|
52
|
+
const [uncontrolledIsOpen, setUncontrolledIsOpen] = useState(false);
|
|
53
|
+
|
|
54
|
+
// Use controlled state if provided, otherwise use uncontrolled state.
|
|
55
|
+
const isOpen = controlledIsOpen !== null && controlledIsOpen !== void 0 ? controlledIsOpen : uncontrolledIsOpen;
|
|
56
|
+
const handleOpenChange = useCallback(newIsOpen => {
|
|
57
|
+
onOpenChange === null || onOpenChange === void 0 ? void 0 : onOpenChange(newIsOpen);
|
|
58
|
+
if (controlledIsOpen === undefined) {
|
|
59
|
+
setUncontrolledIsOpen(newIsOpen);
|
|
60
|
+
}
|
|
61
|
+
}, [controlledIsOpen, onOpenChange]);
|
|
62
|
+
|
|
63
|
+
// Only request a close when the menu is actually open. `useOutsideClick`
|
|
64
|
+
// fires on any mouseup outside the trigger/menu (e.g. clicking the primary
|
|
65
|
+
// action), so without this guard `onOpenChange(false)` would be emitted
|
|
66
|
+
// even when the menu is already closed.
|
|
67
|
+
const handleClose = useCallback(() => {
|
|
68
|
+
if (isOpen) handleOpenChange(false);
|
|
69
|
+
}, [isOpen, handleOpenChange]);
|
|
70
|
+
const closeAndFocusTrigger = useCallback(() => {
|
|
71
|
+
var _triggerRef$current;
|
|
72
|
+
handleClose();
|
|
73
|
+
(_triggerRef$current = triggerRef.current) === null || _triggerRef$current === void 0 ? void 0 : _triggerRef$current.focus();
|
|
74
|
+
}, [handleClose]);
|
|
75
|
+
const onTriggerClick = useCallback(() => handleOpenChange(!isOpen), [isOpen, handleOpenChange]);
|
|
76
|
+
const onTriggerKeyDown = useCallback(event => {
|
|
77
|
+
if (event.key === 'Escape') closeAndFocusTrigger();
|
|
78
|
+
}, [closeAndFocusTrigger]);
|
|
79
|
+
|
|
80
|
+
// `useOutsideClick` keeps the refs array in its effect deps, so memoise it to
|
|
81
|
+
// avoid tearing down and re-binding the document `mouseup` listener on every
|
|
82
|
+
// render. The refs themselves are stable, so an empty dep list is correct.
|
|
83
|
+
const outsideClickRefs = useMemo(() => [menuRef, triggerRef], []);
|
|
84
|
+
useOutsideClick(outsideClickRefs, handleClose);
|
|
85
|
+
|
|
86
|
+
// The menu renders in a portal, so an Escape keypress while focus is inside
|
|
87
|
+
// it does not bubble to the trigger. Listen on the menu element directly so
|
|
88
|
+
// Escape closes regardless of where focus sits.
|
|
89
|
+
useEffect(() => {
|
|
90
|
+
const node = menuRef.current;
|
|
91
|
+
if (!isOpen || !node) return;
|
|
92
|
+
const onKeyDown = event => {
|
|
93
|
+
if (event.key === 'Escape') closeAndFocusTrigger();
|
|
94
|
+
};
|
|
95
|
+
node.addEventListener('keydown', onKeyDown);
|
|
96
|
+
return () => node.removeEventListener('keydown', onKeyDown);
|
|
97
|
+
}, [isOpen, closeAndFocusTrigger]);
|
|
98
|
+
return /*#__PURE__*/_jsxs(_Fragment, {
|
|
99
|
+
children: [/*#__PURE__*/_jsxs("div", {
|
|
100
|
+
role: "group",
|
|
101
|
+
"aria-label": label,
|
|
102
|
+
className: styles.group,
|
|
103
|
+
"data-testid": testId,
|
|
104
|
+
children: [/*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, sharedProps), {}, {
|
|
105
|
+
className: styles.primary,
|
|
106
|
+
onClick: onClick,
|
|
107
|
+
children: label
|
|
108
|
+
})), /*#__PURE__*/_jsx(Button, _objectSpread(_objectSpread({}, sharedProps), {}, {
|
|
109
|
+
ref: triggerRef,
|
|
110
|
+
className: styles.trigger,
|
|
111
|
+
"aria-label": menuLabel,
|
|
112
|
+
"aria-haspopup": true,
|
|
113
|
+
"aria-expanded": isOpen,
|
|
114
|
+
onClick: onTriggerClick,
|
|
115
|
+
onKeyDown: onTriggerKeyDown,
|
|
116
|
+
children: /*#__PURE__*/_jsx(Icon, {
|
|
117
|
+
icon: icon
|
|
118
|
+
})
|
|
119
|
+
}))]
|
|
120
|
+
}), /*#__PURE__*/_jsx(Flyout, {
|
|
121
|
+
triggerRef: triggerRef,
|
|
122
|
+
isOpen: isOpen,
|
|
123
|
+
alignment: alignment,
|
|
124
|
+
children: /*#__PURE__*/_jsx(DropDownOptionsList, {
|
|
125
|
+
ref: menuRef,
|
|
126
|
+
children: children
|
|
127
|
+
})
|
|
128
|
+
})]
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
SplitButton.displayName = 'SplitButton';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../lib/components/SplitButton/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SplitButton as default } from "./SplitButton.js";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/SplitButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { SplitButton } from "./SplitButton.js";
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { XIcon } from '@autoguru/icons';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { useLayoutEffect, useRef } from 'react';
|
|
@@ -114,7 +114,7 @@ export const StandardModal = ({
|
|
|
114
114
|
className: textStyles({
|
|
115
115
|
colour: 'muted'
|
|
116
116
|
}),
|
|
117
|
-
icon:
|
|
117
|
+
icon: XIcon,
|
|
118
118
|
size: "medium"
|
|
119
119
|
})
|
|
120
120
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StarRating.d.ts","sourceRoot":"","sources":["../../../lib/components/StarRating/StarRating.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StarRating.d.ts","sourceRoot":"","sources":["../../../lib/components/StarRating/StarRating.tsx"],"names":[],"mappings":"AAQA,OAAO,EAA2B,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAatE,oBAAY,eAAe;IAC1B,MAAM,WAAW;IACjB,KAAK,UAAU;CACf;AA8BD,MAAM,WAAW,eAAe;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,UAAU,EAAE,oBAAoB,CAAC,eAAe,CAgC5D,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { StarHalfIcon, StarIcon } from '@autoguru/icons';
|
|
1
|
+
import { StarFilledIcon, StarHalfIcon, StarIcon } from '@autoguru/icons';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { memo } from 'react';
|
|
@@ -20,7 +20,14 @@ var EStarType = /*#__PURE__*/function (EStarType) {
|
|
|
20
20
|
EStarType[EStarType["Half"] = 1] = "Half";
|
|
21
21
|
EStarType[EStarType["Empty"] = 2] = "Empty";
|
|
22
22
|
return EStarType;
|
|
23
|
-
}(EStarType || {});
|
|
23
|
+
}(EStarType || {}); // In @autoguru/icons 2.x (Phosphor), `StarIcon` is the hollow outline and
|
|
24
|
+
// `StarFilledIcon` is the solid star, so full ratings use the filled variant
|
|
25
|
+
// while empty ratings keep the outline.
|
|
26
|
+
const starIconMap = {
|
|
27
|
+
[EStarType.Full]: StarFilledIcon,
|
|
28
|
+
[EStarType.Half]: StarHalfIcon,
|
|
29
|
+
[EStarType.Empty]: StarIcon
|
|
30
|
+
};
|
|
24
31
|
const starSizeMap = new Map([[EStarRatingSize.Medium, 'medium'], [EStarRatingSize.Small, 'small']]);
|
|
25
32
|
const labelSizeMap = new Map([[EStarRatingSize.Small, '3'], [EStarRatingSize.Medium, '4']]);
|
|
26
33
|
export const StarRating = /*#__PURE__*/memo(({
|
|
@@ -80,7 +87,7 @@ const Star = ({
|
|
|
80
87
|
size = EStarRatingSize.Medium
|
|
81
88
|
}) => {
|
|
82
89
|
const starType = getStarIconType(index, rating);
|
|
83
|
-
const star = starType
|
|
90
|
+
const star = starIconMap[starType];
|
|
84
91
|
return /*#__PURE__*/_jsx(Icon, {
|
|
85
92
|
icon: star,
|
|
86
93
|
size: starSizeMap.get(size),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { ArrowsDownUpIcon } from '@autoguru/icons';
|
|
2
2
|
import clsx from 'clsx';
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
import { forwardRef, useCallback } from 'react';
|
|
@@ -33,7 +33,7 @@ export const TableHeadCell = /*#__PURE__*/forwardRef(({
|
|
|
33
33
|
}, [onSort]);
|
|
34
34
|
const shouldSort = typeof sort === 'string';
|
|
35
35
|
const sorter = /*#__PURE__*/_jsx(Icon, {
|
|
36
|
-
icon:
|
|
36
|
+
icon: ArrowsDownUpIcon,
|
|
37
37
|
size: "small",
|
|
38
38
|
className: clsx([styles.sorter.root, styles.sorter[sort !== null && sort !== void 0 ? sort : 'none']])
|
|
39
39
|
});
|
|
@@ -20,7 +20,7 @@ export interface TextLinkProps extends FilteredAnchorProps, FilteredTextStylePro
|
|
|
20
20
|
* <TextLink href="https://example.com">Click me</TextLink>
|
|
21
21
|
*
|
|
22
22
|
* // With an icon
|
|
23
|
-
* <TextLink href="/settings" icon={
|
|
23
|
+
* <TextLink href="/settings" icon={GearIcon}>Settings</TextLink>
|
|
24
24
|
* ```
|
|
25
25
|
*/
|
|
26
26
|
export declare const TextLink: React.ForwardRefExoticComponent<TextLinkProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
@@ -19,7 +19,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
19
19
|
* <TextLink href="https://example.com">Click me</TextLink>
|
|
20
20
|
*
|
|
21
21
|
* // With an icon
|
|
22
|
-
* <TextLink href="/settings" icon={
|
|
22
|
+
* <TextLink href="/settings" icon={GearIcon}>Settings</TextLink>
|
|
23
23
|
* ```
|
|
24
24
|
*/
|
|
25
25
|
export const TextLink = /*#__PURE__*/forwardRef((_ref, ref) => {
|
|
@@ -54,6 +54,7 @@ export { SelectInput } from './SelectInput';
|
|
|
54
54
|
export { SimplePagination, EPageChangeDirection } from './SimplePagination';
|
|
55
55
|
export { Slider, type SliderProps } from './Slider';
|
|
56
56
|
export { SliderProgress } from './SliderProgress';
|
|
57
|
+
export { SplitButton, type SplitButtonProps } from './SplitButton';
|
|
57
58
|
export { Stack } from './Stack';
|
|
58
59
|
export { StandardModal, EStandardModalSize } from './StandardModal';
|
|
59
60
|
export { StarRating, EStarRatingSize } from './StarRating';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACN,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,uBAAuB,GAC5B,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,OAAO,CAAC;AACrE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACN,aAAa,EACb,KAAK,kBAAkB,EACvB,SAAS,EACT,KAAK,cAAc,EACnB,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,mBAAmB,GACxB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EACN,UAAU,EACV,KAAK,wBAAwB,EAC7B,SAAS,EACT,KAAK,uBAAuB,EAC5B,KAAK,kBAAkB,EACvB,MAAM,EACN,KAAK,GACL,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACN,sBAAsB,EACtB,yBAAyB,GACzB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,IAAI,EAAE,KAAK,MAAM,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC3D,OAAO,EAAE,KAAK,EAAE,mBAAmB,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACN,gBAAgB,EAChB,KAAK,uBAAuB,EAC5B,KAAK,qBAAqB,GAC1B,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EACN,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,UAAU,GACf,MAAM,cAAc,CAAC;AACtB,OAAO,EACN,UAAU,EACV,iBAAiB,EACjB,KAAK,eAAe,GACpB,MAAM,cAAc,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC/D,OAAO,EACN,iBAAiB,EACjB,gBAAgB,EAChB,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,qBAAqB,EACrB,aAAa,GACb,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,oBAAoB,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,gBAAgB,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACpE,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC3D,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACN,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,EACR,aAAa,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC/D,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EACN,aAAa,EACb,YAAY,EACZ,KAAK,kBAAkB,GACvB,MAAM,iBAAiB,CAAC;AACzB,OAAO,EACN,OAAO,EACP,KAAK,YAAY,EACjB,UAAU,EACV,KAAK,eAAe,EACpB,KAAK,WAAW,GAChB,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/components/index.ts"],"names":[],"mappings":"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"}
|
package/dist/components/index.js
CHANGED
|
@@ -54,6 +54,7 @@ export { SelectInput } from "./SelectInput/index.js";
|
|
|
54
54
|
export { SimplePagination, EPageChangeDirection } from "./SimplePagination/index.js";
|
|
55
55
|
export { Slider } from "./Slider/index.js";
|
|
56
56
|
export { SliderProgress } from "./SliderProgress/index.js";
|
|
57
|
+
export { SplitButton } from "./SplitButton/index.js";
|
|
57
58
|
export { Stack } from "./Stack/index.js";
|
|
58
59
|
export { StandardModal, EStandardModalSize } from "./StandardModal/index.js";
|
|
59
60
|
export { StarRating, EStarRatingSize } from "./StarRating/index.js";
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { Actions, Alert, Anchor, AutoSuggest, type AutoSuggestValue, type AutoSuggestItemRenderer, Badge, Box, type BoxProps, useBox, type UseBoxProps, BulletList, Bullet, BulletText, Button, Calendar, type CalendarProps, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, type DateTimeFieldProps, DateField, type DateFieldProps, TimeField, type TimeFieldProps, type CommonSelectorProps, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, type FlexInlineComponentProps, FlexStack, type FlexStackComponentProps, type FlexComponentProps, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, type IconEl, type IconProps, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, type MarkdownRendererDensity, type MarkdownRendererProps, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, type OptionGridProps, type OptionItem, OptionList, OptionListContext, type OptionListProps, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, type SearchBarProps, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, type SliderProps, SliderProgress, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, type ToggleButtonsProps, Tooltip, type TooltipProps, useTooltip, type UseTooltipProps, type ToolTipSize, VisuallyHidden, } from './components';
|
|
1
|
+
export { Actions, Alert, Anchor, AutoSuggest, type AutoSuggestValue, type AutoSuggestItemRenderer, Badge, Box, type BoxProps, useBox, type UseBoxProps, BulletList, Bullet, BulletText, Button, Calendar, type CalendarProps, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, type DateTimeFieldProps, DateField, type DateFieldProps, TimeField, type TimeFieldProps, type CommonSelectorProps, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, type FlexInlineComponentProps, FlexStack, type FlexStackComponentProps, type FlexComponentProps, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, type IconEl, type IconProps, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, type MarkdownRendererDensity, type MarkdownRendererProps, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, type OptionGridProps, type OptionItem, OptionList, OptionListContext, type OptionListProps, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, type SearchBarProps, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, type SliderProps, SliderProgress, SplitButton, type SplitButtonProps, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, type ToggleButtonsProps, Tooltip, type TooltipProps, useTooltip, type UseTooltipProps, type ToolTipSize, VisuallyHidden, } from './components';
|
|
2
2
|
export { useAnimationEvents, useAttachedBoxes, useContainerWidth, type UseContainerWidthProps, useDeepCompareMemo, useDocumentBodyStyles, useNegativeMarginTop, useNegativeMarginLeft, useResponsiveValue, useWindowHeightFill, useWindowScrollLock, useMedia, useNullCheck, } from './hooks';
|
|
3
3
|
export { cssLayerComponent, cssLayerTheme, resetVariants, type ResetVariantProps, elementStyles, type ElementStylesProps, resetStyles, sprinkles, type StyleProps, type LegacyStyleProps, textStyles, type TextStylesProps, typography, type TypographyProps, type LegacyTextColours, } from './styles';
|
|
4
4
|
export { overdriveTokens as tokens } from './themes/theme.css';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../lib/index.ts"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
// Components
|
|
2
|
-
export { Actions, Alert, Anchor, AutoSuggest, Badge, Box, useBox, BulletList, Bullet, BulletText, Button, Calendar, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, DateField, TimeField, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, FlexStack, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, OptionList, OptionListContext, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, SliderProgress, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, Tooltip, useTooltip, VisuallyHidden } from "./components/index.js"; // Hooks
|
|
2
|
+
export { Actions, Alert, Anchor, AutoSuggest, Badge, Box, useBox, BulletList, Bullet, BulletText, Button, Calendar, CheckBox, ColourInput, Columns, Column, DateInput, DatePicker, DateTimeField, DateField, TimeField, DividerLine, DropDown, DropDownOption, EditableText, FillHeightBox, FlexInline, FlexStack, inline, stack, Flyout, Heading, HorizontalAutoScroller, useHorizontalAutoScroller, Icon, Image, ImageServerProvider, useImageServer, Inline, IntentStripe, LinearProgressIndicator, LoadingBox, MarkdownRenderer, Meta, MinimalModal, withModal, Modal, NumberBubble, NumberInput, OptionGrid, OptionList, OptionListContext, OrderedList, useOutsideClick, OutsideClick, OverdriveProvider, useRuntimeTokens, useTheme, ThemeProvider, ThemeOverrideProvider, ThemeOverrideDebugger, ThemeAnalyser, Pagination, Portal, EPositionerAlignment, Positioner, ProgressBar, ProgressBarGroup, ProgressSpinner, Radio, RadioGroup, ScrollPane, SearchBar, Section, SelectInput, SimplePagination, EPageChangeDirection, Slider, SliderProgress, SplitButton, Stack, StandardModal, EStandardModalSize, StarRating, EStarRatingSize, Stepper, StickyBox, Switch, Table, TableCell, TableHeadCell, TableRow, TableRowGroup, Tabs, Tab, TabList, TabPane, TabPanes, Text, TextAreaInput, TextBubble, TextContainer, TextInput, TextLink, useToast, ToastProvider, ToggleButtons, ToggleButton, Tooltip, useTooltip, VisuallyHidden } from "./components/index.js"; // Hooks
|
|
3
3
|
export { useAnimationEvents, useAttachedBoxes, useContainerWidth, useDeepCompareMemo, useDocumentBodyStyles, useNegativeMarginTop, useNegativeMarginLeft, useResponsiveValue, useWindowHeightFill, useWindowScrollLock, useMedia, useNullCheck } from "./hooks/index.js"; // Styles
|
|
4
4
|
export { cssLayerComponent, cssLayerTheme, resetVariants, elementStyles, resetStyles, sprinkles, textStyles, typography } from "./styles/index.js"; // Tokens & aliases
|
|
5
5
|
export { overdriveTokens as tokens } from "./themes/theme.css.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@autoguru/overdrive",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.58.0",
|
|
4
4
|
"description": "Overdrive is a product component library, and design system for AutoGuru.",
|
|
5
5
|
"types": "dist/index.d.ts",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
"@antebudimir/eslint-plugin-vanilla-extract": "^1.12.0",
|
|
130
130
|
"@autoguru/babel-preset": "3.2.0",
|
|
131
131
|
"@autoguru/eslint-plugin": "2.0.1",
|
|
132
|
-
"@autoguru/icons": "
|
|
132
|
+
"@autoguru/icons": "2.0.1",
|
|
133
133
|
"@autoguru/tsconfig": "1.3.1",
|
|
134
134
|
"@autoguru/utilities": "^1.3.3",
|
|
135
135
|
"@babel/cli": "7.28.3",
|
|
@@ -228,7 +228,7 @@
|
|
|
228
228
|
"webpack": "5.102.1"
|
|
229
229
|
},
|
|
230
230
|
"peerDependencies": {
|
|
231
|
-
"@autoguru/icons": ">=
|
|
231
|
+
"@autoguru/icons": ">=2.0.0",
|
|
232
232
|
"@autoguru/utilities": "^1.3.3",
|
|
233
233
|
"@popperjs/core": "^2.11.8",
|
|
234
234
|
"@vanilla-extract/dynamic": "^2.1.2",
|