@pismo/marola 1.0.0-beta.58 → 1.0.0-beta.6

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 (155) 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-BCgIItCc.js +142 -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/TextDisplay.css +1 -1
  28. package/dist/assets/Toggle.css +1 -1
  29. package/dist/assets/Toggle2.css +1 -1
  30. package/dist/assets/Typography.css +1 -1
  31. package/dist/{combineHooksSlotProps-C-zYvfnF.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
  32. package/dist/components/Advice/Advice.d.ts +17 -32
  33. package/dist/components/Advice/Advice.js +40 -39
  34. package/dist/components/Advice/Advice.stories.d.ts +3 -4
  35. package/dist/components/Button/Button.d.ts +0 -2
  36. package/dist/components/Button/Button.js +49 -51
  37. package/dist/components/Checkbox/Checkbox.js +52 -52
  38. package/dist/components/Chip/Chip.d.ts +12 -6
  39. package/dist/components/Chip/Chip.js +6 -11
  40. package/dist/components/Chip/Chip.stories.d.ts +14 -5
  41. package/dist/components/Dialog/Actions.js +1 -1
  42. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  43. package/dist/components/Dialog/Backdrop.js +7 -8
  44. package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
  45. package/dist/components/Dialog/CloseIconButton.js +18 -15
  46. package/dist/components/Dialog/Dialog.d.ts +6 -9
  47. package/dist/components/Dialog/Dialog.js +139 -139
  48. package/dist/components/Dialog/Dialog.stories.d.ts +46 -50
  49. package/dist/components/Dialog/DialogTitle.js +1 -1
  50. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
  51. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -2
  52. package/dist/components/Icon/Icon.js +47 -315
  53. package/dist/components/Icon/types.d.ts +1 -1
  54. package/dist/components/IconButton/IconButton.js +42 -42
  55. package/dist/components/Input/Input.d.ts +5 -26
  56. package/dist/components/Input/Input.js +304 -319
  57. package/dist/components/Input/Input.stories.d.ts +21 -2
  58. package/dist/components/InputSearch/InputSearch.d.ts +7 -37
  59. package/dist/components/InputSearch/InputSearch.js +29 -27
  60. package/dist/components/InputSearch/InputSearch.stories.d.ts +3 -15
  61. package/dist/components/PageHeader/PageHeader.d.ts +2 -6
  62. package/dist/components/PageHeader/PageHeader.js +65 -72
  63. package/dist/components/PageHeader/PageHeader.stories.d.ts +1 -3
  64. package/dist/components/Pagination/Pagination.d.ts +1 -5
  65. package/dist/components/Pagination/Pagination.js +91 -90
  66. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  67. package/dist/components/Select/Select.d.ts +0 -21
  68. package/dist/components/Select/Select.js +413 -476
  69. package/dist/components/Select/SelectButton.d.ts +0 -2
  70. package/dist/components/Select/SelectButton.js +2 -3
  71. package/dist/components/Skeleton/Skeleton.d.ts +1 -3
  72. package/dist/components/Skeleton/Skeleton.js +14 -20
  73. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  74. package/dist/components/Snackbar/Snackbar.js +94 -94
  75. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  76. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  77. package/dist/components/Stepper/Stepper.js +35 -35
  78. package/dist/components/Table/Table.d.ts +1 -3
  79. package/dist/components/Table/Table.js +99 -87
  80. package/dist/components/Table/Table.stories.d.ts +1 -1
  81. package/dist/components/Tabs/Tab.d.ts +3 -5
  82. package/dist/components/Tabs/Tab.js +36 -38
  83. package/dist/components/Tabs/TabPanel.d.ts +2 -4
  84. package/dist/components/Tabs/TabPanel.js +40 -51
  85. package/dist/components/Tabs/Tabs.d.ts +4 -6
  86. package/dist/components/Tabs/Tabs.js +128 -131
  87. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -9
  88. package/dist/components/TextDisplay/TextDisplay.js +31 -45
  89. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
  90. package/dist/components/Toggle/Toggle.js +56 -56
  91. package/dist/components/ToggleGroup/Group.d.ts +0 -2
  92. package/dist/components/ToggleGroup/Group.js +2 -4
  93. package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
  94. package/dist/components/ToggleGroup/Toggle.js +5 -9
  95. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  96. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -2
  97. package/dist/components/Tooltip/Tooltip.d.ts +1 -3
  98. package/dist/components/Tooltip/Tooltip.js +4 -4
  99. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -1
  100. package/dist/components/Typography/Typography.js +47 -47
  101. package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
  102. package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
  103. package/dist/main.d.ts +0 -7
  104. package/dist/main.js +76 -88
  105. package/dist/marola.css +1 -1
  106. package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
  107. package/dist/useCompoundItem-D1iRfg8D.js +84 -0
  108. package/dist/useEventCallback-xTG9piMa.js +45 -0
  109. package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
  110. package/package.json +12 -21
  111. package/dist/Dialog.module-D9e4RsKo.js +0 -30
  112. package/dist/Group-DspH8hyO.js +0 -30
  113. package/dist/Popover.module-B4boCutS.js +0 -10
  114. package/dist/SelectButton-B38avP9u.js +0 -75
  115. package/dist/Toggle-2kIaSHMl.js +0 -190
  116. package/dist/assets/Adornment.css +0 -1
  117. package/dist/assets/Autocomplete.css +0 -1
  118. package/dist/assets/Avatar.css +0 -1
  119. package/dist/assets/Popover.css +0 -1
  120. package/dist/assets/ResultWithChips.css +0 -1
  121. package/dist/assets/StepperNavigator.css +0 -1
  122. package/dist/components/Adornment/Adornment.d.ts +0 -20
  123. package/dist/components/Adornment/Adornment.js +0 -13
  124. package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
  125. package/dist/components/Adornment/adornment.test.d.ts +0 -1
  126. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
  127. package/dist/components/Autocomplete/Autocomplete.js +0 -679
  128. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
  129. package/dist/components/Avatar/Avatar.d.ts +0 -15
  130. package/dist/components/Avatar/Avatar.js +0 -51
  131. package/dist/components/Avatar/Avatar.stories.d.ts +0 -25
  132. package/dist/components/PageHeader/PageHeader.test.d.ts +0 -1
  133. package/dist/components/Popover/Popover.d.ts +0 -32
  134. package/dist/components/Popover/Popover.js +0 -24
  135. package/dist/components/Popover/Popover.stories.d.ts +0 -34
  136. package/dist/components/Popover/PopoverBody.d.ts +0 -6
  137. package/dist/components/Popover/PopoverBody.js +0 -6
  138. package/dist/components/Popover/PopoverFooter.d.ts +0 -6
  139. package/dist/components/Popover/PopoverFooter.js +0 -6
  140. package/dist/components/Popover/PopoverHeader.d.ts +0 -6
  141. package/dist/components/Popover/PopoverHeader.js +0 -6
  142. package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
  143. package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
  144. package/dist/components/RowItem/RowItem.d.ts +0 -25
  145. package/dist/components/RowItem/RowItem.js +0 -23
  146. package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
  147. package/dist/components/RowItem/rowItem.test.d.ts +0 -1
  148. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
  149. package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
  150. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
  151. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
  152. package/dist/ownerDocument-YGhwAnr1.js +0 -33
  153. package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
  154. package/dist/useEventCallback-BAQJJ3ye.js +0 -14
  155. 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
- declare const Avatar: import('react').ForwardRefExoticComponent<AvatarCoreProps & import('react').RefAttributes<HTMLDivElement>>;
15
- export default Avatar;
@@ -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 default
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 +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-2kIaSHMl.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,25 +0,0 @@
1
- import { RequireAllOrNone } from '../../types/helpers';
2
- import { AdornmentProps } from '../../main';
3
- import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
4
-
5
- export type RowItemBaseProps = {
6
- /** Items to display as main content of the row */
7
- children: ReactNode;
8
- /** Buttons to render */
9
- buttons?: ReactNode;
10
- /** Left adornment */
11
- leftAdornment?: AdornmentProps;
12
- /** Whether the row is disabled (not interactable */
13
- disabled?: boolean;
14
- /** Space seperated list of CSS classes to apply */
15
- className?: string;
16
- /** Callback for when the row is clicked, required when ariaLabel is provided */
17
- onClick?: (event?: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | undefined) => void;
18
- /** An accessible name for the row, required when onClick is provided */
19
- ariaLabel?: string;
20
- /** ID to use in tests*/
21
- 'data-testid'?: string;
22
- };
23
- export type RowItemProps = RequireAllOrNone<RowItemBaseProps, 'onClick' | 'ariaLabel'>;
24
- export declare const RowItem: import('react').ForwardRefExoticComponent<RowItemProps & import('react').RefAttributes<HTMLDivElement>>;
25
- export default RowItem;
@@ -1,23 +0,0 @@
1
- import "react/jsx-runtime";
2
- import "react";
3
- import "../../clsx-DB4S2d7J.js";
4
- import "../Adornment/Adornment.js";
5
- import "../Icon/Icon.js";
6
- import "../Typography/Typography.js";
7
- import "../Input/Input.js";
8
- import "../Avatar/Avatar.js";
9
- import "../Button/Button.js";
10
- import { R as h, R as j } from "../../Toggle-2kIaSHMl.js";
11
- import "../Dialog/Dialog.js";
12
- import "../IconButton/IconButton.js";
13
- import "../InputSearch/InputSearch.js";
14
- import "../Select/Select.js";
15
- import "../Popover/Popover.js";
16
- import "../Table/Table.js";
17
- import "../Tabs/Tabs.js";
18
- import "../../Group-DspH8hyO.js";
19
- import "../../contexts/SnackbarProvider/SnackbarProvider.js";
20
- export {
21
- h as RowItem,
22
- j as default
23
- };
@@ -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 {};
@@ -1,115 +0,0 @@
1
- import '../../assets/StepperNavigator.css';
2
- import { jsxs as l, jsx as a } from "react/jsx-runtime";
3
- import { c as i } from "../../clsx-DB4S2d7J.js";
4
- import { Button as I } from "../Button/Button.js";
5
- import { Icon as K } from "../Icon/Icon.js";
6
- const _ = {
7
- "stepper-navigator": "_stepper-navigator_27f6m_1",
8
- "cancel-button": "_cancel-button_27f6m_11",
9
- "previous-button": "_previous-button_27f6m_20",
10
- "next-button": "_next-button_27f6m_39",
11
- "finish-button": "_finish-button_27f6m_40"
12
- }, b = {
13
- en: {
14
- previous: "Previous",
15
- cancel: "Cancel",
16
- next: "Next",
17
- finish: "Finish"
18
- },
19
- pt: {
20
- previous: "Anterior",
21
- cancel: "Cancelar",
22
- next: "Próximo",
23
- finish: "Finalizar"
24
- }
25
- }, R = ({
26
- hideNext: C = !1,
27
- hidePrevious: j = !1,
28
- hideCancel: z = !1,
29
- hideFinish: w = !1,
30
- disableNext: y = !1,
31
- disablePrevious: A = !1,
32
- disableCancel: S = !1,
33
- disableFinish: q = !1,
34
- lang: h = "en",
35
- labelNext: N,
36
- labelPrevious: f,
37
- labelCancel: g,
38
- labelFinish: k,
39
- className: D,
40
- "data-testid": E = "stepper-navigator",
41
- previousButtonProps: d,
42
- cancelButtonProps: c,
43
- nextButtonProps: e = { rightIcon: /* @__PURE__ */ a(K, { icon: "circle-arrow-right", size: 24 }) },
44
- finishButtonProps: m,
45
- onNext: F = () => {
46
- },
47
- onPrevious: G = () => {
48
- },
49
- onCancel: H = () => {
50
- },
51
- onFinish: J = () => {
52
- }
53
- }) => (g = g || b[h].cancel, f = f || b[h].previous, N = N || b[h].next, k = k || b[h].finish, /* @__PURE__ */ l("div", { className: i(_["stepper-navigator"], D), "data-testid": E, children: [
54
- j ? /* @__PURE__ */ a("span", {}) : /* @__PURE__ */ l(
55
- I,
56
- {
57
- className: i(_["previous-button"], d == null ? void 0 : d.className),
58
- "data-testid": d == null ? void 0 : d["data-testid"],
59
- disabled: A,
60
- onClick: G,
61
- children: [
62
- /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.leftIcon }),
63
- /* @__PURE__ */ a("span", { children: f }),
64
- /* @__PURE__ */ a("span", { children: d == null ? void 0 : d.rightIcon })
65
- ]
66
- }
67
- ),
68
- /* @__PURE__ */ l("span", { children: [
69
- !z && /* @__PURE__ */ l(
70
- I,
71
- {
72
- className: i(_["cancel-button"], c == null ? void 0 : c.className),
73
- "data-testid": c == null ? void 0 : c["data-testid"],
74
- disabled: S,
75
- onClick: H,
76
- children: [
77
- /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.leftIcon }),
78
- /* @__PURE__ */ a("span", { children: g }),
79
- /* @__PURE__ */ a("span", { children: c == null ? void 0 : c.rightIcon })
80
- ]
81
- }
82
- ),
83
- !C && /* @__PURE__ */ l(
84
- I,
85
- {
86
- className: i(_["next-button"], e == null ? void 0 : e.className),
87
- "data-testid": e == null ? void 0 : e["data-testid"],
88
- disabled: y,
89
- onClick: F,
90
- children: [
91
- /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.leftIcon }),
92
- /* @__PURE__ */ a("span", { children: N }),
93
- /* @__PURE__ */ a("span", { children: e == null ? void 0 : e.rightIcon })
94
- ]
95
- }
96
- ),
97
- !w && /* @__PURE__ */ l(
98
- I,
99
- {
100
- className: i(_["finish-button"], m == null ? void 0 : m.className),
101
- "data-testid": m == null ? void 0 : m["data-testid"],
102
- disabled: q,
103
- onClick: J,
104
- children: [
105
- /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.leftIcon }),
106
- /* @__PURE__ */ a("span", { children: k }),
107
- /* @__PURE__ */ a("span", { children: m == null ? void 0 : m.rightIcon })
108
- ]
109
- }
110
- )
111
- ] })
112
- ] }));
113
- export {
114
- R as StepperNavigator
115
- };
@@ -1,18 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ 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, }: import('./StepperNavigator').StepperNavigatorProps) => 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 WithCustomLanguage: Story;
15
- export declare const WithCustomLabels: Story;
16
- export declare const Disabled: Story;
17
- export declare const WithIcons: Story;
18
- export declare const DefaultWithNoIcons: Story;
@@ -1,33 +0,0 @@
1
- import { P as c } from "./useSlotProps-C_I1kEHr.js";
2
- function a(e, n) {
3
- return process.env.NODE_ENV === "production" ? () => null : function(...t) {
4
- return e(...t) || n(...t);
5
- };
6
- }
7
- function p(e) {
8
- const {
9
- prototype: n = {}
10
- } = e;
11
- return !!n.isReactComponent;
12
- }
13
- function l(e, n, i, t, s) {
14
- const r = e[n], f = s || n;
15
- if (r == null || // When server-side rendering React doesn't warn either.
16
- // This is not an accurate check for SSR.
17
- // This is only in place for Emotion compat.
18
- // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
19
- typeof window > "u")
20
- return null;
21
- let o;
22
- const u = r.type;
23
- return typeof u == "function" && !p(u) && (o = "Did you accidentally use a plain function component for an element instead?"), o !== void 0 ? new Error(`Invalid ${t} \`${f}\` supplied to \`${i}\`. Expected an element that can hold a ref. ${o} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
24
- }
25
- const m = a(c.element, l);
26
- m.isRequired = a(c.element.isRequired, l);
27
- function y(e) {
28
- return e && e.ownerDocument || document;
29
- }
30
- export {
31
- m as e,
32
- y as o
33
- };
@@ -1,68 +0,0 @@
1
- import * as o from "react";
2
- import { u as I } from "./useEnhancedEffect-CJGo-L3B.js";
3
- const p = /* @__PURE__ */ o.createContext(null);
4
- process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
5
- function b(t) {
6
- const c = Array.from(t.keys()).map((e) => {
7
- const r = t.get(e);
8
- return {
9
- key: e,
10
- subitem: r
11
- };
12
- });
13
- return c.sort((e, r) => {
14
- const n = e.subitem.ref.current, s = r.subitem.ref.current;
15
- return n === null || s === null || n === s ? 0 : n.compareDocumentPosition(s) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
16
- }), new Map(c.map((e) => [e.key, e.subitem]));
17
- }
18
- function x() {
19
- const [t, c] = o.useState(/* @__PURE__ */ new Map()), e = o.useRef(/* @__PURE__ */ new Set()), r = o.useCallback(function(i) {
20
- e.current.delete(i), c((a) => {
21
- const u = new Map(a);
22
- return u.delete(i), u;
23
- });
24
- }, []), n = o.useCallback(function(i, a) {
25
- let u;
26
- return typeof i == "function" ? u = i(e.current) : u = i, e.current.add(u), c((C) => {
27
- const l = new Map(C);
28
- return l.set(u, a), l;
29
- }), {
30
- id: u,
31
- deregister: () => r(u)
32
- };
33
- }, [r]), s = o.useMemo(() => b(t), [t]), m = o.useCallback(function(i) {
34
- return Array.from(s.keys()).indexOf(i);
35
- }, [s]);
36
- return {
37
- contextValue: o.useMemo(() => ({
38
- getItemIndex: m,
39
- registerItem: n,
40
- totalSubitemCount: t.size
41
- }), [m, n, t.size]),
42
- subitems: s
43
- };
44
- }
45
- function S(t, c) {
46
- const e = o.useContext(p);
47
- if (e === null)
48
- throw new Error("useCompoundItem must be used within a useCompoundParent");
49
- const {
50
- registerItem: r
51
- } = e, [n, s] = o.useState(typeof t == "function" ? void 0 : t);
52
- return I(() => {
53
- const {
54
- id: m,
55
- deregister: d
56
- } = r(t, c);
57
- return s(m), d;
58
- }, [r, c, t]), {
59
- id: n,
60
- index: n !== void 0 ? e.getItemIndex(n) : -1,
61
- totalItemCount: e.totalSubitemCount
62
- };
63
- }
64
- export {
65
- p as C,
66
- x as a,
67
- S as u
68
- };