@pismo/marola 2.1.19 → 2.1.21

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 (60) hide show
  1. package/dist/{Button-Bh6rpTyY.js → Button-BrEDdtHO.js} +2 -2
  2. package/dist/{ClickAwayListener-BjqhGzJh.js → ClickAwayListener-Z08peX_P.js} +3 -3
  3. package/dist/{Popup-aWlctE1C.js → Popup-Dffqo7wT.js} +3 -3
  4. package/dist/{Portal-Dc9ej3DW.js → Portal-DJapUCn6.js} +14 -13
  5. package/dist/{RadioButton.module-VF7v9SuY.js → RadioButton.module-RTKWJmma.js} +1 -1
  6. package/dist/{Toggle-DPXiwAx3.js → Toggle-SlvGYQKW.js} +48 -46
  7. package/dist/assets/Draggable.css +1 -0
  8. package/dist/assets/ResultContainer.css +1 -0
  9. package/dist/{combineHooksSlotProps-CNWfgylM.js → combineHooksSlotProps-BhQ14uyD.js} +5 -5
  10. package/dist/components/Autocomplete/Autocomplete.js +38 -38
  11. package/dist/components/Button/Button.js +1 -1
  12. package/dist/components/Chip/Chip.js +6 -3
  13. package/dist/components/DatePicker/DatePicker.js +4 -4
  14. package/dist/components/Dialog/CloseIconButton.js +1 -1
  15. package/dist/components/Dialog/Dialog.js +4 -4
  16. package/dist/components/Draggable/Draggable.d.ts +47 -0
  17. package/dist/components/Draggable/Draggable.js +151 -0
  18. package/dist/components/Draggable/Draggable.spec.d.ts +1 -0
  19. package/dist/components/Draggable/Draggable.stories.d.ts +44 -0
  20. package/dist/components/Draggable/useDraggable.d.ts +20 -0
  21. package/dist/components/Draggable/useDraggable.js +11 -0
  22. package/dist/components/IconButton/IconButton.js +1 -1
  23. package/dist/components/Input/Input.js +1 -1
  24. package/dist/components/Popover/Popover.js +2 -2
  25. package/dist/components/RadioButton/RadioButton.js +17 -15
  26. package/dist/components/RadioButton/RadioOption.js +13 -12
  27. package/dist/components/ResultContainer/ResultContainer.d.ts +12 -0
  28. package/dist/components/ResultContainer/ResultContainer.js +22 -0
  29. package/dist/components/ResultContainer/ResultContainer.spec.d.ts +1 -0
  30. package/dist/components/ResultContainer/ResultContainer.stories.d.ts +26 -0
  31. package/dist/components/ResultWithChips/ResultWithChips.d.ts +1 -1
  32. package/dist/components/ResultWithChips/ResultWithChips.js +24 -27
  33. package/dist/components/ResultWithChips/ResultWithChips.spec.d.ts +1 -0
  34. package/dist/components/ResultWithChips/ResultWithChips.stories.d.ts +26 -0
  35. package/dist/components/RowItem/RowItem.js +5 -3
  36. package/dist/components/Select/Select.js +5 -5
  37. package/dist/components/Snackbar/Snackbar.js +3 -3
  38. package/dist/components/Tabs/Tab.js +3 -3
  39. package/dist/components/Tabs/TabPanel.js +1 -1
  40. package/dist/components/Tabs/Tabs.js +3 -3
  41. package/dist/components/Toggle/Toggle.js +1 -1
  42. package/dist/components/ToggleGroup/Toggle.js +4 -2
  43. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  44. package/dist/components/Tooltip/Tooltip.js +3 -3
  45. package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +3 -0
  46. package/dist/contexts/DraggableProvider/DraggableProvider.js +6 -0
  47. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
  48. package/dist/exactProp-SYjL19cU.js +13 -0
  49. package/dist/{index-Bppuplgd.js → index-1UpBa69h.js} +1361 -1372
  50. package/dist/main.d.ts +7 -0
  51. package/dist/main.js +125 -102
  52. package/dist/{ownerDocument-CXvpb_nj.js → ownerDocument-By592Iy6.js} +1 -1
  53. package/dist/react-BvI-Sw9b.js +509 -0
  54. package/dist/{useButton-B8Y1xR88.js → useButton-CezPDte8.js} +6 -6
  55. package/dist/{useList-9gbS2r78.js → useList-nqLfZem8.js} +2 -2
  56. package/dist/{useSlotProps-C7dqSmdM.js → useSlotProps-CYHDC4TN.js} +2 -2
  57. package/dist/utils/draggable.d.ts +8 -0
  58. package/dist/utils/draggable.js +30 -0
  59. package/dist/utils/draggable.test.d.ts +1 -0
  60. package/package.json +4 -3
