math-main-components 0.0.1 → 0.0.3

package/dist/cjs/index.js

@@ -1,2 +1,2 @@
-"use strict";require("react");
+"use strict";
 //# sourceMappingURL=index.js.map

package/dist/cjs/types/components/Accordeon/Accordeon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AccordeonProps } from './Accordeon.types';
+export declare function Accordeon({ title, children }: AccordeonProps): React.JSX.Element;

package/dist/cjs/types/components/Accordeon/index.d.ts

@@ -1,3 +1 @@
-import React from 'react';
-import { AccordeonProps } from './Accordeon.types';
-export default function Accordeon({ title, children }: AccordeonProps): React.JSX.Element;
+export * from './Accordeon';

package/dist/cjs/types/components/Dialog/Dialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DialogProps } from "./Dialog.types";
+export declare function Dialog({ active, onClose, children }: DialogProps): React.JSX.Element;

package/dist/cjs/types/components/Dialog/index.d.ts

@@ -1,3 +1 @@
-import React from "react";
-import { DialogProps } from "./Dialog.types";
-export default function Dialog({ active, onClose, children }: DialogProps): React.JSX.Element;
+export * from './Dialog';

package/dist/cjs/types/components/Gap/Gap.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { GapProps } from "./Gap.types";
+export declare function Gap({ size }: GapProps): React.JSX.Element;

package/dist/cjs/types/components/Gap/index.d.ts

@@ -1,3 +1 @@
-import React from "react";
-import { GapProps } from "./Gap.types";
-export default function Gap({ size }: GapProps): React.JSX.Element;
+export * from './';

package/dist/cjs/types/components/SvgIcon/SvgIcon.d.ts

@@ -0,0 +1,4 @@
+import "external-svg-loader";
+import React from 'react';
+import { SvgIconProps } from "./SvgIcon.types";
+export declare function SvgIcon({ iconName, size, className, onClick }: SvgIconProps): React.JSX.Element;

package/dist/cjs/types/components/SvgIcon/index.d.ts

@@ -1,4 +1 @@
-import "external-svg-loader";
-import React from 'react';
-import { SvgIconProps } from "./SvgIcon.types";
-export default function SvgIcon({ iconName, size, className, onClick }: SvgIconProps): React.JSX.Element;
+export * from './SvgIcon';

package/dist/esm/index.js

@@ -1,2 +1,2 @@
-import"react";
+
 //# sourceMappingURL=index.js.map

package/dist/esm/types/components/Accordeon/Accordeon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { AccordeonProps } from './Accordeon.types';
+export declare function Accordeon({ title, children }: AccordeonProps): React.JSX.Element;

package/dist/esm/types/components/Accordeon/index.d.ts

@@ -1,3 +1 @@
-import React from 'react';
-import { AccordeonProps } from './Accordeon.types';
-export default function Accordeon({ title, children }: AccordeonProps): React.JSX.Element;
+export * from './Accordeon';

package/dist/esm/types/components/Dialog/Dialog.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { DialogProps } from "./Dialog.types";
+export declare function Dialog({ active, onClose, children }: DialogProps): React.JSX.Element;

package/dist/esm/types/components/Dialog/index.d.ts

@@ -1,3 +1 @@
-import React from "react";
-import { DialogProps } from "./Dialog.types";
-export default function Dialog({ active, onClose, children }: DialogProps): React.JSX.Element;
+export * from './Dialog';

package/dist/esm/types/components/Gap/Gap.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { GapProps } from "./Gap.types";
+export declare function Gap({ size }: GapProps): React.JSX.Element;

package/dist/esm/types/components/Gap/index.d.ts

@@ -1,3 +1 @@
-import React from "react";
-import { GapProps } from "./Gap.types";
-export default function Gap({ size }: GapProps): React.JSX.Element;
+export * from './';

package/dist/esm/types/components/SvgIcon/SvgIcon.d.ts

@@ -0,0 +1,4 @@
+import "external-svg-loader";
+import React from 'react';
+import { SvgIconProps } from "./SvgIcon.types";
+export declare function SvgIcon({ iconName, size, className, onClick }: SvgIconProps): React.JSX.Element;

package/dist/esm/types/components/SvgIcon/index.d.ts

@@ -1,4 +1 @@
-import "external-svg-loader";
-import React from 'react';
-import { SvgIconProps } from "./SvgIcon.types";
-export default function SvgIcon({ iconName, size, className, onClick }: SvgIconProps): React.JSX.Element;
+export * from './SvgIcon';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "math-main-components",
-    "version": "0.0.1",
+    "version": "0.0.3",
     "author": "Emilian Scheel",
     "license": "MIT",
     "main": "dist/cjs/index.js",
