@ultraviolet/ui 1.88.1 → 1.89.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/Banner/index.cjs +7 -7
- package/dist/components/Banner/index.js +7 -7
- package/dist/components/Checkbox/index.cjs +12 -9
- package/dist/components/Checkbox/index.d.ts +16 -0
- package/dist/components/Checkbox/index.js +13 -10
- package/dist/components/Chip/index.d.ts +1 -1
- package/dist/components/Dialog/{subComponents → components}/CancelButton.cjs +3 -2
- package/dist/components/Dialog/{subComponents → components}/CancelButton.d.ts +2 -1
- package/dist/components/Dialog/{subComponents → components}/CancelButton.js +3 -2
- package/dist/components/Dialog/index.cjs +7 -7
- package/dist/components/Dialog/index.d.ts +2 -1
- package/dist/components/Dialog/index.js +7 -7
- package/dist/components/Label/index.cjs +33 -7
- package/dist/components/Label/index.d.ts +9 -2
- package/dist/components/Label/index.js +31 -7
- package/dist/components/List/ListContext.cjs +71 -67
- package/dist/components/List/ListContext.d.ts +5 -4
- package/dist/components/List/ListContext.js +72 -68
- package/dist/components/List/Row.cjs +19 -31
- package/dist/components/List/Row.js +19 -31
- package/dist/components/List/index.cjs +19 -4
- package/dist/components/List/index.js +20 -5
- package/dist/components/Popup/index.cjs +21 -9
- package/dist/components/Popup/index.js +21 -9
- package/dist/components/Radio/index.cjs +18 -14
- package/dist/components/Radio/index.d.ts +13 -1
- package/dist/components/Radio/index.js +19 -15
- package/dist/components/SelectInputV2/Dropdown.cjs +10 -10
- package/dist/components/SelectInputV2/Dropdown.js +10 -10
- package/dist/components/SelectInputV2/SelectBar.cjs +11 -10
- package/dist/components/SelectInputV2/SelectBar.d.ts +25 -1
- package/dist/components/SelectInputV2/SelectBar.js +12 -11
- package/dist/components/SelectInputV2/index.cjs +3 -3
- package/dist/components/SelectInputV2/index.d.ts +1 -1
- package/dist/components/SelectInputV2/index.js +3 -3
- package/dist/components/SelectableCard/index.cjs +86 -41
- package/dist/components/SelectableCard/index.js +88 -43
- package/dist/components/SelectableCardOptionGroup/Provider.cjs +24 -0
- package/dist/components/SelectableCardOptionGroup/Provider.d.ts +15 -0
- package/dist/components/SelectableCardOptionGroup/Provider.js +24 -0
- package/dist/components/SelectableCardOptionGroup/components/Image.cjs +39 -0
- package/dist/components/SelectableCardOptionGroup/components/Image.d.ts +9 -0
- package/dist/components/SelectableCardOptionGroup/components/Image.js +37 -0
- package/dist/components/SelectableCardOptionGroup/components/Option.cjs +118 -0
- package/dist/components/SelectableCardOptionGroup/components/Option.d.ts +17 -0
- package/dist/components/SelectableCardOptionGroup/components/Option.js +116 -0
- package/dist/components/SelectableCardOptionGroup/index.cjs +67 -0
- package/dist/components/SelectableCardOptionGroup/index.d.ts +46 -0
- package/dist/components/SelectableCardOptionGroup/index.js +65 -0
- package/dist/components/SelectableCardOptionGroup/types.d.ts +1 -0
- package/dist/components/Slider/components/DoubleSlider.cjs +12 -12
- package/dist/components/Slider/components/DoubleSlider.js +8 -8
- package/dist/components/Slider/components/SingleSlider.cjs +22 -14
- package/dist/components/Slider/components/SingleSlider.js +19 -11
- package/dist/components/Table/Row.cjs +20 -32
- package/dist/components/Table/Row.js +20 -32
- package/dist/components/Table/index.cjs +20 -4
- package/dist/components/Table/index.d.ts +6 -5
- package/dist/components/Table/index.js +21 -5
- package/dist/components/Text/index.cjs +4 -3
- package/dist/components/Text/index.d.ts +2 -1
- package/dist/components/Text/index.js +4 -3
- package/dist/components/index.d.ts +1 -0
- package/dist/index.cjs +61 -59
- package/dist/index.js +2 -0
- package/dist/types.d.ts +6 -0
- package/package.json +2 -4
- package/dist/components/Slider/components/Label.cjs +0 -17
- package/dist/components/Slider/components/Label.d.ts +0 -2
- package/dist/components/Slider/components/Label.js +0 -17
- /package/dist/components/Dialog/{subComponents → components}/Button.cjs +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Button.d.ts +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Button.js +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Buttons.cjs +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Buttons.d.ts +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Buttons.js +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Stack.cjs +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Stack.d.ts +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Stack.js +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Text.cjs +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Text.d.ts +0 -0
- /package/dist/components/Dialog/{subComponents → components}/Text.js +0 -0
|
@@ -14,7 +14,7 @@ type ChipType = {
|
|
|
14
14
|
export declare const Chip: {
|
|
15
15
|
({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, }: ChipType): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
16
16
|
Icon: ({ name, onClick, "data-testid": dataTestId, }: {
|
|
17
|
-
name: "address" | "search" | "filter" | "stop" | "view" | "id" | "sort" | "anchor" | "arrowLeft" | "cancel" | "close" | "drag" | "play" | "download" | "asterisk" | "attach" | "burger" | "check" | "detach" | "east" | "equal" | "escape" | "expand" | "github" | "instagram" | "logout" | "minus" | "north" | "organization" | "plus" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "upload" | "west" | "youtube" | "bullhorn" | "calculator" | "chat" | "console" | "database" | "delete" | "doc" | "earth" | "eye" | "folder" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "pin" | "unpin" | "sparkles" | "email" | "addressPlay" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "closeCircleOutline" | "copyContent" | "dotsHorizontal" | "dotsVertical" | "dragVariant" | "eastShort" | "expandMore" | "leftRightArrow" | "linkedin" | "northShort" | "openInNew" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "southShort" | "switchOrga" | "twitter" | "westShort" | "addressOutline" | "adjustmentsHorizontalOutline" | "alertCircleOutline" | "autoFixOutline" | "bookOpenOutlineOutline" | "bullhornOutline" | "calculatorOutline" | "calendarRangeOutline" | "chatOutline" | "checkCircleOutline" | "clockOutlineOutline" | "consoleOutline" | "credentialOutline" | "creditCardOutline" | "crossCircleOutline" | "databaseOutline" | "deleteOutline" | "docOutline" | "earthOutline" | "emailRemoveOutline" | "emailOutline" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folderOutline" | "helpCircleOutline" | "idOutline" | "informationOutline" | "leafOutline" | "lightBulbOutline" | "lockOutline" | "membersOutline" | "moonOutline" | "mosaicOutline" | "notificationOutline" | "penOutline" | "pen2Outline" | "pencilOutline" | "phoneOutline" | "pinOutline" | "playOutline" | "privacyOutline" | "profileOutline" | "rocketOutline" | "sendOutline" | "settingsOutline" | "sidebarOutline" | "sparklesOutline" | "stopOutline" | "sunOutline" | "supportOutline" | "thumbsDownOutline" | "thumbsUpOutline" | "unlockOutline" | "unpinOutline" | "weatherNightOutline" | "adjustmentsHorizontal" | "alertCircle" | "autoFix" | "bookOpenOutline" | "calendarRange" | "checkCircle" | "clockOutline" | "credential" | "creditCard" | "crossCircle" | "emailRemove" | "eyeOff" | "helpCircle" | "information" | "leaf" | "lightBulb" | "notification" | "pen2" | "sidebar" | "thumbsDown" | "thumbsUp" | "weatherNight";
|
|
17
|
+
name: "address" | "search" | "filter" | "stop" | "view" | "id" | "sort" | "anchor" | "bold" | "arrowLeft" | "cancel" | "close" | "drag" | "play" | "download" | "asterisk" | "attach" | "burger" | "check" | "detach" | "east" | "equal" | "escape" | "expand" | "github" | "instagram" | "logout" | "minus" | "north" | "organization" | "plus" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "upload" | "west" | "youtube" | "bullhorn" | "calculator" | "chat" | "console" | "database" | "delete" | "doc" | "earth" | "eye" | "folder" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "pin" | "unpin" | "sparkles" | "italic" | "underline" | "email" | "addressPlay" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "closeCircleOutline" | "copyContent" | "dotsHorizontal" | "dotsVertical" | "dragVariant" | "eastShort" | "expandMore" | "leftRightArrow" | "linkedin" | "listBullet" | "listNumber" | "northShort" | "openInNew" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "southShort" | "switchOrga" | "twitter" | "westShort" | "addressOutline" | "adjustmentsHorizontalOutline" | "alertCircleOutline" | "autoFixOutline" | "bookOpenOutlineOutline" | "bullhornOutline" | "calculatorOutline" | "calendarRangeOutline" | "chatOutline" | "checkCircleOutline" | "clockOutlineOutline" | "consoleOutline" | "credentialOutline" | "creditCardOutline" | "crossCircleOutline" | "databaseOutline" | "deleteOutline" | "docOutline" | "earthOutline" | "emailRemoveOutline" | "emailOutline" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folderOutline" | "helpCircleOutline" | "idOutline" | "informationOutline" | "leafOutline" | "lightBulbOutline" | "lockOutline" | "membersOutline" | "moonOutline" | "mosaicOutline" | "notificationOutline" | "penOutline" | "pen2Outline" | "pencilOutline" | "phoneOutline" | "pinOutline" | "playOutline" | "privacyOutline" | "profileOutline" | "rocketOutline" | "sendOutline" | "settingsOutline" | "sidebarOutline" | "sparklesOutline" | "stopOutline" | "sunOutline" | "supportOutline" | "thumbsDownOutline" | "thumbsUpOutline" | "unlockOutline" | "unpinOutline" | "weatherNightOutline" | "adjustmentsHorizontal" | "alertCircle" | "autoFix" | "bookOpenOutline" | "calendarRange" | "checkCircle" | "clockOutline" | "credential" | "creditCard" | "crossCircle" | "emailRemove" | "eyeOff" | "helpCircle" | "information" | "leaf" | "lightBulb" | "notification" | "pen2" | "sidebar" | "thumbsDown" | "thumbsUp" | "weatherNight";
|
|
18
18
|
onClick?: () => void;
|
|
19
19
|
'data-testid'?: string;
|
|
20
20
|
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
@@ -4,6 +4,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
|
4
4
|
const index = require("../../Button/index.cjs");
|
|
5
5
|
const DialogCancelButton = ({
|
|
6
6
|
children,
|
|
7
|
-
onClick
|
|
8
|
-
|
|
7
|
+
onClick,
|
|
8
|
+
disabled
|
|
9
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(index.Button, { variant: "outlined", sentiment: "neutral", onClick, disabled, children });
|
|
9
10
|
exports.DialogCancelButton = DialogCancelButton;
|
|
@@ -3,6 +3,7 @@ import { Button } from '../../Button';
|
|
|
3
3
|
type DialogCancelButtonProps = {
|
|
4
4
|
children: ReactNode;
|
|
5
5
|
onClick: ComponentProps<typeof Button>['onClick'];
|
|
6
|
+
disabled?: ComponentProps<typeof Button>['disabled'];
|
|
6
7
|
};
|
|
7
|
-
export declare const DialogCancelButton: ({ children, onClick, }: DialogCancelButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
export declare const DialogCancelButton: ({ children, onClick, disabled, }: DialogCancelButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
9
|
export {};
|
|
@@ -2,8 +2,9 @@ import { jsx } from "@emotion/react/jsx-runtime";
|
|
|
2
2
|
import { Button } from "../../Button/index.js";
|
|
3
3
|
const DialogCancelButton = ({
|
|
4
4
|
children,
|
|
5
|
-
onClick
|
|
6
|
-
|
|
5
|
+
onClick,
|
|
6
|
+
disabled
|
|
7
|
+
}) => /* @__PURE__ */ jsx(Button, { variant: "outlined", sentiment: "neutral", onClick, disabled, children });
|
|
7
8
|
export {
|
|
8
9
|
DialogCancelButton
|
|
9
10
|
};
|
|
@@ -7,11 +7,11 @@ const index$1 = require("../Bullet/index.cjs");
|
|
|
7
7
|
const index = require("../Modal/index.cjs");
|
|
8
8
|
const index$2 = require("../Text/index.cjs");
|
|
9
9
|
const Context = require("./Context.cjs");
|
|
10
|
-
const Button = require("./
|
|
11
|
-
const Buttons = require("./
|
|
12
|
-
const CancelButton = require("./
|
|
13
|
-
const Stack = require("./
|
|
14
|
-
const Text = require("./
|
|
10
|
+
const Button = require("./components/Button.cjs");
|
|
11
|
+
const Buttons = require("./components/Buttons.cjs");
|
|
12
|
+
const CancelButton = require("./components/CancelButton.cjs");
|
|
13
|
+
const Stack = require("./components/Stack.cjs");
|
|
14
|
+
const Text = require("./components/Text.cjs");
|
|
15
15
|
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
16
16
|
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
17
17
|
const DIALOG_SIZE = "xsmall";
|
|
@@ -24,13 +24,13 @@ const StyledTextTitle = /* @__PURE__ */ _styled__default.default(index$2.Text, p
|
|
|
24
24
|
theme
|
|
25
25
|
}) => theme.space["2"], ";margin-bottom:", ({
|
|
26
26
|
theme
|
|
27
|
-
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
27
|
+
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0eXBlIENvbXBvbmVudFByb3BzLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDI3LjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXRcbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGljb249e1xuICAgICAgICAgIHNlbnRpbWVudCA9PT0gJ3dhcm5pbmcnIHx8IHNlbnRpbWVudCA9PT0gJ2RhbmdlcicgPyAnYWxlcnQnIDogJ2NoZWNrJ1xuICAgICAgICB9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZFRleHRUaXRsZVxuICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGV4dFRpdGxlPlxuICAgIDwvPlxuICApXG5cbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbzxEaWFsb2dDb250ZXh0VHlwZT4oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNlbnRpbWVudCxcbiAgICB9KSxcbiAgICBbc2VudGltZW50XSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsXG4gICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXNjbG9zdXJlPXtkaXNjbG9zdXJlfVxuICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICBoaWRlT25Fc2M9e2hpZGVPbkVzY31cbiAgICAgIGlkPXtpZH1cbiAgICAgIGlzQ2xvc2FibGU9e2lzQ2xvc2FibGV9XG4gICAgICBvbkJlZm9yZUNsb3NlPXtvbkJlZm9yZUNsb3NlfVxuICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIHNpemU9e0RJQUxPR19TSVpFfVxuICAgID5cbiAgICAgIHttb2RhbFByb3BzID0+XG4gICAgICAgIHR5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVuKG1vZGFsUHJvcHMpfVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKVxuICAgICAgfVxuICAgIDwvU3R5bGVkTW9kYWw+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgRGlhbG9nIGNvbXBvbmVudCBpcyB1c2VkIHRvIHNob3cgY29udGVudCBvbiB0b3Agb2YgYW4gb3ZlcmxheSB0aGF0IHJlcXVpcmVzIHVzZXIgaW50ZXJhY3Rpb24uXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgRGlhbG9nID0gT2JqZWN0LmFzc2lnbihCYXNlRGlhbG9nLCB7XG4gIEJ1dHRvbnM6IERpYWxvZ0J1dHRvbnMsXG4gIEJ1dHRvbjogRGlhbG9nQnV0dG9uLFxuICBDYW5jZWxCdXR0b246IERpYWxvZ0NhbmNlbEJ1dHRvbixcbiAgU3RhY2s6IERpYWxvZ1N0YWNrLFxuICBUZXh0OiBEaWFsb2dUZXh0LFxuICB1c2VEaWFsb2dDb250ZXh0LFxufSlcbiJdfQ== */"));
|
|
28
28
|
const StyledModal = /* @__PURE__ */ _styled__default.default(index.Modal, process.env.NODE_ENV === "production" ? {
|
|
29
29
|
target: "ehf9m9r0"
|
|
30
30
|
} : {
|
|
31
31
|
target: "ehf9m9r0",
|
|
32
32
|
label: "StyledModal"
|
|
33
|
-
})('&[data-size="', DIALOG_SIZE, '"]{width:27.5rem;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
33
|
+
})('&[data-size="', DIALOG_SIZE, '"]{width:27.5rem;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0eXBlIENvbXBvbmVudFByb3BzLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDI3LjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXRcbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGljb249e1xuICAgICAgICAgIHNlbnRpbWVudCA9PT0gJ3dhcm5pbmcnIHx8IHNlbnRpbWVudCA9PT0gJ2RhbmdlcicgPyAnYWxlcnQnIDogJ2NoZWNrJ1xuICAgICAgICB9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZFRleHRUaXRsZVxuICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGV4dFRpdGxlPlxuICAgIDwvPlxuICApXG5cbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbzxEaWFsb2dDb250ZXh0VHlwZT4oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNlbnRpbWVudCxcbiAgICB9KSxcbiAgICBbc2VudGltZW50XSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsXG4gICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXNjbG9zdXJlPXtkaXNjbG9zdXJlfVxuICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICBoaWRlT25Fc2M9e2hpZGVPbkVzY31cbiAgICAgIGlkPXtpZH1cbiAgICAgIGlzQ2xvc2FibGU9e2lzQ2xvc2FibGV9XG4gICAgICBvbkJlZm9yZUNsb3NlPXtvbkJlZm9yZUNsb3NlfVxuICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIHNpemU9e0RJQUxPR19TSVpFfVxuICAgID5cbiAgICAgIHttb2RhbFByb3BzID0+XG4gICAgICAgIHR5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVuKG1vZGFsUHJvcHMpfVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKVxuICAgICAgfVxuICAgIDwvU3R5bGVkTW9kYWw+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgRGlhbG9nIGNvbXBvbmVudCBpcyB1c2VkIHRvIHNob3cgY29udGVudCBvbiB0b3Agb2YgYW4gb3ZlcmxheSB0aGF0IHJlcXVpcmVzIHVzZXIgaW50ZXJhY3Rpb24uXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgRGlhbG9nID0gT2JqZWN0LmFzc2lnbihCYXNlRGlhbG9nLCB7XG4gIEJ1dHRvbnM6IERpYWxvZ0J1dHRvbnMsXG4gIEJ1dHRvbjogRGlhbG9nQnV0dG9uLFxuICBDYW5jZWxCdXR0b246IERpYWxvZ0NhbmNlbEJ1dHRvbixcbiAgU3RhY2s6IERpYWxvZ1N0YWNrLFxuICBUZXh0OiBEaWFsb2dUZXh0LFxuICB1c2VEaWFsb2dDb250ZXh0LFxufSlcbiJdfQ== */"));
|
|
34
34
|
const BaseDialog = ({
|
|
35
35
|
ariaLabel,
|
|
36
36
|
className,
|
|
@@ -74,9 +74,10 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
|
|
|
74
74
|
target?: string;
|
|
75
75
|
download?: string;
|
|
76
76
|
})) & import("react").RefAttributes<Element>, "tooltip" | "onClick" | "disabled">) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
77
|
-
CancelButton: ({ children, onClick, }: {
|
|
77
|
+
CancelButton: ({ children, onClick, disabled, }: {
|
|
78
78
|
children: import("react").ReactNode;
|
|
79
79
|
onClick: ComponentProps<typeof import("..").Button>["onClick"];
|
|
80
|
+
disabled?: ComponentProps<typeof import("..").Button>["disabled"];
|
|
80
81
|
}) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
81
82
|
Stack: ({ children }: {
|
|
82
83
|
children: import("react").ReactNode;
|
|
@@ -5,11 +5,11 @@ import { Bullet } from "../Bullet/index.js";
|
|
|
5
5
|
import { Modal } from "../Modal/index.js";
|
|
6
6
|
import { Text } from "../Text/index.js";
|
|
7
7
|
import { useDialogContext, DialogContext } from "./Context.js";
|
|
8
|
-
import { DialogButton } from "./
|
|
9
|
-
import { DialogButtons } from "./
|
|
10
|
-
import { DialogCancelButton } from "./
|
|
11
|
-
import { DialogStack } from "./
|
|
12
|
-
import { DialogText } from "./
|
|
8
|
+
import { DialogButton } from "./components/Button.js";
|
|
9
|
+
import { DialogButtons } from "./components/Buttons.js";
|
|
10
|
+
import { DialogCancelButton } from "./components/CancelButton.js";
|
|
11
|
+
import { DialogStack } from "./components/Stack.js";
|
|
12
|
+
import { DialogText } from "./components/Text.js";
|
|
13
13
|
const DIALOG_SIZE = "xsmall";
|
|
14
14
|
const StyledTextTitle = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
|
|
15
15
|
target: "ehf9m9r1"
|
|
@@ -20,13 +20,13 @@ const StyledTextTitle = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "
|
|
|
20
20
|
theme
|
|
21
21
|
}) => theme.space["2"], ";margin-bottom:", ({
|
|
22
22
|
theme
|
|
23
|
-
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
23
|
+
}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0JvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0eXBlIENvbXBvbmVudFByb3BzLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDI3LjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXRcbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGljb249e1xuICAgICAgICAgIHNlbnRpbWVudCA9PT0gJ3dhcm5pbmcnIHx8IHNlbnRpbWVudCA9PT0gJ2RhbmdlcicgPyAnYWxlcnQnIDogJ2NoZWNrJ1xuICAgICAgICB9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZFRleHRUaXRsZVxuICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGV4dFRpdGxlPlxuICAgIDwvPlxuICApXG5cbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbzxEaWFsb2dDb250ZXh0VHlwZT4oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNlbnRpbWVudCxcbiAgICB9KSxcbiAgICBbc2VudGltZW50XSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsXG4gICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXNjbG9zdXJlPXtkaXNjbG9zdXJlfVxuICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICBoaWRlT25Fc2M9e2hpZGVPbkVzY31cbiAgICAgIGlkPXtpZH1cbiAgICAgIGlzQ2xvc2FibGU9e2lzQ2xvc2FibGV9XG4gICAgICBvbkJlZm9yZUNsb3NlPXtvbkJlZm9yZUNsb3NlfVxuICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIHNpemU9e0RJQUxPR19TSVpFfVxuICAgID5cbiAgICAgIHttb2RhbFByb3BzID0+XG4gICAgICAgIHR5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVuKG1vZGFsUHJvcHMpfVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKVxuICAgICAgfVxuICAgIDwvU3R5bGVkTW9kYWw+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgRGlhbG9nIGNvbXBvbmVudCBpcyB1c2VkIHRvIHNob3cgY29udGVudCBvbiB0b3Agb2YgYW4gb3ZlcmxheSB0aGF0IHJlcXVpcmVzIHVzZXIgaW50ZXJhY3Rpb24uXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgRGlhbG9nID0gT2JqZWN0LmFzc2lnbihCYXNlRGlhbG9nLCB7XG4gIEJ1dHRvbnM6IERpYWxvZ0J1dHRvbnMsXG4gIEJ1dHRvbjogRGlhbG9nQnV0dG9uLFxuICBDYW5jZWxCdXR0b246IERpYWxvZ0NhbmNlbEJ1dHRvbixcbiAgU3RhY2s6IERpYWxvZ1N0YWNrLFxuICBUZXh0OiBEaWFsb2dUZXh0LFxuICB1c2VEaWFsb2dDb250ZXh0LFxufSlcbiJdfQ== */"));
|
|
24
24
|
const StyledModal = /* @__PURE__ */ _styled(Modal, process.env.NODE_ENV === "production" ? {
|
|
25
25
|
target: "ehf9m9r0"
|
|
26
26
|
} : {
|
|
27
27
|
target: "ehf9m9r0",
|
|
28
28
|
label: "StyledModal"
|
|
29
|
-
})('&[data-size="', DIALOG_SIZE, '"]{width:27.5rem;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
29
|
+
})('&[data-size="', DIALOG_SIZE, '"]{width:27.5rem;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgeyB0eXBlIENvbXBvbmVudFByb3BzLCB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDI3LjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXRcbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGljb249e1xuICAgICAgICAgIHNlbnRpbWVudCA9PT0gJ3dhcm5pbmcnIHx8IHNlbnRpbWVudCA9PT0gJ2RhbmdlcicgPyAnYWxlcnQnIDogJ2NoZWNrJ1xuICAgICAgICB9XG4gICAgICAvPlxuICAgICAgPFN0eWxlZFRleHRUaXRsZVxuICAgICAgICBhcz1cImgyXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgICAgc2VudGltZW50PVwibmV1dHJhbFwiXG4gICAgICA+XG4gICAgICAgIHt0aXRsZX1cbiAgICAgIDwvU3R5bGVkVGV4dFRpdGxlPlxuICAgIDwvPlxuICApXG5cbiAgY29uc3QgY29udGV4dFZhbHVlID0gdXNlTWVtbzxEaWFsb2dDb250ZXh0VHlwZT4oXG4gICAgKCkgPT4gKHtcbiAgICAgIHNlbnRpbWVudCxcbiAgICB9KSxcbiAgICBbc2VudGltZW50XSxcbiAgKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE1vZGFsXG4gICAgICBhcmlhTGFiZWw9e2FyaWFMYWJlbH1cbiAgICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gICAgICBkaXNjbG9zdXJlPXtkaXNjbG9zdXJlfVxuICAgICAgaGlkZU9uQ2xpY2tPdXRzaWRlPXtoaWRlT25DbGlja091dHNpZGV9XG4gICAgICBoaWRlT25Fc2M9e2hpZGVPbkVzY31cbiAgICAgIGlkPXtpZH1cbiAgICAgIGlzQ2xvc2FibGU9e2lzQ2xvc2FibGV9XG4gICAgICBvbkJlZm9yZUNsb3NlPXtvbkJlZm9yZUNsb3NlfVxuICAgICAgb25DbG9zZT17b25DbG9zZX1cbiAgICAgIG9wZW49e29wZW59XG4gICAgICBwbGFjZW1lbnQ9e3BsYWNlbWVudH1cbiAgICAgIHNpemU9e0RJQUxPR19TSVpFfVxuICAgID5cbiAgICAgIHttb2RhbFByb3BzID0+XG4gICAgICAgIHR5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVuKG1vZGFsUHJvcHMpfVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICA8RGlhbG9nQ29udGV4dC5Qcm92aWRlciB2YWx1ZT17Y29udGV4dFZhbHVlfT5cbiAgICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgIDwvRGlhbG9nQ29udGV4dC5Qcm92aWRlcj5cbiAgICAgICAgKVxuICAgICAgfVxuICAgIDwvU3R5bGVkTW9kYWw+XG4gIClcbn1cblxuLyoqXG4gKiBUaGUgRGlhbG9nIGNvbXBvbmVudCBpcyB1c2VkIHRvIHNob3cgY29udGVudCBvbiB0b3Agb2YgYW4gb3ZlcmxheSB0aGF0IHJlcXVpcmVzIHVzZXIgaW50ZXJhY3Rpb24uXG4gKiBAZXhwZXJpbWVudGFsIFRoaXMgY29tcG9uZW50IGlzIGV4cGVyaW1lbnRhbCBhbmQgbWF5IGJlIHN1YmplY3QgdG8gYnJlYWtpbmcgY2hhbmdlcyBpbiB0aGUgZnV0dXJlLlxuICovXG5leHBvcnQgY29uc3QgRGlhbG9nID0gT2JqZWN0LmFzc2lnbihCYXNlRGlhbG9nLCB7XG4gIEJ1dHRvbnM6IERpYWxvZ0J1dHRvbnMsXG4gIEJ1dHRvbjogRGlhbG9nQnV0dG9uLFxuICBDYW5jZWxCdXR0b246IERpYWxvZ0NhbmNlbEJ1dHRvbixcbiAgU3RhY2s6IERpYWxvZ1N0YWNrLFxuICBUZXh0OiBEaWFsb2dUZXh0LFxuICB1c2VEaWFsb2dDb250ZXh0LFxufSlcbiJdfQ== */"));
|
|
30
30
|
const BaseDialog = ({
|
|
31
31
|
ariaLabel,
|
|
32
32
|
className,
|
|
@@ -1,27 +1,53 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
|
|
3
3
|
const jsxRuntime = require("@emotion/react/jsx-runtime");
|
|
4
|
+
const _styled = require("@emotion/styled/base");
|
|
4
5
|
const index = require("../Stack/index.cjs");
|
|
5
6
|
const index$1 = require("../Text/index.cjs");
|
|
7
|
+
const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
|
|
8
|
+
const _styled__default = /* @__PURE__ */ _interopDefaultCompat(_styled);
|
|
9
|
+
const TextPointer = /* @__PURE__ */ _styled__default.default(index$1.Text, process.env.NODE_ENV === "production" ? {
|
|
10
|
+
target: "eranz9i0"
|
|
11
|
+
} : {
|
|
12
|
+
target: "eranz9i0",
|
|
13
|
+
label: "TextPointer"
|
|
14
|
+
})("cursor:", ({
|
|
15
|
+
disabled,
|
|
16
|
+
htmlFor
|
|
17
|
+
}) => {
|
|
18
|
+
if (disabled) {
|
|
19
|
+
return "not-allowed";
|
|
20
|
+
}
|
|
21
|
+
if (htmlFor) {
|
|
22
|
+
return "pointer";
|
|
23
|
+
}
|
|
24
|
+
return "text";
|
|
25
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xhYmVsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGFiZWwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgVGV4dFBvaW50ZXIgPSBzdHlsZWQoVGV4dClgXG4gIGN1cnNvcjogJHsoeyBkaXNhYmxlZCwgaHRtbEZvciB9KSA9PiB7XG4gICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICByZXR1cm4gJ25vdC1hbGxvd2VkJ1xuICAgIH1cblxuICAgIGlmIChodG1sRm9yKSB7XG4gICAgICByZXR1cm4gJ3BvaW50ZXInXG4gICAgfVxuXG4gICAgcmV0dXJuICd0ZXh0J1xuICB9fTtcbmBcblxuY29uc3QgTGFiZWxSZXF1aXJlZE9yTm90ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHJlcXVpcmVkLFxuICBpZCxcbiAgc2l6ZSxcbiAgaHRtbEZvcixcbiAgYXMsXG4gIHNlbnRpbWVudCxcbiAgZGlzYWJsZWQsXG59OiBMYWJlbFByb3BzKSA9PlxuICByZXF1aXJlZCA/IChcbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPVwiMC41XCIgYWxpZ25JdGVtcz1cInN0YXJ0XCI+XG4gICAgICA8VGV4dFBvaW50ZXJcbiAgICAgICAgYXM9e2FzID09PSAnbGFiZWwnID8gJ2xhYmVsJyA6ICdsZWdlbmQnfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0UG9pbnRlcj5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgICAgc2VudGltZW50PVwiZGFuZ2VyXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cInJlcXVpcmVkXCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgPlxuICAgICAgICAqXG4gICAgICA8L1RleHQ+XG4gICAgPC9TdGFjaz5cbiAgKSA6IChcbiAgICA8VGV4dFBvaW50ZXJcbiAgICAgIGFzPXthcyA9PT0gJ2xhYmVsJyA/ICdsYWJlbCcgOiAnbGVnZW5kJ31cbiAgICAgIGlkPXtpZH1cbiAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgaHRtbEZvcj17aHRtbEZvcn1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0UG9pbnRlcj5cbiAgKVxuXG50eXBlIExhYmVsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBBcyBjYW4gaGVscCB5b3UgdG8gZGVmaW5lIGEgbGFiZWwgb3IgYSBsZWdlbmQgaW4gY2FzZSB5b3UgYXJlIHVzaW5nIGl0IGluc2lkZSBhIGZpZWxkc2V0XG4gICAqL1xuICBhcz86ICdsYWJlbCcgfCAnbGVnZW5kJ1xuICBjaGlsZHJlbj86IHN0cmluZ1xuICBsYWJlbERlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJ1xuICBodG1sRm9yPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIHNlbnRpbWVudD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBUZXh0Plsnc2VudGltZW50J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5cbi8qKlxuICogTGFiZWwgaXMgdXNlZCBpbnNpZGUgYWxsIG9mIG91ciBpbnB1dCBjb21wb25lbnRzLCBidXQgaXQgY2FuIGJlIHVzZWQgb3V0c2lkZSBmb3IgZGVzaWduIHB1cnBvc2VzXG4gKi9cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIGFzID0gJ2xhYmVsJyxcbiAgY2hpbGRyZW4sXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gIHJlcXVpcmVkLFxuICBzaXplID0gJ2xhcmdlJyxcbiAgaHRtbEZvcixcbiAgaWQsXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgZGlzYWJsZWQsXG59OiBMYWJlbFByb3BzKSA9PlxuICBsYWJlbERlc2NyaXB0aW9uID8gKFxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9XCIxXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgPExhYmVsUmVxdWlyZWRPck5vdFxuICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xhYmVsUmVxdWlyZWRPck5vdD5cbiAgICAgIHt0eXBlb2YgbGFiZWxEZXNjcmlwdGlvbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICB7bGFiZWxEZXNjcmlwdGlvbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKSA6IChcbiAgICAgICAgbGFiZWxEZXNjcmlwdGlvblxuICAgICAgKX1cbiAgICA8L1N0YWNrPlxuICApIDogKFxuICAgIDxMYWJlbFJlcXVpcmVkT3JOb3RcbiAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgaWQ9e2lkfVxuICAgICAgYXM9e2FzfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGFiZWxSZXF1aXJlZE9yTm90PlxuICApXG4iXX0= */"));
|
|
6
26
|
const LabelRequiredOrNot = ({
|
|
7
27
|
children,
|
|
8
28
|
required,
|
|
9
29
|
id,
|
|
10
30
|
size,
|
|
11
|
-
htmlFor
|
|
31
|
+
htmlFor,
|
|
32
|
+
as,
|
|
33
|
+
sentiment,
|
|
34
|
+
disabled
|
|
12
35
|
}) => required ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", gap: "0.5", alignItems: "start", children: [
|
|
13
|
-
/* @__PURE__ */ jsxRuntime.jsx(
|
|
14
|
-
/* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment: "danger", "aria-label": "required", children: "*" })
|
|
15
|
-
] }) : /* @__PURE__ */ jsxRuntime.jsx(
|
|
36
|
+
/* @__PURE__ */ jsxRuntime.jsx(TextPointer, { as: as === "label" ? "label" : "legend", id, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment, htmlFor, disabled, children }),
|
|
37
|
+
/* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment: "danger", "aria-label": "required", disabled, children: "*" })
|
|
38
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx(TextPointer, { as: as === "label" ? "label" : "legend", id, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment, htmlFor, disabled, children });
|
|
16
39
|
const Label = ({
|
|
40
|
+
as = "label",
|
|
17
41
|
children,
|
|
18
42
|
labelDescription,
|
|
19
43
|
required,
|
|
20
44
|
size = "large",
|
|
21
45
|
htmlFor,
|
|
22
|
-
id
|
|
46
|
+
id,
|
|
47
|
+
sentiment = "neutral",
|
|
48
|
+
disabled
|
|
23
49
|
}) => labelDescription ? /* @__PURE__ */ jsxRuntime.jsxs(index.Stack, { direction: "row", gap: "1", alignItems: "center", children: [
|
|
24
|
-
/* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { required, size, htmlFor, id, children }),
|
|
50
|
+
/* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { required, size, htmlFor, id, as, sentiment, disabled, children }),
|
|
25
51
|
typeof labelDescription === "string" ? /* @__PURE__ */ jsxRuntime.jsx(index$1.Text, { as: "span", variant: "bodySmall", children: labelDescription }) : labelDescription
|
|
26
|
-
] }) : /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { required, size, htmlFor, id, children });
|
|
52
|
+
] }) : /* @__PURE__ */ jsxRuntime.jsx(LabelRequiredOrNot, { required, size, htmlFor, id, as, sentiment, disabled, children });
|
|
27
53
|
exports.Label = Label;
|
|
@@ -1,14 +1,21 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
1
|
+
import type { ComponentProps, ReactNode } from 'react';
|
|
2
|
+
import { Text } from '../Text';
|
|
2
3
|
type LabelProps = {
|
|
4
|
+
/**
|
|
5
|
+
* As can help you to define a label or a legend in case you are using it inside a fieldset
|
|
6
|
+
*/
|
|
7
|
+
as?: 'label' | 'legend';
|
|
3
8
|
children?: string;
|
|
4
9
|
labelDescription?: ReactNode;
|
|
5
10
|
required?: boolean;
|
|
6
11
|
size?: 'small' | 'medium' | 'large';
|
|
7
12
|
htmlFor?: string;
|
|
8
13
|
id?: string;
|
|
14
|
+
sentiment?: ComponentProps<typeof Text>['sentiment'];
|
|
15
|
+
disabled?: boolean;
|
|
9
16
|
};
|
|
10
17
|
/**
|
|
11
18
|
* Label is used inside all of our input components, but it can be used outside for design purposes
|
|
12
19
|
*/
|
|
13
|
-
export declare const Label: ({ children, labelDescription, required, size, htmlFor, id, }: LabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
20
|
+
export declare const Label: ({ as, children, labelDescription, required, size, htmlFor, id, sentiment, disabled, }: LabelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
21
|
export {};
|
|
@@ -1,27 +1,51 @@
|
|
|
1
1
|
import { jsxs, jsx } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import _styled from "@emotion/styled/base";
|
|
2
3
|
import { Stack } from "../Stack/index.js";
|
|
3
4
|
import { Text } from "../Text/index.js";
|
|
5
|
+
const TextPointer = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
|
|
6
|
+
target: "eranz9i0"
|
|
7
|
+
} : {
|
|
8
|
+
target: "eranz9i0",
|
|
9
|
+
label: "TextPointer"
|
|
10
|
+
})("cursor:", ({
|
|
11
|
+
disabled,
|
|
12
|
+
htmlFor
|
|
13
|
+
}) => {
|
|
14
|
+
if (disabled) {
|
|
15
|
+
return "not-allowed";
|
|
16
|
+
}
|
|
17
|
+
if (htmlFor) {
|
|
18
|
+
return "pointer";
|
|
19
|
+
}
|
|
20
|
+
return "text";
|
|
21
|
+
}, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0xhYmVsL2luZGV4LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLZ0MiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvTGFiZWwvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzLCBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgVGV4dFBvaW50ZXIgPSBzdHlsZWQoVGV4dClgXG4gIGN1cnNvcjogJHsoeyBkaXNhYmxlZCwgaHRtbEZvciB9KSA9PiB7XG4gICAgaWYgKGRpc2FibGVkKSB7XG4gICAgICByZXR1cm4gJ25vdC1hbGxvd2VkJ1xuICAgIH1cblxuICAgIGlmIChodG1sRm9yKSB7XG4gICAgICByZXR1cm4gJ3BvaW50ZXInXG4gICAgfVxuXG4gICAgcmV0dXJuICd0ZXh0J1xuICB9fTtcbmBcblxuY29uc3QgTGFiZWxSZXF1aXJlZE9yTm90ID0gKHtcbiAgY2hpbGRyZW4sXG4gIHJlcXVpcmVkLFxuICBpZCxcbiAgc2l6ZSxcbiAgaHRtbEZvcixcbiAgYXMsXG4gIHNlbnRpbWVudCxcbiAgZGlzYWJsZWQsXG59OiBMYWJlbFByb3BzKSA9PlxuICByZXF1aXJlZCA/IChcbiAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPVwiMC41XCIgYWxpZ25JdGVtcz1cInN0YXJ0XCI+XG4gICAgICA8VGV4dFBvaW50ZXJcbiAgICAgICAgYXM9e2FzID09PSAnbGFiZWwnID8gJ2xhYmVsJyA6ICdsZWdlbmQnfVxuICAgICAgICBpZD17aWR9XG4gICAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICAgID5cbiAgICAgICAge2NoaWxkcmVufVxuICAgICAgPC9UZXh0UG9pbnRlcj5cbiAgICAgIDxUZXh0XG4gICAgICAgIGFzPVwic3BhblwiXG4gICAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgICAgc2VudGltZW50PVwiZGFuZ2VyXCJcbiAgICAgICAgYXJpYS1sYWJlbD1cInJlcXVpcmVkXCJcbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgPlxuICAgICAgICAqXG4gICAgICA8L1RleHQ+XG4gICAgPC9TdGFjaz5cbiAgKSA6IChcbiAgICA8VGV4dFBvaW50ZXJcbiAgICAgIGFzPXthcyA9PT0gJ2xhYmVsJyA/ICdsYWJlbCcgOiAnbGVnZW5kJ31cbiAgICAgIGlkPXtpZH1cbiAgICAgIHZhcmlhbnQ9e3NpemUgPT09ICdsYXJnZScgPyAnYm9keVN0cm9uZycgOiAnYm9keVNtYWxsU3Ryb25nJ31cbiAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgaHRtbEZvcj17aHRtbEZvcn1cbiAgICAgIGRpc2FibGVkPXtkaXNhYmxlZH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9UZXh0UG9pbnRlcj5cbiAgKVxuXG50eXBlIExhYmVsUHJvcHMgPSB7XG4gIC8qKlxuICAgKiBBcyBjYW4gaGVscCB5b3UgdG8gZGVmaW5lIGEgbGFiZWwgb3IgYSBsZWdlbmQgaW4gY2FzZSB5b3UgYXJlIHVzaW5nIGl0IGluc2lkZSBhIGZpZWxkc2V0XG4gICAqL1xuICBhcz86ICdsYWJlbCcgfCAnbGVnZW5kJ1xuICBjaGlsZHJlbj86IHN0cmluZ1xuICBsYWJlbERlc2NyaXB0aW9uPzogUmVhY3ROb2RlXG4gIHJlcXVpcmVkPzogYm9vbGVhblxuICBzaXplPzogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJ1xuICBodG1sRm9yPzogc3RyaW5nXG4gIGlkPzogc3RyaW5nXG4gIHNlbnRpbWVudD86IENvbXBvbmVudFByb3BzPHR5cGVvZiBUZXh0Plsnc2VudGltZW50J11cbiAgZGlzYWJsZWQ/OiBib29sZWFuXG59XG5cbi8qKlxuICogTGFiZWwgaXMgdXNlZCBpbnNpZGUgYWxsIG9mIG91ciBpbnB1dCBjb21wb25lbnRzLCBidXQgaXQgY2FuIGJlIHVzZWQgb3V0c2lkZSBmb3IgZGVzaWduIHB1cnBvc2VzXG4gKi9cbmV4cG9ydCBjb25zdCBMYWJlbCA9ICh7XG4gIGFzID0gJ2xhYmVsJyxcbiAgY2hpbGRyZW4sXG4gIGxhYmVsRGVzY3JpcHRpb24sXG4gIHJlcXVpcmVkLFxuICBzaXplID0gJ2xhcmdlJyxcbiAgaHRtbEZvcixcbiAgaWQsXG4gIHNlbnRpbWVudCA9ICduZXV0cmFsJyxcbiAgZGlzYWJsZWQsXG59OiBMYWJlbFByb3BzKSA9PlxuICBsYWJlbERlc2NyaXB0aW9uID8gKFxuICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9XCIxXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgPExhYmVsUmVxdWlyZWRPck5vdFxuICAgICAgICByZXF1aXJlZD17cmVxdWlyZWR9XG4gICAgICAgIHNpemU9e3NpemV9XG4gICAgICAgIGh0bWxGb3I9e2h0bWxGb3J9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgYXM9e2FzfVxuICAgICAgICBzZW50aW1lbnQ9e3NlbnRpbWVudH1cbiAgICAgICAgZGlzYWJsZWQ9e2Rpc2FibGVkfVxuICAgICAgPlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L0xhYmVsUmVxdWlyZWRPck5vdD5cbiAgICAgIHt0eXBlb2YgbGFiZWxEZXNjcmlwdGlvbiA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgIDxUZXh0IGFzPVwic3BhblwiIHZhcmlhbnQ9XCJib2R5U21hbGxcIj5cbiAgICAgICAgICB7bGFiZWxEZXNjcmlwdGlvbn1cbiAgICAgICAgPC9UZXh0PlxuICAgICAgKSA6IChcbiAgICAgICAgbGFiZWxEZXNjcmlwdGlvblxuICAgICAgKX1cbiAgICA8L1N0YWNrPlxuICApIDogKFxuICAgIDxMYWJlbFJlcXVpcmVkT3JOb3RcbiAgICAgIHJlcXVpcmVkPXtyZXF1aXJlZH1cbiAgICAgIHNpemU9e3NpemV9XG4gICAgICBodG1sRm9yPXtodG1sRm9yfVxuICAgICAgaWQ9e2lkfVxuICAgICAgYXM9e2FzfVxuICAgICAgc2VudGltZW50PXtzZW50aW1lbnR9XG4gICAgICBkaXNhYmxlZD17ZGlzYWJsZWR9XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvTGFiZWxSZXF1aXJlZE9yTm90PlxuICApXG4iXX0= */"));
|
|
4
22
|
const LabelRequiredOrNot = ({
|
|
5
23
|
children,
|
|
6
24
|
required,
|
|
7
25
|
id,
|
|
8
26
|
size,
|
|
9
|
-
htmlFor
|
|
27
|
+
htmlFor,
|
|
28
|
+
as,
|
|
29
|
+
sentiment,
|
|
30
|
+
disabled
|
|
10
31
|
}) => required ? /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "0.5", alignItems: "start", children: [
|
|
11
|
-
/* @__PURE__ */ jsx(
|
|
12
|
-
/* @__PURE__ */ jsx(Text, { as: "span", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment: "danger", "aria-label": "required", children: "*" })
|
|
13
|
-
] }) : /* @__PURE__ */ jsx(
|
|
32
|
+
/* @__PURE__ */ jsx(TextPointer, { as: as === "label" ? "label" : "legend", id, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment, htmlFor, disabled, children }),
|
|
33
|
+
/* @__PURE__ */ jsx(Text, { as: "span", variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment: "danger", "aria-label": "required", disabled, children: "*" })
|
|
34
|
+
] }) : /* @__PURE__ */ jsx(TextPointer, { as: as === "label" ? "label" : "legend", id, variant: size === "large" ? "bodyStrong" : "bodySmallStrong", sentiment, htmlFor, disabled, children });
|
|
14
35
|
const Label = ({
|
|
36
|
+
as = "label",
|
|
15
37
|
children,
|
|
16
38
|
labelDescription,
|
|
17
39
|
required,
|
|
18
40
|
size = "large",
|
|
19
41
|
htmlFor,
|
|
20
|
-
id
|
|
42
|
+
id,
|
|
43
|
+
sentiment = "neutral",
|
|
44
|
+
disabled
|
|
21
45
|
}) => labelDescription ? /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: "1", alignItems: "center", children: [
|
|
22
|
-
/* @__PURE__ */ jsx(LabelRequiredOrNot, { required, size, htmlFor, id, children }),
|
|
46
|
+
/* @__PURE__ */ jsx(LabelRequiredOrNot, { required, size, htmlFor, id, as, sentiment, disabled, children }),
|
|
23
47
|
typeof labelDescription === "string" ? /* @__PURE__ */ jsx(Text, { as: "span", variant: "bodySmall", children: labelDescription }) : labelDescription
|
|
24
|
-
] }) : /* @__PURE__ */ jsx(LabelRequiredOrNot, { required, size, htmlFor, id, children });
|
|
48
|
+
] }) : /* @__PURE__ */ jsx(LabelRequiredOrNot, { required, size, htmlFor, id, as, sentiment, disabled, children });
|
|
25
49
|
export {
|
|
26
50
|
Label
|
|
27
51
|
};
|
|
@@ -24,9 +24,9 @@ const ListProvider = ({
|
|
|
24
24
|
}) => {
|
|
25
25
|
const [expandedRowIds, setExpandedRowIds] = React.useState({});
|
|
26
26
|
const [selectedRowIds, setSelectedRowIds] = React.useState({});
|
|
27
|
-
const [
|
|
28
|
-
const [inRange, setInRange] = React.useState(
|
|
29
|
-
const refList = React.
|
|
27
|
+
const [lastCheckedCheckbox, setLastCheckedCheckbox] = React.useState();
|
|
28
|
+
const [inRange, setInRange] = React.useState([]);
|
|
29
|
+
const [refList, setRefList] = React.useState([]);
|
|
30
30
|
const registerExpandableRow = React.useCallback((rowId, expanded = false) => {
|
|
31
31
|
setExpandedRowIds((current) => ({
|
|
32
32
|
...current,
|
|
@@ -102,77 +102,79 @@ const ListProvider = ({
|
|
|
102
102
|
}, [allRowSelectValue, unselectAll, selectAll]);
|
|
103
103
|
const subscribeHandler = React.useCallback(() => {
|
|
104
104
|
const handlers = [];
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
const isClickInsideRange = inRange.has(checkbox.value);
|
|
119
|
-
if (shouldShiftEvent && isClickInsideRange) {
|
|
120
|
-
let checkboxRows = {};
|
|
121
|
-
refList.current.forEach((value2, key) => {
|
|
122
|
-
if (inRange.has(key)) {
|
|
123
|
-
checkboxRows = {
|
|
124
|
-
...checkboxRows,
|
|
125
|
-
// handle the conflict event ( click and onChange in the same time on the last checkbox click)
|
|
126
|
-
[key]: key === checkbox.value ? !value2.checked : value2.checked
|
|
127
|
-
};
|
|
105
|
+
const updatedRefList = [...new Set(refList.filter((checkbox) => document.contains(checkbox.current) && checkbox.current))];
|
|
106
|
+
setRefList(updatedRefList);
|
|
107
|
+
const handleHover = (index, isShiftPressed, leaving) => {
|
|
108
|
+
const newRange = [];
|
|
109
|
+
if (lastCheckedCheckbox) {
|
|
110
|
+
const targetCheckbox = updatedRefList.find((checkbox) => checkbox.current?.value === lastCheckedCheckbox);
|
|
111
|
+
if (isShiftPressed && targetCheckbox && !leaving) {
|
|
112
|
+
const lastCheckedIndex = updatedRefList.indexOf(targetCheckbox);
|
|
113
|
+
const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
|
|
114
|
+
const end = Math.max(lastCheckedIndex, index);
|
|
115
|
+
updatedRefList.forEach((checkbox, i) => {
|
|
116
|
+
if (!checkbox.current?.disabled && i > start && i < end) {
|
|
117
|
+
newRange.push(checkbox.current?.value);
|
|
128
118
|
}
|
|
129
119
|
});
|
|
130
|
-
const state = checkStateOfCheckboxs(checkboxRows);
|
|
131
|
-
const checkboxIds = Object.keys(checkboxRows);
|
|
132
|
-
if (state === true) {
|
|
133
|
-
selectRows(checkboxIds, false);
|
|
134
|
-
}
|
|
135
|
-
if ([false, "indeterminate"].includes(state)) {
|
|
136
|
-
selectRows(checkboxIds, true);
|
|
137
|
-
}
|
|
138
120
|
}
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
const
|
|
146
|
-
|
|
147
|
-
|
|
121
|
+
}
|
|
122
|
+
setInRange(newRange);
|
|
123
|
+
};
|
|
124
|
+
const handleClickRange = (currentCheckbox, index, isShiftPressed) => {
|
|
125
|
+
if (isShiftPressed) {
|
|
126
|
+
const checkboxesInRange = [];
|
|
127
|
+
const targetCheckbox = updatedRefList.find((checkbox) => checkbox.current?.value === lastCheckedCheckbox);
|
|
128
|
+
const lastCheckedIndex = targetCheckbox ? updatedRefList.indexOf(targetCheckbox) : void 0;
|
|
129
|
+
if (lastCheckedIndex !== void 0) {
|
|
130
|
+
const start = Math.min(lastCheckedIndex, index) - (Math.min(lastCheckedIndex, index) === index ? 1 : 0);
|
|
131
|
+
const end = Math.max(lastCheckedIndex, index);
|
|
132
|
+
updatedRefList.forEach((checkbox, key) => {
|
|
133
|
+
if (start < key && key <= end) {
|
|
134
|
+
if (!checkbox.current?.disabled) {
|
|
135
|
+
checkboxesInRange.push(checkbox.current?.value);
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
});
|
|
139
|
+
selectRows(checkboxesInRange, currentCheckbox.checked);
|
|
140
|
+
setLastCheckedCheckbox(currentCheckbox.value);
|
|
148
141
|
}
|
|
149
|
-
|
|
142
|
+
} else if (index === 0) setLastCheckedCheckbox(void 0);
|
|
143
|
+
setTimeout(() => {
|
|
144
|
+
setInRange([]);
|
|
145
|
+
setLastCheckedCheckbox(currentCheckbox.value);
|
|
146
|
+
}, 1);
|
|
147
|
+
};
|
|
148
|
+
refList.forEach((checkbox, index) => {
|
|
149
|
+
const clickHandler = function clickHandler2(event) {
|
|
150
|
+
handleClickRange(this, index, event.shiftKey);
|
|
150
151
|
};
|
|
151
|
-
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
};
|
|
158
|
-
const changeHandler = (event) => {
|
|
159
|
-
handleOnChange(event.currentTarget);
|
|
160
|
-
};
|
|
161
|
-
checkbox.addEventListener("change", changeHandler);
|
|
162
|
-
checkbox.addEventListener("click", clickHandler);
|
|
163
|
-
checkbox.addEventListener("mouseover", hoverHandler);
|
|
152
|
+
const hoverEnteringHandler = (event) => handleHover(index, event.shiftKey, false);
|
|
153
|
+
const hoverLeavingHandler = (event) => handleHover(index, event.shiftKey, true);
|
|
154
|
+
if (checkbox.current) {
|
|
155
|
+
checkbox.current.addEventListener("click", clickHandler);
|
|
156
|
+
checkbox.current.addEventListener("mousemove", hoverEnteringHandler);
|
|
157
|
+
checkbox.current.addEventListener("mouseout", hoverLeavingHandler);
|
|
164
158
|
handlers.push(() => {
|
|
165
|
-
checkbox.
|
|
166
|
-
|
|
167
|
-
|
|
159
|
+
if (checkbox.current) {
|
|
160
|
+
checkbox.current.removeEventListener("click", clickHandler);
|
|
161
|
+
checkbox.current.removeEventListener("mouseout", hoverEnteringHandler);
|
|
162
|
+
checkbox.current.removeEventListener("mousemove", hoverLeavingHandler);
|
|
163
|
+
}
|
|
168
164
|
});
|
|
169
|
-
}
|
|
170
|
-
}
|
|
165
|
+
}
|
|
166
|
+
});
|
|
171
167
|
return () => {
|
|
172
168
|
handlers.forEach((cleanup) => cleanup());
|
|
173
169
|
};
|
|
174
|
-
}, [
|
|
175
|
-
React.useEffect(
|
|
170
|
+
}, [lastCheckedCheckbox, selectRows]);
|
|
171
|
+
React.useEffect(() => {
|
|
172
|
+
subscribeHandler();
|
|
173
|
+
}, [subscribeHandler]);
|
|
174
|
+
const handleOnChange = React.useCallback((value2, checked) => {
|
|
175
|
+
selectRows([value2], !checked);
|
|
176
|
+
setLastCheckedCheckbox(value2);
|
|
177
|
+
}, [selectRows]);
|
|
176
178
|
const value = React.useMemo(() => ({
|
|
177
179
|
allRowSelectValue,
|
|
178
180
|
selectAllHandler,
|
|
@@ -183,7 +185,6 @@ const ListProvider = ({
|
|
|
183
185
|
expandedRowIds,
|
|
184
186
|
expandRow,
|
|
185
187
|
inRange,
|
|
186
|
-
mapCheckbox: refList.current,
|
|
187
188
|
registerExpandableRow,
|
|
188
189
|
registerSelectableRow,
|
|
189
190
|
selectable,
|
|
@@ -191,8 +192,11 @@ const ListProvider = ({
|
|
|
191
192
|
selectedRowIds,
|
|
192
193
|
selectRow,
|
|
193
194
|
unselectAll,
|
|
194
|
-
unselectRow
|
|
195
|
-
|
|
195
|
+
unselectRow,
|
|
196
|
+
refList,
|
|
197
|
+
setRefList,
|
|
198
|
+
handleOnChange
|
|
199
|
+
}), [allRowSelectValue, selectAllHandler, subscribeHandler, collapseRow, columns, expandButton, expandedRowIds, expandRow, inRange, refList, registerExpandableRow, registerSelectableRow, selectable, selectAll, selectedRowIds, selectRow, unselectAll, unselectRow, handleOnChange]);
|
|
196
200
|
return /* @__PURE__ */ jsxRuntime.jsx(ListContext.Provider, { value, children });
|
|
197
201
|
};
|
|
198
202
|
const useListContext = () => {
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import type { ComponentProps, Dispatch, ChangeEvent as ReactChangeEvent, ReactNode, SetStateAction } from 'react';
|
|
1
|
+
import type { ComponentProps, Dispatch, ChangeEvent as ReactChangeEvent, ReactNode, RefObject, SetStateAction } from 'react';
|
|
2
2
|
import type { Checkbox } from '../Checkbox';
|
|
3
3
|
import type { ColumnProps } from './types';
|
|
4
4
|
type RowState = Record<string | number, boolean>;
|
|
5
|
-
type MapCheckbox = Map<string | number, HTMLInputElement>;
|
|
6
5
|
export type ListContextValue = {
|
|
7
6
|
/**
|
|
8
7
|
* @returns an unregister function
|
|
@@ -20,14 +19,16 @@ export type ListContextValue = {
|
|
|
20
19
|
selectAllHandler: (event: ReactChangeEvent<HTMLInputElement>) => void;
|
|
21
20
|
subscribeHandler: () => void;
|
|
22
21
|
columns: ColumnProps[];
|
|
23
|
-
inRange:
|
|
24
|
-
mapCheckbox: MapCheckbox;
|
|
22
|
+
inRange: string[];
|
|
25
23
|
selectable: boolean;
|
|
26
24
|
selectAll: () => void;
|
|
27
25
|
selectedRowIds: RowState;
|
|
28
26
|
selectRow: (rowId: string) => void;
|
|
29
27
|
unselectAll: () => void;
|
|
30
28
|
unselectRow: (rowId: string) => void;
|
|
29
|
+
refList: RefObject<HTMLInputElement>[];
|
|
30
|
+
setRefList: Dispatch<SetStateAction<RefObject<HTMLInputElement>[]>>;
|
|
31
|
+
handleOnChange: (value: string, checked: boolean) => void;
|
|
31
32
|
};
|
|
32
33
|
export type ListProviderProps = {
|
|
33
34
|
children: ReactNode;
|