phx-react 1.3.1837 → 1.3.1838

package/dist/cjs/components/Onboarding/onbroading-demo.js

@@ -0,0 +1,208 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.slidesAndTourFlow = exports.tourOnlyFlow = exports.slidesOnlyFlow = void 0;
+exports.default = OnboardingDemo;
+const tslib_1 = require("tslib");
+const onboarding_context_1 = require("./contexts/onboarding-context");
+const react_1 = tslib_1.__importDefault(require("react"));
+const use_onboarding_init_1 = require("./hooks/use-onboarding-init");
+const Badge_1 = require("../Badge");
+const TextV2_1 = require("../TextV2");
+const Button_1 = require("../Button");
+const Card_1 = require("../Card");
+const Box_1 = require("../Box");
+const HorizontalStack_1 = require("../HorizontalStack");
+const BlockStack_1 = require("../BlockStack");
+const sharedSlides = [
+    {
+        id: 1,
+        image: 'https://cdn.dribbble.com/userupload/43777200/file/original-b6b996f3118cec5deba3cf770e2943f8.png?resize=1024x768&vertical=center',
+    },
+    {
+        id: 2,
+        image: 'https://cdn.dribbble.com/userupload/16613267/file/original-46564ba6e70008893ec7c252183d4376.png?resize=1024x768&vertical=center',
+    },
+    {
+        id: 3,
+        image: 'https://cdn.dribbble.com/userupload/11165677/file/original-8f6d2e9ce6891d724ff10cf478b6e1a7.png?resize=1024x763&vertical=center',
+    },
+];
+// ─── Demo Flow 1: Chỉ có Slides (không có Tour) ───────────────────────────────
+exports.slidesOnlyFlow = {
+    name: 'demo-slides-only',
+    slides: sharedSlides,
+    // steps: undefined → không có tour
+};
+// ─── Demo Flow 2: Chỉ có Tour (không có Slides) ───────────────────────────────
+exports.tourOnlyFlow = {
+    name: 'demo-tour-only',
+    // slides: undefined → không có slides
+    steps: [
+        {
+            element: '#tour-step-1',
+            popover: {
+                title: 'Bước 1: Tìm kiếm',
+                description: 'Sử dụng thanh tìm kiếm để nhanh chóng tìm nội dung cần thiết.',
+                side: 'bottom',
+                align: 'start',
+            },
+        },
+        {
+            element: '#tour-step-2',
+            popover: {
+                title: 'Bước 2: Bộ lọc',
+                description: 'Áp dụng bộ lọc để thu hẹp kết quả theo ngày, loại hoặc trạng thái.',
+                side: 'bottom',
+                align: 'center',
+            },
+        },
+        {
+            element: '#tour-step-3',
+            popover: {
+                title: 'Bước 3: Tạo mới',
+                description: 'Nhấn nút này để tạo chiến dịch hoặc nội dung mới.',
+                side: 'left',
+                align: 'center',
+            },
+        },
+    ],
+};
+// ─── Demo Flow 3: Cả Slides lẫn Tour ─────────────────────────────────────────
+exports.slidesAndTourFlow = {
+    name: 'demo-slides-and-tour',
+    slides: [
+        {
+            id: 1,
+            title: 'Tổng quan hệ thống',
+            description: 'Xem qua các tính năng chính trước khi hướng dẫn chi tiết.',
+            content: 'Phần hướng dẫn này sẽ giới thiệu tổng quan rồi dẫn bạn qua từng tính năng cụ thể trên giao diện thật.',
+            image: 'https://cdn.dribbble.com/userupload/15135632/file/original-00d7aa66ca52d41e6fdaeaefc96af599.png?resize=1024x768&vertical=center',
+        },
+        {
+            id: 2,
+            title: 'Sẵn sàng bắt đầu?',
+            description: 'Nhấn "Bắt đầu Tour" để xem hướng dẫn trực tiếp trên màn hình.',
+            content: 'Tour sẽ dẫn bạn qua từng thành phần quan trọng. Bạn có thể đóng bất cứ lúc nào.',
+            image: 'https://cdn.dribbble.com/userupload/43777200/file/original-b6b996f3118cec5deba3cf770e2943f8.png?resize=1024x768&vertical=center',
+        },
+    ],
+    steps: [
+        {
+            element: '#combo-step-1',
+            popover: {
+                title: 'Bảng điều khiển',
+                description: 'Đây là trung tâm điều hành. Mọi thứ bắt đầu từ đây.',
+                side: 'right',
+                align: 'start',
+            },
+        },
+        {
+            element: '#combo-step-2',
+            popover: {
+                title: 'Danh sách chiến dịch',
+                description: 'Xem toàn bộ chiến dịch đang hoạt động và đã lưu trữ.',
+                side: 'bottom',
+                align: 'center',
+            },
+        },
+        {
+            element: '#combo-step-3',
+            popover: {
+                title: 'Tạo chiến dịch mới',
+                description: 'Nhấn đây để bắt đầu một chiến dịch hoàn toàn mới.',
+                side: 'left',
+                align: 'end',
+            },
+        },
+    ],
+};
+const demoFlows = [exports.slidesOnlyFlow, exports.tourOnlyFlow, exports.slidesAndTourFlow];
+/**
+ * Demo OnBroading
+ */
+function DemoContent() {
+    (0, use_onboarding_init_1.usePHXOnboardingInit)(demoFlows);
+    const { getFlowStatus, resetStatusOnboarding, startFlow } = (0, onboarding_context_1.usePHXOnboarding)();
+    const demos = [
+        {
+            flowName: 'demo-slides-only',
+            badge: 'Slides Only',
+            badgeColor: '#3b82f6',
+            title: 'Chỉ có Slides',
+            description: 'Hiển thị modal giới thiệu tổng quan với nhiều trang slide. Không có tour hướng dẫn trực tiếp trên màn hình.',
+            features: ['✅ Modal slides', '❌ Không có Tour'],
+            buttonLabel: 'Mở Slides',
+            elements: null,
+        },
+        {
+            flowName: 'demo-tour-only',
+            badge: 'Tour Only',
+            badgeColor: '#10b981',
+            title: 'Chỉ có Tour',
+            description: 'Hướng dẫn trực tiếp từng thành phần trên giao diện thật. Không có modal slides giới thiệu.',
+            features: ['❌ Không có Slides', '✅ Tour trực tiếp'],
+            buttonLabel: 'Bắt đầu Tour',
+            elements: [
+                { id: 'tour-step-1', label: '🔍 Tìm kiếm' },
+                { id: 'tour-step-2', label: '🗂 Bộ lọc' },
+                { id: 'tour-step-3', label: '➕ Tạo mới' },
+            ],
+        },
+        {
+            flowName: 'demo-slides-and-tour',
+            badge: 'Slides + Tour',
+            badgeColor: '#8b5cf6',
+            title: 'Slides & Tour kết hợp',
+            description: 'Mở slides giới thiệu tổng quan trước. Sau đó có nút "Bắt đầu Tour" để chuyển sang hướng dẫn chi tiết.',
+            features: ['✅ Modal slides', '✅ Tour trực tiếp'],
+            buttonLabel: 'Bắt đầu',
+            elements: [
+                { id: 'combo-step-1', label: '🏠 Dashboard' },
+                { id: 'combo-step-2', label: '📋 Chiến dịch' },
+                { id: 'combo-step-3', label: '🆕 Tạo mới' },
+            ],
+        },
+    ];
+    return (react_1.default.createElement("div", { className: 'mx-auto max-w-6xl' },
+        react_1.default.createElement("div", { className: 'mb-12' },
+            react_1.default.createElement("h1", { className: 'mb-3 text-3xl font-bold text-slate-900' }, "Onboarding Demo"),
+            react_1.default.createElement("p", { className: 'text-base text-slate-500' }, "3 tr\u01B0\u1EDDng h\u1EE3p: ch\u1EC9 slides, ch\u1EC9 tour, v\u00E0 k\u1EBFt h\u1EE3p c\u1EA3 hai.")),
+        react_1.default.createElement("div", { className: 'grid gap-6 [grid-template-columns:repeat(auto-fit,minmax(280px,1fr))]' }, demos.map((demo) => {
+            const status = getFlowStatus(demo.flowName);
+            return (react_1.default.createElement(Card_1.PHXCard, { key: demo.flowName },
+                react_1.default.createElement(Badge_1.PHXBadge, { text: demo.badge, type: 'success' }),
+                react_1.default.createElement(BlockStack_1.PHXBlockStack, { gap: 'base' },
+                    react_1.default.createElement(TextV2_1.PHXTextV2, { size: 'body', color: 'primary', lineHeight: 'loose' }, demo.title),
+                    react_1.default.createElement(TextV2_1.PHXTextV2, { size: 'caption', lineHeight: 'base' }, demo.description),
+                    react_1.default.createElement("ul", { className: 'flex flex-col gap-3' }, demo.features.map((feature) => (react_1.default.createElement(TextV2_1.PHXTextV2, { size: 'caption', key: feature },
+                        "\u2022 ",
+                        feature))))),
+                react_1.default.createElement("div", { className: 'flex flex-col gap-1 mt-5 rounded-lg bg-slate-50 p-3 text-xs text-slate-500' },
+                    react_1.default.createElement("span", { className: 'mb-1 font-semibold text-slate-600' }, "Tr\u1EA1ng th\u00E1i (in-memory):"),
+                    react_1.default.createElement(HorizontalStack_1.PHXHorizontalStack, { gapX: 'base', items: 'center' },
+                        "Slides:",
+                        ' ',
+                        react_1.default.createElement(Box_1.PHXBox, { pt: 'atomic' },
+                            react_1.default.createElement(TextV2_1.PHXTextV2, { color: status.slidesCompleted ? 'success' : 'default', size: 'caption', weight: 'bold' }, status.slidesCompleted ? '✅ Đã xem' : '⏳ Chưa xem'))),
+                    react_1.default.createElement(Box_1.PHXBox, { pt: 'atomic' },
+                        react_1.default.createElement(HorizontalStack_1.PHXHorizontalStack, { gapX: 'base', items: 'center' },
+                            "Tour:",
+                            ' ',
+                            react_1.default.createElement(TextV2_1.PHXTextV2, { color: 'success', size: 'caption', weight: 'bold' }, status.toursCompleted ? '✅ Đã hoàn thành' : '⏳ Chưa làm')))),
+                demo.elements && (react_1.default.createElement("div", { className: 'flex flex-wrap gap-2 border-t border-slate-100 pt-4' }, demo.elements.map((el) => (react_1.default.createElement("div", { key: el.id, id: el.id, className: 'cursor-default rounded-lg border border-slate-200 bg-slate-50 px-3.5 py-1.5 text-sm font-medium text-slate-600' }, el.label))))),
+                react_1.default.createElement("div", { className: 'mt-5 flex flex-col gap-2' },
+                    react_1.default.createElement(Button_1.PHXButton, { id: `btn-${demo.flowName}`, primary: true, onClick: () => {
+                            resetStatusOnboarding(demo.flowName);
+                            startFlow(demo.flowName);
+                        } }, demo.buttonLabel))));
+        }))));
+}
+/**
+ * Demo cách sử dụng Onboarding
+ */
+function OnboardingDemo() {
+    return (react_1.default.createElement(onboarding_context_1.PHXOnboardingProvider, null,
+        react_1.default.createElement(DemoContent, null)));
+}
+//# sourceMappingURL=onbroading-demo.js.map

