@yourdash/uikit 1.0.2 → 1.0.3

package/components/toast/toasts.tsx

@@ -1,99 +1,99 @@
-/*
- * Copyright ©2024 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-import generateUUID from "@yourdash/shared/web/helpers/uuid.ts";
-import Heading from "../heading/heading.tsx";
-import Separator from "../separator/separator.tsx";
-import type ToastInterface from "./toast.ts";
-import clippy from "@yourdash/shared/web/helpers/clippy.ts";
-import { FC, useState } from "react";
-import Card from "../card/card.tsx";
-import { UKIcon } from "../icon/iconDictionary.ts";
-import IconButton from "../iconButton/iconButton.tsx";
-import Text from "../text/text.tsx";
-import ToastContext from "./toastContext.ts";
-import * as React from "react";
-// @ts-ignore
-import styles from "./toast.module.scss";
-
-const TOAST_DISPLAY_TIME = 5000;
-
-const Toasts: FC<{ children: React.ReactNode | React.ReactNode[] }> = ({ children }) => {
-  const [toasts, setToasts] = useState<(ToastInterface & { uuid: string; animatingOut: boolean })[]>([]);
-
-  return (
-    <>
-      <ToastContext.Provider
-        value={{
-          showToast: (data: ToastInterface) => {
-            const uuid = generateUUID();
-
-            setToasts((t) => [...t, { ...data, uuid: uuid, animatingOut: false }]);
-
-            if (!data.persist) {
-              setTimeout(() => {
-                setToasts((t) =>
-                  t.map((toast) => {
-                    if (uuid === toast.uuid) {
-                      return {
-                        ...toast,
-                        animatingOut: true,
-                      };
-                    }
-
-                    return toast;
-                  }),
-                );
-              }, TOAST_DISPLAY_TIME - 500);
-
-              setTimeout(() => {
-                setToasts((t) => t.filter((toast) => toast.uuid !== uuid));
-              }, TOAST_DISPLAY_TIME);
-            }
-          },
-        }}
-      >
-        <div className={styles.container}>
-          {toasts.map((t) => {
-            return (
-              <Card
-                key={t.uuid}
-                actions={
-                  t.persist ? (
-                    <IconButton
-                      accessibleLabel={"Close toast"}
-                      icon={UKIcon.X}
-                      onClick={() => setToasts((toasts) => toasts.filter((x) => x.uuid !== t.uuid))}
-                    />
-                  ) : null
-                }
-                className={clippy(styles.cardContent, t.type && styles[t.type])}
-                containerClassName={clippy(
-                  styles.component,
-                  t.persist && styles.pointerEvents,
-                  t.animatingOut ? "animate__animated animate__fadeOutRightBig" : "animate__animated animate__fadeInDown",
-                )}
-              >
-                <Heading
-                  className={styles.heading}
-                  level={3}
-                  text={t.content.title}
-                />
-                <Separator direction={"column"} />
-                <Text
-                  className={styles.body}
-                  text={t.content.body}
-                />
-              </Card>
-            );
-          })}
-        </div>
-        {children}
-      </ToastContext.Provider>
-    </>
-  );
-};
-
-export default Toasts;
+/*
+ * Copyright ©2024 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+import generateUUID from "@yourdash/shared/web/helpers/uuid.ts";
+import Heading from "../heading/heading.tsx";
+import Separator from "../separator/separator.tsx";
+import type ToastInterface from "./toast.ts";
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import { FC, useState } from "react";
+import Card from "../card/card.tsx";
+import { UKIcon } from "../icon/iconDictionary.ts";
+import IconButton from "../iconButton/iconButton.tsx";
+import Text from "../text/text.tsx";
+import ToastContext from "./toastContext.ts";
+import * as React from "react";
+// @ts-ignore
+import styles from "./toast.module.scss";
+
+const TOAST_DISPLAY_TIME = 5000;
+
+const Toasts: FC<{ children: React.ReactNode | React.ReactNode[] }> = ({ children }) => {
+  const [toasts, setToasts] = useState<(ToastInterface & { uuid: string; animatingOut: boolean })[]>([]);
+
+  return (
+    <>
+      <ToastContext.Provider
+        value={{
+          showToast: (data: ToastInterface) => {
+            const uuid = generateUUID();
+
+            setToasts((t) => [...t, { ...data, uuid: uuid, animatingOut: false }]);
+
+            if (!data.persist) {
+              setTimeout(() => {
+                setToasts((t) =>
+                  t.map((toast) => {
+                    if (uuid === toast.uuid) {
+                      return {
+                        ...toast,
+                        animatingOut: true,
+                      };
+                    }
+
+                    return toast;
+                  }),
+                );
+              }, TOAST_DISPLAY_TIME - 500);
+
+              setTimeout(() => {
+                setToasts((t) => t.filter((toast) => toast.uuid !== uuid));
+              }, TOAST_DISPLAY_TIME);
+            }
+          },
+        }}
+      >
+        <div className={styles.container}>
+          {toasts.map((t) => {
+            return (
+              <Card
+                key={t.uuid}
+                actions={
+                  t.persist ? (
+                    <IconButton
+                      accessibleLabel={"Close toast"}
+                      icon={UKIcon.X}
+                      onClick={() => setToasts((toasts) => toasts.filter((x) => x.uuid !== t.uuid))}
+                    />
+                  ) : null
+                }
+                className={clippy(styles.cardContent, t.type && styles[t.type])}
+                containerClassName={clippy(
+                  styles.component,
+                  t.persist && styles.pointerEvents,
+                  t.animatingOut ? "animate__animated animate__fadeOutRightBig" : "animate__animated animate__fadeInDown",
+                )}
+              >
+                <Heading
+                  className={styles.heading}
+                  level={3}
+                  text={t.content.title}
+                />
+                <Separator direction={"column"} />
+                <Text
+                  className={styles.body}
+                  text={t.content.body}
+                />
+              </Card>
+            );
+          })}
+        </div>
+        {children}
+      </ToastContext.Provider>
+    </>
+  );
+};
+
+export default Toasts;

package/core/decrementLevel.tsx

@@ -1,13 +1,13 @@
-/*
- * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-import LevelContext, { useLevel } from "./level.tsx";
-import { FC } from "react";
-
-const DecrementLevel: FC<{ children: React.ReactNode | React.ReactNode[] }> = (props) => {
-  return <LevelContext.Provider value={useLevel() - 1}>{props.children}</LevelContext.Provider>;
-};
-
-export default DecrementLevel;
+/*
+ * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import LevelContext, { useLevel } from "./level.tsx";
+import { FC } from "react";
+
+const DecrementLevel: FC<{ children: React.ReactNode | React.ReactNode[] }> = (props) => {
+  return <LevelContext.Provider value={useLevel() - 1}>{props.children}</LevelContext.Provider>;
+};
+
+export default DecrementLevel;

package/core/incrementLevel.tsx

@@ -1,13 +1,13 @@
-/*
- * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-import LevelContext, { useLevel } from "./level.tsx";
-import { FC } from "react";
-
-const IncrementLevel: FC<{ children: React.ReactNode | React.ReactNode[] }> = (props) => {
-  return <LevelContext.Provider value={useLevel() + 1}>{props.children}</LevelContext.Provider>;
-};
-
-export default IncrementLevel;
+/*
+ * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import LevelContext, { useLevel } from "./level.tsx";
+import { FC } from "react";
+
+const IncrementLevel: FC<{ children: React.ReactNode | React.ReactNode[] }> = (props) => {
+  return <LevelContext.Provider value={useLevel() + 1}>{props.children}</LevelContext.Provider>;
+};
+
+export default IncrementLevel;

package/core/level.tsx

@@ -1,27 +1,27 @@
-/*
- * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-import { createContext, useContext } from "react";
-import styles from "../theme/defaultTheme.module.scss";
-
-const LevelContext = createContext(0);
-export default LevelContext;
-
-export const useLevel = () => useContext(LevelContext);
-
-export const useLevelClass = (level: number): string => {
-  switch (level) {
-    case 0:
-      return styles.level0;
-    case 1:
-      return styles.level1;
-    case 2:
-      return styles.level2;
-    case 3:
-      return styles.level3;
-    default:
-      return styles.level0;
-  }
-};
+/*
+ * Copyright ©2024 Ewsgit<https://github.com/ewsgit> and YourDash<https://github.com/yourdash> contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+import { createContext, useContext } from "react";
+import styles from "../theme/defaultTheme.module.scss";
+
+const LevelContext = createContext(0);
+export default LevelContext;
+
+export const useLevel = () => useContext(LevelContext);
+
+export const useLevelClass = (level: number): string => {
+  switch (level) {
+    case 0:
+      return styles.level0;
+    case 1:
+      return styles.level1;
+    case 2:
+      return styles.level2;
+    case 3:
+      return styles.level3;
+    default:
+      return styles.level0;
+  }
+};

package/core/remToPx.ts

@@ -1,8 +1,8 @@
-/*
- * Copyright ©2024 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-export default function remToPx(rem: number) {
-  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
-}
+/*
+ * Copyright ©2024 Ewsgit <https://ewsgit.uk> and YourDash <https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+export default function remToPx(rem: number) {
+  return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
+}

package/core/root.tsx

@@ -1,26 +1,26 @@
-/*
- * Copyright ©2024 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-import clippy from "@yourdash/shared/web/helpers/clippy.ts";
-import isMobileDevice from "@yourdash/shared/web/helpers/isPhone.ts";
-import ContextMenuRoot from "../components/contextMenu/contextMenuRoot.tsx";
-import Toasts from "../components/toast/toasts.tsx";
-import styles from "../theme/defaultTheme.module.scss";
-import React from "react";
-import LevelContext from "./level.tsx";
-
-const UIKitRoot: React.FC<{ children: React.ReactNode | React.ReactNode[] }> = (props) => {
-  return (
-    <div className={clippy(styles.theme, styles.level0, isMobileDevice() && styles.mobile)}>
-      <ContextMenuRoot>
-        <Toasts>
-          <LevelContext.Provider value={0}>{props.children}</LevelContext.Provider>
-        </Toasts>
-      </ContextMenuRoot>
-    </div>
-  );
-};
-
-export default UIKitRoot;
+/*
+ * Copyright ©2024 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+import clippy from "@yourdash/shared/web/helpers/clippy.ts";
+import isMobileDevice from "@yourdash/shared/web/helpers/isPhone.ts";
+import ContextMenuRoot from "../components/contextMenu/contextMenuRoot.tsx";
+import Toasts from "../components/toast/toasts.tsx";
+import styles from "../theme/defaultTheme.module.scss";
+import React from "react";
+import LevelContext from "./level.tsx";
+
+const UIKitRoot: React.FC<{ children: React.ReactNode | React.ReactNode[] }> = (props) => {
+  return (
+    <div className={clippy(styles.theme, styles.level0, isMobileDevice() && styles.mobile)}>
+      <ContextMenuRoot>
+        <Toasts>
+          <LevelContext.Provider value={0}>{props.children}</LevelContext.Provider>
+        </Toasts>
+      </ContextMenuRoot>
+    </div>
+  );
+};
+
+export default UIKitRoot;

package/core/toast.ts

@@ -1,18 +1,18 @@
-/*
- * Copyright ©2024 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
- * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
- */
-
-import React from "react";
-import Toast from "../components/toast/toast.ts";
-import ToastContext from "../components/toast/toastContext.ts";
-
-export default function useToast() {
-  const toastCtx = React.useContext(ToastContext);
-
-  return {
-    create(data: Toast) {
-      toastCtx.showToast(data);
-    },
-  };
-}
+/*
+ * Copyright ©2024 Ewsgit<https://ewsgit.uk> and YourDash<https://yourdash.ewsgit.uk> contributors.
+ * YourDash is licensed under the MIT License. (https://mit.ewsgit.uk)
+ */
+
+import React from "react";
+import Toast from "../components/toast/toast.ts";
+import ToastContext from "../components/toast/toastContext.ts";
+
+export default function useToast() {
+  const toastCtx = React.useContext(ToastContext);
+
+  return {
+    create(data: Toast) {
+      toastCtx.showToast(data);
+    },
+  };
+}

