@worknice/whiteboard 0.39.1 → 0.41.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/controls/ButtonLink.d.ts +12 -6
- package/dist/controls/ButtonLink.js +15 -6
- package/dist/controls/ButtonLink.module.js +1 -0
- package/dist/controls/ButtonLink.stories.d.ts +14 -6
- package/dist/controls/ButtonLink.stories.js +15 -1
- package/dist/controls/ButtonLink_module.css +16 -0
- package/dist/controls/Button_module.css +11 -0
- package/dist/controls/MenuButton_module.css +11 -0
- package/dist/fields/ListBoxField.d.ts +2 -1
- package/dist/fields/ListBoxField.js +3 -2
- package/dist/forms/FormButtonSet.d.ts +1 -0
- package/dist/forms/FormButtonSet.js +2 -2
- package/dist/hud/NavItemChild_module.css +0 -6
- package/dist/hud/NavItem_module.css +0 -6
- package/dist/hud/NavSection.module.js +1 -2
- package/dist/hud/NavSection_module.css +0 -6
- package/dist/hud/ToolbarButton.d.ts +3 -1
- package/dist/hud/ToolbarButton.js +8 -3
- package/dist/hud/ToolbarButton.module.js +1 -0
- package/dist/hud/ToolbarButton_module.css +4 -0
- package/dist/icons/ArrowsUpDownIcon.d.ts +3 -0
- package/dist/icons/ArrowsUpDownIcon.js +11 -0
- package/dist/icons/EditIcon.js +2 -2
- package/dist/icons/index.d.ts +1 -0
- package/dist/icons/index.js +2 -1
- package/dist/inputs/CheckboxInput.js +2 -0
- package/dist/inputs/CheckboxInput_module.css +2 -2
- package/dist/inputs/ListBoxInput.d.ts +2 -1
- package/dist/inputs/ListBoxInput.js +4 -2
- package/dist/inputs/ListBoxInput.module.js +1 -0
- package/dist/inputs/ListBoxInput_module.css +4 -0
- package/dist/inputs/MultipleFileInput.js +1 -1
- package/dist/inputs/RadioInput_module.css +2 -2
- package/dist/layouts/FullLayout_module.css +0 -28
- package/dist/presentation/ConfirmationModal.js +4 -2
- package/dist/presentation/Slot.js +6 -3
- package/dist/presentation/Table.d.ts +3 -1
- package/dist/presentation/Table.js +48 -31
- package/dist/presentation/Table.module.js +1 -1
- package/dist/presentation/Table_module.css +4 -4
- package/dist/presentation/Tooltip_module.css +1 -0
- package/dist/shared.css +3 -0
- package/package.json +2 -2
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { type ReactNode } from "react";
|
|
2
2
|
type Props = {
|
|
3
|
-
children: ReactNode;
|
|
4
3
|
disabled?: boolean;
|
|
5
4
|
/** What to download, if true the href is used as the download filename.
|
|
6
5
|
*
|
|
@@ -10,11 +9,18 @@ type Props = {
|
|
|
10
9
|
/** Whether the link should open in a new tab. */
|
|
11
10
|
external?: boolean;
|
|
12
11
|
href: string;
|
|
13
|
-
icon?: ReactNode;
|
|
14
|
-
iconRight?: ReactNode;
|
|
15
12
|
id?: string;
|
|
16
|
-
type?: "primary" | "secondary";
|
|
13
|
+
type?: "primary" | "secondary" | "ghost";
|
|
17
14
|
size?: "normal" | "small";
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
tooltip?: ReactNode | null;
|
|
16
|
+
} & ({
|
|
17
|
+
children: ReactNode;
|
|
18
|
+
icon?: ReactNode;
|
|
19
|
+
iconRight?: ReactNode;
|
|
20
|
+
} | {
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
icon: ReactNode;
|
|
23
|
+
iconRight?: ReactNode;
|
|
24
|
+
});
|
|
25
|
+
declare const ButtonLink: ({ children, disabled, download, external, href, icon, iconRight, id, type, size, tooltip, }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
20
26
|
export default ButtonLink;
|
|
@@ -2,25 +2,30 @@
|
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
|
|
5
|
+
import * as __WEBPACK_EXTERNAL_MODULE__presentation_Tooltip_js_95312a0d__ from "../presentation/Tooltip.js";
|
|
5
6
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from "../utils/TrackingContext.js";
|
|
6
7
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
|
|
7
8
|
import * as __WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__ from "./ButtonLink.module.js";
|
|
8
|
-
const ButtonLink = ({ children, disabled, download, external, href, icon, iconRight, id, type, size })=>{
|
|
9
|
+
const ButtonLink = ({ children, disabled, download, external, href, icon, iconRight, id, type, size, tooltip })=>{
|
|
9
10
|
const { Link: NextLink } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
|
|
10
11
|
const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
|
|
11
|
-
|
|
12
|
+
const button = disabled ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
|
|
12
13
|
className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].button, __WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].disabled, __WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].small),
|
|
13
14
|
children: [
|
|
14
15
|
icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
15
16
|
children: icon
|
|
16
17
|
}) : null,
|
|
17
|
-
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
18
|
+
children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
18
19
|
children: children
|
|
19
|
-
})
|
|
20
|
+
}) : null,
|
|
21
|
+
iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
22
|
+
children: iconRight
|
|
23
|
+
}) : null
|
|
20
24
|
]
|
|
21
25
|
}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(NextLink, {
|
|
22
26
|
className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].button, {
|
|
23
27
|
[__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].primary]: "primary" === type,
|
|
28
|
+
[__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].ghost]: "ghost" === type,
|
|
24
29
|
[__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].small]: "small" === size,
|
|
25
30
|
[__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].iconOnly]: void 0 === children
|
|
26
31
|
}),
|
|
@@ -35,14 +40,18 @@ const ButtonLink = ({ children, disabled, download, external, href, icon, iconRi
|
|
|
35
40
|
icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
36
41
|
children: icon
|
|
37
42
|
}) : null,
|
|
38
|
-
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
43
|
+
children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
39
44
|
children: children
|
|
40
|
-
}),
|
|
45
|
+
}) : null,
|
|
41
46
|
iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
|
|
42
47
|
children: iconRight
|
|
43
48
|
}) : null
|
|
44
49
|
]
|
|
45
50
|
});
|
|
51
|
+
return tooltip ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Tooltip_js_95312a0d__["default"], {
|
|
52
|
+
content: tooltip,
|
|
53
|
+
children: button
|
|
54
|
+
}) : button;
|
|
46
55
|
};
|
|
47
56
|
const ButtonLink_rslib_entry_ = ButtonLink;
|
|
48
57
|
export { ButtonLink_rslib_entry_ as default };
|
|
@@ -1,17 +1,23 @@
|
|
|
1
1
|
import type { StoryObj } from "@storybook/nextjs-vite";
|
|
2
2
|
declare const meta: {
|
|
3
|
-
component: ({ children, disabled, download, external, href, icon, iconRight, id, type, size, }: {
|
|
4
|
-
children: import("react").ReactNode;
|
|
3
|
+
component: ({ children, disabled, download, external, href, icon, iconRight, id, type, size, tooltip, }: {
|
|
5
4
|
disabled?: boolean;
|
|
6
5
|
download?: string | boolean;
|
|
7
6
|
external?: boolean;
|
|
8
7
|
href: string;
|
|
9
|
-
icon?: import("react").ReactNode;
|
|
10
|
-
iconRight?: import("react").ReactNode;
|
|
11
8
|
id?: string;
|
|
12
|
-
type?: "primary" | "secondary";
|
|
9
|
+
type?: "primary" | "secondary" | "ghost";
|
|
13
10
|
size?: "normal" | "small";
|
|
14
|
-
|
|
11
|
+
tooltip?: import("react").ReactNode | null;
|
|
12
|
+
} & ({
|
|
13
|
+
children: import("react").ReactNode;
|
|
14
|
+
icon?: import("react").ReactNode;
|
|
15
|
+
iconRight?: import("react").ReactNode;
|
|
16
|
+
} | {
|
|
17
|
+
children?: import("react").ReactNode;
|
|
18
|
+
icon: import("react").ReactNode;
|
|
19
|
+
iconRight?: import("react").ReactNode;
|
|
20
|
+
})) => import("react/jsx-runtime").JSX.Element;
|
|
15
21
|
argTypes: {
|
|
16
22
|
id: {
|
|
17
23
|
control: false;
|
|
@@ -41,6 +47,8 @@ export declare const Normal: Story;
|
|
|
41
47
|
export declare const Disabled: Story;
|
|
42
48
|
export declare const Primary: Story;
|
|
43
49
|
export declare const Secondary: Story;
|
|
50
|
+
export declare const Ghost: Story;
|
|
44
51
|
export declare const Small: Story;
|
|
45
52
|
export declare const WithIcon: Story;
|
|
46
53
|
export declare const WithIconRight: Story;
|
|
54
|
+
export declare const IconOnlyWithTooltip: Story;
|
|
@@ -48,6 +48,11 @@ const Secondary = {
|
|
|
48
48
|
type: "secondary"
|
|
49
49
|
}
|
|
50
50
|
};
|
|
51
|
+
const Ghost = {
|
|
52
|
+
args: {
|
|
53
|
+
type: "ghost"
|
|
54
|
+
}
|
|
55
|
+
};
|
|
51
56
|
const Small = {
|
|
52
57
|
args: {
|
|
53
58
|
size: "small"
|
|
@@ -69,4 +74,13 @@ const WithIconRight = {
|
|
|
69
74
|
children: "Archive"
|
|
70
75
|
}
|
|
71
76
|
};
|
|
72
|
-
|
|
77
|
+
const IconOnlyWithTooltip = {
|
|
78
|
+
args: {
|
|
79
|
+
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
|
|
80
|
+
symbol: "Email"
|
|
81
|
+
}),
|
|
82
|
+
children: void 0,
|
|
83
|
+
tooltip: "Email"
|
|
84
|
+
}
|
|
85
|
+
};
|
|
86
|
+
export { Disabled, Ghost, IconOnlyWithTooltip, Normal, Primary, Secondary, Small, WithIcon, WithIconRight, ButtonLink_stories_rslib_entry_ as default };
|
|
@@ -41,6 +41,22 @@
|
|
|
41
41
|
background-color: var(--color-purple-s02);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
|
+
.ghost-_oNyLg {
|
|
45
|
+
color: var(--color-grey-t01);
|
|
46
|
+
background: none;
|
|
47
|
+
border-color: #0000;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
@media (hover: hover) {
|
|
51
|
+
.ghost-_oNyLg:hover {
|
|
52
|
+
color: var(--color-grey-s01);
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
.ghost-_oNyLg:active {
|
|
57
|
+
color: var(--color-grey-s01);
|
|
58
|
+
}
|
|
59
|
+
|
|
44
60
|
.iconOnly-Sr6C_m {
|
|
45
61
|
padding: var(--size-n2);
|
|
46
62
|
}
|
|
@@ -60,10 +60,21 @@
|
|
|
60
60
|
}
|
|
61
61
|
|
|
62
62
|
.ghost-jZFk51 {
|
|
63
|
+
color: var(--color-grey-t01);
|
|
63
64
|
background: none;
|
|
64
65
|
border-color: #0000;
|
|
65
66
|
}
|
|
66
67
|
|
|
68
|
+
@media (hover: hover) {
|
|
69
|
+
.ghost-jZFk51:hover {
|
|
70
|
+
color: var(--color-grey-s01);
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.ghost-jZFk51:active {
|
|
75
|
+
color: var(--color-grey-s01);
|
|
76
|
+
}
|
|
77
|
+
|
|
67
78
|
.iconOnly-RkeETP {
|
|
68
79
|
padding: var(--size-n2);
|
|
69
80
|
}
|
|
@@ -28,10 +28,21 @@
|
|
|
28
28
|
}
|
|
29
29
|
|
|
30
30
|
.ghost-m99Ewa {
|
|
31
|
+
color: var(--color-grey-t01);
|
|
31
32
|
background: none;
|
|
32
33
|
border-color: #0000;
|
|
33
34
|
}
|
|
34
35
|
|
|
36
|
+
@media (hover: hover) {
|
|
37
|
+
.ghost-m99Ewa:hover {
|
|
38
|
+
color: var(--color-grey-s01);
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
.ghost-m99Ewa:active {
|
|
43
|
+
color: var(--color-grey-s01);
|
|
44
|
+
}
|
|
45
|
+
|
|
35
46
|
.iconOnly-SpQuMe {
|
|
36
47
|
padding: var(--size-n2);
|
|
37
48
|
}
|
|
@@ -17,6 +17,7 @@ type Props<Option> = {
|
|
|
17
17
|
optionToDisabled?: (option: Option) => boolean;
|
|
18
18
|
searchField: keyof Option & string;
|
|
19
19
|
value: Array<Option>;
|
|
20
|
+
fixedHeight?: boolean;
|
|
20
21
|
};
|
|
21
|
-
declare const SelectField: <Option>({ description, errors, id, includeValueInTracking, label, labelFont, required, onChange, options, optionToId, optionToLabel, searchField, value, optionToDisabled, }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
|
|
22
|
+
declare const SelectField: <Option>({ description, errors, id, includeValueInTracking, label, labelFont, required, onChange, options, optionToId, optionToLabel, searchField, value, optionToDisabled, fixedHeight, }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
|
|
22
23
|
export default SelectField;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__ from "../forms/RegularField.js";
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__inputs_ListBoxInput_js_31ed5aa7__ from "../inputs/ListBoxInput.js";
|
|
4
|
-
const SelectField = ({ description, errors, id, includeValueInTracking, label, labelFont = "label", required = false, onChange, options, optionToId, optionToLabel, searchField, value, optionToDisabled })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
|
|
4
|
+
const SelectField = ({ description, errors, id, includeValueInTracking, label, labelFont = "label", required = false, onChange, options, optionToId, optionToLabel, searchField, value, optionToDisabled, fixedHeight })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_RegularField_js_c54537ba__["default"], {
|
|
5
5
|
description: description,
|
|
6
6
|
errors: errors,
|
|
7
7
|
inputId: id,
|
|
@@ -17,7 +17,8 @@ const SelectField = ({ description, errors, id, includeValueInTracking, label, l
|
|
|
17
17
|
searchField: searchField,
|
|
18
18
|
value: value,
|
|
19
19
|
id: id,
|
|
20
|
-
includeValueInTracking: includeValueInTracking
|
|
20
|
+
includeValueInTracking: includeValueInTracking,
|
|
21
|
+
fixedHeight: fixedHeight
|
|
21
22
|
})
|
|
22
23
|
});
|
|
23
24
|
const ListBoxField_rslib_entry_ = SelectField;
|
|
@@ -14,13 +14,13 @@ const FormButtonSet = ({ formStatus, primary, secondary, tertiary })=>/*#__PURE_
|
|
|
14
14
|
})
|
|
15
15
|
}),
|
|
16
16
|
secondary ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
|
|
17
|
-
type: "secondary",
|
|
17
|
+
type: secondary.type ?? "secondary",
|
|
18
18
|
onClick: secondary.action,
|
|
19
19
|
disabled: "fresh" !== formStatus && "modified" !== formStatus,
|
|
20
20
|
children: secondary.label
|
|
21
21
|
}) : null,
|
|
22
22
|
tertiary ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
|
|
23
|
-
type: "secondary",
|
|
23
|
+
type: tertiary.type ?? "secondary",
|
|
24
24
|
onClick: tertiary.action,
|
|
25
25
|
disabled: "fresh" !== formStatus && "modified" !== formStatus,
|
|
26
26
|
children: tertiary.label
|
|
@@ -6,7 +6,6 @@ const NavSection_module_rslib_entry_ = {
|
|
|
6
6
|
accordionIcon: "accordionIcon-dT_gT8",
|
|
7
7
|
item: "item-wy5vrc",
|
|
8
8
|
wrapper: "wrapper-UlczY5",
|
|
9
|
-
label: "label-AjYjxK"
|
|
10
|
-
active: "active-VmEpXA"
|
|
9
|
+
label: "label-AjYjxK"
|
|
11
10
|
};
|
|
12
11
|
export { NavSection_module_rslib_entry_ as default };
|
|
@@ -3,10 +3,12 @@ type Props = {
|
|
|
3
3
|
children: ReactNode;
|
|
4
4
|
href: string;
|
|
5
5
|
title?: string;
|
|
6
|
+
type?: "secondary" | "ghost";
|
|
6
7
|
} | {
|
|
7
8
|
children: ReactNode;
|
|
8
9
|
onClick: () => void;
|
|
9
10
|
title?: string;
|
|
11
|
+
type?: "secondary" | "ghost";
|
|
10
12
|
};
|
|
11
|
-
declare const ToolbarButton: (props: Props) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
+
declare const ToolbarButton: ({ type, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
|
|
12
14
|
export default ToolbarButton;
|
|
@@ -1,16 +1,21 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
3
|
+
import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
|
|
3
4
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
|
|
4
5
|
import * as __WEBPACK_EXTERNAL_MODULE__ToolbarButton_module_js_4dcbb7a4__ from "./ToolbarButton.module.js";
|
|
5
|
-
const ToolbarButton = (props)=>{
|
|
6
|
+
const ToolbarButton = ({ type = "secondary", ...props })=>{
|
|
6
7
|
const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
|
|
7
8
|
return "href" in props ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Link, {
|
|
8
9
|
href: props.href,
|
|
9
|
-
className: __WEBPACK_EXTERNAL_MODULE__ToolbarButton_module_js_4dcbb7a4__["default"].button,
|
|
10
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ToolbarButton_module_js_4dcbb7a4__["default"].button, {
|
|
11
|
+
[__WEBPACK_EXTERNAL_MODULE__ToolbarButton_module_js_4dcbb7a4__["default"].ghost]: "ghost" === type
|
|
12
|
+
}),
|
|
10
13
|
title: props.title,
|
|
11
14
|
children: props.children
|
|
12
15
|
}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("button", {
|
|
13
|
-
className: __WEBPACK_EXTERNAL_MODULE__ToolbarButton_module_js_4dcbb7a4__["default"].button,
|
|
16
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ToolbarButton_module_js_4dcbb7a4__["default"].button, {
|
|
17
|
+
[__WEBPACK_EXTERNAL_MODULE__ToolbarButton_module_js_4dcbb7a4__["default"].ghost]: "ghost" === type
|
|
18
|
+
}),
|
|
14
19
|
onClick: props.onClick,
|
|
15
20
|
title: props.title,
|
|
16
21
|
children: props.children
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
|
+
const ArrowsUpDownIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
|
|
3
|
+
id: id,
|
|
4
|
+
viewBox: "0 0 640 640",
|
|
5
|
+
fill: "currentColor",
|
|
6
|
+
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
|
|
7
|
+
d: "M199.5 497L303.5 601C312.9 610.4 328.1 610.4 337.4 601L441.4 497C450.8 487.6 450.8 472.4 441.4 463.1C432 453.8 416.8 453.7 407.5 463.1L344.5 526.1L344.5 114L407.5 177C416.9 186.4 432.1 186.4 441.4 177C450.7 167.6 450.8 152.4 441.4 143.1L337.5 39C328.1 29.6 312.9 29.6 303.6 39L199.5 143C190.1 152.4 190.1 167.6 199.5 176.9C208.9 186.2 224.1 186.3 233.4 176.9L296.4 113.9L296.4 526L233.4 463C224 453.6 208.8 453.6 199.5 463C190.2 472.4 190.1 487.6 199.5 496.9z"
|
|
8
|
+
})
|
|
9
|
+
});
|
|
10
|
+
const ArrowsUpDownIcon_rslib_entry_ = ArrowsUpDownIcon;
|
|
11
|
+
export { ArrowsUpDownIcon_rslib_entry_ as default };
|
package/dist/icons/EditIcon.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
|
|
2
2
|
const EditIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
|
|
3
3
|
id: id,
|
|
4
|
-
viewBox: "0 0
|
|
4
|
+
viewBox: "0 0 640 640",
|
|
5
5
|
fill: "currentColor",
|
|
6
6
|
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
|
|
7
|
-
d: "
|
|
7
|
+
d: "M505 122.9L517.1 135C526.5 144.4 526.5 159.6 517.1 168.9L488 198.1L441.9 152L471 122.9C480.4 113.5 495.6 113.5 504.9 122.9zM273.8 320.2L408 185.9L454.1 232L319.8 366.2C316.9 369.1 313.3 371.2 309.4 372.3L250.9 389L267.6 330.5C268.7 326.6 270.8 323 273.7 320.1zM437.1 89L239.8 286.2C231.1 294.9 224.8 305.6 221.5 317.3L192.9 417.3C190.5 425.7 192.8 434.7 199 440.9C205.2 447.1 214.2 449.4 222.6 447L322.6 418.4C334.4 415 345.1 408.7 353.7 400.1L551 202.9C579.1 174.8 579.1 129.2 551 101.1L538.9 89C510.8 60.9 465.2 60.9 437.1 89zM152 128C103.4 128 64 167.4 64 216L64 488C64 536.6 103.4 576 152 576L424 576C472.6 576 512 536.6 512 488L512 376C512 362.7 501.3 352 488 352C474.7 352 464 362.7 464 376L464 488C464 510.1 446.1 528 424 528L152 528C129.9 528 112 510.1 112 488L112 216C112 193.9 129.9 176 152 176L264 176C277.3 176 288 165.3 288 152C288 138.7 277.3 128 264 128L152 128z"
|
|
8
8
|
})
|
|
9
9
|
});
|
|
10
10
|
const EditIcon_rslib_entry_ = EditIcon;
|
package/dist/icons/index.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ export * as Apps from "./AppsIcon";
|
|
|
3
3
|
export * as Archive from "./ArchiveIcon";
|
|
4
4
|
export * as ArrowLeft from "./ArrowLeftIcon";
|
|
5
5
|
export * as ArrowRight from "./ArrowRightIcon";
|
|
6
|
+
export * as ArrowsUpDown from "./ArrowsUpDownIcon";
|
|
6
7
|
export * as Assign from "./AssignIcon";
|
|
7
8
|
export * as AssignmentCertificate from "./AssignmentCertificateIcon";
|
|
8
9
|
export * as AssignmentDocument from "./AssignmentDocumentIcon";
|
package/dist/icons/index.js
CHANGED
|
@@ -3,6 +3,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__AppsIcon_js_b1780082__ from "./AppsIcon.j
|
|
|
3
3
|
import * as __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ from "./ArchiveIcon.js";
|
|
4
4
|
import * as __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ from "./ArrowLeftIcon.js";
|
|
5
5
|
import * as __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ from "./ArrowRightIcon.js";
|
|
6
|
+
import * as __WEBPACK_EXTERNAL_MODULE__ArrowsUpDownIcon_js_1c96a273__ from "./ArrowsUpDownIcon.js";
|
|
6
7
|
import * as __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ from "./AssignIcon.js";
|
|
7
8
|
import * as __WEBPACK_EXTERNAL_MODULE__AssignmentCertificateIcon_js_cd196992__ from "./AssignmentCertificateIcon.js";
|
|
8
9
|
import * as __WEBPACK_EXTERNAL_MODULE__AssignmentDocumentIcon_js_f5583172__ from "./AssignmentDocumentIcon.js";
|
|
@@ -87,4 +88,4 @@ import * as __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ from "./TaxIcon.js"
|
|
|
87
88
|
import * as __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ from "./TenureIcon.js";
|
|
88
89
|
import * as __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ from "./VisibleIcon.js";
|
|
89
90
|
import * as __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ from "./WarningIcon.js";
|
|
90
|
-
export { __WEBPACK_EXTERNAL_MODULE__ApprovalIcon_js_6ddeff58__ as Approval, __WEBPACK_EXTERNAL_MODULE__AppsIcon_js_b1780082__ as Apps, __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ as Archive, __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ as ArrowLeft, __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ as ArrowRight, __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ as Assign, __WEBPACK_EXTERNAL_MODULE__AssignmentCertificateIcon_js_cd196992__ as AssignmentCertificate, __WEBPACK_EXTERNAL_MODULE__AssignmentDocumentIcon_js_f5583172__ as AssignmentDocument, __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaireIcon_js_ee706333__ as AssignmentQuestionnaire, __WEBPACK_EXTERNAL_MODULE__BankAccountIcon_js_3a8e5afa__ as BankAccount, __WEBPACK_EXTERNAL_MODULE__BookOpenLinesIcon_js_19010dab__ as BookOpenLines, __WEBPACK_EXTERNAL_MODULE__BugIcon_js_1bc2b5c4__ as Bug, __WEBPACK_EXTERNAL_MODULE__CalendarIcon_js_cf14e51f__ as Calendar, __WEBPACK_EXTERNAL_MODULE__CancelIcon_js_e3190d1e__ as Cancel, __WEBPACK_EXTERNAL_MODULE__CaratDownIcon_js_c98cfbe6__ as CaratDown, __WEBPACK_EXTERNAL_MODULE__CaratLeftIcon_js_e435370b__ as CaratLeft, __WEBPACK_EXTERNAL_MODULE__CaratRightIcon_js_13d5858f__ as CaratRight, __WEBPACK_EXTERNAL_MODULE__CaratUpIcon_js_5715333b__ as CaratUp, __WEBPACK_EXTERNAL_MODULE__CheckmarkIcon_js_5421c9ae__ as CheckMark, __WEBPACK_EXTERNAL_MODULE__ChevronDownIcon_js_e6ad3c1a__ as ChevronDown, __WEBPACK_EXTERNAL_MODULE__ChevronLeftIcon_js_21cb7e78__ as ChevronLeft, __WEBPACK_EXTERNAL_MODULE__ChevronRightIcon_js_57f70204__ as ChevronRight, __WEBPACK_EXTERNAL_MODULE__ChevronUpIcon_js_11d99379__ as ChevronUp, __WEBPACK_EXTERNAL_MODULE__CloseIcon_js_0a1faf05__ as Close, __WEBPACK_EXTERNAL_MODULE__ColumnsIcon_js_18c6dc5c__ as Columns, __WEBPACK_EXTERNAL_MODULE__CommentIcon_js_d255b286__ as Comment, __WEBPACK_EXTERNAL_MODULE__CopyIcon_js_8906ee53__ as Copy, __WEBPACK_EXTERNAL_MODULE__DashIcon_js_8078292d__ as Dash, __WEBPACK_EXTERNAL_MODULE__DeleteIcon_js_1aa05ea7__ as Delete, __WEBPACK_EXTERNAL_MODULE__DocumentProcessingFailedIcon_js_344528d0__ as DocumentProcessingFailed, __WEBPACK_EXTERNAL_MODULE__DownloadIcon_js_b7ee5537__ as Download, __WEBPACK_EXTERNAL_MODULE__EditIcon_js_3342ace4__ as Edit, __WEBPACK_EXTERNAL_MODULE__EmailIcon_js_8d64b8cb__ as Email, __WEBPACK_EXTERNAL_MODULE__EmergencyContactIcon_js_3112db55__ as EmergencyContact, __WEBPACK_EXTERNAL_MODULE__ExternalIcon_js_a6633445__ as External, __WEBPACK_EXTERNAL_MODULE__FilterIcon_js_90456cf2__ as Filter, __WEBPACK_EXTERNAL_MODULE__FilterListIcon_js_b5d1b183__ as FilterList, __WEBPACK_EXTERNAL_MODULE__GripLinesIcon_js_42ade8a1__ as GripLines, __WEBPACK_EXTERNAL_MODULE__HelpIcon_js_d34773d0__ as Help, __WEBPACK_EXTERNAL_MODULE__HiddenIcon_js_38a1f694__ as Hidden, __WEBPACK_EXTERNAL_MODULE__InboxIcon_js_ea9ef75c__ as Inbox, __WEBPACK_EXTERNAL_MODULE__InsightsIcon_js_7936cb17__ as Insights, __WEBPACK_EXTERNAL_MODULE__JobIcon_js_7e74ea2a__ as Job, __WEBPACK_EXTERNAL_MODULE__LeaveIcon_js_8b20d256__ as Leave, __WEBPACK_EXTERNAL_MODULE__LightbulbIcon_js_dab0808a__ as Lightbulb, __WEBPACK_EXTERNAL_MODULE__LoadingIcon_js_8dc48fe1__ as Loading, __WEBPACK_EXTERNAL_MODULE__LogoutIcon_js_c164ad6c__ as Logout, __WEBPACK_EXTERNAL_MODULE__MicrosoftIcon_js_4dfbd2d2__ as Microsoft, __WEBPACK_EXTERNAL_MODULE__MinusIcon_js_a7a752cf__ as Minus, __WEBPACK_EXTERNAL_MODULE__NewspaperIcon_js_6fb11ac3__ as Newspaper, __WEBPACK_EXTERNAL_MODULE__OverflowIcon_js_3c3ec1a8__ as Overflow, __WEBPACK_EXTERNAL_MODULE__PaperworkIcon_js_018de875__ as Paperwork, __WEBPACK_EXTERNAL_MODULE__PaperworkAssignedIcon_js_0d373e0b__ as PaperworkAssigned, __WEBPACK_EXTERNAL_MODULE__PaperworkDraftIcon_js_f9c883a4__ as PaperworkDraft, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiredIcon_js_9ecae61a__ as PaperworkExpired, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiringSoonIcon_js_70b915c9__ as PaperworkExpiringSoon, __WEBPACK_EXTERNAL_MODULE__PaperworkMissingIcon_js_698cc14e__ as PaperworkMissing, __WEBPACK_EXTERNAL_MODULE__PaperworkProcessedIcon_js_2c7d512d__ as PaperworkProcessed, __WEBPACK_EXTERNAL_MODULE__PaperworkSubmittedIcon_js_4e7b8311__ as PaperworkSubmitted, __WEBPACK_EXTERNAL_MODULE__PeopleIcon_js_1ff7d23d__ as People, __WEBPACK_EXTERNAL_MODULE__PhoneIcon_js_db0d55d7__ as Phone, __WEBPACK_EXTERNAL_MODULE__PlusIcon_js_199c47e5__ as Plus, __WEBPACK_EXTERNAL_MODULE__PositionsIcon_js_b062da4f__ as Positions, __WEBPACK_EXTERNAL_MODULE__ProfileIcon_js_3552922e__ as Profile, __WEBPACK_EXTERNAL_MODULE__ProfileFemaleIcon_js_50219531__ as ProfileFemale, __WEBPACK_EXTERNAL_MODULE__ProfileMaleIcon_js_37736fa2__ as ProfileMale, __WEBPACK_EXTERNAL_MODULE__RemunerationIcon_js_f9abb575__ as Remuneration, __WEBPACK_EXTERNAL_MODULE__RescheduleIcon_js_63b08904__ as Reschedule, __WEBPACK_EXTERNAL_MODULE__RestoreIcon_js_45731d5a__ as Restore, __WEBPACK_EXTERNAL_MODULE__ReviewIcon_js_558f02af__ as Review, __WEBPACK_EXTERNAL_MODULE__ScheduleIcon_js_4cf8260a__ as Schedule, __WEBPACK_EXTERNAL_MODULE__SearchIcon_js_a31e2fc4__ as Search, __WEBPACK_EXTERNAL_MODULE__SettingsIcon_js_1af53a9f__ as Settings, __WEBPACK_EXTERNAL_MODULE__SidebarIcon_js_a97e2580__ as Sidebar, __WEBPACK_EXTERNAL_MODULE__SortAscIcon_js_e82ead94__ as SortAsc, __WEBPACK_EXTERNAL_MODULE__SortDefaultIcon_js_69692758__ as SortDefault, __WEBPACK_EXTERNAL_MODULE__SortDesIcon_js_bc97efa8__ as SortDes, __WEBPACK_EXTERNAL_MODULE__StepsCompleteIcon_js_ebed55cd__ as StepsComplete, __WEBPACK_EXTERNAL_MODULE__StepsCurrentIcon_js_6ce2a148__ as StepsCurrent, __WEBPACK_EXTERNAL_MODULE__StepsIncompleteIcon_js_9a1c947d__ as StepsIncomplete, __WEBPACK_EXTERNAL_MODULE__SubmitIcon_js_60dd6261__ as Submit, __WEBPACK_EXTERNAL_MODULE__SuccessIcon_js_e011b583__ as Success, __WEBPACK_EXTERNAL_MODULE__SuperFundIcon_js_53e5730b__ as SuperFund, __WEBPACK_EXTERNAL_MODULE__SyncIcon_js_d84a7371__ as Sync, __WEBPACK_EXTERNAL_MODULE__TaskIcon_js_4d0222da__ as Task, __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ as Tax, __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ as Tenure, __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ as Visible, __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ as Warning };
|
|
91
|
+
export { __WEBPACK_EXTERNAL_MODULE__ApprovalIcon_js_6ddeff58__ as Approval, __WEBPACK_EXTERNAL_MODULE__AppsIcon_js_b1780082__ as Apps, __WEBPACK_EXTERNAL_MODULE__ArchiveIcon_js_0df693d9__ as Archive, __WEBPACK_EXTERNAL_MODULE__ArrowLeftIcon_js_a43428cc__ as ArrowLeft, __WEBPACK_EXTERNAL_MODULE__ArrowRightIcon_js_a319d809__ as ArrowRight, __WEBPACK_EXTERNAL_MODULE__ArrowsUpDownIcon_js_1c96a273__ as ArrowsUpDown, __WEBPACK_EXTERNAL_MODULE__AssignIcon_js_c6d10fb4__ as Assign, __WEBPACK_EXTERNAL_MODULE__AssignmentCertificateIcon_js_cd196992__ as AssignmentCertificate, __WEBPACK_EXTERNAL_MODULE__AssignmentDocumentIcon_js_f5583172__ as AssignmentDocument, __WEBPACK_EXTERNAL_MODULE__AssignmentQuestionnaireIcon_js_ee706333__ as AssignmentQuestionnaire, __WEBPACK_EXTERNAL_MODULE__BankAccountIcon_js_3a8e5afa__ as BankAccount, __WEBPACK_EXTERNAL_MODULE__BookOpenLinesIcon_js_19010dab__ as BookOpenLines, __WEBPACK_EXTERNAL_MODULE__BugIcon_js_1bc2b5c4__ as Bug, __WEBPACK_EXTERNAL_MODULE__CalendarIcon_js_cf14e51f__ as Calendar, __WEBPACK_EXTERNAL_MODULE__CancelIcon_js_e3190d1e__ as Cancel, __WEBPACK_EXTERNAL_MODULE__CaratDownIcon_js_c98cfbe6__ as CaratDown, __WEBPACK_EXTERNAL_MODULE__CaratLeftIcon_js_e435370b__ as CaratLeft, __WEBPACK_EXTERNAL_MODULE__CaratRightIcon_js_13d5858f__ as CaratRight, __WEBPACK_EXTERNAL_MODULE__CaratUpIcon_js_5715333b__ as CaratUp, __WEBPACK_EXTERNAL_MODULE__CheckmarkIcon_js_5421c9ae__ as CheckMark, __WEBPACK_EXTERNAL_MODULE__ChevronDownIcon_js_e6ad3c1a__ as ChevronDown, __WEBPACK_EXTERNAL_MODULE__ChevronLeftIcon_js_21cb7e78__ as ChevronLeft, __WEBPACK_EXTERNAL_MODULE__ChevronRightIcon_js_57f70204__ as ChevronRight, __WEBPACK_EXTERNAL_MODULE__ChevronUpIcon_js_11d99379__ as ChevronUp, __WEBPACK_EXTERNAL_MODULE__CloseIcon_js_0a1faf05__ as Close, __WEBPACK_EXTERNAL_MODULE__ColumnsIcon_js_18c6dc5c__ as Columns, __WEBPACK_EXTERNAL_MODULE__CommentIcon_js_d255b286__ as Comment, __WEBPACK_EXTERNAL_MODULE__CopyIcon_js_8906ee53__ as Copy, __WEBPACK_EXTERNAL_MODULE__DashIcon_js_8078292d__ as Dash, __WEBPACK_EXTERNAL_MODULE__DeleteIcon_js_1aa05ea7__ as Delete, __WEBPACK_EXTERNAL_MODULE__DocumentProcessingFailedIcon_js_344528d0__ as DocumentProcessingFailed, __WEBPACK_EXTERNAL_MODULE__DownloadIcon_js_b7ee5537__ as Download, __WEBPACK_EXTERNAL_MODULE__EditIcon_js_3342ace4__ as Edit, __WEBPACK_EXTERNAL_MODULE__EmailIcon_js_8d64b8cb__ as Email, __WEBPACK_EXTERNAL_MODULE__EmergencyContactIcon_js_3112db55__ as EmergencyContact, __WEBPACK_EXTERNAL_MODULE__ExternalIcon_js_a6633445__ as External, __WEBPACK_EXTERNAL_MODULE__FilterIcon_js_90456cf2__ as Filter, __WEBPACK_EXTERNAL_MODULE__FilterListIcon_js_b5d1b183__ as FilterList, __WEBPACK_EXTERNAL_MODULE__GripLinesIcon_js_42ade8a1__ as GripLines, __WEBPACK_EXTERNAL_MODULE__HelpIcon_js_d34773d0__ as Help, __WEBPACK_EXTERNAL_MODULE__HiddenIcon_js_38a1f694__ as Hidden, __WEBPACK_EXTERNAL_MODULE__InboxIcon_js_ea9ef75c__ as Inbox, __WEBPACK_EXTERNAL_MODULE__InsightsIcon_js_7936cb17__ as Insights, __WEBPACK_EXTERNAL_MODULE__JobIcon_js_7e74ea2a__ as Job, __WEBPACK_EXTERNAL_MODULE__LeaveIcon_js_8b20d256__ as Leave, __WEBPACK_EXTERNAL_MODULE__LightbulbIcon_js_dab0808a__ as Lightbulb, __WEBPACK_EXTERNAL_MODULE__LoadingIcon_js_8dc48fe1__ as Loading, __WEBPACK_EXTERNAL_MODULE__LogoutIcon_js_c164ad6c__ as Logout, __WEBPACK_EXTERNAL_MODULE__MicrosoftIcon_js_4dfbd2d2__ as Microsoft, __WEBPACK_EXTERNAL_MODULE__MinusIcon_js_a7a752cf__ as Minus, __WEBPACK_EXTERNAL_MODULE__NewspaperIcon_js_6fb11ac3__ as Newspaper, __WEBPACK_EXTERNAL_MODULE__OverflowIcon_js_3c3ec1a8__ as Overflow, __WEBPACK_EXTERNAL_MODULE__PaperworkIcon_js_018de875__ as Paperwork, __WEBPACK_EXTERNAL_MODULE__PaperworkAssignedIcon_js_0d373e0b__ as PaperworkAssigned, __WEBPACK_EXTERNAL_MODULE__PaperworkDraftIcon_js_f9c883a4__ as PaperworkDraft, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiredIcon_js_9ecae61a__ as PaperworkExpired, __WEBPACK_EXTERNAL_MODULE__PaperworkExpiringSoonIcon_js_70b915c9__ as PaperworkExpiringSoon, __WEBPACK_EXTERNAL_MODULE__PaperworkMissingIcon_js_698cc14e__ as PaperworkMissing, __WEBPACK_EXTERNAL_MODULE__PaperworkProcessedIcon_js_2c7d512d__ as PaperworkProcessed, __WEBPACK_EXTERNAL_MODULE__PaperworkSubmittedIcon_js_4e7b8311__ as PaperworkSubmitted, __WEBPACK_EXTERNAL_MODULE__PeopleIcon_js_1ff7d23d__ as People, __WEBPACK_EXTERNAL_MODULE__PhoneIcon_js_db0d55d7__ as Phone, __WEBPACK_EXTERNAL_MODULE__PlusIcon_js_199c47e5__ as Plus, __WEBPACK_EXTERNAL_MODULE__PositionsIcon_js_b062da4f__ as Positions, __WEBPACK_EXTERNAL_MODULE__ProfileIcon_js_3552922e__ as Profile, __WEBPACK_EXTERNAL_MODULE__ProfileFemaleIcon_js_50219531__ as ProfileFemale, __WEBPACK_EXTERNAL_MODULE__ProfileMaleIcon_js_37736fa2__ as ProfileMale, __WEBPACK_EXTERNAL_MODULE__RemunerationIcon_js_f9abb575__ as Remuneration, __WEBPACK_EXTERNAL_MODULE__RescheduleIcon_js_63b08904__ as Reschedule, __WEBPACK_EXTERNAL_MODULE__RestoreIcon_js_45731d5a__ as Restore, __WEBPACK_EXTERNAL_MODULE__ReviewIcon_js_558f02af__ as Review, __WEBPACK_EXTERNAL_MODULE__ScheduleIcon_js_4cf8260a__ as Schedule, __WEBPACK_EXTERNAL_MODULE__SearchIcon_js_a31e2fc4__ as Search, __WEBPACK_EXTERNAL_MODULE__SettingsIcon_js_1af53a9f__ as Settings, __WEBPACK_EXTERNAL_MODULE__SidebarIcon_js_a97e2580__ as Sidebar, __WEBPACK_EXTERNAL_MODULE__SortAscIcon_js_e82ead94__ as SortAsc, __WEBPACK_EXTERNAL_MODULE__SortDefaultIcon_js_69692758__ as SortDefault, __WEBPACK_EXTERNAL_MODULE__SortDesIcon_js_bc97efa8__ as SortDes, __WEBPACK_EXTERNAL_MODULE__StepsCompleteIcon_js_ebed55cd__ as StepsComplete, __WEBPACK_EXTERNAL_MODULE__StepsCurrentIcon_js_6ce2a148__ as StepsCurrent, __WEBPACK_EXTERNAL_MODULE__StepsIncompleteIcon_js_9a1c947d__ as StepsIncomplete, __WEBPACK_EXTERNAL_MODULE__SubmitIcon_js_60dd6261__ as Submit, __WEBPACK_EXTERNAL_MODULE__SuccessIcon_js_e011b583__ as Success, __WEBPACK_EXTERNAL_MODULE__SuperFundIcon_js_53e5730b__ as SuperFund, __WEBPACK_EXTERNAL_MODULE__SyncIcon_js_d84a7371__ as Sync, __WEBPACK_EXTERNAL_MODULE__TaskIcon_js_4d0222da__ as Task, __WEBPACK_EXTERNAL_MODULE__TaxIcon_js_8f7ba7b5__ as Tax, __WEBPACK_EXTERNAL_MODULE__TenureIcon_js_e97b0cbe__ as Tenure, __WEBPACK_EXTERNAL_MODULE__VisibleIcon_js_485deefe__ as Visible, __WEBPACK_EXTERNAL_MODULE__WarningIcon_js_4f217719__ as Warning };
|
|
@@ -36,8 +36,10 @@ const CheckboxInput = ({ autoFocus = false, disabled = false, id, includeValueIn
|
|
|
36
36
|
}
|
|
37
37
|
},
|
|
38
38
|
children: indeterminate ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
|
|
39
|
+
size: "small",
|
|
39
40
|
symbol: "Dash"
|
|
40
41
|
}) : value ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
|
|
42
|
+
size: "small",
|
|
41
43
|
symbol: "CheckMark"
|
|
42
44
|
}) : null
|
|
43
45
|
})
|
|
@@ -13,8 +13,8 @@
|
|
|
13
13
|
border-radius: var(--size-n3);
|
|
14
14
|
color: var(--color-purple-000);
|
|
15
15
|
cursor: pointer;
|
|
16
|
-
height: var(--size-
|
|
17
|
-
width: var(--size-
|
|
16
|
+
height: var(--size-p1);
|
|
17
|
+
width: var(--size-p1);
|
|
18
18
|
background: var(--color-white);
|
|
19
19
|
place-content: center;
|
|
20
20
|
display: grid;
|
|
@@ -9,6 +9,7 @@ type Props<Option> = {
|
|
|
9
9
|
value: Array<Option>;
|
|
10
10
|
id?: string;
|
|
11
11
|
includeValueInTracking?: boolean;
|
|
12
|
+
fixedHeight?: boolean;
|
|
12
13
|
};
|
|
13
|
-
declare const ListBoxInput: <Option>({ onChange, options, optionToId, optionToLabel, optionToDisabled, searchField, value, id, includeValueInTracking, }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
declare const ListBoxInput: <Option>({ onChange, options, optionToId, optionToLabel, optionToDisabled, searchField, value, id, includeValueInTracking, fixedHeight, }: Props<Option>) => import("react/jsx-runtime").JSX.Element;
|
|
14
15
|
export default ListBoxInput;
|
|
@@ -6,7 +6,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from
|
|
|
6
6
|
import * as __WEBPACK_EXTERNAL_MODULE__CheckboxInput_js_1a7df59a__ from "./CheckboxInput.js";
|
|
7
7
|
import * as __WEBPACK_EXTERNAL_MODULE__ListBoxInput_module_js_52d8d802__ from "./ListBoxInput.module.js";
|
|
8
8
|
import * as __WEBPACK_EXTERNAL_MODULE__StringInput_js_3cb68a8a__ from "./StringInput.js";
|
|
9
|
-
const ListBoxInput = ({ onChange, options, optionToId, optionToLabel, optionToDisabled, searchField, value, id, includeValueInTracking })=>{
|
|
9
|
+
const ListBoxInput = ({ onChange, options, optionToId, optionToLabel, optionToDisabled, searchField, value, id, includeValueInTracking, fixedHeight = false })=>{
|
|
10
10
|
const [searchTerm, setSearchTerm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("");
|
|
11
11
|
const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
|
|
12
12
|
const filteredOptions = "" !== searchTerm.trim() ? (0, __WEBPACK_EXTERNAL_MODULE__utils_search_js_89d5ae26__["default"])(options.map((option)=>({
|
|
@@ -16,7 +16,9 @@ const ListBoxInput = ({ onChange, options, optionToId, optionToLabel, optionToDi
|
|
|
16
16
|
searchField
|
|
17
17
|
], searchTerm) : options;
|
|
18
18
|
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
|
|
19
|
-
className: __WEBPACK_EXTERNAL_MODULE__ListBoxInput_module_js_52d8d802__["default"].container,
|
|
19
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ListBoxInput_module_js_52d8d802__["default"].container, {
|
|
20
|
+
[__WEBPACK_EXTERNAL_MODULE__ListBoxInput_module_js_52d8d802__["default"].fixedHeight]: fixedHeight
|
|
21
|
+
}),
|
|
20
22
|
id: id,
|
|
21
23
|
children: [
|
|
22
24
|
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import "./ListBoxInput_module.css";
|
|
2
2
|
const ListBoxInput_module_rslib_entry_ = {
|
|
3
3
|
container: "container-RqDms0",
|
|
4
|
+
fixedHeight: "fixedHeight-JC92Le",
|
|
4
5
|
searchContainer: "searchContainer-V8D3A2",
|
|
5
6
|
listContainer: "listContainer-a9BpgI",
|
|
6
7
|
optionsContainer: "optionsContainer-q0if3P",
|
|
@@ -26,7 +26,7 @@ const MultipleFileInput = ({ id, disabled, onChange, files = [], fileToId, fileT
|
|
|
26
26
|
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
|
|
27
27
|
symbol: "Plus"
|
|
28
28
|
}),
|
|
29
|
-
type: "
|
|
29
|
+
type: "ghost",
|
|
30
30
|
disabled: disabled,
|
|
31
31
|
onClick: ()=>{
|
|
32
32
|
fileInputRef.current?.click();
|
|
@@ -12,8 +12,8 @@
|
|
|
12
12
|
border-radius: var(--size-00);
|
|
13
13
|
border: var(--size-n5) solid var(--color-grey-t08);
|
|
14
14
|
cursor: pointer;
|
|
15
|
-
height: var(--size-
|
|
16
|
-
width: var(--size-
|
|
15
|
+
height: var(--size-p1);
|
|
16
|
+
width: var(--size-p1);
|
|
17
17
|
place-content: center;
|
|
18
18
|
display: grid;
|
|
19
19
|
}
|
|
@@ -42,18 +42,6 @@
|
|
|
42
42
|
box-shadow: 0 0 0 .5px #3c3c435c;
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
@media (prefers-color-scheme: dark) {
|
|
46
|
-
.toggle-GcG0Tq {
|
|
47
|
-
color: #fff;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
.closed-iSkj26 .toggle-GcG0Tq {
|
|
51
|
-
color: #000;
|
|
52
|
-
background: #ffffffb3;
|
|
53
|
-
box-shadow: 0 0 0 .5px #3c3c435c;
|
|
54
|
-
}
|
|
55
|
-
}
|
|
56
|
-
|
|
57
45
|
.back-vj3cdG {
|
|
58
46
|
left: calc(var(--nav-width) + 16px);
|
|
59
47
|
-webkit-user-select: none;
|
|
@@ -74,14 +62,6 @@
|
|
|
74
62
|
}
|
|
75
63
|
}
|
|
76
64
|
|
|
77
|
-
@media (prefers-color-scheme: dark) {
|
|
78
|
-
.back-vj3cdG {
|
|
79
|
-
color: #000;
|
|
80
|
-
background: #ffffffb3;
|
|
81
|
-
box-shadow: 0 0 0 .5px #3c3c435c;
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
65
|
.nav-PJYqK6 {
|
|
86
66
|
--accent-color: var(--color-purple-000);
|
|
87
67
|
-webkit-backdrop-filter: blur(20px);
|
|
@@ -125,14 +105,6 @@
|
|
|
125
105
|
left: 0;
|
|
126
106
|
}
|
|
127
107
|
|
|
128
|
-
@media (prefers-color-scheme: dark) {
|
|
129
|
-
.nav-PJYqK6 {
|
|
130
|
-
color: #fff;
|
|
131
|
-
background: #000c;
|
|
132
|
-
box-shadow: .5px 0 #545458a6;
|
|
133
|
-
}
|
|
134
|
-
}
|
|
135
|
-
|
|
136
108
|
.toolbar-Jw7eYV {
|
|
137
109
|
justify-content: flex-end;
|
|
138
110
|
align-items: center;
|
|
@@ -23,7 +23,8 @@ const ConfirmationModal = ({ title, primaryLabel = "Save", secondaryLabel = "Can
|
|
|
23
23
|
ariaLabel: ariaLabel,
|
|
24
24
|
header: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SheetHeader_js_7a988c80__["default"], {
|
|
25
25
|
actions: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
|
|
26
|
-
type: "
|
|
26
|
+
type: "ghost",
|
|
27
|
+
size: "small",
|
|
27
28
|
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
|
|
28
29
|
symbol: "Close"
|
|
29
30
|
}),
|
|
@@ -42,7 +43,8 @@ const ConfirmationModal = ({ title, primaryLabel = "Save", secondaryLabel = "Can
|
|
|
42
43
|
},
|
|
43
44
|
secondary: {
|
|
44
45
|
action: onClose,
|
|
45
|
-
label: secondaryLabel
|
|
46
|
+
label: secondaryLabel,
|
|
47
|
+
type: "ghost"
|
|
46
48
|
}
|
|
47
49
|
})
|
|
48
50
|
}),
|
|
@@ -10,14 +10,17 @@ const Slot = ({ children, disabled = false, onClear })=>/*#__PURE__*/ (0, __WEBP
|
|
|
10
10
|
}),
|
|
11
11
|
onClear ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
12
12
|
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Action_js_a620af98__["default"], {
|
|
13
|
+
type: "ghost",
|
|
14
|
+
size: "small",
|
|
13
15
|
disabled: disabled,
|
|
14
16
|
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
|
|
15
|
-
symbol: "
|
|
17
|
+
symbol: "Close"
|
|
16
18
|
}),
|
|
19
|
+
title: "Remove",
|
|
20
|
+
tooltip: "Remove",
|
|
17
21
|
onClick: ()=>{
|
|
18
22
|
onClear();
|
|
19
|
-
}
|
|
20
|
-
children: "Remove"
|
|
23
|
+
}
|
|
21
24
|
})
|
|
22
25
|
}) : null
|
|
23
26
|
]
|
|
@@ -38,6 +38,7 @@ type Grouping<Type> = {
|
|
|
38
38
|
type BulkAction<Type> = {
|
|
39
39
|
key: string;
|
|
40
40
|
label: string;
|
|
41
|
+
icon?: ReactNode;
|
|
41
42
|
render: (props: {
|
|
42
43
|
rows: Array<Type>;
|
|
43
44
|
resetRowSelection: () => void;
|
|
@@ -77,6 +78,7 @@ type Props<Type> = {
|
|
|
77
78
|
pathName?: string;
|
|
78
79
|
localStorageSchema?: ZodTypeAny;
|
|
79
80
|
getRowId: (row: Type) => string;
|
|
81
|
+
showHeader?: boolean;
|
|
80
82
|
};
|
|
81
|
-
declare const Table: <Type>({ data, columns, bulkActions, secondaryBulkActions, csvFilename, estimatedRowSize, emptyState, pathName, id, localStorageSchema, getRowId, rowActions, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
|
|
83
|
+
declare const Table: <Type>({ data, columns, bulkActions, secondaryBulkActions, csvFilename, estimatedRowSize, emptyState, pathName, id, localStorageSchema, getRowId, rowActions, showHeader, }: Props<Type>) => import("react/jsx-runtime").JSX.Element;
|
|
82
84
|
export default Table;
|
|
@@ -19,6 +19,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__inputs_CheckboxInput_js_3a83f64b__ from "
|
|
|
19
19
|
import * as __WEBPACK_EXTERNAL_MODULE__inputs_SelectInput_js_d1a6f32e__ from "../inputs/SelectInput.js";
|
|
20
20
|
import * as __WEBPACK_EXTERNAL_MODULE__inputs_StringInput_js_091f1e06__ from "../inputs/StringInput.js";
|
|
21
21
|
import * as __WEBPACK_EXTERNAL_MODULE__utils_encodeCsv_js_1d824629__ from "../utils/encodeCsv.js";
|
|
22
|
+
import * as __WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__ from "./Badge.js";
|
|
22
23
|
import * as __WEBPACK_EXTERNAL_MODULE__Card_js_d67c086a__ from "./Card.js";
|
|
23
24
|
import * as __WEBPACK_EXTERNAL_MODULE__CardContent_js_20e3f6de__ from "./CardContent.js";
|
|
24
25
|
import * as __WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__ from "./HStack.js";
|
|
@@ -30,7 +31,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
|
|
|
30
31
|
const selectColumnId = "_selectColumn";
|
|
31
32
|
const actionsColumnId = "_actionsColumn";
|
|
32
33
|
const MIN_LIST_BOX_FILTER_OPTIONS = 10;
|
|
33
|
-
const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csvFilename, estimatedRowSize = 100, emptyState = "No results", pathName, id, localStorageSchema, getRowId, rowActions })=>{
|
|
34
|
+
const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csvFilename, estimatedRowSize = 100, emptyState = "No results", pathName, id, localStorageSchema, getRowId, rowActions, showHeader = true })=>{
|
|
34
35
|
const [searchTerm, setSearchTerm] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("");
|
|
35
36
|
const [isFilterModalOpen, setIsFilterModalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
|
|
36
37
|
const lastSelectedRow = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(void 0);
|
|
@@ -325,12 +326,18 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
325
326
|
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
|
|
326
327
|
className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].bulkSelectionModalContent,
|
|
327
328
|
children: [
|
|
328
|
-
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(
|
|
329
|
-
|
|
329
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__HStack_js_cc26058d__["default"], {
|
|
330
|
+
spacing: "n2",
|
|
331
|
+
align: "center",
|
|
330
332
|
children: [
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
333
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Badge_js_cb369ee9__["default"], {
|
|
334
|
+
color: "purple",
|
|
335
|
+
children: filteredSelectedRows.rows.length
|
|
336
|
+
}),
|
|
337
|
+
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
|
|
338
|
+
font: "regular-bold",
|
|
339
|
+
children: "selected"
|
|
340
|
+
})
|
|
334
341
|
]
|
|
335
342
|
}),
|
|
336
343
|
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
|
|
@@ -339,6 +346,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
339
346
|
validPrimaryBulkActions.map((bulkAction)=>{
|
|
340
347
|
const rows = primaryBulkActionRowsMap.get(bulkAction.key) ?? [];
|
|
341
348
|
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Disclosure_js_6e4cc59c__["default"], {
|
|
349
|
+
icon: bulkAction.icon,
|
|
342
350
|
render: (onClose)=>bulkAction.render({
|
|
343
351
|
rows: primaryBulkActionRowsMap.get(bulkAction.key) ?? [],
|
|
344
352
|
resetRowSelection: ()=>table.resetRowSelection(),
|
|
@@ -349,12 +357,15 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
349
357
|
}),
|
|
350
358
|
shouldShowMoreActions ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_MenuButton_js_b23cdd05__["default"], {
|
|
351
359
|
id: "bulkActionOverflow",
|
|
360
|
+
ariaLabel: "More actions",
|
|
361
|
+
type: "ghost",
|
|
352
362
|
options: [
|
|
353
363
|
...validSecondaryBulkActions.map((bulkAction)=>{
|
|
354
364
|
const rows = secondaryBulkActionRowsMap.get(bulkAction.key) ?? [];
|
|
355
365
|
return {
|
|
356
366
|
id: bulkAction.key,
|
|
357
367
|
label: showBulkActionCounts ? `${bulkAction.label} (${rows.length})` : bulkAction.label,
|
|
368
|
+
icon: bulkAction.icon,
|
|
358
369
|
type: "render",
|
|
359
370
|
render: (onClose)=>bulkAction.render({
|
|
360
371
|
rows: rows,
|
|
@@ -366,16 +377,19 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
366
377
|
...shouldShowCsvExport ? [
|
|
367
378
|
{
|
|
368
379
|
id: "download-selected-rows",
|
|
369
|
-
label: "Download
|
|
380
|
+
label: "Download CSV",
|
|
381
|
+
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
|
|
382
|
+
symbol: "Download",
|
|
383
|
+
size: "small"
|
|
384
|
+
}),
|
|
370
385
|
type: "onClick",
|
|
371
386
|
onClick: ()=>handleDownloadCsv(csvExportableColumns, table.getSelectedRowModel().rows)
|
|
372
387
|
}
|
|
373
388
|
] : []
|
|
374
389
|
],
|
|
375
390
|
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
|
|
376
|
-
symbol: "
|
|
377
|
-
})
|
|
378
|
-
children: "More actions"
|
|
391
|
+
symbol: "Overflow"
|
|
392
|
+
})
|
|
379
393
|
}) : null,
|
|
380
394
|
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
|
|
381
395
|
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
|
|
@@ -385,7 +399,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
385
399
|
table.resetRowSelection(true);
|
|
386
400
|
},
|
|
387
401
|
title: `Deselect ${table.getFilteredSelectedRowModel().rows.length} ${1 === table.getFilteredSelectedRowModel().rows.length ? "selection" : "selections"}`,
|
|
388
|
-
type: "
|
|
402
|
+
type: "ghost"
|
|
389
403
|
})
|
|
390
404
|
]
|
|
391
405
|
})
|
|
@@ -468,7 +482,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
468
482
|
},
|
|
469
483
|
type: "secondary",
|
|
470
484
|
size: "small",
|
|
471
|
-
children: "Reset
|
|
485
|
+
children: "Reset"
|
|
472
486
|
})
|
|
473
487
|
]
|
|
474
488
|
})
|
|
@@ -476,11 +490,11 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
476
490
|
]
|
|
477
491
|
}) : null,
|
|
478
492
|
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
479
|
-
className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].tableContainer,
|
|
493
|
+
className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].tableContainer, !showHeader && __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].tableWithoutHeader),
|
|
480
494
|
children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("table", {
|
|
481
495
|
className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].table,
|
|
482
496
|
children: [
|
|
483
|
-
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("thead", {
|
|
497
|
+
showHeader ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("thead", {
|
|
484
498
|
className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].tableHead,
|
|
485
499
|
children: table.getHeaderGroups().map((headerGroup)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tr", {
|
|
486
500
|
className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
|
|
@@ -523,7 +537,7 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
523
537
|
})
|
|
524
538
|
}, header.id))
|
|
525
539
|
}, headerGroup.id))
|
|
526
|
-
}),
|
|
540
|
+
}) : null,
|
|
527
541
|
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("tbody", {
|
|
528
542
|
ref: tBodyRef,
|
|
529
543
|
className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].tableBody,
|
|
@@ -578,9 +592,13 @@ const Table = ({ data, columns, bulkActions = [], secondaryBulkActions = [], csv
|
|
|
578
592
|
/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
|
|
579
593
|
className: __WEBPACK_EXTERNAL_MODULE__Table_module_js_1c0e33be__["default"].downloadLink,
|
|
580
594
|
children: shouldShowCsvExport ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
|
|
581
|
-
type: "
|
|
582
|
-
|
|
583
|
-
|
|
595
|
+
type: "ghost",
|
|
596
|
+
icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
|
|
597
|
+
symbol: "Download"
|
|
598
|
+
}),
|
|
599
|
+
tooltip: "Download all rows as CSV",
|
|
600
|
+
title: "Download all rows as CSV",
|
|
601
|
+
onClick: ()=>handleDownloadCsv(csvExportableColumns, table.getRowModel().rows)
|
|
584
602
|
}) : null
|
|
585
603
|
})
|
|
586
604
|
]
|
|
@@ -711,7 +729,8 @@ const FilterModal = ({ onClose, filterableColumns, currentFilters, onFiltersChan
|
|
|
711
729
|
},
|
|
712
730
|
secondary: {
|
|
713
731
|
action: onClose,
|
|
714
|
-
label: "Cancel"
|
|
732
|
+
label: "Cancel",
|
|
733
|
+
type: "ghost"
|
|
715
734
|
}
|
|
716
735
|
})
|
|
717
736
|
]
|
|
@@ -755,18 +774,16 @@ const FilterModal = ({ onClose, filterableColumns, currentFilters, onFiltersChan
|
|
|
755
774
|
label: multiFilterLabel,
|
|
756
775
|
highlight: selectedIds.length > 0,
|
|
757
776
|
defaultOpen: 1 === filterableColumns.length,
|
|
758
|
-
children: filter.options.length > MIN_LIST_BOX_FILTER_OPTIONS ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("
|
|
759
|
-
|
|
760
|
-
|
|
761
|
-
|
|
762
|
-
|
|
763
|
-
|
|
764
|
-
|
|
765
|
-
|
|
766
|
-
|
|
767
|
-
|
|
768
|
-
onChange: (option)=>handleMultiFilterChange(column.id, option)
|
|
769
|
-
})
|
|
777
|
+
children: filter.options.length > MIN_LIST_BOX_FILTER_OPTIONS ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_ListBoxField_js_b7d4cb12__["default"], {
|
|
778
|
+
id: `${column.id}-filter`,
|
|
779
|
+
label: "",
|
|
780
|
+
options: filter.options,
|
|
781
|
+
optionToId: (opt)=>opt.id,
|
|
782
|
+
optionToLabel: (opt)=>opt.label,
|
|
783
|
+
searchField: "label",
|
|
784
|
+
value: selectedOptions,
|
|
785
|
+
onChange: (option)=>handleMultiFilterChange(column.id, option),
|
|
786
|
+
fixedHeight: true
|
|
770
787
|
}) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__fields_CheckboxSetField_js_bce910a4__["default"], {
|
|
771
788
|
id: `${column.id}-filter`,
|
|
772
789
|
label: "",
|
|
@@ -3,6 +3,7 @@ const Table_module_rslib_entry_ = {
|
|
|
3
3
|
tableContainer: "tableContainer-hYvEyV",
|
|
4
4
|
table: "table-bzpGau",
|
|
5
5
|
tableHead: "tableHead-L11cP_",
|
|
6
|
+
tableWithoutHeader: "tableWithoutHeader-B4EihX",
|
|
6
7
|
tableBody: "tableBody-Y9iDdo",
|
|
7
8
|
tableRow: "tableRow-WBOT_M",
|
|
8
9
|
tableHeader: "tableHeader-p22xRW",
|
|
@@ -30,7 +31,6 @@ const Table_module_rslib_entry_ = {
|
|
|
30
31
|
filterExpanderWrapper: "filterExpanderWrapper-wfxkbS",
|
|
31
32
|
filterBooleanFieldWrapper: "filterBooleanFieldWrapper-UkqZhF",
|
|
32
33
|
filterOptions: "filterOptions-c2gDM9",
|
|
33
|
-
listBoxFilterContainer: "listBoxFilterContainer-QNIp5R",
|
|
34
34
|
filterButton: "filterButton-K5yTnY",
|
|
35
35
|
downloadLink: "downloadLink-DxebfL"
|
|
36
36
|
};
|
|
@@ -15,6 +15,10 @@
|
|
|
15
15
|
display: grid;
|
|
16
16
|
}
|
|
17
17
|
|
|
18
|
+
.tableWithoutHeader-B4EihX .tableBody-Y9iDdo tr:first-child {
|
|
19
|
+
border-top: none;
|
|
20
|
+
}
|
|
21
|
+
|
|
18
22
|
.tableBody-Y9iDdo {
|
|
19
23
|
display: grid;
|
|
20
24
|
position: relative;
|
|
@@ -198,10 +202,6 @@
|
|
|
198
202
|
display: flex;
|
|
199
203
|
}
|
|
200
204
|
|
|
201
|
-
.listBoxFilterContainer-QNIp5R {
|
|
202
|
-
height: 360px;
|
|
203
|
-
}
|
|
204
|
-
|
|
205
205
|
.filterButton-K5yTnY, .downloadLink-DxebfL {
|
|
206
206
|
justify-content: flex-end;
|
|
207
207
|
gap: var(--size-00);
|
package/dist/shared.css
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@worknice/whiteboard",
|
|
3
3
|
"description": "",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.41.0",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"private": false,
|
|
7
7
|
"files": [
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
"react-markdown": "^10.1.0",
|
|
40
40
|
"utf8": "^3.0.0",
|
|
41
41
|
"zod": "^4.1.13",
|
|
42
|
-
"@worknice/utils": "^0.
|
|
42
|
+
"@worknice/utils": "^0.24.0"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
45
|
"@anolilab/semantic-release-pnpm": "^3.2.2",
|