@@ -1,32 +1,29 @@
1
- import { jsxs as i, jsx as e } from "react/jsx-runtime";
2
- import { C as t } from "../../Toggle-DPXiwAx3.js";
3
- import '../../assets/ResultWithChips.css';const r = "_container_hgp0p_1", o = "_label_hgp0p_17", a = {
4
- container: r,
1
+ import { jsx as e, jsxs as r } from "react/jsx-runtime";
2
+ import { c as s } from "../../clsx-OuTLNxxd.js";
3
+ import { C as i } from "../../Toggle-SlvGYQKW.js";
4
+ import { ResultContainer as o } from "../ResultContainer/ResultContainer.js";
5
+ import '../../assets/ResultWithChips.css';const h = "_container_hgp0p_1", n = {
6
+ container: h,
5
7
  "chip-item-wrapper": "_chip-item-wrapper_hgp0p_8",
6
- label: o,
7
- "chips-container": "_chips-container_hgp0p_35",
8
8
  "chip-content": "_chip-content_hgp0p_42",
9
9
  "chip-label": "_chip-label_hgp0p_51"
10
- }, b = ({ chips: c, title: p, className: s, ...h }) => /* @__PURE__ */ i("div", { ...h, className: [a.container, s || ""].join(" ").trim(), children: [
11
- /* @__PURE__ */ e("span", { className: a.label, children: p }),
12
- /* @__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: [
13
- /* @__PURE__ */ e(
14
- t,
15
- {
16
- ...l,
17
- 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 })
18
- },
19
- `chip-${n}`
20
- ),
21
- l.joinLabel && n < c.length - 1 && /* @__PURE__ */ e(
22
- t,
23
- {
24
- label: /* @__PURE__ */ e("span", { className: a["chip-content"], children: /* @__PURE__ */ e("strong", { className: a["chip-label"], children: l.joinLabel }) })
25
- },
26
- `join-${n}`
27
- )
28
- ] }, `full-chip-${n}`)) })
29
- ] });
10
+ }, d = ({ chips: t, className: p, ...c }) => /* @__PURE__ */ e(o, { ...c, className: s(n.container, p), title: c.title, children: t.map((l, a) => /* @__PURE__ */ r("span", { className: n["chip-item-wrapper"], children: [
11
+ /* @__PURE__ */ e(
12
+ i,
13
+ {
14
+ ...l,
15
+ label: /* @__PURE__ */ e("span", { className: n["chip-content"], children: typeof l.label == "string" ? /* @__PURE__ */ e("strong", { className: n["chip-label"], children: l.label }) : l.label })
16
+ },
17
+ `chip-${a}`
18
+ ),
19
+ l.joinLabel && a < t.length - 1 && /* @__PURE__ */ e(
20
+ i,
21
+ {
22
+ label: /* @__PURE__ */ e("span", { className: n["chip-content"], children: /* @__PURE__ */ e("strong", { className: n["chip-label"], children: l.joinLabel }) })
23
+ },
24
+ `join-${a}`
25
+ )
26
+ ] }, `full-chip-${a}`)) });
30
27
  export {
31
- b as ResultWithChips
28
+ d as ResultWithChips
32
29
  };
@@ -0,0 +1,26 @@
1
+ import { StoryObj } from '@storybook/react';
2
+ import { ChipProps } from '../../main';
3
+ declare const meta: {
4
+ title: string;
5
+ component: ({ chips, className, ...rest }: {
6
+ chips: (Partial<ChipProps> & {
7
+ joinLabel?: import('react').ReactNode;
8
+ key?: string | undefined;
9
+ })[];
10
+ title: string;
11
+ className?: string | undefined;
12
+ }) => import("react/jsx-runtime").JSX.Element;
13
+ tags: string[];
14
+ decorators: ((Story: import('@storybook/core/csf').PartialStoryFn<import('@storybook/react').ReactRenderer, {
15
+ chips: (Partial<ChipProps> & {
16
+ joinLabel?: import('react').ReactNode;
17
+ key?: string | undefined;
18
+ })[];
19
+ title: string;
20
+ className?: string | undefined;
21
+ }>) => import("react/jsx-runtime").JSX.Element)[];
22
+ };
23
+ export default meta;
24
+ type Story = StoryObj<typeof meta>;
25
+ export declare const ResultWithChipsSimple: Story;
26
+ export declare const ResultWithChipsAndJoinLabel: Story;
@@ -7,9 +7,11 @@ import "../Typography/Typography.js";
7
7
  import "../Input/Input.js";
