@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.
Files changed (43) hide show
  1. package/dist/{Button-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
  2. package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
  3. package/dist/Input.module-iOYlI_1w.js +405 -0
  4. package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
  5. package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
  6. package/dist/{Toggle-BWF0-SPB.js → Toggle-BSvvbKBp.js} +2 -2
  7. package/dist/assets/Autocomplete.css +1 -0
  8. package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
  9. package/dist/components/Autocomplete/Autocomplete.d.ts +50 -0
  10. package/dist/components/Autocomplete/Autocomplete.js +689 -0
  11. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +45 -0
  12. package/dist/components/Button/Button.js +1 -1
  13. package/dist/components/Chip/Chip.js +3 -3
  14. package/dist/components/Dialog/CloseIconButton.js +1 -1
  15. package/dist/components/Dialog/Dialog.js +12 -11
  16. package/dist/components/Dialog/Dialog.stories.d.ts +42 -42
  17. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -1
  18. package/dist/components/IconButton/IconButton.js +1 -1
  19. package/dist/components/Input/Input.js +74 -471
  20. package/dist/components/RowItem/RowItem.js +2 -2
  21. package/dist/components/Select/Select.js +7 -6
  22. package/dist/components/Snackbar/Snackbar.js +4 -4
  23. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  24. package/dist/components/Tabs/Tab.js +18 -17
  25. package/dist/components/Tabs/TabPanel.js +27 -26
  26. package/dist/components/Tabs/Tabs.js +25 -25
  27. package/dist/components/Toggle/Toggle.js +1 -1
  28. package/dist/components/ToggleGroup/Toggle.js +2 -2
  29. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  30. package/dist/components/Tooltip/Tooltip.js +3 -3
  31. package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
  32. package/dist/main.d.ts +1 -0
  33. package/dist/main.js +77 -75
  34. package/dist/ownerDocument-B61GUaFs.js +33 -0
  35. package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
  36. package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
  37. package/dist/useEventCallback-BAQJJ3ye.js +14 -0
  38. package/dist/useId-BW-oWmul.js +19 -0
  39. package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
  40. package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
  41. package/package.json +1 -1
  42. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  43. 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-2b1peDFT.js";
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-BWF0-SPB.js";
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-2b1peDFT.js";
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-2b1peDFT.js";
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 $e } from "./Actions.js";
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 ze } from "./Content.js";
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 "../../index-CH45lKw7.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 "../../useSlotProps-kRhf7Gil.js";
9
9
  import * as f from "react";
10
- import { o as w, e as ee, u as G } from "../../useEventCallback-xTG9piMa.js";
11
- import { P as fe, H as pe } from "../../Portal-DIeBsWdL.js";
12
- import { e as be } from "../../index-CjW42-M-.js";
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 je = ({
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
- $e as Actions,
642
- ze as Content,
643
- je as Dialog,
642
+ Ye as Actions,
643
+ Ge as Content,
644
+ qe as Dialog,
644
645
  se as DialogTitle,
645
- je as default
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" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
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" | "other" | "ascending" | "descending" | undefined;
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-2b1peDFT.js";
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",