@ultraviolet/ui 3.12.0 → 3.12.1
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/Breadcrumbs/components/Item.d.ts +2 -2
- package/dist/components/Breadcrumbs/components/Item.d.ts.map +1 -1
- package/dist/components/Breadcrumbs/components/Item.js +6 -3
- package/dist/components/Drawer/index.d.ts.map +1 -1
- package/dist/components/Drawer/index.js +14 -23
- package/dist/components/GlobalAlert/index.d.ts +2 -0
- package/dist/components/Link/index.d.ts +2 -1
- package/dist/components/Link/index.d.ts.map +1 -1
- package/dist/components/Link/index.js +2 -1
- package/dist/components/List/Row.d.ts +1 -0
- package/dist/components/List/Row.d.ts.map +1 -1
- package/dist/components/List/Row.js +11 -11
- package/dist/components/Modal/ModalContent.d.ts +1 -1
- package/dist/components/Modal/ModalContent.d.ts.map +1 -1
- package/dist/components/Modal/ModalContent.js +2 -1
- package/dist/components/Modal/components/Dialog.d.ts +1 -1
- package/dist/components/Modal/components/Dialog.d.ts.map +1 -1
- package/dist/components/Modal/components/Dialog.js +4 -3
- package/dist/components/Modal/index.d.ts +3 -1
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/components/Modal/index.js +3 -1
- package/dist/components/Modal/types.d.ts +1 -0
- package/dist/components/Modal/types.d.ts.map +1 -1
- package/dist/components/Slider/components/DoubleSlider.d.ts +1 -1
- package/dist/components/Slider/components/DoubleSlider.d.ts.map +1 -1
- package/dist/components/Slider/components/DoubleSlider.js +5 -3
- package/dist/components/Slider/components/Options.d.ts +2 -1
- package/dist/components/Slider/components/Options.d.ts.map +1 -1
- package/dist/components/Slider/components/Options.js +3 -3
- package/dist/components/Slider/components/SingleSlider.d.ts +1 -1
- package/dist/components/Slider/components/SingleSlider.d.ts.map +1 -1
- package/dist/components/Slider/components/SingleSlider.js +4 -2
- package/dist/components/Slider/index.d.ts +1 -1
- package/dist/components/Slider/index.d.ts.map +1 -1
- package/dist/components/Slider/index.js +4 -2
- package/dist/components/Slider/types.d.ts +4 -0
- package/dist/components/Slider/types.d.ts.map +1 -1
- package/dist/components/Stack/index.js +1 -1
- package/dist/components/Table/Header.d.ts +2 -1
- package/dist/components/Table/Header.d.ts.map +1 -1
- package/dist/components/Table/Header.js +2 -2
- package/dist/components/Table/HeaderCell.js +1 -1
- package/dist/components/Table/index.d.ts +2 -0
- package/dist/components/Table/index.d.ts.map +1 -1
- package/dist/components/Table/index.js +18 -15
- package/dist/components/Table/styles.css.d.ts +7 -1
- package/dist/components/Table/styles.css.d.ts.map +1 -1
- package/dist/components/Table/styles.css.js +18 -13
- package/dist/components/Tag/index.d.ts +21 -8
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/components/Tag/index.js +38 -1
- package/dist/components/Tag/styles.css.d.ts +13 -0
- package/dist/components/Tag/styles.css.d.ts.map +1 -1
- package/dist/components/Tag/styles.css.js +156 -17
- package/dist/components/Text/style.css.js +2 -0
- package/dist/components/Text/variables.css.js +0 -2
- package/dist/components/Toaster/components/Link.d.ts +1 -0
- package/dist/components/Toaster/components/Link.d.ts.map +1 -1
- package/dist/components/Toaster/index.d.ts +1 -0
- package/dist/components/Toaster/index.d.ts.map +1 -1
- package/dist/components/compositions/FAQ/styles.css.js +0 -2
- package/dist/components/compositions/InfoTable/components/Cell.d.ts +1 -2
- package/dist/components/compositions/InfoTable/components/Cell.d.ts.map +1 -1
- package/dist/components/compositions/InfoTable/components/Cell.js +13 -18
- package/dist/components/compositions/InfoTable/components/CellWithCopyButton.d.ts +18 -0
- package/dist/components/compositions/InfoTable/components/CellWithCopyButton.d.ts.map +1 -0
- package/dist/components/compositions/InfoTable/components/CellWithCopyButton.js +42 -0
- package/dist/components/compositions/InfoTable/index.d.ts +16 -5
- package/dist/components/compositions/InfoTable/index.d.ts.map +1 -1
- package/dist/components/compositions/InfoTable/index.js +4 -1
- package/dist/components/compositions/InfoTable/styles.css.d.ts +1 -1
- package/dist/components/compositions/InfoTable/styles.css.d.ts.map +1 -1
- package/dist/components/compositions/InfoTable/styles.css.js +1 -1
- package/dist/components/compositions/OfferList/components/Row.d.ts.map +1 -1
- package/dist/components/compositions/OfferList/components/Row.js +7 -2
- package/dist/components/compositions/OfferList/index.d.ts +1 -0
- package/dist/components/compositions/SteppedListCard/styles.css.js +2 -0
- package/dist/ui.css +1 -1
- package/package.json +2 -2
|
@@ -7,8 +7,8 @@ type ItemProps = {
|
|
|
7
7
|
*/
|
|
8
8
|
to?: string;
|
|
9
9
|
disabled?: boolean;
|
|
10
|
-
onClick?: (event: ReactMouseEvent<
|
|
11
|
-
onKeyDown?: (event: KeyboardEvent<
|
|
10
|
+
onClick?: (event: ReactMouseEvent<HTMLElement>) => void;
|
|
11
|
+
onKeyDown?: (event: KeyboardEvent<HTMLElement>) => void;
|
|
12
12
|
className?: string;
|
|
13
13
|
maxWidth?: string;
|
|
14
14
|
minWidth?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,IAAI,eAAe,EAC7B,SAAS,EACV,MAAM,OAAO,CAAA;AAQd,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EACX,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,CAAA;IACV;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,
|
|
1
|
+
{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../src/components/Breadcrumbs/components/Item.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EACV,aAAa,EACb,UAAU,IAAI,eAAe,EAC7B,SAAS,EACV,MAAM,OAAO,CAAA;AAQd,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,cAAc,CAAC,EACX,OAAO,GACP,OAAO,GACP,MAAM,GACN,MAAM,GACN,MAAM,GACN,UAAU,GACV,MAAM,GACN,MAAM,CAAA;IACV;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,eAAe,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,aAAa,CAAC,WAAW,CAAC,KAAK,IAAI,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA;AAED,eAAO,MAAM,IAAI,qKA6EhB,CAAA"}
|
|
@@ -23,6 +23,8 @@ var init_Item = __esmMin(() => {
|
|
|
23
23
|
if (to) return /* @__PURE__ */ jsx(Link, {
|
|
24
24
|
className: breadcrumbsStyle.link,
|
|
25
25
|
href: to,
|
|
26
|
+
onClick,
|
|
27
|
+
onKeyDown,
|
|
26
28
|
prominence: "stronger",
|
|
27
29
|
size: "small",
|
|
28
30
|
children
|
|
@@ -30,6 +32,8 @@ var init_Item = __esmMin(() => {
|
|
|
30
32
|
if (onClick) return /* @__PURE__ */ jsx(Button, {
|
|
31
33
|
className: breadcrumbsStyle.content,
|
|
32
34
|
disabled,
|
|
35
|
+
onClick,
|
|
36
|
+
onKeyDown,
|
|
33
37
|
sentiment: "neutral",
|
|
34
38
|
size: "small",
|
|
35
39
|
style: assignInlineVars({
|
|
@@ -51,13 +55,12 @@ var init_Item = __esmMin(() => {
|
|
|
51
55
|
maxWidth,
|
|
52
56
|
minWidth,
|
|
53
57
|
onClick,
|
|
54
|
-
to
|
|
58
|
+
to,
|
|
59
|
+
onKeyDown
|
|
55
60
|
]);
|
|
56
61
|
return /* @__PURE__ */ jsx("li", {
|
|
57
62
|
"aria-current": ariaCurrent,
|
|
58
63
|
className: cn(className, breadcrumbsStyle.itemContainer({ clickable: !!onClick }), breadcrumbsStyle.item),
|
|
59
|
-
onClick,
|
|
60
|
-
onKeyDown,
|
|
61
64
|
style: assignInlineVars({
|
|
62
65
|
[minWidthVar]: minWidth === null || minWidth === void 0 ? void 0 : minWidth.toString(),
|
|
63
66
|
[maxWidthVar]: maxWidth === null || maxWidth === void 0 ? void 0 : maxWidth.toString()
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAMhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAG5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,MAAM,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAMhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAG5C,KAAK,WAAW,GAAG,IAAI,CACrB,cAAc,CAAC,OAAO,KAAK,CAAC,EAC1B,WAAW,GACX,UAAU,GACV,WAAW,GACX,aAAa,GACb,YAAY,GACZ,oBAAoB,GACpB,WAAW,GACX,IAAI,GACJ,SAAS,GACT,MAAM,GACN,YAAY,GACZ,OAAO,CACV,GAAG;IACF,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,UAAU,CAAC,UAAU,CAAC,CAAA;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,IAAI,CAAC,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,GAAG,MAAM,CAAA;CACjD,CAAA;AAED,eAAO,MAAM,UAAU,6PAsHtB,CAAA;AAED,eAAO,MAAM,MAAM;;;;CAEjB,CAAA"}
|
|
@@ -6,7 +6,7 @@ import { Separator, init_Separator } from "../Separator/index.js";
|
|
|
6
6
|
import { Modal, init_Modal } from "../Modal/index.js";
|
|
7
7
|
import { drawerStyle, init_styles_css } from "./styles.css.js";
|
|
8
8
|
import { DrawerContent, init_DrawerContent } from "./DrawerContent.js";
|
|
9
|
-
import { useCallback, useLayoutEffect, useRef } from "react";
|
|
9
|
+
import { useCallback, useEffect, useLayoutEffect, useRef } from "react";
|
|
10
10
|
import { cn } from "@ultraviolet/utils";
|
|
11
11
|
import { jsx, jsxs } from "react/jsx-runtime";
|
|
12
12
|
|
|
@@ -37,28 +37,17 @@ var init_Drawer = __esmMin(() => {
|
|
|
37
37
|
targetElement.classList.remove(drawerStyle.contentToPushStyle);
|
|
38
38
|
}
|
|
39
39
|
}, [push]);
|
|
40
|
-
|
|
41
|
-
if (
|
|
42
|
-
}, [onOpenPush,
|
|
43
|
-
const computeHeader = (modalProps) => {
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
});
|
|
52
|
-
if (typeof header === "function") return /* @__PURE__ */ jsx(Text, {
|
|
53
|
-
as: "h2",
|
|
54
|
-
className: drawerStyle.header,
|
|
55
|
-
prominence: "default",
|
|
56
|
-
sentiment: "neutral",
|
|
57
|
-
variant: "headingSmallStrong",
|
|
58
|
-
children: header(modalProps)
|
|
59
|
-
});
|
|
60
|
-
return header;
|
|
61
|
-
};
|
|
40
|
+
useEffect(() => {
|
|
41
|
+
if (open) onOpenPush();
|
|
42
|
+
}, [onOpenPush, open]);
|
|
43
|
+
const computeHeader = (modalProps) => /* @__PURE__ */ jsx(Text, {
|
|
44
|
+
as: "h2",
|
|
45
|
+
className: drawerStyle.header,
|
|
46
|
+
prominence: "default",
|
|
47
|
+
sentiment: "neutral",
|
|
48
|
+
variant: "headingSmallStrong",
|
|
49
|
+
children: typeof header === "function" ? header(modalProps) : header
|
|
50
|
+
});
|
|
62
51
|
useLayoutEffect(() => {
|
|
63
52
|
var _document3;
|
|
64
53
|
const targetElement = push === "body" ? (_document3 = document) === null || _document3 === void 0 ? void 0 : _document3.body : push === null || push === void 0 ? void 0 : push.current;
|
|
@@ -81,11 +70,13 @@ var init_Drawer = __esmMin(() => {
|
|
|
81
70
|
hideOnEsc,
|
|
82
71
|
id,
|
|
83
72
|
isClosable,
|
|
73
|
+
isDrawer: true,
|
|
84
74
|
onBeforeClose: onClosePush,
|
|
85
75
|
onClose,
|
|
86
76
|
onOpen: onOpenPush,
|
|
87
77
|
open,
|
|
88
78
|
placement: "top-right",
|
|
79
|
+
preventBodyScroll: !push,
|
|
89
80
|
ref: modalRef,
|
|
90
81
|
size,
|
|
91
82
|
style,
|
|
@@ -23,6 +23,7 @@ export declare namespace GlobalAlert {
|
|
|
23
23
|
rel?: string | undefined;
|
|
24
24
|
className?: string | undefined;
|
|
25
25
|
onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
|
|
26
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
|
|
26
27
|
'aria-label'?: string | undefined;
|
|
27
28
|
'aria-current'?: "date" | "false" | "location" | "page" | "step" | "time" | "true" | boolean | undefined;
|
|
28
29
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -53,6 +54,7 @@ export declare namespace GlobalAlert {
|
|
|
53
54
|
rel?: string | undefined;
|
|
54
55
|
className?: string | undefined;
|
|
55
56
|
onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
|
|
57
|
+
onKeyDown?: import("react").KeyboardEventHandler<HTMLAnchorElement> | undefined;
|
|
56
58
|
'aria-label'?: string | undefined;
|
|
57
59
|
'aria-current'?: "date" | "false" | "location" | "page" | "step" | "time" | "true" | boolean | undefined;
|
|
58
60
|
'aria-keyshortcuts'?: string | undefined;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import type { RenderProp } from '@ultraviolet/utils';
|
|
2
|
-
import type { AnchorHTMLAttributes, CSSProperties, HTMLAttributeAnchorTarget, MouseEventHandler, ReactNode } from 'react';
|
|
2
|
+
import type { AnchorHTMLAttributes, CSSProperties, HTMLAttributeAnchorTarget, KeyboardEventHandler, MouseEventHandler, ReactNode } from 'react';
|
|
3
3
|
import type { PROMINENCES } from './constants';
|
|
4
4
|
export type ProminenceProps = keyof typeof PROMINENCES;
|
|
5
5
|
type LinkSizes = 'large' | 'small' | 'xsmall';
|
|
@@ -15,6 +15,7 @@ type LinkProps = {
|
|
|
15
15
|
rel?: AnchorHTMLAttributes<HTMLAnchorElement>['rel'];
|
|
16
16
|
className?: string;
|
|
17
17
|
onClick?: MouseEventHandler<HTMLAnchorElement>;
|
|
18
|
+
onKeyDown?: KeyboardEventHandler<HTMLAnchorElement>;
|
|
18
19
|
'aria-label'?: string;
|
|
19
20
|
'aria-current'?: AnchorHTMLAttributes<HTMLAnchorElement>['aria-current'];
|
|
20
21
|
'aria-keyshortcuts'?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EAEb,yBAAyB,EACzB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAEtD,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC7C,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,GAAG,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAA;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;IACxE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,GAAG,CACL;IACE;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;KACd;IACD;QACE;;;;;;;;;;;;WAYG;QACH,MAAM,EAAE,UAAU,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAA;KAC5D;CACF,CACF,CAAA;AAKD;;;GAGG;AACH,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Link/index.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AAEpD,OAAO,KAAK,EACV,oBAAoB,EACpB,aAAa,EAEb,yBAAyB,EACzB,oBAAoB,EACpB,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAId,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAG9C,MAAM,MAAM,eAAe,GAAG,MAAM,OAAO,WAAW,CAAA;AAEtD,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAA;AAC7C,KAAK,gBAAgB,GAAG,MAAM,GAAG,OAAO,CAAA;AAExC,KAAK,SAAS,GAAG;IACf,QAAQ,EAAE,SAAS,CAAA;IACnB,MAAM,CAAC,EAAE,yBAAyB,CAAA;IAClC,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,GAAG,MAAM,CAAA;IAC9B,UAAU,CAAC,EAAE,eAAe,CAAA;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,YAAY,CAAC,EAAE,gBAAgB,CAAA;IAC/B,GAAG,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAC,CAAA;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,OAAO,CAAC,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAA;IAC9C,SAAS,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAA;IACnD,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,cAAc,CAAC,CAAA;IACxE,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,OAAO,CAAC,EAAE,QAAQ,GAAG,YAAY,CAAA;IACjC,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,GAAG,GAAG,CACL;IACE;QACE,IAAI,CAAC,EAAE,MAAM,CAAA;KACd;IACD;QACE;;;;;;;;;;;;WAYG;QACH,MAAM,EAAE,UAAU,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,CAAA;KAC5D;CACF,CACF,CAAA;AAKD;;;GAGG;AACH,eAAO,MAAM,IAAI,yGAqHhB,CAAA"}
|
|
@@ -18,7 +18,7 @@ var init_Link = __esmMin(() => {
|
|
|
18
18
|
init_styles_css();
|
|
19
19
|
ICON_SIZE = "small";
|
|
20
20
|
BLANK_TARGET_ICON_SIZE = "small";
|
|
21
|
-
Link = forwardRef(({ children, href, target, download, sentiment = "info", prominence, size = "large", iconPosition, rel, className, onClick, "aria-label": ariaLabel, "aria-current": ariaCurrent, "aria-keyshortcuts": ariaKeyshortcuts, oneLine = false, "data-testid": dataTestId, variant = "standalone", style, render }, ref) => {
|
|
21
|
+
Link = forwardRef(({ children, href, target, download, sentiment = "info", prominence, size = "large", iconPosition, rel, className, onClick, onKeyDown, "aria-label": ariaLabel, "aria-current": ariaCurrent, "aria-keyshortcuts": ariaKeyshortcuts, oneLine = false, "data-testid": dataTestId, variant = "standalone", style, render }, ref) => {
|
|
22
22
|
const isBlank = target === "_blank";
|
|
23
23
|
const computedRel = rel !== null && rel !== void 0 ? rel : isBlank ? "noopener noreferrer" : void 0;
|
|
24
24
|
const [isTruncated, setIsTruncated] = useState(false);
|
|
@@ -70,6 +70,7 @@ var init_Link = __esmMin(() => {
|
|
|
70
70
|
download,
|
|
71
71
|
href,
|
|
72
72
|
onClick,
|
|
73
|
+
onKeyDown,
|
|
73
74
|
ref: usedRef,
|
|
74
75
|
rel: computedRel,
|
|
75
76
|
style,
|
|
@@ -23,6 +23,7 @@ type RowProps = {
|
|
|
23
23
|
onMouseEnter?: MouseEventHandler<HTMLTableRowElement>;
|
|
24
24
|
onMouseLeave?: MouseEventHandler<HTMLTableRowElement>;
|
|
25
25
|
onClick?: (id: string) => void;
|
|
26
|
+
disabledClickRowToExpand?: boolean;
|
|
26
27
|
};
|
|
27
28
|
export declare const Row: import("react").ForwardRefExoticComponent<RowProps & import("react").RefAttributes<HTMLTableRowElement>>;
|
|
28
29
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAWd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAUpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Row.d.ts","sourceRoot":"","sources":["../../../src/components/List/Row.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EACV,aAAa,EACb,iBAAiB,EACjB,SAAS,EAEV,MAAM,OAAO,CAAA;AAWd,OAAO,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;AAUpD,KAAK,QAAQ,GAAG;IACd,QAAQ,EAAE,SAAS,CAAA;IACnB,EAAE,EAAE,MAAM,CAAA;IACV,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,CAAC,CAAA;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,iBAAiB,CAAC,EAAE,MAAM,OAAO,KAAK,CAAA;IACtC,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,YAAY,CAAC,EAAE,iBAAiB,CAAC,mBAAmB,CAAC,CAAA;IACrD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9B,wBAAwB,CAAC,EAAE,OAAO,CAAA;CACnC,CAAA;AAED,eAAO,MAAM,GAAG,0GA+Of,CAAA"}
|
|
@@ -27,7 +27,7 @@ var init_Row = __esmMin(() => {
|
|
|
27
27
|
init_ListContext();
|
|
28
28
|
init_styles_css();
|
|
29
29
|
init_variables_css();
|
|
30
|
-
Row = forwardRef(({ children, id, expandable, disabled, selectDisabled, sentiment = "neutral", highlightAnimation, expanded, className, expandablePadding, "data-testid": dataTestid, style, "data-dragging": dataDragging, onMouseEnter, onMouseLeave, onClick }, forwardedRef) => {
|
|
30
|
+
Row = forwardRef(({ children, id, expandable, disabled, selectDisabled, sentiment = "neutral", highlightAnimation, expanded, className, expandablePadding, "data-testid": dataTestid, style, "data-dragging": dataDragging, onMouseEnter, onMouseLeave, onClick, disabledClickRowToExpand }, forwardedRef) => {
|
|
31
31
|
const { selectable, registerExpandableRow, expandedRowIds, expandRow, collapseRow, registerSelectableRow, selectedRowIds, expandButton, columns, inRange, refList, setRefList, handleOnChange } = useListContext();
|
|
32
32
|
const expandedRowId = useId();
|
|
33
33
|
const checkboxRef = useRef(null);
|
|
@@ -58,7 +58,7 @@ var init_Row = __esmMin(() => {
|
|
|
58
58
|
expandedRowIds,
|
|
59
59
|
id
|
|
60
60
|
]);
|
|
61
|
-
const
|
|
61
|
+
const cannotClickRowToExpand = disabledClickRowToExpand || disabled || expandButton || !expandable;
|
|
62
62
|
useEffect(() => {
|
|
63
63
|
if (checkboxRef.current !== null && !refList.includes(checkboxRef)) setRefList([...refList, checkboxRef]);
|
|
64
64
|
}, [refList, setRefList]);
|
|
@@ -81,20 +81,20 @@ var init_Row = __esmMin(() => {
|
|
|
81
81
|
"data-testid": dataTestid,
|
|
82
82
|
onClick: () => {
|
|
83
83
|
onClick === null || onClick === void 0 || onClick(id);
|
|
84
|
-
if (
|
|
84
|
+
if (!cannotClickRowToExpand) toggleRowExpand();
|
|
85
85
|
},
|
|
86
|
-
onKeyDown:
|
|
86
|
+
onKeyDown: cannotClickRowToExpand ? void 0 : (event) => {
|
|
87
87
|
if (event.key === " ") {
|
|
88
88
|
toggleRowExpand();
|
|
89
89
|
event.preventDefault();
|
|
90
90
|
}
|
|
91
|
-
}
|
|
91
|
+
},
|
|
92
92
|
onMouseEnter,
|
|
93
93
|
onMouseLeave,
|
|
94
94
|
ref: forwardedRef,
|
|
95
|
-
role:
|
|
95
|
+
role: cannotClickRowToExpand ? void 0 : "button row",
|
|
96
96
|
style,
|
|
97
|
-
tabIndex:
|
|
97
|
+
tabIndex: cannotClickRowToExpand ? -1 : 0,
|
|
98
98
|
children: [
|
|
99
99
|
selectable ? /* @__PURE__ */ jsx(ColumnProvider, {
|
|
100
100
|
width: theme.sizing[300],
|
|
@@ -150,12 +150,12 @@ var init_Row = __esmMin(() => {
|
|
|
150
150
|
"data-expandable-content": true,
|
|
151
151
|
"data-highlight": selectable && !!selectedRowIds[id],
|
|
152
152
|
id: expandedRowId,
|
|
153
|
-
onClick:
|
|
153
|
+
onClick: cannotClickRowToExpand ? void 0 : (e) => {
|
|
154
154
|
e.stopPropagation();
|
|
155
|
-
}
|
|
156
|
-
onKeyDown:
|
|
155
|
+
},
|
|
156
|
+
onKeyDown: cannotClickRowToExpand ? void 0 : (e) => {
|
|
157
157
|
e.stopPropagation();
|
|
158
|
-
}
|
|
158
|
+
},
|
|
159
159
|
children: /* @__PURE__ */ jsx(Cell, {
|
|
160
160
|
className: listStyle.expandableCell,
|
|
161
161
|
colSpan: totalColumns,
|
|
@@ -14,6 +14,6 @@ type ModalContentProps = ComponentProps<typeof Modal> & {
|
|
|
14
14
|
image?: string;
|
|
15
15
|
style?: CSSProperties;
|
|
16
16
|
};
|
|
17
|
-
export declare const ModalContent: ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
17
|
+
export declare const ModalContent: ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
18
18
|
export {};
|
|
19
19
|
//# sourceMappingURL=ModalContent.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"ModalContent.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/ModalContent.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,GAAG,CAAA;AAG9B,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAExD,KAAK,iBAAiB,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,GAAG;IACtD,OAAO,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,OAAO,CAAA;IACb,SAAS,EAAE,cAAc,CAAA;IACzB,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,EAAE,MAAM,CAAA;IACf,UAAU,EAAE,MAAM,IAAI,CAAA;IACtB,YAAY,EAAE,MAAM,IAAI,CAAA;IACxB,WAAW,EAAE,MAAM,IAAI,CAAA;IACvB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,YAAY,2TAsEf,CAAA"}
|
|
@@ -12,7 +12,7 @@ var init_ModalContent = __esmMin(() => {
|
|
|
12
12
|
init_Button();
|
|
13
13
|
init_Dialog();
|
|
14
14
|
init_styles_css();
|
|
15
|
-
ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref }) => visible || open ? /* @__PURE__ */ jsx(Dialog, {
|
|
15
|
+
ModalContent = ({ visible, open, placement, finalSize, ariaLabel, hideOnClickOutside, hideOnEsc, preventBodyScroll, handleClose, className, backdropClassName, dataTestId, isClosable, children, handleOpen, handleToggle, finalId, image, style, ref, isDrawer }) => visible || open ? /* @__PURE__ */ jsx(Dialog, {
|
|
16
16
|
ariaLabel,
|
|
17
17
|
backdropClassName,
|
|
18
18
|
className,
|
|
@@ -21,6 +21,7 @@ var init_ModalContent = __esmMin(() => {
|
|
|
21
21
|
hideOnEsc,
|
|
22
22
|
id: finalId,
|
|
23
23
|
image,
|
|
24
|
+
isDrawer,
|
|
24
25
|
onClose: handleClose,
|
|
25
26
|
open: visible || open,
|
|
26
27
|
placement,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DialogProps } from '../types';
|
|
2
|
-
export declare const Dialog: ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, 'data-testid': dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, image, style, ref, }: DialogProps) => import("react").ReactPortal;
|
|
2
|
+
export declare const Dialog: ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, 'data-testid': dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, image, style, ref, isDrawer, }: DialogProps) => import("react").ReactPortal;
|
|
3
3
|
//# sourceMappingURL=Dialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/Modal/components/Dialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAQ3C,eAAO,MAAM,MAAM,8OAyQlB,CAAA"}
|
|
@@ -21,7 +21,7 @@ var init_Dialog = __esmMin(() => {
|
|
|
21
21
|
event.preventDefault();
|
|
22
22
|
event.stopPropagation();
|
|
23
23
|
};
|
|
24
|
-
Dialog = ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, image, style, ref }) => {
|
|
24
|
+
Dialog = ({ children, placement, onClose, hideOnClickOutside, size, id, ariaLabel, className, "data-testid": dataTestId, preventBodyScroll, hideOnEsc, backdropClassName, image, style, ref, isDrawer }) => {
|
|
25
25
|
var _dialogRef$current2;
|
|
26
26
|
const [isVisible, setIsVisible] = useState(false);
|
|
27
27
|
const containerRef = useRef(document.createElement("div"));
|
|
@@ -33,7 +33,7 @@ var init_Dialog = __esmMin(() => {
|
|
|
33
33
|
setIsVisible(true);
|
|
34
34
|
}, []);
|
|
35
35
|
useEffect(() => {
|
|
36
|
-
registerModal({
|
|
36
|
+
if (!isDrawer) registerModal({
|
|
37
37
|
id,
|
|
38
38
|
ref: dialogRef
|
|
39
39
|
});
|
|
@@ -44,7 +44,8 @@ var init_Dialog = __esmMin(() => {
|
|
|
44
44
|
id,
|
|
45
45
|
registerModal,
|
|
46
46
|
unregisterModal,
|
|
47
|
-
dialogRef
|
|
47
|
+
dialogRef,
|
|
48
|
+
isDrawer
|
|
48
49
|
]);
|
|
49
50
|
useEffect(() => {
|
|
50
51
|
const element = containerRef.current;
|
|
@@ -24,10 +24,12 @@ export type ModalProps = {
|
|
|
24
24
|
image?: string;
|
|
25
25
|
style?: CSSProperties;
|
|
26
26
|
ref?: RefObject<HTMLDialogElement | null>;
|
|
27
|
+
/** When set to true, the modal is not counted in the nested-modals count */
|
|
28
|
+
isDrawer?: boolean;
|
|
27
29
|
};
|
|
28
30
|
/**
|
|
29
31
|
* Modal is a component that allows you to display content on top of other content.
|
|
30
32
|
* It is often used to display a dialog with additional information or to ask for a confirmation.
|
|
31
33
|
*/
|
|
32
|
-
export declare const Modal: ({ ariaLabel, id, children, disclosure, hideOnClickOutside, hideOnEsc, isClosable, onClose, onBeforeClose, onOpen, open, placement, preventBodyScroll, size, className, 'data-testid': dataTestId, backdropClassName, image, style, ref, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export declare const Modal: ({ ariaLabel, id, children, disclosure, hideOnClickOutside, hideOnEsc, isClosable, onClose, onBeforeClose, onOpen, open, placement, preventBodyScroll, size, className, 'data-testid': dataTestId, backdropClassName, image, style, ref, isDrawer, }: ModalProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
35
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK9E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAK9E,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEpE,MAAM,MAAM,UAAU,GAAG;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,GAAG,IAAI,CAAA;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,SAAS,CAAC,EAAE,cAAc,CAAA;IAC1B,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,QAAQ,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,UAAU,KAAK,SAAS,CAAC,CAAA;IACvD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzC,4EAA4E;IAC5E,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,KAAK,8SA6HjB,CAAA"}
|
|
@@ -12,7 +12,7 @@ var init_Modal = __esmMin(() => {
|
|
|
12
12
|
init_Disclosure();
|
|
13
13
|
init_ModalContent();
|
|
14
14
|
init_ModalProvider();
|
|
15
|
-
Modal = ({ ariaLabel = "modal", id, children, disclosure, hideOnClickOutside = true, hideOnEsc = true, isClosable = true, onClose, onBeforeClose, onOpen, open = false, placement = "center", preventBodyScroll = true, size = "small", className, "data-testid": dataTestId, backdropClassName, image, style, ref }) => {
|
|
15
|
+
Modal = ({ ariaLabel = "modal", id, children, disclosure, hideOnClickOutside = true, hideOnEsc = true, isClosable = true, onClose, onBeforeClose, onOpen, open = false, placement = "center", preventBodyScroll = true, size = "small", className, "data-testid": dataTestId, backdropClassName, image, style, ref, isDrawer }) => {
|
|
16
16
|
const [visible, setVisible] = useState(false);
|
|
17
17
|
const controlId = useId();
|
|
18
18
|
const disclosureRef = useRef(null);
|
|
@@ -59,6 +59,7 @@ var init_Modal = __esmMin(() => {
|
|
|
59
59
|
hideOnEsc,
|
|
60
60
|
image,
|
|
61
61
|
isClosable,
|
|
62
|
+
isDrawer,
|
|
62
63
|
open,
|
|
63
64
|
placement,
|
|
64
65
|
preventBodyScroll,
|
|
@@ -80,6 +81,7 @@ var init_Modal = __esmMin(() => {
|
|
|
80
81
|
hideOnEsc,
|
|
81
82
|
image,
|
|
82
83
|
isClosable,
|
|
84
|
+
isDrawer,
|
|
83
85
|
open,
|
|
84
86
|
placement,
|
|
85
87
|
preventBodyScroll,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AAE3E,MAAM,MAAM,cAAc,GACtB,QAAQ,GACR,aAAa,GACb,cAAc,GACd,QAAQ,GACR,KAAK,GACL,UAAU,GACV,WAAW,GACX,OAAO,GACP,MAAM,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG;IACvB,MAAM,EAAE,MAAM,IAAI,CAAA;IAClB,OAAO,EAAE,OAAO,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,eAAe,GAAG;IAC5B,UAAU,CAAC,EAAE,YAAY,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,KAAK,YAAY,CAAC,CAAA;IACjE,UAAU,EAAE,UAAU,CAAC,MAAM,CAAC,CAAA;IAC9B,WAAW,EAAE,UAAU,CAAC,OAAO,CAAC,CAAA;IAChC,OAAO,EAAE,UAAU,CAAC,SAAS,CAAC,CAAA;IAC9B,MAAM,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAA;IAC5B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAA;CACtC,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,OAAO,CAAA;IACb,IAAI,EAAE,SAAS,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,EAAE,cAAc,CAAA;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,GAAG,CAAC,EAAE,SAAS,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IACzC,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { DoubleSliderProps } from '../types';
|
|
2
|
-
export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, 'aria-label': ariaLabel, labelDescription, customValueDisplay, }: DoubleSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const DoubleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, 'aria-label': ariaLabel, labelDescription, defaultScale, customValueDisplay, }: DoubleSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=DoubleSlider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"DoubleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/DoubleSlider.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAGjD,eAAO,MAAM,YAAY,iWAwZxB,CAAA"}
|
|
@@ -25,7 +25,7 @@ var init_DoubleSlider = __esmMin(() => {
|
|
|
25
25
|
init_constant();
|
|
26
26
|
init_styles_css();
|
|
27
27
|
init_Options();
|
|
28
|
-
DoubleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, labelDescription, customValueDisplay }) => {
|
|
28
|
+
DoubleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, onFocus, options, unit, label, className, input, prefix, suffix, required, tooltipPosition, "aria-label": ariaLabel, labelDescription, defaultScale = false, customValueDisplay }) => {
|
|
29
29
|
var _selectedIndexes$;
|
|
30
30
|
const theme = useTheme();
|
|
31
31
|
const localId = useId();
|
|
@@ -53,12 +53,13 @@ var init_DoubleSlider = __esmMin(() => {
|
|
|
53
53
|
return 1;
|
|
54
54
|
};
|
|
55
55
|
const ticks = useMemo(() => {
|
|
56
|
+
if (options && defaultScale) return options;
|
|
56
57
|
if (options) return options.map((element, index) => ({
|
|
57
58
|
label: element.label,
|
|
58
59
|
value: index
|
|
59
60
|
}));
|
|
60
61
|
return [];
|
|
61
|
-
}, [options]);
|
|
62
|
+
}, [options, defaultScale]);
|
|
62
63
|
const internalOnChangeRef = useCallback((localValue) => {
|
|
63
64
|
var _localValue$;
|
|
64
65
|
var _localValue$2;
|
|
@@ -148,7 +149,7 @@ var init_DoubleSlider = __esmMin(() => {
|
|
|
148
149
|
return [null, null];
|
|
149
150
|
}, [tooltip, selectedIndexes]);
|
|
150
151
|
const placementTooltip = [(selectedIndexes[0] - min) / (max - min) * (sliderWidth - 16) + 16 / 2, (selectedIndexes[1] - min) / (max - min) * (sliderWidth - 16) + 16 / 2];
|
|
151
|
-
const [leftToShow, rightToShow] = options ? [options[selectedIndexes[0]].value, options[selectedIndexes[1]].value] : selectedIndexes;
|
|
152
|
+
const [leftToShow, rightToShow] = options && !defaultScale ? [options[selectedIndexes[0]].value, options[selectedIndexes[1]].value] : selectedIndexes;
|
|
152
153
|
useEffect(() => {
|
|
153
154
|
setSelectedIndexes(() => {
|
|
154
155
|
const newSafeValue = value && Array.isArray(value) && value.length === 2 ? value : [min, max];
|
|
@@ -286,6 +287,7 @@ var init_DoubleSlider = __esmMin(() => {
|
|
|
286
287
|
})
|
|
287
288
|
]
|
|
288
289
|
}), options ? /* @__PURE__ */ jsx(Options, {
|
|
290
|
+
defaultScale,
|
|
289
291
|
max,
|
|
290
292
|
min,
|
|
291
293
|
step,
|
|
@@ -7,6 +7,7 @@ export type OptionsProps = {
|
|
|
7
7
|
max: number;
|
|
8
8
|
value?: number | number[];
|
|
9
9
|
step: number;
|
|
10
|
+
defaultScale: boolean;
|
|
10
11
|
};
|
|
11
|
-
export declare const Options: ({ ticks, min, max, value, step }: OptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export declare const Options: ({ ticks, min, max, value, step, defaultScale, }: OptionsProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
13
|
//# sourceMappingURL=Options.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/Options.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC3B,EAAE,CAAA;IACH,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/Options.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;KAC3B,EAAE,CAAA;IACH,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,YAAY,EAAE,OAAO,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,OAAO,4GAuDnB,CAAA"}
|
|
@@ -10,12 +10,12 @@ var Options;
|
|
|
10
10
|
var init_Options = __esmMin(() => {
|
|
11
11
|
init_Text();
|
|
12
12
|
init_styles_css();
|
|
13
|
-
Options = ({ ticks, min, max, value, step }) => /* @__PURE__ */ jsx("datalist", {
|
|
13
|
+
Options = ({ ticks, min, max, value, step, defaultScale }) => /* @__PURE__ */ jsx("datalist", {
|
|
14
14
|
className: sliderStyle.datalist({ double: Array.isArray(value) }),
|
|
15
15
|
"data-double": Array.isArray(value),
|
|
16
16
|
children: ticks.map((element, index, { length }) => {
|
|
17
17
|
var _element$label;
|
|
18
|
-
const left = (index * step - min) * 100 / (max - min);
|
|
18
|
+
const left = defaultScale ? (element.value - min) * 100 / (max - min) : (index * step - min) * 100 / (max - min);
|
|
19
19
|
const formatedElement = (_element$label = element.label) !== null && _element$label !== void 0 ? _element$label : String(element.value);
|
|
20
20
|
const getIsSelected = () => {
|
|
21
21
|
if (!value) return false;
|
|
@@ -25,7 +25,7 @@ var init_Options = __esmMin(() => {
|
|
|
25
25
|
return /* @__PURE__ */ jsx("span", {
|
|
26
26
|
className: sliderStyle.option({
|
|
27
27
|
left: index === 0,
|
|
28
|
-
right: index === length - 1
|
|
28
|
+
right: defaultScale ? element.value === max : index === length - 1
|
|
29
29
|
}),
|
|
30
30
|
"data-element-left": index === 0,
|
|
31
31
|
"data-element-right": index === length - 1,
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import type { SingleSliderProps } from '../types';
|
|
2
|
-
export declare const SingleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, 'aria-label': ariaLabel, tooltipPosition, }: SingleSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
export declare const SingleSlider: ({ name, tooltip, direction, disabled, error, 'data-testid': dataTestId, value, onChange, min, max, step, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, 'aria-label': ariaLabel, tooltipPosition, defaultScale, }: SingleSliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
//# sourceMappingURL=SingleSlider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAKjD,eAAO,MAAM,YAAY,
|
|
1
|
+
{"version":3,"file":"SingleSlider.d.ts","sourceRoot":"","sources":["../../../../src/components/Slider/components/SingleSlider.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAKjD,eAAO,MAAM,YAAY,iWAmQxB,CAAA"}
|
|
@@ -27,7 +27,7 @@ var init_SingleSlider = __esmMin(() => {
|
|
|
27
27
|
init_styles_css();
|
|
28
28
|
init_Options();
|
|
29
29
|
init_objectSpread2();
|
|
30
|
-
SingleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, "aria-label": ariaLabel, tooltipPosition }) => {
|
|
30
|
+
SingleSlider = ({ name, tooltip, direction, disabled, error, "data-testid": dataTestId, value, onChange, min = 0, max = 100, step = 1, id, onBlur, unit, options, onFocus, className, label, input, prefix, suffix, required, labelDescription, customValueDisplay, "aria-label": ariaLabel, tooltipPosition, defaultScale = false }) => {
|
|
31
31
|
const localId = useId();
|
|
32
32
|
const theme = useTheme();
|
|
33
33
|
const finalId = id !== null && id !== void 0 ? id : localId;
|
|
@@ -44,12 +44,13 @@ var init_SingleSlider = __esmMin(() => {
|
|
|
44
44
|
setWidth(Number((_refSlider$current = refSlider.current) === null || _refSlider$current === void 0 ? void 0 : _refSlider$current.offsetWidth));
|
|
45
45
|
}, [refSlider]);
|
|
46
46
|
const ticks = useMemo(() => {
|
|
47
|
+
if (options && defaultScale) return options;
|
|
47
48
|
if (options) return options.map((element, index) => ({
|
|
48
49
|
label: element.label,
|
|
49
50
|
value: index
|
|
50
51
|
}));
|
|
51
52
|
return [];
|
|
52
|
-
}, [options]);
|
|
53
|
+
}, [options, defaultScale]);
|
|
53
54
|
const internalOnChange = useCallback((newValue) => {
|
|
54
55
|
if (!newValue) {
|
|
55
56
|
setSelectedIndex(min);
|
|
@@ -200,6 +201,7 @@ var init_SingleSlider = __esmMin(() => {
|
|
|
200
201
|
value: selectedIndex
|
|
201
202
|
})
|
|
202
203
|
}), options ? /* @__PURE__ */ jsx(Options, {
|
|
204
|
+
defaultScale,
|
|
203
205
|
max,
|
|
204
206
|
min,
|
|
205
207
|
step,
|
|
@@ -4,5 +4,5 @@ import type { SliderProps } from './types';
|
|
|
4
4
|
* - For a simple slider (one handle) : prop `value` must be number.
|
|
5
5
|
* - For a double slider (two handles): prop `value` must be an array of numbers (of length 2) and prop `double` must be set to `true`. **Make sure that others props have the correct type.**
|
|
6
6
|
*/
|
|
7
|
-
export declare const Slider: ({ name, label, helper, tooltip, direction, input, prefix, unit, suffix, required, disabled, error, options, 'data-testid': dataTestId, value, onChange, min, double, max, step, id, onBlur, onFocus, className, tooltipPosition, style, customValueDisplay, labelDescription, 'aria-label': ariaLabel, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare const Slider: ({ name, label, helper, tooltip, direction, input, prefix, unit, suffix, required, disabled, error, options, 'data-testid': dataTestId, value, onChange, min, double, max, step, id, onBlur, onFocus, className, tooltipPosition, style, customValueDisplay, labelDescription, 'aria-label': ariaLabel, defaultScale, }: SliderProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;GAIG;AACH,eAAO,MAAM,MAAM,kXAoIlB,CAAA"}
|
|
@@ -16,8 +16,8 @@ var init_Slider = __esmMin(() => {
|
|
|
16
16
|
init_DoubleSlider();
|
|
17
17
|
init_SingleSlider();
|
|
18
18
|
init_styles_css();
|
|
19
|
-
Slider = ({ name, label, helper, tooltip, direction = "column", input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min = 0, double, max = 100, step = 1, id, onBlur, onFocus, className, tooltipPosition = "top", style, customValueDisplay, labelDescription, "aria-label": ariaLabel }) => {
|
|
20
|
-
const correctedBounds = options ? {
|
|
19
|
+
Slider = ({ name, label, helper, tooltip, direction = "column", input, prefix, unit, suffix, required, disabled, error, options, "data-testid": dataTestId, value, onChange, min = 0, double, max = 100, step = 1, id, onBlur, onFocus, className, tooltipPosition = "top", style, customValueDisplay, labelDescription, "aria-label": ariaLabel, defaultScale = false }) => {
|
|
20
|
+
const correctedBounds = options && !defaultScale ? {
|
|
21
21
|
max: Array.isArray(options) ? options.length - 1 : max,
|
|
22
22
|
min: 0
|
|
23
23
|
} : {
|
|
@@ -46,6 +46,7 @@ var init_Slider = __esmMin(() => {
|
|
|
46
46
|
className,
|
|
47
47
|
customValueDisplay,
|
|
48
48
|
"data-testid": dataTestId,
|
|
49
|
+
defaultScale,
|
|
49
50
|
direction,
|
|
50
51
|
disabled,
|
|
51
52
|
error,
|
|
@@ -73,6 +74,7 @@ var init_Slider = __esmMin(() => {
|
|
|
73
74
|
className,
|
|
74
75
|
customValueDisplay,
|
|
75
76
|
"data-testid": dataTestId,
|
|
77
|
+
defaultScale,
|
|
76
78
|
direction,
|
|
77
79
|
disabled,
|
|
78
80
|
error,
|
|
@@ -60,6 +60,10 @@ type DefaultProps = {
|
|
|
60
60
|
value: number;
|
|
61
61
|
label?: string;
|
|
62
62
|
}[];
|
|
63
|
+
/**
|
|
64
|
+
* Set this prop to true to display the options without having a non-linear scale
|
|
65
|
+
*/
|
|
66
|
+
defaultScale?: boolean;
|
|
63
67
|
'data-testid'?: string;
|
|
64
68
|
} & Pick<HTMLAttributes<HTMLInputElement>, 'id' | 'onBlur' | 'onFocus' | 'aria-label' | 'className' | 'style'>;
|
|
65
69
|
type SingleProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtD,KAAK,YAAY,GAAG;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAC5B;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAA;IAClC;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,SAAS,CAAA;IAC9B;;OAEG;IACH,OAAO,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,GAAG,IAAI,CACN,cAAc,CAAC,gBAAgB,CAAC,EAChC,IAAI,GAAG,QAAQ,GAAG,SAAS,GAAG,YAAY,GAAG,WAAW,GAAG,OAAO,CACnE,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAA;IAC1B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;CACnB,CAAA;AAED,KAAK,WAAW,GAAG;IACjB;;OAEG;IACH,KAAK,EAAE,MAAM,EAAE,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAA;IACpC,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,EAAE,GAAG,MAAM,CAAA;IACrC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,EAAE,CAAA;CAC9B,CAAA;AAED,MAAM,MAAM,WAAW,GAAG,YAAY,GACpC,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG;IAC5B;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG,WAAW,CAAA;AAE1D,MAAM,MAAM,UAAU,GAAG;IACvB,SAAS,CAAC,EAAE,KAAK,GAAG,QAAQ,CAAA;IAC5B,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA"}
|