@pismo/marola 1.0.0-beta.48 → 1.0.0-beta.5
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/{Button-BAljjMv3.js → Button-2b1peDFT.js} +2 -2
- package/dist/{ClickAwayListener-DbEYZpyh.js → ClickAwayListener-BSW-Nd-y.js} +3 -4
- package/dist/Dialog.module-DFEmFdYT.js +30 -0
- package/dist/Group-B3p31ftp.js +26 -0
- package/dist/{Popup-Ck3XlWMq.js → Popup-B6ZSGIEI.js} +3 -3
- package/dist/{Portal-oY3enyAm.js → Portal-DIeBsWdL.js} +2 -2
- package/dist/SelectButton-K3OIfR5m.js +61 -0
- package/dist/{Tabs.module-BGGTkDc5.js → Tabs.module-jkH1Qjn7.js} +7 -7
- package/dist/Toggle-BCgIItCc.js +142 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/EllipsisTooltip.css +1 -1
- package/dist/assets/Group.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Skeleton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Stepper.css +1 -1
- package/dist/assets/Table.css +1 -1
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/TextDisplay.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/{combineHooksSlotProps-C-zYvfnF.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
- package/dist/components/Advice/Advice.d.ts +17 -32
- package/dist/components/Advice/Advice.js +40 -39
- package/dist/components/Advice/Advice.stories.d.ts +3 -4
- package/dist/components/Button/Button.d.ts +0 -2
- package/dist/components/Button/Button.js +49 -51
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +12 -6
- package/dist/components/Chip/Chip.js +6 -9
- package/dist/components/Chip/Chip.stories.d.ts +15 -6
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +3 -3
- package/dist/components/Dialog/Backdrop.js +7 -8
- package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
- package/dist/components/Dialog/CloseIconButton.js +18 -15
- package/dist/components/Dialog/Dialog.d.ts +6 -9
- package/dist/components/Dialog/Dialog.js +139 -139
- package/dist/components/Dialog/Dialog.stories.d.ts +47 -51
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -3
- package/dist/components/Icon/Icon.js +52 -146
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +5 -24
- package/dist/components/Input/Input.js +292 -301
- package/dist/components/Input/Input.stories.d.ts +21 -2
- package/dist/components/InputSearch/InputSearch.stories.d.ts +21 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.js +57 -57
- package/dist/components/Pagination/Pagination.d.ts +1 -5
- package/dist/components/Pagination/Pagination.js +185 -87
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +0 -21
- package/dist/components/Select/Select.js +413 -476
- package/dist/components/Select/SelectButton.d.ts +0 -2
- package/dist/components/Select/SelectButton.js +2 -3
- package/dist/components/Skeleton/Skeleton.d.ts +1 -3
- package/dist/components/Skeleton/Skeleton.js +14 -20
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +4 -4
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/Table/Table.d.ts +1 -3
- package/dist/components/Table/Table.js +99 -87
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +3 -5
- package/dist/components/Tabs/Tab.js +36 -38
- package/dist/components/Tabs/TabPanel.d.ts +2 -4
- package/dist/components/Tabs/TabPanel.js +40 -51
- package/dist/components/Tabs/Tabs.d.ts +4 -6
- package/dist/components/Tabs/Tabs.js +128 -131
- package/dist/components/TextDisplay/TextDisplay.d.ts +3 -9
- package/dist/components/TextDisplay/TextDisplay.js +31 -45
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Group.d.ts +0 -2
- package/dist/components/ToggleGroup/Group.js +2 -4
- package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
- package/dist/components/ToggleGroup/Toggle.js +5 -7
- package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -3
- package/dist/components/Tooltip/Tooltip.d.ts +1 -3
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -2
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/components/Typography/Typography.stories.d.ts +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
- package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
- package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
- package/dist/main.d.ts +0 -6
- package/dist/main.js +76 -87
- package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
- package/dist/useCompoundItem-D1iRfg8D.js +84 -0
- package/dist/useEventCallback-xTG9piMa.js +45 -0
- package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
- package/package.json +12 -21
- package/dist/Dialog.module-D9e4RsKo.js +0 -30
- package/dist/Group-DspH8hyO.js +0 -30
- package/dist/Popover.module-B4boCutS.js +0 -10
- package/dist/SelectButton-B38avP9u.js +0 -75
- package/dist/Toggle-BbmXeuJd.js +0 -188
- package/dist/assets/Adornment.css +0 -1
- package/dist/assets/Autocomplete.css +0 -1
- package/dist/assets/Popover.css +0 -1
- package/dist/assets/ResultWithChips.css +0 -1
- package/dist/assets/StepperNavigator.css +0 -1
- package/dist/components/Adornment/Adornment.d.ts +0 -20
- package/dist/components/Adornment/Adornment.js +0 -13
- package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
- package/dist/components/Adornment/adornment.test.d.ts +0 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
- package/dist/components/Autocomplete/Autocomplete.js +0 -679
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
- package/dist/components/Pagination/usePagination.d.ts +0 -90
- package/dist/components/Pagination/usePagination.js +0 -79
- package/dist/components/Popover/Popover.d.ts +0 -32
- package/dist/components/Popover/Popover.js +0 -24
- package/dist/components/Popover/Popover.stories.d.ts +0 -34
- package/dist/components/Popover/PopoverBody.d.ts +0 -6
- package/dist/components/Popover/PopoverBody.js +0 -6
- package/dist/components/Popover/PopoverFooter.d.ts +0 -6
- package/dist/components/Popover/PopoverFooter.js +0 -6
- package/dist/components/Popover/PopoverHeader.d.ts +0 -6
- package/dist/components/Popover/PopoverHeader.js +0 -6
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
- package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
- package/dist/components/RowItem/RowItem.d.ts +0 -25
- package/dist/components/RowItem/RowItem.js +0 -21
- package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
- package/dist/components/RowItem/rowItem.test.d.ts +0 -1
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
- package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
- package/dist/ownerDocument-YGhwAnr1.js +0 -33
- package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
- package/dist/useEventCallback-BAQJJ3ye.js +0 -14
- package/dist/useId-BW-oWmul.js +0 -19
|
@@ -2,12 +2,24 @@ import { StoryObj } from '@storybook/react';
|
|
|
2
2
|
|
|
3
3
|
declare const meta: {
|
|
4
4
|
title: string;
|
|
5
|
-
component: import('react').ForwardRefExoticComponent<
|
|
5
|
+
component: import('react').ForwardRefExoticComponent<{
|
|
6
|
+
label: import('react').ReactNode;
|
|
7
|
+
loading?: boolean | undefined;
|
|
8
|
+
leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
|
|
9
|
+
'data-testid'?: string | undefined;
|
|
10
|
+
onClickContent?: (() => void) | undefined;
|
|
11
|
+
onClickRemove?: (() => void) | undefined;
|
|
12
|
+
disabled?: boolean | undefined;
|
|
13
|
+
className?: string | undefined;
|
|
14
|
+
'className-skeleton'?: string | undefined;
|
|
15
|
+
variant?: import('./Chip').Variant | undefined;
|
|
16
|
+
'data-testid-skeleton'?: string | undefined;
|
|
17
|
+
} & import('react').RefAttributes<unknown>>;
|
|
6
18
|
tags: string[];
|
|
7
|
-
decorators: ((Story: import('@storybook/
|
|
19
|
+
decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
8
20
|
label: import('react').ReactNode;
|
|
9
21
|
loading?: boolean | undefined;
|
|
10
|
-
leftAdornment?: import('
|
|
22
|
+
leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
|
|
11
23
|
'data-testid'?: string | undefined;
|
|
12
24
|
onClickContent?: (() => void) | undefined;
|
|
13
25
|
onClickRemove?: (() => void) | undefined;
|
|
@@ -24,10 +36,7 @@ export default meta;
|
|
|
24
36
|
type Story = StoryObj<typeof meta>;
|
|
25
37
|
export declare const Simple: Story;
|
|
26
38
|
export declare const Clickable: Story;
|
|
27
|
-
export declare const Disabled: Story;
|
|
28
39
|
export declare const ClickableWithRemove: Story;
|
|
29
|
-
export declare const ClickableOnlyRemove: Story;
|
|
30
40
|
export declare const FullDefault: Story;
|
|
31
41
|
export declare const FullOutlined: Story;
|
|
32
42
|
export declare const FullContained: Story;
|
|
33
|
-
export declare const FullContainedCustomIcon: Story;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { s as t } from "../../Dialog.module-
|
|
2
|
+
import { s as t } from "../../Dialog.module-DFEmFdYT.js";
|
|
3
3
|
const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
|
|
4
4
|
export {
|
|
5
5
|
i as default
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
declare const Backdrop: import('react').ForwardRefExoticComponent<{
|
|
3
|
+
open?: boolean | undefined;
|
|
4
4
|
className: string;
|
|
5
5
|
} & import('react').RefAttributes<HTMLDivElement>>;
|
|
6
6
|
export default Backdrop;
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import {
|
|
4
|
-
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
);
|
|
2
|
+
import { forwardRef as t } from "react";
|
|
3
|
+
import { s as e } from "../../Dialog.module-DFEmFdYT.js";
|
|
4
|
+
const i = t((o, r) => {
|
|
5
|
+
const { open: m, className: p, ...s } = o;
|
|
6
|
+
return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
|
|
7
|
+
});
|
|
9
8
|
export {
|
|
10
|
-
|
|
9
|
+
i as default
|
|
11
10
|
};
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
export interface CloseIconButtonProps {
|
|
2
2
|
handleOnClose: () => void;
|
|
3
|
+
className: string;
|
|
3
4
|
}
|
|
4
|
-
declare const CloseIconButton: ({ handleOnClose }: CloseIconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
declare const CloseIconButton: ({ handleOnClose, className }: CloseIconButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
6
|
export default CloseIconButton;
|
|
@@ -1,17 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { Icon as
|
|
3
|
-
import { s as
|
|
4
|
-
import { B as
|
|
5
|
-
const
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
)
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { Icon as r } from "../Icon/Icon.js";
|
|
3
|
+
import { s as t } from "../../Dialog.module-DFEmFdYT.js";
|
|
4
|
+
import { B as a } from "../../Button-2b1peDFT.js";
|
|
5
|
+
const d = ({ handleOnClose: i, className: o }) => {
|
|
6
|
+
const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
|
|
7
|
+
return /* @__PURE__ */ s(
|
|
8
|
+
a,
|
|
9
|
+
{
|
|
10
|
+
className: l,
|
|
11
|
+
"aria-description": "Close dialog",
|
|
12
|
+
onClick: i,
|
|
13
|
+
"data-testid": "dialog-close-button",
|
|
14
|
+
children: /* @__PURE__ */ s(r, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
};
|
|
15
18
|
export {
|
|
16
|
-
|
|
19
|
+
d as default
|
|
17
20
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { default as DialogTitle
|
|
2
|
-
import { default as Content
|
|
3
|
-
import { default as Actions
|
|
1
|
+
import { default as DialogTitle } from './DialogTitle';
|
|
2
|
+
import { default as Content } from './Content';
|
|
3
|
+
import { default as Actions } from './Actions';
|
|
4
4
|
import { ModalProps } from '@mui/base';
|
|
5
5
|
import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
|
|
6
6
|
|
|
@@ -12,14 +12,11 @@ export interface DialogProps extends ModalProps {
|
|
|
12
12
|
dialogTitle: ReactNode;
|
|
13
13
|
/** display subtitle */
|
|
14
14
|
dialogSubtitle?: ReactNode;
|
|
15
|
+
/** if true, show skeleton */
|
|
16
|
+
isLoading?: boolean;
|
|
15
17
|
/** callback for when close is clicked */
|
|
16
18
|
onClose?: () => void;
|
|
17
19
|
}
|
|
18
|
-
declare const Dialog: {
|
|
19
|
-
({ children, dialogTitle, dialogSubtitle, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
-
Title: import('react').FunctionComponent<DialogTitleProps>;
|
|
21
|
-
Content: import('react').FunctionComponent<DialogContentProps>;
|
|
22
|
-
Actions: import('react').FunctionComponent<DialogActionProps>;
|
|
23
|
-
};
|
|
20
|
+
declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
21
|
export { Dialog, DialogTitle, Content, Actions };
|
|
25
22
|
export default Dialog;
|