package/dist/cjs/components/Onboarding/onbroading-demo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onbroading-demo.js","sourceRoot":"","sources":["../../../../src/components/Onboarding/onbroading-demo.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Slider/index.d.ts

@@ -0,0 +1,2 @@
+export { PHXSlider } from './phx-slider';
+export type { PHXSliderProps, PHXSliderRef } from './phx-slider';

package/dist/cjs/components/Slider/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXSlider = void 0;
+var phx_slider_1 = require("./phx-slider");
+Object.defineProperty(exports, "PHXSlider", { enumerable: true, get: function () { return phx_slider_1.PHXSlider; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/Slider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Slider/index.ts"],"names":[],"mappings":";;;AAAA,2CAAwC;AAA/B,uGAAA,SAAS,OAAA"}

package/dist/cjs/components/Slider/phx-slider-item.d.ts

@@ -0,0 +1,6 @@
+import { FC, ReactNode } from 'react';
+export interface PHXSliderItemProps {
+    children: ReactNode;
+    onWidthChange?(width: number): void;
+}
+export declare const PHXSliderItem: FC<PHXSliderItemProps>;

package/dist/cjs/components/Slider/phx-slider-item.js

@@ -0,0 +1,38 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXSliderItem = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importStar(require("react"));
+const PHXSliderItem = ({ children, onWidthChange }) => {
+    const observerRef = (0, react_1.useRef)(null);
+    const prevWidthRef = (0, react_1.useRef)(0);
+    const containerRef = (0, react_1.useRef)(null);
+    /**
+     *  Callback when observer get the width of children
+     * @param entries
+     */
+    const handleObserver = (entries) => {
+        for (const entry of entries) {
+            if (prevWidthRef.current !== entry.contentRect.width) {
+                onWidthChange === null || onWidthChange === void 0 ? void 0 : onWidthChange(entry.contentRect.width);
+                prevWidthRef.current = entry.contentRect.width;
+            }
+        }
+    };
+    /**
+     *  Observes the width of the child element
+     * @returns
+     */
+    (0, react_1.useEffect)(() => {
+        observerRef.current = new ResizeObserver(handleObserver);
+        observerRef.current.observe(containerRef.current);
+        return () => {
+            var _a;
+            (_a = observerRef.current) === null || _a === void 0 ? void 0 : _a.disconnect();
+        };
+    }, []);
+    return (react_1.default.createElement("div", { ref: containerRef, className: 'shrink-0 [&_img]:pointer-events-none [&_img]:block', style: { width: 'var(--phx-slider-item-width)' } }, children));
+};
+exports.PHXSliderItem = PHXSliderItem;
+//# sourceMappingURL=phx-slider-item.js.map

package/dist/cjs/components/Slider/phx-slider-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phx-slider-item.js","sourceRoot":"","sources":["../../../../src/components/Slider/phx-slider-item.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAA;;;;AAEZ,uDAA+D;AAOxD,MAAM,aAAa,GAA2B,CAAC,EAAE,QAAQ,EAAE,aAAa,EAAE,EAAE,EAAE;IACnF,MAAM,WAAW,GAAG,IAAA,cAAM,EAAwB,IAAI,CAAC,CAAA;IACvD,MAAM,YAAY,GAAG,IAAA,cAAM,EAAS,CAAC,CAAC,CAAA;IACtC,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAA;IACjD;;;OAGG;IACH,MAAM,cAAc,GAAG,CAAC,OAAmC,EAAE,EAAE;QAC7D,KAAK,MAAM,KAAK,IAAI,OAAO,EAAE,CAAC;YAC5B,IAAI,YAAY,CAAC,OAAO,KAAK,KAAK,CAAC,WAAW,CAAC,KAAK,EAAE,CAAC;gBACrD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAC,CAAA;gBACxC,YAAY,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,CAAC,KAAK,CAAA;YAChD,CAAC;QACH,CAAC;IACH,CAAC,CAAA;IACD;;;OAGG;IACH,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,IAAI,cAAc,CAAC,cAAc,CAAC,CAAA;QACxD,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,OAAQ,CAAC,CAAA;QAElD,OAAO,GAAG,EAAE;;YACV,MAAA,WAAW,CAAC,OAAO,0CAAE,UAAU,EAAE,CAAA;QACnC,CAAC,CAAA;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,CACL,uCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAC,oDAAoD,EAC9D,KAAK,EAAE,EAAE,KAAK,EAAE,8BAA8B,EAAE,IAE/C,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,aAAa,iBAsCzB"}

package/dist/cjs/components/Slider/phx-slider.d.ts

@@ -0,0 +1,18 @@
+import { ReactNode } from 'react';
+import React from 'react';
+export interface PHXSliderProps {
+    perView?: number;
+    gap?: number;
+    children: ReactNode;
+    onIndexChange?(index: number): void;
+    enableNavigate?: boolean;
+}
+export interface PHXSliderRef {
+    prev(): void;
+    next(): void;
+    goTo(index: number): void;
+    currentIndex: number;
+    isFirstSlide: boolean;
+    isLastSlide: boolean;
+}
+export declare const PHXSlider: React.ForwardRefExoticComponent<PHXSliderProps & React.RefAttributes<PHXSliderRef>>;

package/dist/cjs/components/Slider/phx-slider.js

@@ -0,0 +1,168 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PHXSlider = void 0;
+const tslib_1 = require("tslib");
+const outline_1 = require("@heroicons/react/24/outline");
+const react_1 = require("react");
+const phx_slider_item_1 = require("./phx-slider-item");
+const create_animate_1 = require("./ultis/create-animate");
+const react_2 = tslib_1.__importDefault(require("react"));
+exports.PHXSlider = (0, react_1.forwardRef)(({ children, enableNavigate = true, gap = 0, onIndexChange, perView = 1 }, ref) => {
+    const [itemWidth, setItemWidth] = (0, react_1.useState)('');
+    const [x, setX] = (0, react_1.useState)(0);
+    const [currentIndex, setCurrentIndex] = (0, react_1.useState)(0);
+    const [isFirstSlide, setIsFirstSlide] = (0, react_1.useState)(true);
+    const [isLastSlide, setIsLastSlide] = (0, react_1.useState)(false);
+    const [prevDisabled, setPrevDisabled] = (0, react_1.useState)(true);
+    const [nextDisabled, setNextDisabled] = (0, react_1.useState)(false);
+    const childs = react_1.Children.toArray(children).flatMap((child) => {
+        if (react_2.default.isValidElement(child) && child.type === react_2.default.Fragment) {
+            return react_1.Children.toArray(child.props.children);
+        }
+        return child;
+    });
+    const containerRef = (0, react_1.useRef)(null);
+    /**
+     * Giới hạn giá trị trong khoảng min và max
+     * @param value Giá trị cần clamp
+     * @param min Giá trị nhỏ nhất
+     * @param max Giá trị lớn nhất
+     */
+    const clampValue = (value, min, max) => Math.min(Math.max(value, min), max);
+    /**
+     * Scroll tới vị trí X bất kỳ
+     * @param targetX Vị trí X cần scroll
+     */
+    const scrollTo = (targetX) => {
+        const containerEl = containerRef.current;
+        if (!containerEl) {
+            return;
+        }
+        const innerEl = containerEl.firstElementChild;
+        const minX = containerEl.clientWidth - innerEl.scrollWidth;
+        const nextX = clampValue(targetX, minX, 0);
+        (0, create_animate_1.createAnimate)({
+            from: x,
+            to: nextX,
+            duration: 250,
+            /**
+             * Callback khi cập nhật giá trị
+             * @param value Giá trị hiện tại
+             */
+            onUpdate(value) {
+                setX(value);
+            },
+            /**
+             * Callback khi kết thúc animation
+             */
+            onEnd() {
+                const containerCurrent = containerRef.current;
+                if (!containerCurrent || containerCurrent.clientWidth === 0)
+                    return;
+                const index = Math.round(Math.abs(nextX) / containerCurrent.clientWidth);
+                setCurrentIndex(index);
+                setIsFirstSlide(index === 0);
+                setIsLastSlide(index === childs.length - 1);
+                onIndexChange === null || onIndexChange === void 0 ? void 0 : onIndexChange(index);
+            },
+        });
+    };
+    /**
+     * Lấy các element cần thiết cho animation
+     */
+    const getElements = () => {
+        const containerEl = containerRef.current;
+        if (!containerEl) {
+            return null;
+        }
+        return {
+            containerEl,
+            innerEl: containerEl.firstElementChild,
+            width: containerEl.clientWidth,
+        };
+    };
+    /**
+     * Đến slide index bất kỳ
+     * @param index Index cần đến
+     */
+    const goTo = (index) => {
+        const containerEl = getElements();
+        if (!containerEl) {
+            return;
+        }
+        const width = containerEl.width;
+        scrollTo(-index * width);
+    };
+    const vars = {
+        '--phx-slider-item-width': itemWidth,
+        '--phx-slider-gap': `${gap}px`,
+        '--phx-slider-translate': `${x}px`,
+    };
+    /**
+     * Vô hiệu hóa nút next và prev khi đến cuối hoặc đầu
+     */
+    const handleDisable = () => {
+        const elements = getElements();
+        if (!elements) {
+            return;
+        }
+        const innerEl = elements.innerEl;
+        setPrevDisabled(x === 0);
+        setNextDisabled(x === elements.width - innerEl.scrollWidth);
+    };
+    (0, react_1.useLayoutEffect)(() => {
+        setItemWidth(`calc(${100 / perView}% - ${(gap * (perView - 1)) / perView}px)`);
+    }, [perView, gap]);
+    (0, react_1.useLayoutEffect)(() => {
+        handleDisable();
+    }, [x]);
+    /**
+     * Slide về slide trước
+     */
+    const handlePrev = () => {
+        const container = getElements();
+        if (!container) {
+            return;
+        }
+        const width = container.width;
+        scrollTo(x + width);
+    };
+    /**
+     * Slide tới slide sau
+     */
+    const handleNext = () => {
+        const el = getElements();
+        if (!el) {
+            return;
+        }
+        const width = el.width;
+        scrollTo(x - width);
+    };
+    /**
+     * exposes methods tới component cha
+     */
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        prev: handlePrev,
+        next: handleNext,
+        goTo,
+        currentIndex,
+        isFirstSlide,
+        isLastSlide,
+    }));
+    return (react_2.default.createElement("div", { ref: containerRef, className: 'relative select-none overflow-hidden', style: vars },
+        react_2.default.createElement("div", { className: 'flex will-change-transform', style: {
+                gap: 'var(--phx-slider-gap)',
+                transform: 'translate3d(var(--phx-slider-translate), 0, 0)',
+            } }, childs.map((child) => {
+            const _child = child;
+            return react_2.default.createElement(phx_slider_item_1.PHXSliderItem, { key: _child.key }, _child);
+        })),
+        enableNavigate && (react_2.default.createElement(react_2.default.Fragment, null,
+            react_2.default.createElement("button", { className: `absolute inset-y-0 left-0 z-10 flex w-20 cursor-pointer items-center justify-center bg-gradient-to-r from-white via-white/80 to-transparent ${prevDisabled ? 'hidden' : ''}`, onClick: handlePrev, type: 'button' },
+                react_2.default.createElement(outline_1.ChevronLeftIcon, { className: 'h-8 w-8' })),
+            react_2.default.createElement("button", { className: `absolute inset-y-0 right-0 z-10 flex w-20 cursor-pointer items-center justify-center bg-gradient-to-l from-white via-white/80 to-transparent ${nextDisabled ? 'hidden' : ''}`, onClick: handleNext, type: 'button' },
+                react_2.default.createElement(outline_1.ChevronRightIcon, { className: 'h-8 w-8' }))))));
+});
+exports.PHXSlider.displayName = 'PHXSlider';
+//# sourceMappingURL=phx-slider.js.map

