@pismo/marola 1.0.0-beta.67 → 1.0.0-beta.7

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 (168) hide show
  1. package/dist/{Button-BAljjMv3.js → Button-2b1peDFT.js} +2 -2
  2. package/dist/{ClickAwayListener-DbEYZpyh.js → ClickAwayListener-BSW-Nd-y.js} +3 -4
  3. package/dist/Dialog.module-DFEmFdYT.js +30 -0
  4. package/dist/Group-B3p31ftp.js +26 -0
  5. package/dist/{Popup-Ck3XlWMq.js → Popup-B6ZSGIEI.js} +3 -3
  6. package/dist/{Portal-oY3enyAm.js → Portal-DIeBsWdL.js} +2 -2
  7. package/dist/SelectButton-K3OIfR5m.js +61 -0
  8. package/dist/{Tabs.module-BGGTkDc5.js → Tabs.module-jkH1Qjn7.js} +7 -7
  9. package/dist/Toggle-BWF0-SPB.js +175 -0
  10. package/dist/assets/Advice.css +1 -1
  11. package/dist/assets/Button.css +1 -1
  12. package/dist/assets/Checkbox.css +1 -1
  13. package/dist/assets/Dialog.css +1 -1
  14. package/dist/assets/EllipsisTooltip.css +1 -1
  15. package/dist/assets/Group.css +1 -1
  16. package/dist/assets/IconButton.css +1 -1
  17. package/dist/assets/Input.css +1 -1
  18. package/dist/assets/PageHeader.css +1 -1
  19. package/dist/assets/Pagination.css +1 -1
  20. package/dist/assets/SelectButton.css +1 -1
  21. package/dist/assets/Skeleton.css +1 -1
  22. package/dist/assets/Snackbar.css +1 -1
  23. package/dist/assets/SortTooltip.css +1 -1
  24. package/dist/assets/Stepper.css +1 -1
  25. package/dist/assets/Table.css +1 -1
  26. package/dist/assets/Tabs.css +1 -1
  27. package/dist/assets/Toggle.css +1 -1
  28. package/dist/assets/Toggle2.css +1 -1
  29. package/dist/assets/Typography.css +1 -1
  30. package/dist/{combineHooksSlotProps-C-zYvfnF.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
  31. package/dist/components/Adornment/Adornment.d.ts +2 -11
  32. package/dist/components/Adornment/Adornment.js +6 -6
  33. package/dist/components/Advice/Advice.d.ts +17 -32
  34. package/dist/components/Advice/Advice.js +40 -39
  35. package/dist/components/Advice/Advice.stories.d.ts +3 -4
  36. package/dist/components/Button/Button.d.ts +0 -2
  37. package/dist/components/Button/Button.js +49 -51
  38. package/dist/components/Checkbox/Checkbox.js +52 -52
  39. package/dist/components/Chip/Chip.d.ts +4 -6
  40. package/dist/components/Chip/Chip.js +7 -11
  41. package/dist/components/Chip/Chip.stories.d.ts +14 -5
  42. package/dist/components/Dialog/Actions.js +1 -1
  43. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  44. package/dist/components/Dialog/Backdrop.js +7 -8
  45. package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
  46. package/dist/components/Dialog/CloseIconButton.js +18 -15
  47. package/dist/components/Dialog/Dialog.d.ts +10 -16
  48. package/dist/components/Dialog/Dialog.js +166 -167
  49. package/dist/components/Dialog/Dialog.stories.d.ts +107 -113
  50. package/dist/components/Dialog/DialogTitle.d.ts +2 -5
  51. package/dist/components/Dialog/DialogTitle.js +16 -22
  52. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
  53. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -2
  54. package/dist/components/Icon/Icon.js +47 -315
  55. package/dist/components/Icon/types.d.ts +1 -1
  56. package/dist/components/IconButton/IconButton.js +42 -42
  57. package/dist/components/Input/Input.d.ts +5 -26
  58. package/dist/components/Input/Input.js +304 -319
  59. package/dist/components/Input/Input.stories.d.ts +21 -2
  60. package/dist/components/InputSearch/InputSearch.d.ts +7 -37
  61. package/dist/components/InputSearch/InputSearch.js +29 -27
  62. package/dist/components/InputSearch/InputSearch.stories.d.ts +3 -15
  63. package/dist/components/PageHeader/PageHeader.d.ts +2 -6
  64. package/dist/components/PageHeader/PageHeader.js +71 -78
  65. package/dist/components/PageHeader/PageHeader.stories.d.ts +1 -3
  66. package/dist/components/Pagination/Pagination.d.ts +1 -5
  67. package/dist/components/Pagination/Pagination.js +91 -90
  68. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  69. package/dist/components/RowItem/RowItem.d.ts +2 -2
  70. package/dist/components/RowItem/RowItem.js +6 -10
  71. package/dist/components/Select/Select.d.ts +0 -22
  72. package/dist/components/Select/Select.js +413 -476
  73. package/dist/components/Select/SelectButton.d.ts +0 -2
  74. package/dist/components/Select/SelectButton.js +2 -3
  75. package/dist/components/Skeleton/Skeleton.d.ts +1 -3
  76. package/dist/components/Skeleton/Skeleton.js +14 -20
  77. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  78. package/dist/components/Snackbar/Snackbar.js +94 -94
  79. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  80. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  81. package/dist/components/Stepper/Stepper.js +35 -35
  82. package/dist/components/Table/Table.d.ts +1 -3
  83. package/dist/components/Table/Table.js +99 -87
  84. package/dist/components/Table/Table.stories.d.ts +1 -1
  85. package/dist/components/Tabs/Tab.d.ts +3 -5
  86. package/dist/components/Tabs/Tab.js +36 -38
  87. package/dist/components/Tabs/TabPanel.d.ts +2 -4
  88. package/dist/components/Tabs/TabPanel.js +40 -51
  89. package/dist/components/Tabs/Tabs.d.ts +4 -6
  90. package/dist/components/Tabs/Tabs.js +128 -131
  91. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -7
  92. package/dist/components/TextDisplay/TextDisplay.js +37 -44
  93. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
  94. package/dist/components/Toggle/Toggle.js +55 -55
  95. package/dist/components/ToggleGroup/Group.d.ts +0 -2
  96. package/dist/components/ToggleGroup/Group.js +2 -4
  97. package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
  98. package/dist/components/ToggleGroup/Toggle.js +5 -9
  99. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  100. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -2
  101. package/dist/components/Tooltip/Tooltip.d.ts +1 -3
  102. package/dist/components/Tooltip/Tooltip.js +4 -4
  103. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -1
  104. package/dist/components/Typography/Typography.js +47 -47
  105. package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
  106. package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
  107. package/dist/main.d.ts +0 -8
  108. package/dist/main.js +75 -91
  109. package/dist/marola.css +1 -1
  110. package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
  111. package/dist/useCompoundItem-D1iRfg8D.js +84 -0
  112. package/dist/useEventCallback-xTG9piMa.js +45 -0
  113. package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
  114. package/package.json +13 -22
  115. package/dist/Dialog.module-W7UCXlf3.js +0 -29
  116. package/dist/Group-DspH8hyO.js +0 -30
  117. package/dist/Popover.module-B4boCutS.js +0 -10
  118. package/dist/SelectButton-B38avP9u.js +0 -75
  119. package/dist/Toggle-MfR7l8Wn.js +0 -190
  120. package/dist/assets/Alert.css +0 -1
  121. package/dist/assets/Autocomplete.css +0 -1
  122. package/dist/assets/Avatar.css +0 -1
  123. package/dist/assets/Description.css +0 -1
  124. package/dist/assets/Popover.css +0 -1
  125. package/dist/assets/ResultWithChips.css +0 -1
  126. package/dist/assets/StepperNavigator.css +0 -1
  127. package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
  128. package/dist/components/Adornment/adornment.test.d.ts +0 -1
  129. package/dist/components/Alert/Alert.d.ts +0 -11
  130. package/dist/components/Alert/Alert.js +0 -46
  131. package/dist/components/Alert/Alert.stories.d.ts +0 -24
  132. package/dist/components/Alert/Alert.test.d.ts +0 -1
  133. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
  134. package/dist/components/Autocomplete/Autocomplete.js +0 -679
  135. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
  136. package/dist/components/Avatar/Avatar.d.ts +0 -15
  137. package/dist/components/Avatar/Avatar.js +0 -51
  138. package/dist/components/Avatar/Avatar.stories.d.ts +0 -25
  139. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +0 -14
  140. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +0 -37
  141. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +0 -23
  142. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +0 -1
  143. package/dist/components/Description/Description.d.ts +0 -16
  144. package/dist/components/Description/Description.js +0 -64
  145. package/dist/components/Description/Description.stories.d.ts +0 -20
  146. package/dist/components/Description/Description.test.d.ts +0 -1
  147. package/dist/components/PageHeader/PageHeader.test.d.ts +0 -1
  148. package/dist/components/Popover/Popover.d.ts +0 -32
  149. package/dist/components/Popover/Popover.js +0 -24
  150. package/dist/components/Popover/Popover.stories.d.ts +0 -34
  151. package/dist/components/Popover/PopoverBody.d.ts +0 -6
  152. package/dist/components/Popover/PopoverBody.js +0 -6
  153. package/dist/components/Popover/PopoverFooter.d.ts +0 -6
  154. package/dist/components/Popover/PopoverFooter.js +0 -6
  155. package/dist/components/Popover/PopoverHeader.d.ts +0 -6
  156. package/dist/components/Popover/PopoverHeader.js +0 -6
  157. package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
  158. package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
  159. package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
  160. package/dist/components/RowItem/rowItem.test.d.ts +0 -1
  161. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
  162. package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
  163. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
  164. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
  165. package/dist/ownerDocument-YGhwAnr1.js +0 -33
  166. package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
  167. package/dist/useEventCallback-BAQJJ3ye.js +0 -14
  168. package/dist/useId-BW-oWmul.js +0 -19
@@ -1,15 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- type AvatarType = 'icon' | 'image' | 'text';
4
- type AvatarSize = 'default' | 'large' | 'small' | number;
5
- type AvatarShape = 'circle' | 'square';
6
- type AvatarCoreProps = {
7
- type: AvatarType;
8
- size?: AvatarSize;
9
- shape?: AvatarShape;
10
- children: ReactNode;
11
- className?: string;
12
- 'data-testid'?: string;
13
- };
14
- export declare const Avatar: import('react').ForwardRefExoticComponent<AvatarCoreProps & import('react').RefAttributes<HTMLDivElement>>;
15
- export {};
@@ -1,51 +0,0 @@
1
- import '../../assets/Avatar.css';
2
- import { jsxs as v, jsx as _ } from "react/jsx-runtime";
3
- import { forwardRef as c, useMemo as y } from "react";
4
- import { c as d } from "../../clsx-DB4S2d7J.js";
5
- const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
6
- "u-typography-h1": "_u-typography-h1_4n12g_1",
7
- "u-typography-h2": "_u-typography-h2_4n12g_8",
8
- "u-typography-h3": "_u-typography-h3_4n12g_15",
9
- "u-typography-h4": "_u-typography-h4_4n12g_22",
10
- "u-typography-h5": "_u-typography-h5_4n12g_29",
11
- "u-typography-h6": "_u-typography-h6_4n12g_36",
12
- "u-typography-base": "_u-typography-base_4n12g_43",
13
- "u-typography-base--xxl": "_u-typography-base--xxl_4n12g_49",
14
- "u-typography-base--xl": "_u-typography-base--xl_4n12g_53",
15
- "u-typography-base--lg": "_u-typography-base--lg_4n12g_57",
16
- avatar: m,
17
- "u-typography-base--sm": "_u-typography-base--sm_4n12g_61",
18
- "u-typography-base--bold": "_u-typography-base--bold_4n12g_65",
19
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_4n12g_68",
20
- "u-typography-base--underlined": "_u-typography-base--underlined_4n12g_71",
21
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_4n12g_74",
22
- "avatar--large": "_avatar--large_4n12g_86",
23
- "avatar--default": "_avatar--default_4n12g_90",
24
- "avatar--small": "_avatar--small_4n12g_94",
25
- "avatar--custom": "_avatar--custom_4n12g_98",
26
- "avatar--circle": "_avatar--circle_4n12g_102",
27
- "avatar--square": "_avatar--square_4n12g_105",
28
- avatar__icon: b,
29
- avatar__image: x,
30
- avatar__text: f
31
- }, $ = c((h, n) => {
32
- const { type: e, size: a = "default", shape: g = "circle", children: s, className: o, "data-testid": u } = h, r = typeof a == "number", i = y(
33
- () => ({
34
- width: r ? a : void 0,
35
- height: r ? a : void 0,
36
- "--avatar-custom-size": r ? `${a}px` : void 0
37
- }),
38
- [a, r]
39
- ), p = r ? "custom" : a, l = y(
40
- () => d(t.avatar, t[`avatar--${p}`], t[`avatar--${g}`], o),
41
- [p, g, o]
42
- );
43
- return /* @__PURE__ */ v("div", { ref: n, style: i, className: l, "data-testid": u, children: [
44
- e === "icon" && /* @__PURE__ */ _("span", { className: t.avatar__icon, children: s }),
45
- e === "image" && /* @__PURE__ */ _("div", { className: t.avatar__image, children: /* @__PURE__ */ _("img", { src: s, alt: "avatar" }) }),
46
- e === "text" && /* @__PURE__ */ _("span", { className: t.avatar__text, children: s })
47
- ] });
48
- });
49
- export {
50
- $ as Avatar
51
- };
@@ -1,25 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: import('react').ForwardRefExoticComponent<{
6
- type: "icon" | "image" | "text";
7
- size?: (number | "default" | "small" | "large") | undefined;
8
- shape?: ("circle" | "square") | undefined;
9
- children: import('react').ReactNode;
10
- className?: string | undefined;
11
- 'data-testid'?: string | undefined;
12
- } & import('react').RefAttributes<HTMLDivElement>>;
13
- tags: string[];
14
- parameters: {
15
- layout: string;
16
- };
17
- };
18
- export default meta;
19
- type Story = StoryObj<typeof meta>;
20
- export declare const Icon: Story;
21
- export declare const Image: Story;
22
- export declare const Text: Story;
23
- export declare const CustomSize: Story;
24
- export declare const LargeSquare: Story;
25
- export declare const SmallCircle: Story;
@@ -1,14 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- export interface ConfirmationDialogProps {
4
- open: boolean;
5
- onClose: () => void;
6
- title?: ReactNode;
7
- subtitle?: ReactNode;
8
- confirmLabel: string;
9
- cancelLabel: string;
10
- content?: ReactNode;
11
- confirmAction: () => void;
12
- cancelAction: () => void;
13
- }
14
- export declare const ConfirmationDialog: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,37 +0,0 @@
1
- import { jsx as o, jsxs as i, Fragment as f } from "react/jsx-runtime";
2
- import { Button as n } from "../Button/Button.js";
3
- import { Dialog as s } from "../Dialog/Dialog.js";
4
- import { Typography as t } from "../Typography/Typography.js";
5
- import g from "../Dialog/Content.js";
6
- import C from "../Dialog/Actions.js";
7
- const T = ({
8
- open: l,
9
- onClose: e,
10
- title: m,
11
- subtitle: c,
12
- content: r,
13
- cancelAction: d,
14
- confirmAction: a,
15
- confirmLabel: h,
16
- cancelLabel: p
17
- }) => /* @__PURE__ */ o(
18
- s,
19
- {
20
- open: l,
21
- dialogTitle: m,
22
- dialogSubtitle: c,
23
- onClose: () => {
24
- e();
25
- },
26
- children: /* @__PURE__ */ i(f, { children: [
27
- r && /* @__PURE__ */ o(g, { children: r }),
28
- /* @__PURE__ */ i(C, { children: [
29
- /* @__PURE__ */ o(n, { variant: "secondary", onClick: () => d(), children: /* @__PURE__ */ o(t, { children: p }) }),
30
- /* @__PURE__ */ o(n, { onClick: () => a(), children: /* @__PURE__ */ o(t, { children: h }) })
31
- ] })
32
- ] })
33
- }
34
- );
35
- export {
36
- T as ConfirmationDialog
37
- };
@@ -1,23 +0,0 @@
1
- import { ConfirmationDialogProps } from '../../main';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ open, onClose, title, subtitle, content, cancelAction, confirmAction, confirmLabel, cancelLabel, }: ConfirmationDialogProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
- open: boolean;
10
- onClose: () => void;
11
- title?: import('react').ReactNode;
12
- subtitle?: import('react').ReactNode;
13
- confirmLabel: string;
14
- cancelLabel: string;
15
- content?: import('react').ReactNode;
16
- confirmAction: () => void;
17
- cancelAction: () => void;
18
- }>) => import("react/jsx-runtime").JSX.Element)[];
19
- };
20
- export default meta;
21
- type Story = StoryObj<typeof meta>;
22
- export declare const Simple: Story;
23
- export declare const WithContent: Story;
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- export interface DescriptionProps {
3
- /** Description label */
4
- label: string;
5
- /** Description value */
6
- value: React.ReactNode;
7
- /** Renders skeleton when true */
8
- isLoading?: boolean;
9
- /** Description label and value color */
10
- color?: string;
11
- /** Sets the data-testid prefix for label, value and skeletons */
12
- 'data-testid'?: string;
13
- /** Sets the label and value onto the same line */
14
- inline?: boolean;
15
- }
16
- export declare const Description: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, }: DescriptionProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,64 +0,0 @@
1
- import '../../assets/Description.css';
2
- import { jsxs as s, jsx as t } from "react/jsx-runtime";
3
- import { c as i } from "../../clsx-DB4S2d7J.js";
4
- import { Skeleton as o } from "../Skeleton/Skeleton.js";
5
- import { Typography as y } from "../Typography/Typography.js";
6
- const u = "_container_he0z3_78", a = {
7
- "u-typography-h1": "_u-typography-h1_he0z3_1",
8
- "u-typography-h2": "_u-typography-h2_he0z3_8",
9
- "u-typography-h3": "_u-typography-h3_he0z3_15",
10
- "u-typography-h4": "_u-typography-h4_he0z3_22",
11
- "u-typography-h5": "_u-typography-h5_he0z3_29",
12
- "u-typography-h6": "_u-typography-h6_he0z3_36",
13
- "u-typography-base": "_u-typography-base_he0z3_43",
14
- "u-typography-base--xxl": "_u-typography-base--xxl_he0z3_49",
15
- "u-typography-base--xl": "_u-typography-base--xl_he0z3_53",
16
- "u-typography-base--lg": "_u-typography-base--lg_he0z3_57",
17
- "u-typography-base--sm": "_u-typography-base--sm_he0z3_61",
18
- "u-typography-base--bold": "_u-typography-base--bold_he0z3_65",
19
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_he0z3_68",
20
- "u-typography-base--underlined": "_u-typography-base--underlined_he0z3_71",
21
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_he0z3_74",
22
- container: u,
23
- "container--text": "_container--text_he0z3_82",
24
- "container--inline": "_container--inline_he0z3_85"
25
- }, d = ({
26
- label: _,
27
- value: n,
28
- isLoading: r,
29
- color: h = "var(--gray-95)",
30
- "data-testid": e = "Description",
31
- inline: p
32
- }) => /* @__PURE__ */ s(
33
- "div",
34
- {
35
- className: i([a.container, { [a["container--inline"]]: p }]),
36
- "data-testid": `${e}-container`,
37
- children: [
38
- /* @__PURE__ */ t(
39
- y,
40
- {
41
- color: h,
42
- className: a["container--text"],
43
- variant: "base",
44
- "data-testid": `${e}-label`,
45
- children: r ? /* @__PURE__ */ t(o, { style: { width: 70, marginBottom: 2 }, "data-testid": `${e}-skeletonLabel` }) : _
46
- }
47
- ),
48
- /* @__PURE__ */ t(
49
- y,
50
- {
51
- className: a["container--text"],
52
- bold: !0,
53
- color: h,
54
- variant: p ? "base" : "base-lg",
55
- "data-testid": `${e}-value`,
56
- children: r ? /* @__PURE__ */ t(o, { style: { width: 100 }, "data-testid": `${e}-skeletonValue` }) : n || "-"
57
- }
58
- )
59
- ]
60
- }
61
- );
62
- export {
63
- d as Description
64
- };
@@ -1,20 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ label, value, isLoading, color, "data-testid": dataTestId, inline, }: import('./Description').DescriptionProps) => import("react/jsx-runtime").JSX.Element;
6
- tags: string[];
7
- parameters: {
8
- layout: string;
9
- };
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Simple: Story;
14
- export declare const WithColor: Story;
15
- export declare const InLine: Story;
16
- export declare const InLineWithColor: Story;
17
- export declare const Loading: Story;
18
- export declare const LoadingInline: Story;
19
- export declare const InLineWithButton: Story;
20
- export declare const WithButton: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1,32 +0,0 @@
1
- import { PopupOffsetOptions, PopupPlacement } from '@mui/base/Unstable_Popup';
2
-
3
- export type PopoverProps = {
4
- /** An HTML element or a function that returns either. */
5
- anchorRef?: Element;
6
- /** Boolean to open. */
7
- open?: boolean;
8
- /** React Node. */
9
- children: React.ReactNode;
10
- /** Determines where to place the popup relative to the trigger element. */
11
- placement?: PopupPlacement;
12
- /** Distance between a popup and the trigger element */
13
- offset?: PopupOffsetOptions;
14
- /** Class name */
15
- className?: string;
16
- /** Id to be applied as `data-testid` on the root element */
17
- 'data-testid'?: string;
18
- /** Callback fired when a "click away" event is detected. */
19
- onClickAway?: (event: MouseEvent | TouchEvent) => void;
20
- };
21
- export declare const Popover: {
22
- ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
23
- Header: ({ children }: {
24
- children: import('react').ReactNode;
25
- }) => import("react/jsx-runtime").JSX.Element;
26
- Footer: ({ children }: {
27
- children: import('react').ReactNode;
28
- }) => import("react/jsx-runtime").JSX.Element;
29
- Body: ({ children }: {
30
- children: import('react').ReactNode;
31
- }) => import("react/jsx-runtime").JSX.Element;
32
- };
@@ -1,24 +0,0 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { c as f } from "../../clsx-DB4S2d7J.js";
3
- import { s as v } from "../../Popover.module-B4boCutS.js";
4
- import { PopoverBody as l } from "./PopoverBody.js";
5
- import { PopoverFooter as n } from "./PopoverFooter.js";
6
- import { PopoverHeader as P } from "./PopoverHeader.js";
7
- import { P as y } from "../../Popup-Ck3XlWMq.js";
8
- import { C as h } from "../../ClickAwayListener-DbEYZpyh.js";
9
- const r = ({
10
- anchorRef: t,
11
- open: m,
12
- children: p,
13
- placement: i,
14
- className: s,
15
- offset: a,
16
- "data-testid": d,
17
- onClickAway: e
18
- }) => /* @__PURE__ */ o(h, { onClickAway: (c) => e ? e(c) : void 0, children: /* @__PURE__ */ o(y, { offset: a, placement: i, open: m, anchor: t, children: /* @__PURE__ */ o("div", { "data-testid": d, className: f(v.popover, s), children: p }) }) });
19
- r.Header = P;
20
- r.Footer = n;
21
- r.Body = l;
22
- export {
23
- r as Popover
24
- };
@@ -1,34 +0,0 @@
1
- import { PopoverProps } from './Popover';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: {
7
- ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
8
- Header: ({ children }: {
9
- children: import('react').ReactNode;
10
- }) => import("react/jsx-runtime").JSX.Element;
11
- Footer: ({ children }: {
12
- children: import('react').ReactNode;
13
- }) => import("react/jsx-runtime").JSX.Element;
14
- Body: ({ children }: {
15
- children: import('react').ReactNode;
16
- }) => import("react/jsx-runtime").JSX.Element;
17
- };
18
- parameters: {
19
- docs: {
20
- source: {
21
- language: string;
22
- format: boolean;
23
- code: string;
24
- };
25
- };
26
- };
27
- tags: string[];
28
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
29
- [x: string]: any;
30
- }>) => import("react/jsx-runtime").JSX.Element)[];
31
- };
32
- export default meta;
33
- type Story = StoryObj<typeof meta>;
34
- export declare const Provider: Story;
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- type PopoverBodyProps = {
3
- children: React.ReactNode;
4
- };
5
- export declare const PopoverBody: ({ children }: PopoverBodyProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { s } from "../../Popover.module-B4boCutS.js";
3
- const t = ({ children: o }) => /* @__PURE__ */ r("div", { className: s["popover-body"], children: o });
4
- export {
5
- t as PopoverBody
6
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- type PopoverFooterProps = {
3
- children: React.ReactNode;
4
- };
5
- export declare const PopoverFooter: ({ children }: PopoverFooterProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { jsx as r } from "react/jsx-runtime";
2
- import { s as e } from "../../Popover.module-B4boCutS.js";
3
- const p = ({ children: o }) => /* @__PURE__ */ r("div", { className: e["popover-footer"], children: o });
4
- export {
5
- p as PopoverFooter
6
- };
@@ -1,6 +0,0 @@
1
- /// <reference types="react" />
2
- type PopoverHeaderProps = {
3
- children: React.ReactNode;
4
- };
5
- export declare const PopoverHeader: ({ children }: PopoverHeaderProps) => import("react/jsx-runtime").JSX.Element;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { s as o } from "../../Popover.module-B4boCutS.js";
3
- const t = ({ children: r }) => /* @__PURE__ */ e("div", { className: o["popover-header"], children: r });
4
- export {
5
- t as PopoverHeader
6
- };
@@ -1,12 +0,0 @@
1
- import { ChipProps } from '../Chip/Chip';
2
-
3
- type ResultWithChipsProps = {
4
- chips: Array<Partial<ChipProps> & {
5
- joinLabel?: string | React.ReactNode;
6
- key?: string;
7
- }>;
8
- title: string;
9
- className?: string;
10
- };
11
- declare const ResultWithChips: ({ chips, title, className, ...rest }: ResultWithChipsProps) => import("react/jsx-runtime").JSX.Element;
12
- export { ResultWithChips };
@@ -1,33 +0,0 @@
1
- import '../../assets/ResultWithChips.css';
2
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
3
- import { C as t } from "../../Toggle-MfR7l8Wn.js";
4
- const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
5
- container: r,
6
- "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
7
- label: o,
8
- "chips-container": "_chips-container_hgp0p_35",
9
- "chip-content": "_chip-content_hgp0p_42",
10
- "chip-label": "_chip-label_hgp0p_51"
11
- }, b = ({ chips: c, title: p, className: s, ...h }) => /* @__PURE__ */ i("div", { ...h, className: [a.container, s || ""].join(" ").trim(), children: [
12
- /* @__PURE__ */ e("span", { className: a.label, children: p }),
13
- /* @__PURE__ */ e("div", { className: a["chips-container"], "data-testid": "chips-container", children: c.map((l, n) => /* @__PURE__ */ i("span", { className: a["chip-item-wrapper"], children: [
14
- /* @__PURE__ */ e(
15
- t,
16
- {
17
- ...l,
18
- label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: typeof l.label == "string" ? /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.label }) : l.label })
19
- },
20
- `chip-${n}`
21
- ),
22
- l.joinLabel && n < c.length - 1 && /* @__PURE__ */ e(
23
- t,
24
- {
25
- label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.joinLabel }) })
26
- },
27
- `join-${n}`
28
- )
29
- ] }, `full-chip-${n}`)) })
30
- ] });
31
- export {
32
- b as ResultWithChips
33
- };
@@ -1,17 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: import('react').ForwardRefExoticComponent<import('./RowItem').RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
6
- tags: string[];
7
- parameters: {
8
- layout: string;
9
- };
10
- };
11
- export default meta;
12
- type Story = StoryObj<typeof meta>;
13
- export declare const Simple: Story;
14
- export declare const Clickable: Story;
15
- export declare const WithAdornement: Story;
16
- export declare const WithButtons: Story;
17
- export declare const WithButtonsAndAdornementDisabled: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,58 +0,0 @@
1
- /// <reference types="react" />
2
- type StepperNavigatorLang = 'en' | 'pt';
3
- export type StepperNavigatorButtonProps = {
4
- leftIcon?: React.ReactNode;
5
- rightIcon?: React.ReactNode;
6
- className?: string;
7
- 'data-testid'?: string;
8
- };
9
- export type StepperNavigatorProps = {
10
- /** Hides the "previous" button */
11
- hidePrevious?: boolean;
12
- /** Hides the "cancel" button */
13
- hideCancel?: boolean;
14
- /** Hides the "next" button */
15
- hideNext?: boolean;
16
- /** Hides the "finish" button */
17
- hideFinish?: boolean;
18
- /** Disables the "previous" button */
19
- disablePrevious?: boolean;
20
- /** Disables the "cancel" button */
21
- disableCancel?: boolean;
22
- /** Disables the "next" button */
23
- disableNext?: boolean;
24
- /** Disables the "finish" button */
25
- disableFinish?: boolean;
26
- /** Label to be used for the "previous" button */
27
- labelPrevious?: string;
28
- /** Label to be used for the "cancel" button */
29
- labelCancel?: string;
30
- /** Label to be used for the "next" button */
31
- labelNext?: string;
32
- /** Label to be used for the "finish" button */
33
- labelFinish?: string;
34
- /** Language to be used for the button labels. Default "en" */
35
- lang?: StepperNavigatorLang;
36
- /** CSS classes to be applied on the container element */
37
- className?: string;
38
- /** Id to be applied as `data-testid` on the container element */
39
- 'data-testid'?: string;
40
- /** Previous button props */
41
- previousButtonProps?: StepperNavigatorButtonProps;
42
- /** Cancel button props */
43
- cancelButtonProps?: StepperNavigatorButtonProps;
44
- /** Next button props */
45
- nextButtonProps?: StepperNavigatorButtonProps;
46
- /** Finish button props */
47
- finishButtonProps?: StepperNavigatorButtonProps;
48
- /** Callback to be called when the "previous" button is clicked */
49
- onPrevious?: () => void;
50
- /** Callback to be called when the "cancel" button is clicked */
51
- onCancel?: () => void;
52
- /** Callback to be called when the "next" button is clicked */
53
- onNext?: () => void;
54
- /** Callback to be called when the "finish" button is clicked */
55
- onFinish?: () => void;
56
- };
57
- export declare const StepperNavigator: ({ hideNext, hidePrevious, hideCancel, hideFinish, disableNext, disablePrevious, disableCancel, disableFinish, lang, labelNext, labelPrevious, labelCancel, labelFinish, className, "data-testid": dataTestId, previousButtonProps, cancelButtonProps, nextButtonProps, finishButtonProps, onNext, onPrevious, onCancel, onFinish, }: StepperNavigatorProps) => import("react/jsx-runtime").JSX.Element;
58
- export {};