@circle-vibe/shared 1.1.0 → 1.1.1

package/build/src/hooks/index.js

@@ -15,4 +15,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./use-form-context"), exports);
+__exportStar(require("./use-popover"), exports);
+__exportStar(require("./use-tooltip"), exports);
+__exportStar(require("./use-dropdown"), exports);
 //# sourceMappingURL=index.js.map

package/build/src/hooks/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,qDAAmC;AACnC,gDAA8B;AAC9B,gDAA8B;AAC9B,iDAA+B"}

package/build/src/hooks/use-dropdown/index.d.ts

@@ -0,0 +1 @@
+export * from './use-dropdown';

package/build/src/hooks/use-dropdown/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-dropdown"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/hooks/use-dropdown/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-dropdown/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,iDAA+B"}

package/build/src/hooks/use-dropdown/use-dropdown.d.ts

@@ -0,0 +1,20 @@
+import { StyleHTMLAttributes } from "react";
+import { Placement } from "@floating-ui/react";
+export interface UseDropdownOptions {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+}
+export declare const useDropdown: (options?: UseDropdownOptions) => {
+    open: boolean;
+    referenceProps: {
+        ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    };
+    contentProps: {
+        style: import("react").CSSProperties;
+        open: boolean;
+        ref: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+    };
+    setStatus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    transitionStyles: StyleHTMLAttributes<HTMLDivElement>;
+};

package/build/src/hooks/use-dropdown/use-dropdown.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDropdown = void 0;
+const react_1 = require("react");
+const react_2 = require("@floating-ui/react");
+const default_middleware_1 = require("../../constants/default-middleware");
+const constants_1 = require("src/constants");
+const useDropdown = (options) => {
+    const [open, onOpenChange] = (0, react_1.useState)(options?.open ?? false);
+    const { refs, floatingStyles, context } = (0, react_2.useFloating)({
+        whileElementsMounted: react_2.autoUpdate,
+        placement: "bottom",
+        transform: true,
+        strategy: "fixed",
+        middleware: default_middleware_1.DEFAULT_MIDDLEWARE,
+        ...(options?.open !== undefined && options.onOpenChange
+            ? { ...options }
+            : { open, onOpenChange }),
+        ...options,
+    });
+    const { getReferenceProps, getFloatingProps } = (0, react_2.useInteractions)([
+        (0, react_2.useDismiss)(context),
+        (0, react_2.useClick)(context),
+    ]);
+    const { setReference, setFloating } = refs;
+    const { isMounted, styles: transitionStyles } = (0, react_2.useTransitionStyles)(context, constants_1.DROPDOWN_ANIMATION_IN_BOTTOM_POSITION);
+    return {
+        open: isMounted,
+        referenceProps: {
+            ref: setReference,
+            ...getReferenceProps(),
+        },
+        contentProps: {
+            open: isMounted,
+            ref: setFloating,
+            ...getFloatingProps(),
+            style: floatingStyles,
+        },
+        setStatus: onOpenChange,
+        transitionStyles: transitionStyles,
+    };
+};
+exports.useDropdown = useDropdown;
+//# sourceMappingURL=use-dropdown.js.map

package/build/src/hooks/use-dropdown/use-dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-dropdown.js","sourceRoot":"","sources":["../../../../src/hooks/use-dropdown/use-dropdown.ts"],"names":[],"mappings":";;;AAAA,iCAAsD;AACtD,8CAQ4B;AAC5B,2EAAwE;AACxE,6CAAsE;AAQ/D,MAAM,WAAW,GAAG,CAAC,OAA4B,EAAE,EAAE;IAC1D,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC;IAC9D,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,IAAA,mBAAW,EAAC;QACpD,oBAAoB,EAAE,kBAAU;QAChC,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,OAAO;QACjB,UAAU,EAAE,uCAAkB;QAC9B,GAAG,CAAC,OAAO,EAAE,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,YAAY;YACrD,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE;YAChB,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;QAC3B,GAAG,OAAO;KACX,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,uBAAe,EAAC;QAC9D,IAAA,kBAAU,EAAC,OAAO,CAAC;QACnB,IAAA,gBAAQ,EAAC,OAAO,CAAC;KAClB,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAC3C,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,2BAAmB,EACjE,OAAO,EACP,iDAAqC,CACtC,CAAC;IAEF,OAAO;QACL,IAAI,EAAE,SAAS;QACf,cAAc,EAAE;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,iBAAiB,EAAE;SACvB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,WAAW;YAChB,GAAG,gBAAgB,EAAE;YACrB,KAAK,EAAE,cAAc;SACtB;QACD,SAAS,EAAE,YAAY;QACvB,gBAAgB,EAAE,gBAAuD;KAC1E,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,WAAW,eAsCtB"}

package/build/src/hooks/use-popover/index.d.ts

@@ -0,0 +1 @@
+export * from './use-popover';

package/build/src/hooks/use-popover/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-popover"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/hooks/use-popover/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-popover/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}

