funuicss 2.7.15 → 3.0.0

package/index.d.ts

@@ -51,5 +51,8 @@ export { default as DatePicker } from "./ui/datepicker/DatePicker";
 export { default as Calendar } from "./ui/calendar/Calendar";
 export { default as Vista } from "./ui/vista/Vista";
 export { default as Slider } from "./ui/slider/Slider";
+export { default as FlexItem } from "./ui/flex/FlexItem";
+export { default as ScrollToTop } from "./ui/scrolltotop/ScrollToTop";
 export { default as Cookie } from "./js/Cookie";
 export { FunGet } from "./js/Fun";
+export { default as GoogleAnalytics } from "./js/google/analytics";

package/index.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = exports.View = exports.ScrollInView = exports.Accordion = exports.Flex = exports.RichText = exports.Carousel = exports.Video = exports.SideBar = exports.ChartPie = exports.Lines = exports.Bars = exports.FullCenteredPage = exports.CircleGroup = exports.Circle = exports.Hr = exports.Section = exports.RowFlex = exports.Tip = exports.AppBar = exports.ToolTip = exports.Notification = exports.FunLoader = exports.ProgressBar = exports.DropMenu = exports.DropItem = exports.Dropdown = exports.DropDown = exports.DropUp = exports.UnAuthorized = exports.NotFound = exports.StepLine = exports.StepHeader = exports.Step = exports.StepContainer = exports.Div = exports.Text = exports.List = exports.Table = exports.Modal = exports.Loader = exports.Input = exports.Col = exports.Grid = exports.Container = exports.BreadCrumb = exports.Card = exports.Button = exports.ThemeProvider = exports.Alert = void 0;
-exports.FunGet = exports.Cookie = exports.Slider = exports.Vista = exports.Calendar = void 0;
+exports.GoogleAnalytics = exports.FunGet = exports.Cookie = exports.ScrollToTop = exports.FlexItem = exports.Slider = exports.Vista = exports.Calendar = void 0;
 var Alert_1 = require("./ui/alert/Alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return __importDefault(Alert_1).default; } });
 var theme_1 = require("./ui/theme/theme");
@@ -111,8 +111,14 @@ var Vista_1 = require("./ui/vista/Vista");
 Object.defineProperty(exports, "Vista", { enumerable: true, get: function () { return __importDefault(Vista_1).default; } });
 var Slider_1 = require("./ui/slider/Slider");
 Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return __importDefault(Slider_1).default; } });
+var FlexItem_1 = require("./ui/flex/FlexItem");
+Object.defineProperty(exports, "FlexItem", { enumerable: true, get: function () { return __importDefault(FlexItem_1).default; } });
+var ScrollToTop_1 = require("./ui/scrolltotop/ScrollToTop");
+Object.defineProperty(exports, "ScrollToTop", { enumerable: true, get: function () { return __importDefault(ScrollToTop_1).default; } });
 // js 
 var Cookie_1 = require("./js/Cookie");
 Object.defineProperty(exports, "Cookie", { enumerable: true, get: function () { return __importDefault(Cookie_1).default; } });
 var Fun_1 = require("./js/Fun");
 Object.defineProperty(exports, "FunGet", { enumerable: true, get: function () { return Fun_1.FunGet; } });
+var analytics_1 = require("./js/google/analytics");
+Object.defineProperty(exports, "GoogleAnalytics", { enumerable: true, get: function () { return __importDefault(analytics_1).default; } });

package/js/google/AnalyticsHandler.d.ts

@@ -0,0 +1,10 @@
+declare global {
+    interface Window {
+        gtag?: (...args: any[]) => void;
+    }
+}
+type AnalyticsHandlerProps = {
+    id: string;
+};
+export default function AnalyticsHandler({ id }: AnalyticsHandlerProps): null;
+export {};

package/js/google/AnalyticsHandler.js

@@ -0,0 +1,20 @@
+"use strict";
+'use client';
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = AnalyticsHandler;
+var react_1 = require("react");
+var navigation_1 = require("next/navigation");
+function AnalyticsHandler(_a) {
+    var id = _a.id;
+    var pathname = (0, navigation_1.usePathname)();
+    var searchParams = (0, navigation_1.useSearchParams)();
+    (0, react_1.useEffect)(function () {
+        var url = pathname + '?' + searchParams.toString();
+        if (typeof window !== 'undefined' && window.gtag) {
+            window.gtag('config', id, {
+                page_path: url,
+            });
+        }
+    }, [pathname, searchParams, id]);
+    return null;
+}

package/js/google/analytics.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type AnalyticsProps = {
+    id: string;
+};
+export default function Analytics({ id }: AnalyticsProps): React.JSX.Element;
+export {};

package/js/google/analytics.js

@@ -0,0 +1,53 @@
+"use strict";
+'use client';
+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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = Analytics;
+var react_1 = __importStar(require("react"));
+var script_1 = __importDefault(require("next/script"));
+var AnalyticsHandler_1 = __importDefault(require("./AnalyticsHandler"));
+function Analytics(_a) {
+    var id = _a.id;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(script_1.default, { strategy: "afterInteractive", src: "https://www.googletagmanager.com/gtag/js?id=".concat(id) }),
+        react_1.default.createElement(script_1.default, { id: "gtag-init", strategy: "afterInteractive", dangerouslySetInnerHTML: {
+                __html: "\n            window.dataLayer = window.dataLayer || [];\n            function gtag(){dataLayer.push(arguments);}\n            gtag('js', new Date());\n            gtag('config', '".concat(id, "');\n          "),
+            } }),
+        react_1.default.createElement(react_1.Suspense, { fallback: null },
+            react_1.default.createElement(AnalyticsHandler_1.default, { id: id }))));
+}

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "2.7.15",
+  "version": "3.0.0",
   "name": "funuicss",
   "description": "React and Next.js component UI Library for creating Easy and good looking websites with fewer lines of code. Elevate your web development experience with our cutting-edge React/Next.js component UI Library. Craft stunning websites effortlessly, boasting both seamless functionality and aesthetic appeal—all achieved with minimal lines of code. Unleash the power of simplicity and style in your projects!",
   "main": "index.js",