@mindly/ui-components 7.5.1 → 8.0.0-alpha.31

package/dist/cjs/lib2/shared/assets/icons/IconVerifiedUser.js

@@ -0,0 +1,20 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconVerifiedUser = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IconVerifiedUser(_a) {
+    var { color = 'currentColor', size = 20 } = _a, other = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: size, height: size, fill: "none", viewBox: "0 0 20 20", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("g", Object.assign({ clipPath: "url(#clip0_41_836)" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M9.325 1.13333L3.49167 3.72499C2.89167 3.99166 2.5 4.59166 2.5 5.24999V9.16666C2.5 13.7917 5.7 18.1167 10 19.1667C14.3 18.1167 17.5 13.7917 17.5 9.16666V5.24999C17.5 4.59166 17.1083 3.99166 16.5083 3.72499L10.675 1.13333C10.25 0.941662 9.75 0.941662 9.325 1.13333V1.13333ZM7.74167 13.575L5.58333 11.4167C5.25833 11.0917 5.25833 10.5667 5.58333 10.2417C5.90833 9.91666 6.43333 9.91666 6.75833 10.2417L8.33333 11.8083L13.2333 6.90833C13.5583 6.58333 14.0833 6.58333 14.4083 6.90833C14.7333 7.23333 14.7333 7.75833 14.4083 8.08333L8.91667 13.575C8.6 13.9 8.06667 13.9 7.74167 13.575Z", fill: color }) })), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", Object.assign({ id: "clip0_41_836" }, { children: (0, jsx_runtime_1.jsx)("rect", { width: "20", height: "20", fill: "white" }) })) })] })));
+}
+exports.IconVerifiedUser = IconVerifiedUser;

package/dist/cjs/lib2/shared/assets/icons/IconVisible.js

@@ -0,0 +1,20 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconVisible = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IconVisible(_a) {
+    var { color = 'currentColor', size = 24 } = _a, other = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsxs)("svg", Object.assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "9.99896", cy: "10", r: "9.25", fill: 'current', stroke: color, strokeWidth: "1.5" }), (0, jsx_runtime_1.jsx)("path", { d: "M9.97828 12.3297C10.6258 12.3297 11.1757 12.103 11.6281 11.6498C12.0805 11.1966 12.3066 10.6462 12.3066 9.9987C12.3066 9.35122 12.08 8.80129 11.6268 8.34891C11.1735 7.89653 10.6232 7.67033 9.97568 7.67033C9.32821 7.67033 8.77827 7.89695 8.32589 8.35019C7.87351 8.80344 7.64732 9.35381 7.64732 10.0013C7.64732 10.6488 7.87394 11.1987 8.32718 11.6511C8.78043 12.1035 9.3308 12.3297 9.97828 12.3297ZM9.97698 11.5429C9.54841 11.5429 9.18412 11.3929 8.88412 11.0929C8.58412 10.7929 8.43412 10.4286 8.43412 10C8.43412 9.57143 8.58412 9.20714 8.88412 8.90714C9.18412 8.60714 9.54841 8.45714 9.97698 8.45714C10.4056 8.45714 10.7698 8.60714 11.0698 8.90714C11.3698 9.20714 11.5198 9.57143 11.5198 10C11.5198 10.4286 11.3698 10.7929 11.0698 11.0929C10.7698 11.3929 10.4056 11.5429 9.97698 11.5429ZM9.97777 14C8.6637 14 7.46636 13.6375 6.38577 12.9126C5.30519 12.1877 4.50958 11.2169 3.99896 10C4.50958 8.78315 5.30493 7.81227 6.385 7.08736C7.46506 6.36245 8.66213 6 9.9762 6C11.2903 6 12.4876 6.36245 13.5682 7.08736C14.6488 7.81227 15.4444 8.78315 15.955 10C15.4444 11.2169 14.649 12.1877 13.569 12.9126C12.4889 13.6375 11.2918 14 9.97777 14Z", fill: color })] })));
+}
+exports.IconVisible = IconVisible;

