@pismo/marola 1.0.0-beta.5 → 1.0.0-beta.50

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 (152) hide show
  1. package/dist/{Button-2b1peDFT.js → Button-BAljjMv3.js} +2 -2
  2. package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-DbEYZpyh.js} +4 -3
  3. package/dist/Dialog.module-D9e4RsKo.js +30 -0
  4. package/dist/Group-DspH8hyO.js +30 -0
  5. package/dist/Popover.module-B4boCutS.js +10 -0
  6. package/dist/{Popup-B6ZSGIEI.js → Popup-Ck3XlWMq.js} +3 -3
  7. package/dist/{Portal-DIeBsWdL.js → Portal-oY3enyAm.js} +2 -2
  8. package/dist/SelectButton-B38avP9u.js +75 -0
  9. package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
  10. package/dist/Toggle-CzkXi3_R.js +189 -0
  11. package/dist/assets/Adornment.css +1 -0
  12. package/dist/assets/Advice.css +1 -1
  13. package/dist/assets/Autocomplete.css +1 -0
  14. package/dist/assets/Button.css +1 -1
  15. package/dist/assets/Checkbox.css +1 -1
  16. package/dist/assets/Dialog.css +1 -1
  17. package/dist/assets/EllipsisTooltip.css +1 -1
  18. package/dist/assets/Group.css +1 -1
  19. package/dist/assets/IconButton.css +1 -1
  20. package/dist/assets/Input.css +1 -1
  21. package/dist/assets/PageHeader.css +1 -1
  22. package/dist/assets/Pagination.css +1 -1
  23. package/dist/assets/Popover.css +1 -0
  24. package/dist/assets/ResultWithChips.css +1 -0
  25. package/dist/assets/SelectButton.css +1 -1
  26. package/dist/assets/Skeleton.css +1 -1
  27. package/dist/assets/Snackbar.css +1 -1
  28. package/dist/assets/SortTooltip.css +1 -1
  29. package/dist/assets/Stepper.css +1 -1
  30. package/dist/assets/StepperNavigator.css +1 -0
  31. package/dist/assets/Table.css +1 -1
  32. package/dist/assets/Tabs.css +1 -1
  33. package/dist/assets/TextDisplay.css +1 -1
  34. package/dist/assets/Toggle.css +1 -1
  35. package/dist/assets/Toggle2.css +1 -1
  36. package/dist/assets/Typography.css +1 -1
  37. package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  38. package/dist/components/Adornment/Adornment.d.ts +20 -0
  39. package/dist/components/Adornment/Adornment.js +13 -0
  40. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  41. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  42. package/dist/components/Advice/Advice.d.ts +32 -17
  43. package/dist/components/Advice/Advice.js +39 -40
  44. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  45. package/dist/components/Autocomplete/Autocomplete.d.ts +20 -0
  46. package/dist/components/Autocomplete/Autocomplete.js +679 -0
  47. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +23 -0
  48. package/dist/components/Button/Button.d.ts +2 -0
  49. package/dist/components/Button/Button.js +51 -49
  50. package/dist/components/Checkbox/Checkbox.js +52 -52
  51. package/dist/components/Chip/Chip.d.ts +6 -12
  52. package/dist/components/Chip/Chip.js +10 -6
  53. package/dist/components/Chip/Chip.stories.d.ts +6 -15
  54. package/dist/components/Dialog/Actions.js +1 -1
  55. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  56. package/dist/components/Dialog/Backdrop.js +8 -7
  57. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  58. package/dist/components/Dialog/CloseIconButton.js +15 -18
  59. package/dist/components/Dialog/Dialog.d.ts +9 -6
  60. package/dist/components/Dialog/Dialog.js +139 -139
  61. package/dist/components/Dialog/Dialog.stories.d.ts +51 -47
  62. package/dist/components/Dialog/DialogTitle.js +1 -1
  63. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  64. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +3 -2
  65. package/dist/components/Icon/Icon.js +177 -52
  66. package/dist/components/Icon/types.d.ts +1 -1
  67. package/dist/components/IconButton/IconButton.js +42 -42
  68. package/dist/components/Input/Input.d.ts +24 -5
  69. package/dist/components/Input/Input.js +301 -292
  70. package/dist/components/Input/Input.stories.d.ts +2 -21
  71. package/dist/components/InputSearch/InputSearch.d.ts +36 -7
  72. package/dist/components/InputSearch/InputSearch.js +27 -29
  73. package/dist/components/InputSearch/InputSearch.stories.d.ts +14 -3
  74. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
  75. package/dist/components/PageHeader/PageHeader.js +57 -57
  76. package/dist/components/Pagination/Pagination.d.ts +5 -1
  77. package/dist/components/Pagination/Pagination.js +87 -185
  78. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  79. package/dist/components/Pagination/usePagination.d.ts +90 -0
  80. package/dist/components/Pagination/usePagination.js +79 -0
  81. package/dist/components/Popover/Popover.d.ts +32 -0
  82. package/dist/components/Popover/Popover.js +24 -0
  83. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  84. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  85. package/dist/components/Popover/PopoverBody.js +6 -0
  86. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  87. package/dist/components/Popover/PopoverFooter.js +6 -0
  88. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  89. package/dist/components/Popover/PopoverHeader.js +6 -0
  90. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  91. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  92. package/dist/components/RowItem/RowItem.d.ts +25 -0
  93. package/dist/components/RowItem/RowItem.js +22 -0
  94. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  95. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  96. package/dist/components/Select/Select.d.ts +21 -0
  97. package/dist/components/Select/Select.js +476 -413
  98. package/dist/components/Select/SelectButton.d.ts +2 -0
  99. package/dist/components/Select/SelectButton.js +3 -2
  100. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  101. package/dist/components/Skeleton/Skeleton.js +20 -14
  102. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  103. package/dist/components/Snackbar/Snackbar.js +94 -94
  104. package/dist/components/Snackbar/Snackbar.stories.d.ts +4 -4
  105. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  106. package/dist/components/Stepper/Stepper.js +35 -35
  107. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  108. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  109. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  110. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  111. package/dist/components/Table/Table.d.ts +3 -1
  112. package/dist/components/Table/Table.js +87 -99
  113. package/dist/components/Table/Table.stories.d.ts +1 -1
  114. package/dist/components/Tabs/Tab.d.ts +5 -3
  115. package/dist/components/Tabs/Tab.js +38 -36
  116. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  117. package/dist/components/Tabs/TabPanel.js +51 -40
  118. package/dist/components/Tabs/Tabs.d.ts +6 -4
  119. package/dist/components/Tabs/Tabs.js +131 -128
  120. package/dist/components/TextDisplay/TextDisplay.d.ts +9 -3
  121. package/dist/components/TextDisplay/TextDisplay.js +45 -31
  122. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  123. package/dist/components/Toggle/Toggle.js +56 -56
  124. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  125. package/dist/components/ToggleGroup/Group.js +4 -2
  126. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  127. package/dist/components/ToggleGroup/Toggle.js +8 -5
  128. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  129. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +3 -1
  130. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  131. package/dist/components/Tooltip/Tooltip.js +4 -4
  132. package/dist/components/Tooltip/Tooltip.stories.d.ts +2 -1
  133. package/dist/components/Typography/Typography.js +47 -47
  134. package/dist/components/Typography/Typography.stories.d.ts +1 -1
  135. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  136. package/dist/{index-CjW42-M-.js → index-bQFToy-I.js} +1 -1
  137. package/dist/main.d.ts +6 -0
  138. package/dist/main.js +87 -76
  139. package/dist/ownerDocument-YGhwAnr1.js +33 -0
  140. package/dist/{useButton-DNk3wrQp.js → useButton-DcihopJG.js} +1 -1
  141. package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
  142. package/dist/useEventCallback-BAQJJ3ye.js +14 -0
  143. package/dist/useId-BW-oWmul.js +19 -0
  144. package/dist/{useList-B0hog_3-.js → useList-B9C55YB7.js} +2 -2
  145. package/dist/{index-CH45lKw7.js → useSlotProps-C_I1kEHr.js} +99 -99
  146. package/package.json +21 -12
  147. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  148. package/dist/Group-B3p31ftp.js +0 -26
  149. package/dist/SelectButton-K3OIfR5m.js +0 -61
  150. package/dist/Toggle-BCgIItCc.js +0 -142
  151. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  152. package/dist/useEventCallback-xTG9piMa.js +0 -45