8
8
  import "../Avatar/Avatar.js";
9
9
  import "../Button/Button.js";
10
- import { R as j, R as k } from "../../Toggle-DPXiwAx3.js";
10
+ import { R as n, R as q } from "../../Toggle-SlvGYQKW.js";
11
11
  import "../Dialog/Dialog.js";
12
12
  import "../DatePicker/DatePicker.js";
13
+ import "../../index-1UpBa69h.js";
14
+ import "../Draggable/useDraggable.js";
13
15
  import "../IconButton/IconButton.js";
14
16
  import "../InputSearch/InputSearch.js";
15
17
  import "../Select/Select.js";
@@ -19,6 +21,6 @@ import "../Tabs/Tabs.js";
19
21
  import "../../Group-DJz1rK2n.js";
20
22
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
21
23
  export {
22
- j as RowItem,
23
- k as default
24
+ n as RowItem,
25
+ q as default
24
26
  };
@@ -6,13 +6,13 @@ import { Checkbox as Qe } from "../Checkbox/Checkbox.js";
6
6
  import { Icon as Xe } from "../Icon/Icon.js";
7
7
  import { Typography as _e } from "../Typography/Typography.js";
8
8
  import { s as y, S as Ye } from "../../SelectButton-k61YYjLu.js";
9
- import { g as we, a as Ie, u as ee, f as se, b as g, _ as Ne, c as re, d as ke, e as Me, P as l } from "../../useSlotProps-C7dqSmdM.js";
10
- import { P as Ze } from "../../Popup-aWlctE1C.js";
11
- import { u as et, c as ae, a as Se, L as Z } from "../../combineHooksSlotProps-CNWfgylM.js";
9
+ import { g as we, a as Ie, u as ee, f as se, _ as g, b as Ne, c as re, d as ke, e as Me, P as l } from "../../useSlotProps-CYHDC4TN.js";
10
+ import { P as Ze } from "../../Popup-Dffqo7wT.js";
11
+ import { u as et, c as ae, a as Se, L as Z } from "../../combineHooksSlotProps-BhQ14uyD.js";
12
12
  import { u as tt, a as ot, C as nt } from "../../useCompoundItem-B7Eo_qZk.js";
13
- import { m as Re, h as lt, l as st, u as rt } from "../../useList-9gbS2r78.js";
13
+ import { m as Re, h as lt, l as st, u as rt } from "../../useList-nqLfZem8.js";
14
14
  import { u as Te } from "../../useId-BW-oWmul.js";
15
- import { u as Le } from "../../useButton-B8Y1xR88.js";
15
+ import { u as Le } from "../../useButton-CezPDte8.js";
16
16
  import { u as at } from "../../useEnhancedEffect-CJGo-L3B.js";