package/dist/cjs/lib2/shared/assets/icons/IconWarning.js

@@ -0,0 +1,20 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconWarning = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function IconWarning(_a) {
+    var { color = 'currentColor', size = 24 } = _a, other = __rest(_a, ["color", "size"]);
+    return ((0, jsx_runtime_1.jsx)("svg", Object.assign({ width: size, height: size, viewBox: `0 0 ${size} ${size}`, fill: "none", xmlns: "http://www.w3.org/2000/svg" }, other, { children: (0, jsx_runtime_1.jsx)("path", { d: "M11.1341 14.3535V4.54001H12.8659V14.3535H11.1341ZM11.1341 19.46V17.7282H12.8659V19.46H11.1341Z", fill: color }) })));
+}
+exports.IconWarning = IconWarning;

package/dist/cjs/lib2/shared/assets/icons/index.js

@@ -0,0 +1,115 @@
+"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("./IconArrowLeft"), exports);
+__exportStar(require("./IconArrowRight"), exports);
+__exportStar(require("./IconBeachAccess"), exports);
+__exportStar(require("./IconCalendar"), exports);
+__exportStar(require("./IconCalendarMonth"), exports);
+__exportStar(require("./IconChatOutline"), exports);
+__exportStar(require("./IconCheckboxChecked"), exports);
+__exportStar(require("./IconCheckboxUnchecked"), exports);
+__exportStar(require("./IconClose"), exports);
+__exportStar(require("./IconEditCalendar"), exports);
+__exportStar(require("./IconInvisible"), exports);
+__exportStar(require("./IconLanguage"), exports);
+// start TODO: Remove after replace
+__exportStar(require("./IconLeftArrow"), exports);
+// end
+__exportStar(require("./IconLogout"), exports);
+__exportStar(require("./IconPause"), exports);
+__exportStar(require("./IconMinus"), exports);
+__exportStar(require("./IconPlus"), exports);
+__exportStar(require("./IconProfileChecked"), exports);
+__exportStar(require("./IconProfileCircle"), exports);
+__exportStar(require("./IconProfileSetting"), exports);
+__exportStar(require("./IconProfileUnderReview"), exports);
+__exportStar(require("./IconResume"), exports);
+__exportStar(require("./IconSettings"), exports);
+__exportStar(require("./IconStar"), exports);
+__exportStar(require("./IconStarFilled"), exports);
+__exportStar(require("./IconSuccess"), exports);
+__exportStar(require("./IconTime"), exports);
+__exportStar(require("./IconVerifiedUser"), exports);
+__exportStar(require("./IconVisible"), exports);
+__exportStar(require("./IconApple"), exports);
+__exportStar(require("./IconGoogle"), exports);
+__exportStar(require("./IconLetter"), exports);
+__exportStar(require("./IconSpinner"), exports);
+__exportStar(require("./IconEye"), exports);
+__exportStar(require("./IconEyeOff"), exports);
+__exportStar(require("./IconWarning"), exports);
+__exportStar(require("./IconGift"), exports);
+__exportStar(require("./IconCreditCard"), exports);
+__exportStar(require("./IconQuestion"), exports);
+__exportStar(require("./IconPaper"), exports);
+__exportStar(require("./IconChat3d"), exports);
+__exportStar(require("./IconNotficationMuted"), exports);
+__exportStar(require("./IconCheckSmall"), exports);
+__exportStar(require("./IconCheck"), exports);
+__exportStar(require("./IconCapFilled"), exports);
+__exportStar(require("./IconCancelRounded"), exports);
+__exportStar(require("./IconMute"), exports);
+__exportStar(require("./IconUnmute"), exports);
+__exportStar(require("./IconBookmark"), exports);
+__exportStar(require("./IconBookmarkOutlined"), exports);
+__exportStar(require("./IconUserNotFound"), exports);
+__exportStar(require("./IconSearch"), exports);
+__exportStar(require("./IconPaid"), exports);
+__exportStar(require("./IconClient"), exports);
+__exportStar(require("./IconClientFilled"), exports);
+__exportStar(require("./IconChatFilled"), exports);
+__exportStar(require("./IconCancel"), exports);
+__exportStar(require("./IconCalendarFilled"), exports);
+__exportStar(require("./IconBookmark"), exports);
+__exportStar(require("./IconArrowDown"), exports);
+__exportStar(require("./IconRadioButtonChecked"), exports);
+__exportStar(require("./IconShare"), exports);
+__exportStar(require("./IconLink"), exports);
+__exportStar(require("./IconHome"), exports);
+__exportStar(require("./IconEcgHeart"), exports);
+__exportStar(require("./IconAddModerator"), exports);
+__exportStar(require("./IconQueryStats"), exports);
+__exportStar(require("./IconSchema"), exports);
+__exportStar(require("./IconPromocode"), exports);
+__exportStar(require("./IconEventBusy"), exports);
+__exportStar(require("./IconDelete"), exports);
+__exportStar(require("./IconLock"), exports);
+__exportStar(require("./IconEdit"), exports);
+__exportStar(require("./IconCopy"), exports);
+__exportStar(require("./IconTimeAdd"), exports);
+__exportStar(require("./IconManageAccounts"), exports);
+__exportStar(require("./IconSend"), exports);
+__exportStar(require("./IconGallery"), exports);
+__exportStar(require("./IconText"), exports);
+__exportStar(require("./IconCheckCircle"), exports);
+__exportStar(require("./IconAttachMoney"), exports);
+__exportStar(require("./IconArrowTopRight"), exports);
+__exportStar(require("./IconMoreVertical"), exports);
+__exportStar(require("./IconStylus"), exports);
+__exportStar(require("./IconDocument"), exports);
+__exportStar(require("./IconPersonAlert"), exports);
+__exportStar(require("./IconIdCard"), exports);
+__exportStar(require("./IconProfile"), exports);
+__exportStar(require("./IconReceiptLong"), exports);
+__exportStar(require("./IconInvoice"), exports);
+__exportStar(require("./IconRenew"), exports);
+__exportStar(require("./IconDot"), exports);
+__exportStar(require("./IconHeart"), exports);
+__exportStar(require("./IconMindly"), exports);
+__exportStar(require("./IconPlay"), exports);
+__exportStar(require("./IconStudyHat"), exports);
+__exportStar(require("./IconMindlyColored"), exports);