package/imports.d.ts

@@ -1,81 +1,81 @@
-/*
- * Copyright ©2023 @Ewsgit and YourDash contributors.
- * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
- */
-
-// Declare common file imports as shared for the Typescript Language Server
-
-declare module "*.module.css" {
-  const content: { [className: string]: string };
-  export default content;
-}
-
-declare module "*.module.scss" {
-  const content: { [className: string]: string };
-  export default content;
-}
-
-declare module "*.jpg" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.png" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.svg" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.avif" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.css" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.scss" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.json" {
-  const content: { [className: string]: string };
-  export default content;
-}
-
-declare module "*.obj" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.glb" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.gltf" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.md" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.mdx" {
-  const value: string;
-  export default value;
-}
-
-declare module "*.wasm" {
-  const value: string;
-  export default value;
-}
+/*
+ * Copyright ©2023 @Ewsgit and YourDash contributors.
+ * YourDash is licensed under the MIT License. (https://ewsgit.mit-license.org)
+ */
+
+// Declare common file imports as shared for the Typescript Language Server
+
+declare module "*.module.css" {
+  const content: { [className: string]: string };
+  export default content;
+}
+
+declare module "*.module.scss" {
+  const content: { [className: string]: string };
+  export default content;
+}
+
+declare module "*.jpg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.png" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.svg" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.avif" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.css" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.scss" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.json" {
+  const content: { [className: string]: string };
+  export default content;
+}
+
+declare module "*.obj" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.glb" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.gltf" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.md" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.mdx" {
+  const value: string;
+  export default value;
+}
+
+declare module "*.wasm" {
+  const value: string;
+  export default value;
+}

package/package.json

@@ -1,19 +1,20 @@
-{
-  "name": "@yourdash/uikit",
-  "version": "1.0.2",
-  "license": "MIT",
-  "type": "module",
-  "engines": {
-    "node": ">=21.0.0"
-  },
-  "author": "Ewsgit <ewsgit@duck.com>",
-  "dependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "typescript": "^5.6.2",
-    "sass": "^1.78.0",
-    "vite": "^5.4.5"
-  }
-}
+{
+  "name": "@yourdash/uikit",
+  "version": "1.0.3",
+  "license": "MIT",
+  "type": "module",
+  "engines": {
+    "node": ">=21.0.0"
+  },
+  "author": "Ewsgit <ewsgit@duck.com>",
+  "dependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "@types/react": "^18.3.5",
+    "@types/react-dom": "^18.3.0",
+    "typescript": "^5.6.2",
+    "sass": "^1.78.0",
+    "vite": "^5.4.5",
+    "@yourdash/shared": "workspace:*"
+  }
+}