@kopexa/sight 17.12.0 → 17.13.0

package/dist/components/stat/stat.js

@@ -0,0 +1,185 @@
+"use client";
+"use strict";
+"use client";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/stat/stat.tsx
+var stat_exports = {};
+__export(stat_exports, {
+  Stat: () => Stat,
+  StatDownIndicator: () => StatDownIndicator,
+  StatGroup: () => StatGroup,
+  StatHelpText: () => StatHelpText,
+  StatLabel: () => StatLabel,
+  StatRoot: () => StatRoot,
+  StatUpIndicator: () => StatUpIndicator,
+  StatValueText: () => StatValueText,
+  StatValueUnit: () => StatValueUnit
+});
+module.exports = __toCommonJS(stat_exports);
+var import_icons = require("@kopexa/icons");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+function StatRoot({
+  className,
+  size,
+  trend,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ size, trend });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("dl", { "data-slot": "stat", className: (0, import_shared_utils.cn)(styles.root(), className), ...props, children });
+}
+function StatLabel({ className, children, ...props }) {
+  const styles = (0, import_theme.stat)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "dt",
+    {
+      "data-slot": "stat-label",
+      className: (0, import_shared_utils.cn)(styles.label(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatValueText({
+  className,
+  size,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ size });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "dd",
+    {
+      "data-slot": "stat-value",
+      className: (0, import_shared_utils.cn)(styles.valueText(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatValueUnit({
+  className,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "stat-value-unit",
+      className: (0, import_shared_utils.cn)(styles.valueUnit(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatHelpText({
+  className,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "span",
+    {
+      "data-slot": "stat-help-text",
+      className: (0, import_shared_utils.cn)(styles.helpText(), className),
+      ...props,
+      children
+    }
+  );
+}
+function StatUpIndicator({
+  className,
+  icon,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ trend: "up" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      "data-slot": "stat-indicator",
+      "data-type": "up",
+      className: (0, import_shared_utils.cn)(styles.indicator(), className),
+      ...props,
+      children: [
+        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUp, {}),
+        children
+      ]
+    }
+  );
+}
+function StatDownIndicator({
+  className,
+  icon,
+  children,
+  ...props
+}) {
+  const styles = (0, import_theme.stat)({ trend: "down" });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "span",
+    {
+      "data-slot": "stat-indicator",
+      "data-type": "down",
+      className: (0, import_shared_utils.cn)(styles.indicator(), className),
+      ...props,
+      children: [
+        icon != null ? icon : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowDown, {}),
+        children
+      ]
+    }
+  );
+}
+function StatGroup({ className, children, ...props }) {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    "div",
+    {
+      "data-slot": "stat-group",
+      className: (0, import_shared_utils.cn)("flex flex-wrap justify-around gap-4", className),
+      ...props,
+      children
+    }
+  );
+}
+var Stat = Object.assign(StatRoot, {
+  Root: StatRoot,
+  Label: StatLabel,
+  ValueText: StatValueText,
+  ValueUnit: StatValueUnit,
+  HelpText: StatHelpText,
+  UpIndicator: StatUpIndicator,
+  DownIndicator: StatDownIndicator,
+  Group: StatGroup
+});
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit
+});

package/dist/components/stat/stat.mjs

@@ -0,0 +1,24 @@
+"use client";
+"use client";
+import {
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit
+} from "../../chunk-5LLYOCGQ.mjs";
+export {
+  Stat,
+  StatDownIndicator,
+  StatGroup,
+  StatHelpText,
+  StatLabel,
+  StatRoot,
+  StatUpIndicator,
+  StatValueText,
+  StatValueUnit
+};

package/dist/components/textarea/index.d.mts

@@ -0,0 +1,4 @@
+export { Textarea, TextareaProps } from './textarea.mjs';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

package/dist/components/textarea/index.d.ts

@@ -0,0 +1,4 @@
+export { Textarea, TextareaProps } from './textarea.js';
+import 'react/jsx-runtime';
+import '@kopexa/theme';
+import 'react';

package/dist/components/textarea/index.js

@@ -0,0 +1,42 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/textarea/index.ts
+var textarea_exports = {};
+__export(textarea_exports, {
+  Textarea: () => Textarea
+});
+module.exports = __toCommonJS(textarea_exports);
+
+// src/components/textarea/textarea.tsx
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Textarea = (props) => {
+  const { className, size, ...rest } = props;
+  const styles = (0, import_theme.textarea)({
+    className,
+    size
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { "data-slot": "textarea", className: styles, ...rest });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Textarea
+});

package/dist/components/textarea/index.mjs

@@ -0,0 +1,8 @@
+"use client";
+import "../../chunk-7KISSD3Q.mjs";
+import {
+  Textarea
+} from "../../chunk-HUHVPC6T.mjs";
+export {
+  Textarea
+};

package/dist/components/textarea/textarea.d.mts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextareaVariantProps } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+type TextareaProps = ComponentProps<"textarea"> & TextareaVariantProps;
+declare const Textarea: (props: TextareaProps) => react_jsx_runtime.JSX.Element;
+
+export { Textarea, type TextareaProps };

package/dist/components/textarea/textarea.d.ts

@@ -0,0 +1,8 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { TextareaVariantProps } from '@kopexa/theme';
+import { ComponentProps } from 'react';
+
+type TextareaProps = ComponentProps<"textarea"> & TextareaVariantProps;
+declare const Textarea: (props: TextareaProps) => react_jsx_runtime.JSX.Element;
+
+export { Textarea, type TextareaProps };

package/dist/components/textarea/textarea.js

@@ -0,0 +1,40 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/textarea/textarea.tsx
+var textarea_exports = {};
+__export(textarea_exports, {
+  Textarea: () => Textarea
+});
+module.exports = __toCommonJS(textarea_exports);
+var import_theme = require("@kopexa/theme");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Textarea = (props) => {
+  const { className, size, ...rest } = props;
+  const styles = (0, import_theme.textarea)({
+    className,
+    size
+  });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("textarea", { "data-slot": "textarea", className: styles, ...rest });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Textarea
+});

package/dist/components/textarea/textarea.mjs

@@ -0,0 +1,7 @@
+"use client";
+import {
+  Textarea
+} from "../../chunk-HUHVPC6T.mjs";
+export {
+  Textarea
+};

package/dist/hooks/index.d.mts

@@ -0,0 +1,2 @@
+export { FileMetadata, FileUploadActions, FileUploadOptions, FileUploadState, FileWithPreview, useFileUpload } from './use-file-upload/index.mjs';
+import 'react';

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { FileMetadata, FileUploadActions, FileUploadOptions, FileUploadState, FileWithPreview, useFileUpload } from './use-file-upload/index.js';
+import 'react';

package/dist/hooks/index.js

@@ -0,0 +1,341 @@
+"use client";
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/index.ts
+var hooks_exports = {};
+__export(hooks_exports, {
+  useFileUpload: () => useFileUpload
+});
+module.exports = __toCommonJS(hooks_exports);
+
+// src/hooks/use-file-upload/index.ts
+var import_i18n2 = require("@kopexa/i18n");
+var import_shared_utils = require("@kopexa/shared-utils");
+var import_react = require("react");
+
+// src/hooks/use-file-upload/messages.ts
+var import_i18n = require("@kopexa/i18n");
+var messages = (0, import_i18n.defineMessages)({
+  file_exceeds_max: {
+    id: "use_file_upload.file_exceeds_max",
+    defaultMessage: `File "{name}" exceeds the maximum size of {max}.`,
+    description: "Shown when a single file is larger than allowed"
+  },
+  file_not_accepted: {
+    id: "use_file_upload.file_not_accepted",
+    defaultMessage: `File "{name}" is not an accepted file type.`,
+    description: "Shown when file type/extension doesn't match accept"
+  },
+  too_many_files: {
+    id: "file_upload.too_many_files",
+    defaultMessage: "You can only upload a maximum of {max} files.",
+    description: "Shown when maxFiles would be exceeded"
+  }
+});
+
+// src/hooks/use-file-upload/index.ts
+var useFileUpload = (options = {}) => {
+  const {
+    maxFiles = Number.POSITIVE_INFINITY,
+    maxSize = Number.POSITIVE_INFINITY,
+    accept = "*",
+    multiple = false,
+    initialFiles = [],
+    onFilesChange,
+    onFilesAdded,
+    onError
+  } = options;
+  const t = (0, import_i18n2.useSafeIntl)();
+  const [state, setState] = (0, import_react.useState)({
+    files: initialFiles.map((file) => ({
+      file,
+      id: file.id,
+      preview: file.url
+    })),
+    isDragging: false,
+    errors: []
+  });
+  const inputRef = (0, import_react.useRef)(null);
+  const validateFile = (0, import_react.useCallback)(
+    (file) => {
+      if (file instanceof File) {
+        if (file.size > maxSize) {
+          return t.formatMessage(messages.file_exceeds_max, {
+            name: file.name,
+            max: (0, import_shared_utils.formatBytes)(maxSize)
+          });
+        }
+      } else {
+        if (file.size > maxSize) {
+          return t.formatMessage(messages.file_exceeds_max, {
+            name: file.name,
+            max: (0, import_shared_utils.formatBytes)(maxSize)
+          });
+        }
+      }
+      if (accept !== "*") {
+        const acceptedTypes = accept.split(",").map((type) => type.trim());
+        const fileType = file instanceof File ? file.type || "" : file.type;
+        const fileExtension = `.${file instanceof File ? file.name.split(".").pop() : file.name.split(".").pop()}`;
+        const isAccepted = acceptedTypes.some((type) => {
+          if (type.startsWith(".")) {
+            return fileExtension.toLowerCase() === type.toLowerCase();
+          }
+          if (type.endsWith("/*")) {
+            const baseType = type.split("/")[0];
+            return fileType.startsWith(`${baseType}/`);
+          }
+          return fileType === type;
+        });
+        if (!isAccepted) {
+          return t.formatMessage(messages.file_not_accepted, {
+            name: file instanceof File ? file.name : file.name
+          });
+        }
+      }
+      return null;
+    },
+    [accept, maxSize, t.formatMessage]
+  );
+  const createPreview = (0, import_react.useCallback)(
+    (file) => {
+      if (file instanceof File) {
+        return URL.createObjectURL(file);
+      }
+      return file.url;
+    },
+    []
+  );
+  const generateUniqueId = (0, import_react.useCallback)((file) => {
+    if (file instanceof File) {
+      return `${file.name}-${Date.now()}-${Math.random().toString(36).substring(2, 9)}`;
+    }
+    return file.id;
+  }, []);
+  const clearFiles = (0, import_react.useCallback)(() => {
+    setState((prev) => {
+      for (const file of prev.files) {
+        if (file.preview && file.file instanceof File && file.file.type.startsWith("image/")) {
+          URL.revokeObjectURL(file.preview);
+        }
+      }
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+      const newState = {
+        ...prev,
+        files: [],
+        errors: []
+      };
+      onFilesChange == null ? void 0 : onFilesChange(newState.files);
+      return newState;
+    });
+  }, [onFilesChange]);
+  const addFiles = (0, import_react.useCallback)(
+    (newFiles) => {
+      if (!newFiles || newFiles.length === 0) return;
+      const newFilesArray = Array.from(newFiles);
+      const errors = [];
+      setState((prev) => ({ ...prev, errors: [] }));
+      if (!multiple) {
+        clearFiles();
+      }
+      if (multiple && maxFiles !== Number.POSITIVE_INFINITY && state.files.length + newFilesArray.length > maxFiles) {
+        errors.push(
+          t.formatMessage(messages.too_many_files, {
+            max: maxFiles
+          })
+        );
+        onError == null ? void 0 : onError(errors);
+        setState((prev) => ({ ...prev, errors }));
+        return;
+      }
+      const validFiles = [];
+      for (const file of newFilesArray) {
+        if (multiple) {
+          const isDuplicate = state.files.some(
+            (existingFile) => existingFile.file.name === file.name && existingFile.file.size === file.size
+          );
+          if (isDuplicate) {
+            return;
+          }
+        }
+        if (file.size > maxSize) {
+          errors.push(
+            multiple ? `Some files exceed the maximum size of ${(0, import_shared_utils.formatBytes)(maxSize)}.` : `File exceeds the maximum size of ${(0, import_shared_utils.formatBytes)(maxSize)}.`
+          );
+          continue;
+        }
+        const error = validateFile(file);
+        if (error) {
+          errors.push(error);
+        } else {
+          validFiles.push({
+            file,
+            id: generateUniqueId(file),
+            preview: createPreview(file)
+          });
+        }
+      }
+      if (validFiles.length > 0) {
+        onFilesAdded == null ? void 0 : onFilesAdded(validFiles);
+        setState((prev) => {
+          const newFiles2 = !multiple ? validFiles : [...prev.files, ...validFiles];
+          onFilesChange == null ? void 0 : onFilesChange(newFiles2);
+          return {
+            ...prev,
+            files: newFiles2,
+            errors
+          };
+        });
+      } else if (errors.length > 0) {
+        onError == null ? void 0 : onError(errors);
+        setState((prev) => ({
+          ...prev,
+          errors
+        }));
+      }
+      if (inputRef.current) {
+        inputRef.current.value = "";
+      }
+    },
+    [
+      onError,
+      state.files,
+      maxFiles,
+      multiple,
+      maxSize,
+      validateFile,
+      createPreview,
+      generateUniqueId,
+      clearFiles,
+      onFilesChange,
+      onFilesAdded,
+      t.formatMessage
+    ]
+  );
+  const removeFile = (0, import_react.useCallback)(
+    (id) => {
+      setState((prev) => {
+        const fileToRemove = prev.files.find((file) => file.id === id);
+        if ((fileToRemove == null ? void 0 : fileToRemove.preview) && fileToRemove.file instanceof File && fileToRemove.file.type.startsWith("image/")) {
+          URL.revokeObjectURL(fileToRemove.preview);
+        }
+        const newFiles = prev.files.filter((file) => file.id !== id);
+        onFilesChange == null ? void 0 : onFilesChange(newFiles);
+        return {
+          ...prev,
+          files: newFiles,
+          errors: []
+        };
+      });
+    },
+    [onFilesChange]
+  );
+  const clearErrors = (0, import_react.useCallback)(() => {
+    setState((prev) => ({
+      ...prev,
+      errors: []
+    }));
+  }, []);
+  const handleDragEnter = (0, import_react.useCallback)((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setState((prev) => ({ ...prev, isDragging: true }));
+  }, []);
+  const handleDragLeave = (0, import_react.useCallback)((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    if (e.currentTarget.contains(e.relatedTarget)) {
+      return;
+    }
+    setState((prev) => ({ ...prev, isDragging: false }));
+  }, []);
+  const handleDragOver = (0, import_react.useCallback)((e) => {
+    e.preventDefault();
+    e.stopPropagation();
+  }, []);
+  const handleDrop = (0, import_react.useCallback)(
+    (e) => {
+      var _a;
+      e.preventDefault();
+      e.stopPropagation();
+      setState((prev) => ({ ...prev, isDragging: false }));
+      if ((_a = inputRef.current) == null ? void 0 : _a.disabled) {
+        return;
+      }
+      if (e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+        if (!multiple) {
+          const file = e.dataTransfer.files[0];
+          addFiles([file]);
+        } else {
+          addFiles(e.dataTransfer.files);
+        }
+      }
+    },
+    [addFiles, multiple]
+  );
+  const handleFileChange = (0, import_react.useCallback)(
+    (e) => {
+      if (e.target.files && e.target.files.length > 0) {
+        addFiles(e.target.files);
+      }
+    },
+    [addFiles]
+  );
+  const openFileDialog = (0, import_react.useCallback)(() => {
+    if (inputRef.current) {
+      inputRef.current.click();
+    }
+  }, []);
+  const getInputProps = (0, import_react.useCallback)(
+    (props = {}) => {
+      return {
+        ...props,
+        type: "file",
+        onChange: handleFileChange,
+        accept: props.accept || accept,
+        multiple: props.multiple !== void 0 ? props.multiple : multiple,
+        ref: inputRef
+      };
+    },
+    [accept, multiple, handleFileChange]
+  );
+  return [
+    state,
+    {
+      addFiles,
+      removeFile,
+      clearFiles,
+      clearErrors,
+      handleDragEnter,
+      handleDragLeave,
+      handleDragOver,
+      handleDrop,
+      handleFileChange,
+      openFileDialog,
+      getInputProps
+    }
+  ];
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useFileUpload
+});

package/dist/hooks/index.mjs

@@ -0,0 +1,9 @@
+"use client";
+import "../chunk-GR3VEF4M.mjs";
+import {
+  useFileUpload
+} from "../chunk-DWZQIPCX.mjs";
+import "../chunk-FBTSAODG.mjs";
+export {
+  useFileUpload
+};