@drivy/cobalt 2.19.1 → 3.0.0

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 (77) hide show
  1. package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js +14 -7
  2. package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js.map +1 -1
  3. package/components/PhotoDropzone/index.js +1 -1
  4. package/components/PhotoDropzone/index.js.map +1 -1
  5. package/components/Popover/DesktopPopover.js +27 -0
  6. package/components/Popover/DesktopPopover.js.map +1 -0
  7. package/components/Popover/PopoverWrapper.js +49 -0
  8. package/components/Popover/PopoverWrapper.js.map +1 -0
  9. package/components/Popover/TooltipWrapper.js +10 -0
  10. package/components/Popover/TooltipWrapper.js.map +1 -0
  11. package/components/Popover/index.js +8 -40
  12. package/components/Popover/index.js.map +1 -1
  13. package/components/Popover/popoverRegistry.js +15 -0
  14. package/components/Popover/popoverRegistry.js.map +1 -0
  15. package/components/Popover/tooltipConfig.js +12 -0
  16. package/components/Popover/tooltipConfig.js.map +1 -0
  17. package/components/Popover/useDesktopPopoverCore.js +102 -0
  18. package/components/Popover/useDesktopPopoverCore.js.map +1 -0
  19. package/components/Popover/useSingletonPopover.js +148 -0
  20. package/components/Popover/useSingletonPopover.js.map +1 -0
  21. package/images/empty-states/connect-device.png +0 -0
  22. package/images/empty-states/connect-device@2x.png +0 -0
  23. package/images/empty-states/connect-device@3x.png +0 -0
  24. package/images/empty-states/couch-man@2x.png +0 -0
  25. package/images/empty-states/couch-man@3x.png +0 -0
  26. package/images/empty-states/fridge-man.png +0 -0
  27. package/images/empty-states/fridge-man@2x.png +0 -0
  28. package/images/empty-states/fridge-man@3x.png +0 -0
  29. package/images/empty-states/generic-list@1x.png +0 -0
  30. package/images/empty-states/generic-list@2x.png +0 -0
  31. package/images/empty-states/generic-list@3x.png +0 -0
  32. package/images/empty-states/location.png +0 -0
  33. package/images/empty-states/location@2x.png +0 -0
  34. package/images/empty-states/location@3x.png +0 -0
  35. package/images/empty-states/network@1x.png +0 -0
  36. package/images/empty-states/network@2x.png +0 -0
  37. package/images/empty-states/network@3x.png +0 -0
  38. package/images/empty-states/payment.png +0 -0
  39. package/images/empty-states/payment@2x.png +0 -0
  40. package/images/empty-states/payment@3x.png +0 -0
  41. package/images/empty-states/repair-man-open.png +0 -0
  42. package/images/empty-states/repair-man-open@2x.png +0 -0
  43. package/images/empty-states/repair-man-open@3x.png +0 -0
  44. package/images/empty-states/repair-man.png +0 -0
  45. package/images/empty-states/repair-man@2x.png +0 -0
  46. package/images/empty-states/repair-man@3x.png +0 -0
  47. package/images/empty-states/spotlight-car.png +0 -0
  48. package/images/empty-states/spotlight-car@2x.png +0 -0
  49. package/images/empty-states/spotlight-car@3x.png +0 -0
  50. package/images/empty-states/telescope.png +0 -0
  51. package/images/empty-states/telescope@2x.png +0 -0
  52. package/images/empty-states/telescope@3x.png +0 -0
  53. package/images/empty-states/thumb-up.png +0 -0
  54. package/images/empty-states/thumb-up@2x.png +0 -0
  55. package/images/empty-states/thumb-up@3x.png +0 -0
  56. package/index.js +5 -0
  57. package/index.js.map +1 -1
  58. package/package.json +27 -27
  59. package/styles/components/Calendar/CalendarRangePicker/index.scss +0 -8
  60. package/styles/components/Popover/index.scss +29 -72
  61. package/types/src/components/Popover/DesktopPopover.d.ts +2 -0
  62. package/types/src/components/Popover/PopoverWrapper.d.ts +13 -0
  63. package/types/src/components/Popover/TooltipWrapper.d.ts +3 -0
  64. package/types/src/components/Popover/index.d.ts +13 -24
  65. package/types/src/components/Popover/popoverRegistry.d.ts +4 -0
  66. package/types/src/components/Popover/tooltipConfig.d.ts +9 -0
  67. package/types/src/components/Popover/useDesktopPopoverCore.d.ts +44 -0
  68. package/types/src/components/Popover/useSingletonPopover.d.ts +17 -0
  69. package/types/src/index.d.ts +6 -0
  70. package/utils/getCobaltTailwindcssConfig.js.map +1 -1
  71. package/components/Calendar/CalendarRangePicker/DayTooltip.js +0 -23
  72. package/components/Calendar/CalendarRangePicker/DayTooltip.js.map +0 -1
  73. package/components/Popover/LazyTippy.js +0 -9
  74. package/components/Popover/LazyTippy.js.map +0 -1
  75. package/types/src/__tests__/AsyncComponent.d.ts +0 -6
  76. package/types/src/components/Calendar/CalendarRangePicker/DayTooltip.d.ts +0 -3
  77. package/types/src/components/Popover/LazyTippy.d.ts +0 -3