package/dist/cjs/components/Slider/phx-slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"phx-slider.js","sourceRoot":"","sources":["../../../../src/components/Slider/phx-slider.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/Slider/ultis/create-animate.d.ts

@@ -0,0 +1,17 @@
+interface ICreateAnimateProps {
+    from: number;
+    to: number;
+    duration: number;
+    onUpdate(value: number): void;
+    onEnd?(): void;
+}
+/**
+ * Tạo animation
+ * @param duration Thời lượng animation
+ * @param from Giá trị bắt đầu
+ * @param onUpdate Callback khi cập nhật giá trị
+ * @param onEnd Callback khi kết thúc
+ * @param to Giá trị kết thúc
+ */
+export declare const createAnimate: ({ duration, from, onEnd, onUpdate, to }: ICreateAnimateProps) => void;
+export {};

package/dist/cjs/components/Slider/ultis/create-animate.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAnimate = void 0;
+/**
+ * Tạo animation
+ * @param duration Thời lượng animation
+ * @param from Giá trị bắt đầu
+ * @param onUpdate Callback khi cập nhật giá trị
+ * @param onEnd Callback khi kết thúc
+ * @param to Giá trị kết thúc
+ */
+const createAnimate = ({ duration, from, onEnd, onUpdate, to }) => {
+    const start = performance.now();
+    /**
+     * Hàm tạo animation
+     * @param now Thời gian hiện tại
+     */
+    const frame = (now) => {
+        const progress = Math.min((now - start) / duration, 1);
+        /**
+         * Hàm tính toán giá trị animation
+         * @param t Giá trị progress
+         */
+        const easeOutCubic = (t) => 1 - Math.pow(1 - t, 3);
+        const eased = easeOutCubic(progress);
+        const value = from + (to - from) * eased;
+        onUpdate(value);
+        if (progress < 1) {
+            requestAnimationFrame(frame);
+        }
+        else {
+            onEnd === null || onEnd === void 0 ? void 0 : onEnd();
+        }
+    };
+    requestAnimationFrame(frame);
+};
+exports.createAnimate = createAnimate;
+//# sourceMappingURL=create-animate.js.map

package/dist/cjs/components/Slider/ultis/create-animate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-animate.js","sourceRoot":"","sources":["../../../../../src/components/Slider/ultis/create-animate.ts"],"names":[],"mappings":";;;AAOA;;;;;;;GAOG;AACI,MAAM,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAuB,EAAE,EAAE;IAC5F,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAA;IAC/B;;;OAGG;IACH,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,EAAE;QAC5B,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,GAAG,KAAK,CAAC,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAA;QAEtD;;;WAGG;QACH,MAAM,YAAY,GAAG,CAAC,CAAS,EAAE,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,CAAA;QAC1D,MAAM,KAAK,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAA;QAEpC,MAAM,KAAK,GAAG,IAAI,GAAG,CAAC,EAAE,GAAG,IAAI,CAAC,GAAG,KAAK,CAAA;QACxC,QAAQ,CAAC,KAAK,CAAC,CAAA;QAEf,IAAI,QAAQ,GAAG,CAAC,EAAE,CAAC;YACjB,qBAAqB,CAAC,KAAK,CAAC,CAAA;QAC9B,CAAC;aAAM,CAAC;YACN,KAAK,aAAL,KAAK,uBAAL,KAAK,EAAI,CAAA;QACX,CAAC;IACH,CAAC,CAAA;IACD,qBAAqB,CAAC,KAAK,CAAC,CAAA;AAC9B,CAAC,CAAA;AA1BY,QAAA,aAAa,iBA0BzB"}

package/dist/cjs/index.d.ts

@@ -135,5 +135,7 @@ import { PHXFormatDateTime } from './helpers/formatDate';
 import PHXTableGroup from './components/TableGroup/TableGroup';
 import { EMAIL_REGEX, PHONE_NUMBER_REGEX } from './utils/constants';
 import { PHXIframe } from './components/Iframe';
+export * from './components/Slider';
+export * from './components/Onboarding';
 import { PHXScheduleTable } from './components/TableSchedule';
 export { PHXBottomAction, ModalCreateBorrowTicket as PHXLibraryModalCreateBorrowTicket, ModalReturnBook as PHXLibraryModalReturnBook, useFixedAction, PHXGrpcQueryAllSchool, PHXTextEditorV2, useMainwrapV4EventBus, PHXGetSettingSite, PHXSetSettingSite, PHXMainWrapV4, PHXTargetSelect, PHXTextEditorView, PHXStoreProduct, PHXButton, PHXBreadcrumb, PHXCard, PHXSpinner, PHXFormWrap, PHXHeaderBar, PHXTableV3, PHXInput, PHXSelect, PHXSelectBox, PHXRadio, PHXCheckbox, PHXCheckboxGroup, PHXContainer, PHXFormStep, PHXNotifications, PHXStep, PHXSkeleton, PHXFuncGetLoggedInfo, PHXClientQueryV3, PHXClientMutationV3, PHXClientMutationDataCenterV3, PHXClientQueryDataCenterV3, PHXClientMutationDevPortalV3, PHXClientQueryDevPortalV3, PHXTextarea, PHXModal, PHXTabs, PHXChoiceList, PHXDescriptionLists, PHXBadge, PHXLoginV3, PHXLoginSsoV3, PHXBanner, PHXButtonGroup, PHXCombobox, PHXFormLayout, PHXHorizontalStack, PHXUploadFile, PHXSearchResultListV3, PHXDatePicker, PHXEmptyRecord, PHXEmptySearch, PHXTimePicker, PHXDropdown, PHXUploadAvatar, PHXDateRangePicker, PHXUseDebounce, PHXResourceList, PHXFetchAPI, PieChart, BarChart, DonutChart, PHXTooltip, PHXGetActiveYearAndNextYearV3, PHXGetPrevCurrentNextYearV3, PHXGetCurrentYearWithTermHocVuV3, PHXGetCurrentYearWithTermV3, PHXFormTuitionV3, PHXMainWrapV3, PHXPagePermissionV3, PHXGetEnvPublicV3, PHXFuncGetActionPermissionV3, PHXUseQueryDataV3, PHXCalendar, PHXLoadingProvider, useLoading, PHXLoadingIndicator, PHXLink, PHXSwitchView, PHXTableVertical, PHXEmptyStateAction, PHXActivityHistory, PHXBannerWithCard, PHXUrlApply, PHXGetSelectedFilterValueFromUrl, PHXCardDetail, PHXGridLayout, PHXColumn, PHXRow, PHXStepCircle, PHXTableStatic, PHXGetToken, PHXToggle, PHXColSpan, PHXSortItem, PHXSortable, PHXGetListDepartmentManager, PHXGetUserManagerByUserId, PHXReportButtonTab, PHXReportButtonTabV2, PHXAllowExplanation, PHXUseRouterBack, PHXChunkUpdateMany, PHXTabDate, PHXTwoColumnLayout, PHXAxiosInstance, PHXDrawer, PHXResourceListSetting, PHXCompleteState, PHXTableReport, PHXMiniProgressBar, PHXFormConfigTimeUseService, PHXSelectWithAction, PHXText, PHXDescriptionListInTooltip, PHXSegmentTab, PHXUserTargetSelect, PHXTimeline, PHXClientQueryV5, PHXClientMutationV5, PHXUseToastContent, PHXTableV5, PHXPushNotificationService, PHXClientQueryV6, PHXClientMutationV6, PHXTableV6, PHXTextV2, PHXBox, PHXLegend, PHXIcon, PHXDivider, PHXPreviewNoti, PHXBlockStack, PHXInlineGrid, PHXUseDirectLink, PHXInputTags, PHXUseAuditLog, PHXFormatDateTime, PHXTableGroup, EMAIL_REGEX, PHONE_NUMBER_REGEX, PHXIframe, PHXScheduleTable, };

package/dist/cjs/index.js

@@ -287,6 +287,8 @@ Object.defineProperty(exports, "EMAIL_REGEX", { enumerable: true, get: function
 Object.defineProperty(exports, "PHONE_NUMBER_REGEX", { enumerable: true, get: function () { return constants_1.PHONE_NUMBER_REGEX; } });
 const Iframe_1 = require("./components/Iframe");
 Object.defineProperty(exports, "PHXIframe", { enumerable: true, get: function () { return Iframe_1.PHXIframe; } });
+tslib_1.__exportStar(require("./components/Slider"), exports);
+tslib_1.__exportStar(require("./components/Onboarding"), exports);
 const TableSchedule_1 = require("./components/TableSchedule");
 Object.defineProperty(exports, "PHXScheduleTable", { enumerable: true, get: function () { return TableSchedule_1.PHXScheduleTable; } });
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;AAAA,+EAA8E;AA4O5E,kGA5OO,kCAAiB,OA4OP;AA3OnB,+EAAoF;AAgOlF,6GAhOO,kDAA4B,OAgOP;AA/N9B,gEAA+D;AA8K7D,6FA9KO,wBAAY,OA8KP;AA7Kd,wDAAuD;AAsMrD,8FAtMO,0BAAa,OAsMP;AArMf,wDAAuD;AAmMrD,8FAnMO,0BAAa,OAmMP;AAlMf,4CAA2C;AA8KzC,wFA9KO,cAAO,OA8KP;AA7KT,gDAA+C;AA6J7C,0FA7JO,kBAAS,OA6JP;AA5JX,wDAAuD;AA6JrD,8FA7JO,0BAAa,OA6JP;AA5Jf,4CAA2C;AA6JzC,wFA7JO,cAAO,OA6JP;AA5JT,kDAAiD;AA6J/C,2FA7JO,oBAAU,OA6JP;AA5JZ,oDAAmD;AA6JjD,4FA7JO,sBAAW,OA6JP;AA5Jb,sDAAqD;AA6JnD,6FA7JO,wBAAY,OA6JP;AA5Jd,8CAA6C;AA8J3C,yFA9JO,gBAAQ,OA8JP;AA7JV,gDAA+C;AA8J7C,0FA9JO,kBAAS,OA8JP;AA7JX,sDAAqD;AA8JnD,6FA9JO,wBAAY,OA8JP;AA7Jd,8CAA6C;AA8J3C,yFA9JO,gBAAQ,OA8JP;AA7JV,oDAAmD;AA8JjD,4FA9JO,sBAAW,OA8JP;AA7Jb,8DAA6D;AA8J3D,iGA9JO,gCAAgB,OA8JP;AA7JlB,oDAAmD;AA+JjD,4FA/JO,sBAAW,OA+JP;AA9Jb,8DAA6D;AA+J3D,iGA/JO,gCAAgB,OA+JP;AA9JlB,oDAAmD;AAgKjD,4FAhKO,sBAAW,OAgKP;AA/Jb,0FAAiE;AAgK/D,+BAhKK,sBAAoB,CAgKL;AA/JtB,oDAAmD;AAsKjD,4FAtKO,sBAAW,OAsKP;AArKb,8CAA6C;AAsK3C,yFAtKO,gBAAQ,OAsKP;AArKV,4CAA2C;AAsKzC,wFAtKO,cAAO,OAsKP;AArKT,wDAAuD;AAsKrD,8FAtKO,0BAAa,OAsKP;AArKf,oEAAmE;AAsKjE,oGAtKO,sCAAmB,OAsKP;AArKrB,oFAAmF;AAiPjF,4GAjPO,sDAA2B,OAiPP;AAhP7B,8CAA6C;AAqK3C,yFArKO,gBAAQ,OAqKP;AApKV,gDAA+C;AAuK7C,0FAvKO,kBAAS,OAuKP;AAtKX,0DAAyD;AAuKvD,+FAvKO,4BAAc,OAuKP;AAtKhB,oDAAmD;AAuKjD,4FAvKO,sBAAW,OAuKP;AAtKb,kEAAiE;AAwK/D,mGAxKO,oCAAkB,OAwKP;AAvKpB,wEAAuE;AAyKrE,sGAzKO,0CAAqB,OAyKP;AAxKvB,wDAAuD;AAyKrD,8FAzKO,0BAAa,OAyKP;AAxKf,0DAAyD;AAyKvD,+FAzKO,4BAAc,OAyKP;AAxKhB,0DAAyD;AAyKvD,+FAzKO,4BAAc,OAyKP;AAxKhB,wDAAuD;AAyKrD,8FAzKO,0BAAa,OAyKP;AAxKf,oDAAmD;AAyKjD,4FAzKO,sBAAW,OAyKP;AAxKb,kGAAoE;AAyKlE,0BAzKK,sBAAe,CAyKL;AAxKjB,wFAA0D;AA0KxD,yBA1KK,qBAAc,CA0KL;AAzKhB,4DAA2D;AA0KzD,gGA1KO,8BAAe,OA0KP;AAzKjB,kEAAiE;AAuK/D,mGAvKO,oCAAkB,OAuKP;AAtKpB,wFAAuD;AAyKrD,sBAzKK,qBAAW,CAyKL;AAxKb,4FAA2D;AAyKzD,mBAzKK,kBAAQ,CAyKL;AAxKV,4FAA2D;AAyKzD,mBAzKK,kBAAQ,CAyKL;AAxKV,kGAAiE;AAyK/D,qBAzKK,oBAAU,CAyKL;AAxKZ,mFAAqD;AAyKnD,qBAzKK,iBAAU,CAyKL;AAxKZ,4EAQ+C;AA8H7C,iGArIA,kCAAgB,OAqIA;AAChB,oGArIA,qCAAmB,OAqIA;AAGnB,6GAvIA,8CAA4B,OAuIA;AAD5B,2GArIA,4CAA0B,OAqIA;AAD1B,8GAnIA,+CAA6B,OAmIA;AAG7B,0GArIA,2CAAyB,OAqIA;AAjCzB,sGAnGA,uCAAqB,OAmGA;AAjGvB,4EAA8F;AAuN5F,iGAvNO,kCAAgB,OAuNP;AAChB,oGAxNyB,qCAAmB,OAwNzB;AAvNrB,4EAA8F;AA2N5F,iGA3NO,kCAAgB,OA2NP;AAChB,oGA5NyB,qCAAmB,OA4NzB;AA3NrB,kDAAiD;AAuI/C,2FAvIO,oBAAU,OAuIP;AAtIZ,wDAAuD;AAuIrD,8FAvIO,0BAAa,OAuIP;AAtIf,uIAAuG;AA4JrG,wCA5JK,sCAA6B,CA4JL;AA3J/B,2IAAuG;AA4JrG,sCA5JK,wCAA2B,CA4JL;AA3J7B,uHAAkG;AA4JhG,2CA5JK,8BAAgC,CA4JL;AA3JlC,6GAAwF;AA4JtF,sCA5JK,yBAA2B,CA4JL;AA3J7B,8DAA6D;AA4J3D,iGA5JO,gCAAgB,OA4JP;AA3JlB,wDAAuD;AA4JrD,8FA5JO,0BAAa,OA4JP;AA3Jf,oEAAmE;AA4JjE,oGA5JO,sCAAmB,OA4JP;AA3JrB,kDAAiD;AAqG/C,2FArGO,oBAAU,OAqGP;AApGZ,0FAA8D;AA2J5D,4BA3JK,sBAAiB,CA2JL;AA1JnB,oGAAmE;AA4JjE,4BA5JK,2BAAiB,CA4JL;AA3JnB,oGAAmE;AAsKjE,sBAtKK,qBAAW,CAsKL;AArKb,8IAA6G;AAsK3G,2CAtKK,0CAAgC,CAsKL;AArKlC,oDAAmD;AA0JjD,4FA1JO,sBAAW,OA0JP;AAzJb,kEAA6E;AA0J3E,mGA1JO,oCAAkB,OA0JP;AAClB,2FA3J2B,4BAAU,OA2J3B;AA1JZ,gHAAiF;AA2J/E,8BA3JK,2BAAmB,CA2JL;AA1JrB,0EAA4C;AA2J1C,kBA3JK,cAAO,CA2JL;AA1JT,wDAAuD;AA2JrD,8FA3JO,0BAAa,OA2JP;AA1Jf,8DAA6D;AA2J3D,iGA3JO,gCAAgB,OA2JP;AA1JlB,oEAAmE;AA2JjE,oGA3JO,sCAAmB,OA2JP;AA1JrB,2GAA6E;AA2J3E,6BA3JK,yBAAkB,CA2JL;AA1JpB,mEAAkE;AA8JhE,8FA9JO,0BAAa,OA8JP;AA7Jf,mEAAkE;AA8JhE,8FA9JO,0BAAa,OA8JP;AA7Jf,gFAAkD;AA8JhD,oBA9JK,gBAAS,CA8JL;AA7JX,uEAAyC;AA8JvC,iBA9JK,aAAM,CA8JL;AA7JR,mEAAkE;AA8JhE,8FA9JO,0BAAa,OA8JP;AA7Jf,sEAAqE;AA8JnE,+FA9JO,4BAAc,OA8JP;AA7JhB,kGAAoE;AA2ElE,0BA3EK,sBAAe,CA2EL;AA1EjB,kFAAoD;AA6JlD,sBA7JK,kBAAW,CA6JL;AA5Jb,mFAAqD;AA6JnD,oBA7JK,gBAAS,CA6JL;AA5JX,kDAAiD;AA6J/C,2FA7JO,oBAAU,OA6JP;AA5JZ,sFAAwD;AA6JtD,sBA7JK,kBAAW,CA6JL;AA5Jb,sFAAwD;AA6JtD,sBA7JK,kBAAW,CA6JL;AA5Jb,oIAAsG;AA6JpG,sCA7JK,kCAA2B,CA6JL;AA5J7B,yEAA2E;AA8JzE,mGA9JO,iCAAkB,OA8JP;AA7JpB,+EAAiF;AA8J/E,qGA9JO,qCAAoB,OA8JP;AA7JtB,mJAA8G;AA2J5G,oCA3JK,uCAAyB,CA2JL;AA1J3B,wHAAqF;AA6JnF,8BA7JK,+BAAmB,CA6JL;AA5JrB,6DAA0D;AA6JxD,iGA7JO,kCAAgB,OA6JP;AA5JlB,qDAAsD;AA6LpD,iGA7LO,8BAAgB,OA6LP;AA5LlB,mEAAgE;AA8L9D,+FA9LO,8BAAc,OA8LP;AA7LhB,gGAAkE;AA2JhE,6BA3JK,yBAAkB,CA2JL;AA1JpB,yFAAwD;AA2JtD,qBA3JK,oBAAU,CA2JL;AA1JZ,kFAAiF;AA2J/E,mGA3JO,oCAAkB,OA2JP;AA1JpB,oGAAsE;AAyDpE,4BAzDK,wBAAiB,CAyDL;AAxDnB,mDAAkD;AA0JhD,iGA1JO,gCAAgB,OA0JP;AAzJlB,oGAAqE;AAsDnE,0BAtDK,uBAAe,CAsDL;AArDjB,uDAAsD;AAyJpD,0FAzJO,kBAAS,OAyJP;AAxJX,0EAAyE;AAyJvE,uGAzJO,4CAAsB,OAyJP;AAxJxB,wDAAuD;AAkDrD,8FAlDO,0BAAa,OAkDP;AAjDf,8EAA4E;AAwJ1E,iGAxJO,iCAAgB,OAwJP;AAvJlB,sEAAqE;AAwJnE,+FAxJO,4BAAc,OAwJP;AAvJhB,kFAAiF;AAwJ/E,mGAxJO,oCAAkB,OAwJP;AAvJpB,+GAA+E;AA4C7E,4BA5CK,0BAAiB,CA4CL;AA3CnB,+GAA+E;AA4C7E,4BA5CK,0BAAiB,CA4CL;AA3CnB,6GAA4G;AAsJ1G,4GAtJO,sDAA2B,OAsJP;AArJ7B,qFAAoF;AAsJlF,oGAtJO,sCAAmB,OAsJP;AArJrB,iDAAgD;AAsJ9C,wFAtJO,cAAO,OAsJP;AArJT,+EAAmF;AAsCjF,sGAtCO,qCAAqB,OAsCP;AArCvB,mEAAkE;AAsJhE,8FAtJO,0BAAa,OAsJP;AArJf,oEAAmE;AAsJjE,oGAtJO,sCAAmB,OAsJP;AArJrB,6DAA4D;AAsJ1D,4FAtJO,sBAAW,OAsJP;AArJb,sFAA8D;AAiC5D,0BAjCK,gBAAe,CAiCL;AAhCjB,kEAAuC;AACvC,uEAAsE;AAsJpE,mGAtJO,oCAAkB,OAsJP;AArJpB,kDAAiD;AAsJ/C,2FAtJO,oBAAU,OAsJP;AArJZ,+GAA8G;AAsJ5G,2GAtJO,oDAA0B,OAsJP;AArJ5B,kDAAiD;AAwJ/C,2FAxJO,oBAAU,OAwJP;AAvJZ,8GAA2E;AAyBzE,yBAzBK,0BAAc,CAyBL;AAxBhB,uIAAwG;AAsB3E,4CAtBtB,+BAAuB,CAsBgC;AArB9D,qJAAkH;AAsB7F,oCAtBd,2BAAe,CAsBwB;AArB9C,gDAA+C;AAqJ7C,0FArJO,kBAAS,OAqJP;AApJX,0CAAyC;AAqJvC,uFArJO,YAAM,OAqJP;AApJR,gDAA+C;AAqJ7C,0FArJO,kBAAS,OAqJP;AApJX,4CAA2C;AAqJzC,wFArJO,cAAO,OAqJP;AApJT,kDAAiD;AAqJ/C,2FArJO,oBAAU,OAqJP;AApJZ,4DAA0D;AAqJxD,+FArJO,6BAAc,OAqJP;AApJhB,wDAAuD;AAqJrD,8FArJO,0BAAa,OAqJP;AApJf,wDAAuD;AAqJrD,8FArJO,0BAAa,OAqJP;AApJf,oGAAqE;AAWnE,0BAXK,uBAAe,CAWL;AAVjB,sDAAqD;AAqJnD,6FArJO,wBAAY,OAqJP;AApJd,qDAAwD;AAsJtD,kGAtJO,8BAAiB,OAsJP;AArJnB,4FAA8D;AAsJ5D,wBAtJK,oBAAa,CAsJL;AArJf,iDAAmE;AAsJjE,4FAtJO,uBAAW,OAsJP;AACX,mGAvJoB,8BAAkB,OAuJpB;AAtJpB,gDAA+C;AAuJ7C,0FAvJO,kBAAS,OAuJP;AAtJX,8DAAmC;AACnC,kEAAuC;AACvC,8DAA6D;AAqJ3D,iGArJO,gCAAgB,OAqJP"}