secptrum-ui - npm Package Compare versions

Comparing version 1.1.33-beta.0 to 1.1.33-beta.1

dist/components/Backdrop/Backdrop.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ interface DropType {

dist/components/Box/Box.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { BoxType } from "../../types/sui";
@@ -3,0 +2,0 @@ /**

dist/components/Box/FlexBox.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { DivProps } from "styled-chroma";
@@ -3,0 +2,0 @@ export interface BoxProps extends DivProps {

dist/components/Button/Button.d.ts

@@ -1,2 +0,1 @@
-'use client';
 import { ButtonProps } from '../../types/sui';
@@ -49,6 +48,4 @@ /**
  */
-declare const Button: import('react').ForwardRefExoticComponent<
-  Omit<ButtonProps, 'ref'> & import('react').RefAttributes<HTMLButtonElement>
->;
+declare const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
 export default Button;
-//# sourceMappingURL=Button.d.ts.map
+//# sourceMappingURL=Button.d.ts.map

dist/components/Card/Card.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { CardProps } from "../../types/sui";
@@ -3,0 +2,0 @@ /**

dist/components/Checkbox/Checkbox.d.ts

@@ -1,2 +0,1 @@
-"use client";
 type CheckBoxType = {
@@ -3,0 +2,0 @@ /**

dist/components/Fab/Fab.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { FloatProps } from "../../types/sui";
@@ -3,0 +2,0 @@ declare const Fab: import("react").ForwardRefExoticComponent<Omit<FloatProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

dist/components/FilePicker/ImagePicker.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ interface ImagePickerProps {

dist/components/Icon/HoverableIcon.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type IconTypes = {

dist/components/Icon/Icon.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type IconBaseType = {

dist/components/Input/Input.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { InputType } from "../../types/sui";
@@ -3,0 +2,0 @@ /**

dist/components/loaders/BarLoader/BarLoader.d.ts

@@ -1,2 +0,1 @@
-"use client";
 type BarLoaderType = {
@@ -3,0 +2,0 @@ width?: string | number;

dist/components/loaders/CircleLoader/CircleLoader.d.ts

@@ -1,2 +0,1 @@
-"use client";
 type LoaderProps = {
@@ -3,0 +2,0 @@ /**

dist/components/loaders/CircleLoader/CircularProgress.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type CircularProgressProps = {

dist/components/loaders/keyframes.d.ts

@@ -1,4 +0,3 @@
-"use client";
 export declare const barload: string;
 export declare const spin: string;
 //# sourceMappingURL=keyframes.d.ts.map

dist/components/loaders/PulseLoader/PulseLoader.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type PulseLoaderProps = {

dist/components/loaders/ScaleLoader/ScaleLoader.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type ScaleLoaderProps = {

dist/components/modal/Modal.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type ModalType = {

dist/components/modal/ModalPanel.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ import { StackType } from "../../types/sui";

dist/components/modal/ModalTitle.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ import { BoxType } from "../../types/sui";

dist/components/router/BrowserRouter.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ interface BrowserRouterProps {

dist/components/router/Link.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ interface LinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {

dist/components/router/Router.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ interface Route {

dist/components/Stack/Stack.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { StackType } from "../../types/sui";
@@ -3,0 +2,0 @@ /**

dist/components/Switch/Switch.d.ts

@@ -1,2 +0,1 @@
-"use client";
 type SwitchType = {
@@ -3,0 +2,0 @@ /**

dist/components/Tabs/TabPanel.d.ts

@@ -1,4 +0,3 @@
-"use client";
 declare const TabPanel: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default TabPanel;
 //# sourceMappingURL=TabPanel.d.ts.map

dist/components/Tabs/Tabs.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { TabsListType } from "./TabsList";
@@ -3,0 +2,0 @@ /**

dist/components/Tabs/TabsHandle.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type TabsHandleType = {

dist/components/Tabs/TabsList.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ export type TabsListType = {

dist/components/Toast/Toast.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { ToastType } from "../../types/sui";
@@ -3,0 +2,0 @@ /**

dist/components/Toast/Toaster.d.ts

@@ -1,4 +0,3 @@
-"use client";
 declare const Toaster: () => import("react/jsx-runtime").JSX.Element;
 export default Toaster;
 //# sourceMappingURL=Toaster.d.ts.map

dist/context/useModal.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type ProviderType = {

dist/context/useTabList.d.ts

@@ -1,2 +0,1 @@
-"use client";
 type TabListContextType = {
@@ -3,0 +2,0 @@ onSwitch: (value: string) => void;

dist/context/useTheme.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ import { Theme, ThemeContextType } from "../types/local";

dist/hooks/router.d.ts

@@ -1,2 +0,1 @@
-"use client";
 export declare const RouterContext: import("react").Context<{
@@ -3,0 +2,0 @@ navigate: (to: string) => void;

dist/hooks/useAuth.d.ts

@@ -1,2 +0,1 @@
-"use client";
 type AuthContextType = {
@@ -3,0 +2,0 @@ isAuthenticated: boolean;

dist/hooks/useNavigation.d.ts

@@ -1,2 +0,1 @@
-"use client";
 /**
@@ -3,0 +2,0 @@ * A custom hook for accessing the navigation function from the BrowserRouter context.

dist/index.d.ts

@@ -1,2 +0,1 @@
-"use client";
 export { toast } from "./components/Toast/Toast";
@@ -3,0 +2,0 @@ export { generateId } from "./lib/helper";

dist/lib/helper/index.d.ts

@@ -1,4 +0,3 @@
-"use client";
 export declare const hexToRgbArray: (hex: any) => number[];
 export declare function generateId(): string;
 //# sourceMappingURL=index.d.ts.map

dist/lib/helper/theme.d.ts

@@ -1,2 +0,1 @@
-"use client";
 declare const getModeStyle: (mode: "dark" | "light") => {
@@ -3,0 +2,0 @@ [key: string]: string;

dist/lib/index.d.ts

@@ -1,2 +0,1 @@
-"use client";
 //# sourceMappingURL=index.d.ts.map

dist/styles/action/styled.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { ButtonProps } from "../../types/sui";
@@ -3,0 +2,0 @@ import { IStyleFab } from "../../types/istyle";

dist/styles/animations.d.ts

@@ -1,2 +0,1 @@
-"use client";
 export declare const spin: string;
@@ -3,0 +2,0 @@ export declare const zoom: string;

dist/styles/colors.d.ts

@@ -1,2 +0,1 @@
-"use client";
 export declare const colors: {
@@ -3,0 +2,0 @@ primary: {

dist/styles/feedback/styled.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { IStyleDrop, IStyleModalFooter, IStyleModalPanel, IStyleToast, IStyleToastCloseIcon } from "../../types/istyle";
@@ -3,0 +2,0 @@ export declare const DropSui: import("react").ForwardRefExoticComponent<IStyleDrop & {

dist/styles/font.d.ts

@@ -1,2 +0,1 @@
-"use client";
 //# sourceMappingURL=font.d.ts.map

dist/styles/global.d.ts

@@ -1,2 +0,1 @@
-"use client";
 export declare const FixedBox: import("react").ForwardRefExoticComponent<{
@@ -3,0 +2,0 @@ theme?: {

dist/styles/input/styled.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { DivProps } from "styled-chroma";
@@ -3,0 +2,0 @@ import { InputType } from "../../types/sui";

dist/styles/layout/styled.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { IStyleBox, IStyleStack, IStyleTabHandle } from "../../types/istyle";
@@ -3,0 +2,0 @@ import { CardProps } from "../../types/sui";

dist/styles/utility/styled.d.ts

@@ -1,2 +0,1 @@
-"use client";
 export declare const FilePicker: import("react").ForwardRefExoticComponent<Omit<import("../../types/sui").BoxType, "ref"> & import("react").RefAttributes<HTMLDivElement> & {
@@ -3,0 +2,0 @@ theme?: {

dist/types/istyle.d.ts

@@ -1,2 +0,1 @@
-"use client";
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -3,0 +2,0 @@ import { DivProps } from "styled-chroma";

dist/types/local.d.ts

@@ -1,2 +0,1 @@
-"use client";
 declare type Theme = {
@@ -3,0 +2,0 @@ colors?: {

dist/types/sui.d.ts

@@ -1,2 +0,1 @@
-"use client";
 /* eslint-disable @typescript-eslint/no-explicit-any */
@@ -3,0 +2,0 @@ type InputProps = React.DetailedHTMLProps<

dist/utils/actions/index.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { FloatProps } from "../../types/sui";
@@ -3,0 +2,0 @@ declare const getFloatVariantStyle: (variant: FloatProps["variant"], colorScheme: FloatProps["colorScheme"]) => {

dist/utils/auth/Authenticate.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import React from "react";
@@ -3,0 +2,0 @@ type AuthenticateSessionProps = {

dist/utils/button/index.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { ButtonProps } from "../../types/sui";
@@ -3,0 +2,0 @@ declare const getButtonRadius: (radius: ButtonProps["radius"]) => "4px" | "6px" | "12px" | "9999px";

dist/utils/feedback/index.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { ModalPanelType } from "../../components/modal/ModalPanel";
@@ -3,0 +2,0 @@ declare const getPanelSize: (size: ModalPanelType["size"]) => "\n                  width: 300px;\n              " | "\n                  width: 400px;\n              " | "\n        width: 500px;\n  \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n              " | "\n        width: 600px;\n        \n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | "\n        width: 60%;\n  \n        @media screen and (max-width:1024px){\n        width: 80%;\n        }\n        @media screen and (max-width:550px){\n        width: 90%;\n        }\n        " | undefined;

dist/utils/input/index.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { InputType } from "../../types/sui";
@@ -3,0 +2,0 @@ declare const getInputStyles: ({ mode, variant, focusBorderColor, focusColor, outLineBorderColor, disabled, hasError, Type, }: InputType) => {

dist/utils/layout/index.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { CardProps } from "../../types/sui";
@@ -3,0 +2,0 @@ export declare const cardStyles: (mode: CardProps["mode"]) => {

dist/utils/mode.d.ts

@@ -1,2 +0,1 @@
-"use client";
 export declare const getModeStyle: (mode: "light" | "dark") => {
@@ -3,0 +2,0 @@ tabListBg: string;

dist/utils/position.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { FloatProps, ToastPositionType } from "../types/sui";
@@ -3,0 +2,0 @@ export declare const getFloatPosition: (position: FloatProps["position"]) => {

dist/utils/spacing.d.ts

@@ -1,4 +0,3 @@
-"use client";
 export declare const getSpacing: (size: number) => string;
 export declare const spacingValues: (spacing: string | any) => string;
 //# sourceMappingURL=spacing.d.ts.map

dist/utils/transitions.d.ts

@@ -1,2 +0,1 @@
-"use client";
 import { ToastOptionsType } from "../types/sui";
@@ -3,0 +2,0 @@ declare const getToastTransition: (transition: ToastOptionsType["transition"], isVisible: boolean) => string;

package.json

 {
   "name": "secptrum-ui",
-  "version": "1.1.33-beta.0",
+  "version": "1.1.33-beta.1",
   "description": "**SecptrumUI** A React component library with adaptable, responsive designs using `styled-chroma`",
@@ -31,4 +31,4 @@ "homepage": "https://secptrumui.vercel.app",
     "build": "rollup -c",
-    "insert-use-client": "node scripts/insertUseClient.js",
-    "postbuild": "copyfiles -u 1 src/types/**/* dist/ && npm run insert-use-client",
+    "insert-client": "node scripts/insertUseClient.js",
+    "postbuild": "copyfiles -u 1 src/types/**/* dist/",
     "prerelease": "npx tsc --noEmit",
@@ -39,2 +39,5 @@ "release": "npm version patch && git push origin master --follow-tags",
   },
+  "bin": {
+    "insert-client": "./scripts/insertUseClient.js"
+  },
   "keywords": [
@@ -68,3 +71,2 @@ "react",
     "@rollup/plugin-node-resolve": "^15.3.0",
-    "@rollup/plugin-replace": "^6.0.1",
     "@rollup/plugin-terser": "^0.4.4",
@@ -79,4 +81,5 @@ "@rollup/plugin-typescript": "^11.1.6",
     "tslib": "^2.7.0",
-    "typescript": "^5.5.4"
+    "typescript": "^5.5.4",
+    "insert-client": "./scripts/insertUseClient.js"
   }
 }

scripts/insertUseClient.js

@@ -0,35 +1,44 @@
+#!/usr/bin/env node
+
 const fs = require('fs');
 const path = require('path');
 
-// Path to the directory where Rollup outputs your files
+// Ensure the path to the dist directory is correct
 const distDir = path.join(__dirname, '../dist');
 
-// Recursively add 'use client' directive to all relevant files in 'dist'
-function addUseClientToFiles(dir) {
-  const files = fs.readdirSync(dir);
+// Check if the directory exists
+if (fs.existsSync(distDir)) {
+  // Recursively add 'use client' directive to all relevant files in 'dist'
+  function addUseClientToFiles(dir) {
+    const files = fs.readdirSync(dir);
 
-  files.forEach((file) => {
-    const fullPath = path.join(dir, file);
-    const stat = fs.statSync(fullPath);
+    files.forEach((file) => {
+      const fullPath = path.join(dir, file);
+      const stat = fs.statSync(fullPath);
 
-    if (stat.isDirectory()) {
-      // Recursively check subdirectories
-      addUseClientToFiles(fullPath);
-    } else if (file.endsWith('.js') || file.endsWith('.ts')) {
-      // Read the file
-      const content = fs.readFileSync(fullPath, 'utf8');
+      if (stat.isDirectory()) {
+        // Recursively check subdirectories
+        addUseClientToFiles(fullPath);
+      } else if (file.endsWith('.js') || file.endsWith('.ts')) {
+        // Read the file
+        const content = fs.readFileSync(fullPath, 'utf8');
 
-      // Check if 'use client' is already present
-      if (!content.startsWith('"use client";')) {
-        // Add 'use client' at the top
-        const newContent = `"use client";\n${content}`;
+        // Check if 'use client' is already present
+        if (!content.startsWith('"use client";')) {
+          // Add 'use client' at the top
+          const newContent = `"use client";\n${content}`;
 
-        // Write the file back with 'use client' at the top
-        fs.writeFileSync(fullPath, newContent, 'utf8');
-        console.log(`Added 'use client' to: ${fullPath}`);
+          // Write the file back with 'use client' at the top
+          fs.writeFileSync(fullPath, newContent, 'utf8');
+          console.log(`Added 'use client' to: ${fullPath}`);
+        }
       }
-    }
-  });
+    });
+  }
+
+  addUseClientToFiles(distDir);
+} else {
+  console.error(
+    `Directory ${distDir} does not exist. Make sure Rollup build was successful.`
+  );
 }
-
-addUseClientToFiles(distDir);

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Worsened metrics

Total package byte prevSize

19718532

Lines of code

5910

decreased by-1.02%

No dependency changes