@@ -0,0 +1,17 @@
1
+ import type React from "react";
2
+ import type { UseDesktopPopoverCoreOptions } from "./useDesktopPopoverCore";
3
+ type SingletonItem = {
4
+ content: React.ReactNode;
5
+ };
6
+ type SingletonReferenceProps = React.HTMLAttributes<HTMLElement>;
7
+ type SingletonOptions = Omit<UseDesktopPopoverCoreOptions, "isOpen" | "onOpenChange" | "referenceElement" | "trigger" | "getFloatingExtraProps"> & {
8
+ trigger?: "click" | "mouseenter";
9
+ gracePeriod?: number;
10
+ };
11
+ export declare function useSingletonPopover({ trigger, delay, interactive, gracePeriod, ...options }: SingletonOptions): {
12
+ getReferenceProps: (item: SingletonItem, userProps?: SingletonReferenceProps) => Record<string, unknown>;
13
+ renderFloating: () => React.ReactNode;
14
+ close: () => void;
15
+ isOpen: boolean;
16
+ };
17
+ export {};
@@ -50,6 +50,12 @@ export { default as PhotoDropzone } from "./components/PhotoDropzone";
50
50
  export { Pill, PillGroup } from "./components/Pill";
51
51
  export { PlateNumber } from "./components/PlateNumber";
52
52
  export { default as Popover } from "./components/Popover";
53
+ export { PopoverWrapper, type PopoverWrapperPropsType, } from "./components/Popover/PopoverWrapper";
54
+ export { hideAllPopovers } from "./components/Popover/popoverRegistry";
55
+ export { TooltipWrapper } from "./components/Popover/TooltipWrapper";
56
+ export { tooltipConfig } from "./components/Popover/tooltipConfig";
57
+ export type { PopoverConfig } from "./components/Popover/useDesktopPopoverCore";
58
+ export { useSingletonPopover } from "./components/Popover/useSingletonPopover";
53
59
  export { PriceTable, PriceTableRow } from "./components/PriceTable";
54
60
  export { ProgressBanner } from "./components/ProgressBanner";
55
61
  export { ProgressBar } from "./components/ProgressBar";