package/dist/cjs/lib2/shared/assets/index.js

@@ -0,0 +1,17 @@
+"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("./icons"), exports);

package/dist/cjs/lib2/shared/css/fonts.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("@fontsource/inter-tight/600.css");
+require("@fontsource/inter-tight/700.css");
+require("@fontsource/inter/400.css");
+require("@fontsource/inter/500.css");
+require("@fontsource/inter/600.css");

package/dist/cjs/lib2/shared/hooks/index.js

@@ -0,0 +1,22 @@
+"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-dom-ref"), exports);
+__exportStar(require("./use-event"), exports);
+__exportStar(require("./useAutoFocus"), exports);
+__exportStar(require("./useToastContext"), exports);
+__exportStar(require("./useCircleRating"), exports);
+__exportStar(require("./useElementWidth"), exports);

package/dist/cjs/lib2/shared/hooks/use-dom-ref.d.ts

@@ -1,2 +1,2 @@
 import * as React from 'react';
-export declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null> | React.ForwardedRef<T | null>): React.RefObject<T>;
+export declare function useDomRef<T extends HTMLElement = HTMLElement>(ref: React.RefObject<T | null> | React.ForwardedRef<T | null>): React.RefObject<T | null>;

package/dist/cjs/lib2/shared/hooks/use-dom-ref.js

@@ -0,0 +1,33 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDomRef = void 0;
+const React = __importStar(require("react"));
+function useDomRef(ref) {
+    const domRef = React.useRef(null);
+    React.useImperativeHandle(ref, () => domRef.current);
+    return domRef;
+}
+exports.useDomRef = useDomRef;

