@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.
- package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js +14 -7
- package/components/Calendar/CalendarRangePicker/CalendarRangePickerDay.js.map +1 -1
- package/components/PhotoDropzone/index.js +1 -1
- package/components/PhotoDropzone/index.js.map +1 -1
- package/components/Popover/DesktopPopover.js +27 -0
- package/components/Popover/DesktopPopover.js.map +1 -0
- package/components/Popover/PopoverWrapper.js +49 -0
- package/components/Popover/PopoverWrapper.js.map +1 -0
- package/components/Popover/TooltipWrapper.js +10 -0
- package/components/Popover/TooltipWrapper.js.map +1 -0
- package/components/Popover/index.js +8 -40
- package/components/Popover/index.js.map +1 -1
- package/components/Popover/popoverRegistry.js +15 -0
- package/components/Popover/popoverRegistry.js.map +1 -0
- package/components/Popover/tooltipConfig.js +12 -0
- package/components/Popover/tooltipConfig.js.map +1 -0
- package/components/Popover/useDesktopPopoverCore.js +102 -0
- package/components/Popover/useDesktopPopoverCore.js.map +1 -0
- package/components/Popover/useSingletonPopover.js +148 -0
- package/components/Popover/useSingletonPopover.js.map +1 -0
- package/images/empty-states/connect-device.png +0 -0
- package/images/empty-states/connect-device@2x.png +0 -0
- package/images/empty-states/connect-device@3x.png +0 -0
- package/images/empty-states/couch-man@2x.png +0 -0
- package/images/empty-states/couch-man@3x.png +0 -0
- package/images/empty-states/fridge-man.png +0 -0
- package/images/empty-states/fridge-man@2x.png +0 -0
- package/images/empty-states/fridge-man@3x.png +0 -0
- package/images/empty-states/generic-list@1x.png +0 -0
- package/images/empty-states/generic-list@2x.png +0 -0
- package/images/empty-states/generic-list@3x.png +0 -0
- package/images/empty-states/location.png +0 -0
- package/images/empty-states/location@2x.png +0 -0
- package/images/empty-states/location@3x.png +0 -0
- package/images/empty-states/network@1x.png +0 -0
- package/images/empty-states/network@2x.png +0 -0
- package/images/empty-states/network@3x.png +0 -0
- package/images/empty-states/payment.png +0 -0
- package/images/empty-states/payment@2x.png +0 -0
- package/images/empty-states/payment@3x.png +0 -0
- package/images/empty-states/repair-man-open.png +0 -0
- package/images/empty-states/repair-man-open@2x.png +0 -0
- package/images/empty-states/repair-man-open@3x.png +0 -0
- package/images/empty-states/repair-man.png +0 -0
- package/images/empty-states/repair-man@2x.png +0 -0
- package/images/empty-states/repair-man@3x.png +0 -0
- package/images/empty-states/spotlight-car.png +0 -0
- package/images/empty-states/spotlight-car@2x.png +0 -0
- package/images/empty-states/spotlight-car@3x.png +0 -0
- package/images/empty-states/telescope.png +0 -0
- package/images/empty-states/telescope@2x.png +0 -0
- package/images/empty-states/telescope@3x.png +0 -0
- package/images/empty-states/thumb-up.png +0 -0
- package/images/empty-states/thumb-up@2x.png +0 -0
- package/images/empty-states/thumb-up@3x.png +0 -0
- package/index.js +5 -0
- package/index.js.map +1 -1
- package/package.json +27 -27
- package/styles/components/Calendar/CalendarRangePicker/index.scss +0 -8
- package/styles/components/Popover/index.scss +29 -72
- package/types/src/components/Popover/DesktopPopover.d.ts +2 -0
- package/types/src/components/Popover/PopoverWrapper.d.ts +13 -0
- package/types/src/components/Popover/TooltipWrapper.d.ts +3 -0
- package/types/src/components/Popover/index.d.ts +13 -24
- package/types/src/components/Popover/popoverRegistry.d.ts +4 -0
- package/types/src/components/Popover/tooltipConfig.d.ts +9 -0
- package/types/src/components/Popover/useDesktopPopoverCore.d.ts +44 -0
- package/types/src/components/Popover/useSingletonPopover.d.ts +17 -0
- package/types/src/index.d.ts +6 -0
- package/utils/getCobaltTailwindcssConfig.js.map +1 -1
- package/components/Calendar/CalendarRangePicker/DayTooltip.js +0 -23
- package/components/Calendar/CalendarRangePicker/DayTooltip.js.map +0 -1
- package/components/Popover/LazyTippy.js +0 -9
- package/components/Popover/LazyTippy.js.map +0 -1
- package/types/src/__tests__/AsyncComponent.d.ts +0 -6
- package/types/src/components/Calendar/CalendarRangePicker/DayTooltip.d.ts +0 -3
- 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 {};
|
package/types/src/index.d.ts
CHANGED
|
@@ -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/
|
|
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 +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;;;;"}
|