@pismo/marola 1.0.0-beta.7 → 1.0.0-beta.8
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-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
- package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
- package/dist/Input.module-iOYlI_1w.js +405 -0
- package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
- package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
- package/dist/{Toggle-BWF0-SPB.js → Toggle-BSvvbKBp.js} +2 -2
- package/dist/assets/Autocomplete.css +1 -0
- package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
- package/dist/components/Autocomplete/Autocomplete.d.ts +50 -0
- package/dist/components/Autocomplete/Autocomplete.js +689 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +45 -0
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Chip/Chip.js +3 -3
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +12 -11
- package/dist/components/Dialog/Dialog.stories.d.ts +42 -42
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.js +74 -471
- package/dist/components/RowItem/RowItem.js +2 -2
- package/dist/components/Select/Select.js +7 -6
- package/dist/components/Snackbar/Snackbar.js +4 -4
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/Tabs/Tab.js +18 -17
- package/dist/components/Tabs/TabPanel.js +27 -26
- package/dist/components/Tabs/Tabs.js +25 -25
- package/dist/components/Toggle/Toggle.js +1 -1
- package/dist/components/ToggleGroup/Toggle.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.js +3 -3
- package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
- package/dist/main.d.ts +1 -0
- package/dist/main.js +77 -75
- package/dist/ownerDocument-B61GUaFs.js +33 -0
- package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
- package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
- package/dist/useEventCallback-BAQJJ3ye.js +14 -0
- package/dist/useId-BW-oWmul.js +19 -0
- package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
- package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
- package/package.json +1 -1
- package/dist/useCompoundItem-D1iRfg8D.js +0 -84
- package/dist/useEventCallback-xTG9piMa.js +0 -45
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: <T extends string | (object & {
|
|
6
|
+
label: string;
|
|
7
|
+
})>({ label, type, options, infoMessage, errorMessage, leftIcon, rightIcon, id, disabled, maxLength, onChange, classNameLabel, classNameInput, classNameErrorMessage, classNameInfoMessage, "data-testid-label": testIdLabel, "data-testid-input": testIdInput, "data-testid-infoMessage": testIdInfoMessage, "data-testid-errorMessage": testIdErrorMessage, ...rest }: import('react').InputHTMLAttributes<HTMLInputElement> & {
|
|
8
|
+
label?: string | undefined;
|
|
9
|
+
options?: T[] | undefined;
|
|
10
|
+
onChange?: ((event: import('react').SyntheticEvent<Element, Event>, newValue: T) => void) | undefined;
|
|
11
|
+
infoMessage?: string | undefined;
|
|
12
|
+
errorMessage?: string | undefined;
|
|
13
|
+
leftIcon?: import('react').ReactNode;
|
|
14
|
+
rightIcon?: import('react').ReactNode;
|
|
15
|
+
type?: "search" | "text" | "password" | undefined;
|
|
16
|
+
hideCharsCounter?: boolean | undefined;
|
|
17
|
+
classNameWrapper?: string | undefined;
|
|
18
|
+
classNameLabel?: string | undefined;
|
|
19
|
+
classNameInput?: string | undefined;
|
|
20
|
+
classNameInfoMessage?: string | undefined;
|
|
21
|
+
classNameErrorMessage?: string | undefined;
|
|
22
|
+
classNameCharsCounter?: string | undefined;
|
|
23
|
+
'data-testid-wrapper'?: string | undefined;
|
|
24
|
+
'data-testid-label'?: string | undefined;
|
|
25
|
+
'data-testid-input'?: string | undefined;
|
|
26
|
+
'data-testid-infoMessage'?: string | undefined;
|
|
27
|
+
'data-testid-errorMessage'?: string | undefined;
|
|
28
|
+
'data-testid-charsCounter'?: string | undefined;
|
|
29
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
tags: string[];
|
|
31
|
+
parameters: {
|
|
32
|
+
layout: string;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
export default meta;
|
|
36
|
+
type Story = StoryObj<typeof meta>;
|
|
37
|
+
export declare const Simple: Story;
|
|
38
|
+
export declare const WithLabel: Story;
|
|
39
|
+
export declare const WithSearch: Story;
|
|
40
|
+
export declare const WithPlaceholder: Story;
|
|
41
|
+
export declare const Disabled: Story;
|
|
42
|
+
export declare const WithLeftIcon: Story;
|
|
43
|
+
export declare const WithBothIcons: Story;
|
|
44
|
+
export declare const WithInfoMessage: Story;
|
|
45
|
+
export declare const WithErrorMessage: Story;
|
|
@@ -3,7 +3,7 @@ import { jsx as n, jsxs as l } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef as f, useMemo as d } from "react";
|
|
4
4
|
import { c } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
-
import { B as x } from "../../Button-
|
|
6
|
+
import { B as x } from "../../Button-DiLqcAJG.js";
|
|
7
7
|
const k = "_button_1ynf4_56", o = {
|
|
8
8
|
"u-typography-h1": "_u-typography-h1_1ynf4_1",
|
|
9
9
|
"u-typography-h2": "_u-typography-h2_1ynf4_8",
|
|
@@ -3,10 +3,10 @@ import "react";
|
|
|
3
3
|
import "../../clsx-DB4S2d7J.js";
|
|
4
4
|
import "../Adornment/Adornment.js";
|
|
5
5
|
import "../Icon/Icon.js";
|
|
6
|
+
import "../Typography/Typography.js";
|
|
6
7
|
import "../Button/Button.js";
|
|
7
|
-
import { C as k } from "../../Toggle-
|
|
8
|
+
import { C as k } from "../../Toggle-BSvvbKBp.js";
|
|
8
9
|
import "../Dialog/Backdrop.js";
|
|
9
|
-
import "../Typography/Typography.js";
|
|
10
10
|
import "../IconButton/IconButton.js";
|
|
11
11
|
import "../Select/Select.js";
|
|
12
12
|
import "../Skeleton/Skeleton.js";
|
|
@@ -14,7 +14,7 @@ import "../Table/Table.js";
|
|
|
14
14
|
import "../Tabs/Tabs.js";
|
|
15
15
|
import "../../Group-B3p31ftp.js";
|
|
16
16
|
import "../../contexts/SnackbarProvider/SnackbarProvider.js";
|
|
17
|
-
import "../../Button-
|
|
17
|
+
import "../../Button-DiLqcAJG.js";
|
|
18
18
|
export {
|
|
19
19
|
k as Chip
|
|
20
20
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as r } from "../Icon/Icon.js";
|
|
3
3
|
import { s as t } from "../../Dialog.module-DFEmFdYT.js";
|
|
4
|
-
import { B as a } from "../../Button-
|
|
4
|
+
import { B as a } from "../../Button-DiLqcAJG.js";
|
|
5
5
|
const d = ({ handleOnClose: i, className: o }) => {
|
|
6
6
|
const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
|
|
7
7
|
return /* @__PURE__ */ s(
|
|
@@ -1,15 +1,16 @@
|
|
|
1
1
|
import { jsxs as $, jsx as S } from "react/jsx-runtime";
|
|
2
|
-
import { default as
|
|
2
|
+
import { default as Ye } from "./Actions.js";
|
|
3
3
|
import oe from "./Backdrop.js";
|
|
4
4
|
import re from "./CloseIconButton.js";
|
|
5
|
-
import { default as
|
|
5
|
+
import { default as Ge } from "./Content.js";
|
|
6
6
|
import { s as q } from "../../Dialog.module-DFEmFdYT.js";
|
|
7
7
|
import se from "./DialogTitle.js";
|
|
8
|
-
import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../
|
|
8
|
+
import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../useSlotProps-kRhf7Gil.js";
|
|
9
9
|
import * as f from "react";
|
|
10
|
-
import { o as w, e as ee
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
10
|
+
import { o as w, e as ee } from "../../ownerDocument-B61GUaFs.js";
|
|
11
|
+
import { u as G } from "../../useEventCallback-BAQJJ3ye.js";
|
|
12
|
+
import { P as fe, H as pe } from "../../Portal-B_Es6eUL.js";
|
|
13
|
+
import { e as be } from "../../index-D3Wj0eid.js";
|
|
13
14
|
function X(...e) {
|
|
14
15
|
return e.reduce((t, o) => o == null ? t : function(...s) {
|
|
15
16
|
t.apply(this, s), o.apply(this, s);
|
|
@@ -613,7 +614,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
|
|
|
613
614
|
root: i.elementType
|
|
614
615
|
})
|
|
615
616
|
});
|
|
616
|
-
const
|
|
617
|
+
const qe = ({
|
|
617
618
|
children: e,
|
|
618
619
|
dialogTitle: t,
|
|
619
620
|
dialogSubtitle: o,
|
|
@@ -638,9 +639,9 @@ const je = ({
|
|
|
638
639
|
}
|
|
639
640
|
);
|
|
640
641
|
export {
|
|
641
|
-
|
|
642
|
-
|
|
643
|
-
|
|
642
|
+
Ye as Actions,
|
|
643
|
+
Ge as Content,
|
|
644
|
+
qe as Dialog,
|
|
644
645
|
se as DialogTitle,
|
|
645
|
-
|
|
646
|
+
qe as default
|
|
646
647
|
};
|
|
@@ -77,12 +77,49 @@ declare const meta: {
|
|
|
77
77
|
className?: string | undefined;
|
|
78
78
|
slot?: string | undefined;
|
|
79
79
|
content?: string | undefined;
|
|
80
|
-
onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
81
|
-
tabIndex?: number | undefined;
|
|
82
80
|
suppressHydrationWarning?: boolean | undefined;
|
|
81
|
+
defaultChecked?: boolean | undefined;
|
|
82
|
+
defaultValue?: string | number | readonly string[] | undefined;
|
|
83
|
+
suppressContentEditableWarning?: boolean | undefined;
|
|
84
|
+
dir?: string | undefined;
|
|
85
|
+
hidden?: boolean | undefined;
|
|
83
86
|
id?: string | undefined;
|
|
87
|
+
onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
|
|
88
|
+
accessKey?: string | undefined;
|
|
89
|
+
autoFocus?: boolean | undefined;
|
|
90
|
+
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
91
|
+
contextMenu?: string | undefined;
|
|
92
|
+
draggable?: (boolean | "true" | "false") | undefined;
|
|
84
93
|
lang?: string | undefined;
|
|
94
|
+
nonce?: string | undefined;
|
|
95
|
+
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
96
|
+
tabIndex?: number | undefined;
|
|
97
|
+
translate?: "no" | "yes" | undefined;
|
|
98
|
+
radioGroup?: string | undefined;
|
|
85
99
|
role?: import('react').AriaRole | undefined;
|
|
100
|
+
about?: string | undefined;
|
|
101
|
+
datatype?: string | undefined;
|
|
102
|
+
inlist?: any;
|
|
103
|
+
prefix?: string | undefined;
|
|
104
|
+
property?: string | undefined;
|
|
105
|
+
rel?: string | undefined;
|
|
106
|
+
resource?: string | undefined;
|
|
107
|
+
rev?: string | undefined;
|
|
108
|
+
typeof?: string | undefined;
|
|
109
|
+
vocab?: string | undefined;
|
|
110
|
+
autoCapitalize?: string | undefined;
|
|
111
|
+
autoCorrect?: string | undefined;
|
|
112
|
+
autoSave?: string | undefined;
|
|
113
|
+
itemProp?: string | undefined;
|
|
114
|
+
itemScope?: boolean | undefined;
|
|
115
|
+
itemType?: string | undefined;
|
|
116
|
+
itemID?: string | undefined;
|
|
117
|
+
itemRef?: string | undefined;
|
|
118
|
+
results?: number | undefined;
|
|
119
|
+
security?: string | undefined;
|
|
120
|
+
unselectable?: "on" | "off" | undefined;
|
|
121
|
+
inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
|
|
122
|
+
is?: string | undefined;
|
|
86
123
|
"aria-activedescendant"?: string | undefined;
|
|
87
124
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
88
125
|
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
@@ -95,7 +132,7 @@ declare const meta: {
|
|
|
95
132
|
"aria-colindextext"?: string | undefined;
|
|
96
133
|
"aria-colspan"?: number | undefined;
|
|
97
134
|
"aria-controls"?: string | undefined;
|
|
98
|
-
"aria-current"?: boolean | "time" | "
|
|
135
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
99
136
|
"aria-describedby"?: string | undefined;
|
|
100
137
|
"aria-description"?: string | undefined;
|
|
101
138
|
"aria-details"?: string | undefined;
|
|
@@ -131,7 +168,7 @@ declare const meta: {
|
|
|
131
168
|
"aria-rowspan"?: number | undefined;
|
|
132
169
|
"aria-selected"?: (boolean | "true" | "false") | undefined;
|
|
133
170
|
"aria-setsize"?: number | undefined;
|
|
134
|
-
"aria-sort"?: "none" | "
|
|
171
|
+
"aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
|
|
135
172
|
"aria-valuemax"?: number | undefined;
|
|
136
173
|
"aria-valuemin"?: number | undefined;
|
|
137
174
|
"aria-valuenow"?: number | undefined;
|
|
@@ -155,7 +192,6 @@ declare const meta: {
|
|
|
155
192
|
onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
|
|
156
193
|
onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
|
|
157
194
|
onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
|
|
158
|
-
onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
|
|
159
195
|
onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
|
|
160
196
|
onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
|
|
161
197
|
onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
|
|
@@ -225,6 +261,7 @@ declare const meta: {
|
|
|
225
261
|
onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
|
|
226
262
|
onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
227
263
|
onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
264
|
+
onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
228
265
|
onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
229
266
|
onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
230
267
|
onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
|
|
@@ -299,43 +336,6 @@ declare const meta: {
|
|
|
299
336
|
onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
300
337
|
onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
|
|
301
338
|
key?: import('react').Key | null | undefined;
|
|
302
|
-
defaultChecked?: boolean | undefined;
|
|
303
|
-
defaultValue?: string | number | readonly string[] | undefined;
|
|
304
|
-
suppressContentEditableWarning?: boolean | undefined;
|
|
305
|
-
accessKey?: string | undefined;
|
|
306
|
-
autoFocus?: boolean | undefined;
|
|
307
|
-
contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
|
|
308
|
-
contextMenu?: string | undefined;
|
|
309
|
-
dir?: string | undefined;
|
|
310
|
-
draggable?: (boolean | "true" | "false") | undefined;
|
|
311
|
-
hidden?: boolean | undefined;
|
|
312
|
-
nonce?: string | undefined;
|
|
313
|
-
spellCheck?: (boolean | "true" | "false") | undefined;
|
|
314
|
-
translate?: "no" | "yes" | undefined;
|
|
315
|
-
radioGroup?: string | undefined;
|
|
316
|
-
about?: string | undefined;
|
|
317
|
-
datatype?: string | undefined;
|
|
318
|
-
inlist?: any;
|
|
319
|
-
prefix?: string | undefined;
|
|
320
|
-
property?: string | undefined;
|
|
321
|
-
rel?: string | undefined;
|
|
322
|
-
resource?: string | undefined;
|
|
323
|
-
rev?: string | undefined;
|
|
324
|
-
typeof?: string | undefined;
|
|
325
|
-
vocab?: string | undefined;
|
|
326
|
-
autoCapitalize?: string | undefined;
|
|
327
|
-
autoCorrect?: string | undefined;
|
|
328
|
-
autoSave?: string | undefined;
|
|
329
|
-
itemProp?: string | undefined;
|
|
330
|
-
itemScope?: boolean | undefined;
|
|
331
|
-
itemType?: string | undefined;
|
|
332
|
-
itemID?: string | undefined;
|
|
333
|
-
itemRef?: string | undefined;
|
|
334
|
-
results?: number | undefined;
|
|
335
|
-
security?: string | undefined;
|
|
336
|
-
unselectable?: "on" | "off" | undefined;
|
|
337
|
-
inputMode?: "url" | "search" | "text" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
|
|
338
|
-
is?: string | undefined;
|
|
339
339
|
}>) => import("react/jsx-runtime").JSX.Element)[];
|
|
340
340
|
};
|
|
341
341
|
export default meta;
|
|
@@ -16,9 +16,9 @@ declare const meta: {
|
|
|
16
16
|
'data-testid'?: string | undefined;
|
|
17
17
|
open?: boolean | undefined;
|
|
18
18
|
onClose?: (() => void) | undefined;
|
|
19
|
-
theme?: "black" | "white" | undefined;
|
|
20
19
|
position?: import('@floating-ui/utils').Placement | undefined;
|
|
21
20
|
padding?: "small" | "normal" | undefined;
|
|
21
|
+
theme?: "black" | "white" | undefined;
|
|
22
22
|
arialRole?: import('react').AriaRole | undefined;
|
|
23
23
|
disableHoverListener?: boolean | undefined;
|
|
24
24
|
lineClamp?: number | undefined;
|
|
@@ -3,7 +3,7 @@ import { jsx as a, jsxs as c } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef as x, useMemo as d } from "react";
|
|
4
4
|
import { c as l } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { LoadingSpinner as j } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
-
import { B as m } from "../../Button-
|
|
6
|
+
import { B as m } from "../../Button-DiLqcAJG.js";
|
|
7
7
|
const o = {
|
|
8
8
|
"u-typography-h1": "_u-typography-h1_1xyj5_1",
|
|
9
9
|
"u-typography-h2": "_u-typography-h2_1xyj5_8",
|