package/build/src/hooks/use-popover/use-popover.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { Placement } from "@floating-ui/react";
+export interface UsePopoverOptions {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    placement?: Placement;
+}
+export declare const usePopover: (options?: UsePopoverOptions) => {
+    open: boolean;
+    referenceProps: {
+        ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    };
+    contentProps: {
+        style: import("react").CSSProperties;
+        open: boolean;
+        ref: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+    };
+    setStatus: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    transitionStyles: import("react").CSSProperties;
+};

package/build/src/hooks/use-popover/use-popover.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePopover = void 0;
+const react_1 = require("react");
+const react_2 = require("@floating-ui/react");
+const constants_1 = require("../../constants");
+const usePopover = (options) => {
+    const [open, onOpenChange] = (0, react_1.useState)(options?.open ?? false);
+    const { refs, floatingStyles, context } = (0, react_2.useFloating)({
+        whileElementsMounted: react_2.autoUpdate,
+        placement: "bottom",
+        transform: true,
+        strategy: "fixed",
+        middleware: constants_1.DEFAULT_MIDDLEWARE,
+        ...(options?.open !== undefined && options.onOpenChange
+            ? { ...options }
+            : { open, onOpenChange }),
+        ...options,
+    });
+    const { getReferenceProps, getFloatingProps } = (0, react_2.useInteractions)([
+        (0, react_2.useDismiss)(context),
+        (0, react_2.useClick)(context),
+    ]);
+    const { setReference, setFloating } = refs;
+    const { isMounted, styles: transitionStyles } = (0, react_2.useTransitionStyles)(context, constants_1.DROPDOWN_ANIMATION_IN_BOTTOM_POSITION);
+    return {
+        open,
+        referenceProps: {
+            ref: setReference,
+            ...getReferenceProps(),
+        },
+        contentProps: {
+            open: isMounted,
+            ref: setFloating,
+            ...getFloatingProps(),
+            style: floatingStyles,
+        },
+        setStatus: onOpenChange,
+        transitionStyles,
+    };
+};
+exports.usePopover = usePopover;
+//# sourceMappingURL=use-popover.js.map

package/build/src/hooks/use-popover/use-popover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-popover.js","sourceRoot":"","sources":["../../../../src/hooks/use-popover/use-popover.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,8CAQ4B;AAC5B,+CAGyB;AAQlB,MAAM,UAAU,GAAG,CAAC,OAA2B,EAAE,EAAE;IACxD,MAAM,CAAC,IAAI,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC;IAC9D,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,IAAA,mBAAW,EAAC;QACpD,oBAAoB,EAAE,kBAAU;QAChC,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,IAAI;QACf,QAAQ,EAAE,OAAO;QACjB,UAAU,EAAE,8BAAkB;QAC9B,GAAG,CAAC,OAAO,EAAE,IAAI,KAAK,SAAS,IAAI,OAAO,CAAC,YAAY;YACrD,CAAC,CAAC,EAAE,GAAG,OAAO,EAAE;YAChB,CAAC,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,CAAC;QAC3B,GAAG,OAAO;KACX,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,uBAAe,EAAC;QAC9D,IAAA,kBAAU,EAAC,OAAO,CAAC;QACnB,IAAA,gBAAQ,EAAC,OAAO,CAAC;KAClB,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAC3C,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,2BAAmB,EACjE,OAAO,EACP,iDAAqC,CACtC,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,cAAc,EAAE;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,iBAAiB,EAAE;SACvB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,WAAW;YAChB,GAAG,gBAAgB,EAAE;YACrB,KAAK,EAAE,cAAc;SACtB;QACD,SAAS,EAAE,YAAY;QACvB,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AAtCW,QAAA,UAAU,cAsCrB"}

package/build/src/hooks/use-tooltip/index.d.ts

@@ -0,0 +1 @@
+export * from './use-tooltip';

package/build/src/hooks/use-tooltip/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./use-tooltip"), exports);
+//# sourceMappingURL=index.js.map

package/build/src/hooks/use-tooltip/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/hooks/use-tooltip/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA8B"}

