@rufous/ui 0.1.72 → 0.1.82

package/dist/DataGrid/types.d.ts

@@ -1,56 +0,0 @@
-import React__default from 'react';
-
-type SortDirection = 'asc' | 'desc' | null;
-interface Column<T> {
-    key?: keyof T | string;
-    field?: keyof T | string;
-    header?: string;
-    headerName?: string;
-    sortable?: boolean;
-    filterable?: boolean;
-    render?: (value: any, item: T) => React__default.ReactNode;
-    renderCell?: (params: {
-        value: any;
-        row: T;
-        field: string;
-    }) => React__default.ReactNode;
-    valueGetter?: (params: {
-        value: any;
-        row: T;
-        field: string;
-    }) => any;
-    valueFormatter?: (params: {
-        value: any;
-        row: T;
-        field: string;
-    }) => string;
-    width?: string | number;
-    minWidth?: string | number;
-    maxWidth?: string | number;
-    flex?: number;
-    pinned?: 'left' | 'right';
-    hidden?: boolean;
-    type?: 'string' | 'number' | 'date' | 'boolean' | 'actions';
-    editable?: boolean;
-    headerClassName?: string;
-    cellClassName?: string;
-    hideable?: boolean;
-    disableColumnMenu?: boolean;
-}
-interface Action<T> {
-    label: string;
-    icon: React__default.ReactNode;
-    onClick: (item: T) => void;
-    color?: string;
-    show?: (item: T) => boolean;
-}
-interface DataGridProps<T> {
-    columns: Column<T>[];
-    data: T[];
-    actions?: Action<T>[] | ((item: T) => Action<T>[]);
-    pageSize?: number;
-    pageSizeOptions?: number[];
-    title?: string;
-}
-
-export type { Action, Column, DataGridProps, SortDirection };

package/dist/Dialogs/BaseDialog.cjs

@@ -1,133 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// lib/Dialogs/BaseDialog.tsx
-var BaseDialog_exports = {};
-__export(BaseDialog_exports, {
-  default: () => BaseDialog_default
-});
-module.exports = __toCommonJS(BaseDialog_exports);
-var React3 = __toESM(require("react"), 1);
-var import_react2 = require("react");
-
-// lib/icons/closeIcon.tsx
-var React = __toESM(require("react"), 1);
-var CloseIcon = ({ color = "#3a3a3a", ...props }) => /* @__PURE__ */ React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "336", height: "336", viewBox: "0 0 336 336", fill: "none", ...props }, /* @__PURE__ */ React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M132.323 167.676L0 299.999L35.3553 335.356L167.68 203.032L300.003 335.356L335.36 299.999L203.037 167.676L335.357 35.3553L300 0L167.68 132.319L35.3593 0L0.00398954 35.3553L132.323 167.676Z", fill: color }));
-var closeIcon_default = CloseIcon;
-
-// lib/Contexts/rufousThemeProvider.tsx
-var import_react = __toESM(require("react"), 1);
-var RufousThemeContext = (0, import_react.createContext)(null);
-var useRufousTheme = () => (0, import_react.useContext)(RufousThemeContext);
-
-// lib/Dialogs/BaseDialog.tsx
-var BaseDialog = ({
-  open = false,
-  onConfirm,
-  onClose,
-  onCancel,
-  children,
-  minWidth,
-  minHeight,
-  customButtons,
-  cancelText = "CANCEL",
-  confirmText = "SUBMIT",
-  submitText = "Submit",
-  title = "",
-  isLoading = false,
-  disableConfirmBtn = false,
-  fullScreen = false,
-  loading = false,
-  showCloseButton = true,
-  buttonAlign = "flex-end",
-  showCancelButton = true,
-  formatTitle = true,
-  fullWidth = false,
-  className,
-  dialogBodyStyle = {},
-  size
-}) => {
-  const { themeConfig } = useRufousTheme();
-  const successBtnRef = (0, import_react2.useRef)(null);
-  if (!open) return null;
-  const renderButtons = () => /* @__PURE__ */ React3.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, showCancelButton && /* @__PURE__ */ React3.createElement(
-    "button",
-    {
-      className: "btn-cancel",
-      onClick: onCancel || onClose,
-      disabled: isLoading
-    },
-    cancelText
-  ), onConfirm && /* @__PURE__ */ React3.createElement(
-    "button",
-    {
-      ref: successBtnRef,
-      className: "btn-confirm",
-      disabled: disableConfirmBtn || loading,
-      onClick: async () => {
-        if (successBtnRef.current) successBtnRef.current.disabled = true;
-        await onConfirm?.();
-        if (successBtnRef.current) successBtnRef.current.disabled = false;
-      }
-    },
-    loading ? /* @__PURE__ */ React3.createElement("span", { className: "spinner" }) : /* @__PURE__ */ React3.createElement("span", null, confirmText)
-  ));
-  return /* @__PURE__ */ React3.createElement("div", { className: `dialog-overlay ${size === "fullScreen" ? "overlay-fullscreen" : ""}` }, /* @__PURE__ */ React3.createElement(
-    "div",
-    {
-      className: `dialog-container ${size ? `size-${size}` : ""}  ${className || ""}`,
-      style: {
-        minWidth,
-        minHeight
-      }
-    },
-    /* @__PURE__ */ React3.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React3.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React3.createElement("button", { className: "btn-close", onClick: onClose }, /* @__PURE__ */ React3.createElement(
-      closeIcon_default,
-      {
-        width: 20,
-        height: 20,
-        color: themeConfig?.icon || "#666666"
-      }
-    ))),
-    /* @__PURE__ */ React3.createElement("div", { className: "dialog-divider" }),
-    /* @__PURE__ */ React3.createElement(
-      "div",
-      {
-        className: "dialog-body",
-        style: {
-          ...fullScreen ? { height: "100%" } : { maxHeight: "700px", minHeight },
-          ...dialogBodyStyle
-        }
-      },
-      children
-    ),
-    /* @__PURE__ */ React3.createElement("div", { className: "dialog-divider" }),
-    customButtons || renderButtons()
-  ));
-};
-var BaseDialog_default = BaseDialog;