@@ -1 +1 @@
1
- {"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/thibaudesnouf/sources/cobalt/utils/getCobaltTailwindcssConfig.js\";\nvar getCobaltTailwindcssConfigExports = requireGetCobaltTailwindcssConfig();\nexport { getCobaltTailwindcssConfigExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(getCobaltTailwindcssConfigExports);"],"names":[],"mappings":";;;AAEA,IAAI,iCAAiC,GAAG,iCAAiC,EAAE,CAAC;AAE5E,iCAAe,aAAa,uBAAuB,CAAC,iCAAiC,CAAC;;;;"}
1
+ {"version":3,"file":"getCobaltTailwindcssConfig.js","sources":["../../utils/getCobaltTailwindcssConfig.js?commonjs-entry"],"sourcesContent":["import { getDefaultExportFromCjs } from \"\u0000commonjsHelpers.js\";\nimport { __require as requireGetCobaltTailwindcssConfig } from \"/Users/cedric/Dev/drivy/cobalt/utils/getCobaltTailwindcssConfig.js\";\nvar getCobaltTailwindcssConfigExports = requireGetCobaltTailwindcssConfig();\nexport { getCobaltTailwindcssConfigExports as __moduleExports };\nexport default /*@__PURE__*/getDefaultExportFromCjs(getCobaltTailwindcssConfigExports);"],"names":[],"mappings":";;;AAEA,IAAI,iCAAiC,GAAG,iCAAiC,EAAE,CAAC;AAE5E,iCAAe,aAAa,uBAAuB,CAAC,iCAAiC,CAAC;;;;"}
@@ -1,23 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import Tippy from '@tippyjs/react';
3
- import { sticky } from 'tippy.js';
4
-
5
- const DayTooltip = (props) => {
6
- return (jsx(Tippy, { animation: "fade",
7
- arrow: true,
8
- interactive: true,
9
- interactiveBorder: 10,
10
- placement: "top",
11
- theme: "cobalt-popover range-picker",
12
- delay: [0, 0],
13
- duration: [0, 0],
14
- maxWidth: 500,
15
- offset: [0, 8],
16
- sticky: true,
17
- plugins: [sticky],
18
- appendTo: document.body,
19
- ...props }));
20
- };
21
-
22
- export { DayTooltip as default };
23
- //# sourceMappingURL=DayTooltip.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"DayTooltip.js","sources":["../../../../src/components/Calendar/CalendarRangePicker/DayTooltip.tsx"],"sourcesContent":["import Tippy, { type TippyProps } from \"@tippyjs/react\"\nimport { sticky } from \"tippy.js\"\n\nconst DayTooltip = (props: TippyProps) => {\n return (\n <Tippy\n {...{\n animation: \"fade\",\n arrow: true,\n interactive: true,\n interactiveBorder: 10,\n placement: \"top\",\n theme: \"cobalt-popover range-picker\",\n delay: [0, 0],\n duration: [0, 0],\n maxWidth: 500,\n offset: [0, 8],\n sticky: true,\n plugins: [sticky],\n appendTo: document.body,\n ...props,\n }}\n />\n )\n}\n\nexport default DayTooltip\n"],"names":["_jsx"],"mappings":";;;;AAGA,MAAM,UAAU,GAAG,CAAC,KAAiB,KAAI;AACvC,IAAA,QACEA,GAAC,CAAA,KAAK,EAEF,EAAA,SAAS,EAAE,MAAM;AACjB,QAAA,KAAK,EAAE,IAAI;AACX,QAAA,WAAW,EAAE,IAAI;AACjB,QAAA,iBAAiB,EAAE,EAAE;AACrB,QAAA,SAAS,EAAE,KAAK;AAChB,QAAA,KAAK,EAAE,6BAA6B;AACpC,QAAA,KAAK,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACb,QAAA,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AAChB,QAAA,QAAQ,EAAE,GAAG;AACb,QAAA,MAAM,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;AACd,QAAA,MAAM,EAAE,IAAI;QACZ,OAAO,EAAE,CAAC,MAAM,CAAC;QACjB,QAAQ,EAAE,QAAQ,CAAC,IAAI;QACvB,GAAG,KAAK,EAEV,CAAA,EACH;AACH;;;;"}
@@ -1,9 +0,0 @@
1
- import { jsx } from 'react/jsx-runtime';
2
- import Tippy from '@tippyjs/react';
3
-
4
- const LazyTippy = (props) => {
5
- return props.visible ? jsx(Tippy, { ...props }) : null;
6
- };
7
-
8
- export { LazyTippy as default };
9
- //# sourceMappingURL=LazyTippy.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"LazyTippy.js","sources":["../../../src/components/Popover/LazyTippy.tsx"],"sourcesContent":["// Will only render the `content` or `render` elements if the tippy is mounted to the DOM.\n// Replace <Tippy /> with <LazyTippy /> component and it should work the same.\n\nimport Tippy, { type TippyProps } from \"@tippyjs/react\"\n\nconst LazyTippy = (props: TippyProps) => {\n return props.visible ? <Tippy {...props} /> : null\n}\n\nexport default LazyTippy\n"],"names":["_jsx"],"mappings":";;;AAKA,MAAM,SAAS,GAAG,CAAC,KAAiB,KAAI;AACtC,IAAA,OAAO,KAAK,CAAC,OAAO,GAAGA,GAAA,CAAC,KAAK,EAAA,EAAA,GAAK,KAAK,EAAI,CAAA,GAAG,IAAI,CAAA;AACpD;;;;"}
@@ -1,6 +0,0 @@
1
- import type React from "react";
2
- declare const AsyncComponent: ({ children, timeout, }: {
3
- children?: React.ReactNode;
4
- timeout?: number;
5
- }) => import("react/jsx-runtime").JSX.Element;
6
- export default AsyncComponent;
@@ -1,3 +0,0 @@
1
- import { type TippyProps } from "@tippyjs/react";
2
- declare const DayTooltip: (props: TippyProps) => import("react/jsx-runtime").JSX.Element;
3
- export default DayTooltip;
@@ -1,3 +0,0 @@
1
- import { type TippyProps } from "@tippyjs/react";
2
- declare const LazyTippy: (props: TippyProps) => import("react/jsx-runtime").JSX.Element | null;
3
- export default LazyTippy;