@pismo/marola 2.1.63 → 2.1.65

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 (115) hide show
  1. package/dist/Button-CJaBSdv1.js +135 -0
  2. package/dist/ClassNameConfigurator-CVRWfyIa.js +847 -0
  3. package/dist/{ClickAwayListener-Z08peX_P.js → ClickAwayListener-BnYMO5Ki.js} +26 -33
  4. package/dist/Popup-D267EI4e.js +1338 -0
  5. package/dist/{Portal-DJapUCn6.js → Portal-BrGvxB96.js} +32 -36
  6. package/dist/RadioOption-DyRY8xlF.js +1094 -0
  7. package/dist/{Toggle-DcZTfLrC.js → Toggle-nnDfpqI1.js} +31 -31
  8. package/dist/assets/Checkbox.css +1 -1
  9. package/dist/assets/DropdownMenu.css +1 -1
  10. package/dist/assets/Input.css +1 -1
  11. package/dist/assets/ToastCard.css +1 -1
  12. package/dist/assets/Toggle2.css +1 -1
  13. package/dist/combineHooksSlotProps-j-8UVeYo.js +86 -0
  14. package/dist/components/Alert/Alert.stories.d.ts +6 -6
  15. package/dist/components/Autocomplete/Autocomplete.d.ts +1 -1
  16. package/dist/components/Autocomplete/Autocomplete.js +311 -320
  17. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +1 -1
  18. package/dist/components/Avatar/Avatar.stories.d.ts +4 -4
  19. package/dist/components/BankingCard/BankingCard.d.ts +0 -1
  20. package/dist/components/Button/Button.js +1 -1
  21. package/dist/components/Checkbox/Checkbox.js +56 -56
  22. package/dist/components/Checkbox/Checkbox.stories.d.ts +8 -8
  23. package/dist/components/Chip/Chip.js +3 -3
  24. package/dist/components/DatePicker/DatePicker.js +742 -639
  25. package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -8
  26. package/dist/components/DatePicker/dateUtils.d.ts +2 -2
  27. package/dist/components/DatePicker/dateUtils.js +1 -1
  28. package/dist/components/DatePicker/keyboardNavigation.d.ts +1 -1
  29. package/dist/components/DatePicker/renderCalendarDays.js +1 -1
  30. package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
  31. package/dist/components/Dialog/CloseIconButton.js +1 -1
  32. package/dist/components/Dialog/Dialog.js +372 -352
  33. package/dist/components/Dialog/Dialog.stories.d.ts +96 -135
  34. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.d.ts +1 -1
  35. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js +2 -2
  36. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.stories.d.ts +1 -1
  37. package/dist/components/DoubleInput/DoubleInput.stories.d.ts +1 -1
  38. package/dist/components/Draggable/Draggable.d.ts +0 -1
  39. package/dist/components/Draggable/Draggable.js +1 -1
  40. package/dist/components/Draggable/Draggable.stories.d.ts +2 -3
  41. package/dist/components/Draggable/useDraggable.js +1 -1
  42. package/dist/components/DropdownMenu/DropdownMenu.d.ts +3 -1
  43. package/dist/components/DropdownMenu/DropdownMenu.js +39 -34
  44. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +6 -4
  45. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +4 -4
  46. package/dist/components/IconButton/IconButton.js +1 -1
  47. package/dist/components/Input/Input.d.ts +2 -0
  48. package/dist/components/Input/Input.js +361 -340
  49. package/dist/components/Input/Input.stories.d.ts +2 -0
  50. package/dist/components/InputSearch/InputSearch.d.ts +31 -30
  51. package/dist/components/InputSearch/InputSearch.stories.d.ts +31 -30
  52. package/dist/components/Popover/Popover.d.ts +3 -3
  53. package/dist/components/Popover/Popover.js +2 -2
  54. package/dist/components/Popover/Popover.stories.d.ts +3 -3
  55. package/dist/components/Popover/PopoverBody.d.ts +0 -1
  56. package/dist/components/Popover/PopoverFooter.d.ts +0 -1
  57. package/dist/components/Popover/PopoverHeader.d.ts +0 -1
  58. package/dist/components/RadioButton/RadioButton.d.ts +0 -1
  59. package/dist/components/RadioButton/RadioButton.js +684 -769
  60. package/dist/components/RadioButton/RadioOption.d.ts +0 -1
  61. package/dist/components/RadioButton/RadioOption.js +3 -3
  62. package/dist/components/ResultContainer/ResultContainer.d.ts +0 -1
  63. package/dist/components/ResultContainer/ResultContainer.stories.d.ts +9 -9
  64. package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
  65. package/dist/components/ResultWithChips/ResultWithChips.stories.d.ts +9 -9
  66. package/dist/components/RowItem/RowItem.js +2 -2
  67. package/dist/components/Select/Select.js +625 -591
  68. package/dist/components/Skeleton/Skeleton.d.ts +0 -1
  69. package/dist/components/Snackbar/Snackbar.js +295 -239
  70. package/dist/components/Snackbar/Snackbar.stories.d.ts +113 -113
  71. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -1
  72. package/dist/components/Table/Table.stories.d.ts +5 -5
  73. package/dist/components/Tabs/Tab.js +107 -98
  74. package/dist/components/Tabs/TabPanel.js +58 -55
  75. package/dist/components/Tabs/Tabs.js +246 -231
  76. package/dist/components/ToastCard/ToastCard.js +31 -31
  77. package/dist/components/Toggle/Toggle.js +147 -137
  78. package/dist/components/Toggle/Toggle.stories.d.ts +5 -5
  79. package/dist/components/ToggleGroup/Toggle.d.ts +0 -1
  80. package/dist/components/ToggleGroup/Toggle.js +2 -2
  81. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  82. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
  83. package/dist/components/Tooltip/Tooltip.js +266 -325
  84. package/dist/components/Tooltip/Tooltip.stories.d.ts +4 -4
  85. package/dist/components/TransactionRow/TransactionRow.stories.d.ts +21 -21
  86. package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +0 -1
  87. package/dist/contexts/DraggableProvider/DraggableProvider.js +1 -1
  88. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
  89. package/dist/{dayjs.min-ClQKmc--.js → dayjs.min-BtgZiFZY.js} +14 -14
  90. package/dist/getReactElementRef-iorwYm2A.js +19 -0
  91. package/dist/{index-1UpBa69h.js → index-ew-96uBP.js} +2129 -2128
  92. package/dist/isFocusVisible-CPZqtjv2.js +12 -0
  93. package/dist/main.js +2 -2
  94. package/dist/{ownerDocument-By592Iy6.js → ownerDocument-CU-LCrtd.js} +1 -1
  95. package/dist/react-BTbo_5A3.js +526 -0
  96. package/dist/setRef-Bo0HEdBB.js +6 -0
  97. package/dist/useButton-C2E_LFJp.js +90 -0
  98. package/dist/useControlled-BYdyS7Pn.js +31 -0
  99. package/dist/useId-CK6Kn3Tn.js +21 -0
  100. package/dist/useList-BLW78Lq7.js +446 -0
  101. package/dist/utils/draggable.d.ts +2 -2
  102. package/package.json +5 -4
  103. package/dist/Button-BrEDdtHO.js +0 -130
  104. package/dist/Popup-Dffqo7wT.js +0 -1246
  105. package/dist/RadioOption-DYovqiwF.js +0 -720
  106. package/dist/combineHooksSlotProps-BhQ14uyD.js +0 -79
  107. package/dist/exactProp-SYjL19cU.js +0 -13
  108. package/dist/react-BvI-Sw9b.js +0 -509
  109. package/dist/useButton-CezPDte8.js +0 -105
  110. package/dist/useControlled-CCMYYdCM.js +0 -31
  111. package/dist/useId-BW-oWmul.js +0 -19
  112. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  113. package/dist/useList-nqLfZem8.js +0 -435
  114. package/dist/useSlotProps-CYHDC4TN.js +0 -834
  115. package/dist/useTimeout-DxF9kiZL.js +0 -36