@@ -10,27 +10,29 @@
         "build": "rollup -c --bundleConfigAsCjs"
     },
     "dependencies": {
+        "prop-types": "^15.8.1",
+        "tsc": "^2.0.4"
+    },
+    "devDependencies": {
         "@rollup/plugin-commonjs": "^25.0.4",
         "@rollup/plugin-node-resolve": "^15.2.1",
         "@rollup/plugin-typescript": "^11.1.3",
-        "rollup-plugin-dts": "^6.0.2",
-        "rollup-plugin-peer-deps-external": "^2.2.4",
-        "rollup-plugin-terser": "^7.0.2",
-        "tslib": "^2.6.2"
-    },
-    "devDependencies": {
         "@types/node-sass": "^4.11.4",
         "@types/react": "^18.2.22",
         "css-loader": "^6.8.1",
         "css-modules-typescript-loader": "^4.0.1",
         "node-sass": "^9.0.0",
         "rollup": "^3.29.2",
+        "rollup-plugin-dts": "^6.0.2",
+        "rollup-plugin-peer-deps-external": "^2.2.4",
+        "rollup-plugin-terser": "^7.0.2",
         "sass": "^1.67.0",
         "sass-loader": "^13.3.2",
+        "tslib": "^2.6.2",
         "typescript": "^5.2.2"
     },
     "peerDependencies": {
         "react": "^18.2.0",
         "react-dom": "^18.2.0"
     }
-}
+}

package/src/components/Accordeon/Accordeon.tsx

@@ -0,0 +1,24 @@
+import React, { useState } from 'react'
+import { SvgIcon } from '../SvgIcon'
+import { AccordeonProps } from './Accordeon.types'
+import styles from './styles.module.scss'
+
+export function Accordeon({
+    title,
+    children
+}: AccordeonProps) {
+
+    const [isActive, setActive] = useState(false)
+
+    return (
+        <div className={[styles.container, isActive ? styles.active : styles.not_active].join(" ")}>
+            <div className={styles.head} onClick={() => setActive(!isActive)}>
+                <SvgIcon iconName="expand_more" />
+                <h3>{title}</h3>
+            </div>
+            <div className={styles.content}>
+                {children}
+            </div>
+        </div>
+    )
+}

package/src/components/Accordeon/index.tsx

@@ -1,24 +1 @@
-import React, { useState } from 'react'
-import SvgIcon from '../SvgIcon'
-import { AccordeonProps } from './Accordeon.types'
-import styles from './styles.module.scss'
-
-export default function Accordeon({
-    title,
-    children
-}: AccordeonProps) {
-
-    const [isActive, setActive] = useState(false)
-
-    return (
-        <div className={[styles.container, isActive ? styles.active : styles.not_active].join(" ")}>
-            <div className={styles.head} onClick={() => setActive(!isActive)}>
-                <SvgIcon iconName="expand_more" />
-                <h3>{title}</h3>
-            </div>
-            <div className={styles.content}>
-                {children}
-            </div>
-        </div>
-    )
-}
+export * from './Accordeon';

package/src/components/Dialog/Dialog.tsx

@@ -0,0 +1,26 @@
+import React from "react";
+import { DialogProps } from "./Dialog.types";
+import styles from './styles.module.scss';
+
+
+
+export function Dialog({
+    active = false,
+    onClose = (event: any) => { },
+    children = null
+}: DialogProps) {
+
+    function onClick(event: any) {
+        if (event.target.id == 'dialog-backdrop') {
+            onClose(event)
+        }
+    }
+
+    return (
+        <div id="dialog-backdrop" className={`${styles.container} ${active ? styles.active : styles.disabled}`} onClick={onClick}>
+            <div className={styles.dialog_window}>
+                {children}
+            </div>
+        </div>
+    )
+}

package/src/components/Dialog/index.tsx

@@ -1,26 +1 @@
-import React from "react";
-import { DialogProps } from "./Dialog.types";
-import styles from './styles.module.scss';
-
-
-
-export default function Dialog({
-    active = false,
-    onClose = (event: any) => { },
-    children = null
-}: DialogProps) {
-
-    function onClick(event: any) {
-        if (event.target.id == 'dialog-backdrop') {
-            onClose(event)
-        }
-    }
-
-    return (
-        <div id="dialog-backdrop" className={`${styles.container} ${active ? styles.active : styles.disabled}`} onClick={onClick}>
-            <div className={styles.dialog_window}>
-                {children}
-            </div>
-        </div>
-    )
-}
+export * from './Dialog';

package/src/components/Gap/Gap.tsx

@@ -0,0 +1,9 @@
+import React from "react";
+import { GapProps } from "./Gap.types";
+
+
+export function Gap({ size }: GapProps) {
+    return (
+        <div style={{ height: size }}></div>
+    )
+}

package/src/components/Gap/index.tsx

@@ -1,9 +1 @@
-import React from "react";
-import { GapProps } from "./Gap.types";
-
-
-export default function Gap({ size }: GapProps) {
-    return (
-        <div style={{ height: size }}></div>
-    )
-}
+export * from './';

package/src/components/SvgIcon/{index.tsx → SvgIcon.tsx}

@@ -3,7 +3,7 @@ import React from 'react';
 import { SvgIconProps } from "./SvgIcon.types";
 
 
-export default function SvgIcon({
+export function SvgIcon({
     iconName,
     size = "24px",
     className = "",

package/src/components/SvgIcon/index.ts

@@ -0,0 +1,2 @@
+
+export * from './SvgIcon';

package/src/components/index.d.ts

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

package/src/index.d.ts

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