@pismo/marola 1.0.16 → 1.0.18
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/assets/Table.css +1 -1
- package/dist/components/Chip/Chip.stories.d.ts +1 -1
- package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +1 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/Input/Input.js +3 -1
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
- package/dist/components/Popover/Popover.stories.d.ts +1 -1
- package/dist/components/Select/Select.d.ts +10 -2
- package/dist/components/Select/Select.js +385 -376
- package/dist/components/Select/Select.stories.d.ts +2 -0
- package/dist/components/Snackbar/Snackbar.stories.d.ts +1 -1
- package/dist/components/Table/Table.d.ts +4 -2
- package/dist/components/Table/Table.js +54 -51
- package/dist/components/Table/_Table.Tr.stories.d.ts +2 -1
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/components/Typography/Typography.stories.d.ts +1 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
- package/dist/main.js +61 -59
- package/package.json +1 -1
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._table_484oh_1{color:var(--secondary-orange);border-spacing:0}._table--fixed_484oh_5{table-layout:fixed}._table--full-width_484oh_8{width:100%}._table--white-theme_484oh_11{background:var(--white-100)}._table--transparent-theme_484oh_14{background:transparent}._table_484oh_1 th._cell--left-alignment_484oh_17,._table_484oh_1 td._cell--left-alignment_484oh_17{text-align:left}._table_484oh_1 th._cell--center-alignment_484oh_21,._table_484oh_1 td._cell--center-alignment_484oh_21{text-align:center}._table_484oh_1 th._cell--right-alignment_484oh_25,._table_484oh_1 td._cell--right-alignment_484oh_25{text-align:right}._table_484oh_1 thead{font-size:.75rem;font-weight:900;line-height:1rem;color:var(--gray-90);text-transform:uppercase}._table_484oh_1 thead tr th{align-items:center;height:4rem;padding:0 1rem;line-height:1rem;border-bottom:.0625rem solid var(--gray-25)}._table_484oh_1 thead tr th ._th__wrapper_484oh_43>span,._table_484oh_1 thead tr th ._th__wrapper_484oh_43 span+span{display:inline-flex;align-items:center}._table_484oh_1 thead tr th ._th__wrapper--pressed_484oh_48{padding:.25rem .5rem;margin:0 -.5rem;background-color:var(--gray-10);border-radius:.375rem}._table_484oh_1 thead tr th ._th__wrapper--clickable_484oh_54{cursor:pointer}._table_484oh_1 thead tr th ._th__wrapper_484oh_43 ._th__sort-icon-container_484oh_57{padding-left:.25rem}._table_484oh_1 tbody{font-size:1rem;font-weight:400;line-height:1.3125rem;color:var(--gray-90)}._table_484oh_1 tbody tr:hover:not(._tr__row-or-cell--disabled_484oh_66){background-color:rgb(var(--gray-5-rgb),.5)}._table_484oh_1 tbody ._tr_484oh_66,._table_484oh_1 tbody ._td_484oh_70{height:3.5rem;padding:0 1rem;line-height:var(--body-line-height);border-bottom:.0625rem solid var(--gray-10)}._table_484oh_1 tbody ._tr__row-or-cell--clickable_484oh_76,._table_484oh_1 tbody ._td__row-or-cell--clickable_484oh_77{cursor:pointer}._table_484oh_1 tbody ._tr__row-or-cell--disabled_484oh_66,._table_484oh_1 tbody ._td__row-or-cell--disabled_484oh_81{background:var(--cream);filter:grayscale(1)}._table_484oh_1 tbody ._tr__row-or-cell--disabled_484oh_66 ._td-wrapper_484oh_85,._table_484oh_1 tbody ._td__row-or-cell--disabled_484oh_81 ._td-wrapper_484oh_85{opacity:.25}._table_484oh_1 tbody tr._tr--last-row_484oh_89 td{border-bottom:none}
|
|
@@ -4,7 +4,7 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
|
|
6
6
|
tags: string[];
|
|
7
|
-
decorators: ((Story: import('@storybook/
|
|
7
|
+
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
8
8
|
label: import('react').ReactNode;
|
|
9
9
|
loading?: boolean | undefined;
|
|
10
10
|
leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
|
|
@@ -5,7 +5,7 @@ declare const meta: {
|
|
|
5
5
|
title: string;
|
|
6
6
|
component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
7
|
tags: string[];
|
|
8
|
-
decorators: ((Story: import('@storybook/
|
|
8
|
+
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
9
9
|
open: boolean;
|
|
10
10
|
onClose: () => void;
|
|
11
11
|
title?: import('react').ReactNode;
|
|
@@ -10,7 +10,7 @@ declare const meta: {
|
|
|
10
10
|
Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
|
|
11
11
|
};
|
|
12
12
|
tags: string[];
|
|
13
|
-
decorators: ((Story: import('@storybook/
|
|
13
|
+
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
14
14
|
color?: string | undefined;
|
|
15
15
|
ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
|
|
16
16
|
children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
|
|
@@ -8,7 +8,7 @@ declare const meta: {
|
|
|
8
8
|
parameters: {
|
|
9
9
|
layout: string;
|
|
10
10
|
};
|
|
11
|
-
decorators: ((Story: import('@storybook/
|
|
11
|
+
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
12
12
|
children: import('react').ReactNode;
|
|
13
13
|
title: import('react').ReactNode;
|
|
14
14
|
style?: import('react').CSSProperties | undefined;
|
|
@@ -432,7 +432,9 @@ const Ie = "_input_y5x3p_57", Oe = "_input__label_y5x3p_84", d = {
|
|
|
432
432
|
...a
|
|
433
433
|
}, H) => {
|
|
434
434
|
var u, w;
|
|
435
|
-
const [q, $] = ce(
|
|
435
|
+
const [q, $] = ce(
|
|
436
|
+
((u = a.value) == null ? void 0 : u.length) || ((w = a.defaultValue) == null ? void 0 : w.length) || 0
|
|
437
|
+
), L = _e(), U = v || `input_${L}`;
|
|
436
438
|
Object.assign(a, { "data-testid": C });
|
|
437
439
|
const t = E && !F, r = (p) => {
|
|
438
440
|
var Y, W;
|
|
@@ -4,7 +4,7 @@ declare const meta: {
|
|
|
4
4
|
title: string;
|
|
5
5
|
component: ({ invert, classNames }: import('./LoadingSpinner').LoadingSpinnerProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
tags: string[];
|
|
7
|
-
decorators: ((Story: import('@storybook/
|
|
7
|
+
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
8
8
|
invert?: boolean | undefined;
|
|
9
9
|
classNames?: string | undefined;
|
|
10
10
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
@@ -25,7 +25,7 @@ declare const meta: {
|
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
27
|
tags: string[];
|
|
28
|
-
decorators: ((Story: import('@storybook/
|
|
28
|
+
decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
|
|
29
29
|
[x: string]: any;
|
|
30
30
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
31
31
|
};
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
|
|
3
|
+
export type SelectContextProps = {
|
|
4
|
+
multiple?: boolean;
|
|
5
|
+
selectedValue?: string | string[] | null;
|
|
6
|
+
onChange?: (value: string | string[] | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
|
|
7
|
+
};
|
|
3
8
|
export type SelectOptionProps = {
|
|
4
9
|
disabled?: boolean;
|
|
5
10
|
value: string;
|
|
@@ -8,6 +13,8 @@ export type SelectOptionProps = {
|
|
|
8
13
|
className?: string;
|
|
9
14
|
'data-testid'?: string;
|
|
10
15
|
};
|
|
16
|
+
export declare const SelectContext: import('react').Context<SelectContextProps>;
|
|
17
|
+
export declare const useSelectContext: () => SelectContextProps;
|
|
11
18
|
export declare const SelectOption: (props: SelectOptionProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
19
|
export type SelectProps = {
|
|
13
20
|
children?: ReactNode;
|
|
@@ -17,14 +24,15 @@ export type SelectProps = {
|
|
|
17
24
|
className?: string;
|
|
18
25
|
name?: string;
|
|
19
26
|
id?: string;
|
|
20
|
-
value?: string;
|
|
27
|
+
value?: string | string[] | null;
|
|
21
28
|
label?: string;
|
|
29
|
+
multiple?: boolean;
|
|
22
30
|
classNameWrapper?: string;
|
|
23
31
|
classNameLabel?: string;
|
|
24
32
|
testIdLabel?: string;
|
|
25
33
|
testIdWrapper?: string;
|
|
26
34
|
'data-testid'?: string;
|
|
27
|
-
onChange?: (value: string | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
|
|
35
|
+
onChange?: (value: string | string[] | null, event?: React.SyntheticEvent<Element, Event> | null) => void;
|
|
28
36
|
fullWidth?: boolean;
|
|
29
37
|
/** Info message text */
|
|
30
38
|
infoMessage?: React.ReactNode;
|