package/build/src/hooks/use-tooltip/use-tooltip.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export interface UseTooltipOptions {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+export declare const useTooltip: (options?: UseTooltipOptions) => {
+    open: boolean;
+    referenceProps: {
+        ref: ((node: import("@floating-ui/react-dom").ReferenceType | null) => void) & ((node: import("@floating-ui/react").ReferenceType | null) => void);
+    };
+    contentProps: {
+        style: import("react").CSSProperties;
+        open: boolean;
+        ref: ((node: HTMLElement | null) => void) & ((node: HTMLElement | null) => void);
+    };
+    transitionStyles: import("react").CSSProperties;
+};

package/build/src/hooks/use-tooltip/use-tooltip.js

@@ -0,0 +1,42 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useTooltip = void 0;
+const react_1 = require("react");
+const react_2 = require("@floating-ui/react");
+const constants_1 = require("../../constants");
+const useTooltip = (options) => {
+    const [open, setIsOpen] = (0, react_1.useState)(options?.open ?? false);
+    const { refs, floatingStyles, context } = (0, react_2.useFloating)({
+        whileElementsMounted: react_2.autoUpdate,
+        placement: "bottom",
+        transform: true,
+        open,
+        onOpenChange: options?.onOpenChange ?? setIsOpen,
+        strategy: "fixed",
+        middleware: constants_1.DEFAULT_MIDDLEWARE,
+        ...options,
+    });
+    const { getReferenceProps, getFloatingProps } = (0, react_2.useInteractions)([
+        (0, react_2.useDismiss)(context),
+        (0, react_2.useClick)(context),
+        (0, react_2.useHover)(context),
+    ]);
+    const { setReference, setFloating } = refs;
+    const { isMounted, styles: transitionStyles } = (0, react_2.useTransitionStyles)(context, constants_1.DROPDOWN_ANIMATION_IN_BOTTOM_POSITION);
+    return {
+        open,
+        referenceProps: {
+            ref: setReference,
+            ...getReferenceProps,
+        },
+        contentProps: {
+            open: isMounted,
+            ref: setFloating,
+            ...getFloatingProps,
+            style: floatingStyles,
+        },
+        transitionStyles,
+    };
+};
+exports.useTooltip = useTooltip;
+//# sourceMappingURL=use-tooltip.js.map

package/build/src/hooks/use-tooltip/use-tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-tooltip.js","sourceRoot":"","sources":["../../../../src/hooks/use-tooltip/use-tooltip.ts"],"names":[],"mappings":";;;AAAA,iCAAiC;AACjC,8CAQ4B;AAC5B,+CAGyB;AAOlB,MAAM,UAAU,GAAG,CAAC,OAA2B,EAAE,EAAE;IACxD,MAAM,CAAC,IAAI,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,EAAE,IAAI,IAAI,KAAK,CAAC,CAAC;IAC3D,MAAM,EAAE,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,IAAA,mBAAW,EAAC;QACpD,oBAAoB,EAAE,kBAAU;QAChC,SAAS,EAAE,QAAQ;QACnB,SAAS,EAAE,IAAI;QACf,IAAI;QACJ,YAAY,EAAE,OAAO,EAAE,YAAY,IAAI,SAAS;QAChD,QAAQ,EAAE,OAAO;QACjB,UAAU,EAAE,8BAAkB;QAC9B,GAAG,OAAO;KACX,CAAC,CAAC;IACH,MAAM,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,GAAG,IAAA,uBAAe,EAAC;QAC9D,IAAA,kBAAU,EAAC,OAAO,CAAC;QACnB,IAAA,gBAAQ,EAAC,OAAO,CAAC;QACjB,IAAA,gBAAQ,EAAC,OAAO,CAAC;KAClB,CAAC,CAAC;IACH,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,GAAG,IAAI,CAAC;IAC3C,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,gBAAgB,EAAE,GAAG,IAAA,2BAAmB,EACjE,OAAO,EACP,iDAAqC,CACtC,CAAC;IAEF,OAAO;QACL,IAAI;QACJ,cAAc,EAAE;YACd,GAAG,EAAE,YAAY;YACjB,GAAG,iBAAiB;SACrB;QACD,YAAY,EAAE;YACZ,IAAI,EAAE,SAAS;YACf,GAAG,EAAE,WAAW;YAChB,GAAG,gBAAgB;YACnB,KAAK,EAAE,cAAc;SACtB;QACD,gBAAgB;KACjB,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,UAAU,cAqCrB"}

package/build/src/types/chat-socket-params.d.ts

@@ -0,0 +1,10 @@
+import { Chat, Message } from 'src/models';
+export interface RefreshChatsSocketParams {
+    chatId: string;
+}
+export type JoinChatSocketParams = Chat;
+export type CreateChatSocketParams = Chat;
+export interface SendMessageSocketParams {
+    chat: Chat;
+    message: Message;
+}

package/build/src/types/chat-socket-params.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=chat-socket-params.js.map

package/build/src/types/chat-socket-params.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-socket-params.js","sourceRoot":"","sources":["../../../src/types/chat-socket-params.ts"],"names":[],"mappings":""}

package/build/src/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './custom-css-variables';
 export * from './extended-react-functional-component';
+export * from './chat-socket-params';

package/build/src/types/index.js

@@ -16,4 +16,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./custom-css-variables"), exports);
 __exportStar(require("./extended-react-functional-component"), exports);
+__exportStar(require("./chat-socket-params"), exports);
 //# sourceMappingURL=index.js.map

package/build/src/types/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,wEAAsD"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/types/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,yDAAuC;AACvC,wEAAsD;AACtD,uDAAqC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@circle-vibe/shared",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "types": "./build/index.d.ts",
   "description": "Shared componenets, utils, hooks",
   "scripts": {
@@ -37,6 +37,7 @@
     "@babel/preset-env": "^7.26.9",
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
+    "@floating-ui/react": "^0.27.8",
     "@types/node": "^16.18.96",
     "@types/react": "^19.0.10",
     "babel-loader": "^10.0.0",