package/dist/cjs/lib2/shared/hooks/use-event.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEvent = void 0;
+const react_1 = require("react");
+/**
+ * Similar to useCallback, with a few subtle differences:
+ * - The returned function is a stable reference, and will always be the same between renders
+ * - No dependency lists required
+ * - Properties or state accessed within the callback will always be "current"
+ */
+function useEvent(callback) {
+    // Keep track of the latest callback:
+    const latestRef = (0, react_1.useRef)(useEvent_shouldNotBeInvokedBeforeMount);
+    (0, react_1.useLayoutEffect)(() => {
+        latestRef.current = callback;
+    }, [callback]);
+    // Create a stable callback that always calls the latest callback:
+    const stableRef = (0, react_1.useRef)(null);
+    if (!stableRef.current) {
+        stableRef.current = function () {
+            // eslint-disable-next-line prefer-rest-params
+            return latestRef.current.apply(this, arguments);
+        };
+    }
+    return stableRef.current;
+}
+exports.useEvent = useEvent;
+/**
+ * Render methods should be pure, especially when concurrency is used,
+ * so we will throw this error if the callback is called while rendering.
+ */
+function useEvent_shouldNotBeInvokedBeforeMount() {
+    throw new Error('INVALID_USEEVENT_INVOCATION: the callback from useEvent cannot be invoked before the component has mounted.');
+}
+exports.default = useEvent;

package/dist/cjs/lib2/shared/hooks/useAutoFocus.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
 type InputRefType = HTMLIonInputElement | HTMLIonTextareaElement;
-export declare function useAutoFocus<T extends InputRefType>(): React.RefObject<T>;
+export declare function useAutoFocus<T extends InputRefType>(): React.RefObject<T | null>;
 export {};

package/dist/cjs/lib2/shared/hooks/useAutoFocus.js

@@ -0,0 +1,54 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutoFocus = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("@ionic/react");
+const FOCUS_DELAY = (0, react_1.isPlatform)('ios') ? 300 : 0;
+function useAutoFocus() {
+    const ref = React.useRef(null);
+    const [shouldFocus, setShouldFocus] = React.useState(true);
+    React.useEffect(() => {
+        if (shouldFocus) {
+            setTimeout(() => __awaiter(this, void 0, void 0, function* () {
+                if (ref.current !== null) {
+                    yield ref.current.setFocus();
+                    setShouldFocus(false); // Reset the flag
+                }
+            }), FOCUS_DELAY);
+        }
+    }, [shouldFocus]);
+    return ref;
+}
+exports.useAutoFocus = useAutoFocus;

package/dist/cjs/lib2/shared/hooks/useCalendarData.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCalendarListData = void 0;
+const luxon_1 = require("luxon");
+const START_DATE = '2022-01-01';
+function useCalendarListData({ locale, lastDate, }) {
+    const result = [];
+    const startDate = luxon_1.DateTime.fromISO(START_DATE).toJSDate();
+    const currentDate = luxon_1.DateTime.local().toJSDate();
+    let date = lastDate || currentDate;
+    while (date > startDate) {
+        let dateTime = luxon_1.DateTime.fromJSDate(date);
+        if (locale)
+            dateTime = dateTime.setLocale(locale);
+        const label = dateTime.toFormat('LLLL yyyy');
+        result.push({
+            label,
+            value: date,
+        });
+        date = luxon_1.DateTime.fromJSDate(date).minus({ month: 1 }).toJSDate();
+    }
+    return result;
+}
+exports.useCalendarListData = useCalendarListData;

package/dist/cjs/lib2/shared/hooks/useCircleRating.js

