@iress-oss/ids-components 6.0.0-alpha.1 → 6.0.0-alpha.2
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/{Autocomplete-CLvWVHp6.js → Autocomplete-C5ubHBTi.js} +1 -1
- package/dist/{Button-D6AL0bia.js → Button-mmhMLwp9.js} +4 -1
- package/dist/{Provider-BXQiO7Gp.js → Provider-8wS70V56.js} +13 -13
- package/dist/{TableProvider-_4Whj6P5.js → TableProvider-bdUNuoG-.js} +1 -11
- package/dist/components/Alert/Alert.js +2 -2
- package/dist/components/Alert/Alert.styles.js +14 -14
- package/dist/components/Autocomplete/Autocomplete.js +2 -2
- package/dist/components/Autocomplete/index.js +1 -1
- package/dist/components/Badge/Badge.styles.js +4 -4
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/CloseButton/CloseButton.js +1 -1
- package/dist/components/Button/index.js +1 -1
- package/dist/components/Card/Card.styles.js +16 -16
- package/dist/components/Checkbox/Checkbox.styles.js +5 -5
- package/dist/components/CheckboxGroup/CheckboxGroup.styles.js +10 -10
- package/dist/components/Container/Container.styles.js +1 -1
- package/dist/components/Divider/Divider.styles.js +1 -1
- package/dist/components/Expander/Expander.styles.js +3 -3
- package/dist/components/Field/Field.styles.js +9 -9
- package/dist/components/Field/FieldGroup/FieldGroup.styles.js +5 -5
- package/dist/components/Field/components/FieldHint.js +1 -1
- package/dist/components/Filter/Filter.js +3 -3
- package/dist/components/Filter/Filter.styles.js +3 -3
- package/dist/components/Filter/components/FilterResetButton.js +1 -1
- package/dist/components/Inline/Inline.styles.js +1 -1
- package/dist/components/Input/Input.js +84 -86
- package/dist/components/Input/Input.styles.js +7 -7
- package/dist/components/Label/Label.styles.js +3 -3
- package/dist/components/Link/Link.styles.js +2 -2
- package/dist/components/Menu/Menu.js +1 -1
- package/dist/components/Menu/Menu.styles.js +11 -11
- package/dist/components/Menu/MenuItem/MenuItem.js +2 -2
- package/dist/components/Menu/MenuText/MenuText.js +1 -1
- package/dist/components/Modal/Modal.js +106 -112
- package/dist/components/Modal/Modal.styles.js +8 -8
- package/dist/components/Popover/components/NestedPopoverActivator.js +1 -1
- package/dist/components/Popover/components/PopoverContent.js +1 -1
- package/dist/components/Popover/helpers/handlePopoverTabKey.js +1 -1
- package/dist/components/Popover/hooks/usePopover.js +1 -1
- package/dist/components/Popover/hooks/usePopoverItem.js +1 -1
- package/dist/components/Popover/hooks/usePopoverNavigation.js +1 -1
- package/dist/components/Progress/Progress.js +35 -41
- package/dist/components/Progress/Progress.styles.js +3 -3
- package/dist/components/Provider/Provider.js +3 -3
- package/dist/components/Provider/index.js +1 -1
- package/dist/components/Radio/Radio.js +66 -60
- package/dist/components/Radio/Radio.styles.js +5 -5
- package/dist/components/RadioGroup/RadioGroup.styles.js +4 -4
- package/dist/components/Readonly/Readonly.styles.js +4 -4
- package/dist/components/RichSelect/RichSelect.js +2 -2
- package/dist/components/RichSelect/RichSelect.styles.js +9 -9
- package/dist/components/RichSelect/SelectHeading/SelectHeading.js +1 -1
- package/dist/components/RichSelect/SelectLabel/SelectLabel.styles.js +5 -5
- package/dist/components/RichSelect/SelectTags/SelectTags.js +49 -51
- package/dist/components/RichSelect/SelectTags/SelectTags.styles.js +3 -3
- package/dist/components/RichSelect/index.js +1 -1
- package/dist/components/Select/Select.styles.js +8 -8
- package/dist/components/Skeleton/Skeleton.styles.js +1 -1
- package/dist/components/SkipLink/SkipLink.js +1 -1
- package/dist/components/SkipLink/SkipLink.styles.js +1 -1
- package/dist/components/Slideout/Slideout.js +75 -70
- package/dist/components/Slideout/Slideout.styles.js +7 -7
- package/dist/components/Slideout/components/SlideoutInner.js +1 -1
- package/dist/components/Slideout/hooks/usePushElement.js +1 -1
- package/dist/components/Slider/Slider.styles.js +3 -3
- package/dist/components/Stack/Stack.styles.js +1 -1
- package/dist/components/TabSet/Tab/Tab.js +1 -1
- package/dist/components/TabSet/Tab/Tab.styles.js +2 -2
- package/dist/components/TabSet/TabSet.js +55 -52
- package/dist/components/TabSet/TabSet.styles.js +3 -3
- package/dist/components/Table/Table.js +1 -1
- package/dist/components/Table/TableBody/TableBody.js +1 -1
- package/dist/components/Table/TableProvider.js +2 -2
- package/dist/components/Table/components/TableEmpty.js +1 -1
- package/dist/components/Table/components/TableHeader.js +1 -1
- package/dist/components/Table/components/TableHeaderCell.js +1 -1
- package/dist/components/Table/components/TableRows.js +1 -1
- package/dist/components/Table/helpers/composeTableColumnDefs.js +1 -1
- package/dist/components/Table/hooks/useTableColumnSort.js +1 -1
- package/dist/components/Table/hooks/useTableColumnStyles.js +1 -1
- package/dist/components/Tag/Tag.js +1 -1
- package/dist/components/Tag/Tag.styles.js +4 -4
- package/dist/components/Text/Text.styles.js +3 -2
- package/dist/components/Toaster/Toaster.js +1 -1
- package/dist/components/Toaster/Toaster.styles.js +1 -1
- package/dist/components/Toaster/components/Toast/Toast.js +1 -1
- package/dist/components/Toaster/components/Toast/Toast.styles.js +12 -12
- package/dist/components/Toaster/components/Toast/ToastAnimated.js +18 -16
- package/dist/components/Toggle/Toggle.js +63 -58
- package/dist/components/Toggle/Toggle.styles.js +12 -12
- package/dist/components/Tooltip/Tooltip.js +1 -1
- package/dist/components/Tooltip/Tooltip.styles.js +1 -1
- package/dist/components/ValidationMessage/ValidationMessage.js +1 -1
- package/dist/components/ValidationMessage/ValidationSummary/ValidationSummary.js +4 -4
- package/dist/{composeTableColumnDefs-Hmd6yfdj.js → composeTableColumnDefs-BfFBOARB.js} +0 -10
- package/dist/constants.js +1 -1
- package/dist/{floating-ui.react-CmSaAiNF.js → floating-ui.react-BetVZ099.js} +1 -1
- package/dist/helpers/styling/mapGutterToGap.js +7 -7
- package/dist/helpers/transition/getTransitionDuration.js +2 -2
- package/dist/{index-CvOVcYUc.js → index-CZ9ot38T.js} +83 -131
- package/dist/{index.esm-8uZEha-3.js → index.esm-CL8gh5wr.js} +0 -4
- package/dist/main.js +3 -3
- package/dist/patterns/Loading/Loading.styles.js +13 -13
- package/dist/patterns/Loading/LoadingSuspense.js +27 -27
- package/dist/patterns/Loading/components/ComponentLoading.js +38 -43
- package/dist/patterns/Loading/components/PageLoading.js +57 -60
- package/dist/patterns/Loading/components/ValidateLoading.js +1 -1
- package/dist/patterns/Loading/hooks/useEstimatedProgressValue.js +8 -12
- package/dist/patterns/Loading/hooks/useShouldRenderLoading.js +14 -14
- package/dist/patterns/Shadow/Shadow.js +8831 -19057
- package/dist/src/components/Alert/Alert.styles.d.ts +1 -1
- package/dist/src/components/Badge/Badge.styles.d.ts +2 -2
- package/dist/src/components/Card/Card.styles.d.ts +2 -2
- package/dist/src/components/Checkbox/Checkbox.styles.d.ts +3 -3
- package/dist/src/components/CheckboxGroup/CheckboxGroup.styles.d.ts +4 -4
- package/dist/src/components/Expander/Expander.styles.d.ts +2 -2
- package/dist/src/components/Field/Field.styles.d.ts +6 -6
- package/dist/src/components/Inline/Inline.d.ts +1 -2
- package/dist/src/components/Menu/Menu.styles.d.ts +5 -5
- package/dist/src/components/Modal/Modal.styles.d.ts +2 -2
- package/dist/src/components/Radio/Radio.styles.d.ts +1 -1
- package/dist/src/components/RadioGroup/RadioGroup.styles.d.ts +4 -4
- package/dist/src/components/RichSelect/RichSelect.styles.d.ts +7 -7
- package/dist/src/components/Row/Row.d.ts +1 -2
- package/dist/src/components/Select/Select.styles.d.ts +7 -7
- package/dist/src/components/Skeleton/Skeleton.styles.d.ts +1 -1
- package/dist/src/components/Slideout/Slideout.styles.d.ts +2 -2
- package/dist/src/components/Stack/Stack.d.ts +1 -2
- package/dist/src/components/Toaster/components/Toast/Toast.styles.d.ts +4 -4
- package/dist/src/components/Toggle/Toggle.d.ts +10 -2
- package/dist/src/components/Toggle/Toggle.styles.d.ts +4 -4
- package/dist/src/interfaces.d.ts +8 -10
- package/dist/src/patterns/Loading/Loading.styles.d.ts +10 -10
- package/dist/src/styled-system/jsx/create-style-context.d.ts +17 -10
- package/dist/src/styled-system/tokens/tokens.d.ts +1 -1
- package/dist/src/styled-system/types/conditions.d.ts +1 -1
- package/dist/src/styled-system/types/jsx.d.ts +8 -6
- package/dist/src/styled-system/types/prop-type.d.ts +2 -2
- package/dist/src/types.d.ts +3 -1
- package/dist/style.css +1 -1
- package/package.json +17 -17
|
@@ -4,7 +4,7 @@ import { useIdIfNeeded as w } from "../../hooks/useIdIfNeeded.js";
|
|
|
4
4
|
import { TableEmpty as E } from "./components/TableEmpty.js";
|
|
5
5
|
import { propagateTestid as a } from "../../helpers/utility/propagateTestid.js";
|
|
6
6
|
import { TableHeader as G } from "./components/TableHeader.js";
|
|
7
|
-
import { T as R } from "../../TableProvider-
|
|
7
|
+
import { T as R } from "../../TableProvider-bdUNuoG-.js";
|
|
8
8
|
import { TableRows as $ } from "./components/TableRows.js";
|
|
9
9
|
import { table as k } from "./Table.styles.js";
|
|
10
10
|
import { c as h } from "../../cx-DN21T1EH.js";
|
|
@@ -7,7 +7,7 @@ import { useIdIfNeeded as V } from "../../../hooks/useIdIfNeeded.js";
|
|
|
7
7
|
import { TableRows as j } from "../components/TableRows.js";
|
|
8
8
|
import { useAriaRelationship as k } from "../../../hooks/useAriaRelationship.js";
|
|
9
9
|
import { table as A } from "../Table.styles.js";
|
|
10
|
-
import { T as E, a as T } from "../../../TableProvider-
|
|
10
|
+
import { T as E, a as T } from "../../../TableProvider-bdUNuoG-.js";
|
|
11
11
|
import { s as I } from "../../../factory-oPXoMw9H.js";
|
|
12
12
|
const G = ({
|
|
13
13
|
caption: a,
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "react";
|
|
3
|
-
import { a as m, T as p, g as T } from "../../TableProvider-
|
|
3
|
+
import { a as m, T as p, g as T } from "../../TableProvider-bdUNuoG-.js";
|
|
4
4
|
import "./helpers/composeTableInitialSorting.js";
|
|
5
|
-
import "../../composeTableColumnDefs-
|
|
5
|
+
import "../../composeTableColumnDefs-BfFBOARB.js";
|
|
6
6
|
export {
|
|
7
7
|
m as TableContext,
|
|
8
8
|
p as TableProvider,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useContext as n } from "react";
|
|
3
|
-
import { a as l } from "../../../TableProvider-
|
|
3
|
+
import { a as l } from "../../../TableProvider-bdUNuoG-.js";
|
|
4
4
|
const u = ({ children: t }) => {
|
|
5
5
|
const o = n(l);
|
|
6
6
|
if (o?.api.getSortedRowModel().rows?.length || !t) return null;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { propagateTestid as l } from "../../../helpers/utility/propagateTestid.js";
|
|
3
|
-
import { a as c, f } from "../../../TableProvider-
|
|
3
|
+
import { a as c, f } from "../../../TableProvider-bdUNuoG-.js";
|
|
4
4
|
import { TableHeaderCell as u } from "./TableHeaderCell.js";
|
|
5
5
|
import { useContext as x } from "react";
|
|
6
6
|
const $ = ({
|
|
@@ -3,7 +3,7 @@ import { useTableColumnStyles as u } from "../hooks/useTableColumnStyles.js";
|
|
|
3
3
|
import { useTableColumnSort as d } from "../hooks/useTableColumnSort.js";
|
|
4
4
|
import { TableSortButton as p } from "./TableSortButton.js";
|
|
5
5
|
import { useContext as C } from "react";
|
|
6
|
-
import { a as b } from "../../../TableProvider-
|
|
6
|
+
import { a as b } from "../../../TableProvider-bdUNuoG-.js";
|
|
7
7
|
const x = ({
|
|
8
8
|
additionalHeaders: m,
|
|
9
9
|
children: r,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { g as f, f as c } from "../../../TableProvider-
|
|
2
|
+
import { g as f, f as c } from "../../../TableProvider-bdUNuoG-.js";
|
|
3
3
|
import { TableBodyCell as u } from "./TableBodyCell.js";
|
|
4
4
|
import { propagateTestid as g } from "../../../helpers/utility/propagateTestid.js";
|
|
5
5
|
import { useContext as b } from "react";
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import "react/jsx-runtime";
|
|
2
2
|
import "../TableFormattedValue/TableFormattedValue.js";
|
|
3
3
|
import "../../../helpers/formatting/formatObjectKey.js";
|
|
4
|
-
import { a as t } from "../../../composeTableColumnDefs-
|
|
4
|
+
import { a as t } from "../../../composeTableColumnDefs-BfFBOARB.js";
|
|
5
5
|
export {
|
|
6
6
|
t as composeTableColumnDefs
|
|
7
7
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { tableCell as i } from "../Table.styles.js";
|
|
2
2
|
import { useContext as m } from "react";
|
|
3
|
-
import { a } from "../../../TableProvider-
|
|
3
|
+
import { a } from "../../../TableProvider-bdUNuoG-.js";
|
|
4
4
|
import { c as n } from "../../../css-fGu_jDvv.js";
|
|
5
5
|
import { s as l } from "../../../is-valid-prop-Ce0wiweq.js";
|
|
6
6
|
const h = ({
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as f, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as u } from "react";
|
|
3
3
|
import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
|
|
4
|
-
import "../../Button-
|
|
4
|
+
import "../../Button-mmhMLwp9.js";
|
|
5
5
|
import { IressCloseButton as x } from "../Button/CloseButton/CloseButton.js";
|
|
6
6
|
import { IressText as C } from "../Text/Text.js";
|
|
7
7
|
import { tag as g } from "./Tag.styles.js";
|
|
@@ -8,7 +8,7 @@ const t = o({
|
|
|
8
8
|
border: "divider",
|
|
9
9
|
borderRadius: "radius.system.badge",
|
|
10
10
|
display: "inline-flex",
|
|
11
|
-
gap: "spacing.
|
|
11
|
+
gap: "spacing.1",
|
|
12
12
|
px: "xs",
|
|
13
13
|
transition: "colors"
|
|
14
14
|
},
|
|
@@ -21,9 +21,9 @@ const t = o({
|
|
|
21
21
|
fontSize: "inherit",
|
|
22
22
|
minWidth: "[0]",
|
|
23
23
|
minHeight: "[0]",
|
|
24
|
-
py: "spacing.
|
|
25
|
-
px: "spacing.
|
|
26
|
-
mx: "spacing.
|
|
24
|
+
py: "spacing.0",
|
|
25
|
+
px: "spacing.0",
|
|
26
|
+
mx: "spacing.1",
|
|
27
27
|
_after: {
|
|
28
28
|
display: "none"
|
|
29
29
|
}
|
|
@@ -12,8 +12,8 @@ const e = /* @__PURE__ */ s("text", {
|
|
|
12
12
|
css: {
|
|
13
13
|
"& code": {
|
|
14
14
|
textStyle: "typography.code",
|
|
15
|
-
paddingBlock: "spacing.
|
|
16
|
-
paddingInline: "spacing.
|
|
15
|
+
paddingBlock: "spacing.0",
|
|
16
|
+
paddingInline: "spacing.1",
|
|
17
17
|
background: "colour.neutral.20",
|
|
18
18
|
color: "colour.neutral.80",
|
|
19
19
|
borderWidth: "0.5px",
|
|
@@ -33,6 +33,7 @@ const e = /* @__PURE__ */ s("text", {
|
|
|
33
33
|
},
|
|
34
34
|
"& a:not([class])": {
|
|
35
35
|
color: "colour.primary.text",
|
|
36
|
+
fontWeight: "var(--iress-typography-body-md--medium-font-weight, 500)",
|
|
36
37
|
textDecoration: "underline",
|
|
37
38
|
_hover: {
|
|
38
39
|
textDecoration: "none"
|
|
@@ -2,7 +2,7 @@ import { jsx as r, jsxs as u, Fragment as x } from "react/jsx-runtime";
|
|
|
2
2
|
import { useContext as b, useRef as v, useEffect as C, createElement as T } from "react";
|
|
3
3
|
import "../Stack/Stack.styles.js";
|
|
4
4
|
import { IressStack as g } from "../Stack/Stack.js";
|
|
5
|
-
import { g as h } from "../../floating-ui.react-
|
|
5
|
+
import { g as h } from "../../floating-ui.react-BetVZ099.js";
|
|
6
6
|
import { toaster as A } from "./Toaster.styles.js";
|
|
7
7
|
import { c as y } from "../../cx-DN21T1EH.js";
|
|
8
8
|
import { ToastAnimated as E } from "./components/Toast/ToastAnimated.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o, jsxs as a } from "react/jsx-runtime";
|
|
2
2
|
import { propagateTestid as i } from "../../../../helpers/utility/propagateTestid.js";
|
|
3
|
-
import "../../../../Button-
|
|
3
|
+
import "../../../../Button-mmhMLwp9.js";
|
|
4
4
|
import { IressCloseButton as h } from "../../../Button/CloseButton/CloseButton.js";
|
|
5
5
|
import "../../../Inline/Inline.styles.js";
|
|
6
6
|
import { IressInline as y } from "../../../Inline/Inline.js";
|
|
@@ -26,25 +26,25 @@ const n = o({
|
|
|
26
26
|
panel: {
|
|
27
27
|
borderWidth: "1px",
|
|
28
28
|
borderRadius: "radius.system.form",
|
|
29
|
-
padding: "spacing.
|
|
29
|
+
padding: "spacing.4",
|
|
30
30
|
textStyle: "typography.body.md.regular"
|
|
31
31
|
},
|
|
32
32
|
wrapper: {
|
|
33
33
|
lineHeight: "1.5",
|
|
34
|
-
paddingRight: "spacing.
|
|
34
|
+
paddingRight: "spacing.6"
|
|
35
35
|
},
|
|
36
36
|
icon: {
|
|
37
37
|
lineHeight: "normal"
|
|
38
38
|
},
|
|
39
39
|
heading: {
|
|
40
40
|
display: "inline-block",
|
|
41
|
-
marginBottom: "spacing.
|
|
42
|
-
marginRight: "spacing.
|
|
41
|
+
marginBottom: "spacing.1",
|
|
42
|
+
marginRight: "spacing.1",
|
|
43
43
|
"&:empty": {
|
|
44
44
|
display: "none"
|
|
45
45
|
},
|
|
46
46
|
"& > h2, & > h3, & > h4, & > h5, & > h6": {
|
|
47
|
-
marginBlock: "spacing.
|
|
47
|
+
marginBlock: "spacing.0",
|
|
48
48
|
textStyle: "typography.body.md.strong"
|
|
49
49
|
}
|
|
50
50
|
},
|
|
@@ -52,12 +52,12 @@ const n = o({
|
|
|
52
52
|
noGutter: !0
|
|
53
53
|
},
|
|
54
54
|
footer: {
|
|
55
|
-
paddingBlockStart: "spacing.
|
|
55
|
+
paddingBlockStart: "spacing.2"
|
|
56
56
|
},
|
|
57
57
|
closeButton: {
|
|
58
58
|
position: "absolute",
|
|
59
|
-
top: "spacing.
|
|
60
|
-
right: "spacing.
|
|
59
|
+
top: "spacing.1",
|
|
60
|
+
right: "spacing.1"
|
|
61
61
|
}
|
|
62
62
|
},
|
|
63
63
|
variants: {
|
|
@@ -97,24 +97,24 @@ const n = o({
|
|
|
97
97
|
"start-x": {
|
|
98
98
|
root: {
|
|
99
99
|
insetInlineStart: "[-100%]",
|
|
100
|
-
ms: "spacing.
|
|
100
|
+
ms: "spacing.4"
|
|
101
101
|
}
|
|
102
102
|
},
|
|
103
103
|
"end-x": {
|
|
104
104
|
root: {
|
|
105
105
|
insetInlineEnd: "[-100%]",
|
|
106
|
-
me: "spacing.
|
|
106
|
+
me: "spacing.4"
|
|
107
107
|
}
|
|
108
108
|
},
|
|
109
109
|
"start-y": {
|
|
110
110
|
root: {
|
|
111
|
-
mt: "spacing.
|
|
111
|
+
mt: "spacing.4",
|
|
112
112
|
transform: "[translateY(-100%)]"
|
|
113
113
|
}
|
|
114
114
|
},
|
|
115
115
|
"end-y": {
|
|
116
116
|
root: {
|
|
117
|
-
mb: "spacing.
|
|
117
|
+
mb: "spacing.4",
|
|
118
118
|
transform: "[translateY(100%)]"
|
|
119
119
|
}
|
|
120
120
|
},
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as T } from "react/jsx-runtime";
|
|
2
|
-
import { useState as x,
|
|
3
|
-
import { getTransitionDuration as
|
|
4
|
-
import { u as
|
|
5
|
-
import { toast as
|
|
2
|
+
import { useState as x, useEffect as f } from "react";
|
|
3
|
+
import { getTransitionDuration as S } from "../../../../helpers/transition/getTransitionDuration.js";
|
|
4
|
+
import { u as C, e as F } from "../../../../floating-ui.react-BetVZ099.js";
|
|
5
|
+
import { toast as O } from "./Toast.styles.js";
|
|
6
6
|
import { c as h } from "../../../../cx-DN21T1EH.js";
|
|
7
7
|
import { Toast as j } from "./Toast.js";
|
|
8
8
|
const q = ({
|
|
@@ -13,22 +13,24 @@ const q = ({
|
|
|
13
13
|
timeout: s = 6e3,
|
|
14
14
|
...l
|
|
15
15
|
}) => {
|
|
16
|
-
const [p, r] = x(!0)
|
|
16
|
+
const [p, r] = x(!0);
|
|
17
|
+
let e = 240;
|
|
18
|
+
const { context: t } = C({
|
|
17
19
|
open: p,
|
|
18
20
|
onOpenChange: r
|
|
19
|
-
})
|
|
20
|
-
|
|
21
|
+
});
|
|
22
|
+
t.refs.floating.current && (e = S(t.refs.floating.current));
|
|
23
|
+
const { isMounted: g, status: o } = F(t, {
|
|
24
|
+
duration: e
|
|
21
25
|
});
|
|
22
26
|
if (f(() => {
|
|
23
27
|
s && setTimeout(() => {
|
|
24
|
-
r(!1), setTimeout(() => a?.(),
|
|
28
|
+
r(!1), setTimeout(() => a?.(), e);
|
|
25
29
|
}, s);
|
|
26
|
-
}, [a, s]), f(() => {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}, [e, t.refs.floating]), !d) return !1;
|
|
31
|
-
const i = e === "close" ? "closed" : e, g = R({
|
|
30
|
+
}, [e, a, s]), f(() => {
|
|
31
|
+
o === "open" && t.refs.floating.current?.focus();
|
|
32
|
+
}, [o, t.refs.floating]), !g) return !1;
|
|
33
|
+
const i = o === "close" ? "closed" : o, d = O({
|
|
32
34
|
animation: u ?? "fade",
|
|
33
35
|
transitionState: i
|
|
34
36
|
});
|
|
@@ -36,10 +38,10 @@ const q = ({
|
|
|
36
38
|
j,
|
|
37
39
|
{
|
|
38
40
|
...l,
|
|
39
|
-
className: h(c,
|
|
41
|
+
className: h(c, d.root),
|
|
40
42
|
"data-state": i,
|
|
41
43
|
onClose: (n) => {
|
|
42
|
-
r(!1), setTimeout(() => m?.(n),
|
|
44
|
+
r(!1), setTimeout(() => m?.(n), e);
|
|
43
45
|
},
|
|
44
46
|
ref: (n) => t.refs.setFloating(n)
|
|
45
47
|
}
|
|
@@ -1,82 +1,87 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import {
|
|
3
|
-
import { propagateTestid as
|
|
4
|
-
import { IressCheckboxMark as
|
|
1
|
+
import { jsxs as x, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as N, useId as S, useEffect as T } from "react";
|
|
3
|
+
import { propagateTestid as f } from "../../helpers/utility/propagateTestid.js";
|
|
4
|
+
import { IressCheckboxMark as y } from "../CheckboxMark/CheckboxMark.js";
|
|
5
5
|
import "../CheckboxMark/CheckboxMark.styles.js";
|
|
6
|
-
import { toggle as
|
|
7
|
-
import { c as
|
|
8
|
-
import { c as
|
|
9
|
-
import { GlobalCSSClass as
|
|
10
|
-
import { s as
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
6
|
+
import { toggle as p } from "./Toggle.styles.js";
|
|
7
|
+
import { c as g } from "../../css-fGu_jDvv.js";
|
|
8
|
+
import { c as u } from "../../cx-DN21T1EH.js";
|
|
9
|
+
import { GlobalCSSClass as B } from "../../enums.js";
|
|
10
|
+
import { s as L } from "../../factory-oPXoMw9H.js";
|
|
11
|
+
import { useControlledState as _ } from "../../hooks/useControlledState.js";
|
|
12
|
+
const j = ({
|
|
13
|
+
hiddenLabel: r,
|
|
14
|
+
layout: l,
|
|
15
|
+
children: c,
|
|
16
|
+
"data-testid": n,
|
|
17
|
+
...s
|
|
17
18
|
}) => {
|
|
18
|
-
const
|
|
19
|
-
return /* @__PURE__ */
|
|
19
|
+
const i = p({ hiddenLabel: r, layout: l });
|
|
20
|
+
return /* @__PURE__ */ o(
|
|
20
21
|
"span",
|
|
21
22
|
{
|
|
22
|
-
...
|
|
23
|
-
className:
|
|
24
|
-
"data-testid":
|
|
25
|
-
children:
|
|
23
|
+
...s,
|
|
24
|
+
className: i.label,
|
|
25
|
+
"data-testid": f(n, "label"),
|
|
26
|
+
children: c
|
|
26
27
|
}
|
|
27
28
|
);
|
|
28
29
|
}, D = ({
|
|
29
|
-
checked:
|
|
30
|
-
hiddenLabel:
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
30
|
+
checked: r,
|
|
31
|
+
hiddenLabel: l,
|
|
32
|
+
defaultChecked: c,
|
|
33
|
+
children: n,
|
|
34
|
+
layout: s = "inline",
|
|
35
|
+
className: i,
|
|
36
|
+
onChange: b,
|
|
35
37
|
"data-testid": d,
|
|
36
|
-
...
|
|
38
|
+
...h
|
|
37
39
|
}) => {
|
|
38
|
-
const
|
|
39
|
-
hiddenLabel:
|
|
40
|
-
id:
|
|
40
|
+
const t = N(null), m = `toggleLabel--${S()}`, k = {
|
|
41
|
+
hiddenLabel: l,
|
|
42
|
+
id: m,
|
|
41
43
|
"data-testid": d
|
|
42
|
-
}, C = (
|
|
43
|
-
|
|
44
|
+
}, { value: e, setValue: C } = _({
|
|
45
|
+
component: "IressToggle",
|
|
46
|
+
propName: "checked",
|
|
47
|
+
defaultValue: c,
|
|
48
|
+
value: r
|
|
49
|
+
}), v = (I) => {
|
|
50
|
+
C(!e), b?.(!e, I);
|
|
44
51
|
};
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
), s.current.offsetHeight, s.current.classList.add(
|
|
51
|
-
u({ _before: { animationStyle: "toggle-active" } })
|
|
52
|
+
T(() => {
|
|
53
|
+
t.current && (t.current.classList.remove(
|
|
54
|
+
g({ _before: { animationStyle: "toggle-active" } })
|
|
55
|
+
), t.current.offsetHeight, t.current.classList.add(
|
|
56
|
+
g({ _before: { animationStyle: "toggle-active" } })
|
|
52
57
|
));
|
|
53
|
-
}, [
|
|
54
|
-
const
|
|
55
|
-
return /* @__PURE__ */
|
|
56
|
-
|
|
58
|
+
}, [e]);
|
|
59
|
+
const a = p({ layout: s, checked: !!e });
|
|
60
|
+
return /* @__PURE__ */ x(
|
|
61
|
+
L.div,
|
|
57
62
|
{
|
|
58
63
|
"data-testid": d,
|
|
59
|
-
...
|
|
60
|
-
className:
|
|
64
|
+
...h,
|
|
65
|
+
className: u(i, a.toggleBase, B.Toggle),
|
|
61
66
|
children: [
|
|
62
|
-
/* @__PURE__ */
|
|
63
|
-
/* @__PURE__ */
|
|
67
|
+
/* @__PURE__ */ o(j, { ...k, layout: s, children: n }),
|
|
68
|
+
/* @__PURE__ */ o("div", { className: a.toggleButtonContainer, children: /* @__PURE__ */ o(
|
|
64
69
|
"button",
|
|
65
70
|
{
|
|
66
|
-
className:
|
|
71
|
+
className: u(a.toggleButton),
|
|
67
72
|
role: "switch",
|
|
68
73
|
type: "button",
|
|
69
|
-
"aria-checked":
|
|
70
|
-
onClick:
|
|
71
|
-
"aria-labelledby":
|
|
72
|
-
"data-testid":
|
|
73
|
-
ref:
|
|
74
|
-
children: /* @__PURE__ */
|
|
75
|
-
|
|
74
|
+
"aria-checked": !!e,
|
|
75
|
+
onClick: v,
|
|
76
|
+
"aria-labelledby": m,
|
|
77
|
+
"data-testid": f(d, "button__button"),
|
|
78
|
+
ref: t,
|
|
79
|
+
children: /* @__PURE__ */ o(
|
|
80
|
+
y,
|
|
76
81
|
{
|
|
77
|
-
className:
|
|
82
|
+
className: a.checkboxMark,
|
|
78
83
|
bg: "transparent",
|
|
79
|
-
checked:
|
|
84
|
+
checked: !!e,
|
|
80
85
|
size: "sm"
|
|
81
86
|
}
|
|
82
87
|
)
|
|
@@ -11,7 +11,7 @@ const t = e({
|
|
|
11
11
|
base: {
|
|
12
12
|
toggleBase: {
|
|
13
13
|
display: "inline-flex",
|
|
14
|
-
gap: "spacing.
|
|
14
|
+
gap: "spacing.1",
|
|
15
15
|
color: "colour.primary.fill"
|
|
16
16
|
},
|
|
17
17
|
toggleButtonContainer: {
|
|
@@ -38,7 +38,7 @@ const t = e({
|
|
|
38
38
|
position: "relative",
|
|
39
39
|
justifyContent: "flex-start",
|
|
40
40
|
alignItems: "center",
|
|
41
|
-
padding: "spacing.
|
|
41
|
+
padding: "spacing.0",
|
|
42
42
|
cursor: "pointer",
|
|
43
43
|
border: "[none]",
|
|
44
44
|
backgroundColor: "transparent",
|
|
@@ -51,10 +51,10 @@ const t = e({
|
|
|
51
51
|
},
|
|
52
52
|
_before: {
|
|
53
53
|
content: '""',
|
|
54
|
-
top: "spacing.
|
|
55
|
-
left: "spacing.
|
|
56
|
-
right: "spacing.
|
|
57
|
-
bottom: "spacing.
|
|
54
|
+
top: "spacing.0",
|
|
55
|
+
left: "spacing.0",
|
|
56
|
+
right: "spacing.0",
|
|
57
|
+
bottom: "spacing.0",
|
|
58
58
|
position: "absolute",
|
|
59
59
|
borderRadius: "[{sizes.toggle.thumb}]",
|
|
60
60
|
pointerEvents: "none",
|
|
@@ -81,14 +81,14 @@ const t = e({
|
|
|
81
81
|
},
|
|
82
82
|
checkboxMark: {
|
|
83
83
|
opacity: 0,
|
|
84
|
-
marginInlineStart: "spacing.
|
|
84
|
+
marginInlineStart: "spacing.1",
|
|
85
85
|
"&&:hover": {
|
|
86
86
|
bg: "transparent"
|
|
87
87
|
}
|
|
88
88
|
},
|
|
89
89
|
label: {
|
|
90
90
|
display: "inline-block",
|
|
91
|
-
marginInlineEnd: "spacing.
|
|
91
|
+
marginInlineEnd: "spacing.1",
|
|
92
92
|
color: "colour.neutral.80",
|
|
93
93
|
textStyle: "typography.body.md.strong",
|
|
94
94
|
lineHeight: "1.5rem"
|
|
@@ -109,8 +109,8 @@ const t = e({
|
|
|
109
109
|
flexDirection: "row-reverse"
|
|
110
110
|
},
|
|
111
111
|
label: {
|
|
112
|
-
marginInlineStart: "spacing.
|
|
113
|
-
marginInlineEnd: "spacing.
|
|
112
|
+
marginInlineStart: "spacing.1",
|
|
113
|
+
marginInlineEnd: "spacing.0"
|
|
114
114
|
}
|
|
115
115
|
},
|
|
116
116
|
"inline-between": {
|
|
@@ -129,7 +129,7 @@ const t = e({
|
|
|
129
129
|
},
|
|
130
130
|
label: {
|
|
131
131
|
display: "block",
|
|
132
|
-
marginBlockEnd: "spacing.
|
|
132
|
+
marginBlockEnd: "spacing.1"
|
|
133
133
|
}
|
|
134
134
|
}
|
|
135
135
|
},
|
|
@@ -140,7 +140,7 @@ const t = e({
|
|
|
140
140
|
display: "inline-block"
|
|
141
141
|
},
|
|
142
142
|
checkboxMark: {
|
|
143
|
-
marginInlineEnd: "spacing.
|
|
143
|
+
marginInlineEnd: "spacing.1"
|
|
144
144
|
}
|
|
145
145
|
}
|
|
146
146
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as m, jsx as a } from "react/jsx-runtime";
|
|
2
2
|
import { useState as w, useEffect as j, Fragment as N } from "react";
|
|
3
3
|
import { c as O } from "../../cx-DN21T1EH.js";
|
|
4
|
-
import { u as P, o as R, i as E, j as G, s as H, k as L, l as k, b as B, c as D, d as M } from "../../floating-ui.react-
|
|
4
|
+
import { u as P, o as R, i as E, j as G, s as H, k as L, l as k, b as B, c as D, d as M } from "../../floating-ui.react-BetVZ099.js";
|
|
5
5
|
import { propagateTestid as p } from "../../helpers/utility/propagateTestid.js";
|
|
6
6
|
import { toArray as W } from "../../helpers/formatting/toArray.js";
|
|
7
7
|
import { idsLogger as q } from "../../helpers/utility/idsLogger.js";
|
|
@@ -32,7 +32,7 @@ const b = ({
|
|
|
32
32
|
},
|
|
33
33
|
className: p(i, x.ValidationMessage),
|
|
34
34
|
children: [
|
|
35
|
-
/* @__PURE__ */ s(l.div, { srOnly: !d, display: "inline", pe: "spacing.
|
|
35
|
+
/* @__PURE__ */ s(l.div, { srOnly: !d, display: "inline", pe: "spacing.1", children: /* @__PURE__ */ s(b, { prefix: m, status: o }) }),
|
|
36
36
|
/* @__PURE__ */ s(l.div, { display: "inline", children: r })
|
|
37
37
|
]
|
|
38
38
|
}
|
|
@@ -24,15 +24,15 @@ const N = ({
|
|
|
24
24
|
{
|
|
25
25
|
"data-testid": a,
|
|
26
26
|
listStyle: "none",
|
|
27
|
-
m: "spacing.
|
|
28
|
-
p: "spacing.
|
|
27
|
+
m: "spacing.0",
|
|
28
|
+
p: "spacing.0",
|
|
29
29
|
...m,
|
|
30
30
|
className: S(u, h.ValidationSummary),
|
|
31
31
|
children: [
|
|
32
32
|
o.map((i) => /* @__PURE__ */ r(
|
|
33
33
|
e.li,
|
|
34
34
|
{
|
|
35
|
-
m: "spacing.
|
|
35
|
+
m: "spacing.0",
|
|
36
36
|
children: /* @__PURE__ */ r(
|
|
37
37
|
c,
|
|
38
38
|
{
|
|
@@ -48,7 +48,7 @@ const N = ({
|
|
|
48
48
|
},
|
|
49
49
|
`${x}-${i.linkToTarget}-${i.message}`
|
|
50
50
|
)),
|
|
51
|
-
t && /* @__PURE__ */ r(e.li, { m: "spacing.
|
|
51
|
+
t && /* @__PURE__ */ r(e.li, { m: "spacing.0", children: /* @__PURE__ */ r(
|
|
52
52
|
c,
|
|
53
53
|
{
|
|
54
54
|
status: n,
|
|
@@ -1,16 +1,6 @@
|
|
|
1
1
|
import { jsx as pe } from "react/jsx-runtime";
|
|
2
2
|
import { IressTableFormattedValue as Se } from "./components/Table/TableFormattedValue/TableFormattedValue.js";
|
|
3
3
|
import { formatObjectKey as me } from "./helpers/formatting/formatObjectKey.js";
|
|
4
|
-
/**
|
|
5
|
-
* table-core
|
|
6
|
-
*
|
|
7
|
-
* Copyright (c) TanStack
|
|
8
|
-
*
|
|
9
|
-
* This source code is licensed under the MIT license found in the
|
|
10
|
-
* LICENSE.md file in the root directory of this source tree.
|
|
11
|
-
*
|
|
12
|
-
* @license MIT
|
|
13
|
-
*/
|
|
14
4
|
function Ce() {
|
|
15
5
|
return {
|
|
16
6
|
accessor: (e, o) => typeof e == "function" ? {
|
package/dist/constants.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as d from "react";
|
|
2
2
|
import { useLayoutEffect as Gn } from "react";
|
|
3
|
-
import { t as At, i as jn, f as Pr } from "./index.esm-
|
|
3
|
+
import { t as At, i as jn, f as Pr } from "./index.esm-CL8gh5wr.js";
|
|
4
4
|
import { jsx as me, jsxs as qn, Fragment as Dr } from "react/jsx-runtime";
|
|
5
5
|
import * as nn from "react-dom";
|
|
6
6
|
function St() {
|