@jobber/components 8.24.0 → 8.24.2-visual-reg-5479aeb.18
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/ProgressIndicator.d.ts +1 -0
- package/{DescriptionList.js → ProgressIndicator.js} +3 -3
- package/dist/AtlantisThemeContext/AtlantisThemeContext.d.ts +1 -1
- package/dist/AtlantisThemeContext/index.cjs +1 -2
- package/dist/AtlantisThemeContext/index.mjs +1 -2
- package/dist/AtlantisThemeContext/themeStore.d.ts +11 -0
- package/dist/AtlantisThemeContext/types.d.ts +14 -0
- package/dist/AtlantisThemeContext/updateTheme.d.ts +1 -1
- package/dist/AtlantisThemeContext-cjs.js +58 -17
- package/dist/AtlantisThemeContext-es.js +60 -20
- package/dist/Avatar-cjs.js +3 -2
- package/dist/Avatar-es.js +3 -2
- package/dist/BottomSheet-cjs.js +8 -7
- package/dist/BottomSheet-es.js +9 -8
- package/dist/ComboboxChipRemove-es.js +2 -2
- package/dist/DatePicker-es.js +1 -1
- package/dist/Dialog/Dialog.d.ts +47 -3
- package/dist/Dialog/Dialog.types.d.ts +1 -15
- package/dist/Dialog/DialogBottomSheet.d.ts +12 -13
- package/dist/Dialog/DialogModal.d.ts +11 -11
- package/dist/Dialog/dialogComposableShared.d.ts +13 -3
- package/dist/DrawerDescription-cjs.js +4 -97
- package/dist/DrawerDescription-es.js +6 -98
- package/dist/InputNumberExperimental-cjs.js +21 -25
- package/dist/InputNumberExperimental-es.js +22 -26
- package/dist/MenuSubmenuTrigger-es.js +3 -3
- package/dist/Modal/index.cjs +12 -2
- package/dist/Modal/index.mjs +13 -3
- package/dist/ProgressBar/ProgressBar.d.ts +7 -0
- package/dist/ProgressBar-cjs.js +4 -0
- package/dist/ProgressBar-es.js +4 -0
- package/dist/ProgressIndicator/ProgressIndicator.d.ts +60 -0
- package/dist/ProgressIndicator/index.cjs +9 -0
- package/dist/ProgressIndicator/index.d.ts +1 -0
- package/dist/ProgressIndicator/index.mjs +3 -0
- package/dist/ProgressIndicator-cjs.js +43 -0
- package/dist/ProgressIndicator-es.js +41 -0
- package/dist/ScrollAreaViewport-cjs.js +2122 -12
- package/dist/ScrollAreaViewport-es.js +2118 -13
- package/dist/dialogReturnFocus-cjs.js +61 -34
- package/dist/dialogReturnFocus-es.js +63 -36
- package/dist/docs/AtlantisThemeContext/AtlantisThemeContext.md +41 -0
- package/dist/docs/DataTable/DataTable.md +0 -4
- package/dist/docs/Dialog/Dialog.md +1006 -0
- package/dist/docs/Icon/Icon.md +60 -53
- package/dist/docs/InputNumberExperimental/InputNumberExperimental.md +578 -0
- package/dist/docs/ProgressBar/ProgressBar.md +9 -0
- package/dist/docs/ProgressIndicator/ProgressIndicator.md +105 -0
- package/dist/docs/Table/Table.md +1 -3
- package/dist/docs/index.md +3 -1
- package/dist/index.cjs +3 -4
- package/dist/index.d.mts +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.mjs +2 -3
- package/dist/isTypedArray-es.js +1 -1
- package/dist/primitives/InputNumberExperimental/InputNumberExperimental.d.ts +31 -15
- package/dist/primitives/InputNumberExperimental/types.d.ts +0 -1
- package/dist/styles.css +172 -51
- package/dist/unstyledPrimitives/index.cjs +218 -2230
- package/dist/unstyledPrimitives/index.mjs +224 -2236
- package/dist/useButton-es.js +1 -1
- package/dist/useScrollLock-es.js +2 -2
- package/dist/useScrollToActive-es.js +1 -1
- package/dist/utils/meta/meta.json +1 -1
- package/package.json +7 -7
- package/DescriptionList.d.ts +0 -1
- package/dist/DescriptionList/DescriptionList.d.ts +0 -11
- package/dist/DescriptionList/index.cjs +0 -10
- package/dist/DescriptionList/index.d.ts +0 -1
- package/dist/DescriptionList/index.mjs +0 -4
- package/dist/DescriptionList-cjs.js +0 -14
- package/dist/DescriptionList-es.js +0 -12
- package/dist/docs/DescriptionList/DescriptionList.md +0 -25
- package/dist/updateTheme-cjs.js +0 -20
- package/dist/updateTheme-es.js +0 -18
package/dist/useButton-es.js
CHANGED
|
@@ -1068,4 +1068,4 @@ function isValidLinkElement(elem) {
|
|
|
1068
1068
|
return Boolean(elem?.tagName === 'A' && elem?.href);
|
|
1069
1069
|
}
|
|
1070
1070
|
|
|
1071
|
-
export {
|
|
1071
|
+
export { triggerHover as $, ios as A, addEventListener as B, none as C, visuallyHiddenInput as D, visuallyHidden as E, inputChange as F, inputClear as G, inputBlur as H, inputPaste as I, createGenericEventDetails as J, wheel as K, useOnMount as L, incrementPress as M, decrementPress as N, useValueChanged as O, keyboard as P, outsidePress as Q, cancelOpen as R, SafeReact as S, Timeout as T, windowResize as U, itemPress as V, isMouseLikePointerType as W, triggerFocus as X, mac as Y, triggerPress as Z, escapeKey as _, useIsoLayoutEffect as a, useAnimationsFinished as a0, siblingOpen as a1, useCompositeRootContext as a2, android as a3, closeWatcher as a4, TransitionStatusDataAttributes as a5, swipe as a6, inputPress as a7, clearPress as a8, chipRemovePress as a9, lowerUserAgent as aa, apple as ab, resolveRef as ac, isReactEvent as ad, isClickLikeEvent as ae, AnimationFrame as af, pointer as ag, scrub as ah, useStableCallback as b, useButton as c, createChangeEventDetails as d, closePress as e, useOpenChangeComplete as f, getTarget as g, useTimeout as h, imperativeAction as i, error as j, useTransitionStatus as k, useId as l, useValueAsRef as m, useAnimationFrame as n, ownerDocument as o, activeElement as p, contains as q, listNavigation as r, stopEvent as s, transitionStatusMapping as t, useBaseUiId as u, focusOut as v, isVirtualClick as w, isVirtualPointerEvent as x, jsdom as y, useControlled as z };
|
package/dist/useScrollLock-es.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import React__default from 'react';
|
|
3
3
|
import { a as isHTMLElement, b as isElement, f as getComputedStyle, g as getNodeName, i as isShadowRoot, c as isNode, o as getWindow, d as isLastTraversableNode, e as getParentNode, m as isOverflowElement } from './floating-ui.utils.dom-es.js';
|
|
4
|
-
import { a as useIsoLayoutEffect, b as useStableCallback,
|
|
4
|
+
import { a as useIsoLayoutEffect, b as useStableCallback, aa as lowerUserAgent, ab as apple, q as contains, y as jsdom, E as visuallyHidden, s as stopEvent, o as ownerDocument, p as activeElement, B as addEventListener, d as createChangeEventDetails, v as focusOut, l as useId, m as useValueAsRef, h as useTimeout, n as useAnimationFrame, ac as resolveRef, $ as triggerHover, Q as outsidePress, w as isVirtualClick, x as isVirtualPointerEvent, g as getTarget, W as isMouseLikePointerType, Z as triggerPress, ad as isReactEvent, _ as escapeKey, T as Timeout, ae as isClickLikeEvent, C as none, k as useTransitionStatus, f as useOpenChangeComplete, A as ios, O as useValueChanged, a5 as TransitionStatusDataAttributes, af as AnimationFrame } from './useButton-es.js';
|
|
5
5
|
import { f as formatErrorMessage, a as useRefWithInit, i as isReactVersionAtLeast, N as NOOP, u as useRenderElement, E as EMPTY_OBJECT, c as useMergedRefs } from './useRenderElement-es.js';
|
|
6
6
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
7
7
|
import { f as floor } from './floating-ui.utils-es.js';
|
|
@@ -4244,4 +4244,4 @@ function useScrollLock(enabled = true, referenceElement = null) {
|
|
|
4244
4244
|
}, [enabled, referenceElement]);
|
|
4245
4245
|
}
|
|
4246
4246
|
|
|
4247
|
-
export {
|
|
4247
|
+
export { useOpenStateTransitions as $, ARROW_UP as A, pressableTriggerOpenStateMapping as B, CommonPopupDataAttributes as C, DISABLED_TRANSITIONS_STYLE as D, FloatingPortal as E, FOCUSABLE_POPUP_PROPS as F, inertValue as G, DROPDOWN_COLLISION_AVOIDANCE as H, InternalBackdrop as I, webkit as J, mergeCleanups as K, isTypeableElement as L, matchesFocusVisible as M, isTargetInsideEnabledTrigger as N, createAttribute as O, PopupTriggerMap as P, isInteractiveElement as Q, getNodeChildren as R, Store as S, POPUP_COLLISION_AVOIDANCE as T, FloatingNode as U, ReactStore as V, FloatingTreeStore as W, fastComponent as X, useInitialOpenSync as Y, useFloatingNodeId as Z, useImplicitActiveTrigger as _, FloatingFocusManager as a, attachPreventUnmountOnClose as a0, setPopupOpenState as a1, useSyncedFloatingRootContext as a2, TYPEAHEAD_RESET_MS as a3, usePopupInteractionProps as a4, FloatingTree as a5, getTabbableBeforeElement as a6, isOutsideEvent as a7, getTabbableAfterElement as a8, getNextTabbable as a9, fastComponentRef as aa, useTriggerDataForwarding as ab, FocusGuard as ac, PATIENT_CLICK_THRESHOLD as ad, useTriggerRegistration as ae, triggerOpenStateMapping as af, usePopupRootSync as ag, usePopupStore as ah, useOpenMethodTriggerProps as ai, CLICK_TRIGGER_IDENTIFIER as aj, BASE_UI_SWIPE_IGNORE_SELECTOR as ak, getGridNavigatedIndex as al, gecko as am, FloatingRootStore as b, createDefaultInitialFocus as c, useFloatingTree as d, isIndexOutOfListBounds as e, getMinListIndex as f, getFloatingFocusElement as g, getMaxListIndex as h, isTypeableCombobox as i, findNonDisabledListIndex as j, enqueueFocus as k, ARROW_DOWN as l, ARROW_LEFT as m, ARROW_RIGHT as n, isListIndexDisabled as o, popupStateMapping as p, isElementVisible as q, useDirection as r, useScrollLock as s, createSelector as t, useFloatingParentNodeId as u, useOpenInteractionType as v, useStore as w, useClick as x, useDismiss as y, useOnFirstRender as z };
|
|
@@ -3,7 +3,7 @@ import { g as getDefaultExportFromCjs } from './_commonjsHelpers-es.js';
|
|
|
3
3
|
import { _ as _baseFlatten } from './_baseFlatten-es.js';
|
|
4
4
|
import { a as _arrayMap, b as _baseGet } from './_getAllKeys-es.js';
|
|
5
5
|
import { _ as _baseEach, a as _baseIteratee } from './_baseEach-es.js';
|
|
6
|
-
import { b as isArrayLike_1,
|
|
6
|
+
import { b as isArrayLike_1, j as _baseUnary, a as isArray_1 } from './isTypedArray-es.js';
|
|
7
7
|
import { i as isSymbol_1 } from './isSymbol-es.js';
|
|
8
8
|
import { i as identity_1 } from './identity-es.js';
|
|
9
9
|
import { _ as _baseRest, a as _isIterateeCall } from './_isIterateeCall-es.js';
|
|
@@ -69,7 +69,6 @@
|
|
|
69
69
|
"DataTable.SortableHeader",
|
|
70
70
|
"DataTable.Table",
|
|
71
71
|
"DatePicker",
|
|
72
|
-
"DescriptionList",
|
|
73
72
|
"Dialog",
|
|
74
73
|
"Dialog.Actions",
|
|
75
74
|
"Dialog.Body",
|
|
@@ -203,6 +202,7 @@
|
|
|
203
202
|
"Popover.DismissButton",
|
|
204
203
|
"Popover.Provider",
|
|
205
204
|
"ProgressBar",
|
|
205
|
+
"ProgressIndicator",
|
|
206
206
|
"RadioGroup",
|
|
207
207
|
"RadioOption",
|
|
208
208
|
"ResponsiveSwitcher",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jobber/components",
|
|
3
|
-
"version": "8.24.
|
|
3
|
+
"version": "8.24.2-visual-reg-5479aeb.18+5479aebb",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/index.cjs",
|
|
@@ -150,10 +150,10 @@
|
|
|
150
150
|
"import": "./dist/DatePicker/index.mjs",
|
|
151
151
|
"require": "./dist/DatePicker/index.cjs"
|
|
152
152
|
},
|
|
153
|
-
"./
|
|
154
|
-
"types": "./dist/
|
|
155
|
-
"import": "./dist/
|
|
156
|
-
"require": "./dist/
|
|
153
|
+
"./Dialog": {
|
|
154
|
+
"types": "./dist/Dialog/index.d.ts",
|
|
155
|
+
"import": "./dist/Dialog/index.mjs",
|
|
156
|
+
"require": "./dist/Dialog/index.cjs"
|
|
157
157
|
},
|
|
158
158
|
"./Disclosure": {
|
|
159
159
|
"types": "./dist/Disclosure/index.d.ts",
|
|
@@ -486,7 +486,7 @@
|
|
|
486
486
|
"devDependencies": {
|
|
487
487
|
"@apollo/client": "^3.7.10",
|
|
488
488
|
"@csstools/postcss-global-data": "^1.0.3",
|
|
489
|
-
"@jobber/design": "0.107.
|
|
489
|
+
"@jobber/design": "0.107.1-visual-reg-5479aeb.32+5479aebb",
|
|
490
490
|
"@jobber/hooks": "2.21.0",
|
|
491
491
|
"@rollup/plugin-alias": "^5.1.0",
|
|
492
492
|
"@rollup/plugin-commonjs": "^25.0.7",
|
|
@@ -540,5 +540,5 @@
|
|
|
540
540
|
"> 1%",
|
|
541
541
|
"IE 10"
|
|
542
542
|
],
|
|
543
|
-
"gitHead": "
|
|
543
|
+
"gitHead": "5479aebba6969f3d68ca0fb11654375c8439ab96"
|
|
544
544
|
}
|
package/DescriptionList.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from "./dist/DescriptionList";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from "react";
|
|
2
|
-
import React from "react";
|
|
3
|
-
interface DescriptionListProps {
|
|
4
|
-
/**
|
|
5
|
-
* A tuple where the first item is the string to display as the term
|
|
6
|
-
* and the second value is the string to display as the definition
|
|
7
|
-
*/
|
|
8
|
-
readonly data: [string, string | ReactNode][];
|
|
9
|
-
}
|
|
10
|
-
export declare function DescriptionList({ data }: DescriptionListProps): React.JSX.Element;
|
|
11
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DescriptionList } from "./DescriptionList";
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var React = require('react');
|
|
4
|
-
var Typography = require('./Typography-cjs.js');
|
|
5
|
-
|
|
6
|
-
var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
|
|
7
|
-
|
|
8
|
-
function DescriptionList({ data }) {
|
|
9
|
-
return (React.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },
|
|
10
|
-
React.createElement(Typography.Typography, { element: "dt", textColor: "heading", size: "base" }, term),
|
|
11
|
-
React.createElement(Typography.Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.DescriptionList = DescriptionList;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React__default from 'react';
|
|
2
|
-
import { T as Typography } from './Typography-es.js';
|
|
3
|
-
|
|
4
|
-
var styles = {"descriptionList":"BkruJ2-bRWg-","termGroup":"tpCvfS7kyDQ-","spinning":"pkFPHChT5OI-"};
|
|
5
|
-
|
|
6
|
-
function DescriptionList({ data }) {
|
|
7
|
-
return (React__default.createElement("dl", { className: styles.descriptionList }, data.map(([term, description], i) => (React__default.createElement("div", { key: `${term}-${i}`, className: styles.termGroup },
|
|
8
|
-
React__default.createElement(Typography, { element: "dt", textColor: "heading", size: "base" }, term),
|
|
9
|
-
React__default.createElement(Typography, { element: "dd", textColor: "text", size: "base" }, description))))));
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
export { DescriptionList as D };
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
# Description List
|
|
2
|
-
|
|
3
|
-
Description Lists are used to display a list of terms and descriptions.
|
|
4
|
-
|
|
5
|
-
## Design & usage guidelines
|
|
6
|
-
|
|
7
|
-
The Description List is a great solution when you have a small list of
|
|
8
|
-
information with a 1:1 label-to-data relationship. For example, the issued and
|
|
9
|
-
due dates on an invoice, or the job type, billing type and duration of a job.
|
|
10
|
-
|
|
11
|
-
## Related components
|
|
12
|
-
|
|
13
|
-
* To list more complex collections of related information, consider using a
|
|
14
|
-
[List](../List/List.md).
|
|
15
|
-
* To display structured data for comparison, consider using a
|
|
16
|
-
[Table](../Table/Table.md).
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
## Props
|
|
20
|
-
|
|
21
|
-
### Web
|
|
22
|
-
|
|
23
|
-
| Prop | Type | Required | Default | Description |
|
|
24
|
-
|------|------|----------|---------|-------------|
|
|
25
|
-
| `data` | `[string, ReactNode][]` | Yes | — | A tuple where the first item is the string to display as the term and the second value is the string to display as th... |
|
package/dist/updateTheme-cjs.js
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var AtlantisThemeContext = require('./AtlantisThemeContext-cjs.js');
|
|
4
|
-
|
|
5
|
-
/**
|
|
6
|
-
* Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
|
|
7
|
-
* Will add data-theme="<newTheme>" to the <html> element.
|
|
8
|
-
* Will dispatch a custom event "atlantis.toggle-theme" with the new theme for other providers to subscribe to.
|
|
9
|
-
*/
|
|
10
|
-
function updateTheme(theme) {
|
|
11
|
-
if (!globalThis.window)
|
|
12
|
-
return;
|
|
13
|
-
const event = new CustomEvent(AtlantisThemeContext.THEME_CHANGE_EVENT, {
|
|
14
|
-
detail: { theme },
|
|
15
|
-
});
|
|
16
|
-
globalThis.document.documentElement.setAttribute("data-theme", theme);
|
|
17
|
-
globalThis.window.dispatchEvent(event);
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
exports.updateTheme = updateTheme;
|
package/dist/updateTheme-es.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import { T as THEME_CHANGE_EVENT } from './AtlantisThemeContext-es.js';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Toggle the theme of the application. If subscribed, the tokens will be updated accordingly.
|
|
5
|
-
* Will add data-theme="<newTheme>" to the <html> element.
|
|
6
|
-
* Will dispatch a custom event "atlantis.toggle-theme" with the new theme for other providers to subscribe to.
|
|
7
|
-
*/
|
|
8
|
-
function updateTheme(theme) {
|
|
9
|
-
if (!globalThis.window)
|
|
10
|
-
return;
|
|
11
|
-
const event = new CustomEvent(THEME_CHANGE_EVENT, {
|
|
12
|
-
detail: { theme },
|
|
13
|
-
});
|
|
14
|
-
globalThis.document.documentElement.setAttribute("data-theme", theme);
|
|
15
|
-
globalThis.window.dispatchEvent(event);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export { updateTheme as u };
|