@@ -13,6 +13,8 @@ export declare const Simple: Story;
13
13
  export declare const SimpleNumberAsText: Story;
14
14
  export declare const WithLabel: Story;
15
15
  export declare const WithRequiredLabel: Story;
16
+ export declare const WithLabelHelp: Story;
17
+ export declare const WithLabelHelpSimple: Story;
16
18
  export declare const WithPlaceholder: Story;
17
19
  export declare const Disabled: Story;
18
20
  export declare const WithMaxLength: Story;
@@ -1,39 +1,40 @@
1
1
  import { ForwardedRef } from 'react';
2
2
  export declare const InputSearch: import('react').ForwardRefExoticComponent<(Omit<{
3
- ref?: ForwardedRef<HTMLInputElement> | undefined;
3
+ ref?: ForwardedRef<HTMLInputElement>;
4
4
  } & import('react').InputHTMLAttributes<HTMLInputElement> & {
5
- label?: string | undefined;
6
- infoMessage?: import('react').ReactNode;
7
- error?: boolean | undefined;
8
- errorMessage?: import('react').ReactNode;
9
- multiline?: false | undefined;
5
+ label?: string;
6
+ labelHelp?: React.ReactNode;
7
+ infoMessage?: React.ReactNode;
8
+ error?: boolean;
9
+ errorMessage?: React.ReactNode;
10
+ multiline?: false;
10
11
  leftIcon?: import('react').ReactNode;
11
12
  rightIcon?: import('react').ReactNode;
12
- type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
13
- triggerDelay?: number | undefined;
14
- allowLeadingZeros?: boolean | undefined;
15
- isInteger?: boolean | undefined;
16
- useCommaInDecimal?: boolean | undefined;
17
- allowNegativeNumbers?: boolean | undefined;
18
- decimalLength?: number | undefined;
19
- hideCharsCounter?: boolean | undefined;
20
- classNameWrapper?: string | undefined;
21
- classNameLabel?: string | undefined;
22
- classNameInput?: string | undefined;
23
- classNameInfoMessage?: string | undefined;
24
- classNameErrorMessage?: string | undefined;
25
- classNameCharsCounter?: string | undefined;
26
- 'data-testid-wrapper'?: string | undefined;
27
- 'data-testid-label'?: string | undefined;
28
- 'data-testid-input'?: string | undefined;
29
- 'data-testid-infoMessage'?: string | undefined;
30
- 'data-testid-errorMessage'?: string | undefined;
31
- 'data-testid-charsCounter'?: string | undefined;
13
+ type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text";
14
+ triggerDelay?: number;
15
+ allowLeadingZeros?: boolean;
16
+ isInteger?: boolean;
17
+ useCommaInDecimal?: boolean;
18
+ allowNegativeNumbers?: boolean;
19
+ decimalLength?: number;
20
+ hideCharsCounter?: boolean;
21
+ classNameWrapper?: string;
22
+ classNameLabel?: string;
23
+ classNameInput?: string;
24
+ classNameInfoMessage?: string;
25
+ classNameErrorMessage?: string;
26
+ classNameCharsCounter?: string;
27
+ 'data-testid-wrapper'?: string;
28
+ 'data-testid-label'?: string;
29
+ 'data-testid-input'?: string;
30
+ 'data-testid-infoMessage'?: string;
31
+ 'data-testid-errorMessage'?: string;
32
+ 'data-testid-charsCounter'?: string;
32
33
  } & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<{
33
- ref?: ForwardedRef<HTMLInputElement> | undefined;
34
+ ref?: ForwardedRef<HTMLInputElement>;
34
35
  } & Omit<import('../Input/Input').SingleInputProps, "multiline"> & {
35
36
  multiline: true;
36
- minRows?: number | undefined;
37
- maxRows?: number | undefined;
38
- rows?: number | undefined;
37
+ minRows?: number;
38
+ maxRows?: number;
39
+ rows?: number;
39
40
  } & import('react').RefAttributes<HTMLInputElement>, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
@@ -2,42 +2,43 @@ import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: import('react').ForwardRefExoticComponent<(Omit<{
5
- ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
5
+ ref?: import('react').ForwardedRef<HTMLInputElement>;
6
6
  } & import('react').InputHTMLAttributes<HTMLInputElement> & {
7
- label?: string | undefined;
8
- infoMessage?: import('react').ReactNode;
9
- error?: boolean | undefined;
10
- errorMessage?: import('react').ReactNode;
11
- multiline?: false | undefined;
7
+ label?: string;
8
+ labelHelp?: React.ReactNode;
9
+ infoMessage?: React.ReactNode;
10
+ error?: boolean;
11
+ errorMessage?: React.ReactNode;
12
+ multiline?: false;
12
13
  leftIcon?: import('react').ReactNode;
13
14
  rightIcon?: import('react').ReactNode;
14
- type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text" | undefined;
15
- triggerDelay?: number | undefined;
16
- allowLeadingZeros?: boolean | undefined;
17
- isInteger?: boolean | undefined;
18
- useCommaInDecimal?: boolean | undefined;
19
- allowNegativeNumbers?: boolean | undefined;
20
- decimalLength?: number | undefined;
21
- hideCharsCounter?: boolean | undefined;
22
- classNameWrapper?: string | undefined;
23
- classNameLabel?: string | undefined;
24
- classNameInput?: string | undefined;
25
- classNameInfoMessage?: string | undefined;
26
- classNameErrorMessage?: string | undefined;
27
- classNameCharsCounter?: string | undefined;
28
- 'data-testid-wrapper'?: string | undefined;
29
- 'data-testid-label'?: string | undefined;
30
- 'data-testid-input'?: string | undefined;
31
- 'data-testid-infoMessage'?: string | undefined;
32
- 'data-testid-errorMessage'?: string | undefined;
33
- 'data-testid-charsCounter'?: string | undefined;
15
+ type?: ("number" | "url" | "file" | "color" | "search" | (string & {}) | "button" | "time" | "image" | "text" | "reset" | "tel" | "email" | "date" | "hidden" | "range" | "datetime-local" | "month" | "password" | "week") | "number-as-text";
16
+ triggerDelay?: number;
17
+ allowLeadingZeros?: boolean;
18
+ isInteger?: boolean;
19
+ useCommaInDecimal?: boolean;
20
+ allowNegativeNumbers?: boolean;
21
+ decimalLength?: number;
22
+ hideCharsCounter?: boolean;
23
+ classNameWrapper?: string;
24
+ classNameLabel?: string;
25
+ classNameInput?: string;
26
+ classNameInfoMessage?: string;
27
+ classNameErrorMessage?: string;
28
+ classNameCharsCounter?: string;
29
+ 'data-testid-wrapper'?: string;
30
+ 'data-testid-label'?: string;
31
+ 'data-testid-input'?: string;
32
+ 'data-testid-infoMessage'?: string;
33
+ 'data-testid-errorMessage'?: string;
34
+ 'data-testid-charsCounter'?: string;
34
35
  } & import('react').RefAttributes<HTMLInputElement>, "ref"> | Omit<{
35
- ref?: import('react').ForwardedRef<HTMLInputElement> | undefined;
36
+ ref?: import('react').ForwardedRef<HTMLInputElement>;
36
37
  } & Omit<import('../Input/Input').SingleInputProps, "multiline"> & {
37
38
  multiline: true;
38
- minRows?: number | undefined;
39
- maxRows?: number | undefined;
40
- rows?: number | undefined;
39
+ minRows?: number;
40
+ maxRows?: number;
41
+ rows?: number;
41
42
  } & import('react').RefAttributes<HTMLInputElement>, "ref">) & import('react').RefAttributes<HTMLInputElement>>;
42
43
  tags: string[];
43
44
  parameters: {
@@ -20,12 +20,12 @@ export type PopoverProps = {
20
20
  export declare const Popover: {
21
21
  ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
22
22
  Header: ({ children }: {
23
- children: import('react').ReactNode;
23
+ children: React.ReactNode;
24
24
  }) => import("react/jsx-runtime").JSX.Element;
25
25
  Footer: ({ children }: {
26
- children: import('react').ReactNode;
26
+ children: React.ReactNode;
27
27
  }) => import("react/jsx-runtime").JSX.Element;
28
28
  Body: ({ children }: {
29
- children: import('react').ReactNode;
29
+ children: React.ReactNode;
30
30
  }) => import("react/jsx-runtime").JSX.Element;
31
31
  };
@@ -4,8 +4,8 @@ import { s as v } from "../../Popover.module-B4boCutS.js";
4
4
  import { PopoverBody as l } from "./PopoverBody.js";
5
5
  import { PopoverFooter as n } from "./PopoverFooter.js";
6
6
  import { PopoverHeader as P } from "./PopoverHeader.js";
7
- import { P as y } from "../../Popup-Dffqo7wT.js";
8
- import { C as h } from "../../ClickAwayListener-Z08peX_P.js";
7
+ import { P as y } from "../../Popup-D267EI4e.js";
8
+ import { C as h } from "../../ClickAwayListener-BnYMO5Ki.js";
9
9
  const r = ({
10
10
  anchorRef: t,
11
11
  open: m,
@@ -5,13 +5,13 @@ declare const meta: {
5
5
  component: {
6
6
  ({ anchorRef, open, children, placement, className, offset, "data-testid": dataTestId, onClickAway, }: PopoverProps): import("react/jsx-runtime").JSX.Element;
7
7
  Header: ({ children }: {
8
- children: import('react').ReactNode;
8
+ children: React.ReactNode;
9
9
  }) => import("react/jsx-runtime").JSX.Element;
10
10
  Footer: ({ children }: {
11
- children: import('react').ReactNode;
11
+ children: React.ReactNode;
12
12
  }) => import("react/jsx-runtime").JSX.Element;
13
13
  Body: ({ children }: {
14
- children: import('react').ReactNode;
14
+ children: React.ReactNode;
15
15
  }) => import("react/jsx-runtime").JSX.Element;
16
16
  };
17
17
  parameters: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type PopoverBodyProps = {
3
2
  children: React.ReactNode;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type PopoverFooterProps = {
3
2
  children: React.ReactNode;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  type PopoverHeaderProps = {
3
2
  children: React.ReactNode;
4
3
  };
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export * from './RadioOption';
3
2
  export type RadioButtonProps = {
4
3
  /** Space separated list of CSS classes to apply */