@@ -3,13 +3,17 @@ import { StoryObj } from '@storybook/react';
3
3
 
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
6
+ component: {
7
+ ({ children, dialogTitle, dialogSubtitle, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
8
+ Title: import('react').FunctionComponent<import('./DialogTitle').DialogTitleProps>;
9
+ Content: import('react').FunctionComponent<import('./Content').DialogContentProps>;
10
+ Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
11
+ };
7
12
  tags: string[];
8
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
13
+ decorators: ((Story: import('@storybook/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
14
  children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
10
15
  dialogTitle: import('react').ReactNode;
11
16
  dialogSubtitle?: import('react').ReactNode;
12
- isLoading?: boolean | undefined;
13
17
  onClose?: (() => void) | undefined;
14
18
  closeAfterTransition?: boolean | undefined;
15
19
  container?: Element | (() => Element | null) | null | undefined;
@@ -74,15 +78,52 @@ declare const meta: {
74
78
  ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
75
79
  title?: string | undefined;
76
80
  style?: import('react').CSSProperties | undefined;
77
- slot?: string | undefined;
78
- content?: string | undefined;
79
81
  className?: string | undefined;
80
- onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
81
- tabIndex?: number | undefined;
82
+ slot?: string | undefined;
82
83
  suppressHydrationWarning?: boolean | undefined;
84
+ defaultChecked?: boolean | undefined;
85
+ defaultValue?: string | number | readonly string[] | undefined;
86
+ suppressContentEditableWarning?: boolean | undefined;
87
+ content?: string | undefined;
88
+ dir?: string | undefined;
89
+ hidden?: boolean | undefined;
90
+ onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
91
+ accessKey?: string | undefined;
92
+ autoFocus?: boolean | undefined;
93
+ contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
94
+ contextMenu?: string | undefined;
95
+ draggable?: (boolean | "true" | "false") | undefined;
83
96
  id?: string | undefined;
84
97
  lang?: string | undefined;
98
+ nonce?: string | undefined;
99
+ spellCheck?: (boolean | "true" | "false") | undefined;
100
+ tabIndex?: number | undefined;
101
+ translate?: "no" | "yes" | undefined;
102
+ radioGroup?: string | undefined;
85
103
  role?: import('react').AriaRole | undefined;
104
+ about?: string | undefined;
105
+ datatype?: string | undefined;
106
+ inlist?: any;
107
+ prefix?: string | undefined;
108
+ property?: string | undefined;
109
+ rel?: string | undefined;
110
+ resource?: string | undefined;
111
+ rev?: string | undefined;
112
+ typeof?: string | undefined;
113
+ vocab?: string | undefined;
114
+ autoCapitalize?: string | undefined;
115
+ autoCorrect?: string | undefined;
116
+ autoSave?: string | undefined;
117
+ itemProp?: string | undefined;
118
+ itemScope?: boolean | undefined;
119
+ itemType?: string | undefined;
120
+ itemID?: string | undefined;
121
+ itemRef?: string | undefined;
122
+ results?: number | undefined;
123
+ security?: string | undefined;
124
+ unselectable?: "on" | "off" | undefined;
125
+ inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
126
+ is?: string | undefined;
86
127
  "aria-activedescendant"?: string | undefined;
87
128
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
88
129
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -95,7 +136,7 @@ declare const meta: {
95
136
  "aria-colindextext"?: string | undefined;
96
137
  "aria-colspan"?: number | undefined;
97
138
  "aria-controls"?: string | undefined;
98
- "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
139
+ "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
99
140
  "aria-describedby"?: string | undefined;
100
141
  "aria-description"?: string | undefined;
101
142
  "aria-details"?: string | undefined;
@@ -131,7 +172,7 @@ declare const meta: {
131
172
  "aria-rowspan"?: number | undefined;
132
173
  "aria-selected"?: (boolean | "true" | "false") | undefined;
133
174
  "aria-setsize"?: number | undefined;
134
- "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
175
+ "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
135
176
  "aria-valuemax"?: number | undefined;
136
177
  "aria-valuemin"?: number | undefined;
137
178
  "aria-valuenow"?: number | undefined;
@@ -155,7 +196,6 @@ declare const meta: {
155
196
  onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
156
197
  onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
157
198
  onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
158
- onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
159
199
  onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
160
200
  onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
161
201
  onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -225,6 +265,7 @@ declare const meta: {
225
265
  onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
226
266
  onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
227
267
  onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
268
+ onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
228
269
  onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
229
270
  onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
230
271
  onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
@@ -299,43 +340,6 @@ declare const meta: {
299
340
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
300
341
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
301
342
  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
343
  }>) => import("react/jsx-runtime").JSX.Element)[];
340
344
  };
341
345
  export default meta;
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
2
2
  import { Typography as r } from "../Typography/Typography.js";
3
- import { s as a } from "../../Dialog.module-DFEmFdYT.js";
3
+ import { s as a } from "../../Dialog.module-D9e4RsKo.js";
4
4
  const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
5
5
  /* @__PURE__ */ e(
6
6
  r,
@@ -1,23 +1,36 @@
1
1
  import '../../assets/EllipsisTooltip.css';
2
- import { jsx as l } from "react/jsx-runtime";
3
- import { useState as h } from "react";
4
- import { c as d } from "../../clsx-DB4S2d7J.js";
5
- import { Tooltip as g } from "../Tooltip/Tooltip.js";
2
+ import { jsx as s, jsxs as d, Fragment as f } from "react/jsx-runtime";
3
+ import { useState as g } from "react";
4
+ import { c as v } from "../../clsx-DB4S2d7J.js";
5
+ import { Tooltip as x } from "../Tooltip/Tooltip.js";
6
6
  const H = {
7
- "ellipsis-tooltip": "_ellipsis-tooltip_krf68_1"
8
- }, S = ({
9
- lineClamp: s = 1,
10
- children: e,
11
- className: i,
12
- disableHoverListener: o,
13
- ...r
7
+ "ellipsis-tooltip": "_ellipsis-tooltip_1ov97_1"
8
+ }, W = ({
9
+ lineClamp: e = 1,
10
+ children: i,
11
+ className: r,
12
+ disableHoverListener: t,
13
+ ...a
14
14
  }) => {
15
- const [c, a] = h(!1), p = (t) => {
16
- const m = t.scrollWidth > t.clientWidth, f = t.scrollHeight > t.clientHeight;
17
- a(m || f);
18
- }, n = typeof o == "boolean" ? o : !c;
19
- return /* @__PURE__ */ l(g, { className: d(i), ...r, onTargetCreated: p, disableHoverListener: n, children: /* @__PURE__ */ l("span", { style: { "--line-clamp": s }, className: H["ellipsis-tooltip"], children: e }) });
15
+ const [o, c] = g(!1), n = (l) => {
16
+ const m = l.scrollWidth > l.clientWidth, h = l.scrollHeight > l.clientHeight;
17
+ c(m || h);
18
+ }, p = typeof t == "boolean" ? t : !o;
19
+ return /* @__PURE__ */ s(
20
+ x,
21
+ {
22
+ className: v(r),
23
+ ...a,
24
+ onTargetCreated: n,
25
+ disableHoverListener: p,
26
+ disablePortal: !1,
27
+ children: /* @__PURE__ */ d("span", { style: { "--line-clamp": e }, className: H["ellipsis-tooltip"], children: [
28
+ i,
29
+ o && /* @__PURE__ */ s(f, { children: " ‌" })
30
+ ] })
31
+ }
32
+ );
20
33
  };
21
34
  export {
22
- S as EllipsisTooltip
35
+ W as EllipsisTooltip
23
36
  };
@@ -8,7 +8,7 @@ declare const meta: {
8
8
  parameters: {
9
9
  layout: string;
10
10
  };
11
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
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;
@@ -16,9 +16,10 @@ 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
+ disablePortal?: boolean | undefined;
22
23
  arialRole?: import('react').AriaRole | undefined;
23
24
  disableHoverListener?: boolean | undefined;
24
25
  lineClamp?: number | undefined;