17
17
  const it = {
18
18
  border: 0,
@@ -4,11 +4,11 @@ import S, { useState as V, useRef as X } from "react";
4
4
  import { c as R } from "../../clsx-OuTLNxxd.js";
5
5
  import { Icon as K } from "../Icon/Icon.js";
6
6
  import { Text as $ } from "../Typography/Typography.js";
7
- import { g as z, a as J, b as D, f as H, _ as j, c as U, d as Q, e as Z, P as n } from "../../useSlotProps-C7dqSmdM.js";
7
+ import { g as z, a as J, _ as D, f as H, b as j, c as U, d as Q, e as Z, P as n } from "../../useSlotProps-CYHDC4TN.js";
8
8
  import { u as ee } from "../../useTimeout-DxF9kiZL.js";
9
9
  import { u as I } from "../../useEventCallback-BAQJJ3ye.js";
10
- import { C as B } from "../../ClickAwayListener-BjqhGzJh.js";
11
- import { R as P } from "../../index-Bppuplgd.js";
10
+ import { C as B } from "../../ClickAwayListener-Z08peX_P.js";
11
+ import { R as P } from "../../index-1UpBa69h.js";
12
12
  import '../../assets/Snackbar.css';const W = "Snackbar";
13
13
  function te(u) {
14
14
  return z(W, u);
@@ -5,10 +5,10 @@ import { c as x } from "../../clsx-OuTLNxxd.js";
5
5
  import { Icon as O } from "../Icon/Icon.js";
6
6
  import { Skeleton as D } from "../Skeleton/Skeleton.js";
7
7
  import { u as L, T as W, s as o } from "../../Tabs.module-DyJgAZt8.js";
8
- import { g as $, a as q, u as E, f as A, b as h, _ as G, c as J, d as K, e as Q, P as e } from "../../useSlotProps-C7dqSmdM.js";
9
- import { u as X, c as Y } from "../../combineHooksSlotProps-CNWfgylM.js";
8
+ import { g as $, a as q, u as E, f as A, _ as h, b as G, c as J, d as K, e as Q, P as e } from "../../useSlotProps-CYHDC4TN.js";
9
+ import { u as X, c as Y } from "../../combineHooksSlotProps-BhQ14uyD.js";
10
10
  import { u as Z } from "../../useId-BW-oWmul.js";
11
- import { u as ee } from "../../useButton-B8Y1xR88.js";
11
+ import { u as ee } from "../../useButton-CezPDte8.js";
12
12
  import { u as te } from "../../useCompoundItem-B7Eo_qZk.js";
13
13
  const F = "Tab";
14
14
  function se(a) {
@@ -3,7 +3,7 @@ import * as P from "react";
3
3
  import { forwardRef as v } from "react";
4
4
  import { c as y } from "../../clsx-OuTLNxxd.js";
5
5
  import { u as x, s as C } from "../../Tabs.module-DyJgAZt8.js";
6
- import { g as N, a as _, u as w, b, _ as O, c as E, d as I, e as S, P as o } from "../../useSlotProps-C7dqSmdM.js";
6
+ import { g as N, a as _, u as w, _ as b, b as O, c as E, d as I, e as S, P as o } from "../../useSlotProps-CYHDC4TN.js";
7
7
  import { u as U } from "../../useId-BW-oWmul.js";
8
8
  import { u as j } from "../../useCompoundItem-B7Eo_qZk.js";
9
9
  const h = "TabPanel";
@@ -5,11 +5,11 @@ import { c as B } from "../../clsx-OuTLNxxd.js";
5
5
  import { T as G, u as J, s as Q } from "../../Tabs.module-DyJgAZt8.js";
6
6
  import { Tab as Ie } from "./Tab.js";
7
7
  import { TabPanel as Fe } from "./TabPanel.js";
8
- import { g as I, a as _, b as C, _ as F, c as $, d as N, e as w, P as t } from "../../useSlotProps-C7dqSmdM.js";
8
+ import { g as I, a as _, _ as C, b as F, c as $, d as N, e as w, P as t } from "../../useSlotProps-CYHDC4TN.js";
9
9
  import { a as M, C as O } from "../../useCompoundItem-B7Eo_qZk.js";
10
10
  import { u as X } from "../../useControlled-CCMYYdCM.js";
11
- import { L as Y, a as Z } from "../../combineHooksSlotProps-CNWfgylM.js";
12
- import { l as ee, m as te, u as oe } from "../../useList-9gbS2r78.js";
11
+ import { L as Y, a as Z } from "../../combineHooksSlotProps-BhQ14uyD.js";
12
+ import { l as ee, m as te, u as oe } from "../../useList-nqLfZem8.js";
13
13
  const k = "Tabs";
14
14
  function se(s) {
15
15
  return I(k, s);
@@ -1,6 +1,6 @@
1
1
  import { jsxs as j, jsx as T } from "react/jsx-runtime";
2
2
  import { c as F } from "../../clsx-OuTLNxxd.js";
3
- import { u as E, b as y, g as v, a as U, _ as H, c as N, d as M, e as A, P as e } from "../../useSlotProps-C7dqSmdM.js";
3
+ import { u as E, _ as y, g as v, a as U, b as H, c as N, d as M, e as A, P as e } from "../../useSlotProps-CYHDC4TN.js";
4
4
  import * as V from "react";
5
5
  import { u as D } from "../../useControlled-CCMYYdCM.js";
6
6
  import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
@@ -6,9 +6,11 @@ import "../Typography/Typography.js";
6
6
  import "../Input/Input.js";
7
7
  import "../Avatar/Avatar.js";
8
8
  import "../Button/Button.js";
9
- import { T as k } from "../../Toggle-DPXiwAx3.js";
9
+ import { T as q } from "../../Toggle-SlvGYQKW.js";
10
10
  import "../Dialog/Dialog.js";
11
11
  import "../DatePicker/DatePicker.js";
12
+ import "../../index-1UpBa69h.js";
13
+ import "../Draggable/useDraggable.js";
12
14
  import "../IconButton/IconButton.js";
13
15
  import "../InputSearch/InputSearch.js";
14
16
  import "../Select/Select.js";
@@ -18,5 +20,5 @@ import "../Tabs/Tabs.js";
18
20
  import "../../Group-DJz1rK2n.js";
19
21
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
20
22
  export {
21
- k as default
23
+ q as default
22
24
  };
@@ -1,4 +1,4 @@
1
- import { T as e } from "../../Toggle-DPXiwAx3.js";
1
+ import { T as e } from "../../Toggle-SlvGYQKW.js";
2
2
  import { G as p } from "../../Group-DJz1rK2n.js";
3
3
  export {
4
4
  p as ToggleGroup,
@@ -1,10 +1,10 @@
1
1
  import { jsx as x, jsxs as $, Fragment as et } from "react/jsx-runtime";
2
2
  import * as j from "react";
3
3
  import { useRef as ot, useState as G, useEffect as J, isValidElement as nt, cloneElement as it } from "react";
4
- import { T as rt, P as at } from "../../Popup-aWlctE1C.js";
4
+ import { T as rt, P as at } from "../../Popup-Dffqo7wT.js";
5
5
  import { c as X } from "../../clsx-OuTLNxxd.js";
6
- import { _ as lt, b as st, P as O } from "../../useSlotProps-C7dqSmdM.js";
7
- import { C as ct } from "../../ClickAwayListener-BjqhGzJh.js";
6
+ import { b as lt, _ as st, P as O } from "../../useSlotProps-CYHDC4TN.js";
7
+ import { C as ct } from "../../ClickAwayListener-Z08peX_P.js";
8
8
  import '../../assets/Tooltip.css';function pt() {
9
9
  const t = j.useContext(rt);
10
10
  if (!t)
@@ -0,0 +1,3 @@
1
+ /// <reference types="react" />
2
+ export type DraggableProviderProps = React.PropsWithChildren;
3
+ export declare const DraggableProvider: ({ children }: DraggableProviderProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { jsx as o } from "react/jsx-runtime";
2
+ import { P as e } from "../../react-BvI-Sw9b.js";
3
+ const t = ({ children: r }) => /* @__PURE__ */ o(e, { children: r });
4
+ export {
5
+ t as DraggableProvider
6
+ };
@@ -1,6 +1,6 @@
1
1
  import { jsx as u, jsxs as l, Fragment as g } from "react/jsx-runtime";
2
2
  import { createContext as p, useContext as f, useState as b, useCallback as k, createElement as C } from "react";
3
- import { r as v } from "../../index-Bppuplgd.js";
3
+ import { r as v } from "../../index-1UpBa69h.js";
4
4
  import { Snackbar as x } from "../../components/Snackbar/Snackbar.js";
5
5
  const o = p({
6
6
  showMessage: () => {
@@ -0,0 +1,13 @@
1
+ import { _ as n } from "./useSlotProps-CYHDC4TN.js";
2
+ const s = "exact-prop: ​";
3
+ function u(e) {
4
+ return process.env.NODE_ENV === "production" ? e : n({}, e, {
5
+ [s]: (o) => {
6
+ const t = Object.keys(o).filter((r) => !e.hasOwnProperty(r));
7
+ return t.length > 0 ? new Error(`The following props are not supported: ${t.map((r) => `\`${r}\``).join(", ")}. Please remove them.`) : null;
8
+ }
9
+ });
10
+ }
11
+ export {
12
+ u as e
13
+ };