@@ -0,0 +1,157 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRatingContext = exports.useRatingCircleBreakPoints = exports.useRatingCircleContentValue = exports.useRatingCircleLegend = exports.useBreakPointsPosition = exports.getProgressForBreakPoint = exports.useRangeIndex = exports.useCircleRatingRenderData = exports.BREAKPOINT_ICON_SIZE = exports.SIZES = void 0;
+const react_1 = require("react");
+const providers_1 = require("../providers");
+exports.SIZES = {
+    'S': 48,
+    'M': 132,
+    'L': 248,
+};
+const STROKES = {
+    'S': 4,
+    'M': 12,
+    'L': 30,
+};
+exports.BREAKPOINT_ICON_SIZE = 20;
+function getProgressForRound({ progress, maxValue, isReverse }) {
+    if (isReverse) {
+        return maxValue >= progress ? maxValue - progress : 0;
+    }
+    else {
+        return progress;
+    }
+}
+function useCircleRatingRenderData({ progress, size, maxValue, isReverse, isShowBreakPoints, }) {
+    return (0, react_1.useMemo)(() => {
+        const circleSize = exports.SIZES[size];
+        const viewBox = `0 0 ${circleSize} ${circleSize}`;
+        const radius = (circleSize - STROKES[size]) / 2;
+        const circumference = radius * Math.PI * 2;
+        const strokeWidth = STROKES[size];
+        const percentage = progress > maxValue ? maxValue : progress;
+        const overlap = progress > maxValue
+            ? (progress / maxValue % 1 || 1) * circumference
+            : 0;
+        const minDash = (getProgressForRound({
+            progress: isReverse ? maxValue : 0,
+            maxValue,
+            isReverse,
+        }) * circumference) / maxValue;
+        const dash = (getProgressForRound({ progress: percentage, maxValue, isReverse }) * circumference) / maxValue;
+        let dashShift = (isReverse ? 0.75 : 1) * exports.BREAKPOINT_ICON_SIZE;
+        if (size === 'S' || !isShowBreakPoints || percentage === 0 || percentage === maxValue) {
+            dashShift = 0;
+        }
+        return {
+            circleSize,
+            radius,
+            circumference,
+            dash: dash > dashShift ? dash - dashShift : minDash,
+            overlap,
+            viewBox,
+            strokeWidth,
+        };
+    }, [progress, maxValue, size, isReverse, isShowBreakPoints]);
+}
+exports.useCircleRatingRenderData = useCircleRatingRenderData;
+function useRangeIndex({ progress, maxValue, ranges = [], isReverse }) {
+    return (0, react_1.useMemo)(() => {
+        const index = ranges.findIndex((range, k) => {
+            var _a, _b;
+            if (k > 0 && k < ranges.length - 1) {
+                return (range.min || 0) <= progress && progress <= (range.max || 0);
+            }
+            else if (k === 0) {
+                const nextRange = ranges[k + 1];
+                return progress < ((_a = nextRange.min) !== null && _a !== void 0 ? _a : 0);
+            }
+            else {
+                const prevRange = ranges[k - 1];
+                return progress > ((_b = prevRange.max) !== null && _b !== void 0 ? _b : 0);
+            }
+        });
+        return isReverse ? ranges.length - index - 1 : index;
+    }, [progress, maxValue, isReverse, JSON.stringify(ranges)]);
+}
+exports.useRangeIndex = useRangeIndex;
+function getProgressForBreakPoint({ maxValue = 1, breakPoint, }) {
+    return Math.round(breakPoint * 100 / maxValue);
+}
+exports.getProgressForBreakPoint = getProgressForBreakPoint;
+function getBreakPointPosition({ radius = 0, strokeWidth = 0, progress = 0, }) {
+    const angleInRadians = (progress / 100) * (2 * Math.PI) - Math.PI / 2;
+    const innerX = (radius - strokeWidth / 2) * Math.cos(angleInRadians);
+    const innerY = (radius - strokeWidth / 2) * Math.sin(angleInRadians);
+    return {
+        top: radius + innerY - exports.BREAKPOINT_ICON_SIZE / 2,
+        left: radius + innerX - exports.BREAKPOINT_ICON_SIZE / 2,
+    };
+}
+function useBreakPointsPosition({ maxValue = 0, breakPoints = [], radius = 0, strokeWidth = 0, }) {
+    return (0, react_1.useMemo)(() => {
+        return breakPoints.map((breakPoint) => {
+            return getBreakPointPosition({
+                radius,
+                strokeWidth,
+                progress: getProgressForBreakPoint({ maxValue, breakPoint }),
+            });
+        });
+    }, [JSON.stringify(breakPoints), maxValue, radius, strokeWidth]);
+}
+exports.useBreakPointsPosition = useBreakPointsPosition;
+function useRatingCircleLegend({ ranges, t, isReverse, isPercentage, }) {
+    return (0, react_1.useMemo)(() => {
+        const getValue = (value) => {
+            if (isPercentage) {
+                return `${value !== null && value !== void 0 ? value : 0}%`;
+            }
+            else {
+                return value !== null && value !== void 0 ? value : 0;
+            }
+        };
+        return (!isReverse ? ranges : [...ranges].reverse()).map((range, index, list) => {
+            if (index === 0) {
+                const value = list[index + 1][isReverse ? 'max' : 'min'];
+                if (isReverse) {
+                    return t('legend.more_than', { ns: 'ui', value: getValue(value) });
+                }
+                else {
+                    return t('legend.less_than', { ns: 'ui', value: getValue(value) });
+                }
+            }
+            else if (index === list.length - 1) {
+                const value = list[index - 1][isReverse ? 'min' : 'max'];
+                if (isReverse) {
+                    return t('legend.less_than', { ns: 'ui', value: getValue(value) });
+                }
+                else {
+                    return t('legend.more_than', { ns: 'ui', value: getValue(value) });
+                }
+            }
+            else {
+                return `${getValue(range.min)} - ${getValue(range.max)}`;
+            }
+        });
+    }, [JSON.stringify(ranges), isReverse, isPercentage]);
+}
+exports.useRatingCircleLegend = useRatingCircleLegend;
+function useRatingCircleContentValue({ progress, isPercentage, decimal = 0, }) {
+    return (0, react_1.useMemo)(() => {
+        return `${Number(progress.toFixed(decimal !== null && decimal !== void 0 ? decimal : 0))}${isPercentage ? '%' : ''}`;
+    }, [progress, isPercentage, decimal]);
+}
+exports.useRatingCircleContentValue = useRatingCircleContentValue;
+function useRatingCircleBreakPoints({ ranges, maxValue = 0, isReverse, }) {
+    return (0, react_1.useMemo)(() => {
+        const result = ranges
+            .filter((range, index, list) => index < list.length - 1)
+            .map((range) => isReverse ? (maxValue - (range.max || 0)) : (range.max || 0));
+        return isReverse ? [...result].reverse() : result;
+    }, [JSON.stringify(ranges), isReverse, maxValue]);
+}
+exports.useRatingCircleBreakPoints = useRatingCircleBreakPoints;
+function useRatingContext() {
+    return (0, react_1.useContext)(providers_1.CircleRatingContext);
+}
+exports.useRatingContext = useRatingContext;

package/dist/cjs/lib2/shared/hooks/useElementWidth.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from 'react';
 export declare function useElementWidth<T extends HTMLElement>(): [
     number | undefined,
-    RefObject<T>
+    RefObject<T | null>
 ];

package/dist/cjs/lib2/shared/hooks/useElementWidth.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementWidth = void 0;
+const react_1 = require("react");
+function useElementWidth() {
+    const [width, setWidth] = (0, react_1.useState)(undefined);
+    const elementRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        const element = elementRef.current;
+        if (!element)
+            return;
+        const resizeObserver = new ResizeObserver((entries) => {
+            for (const entry of entries) {
+                setWidth(entry.contentRect.width);
+            }
+        });
+        resizeObserver.observe(element);
+        return () => {
+            resizeObserver.unobserve(element);
+        };
+    }, []);
+    return [width, elementRef];
+}
+exports.useElementWidth = useElementWidth;