@algorithm-shift/design-system 1.2.35 → 1.2.37

package/dist/index.d.mts

@@ -100,6 +100,9 @@ interface TableProps extends ElementProps {
   itemsPerPage?: number;
   onPageChange?: (page: number) => void;
   loading?: boolean;
+  cellClickEnabled?: (cellData: Record<string, any>, columnId: string) => boolean;
+  onCellClick?: (cellData: Record<string, any>, columnId: string) => void;
+  getRowSelection?: (rowSelection: Record<string, boolean>) => void;
 }
 
 interface TabsProps extends ElementProps {
@@ -189,11 +192,11 @@ interface NavbarProps extends ElementProps {
 
 declare const Modal: ({ children, onClose, label, className, style }: ModalProps) => react_jsx_runtime.JSX.Element;
 
-declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const Flex: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const Grid: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Container: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const Container: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
 declare const ButtonWrapper: ({ className, style, textContent, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
@@ -242,7 +245,7 @@ declare const DateRange: ({ className, style, ...props }: DateRangeInputProps) =
 
 declare const TextInputGroup: ({ className, style, prepend, append, ...props }: TextInputGroupProps) => react_jsx_runtime.JSX.Element;
 
-declare const Table: ({ columns, data, rowActions, className, style, pagination, itemsPerPage, onPageChange, loading }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data, rowActions, className, style, pagination, itemsPerPage, onPageChange, loading, ...props }: TableProps) => react_jsx_runtime.JSX.Element;
 
 interface CustomPaginationProps {
     totalPages: number;
@@ -272,6 +275,30 @@ declare const DonutChart: ({ className, style, ...props }: PieChartProps) => rea
 
 declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
 
+type ToastVariant = 'default' | 'success' | 'error' | 'info' | 'warning';
+type SonnerToastProps = {
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    actionLabel?: string;
+    onAction?: () => void;
+};
+declare function showSonnerToast({ title, description, variant, duration, actionLabel, onAction, }: SonnerToastProps): void;
+
+declare function StateProvider({ children }: {
+    children: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppState(): any;
+
+type CanvasState = Record<string, any>;
+type CanvasAction = {
+    type: 'SET_STATE';
+    key: string;
+    value: any;
+};
+declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ChartComponent as BarChart, ButtonWrapper as Button, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, Modal, MultiCheckbox, Navbar, Notification, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, Profile, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn };
+export { ChartComponent as BarChart, ButtonWrapper as Button, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, Modal, MultiCheckbox, Navbar, Notification, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, Profile, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, StateProvider, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, showSonnerToast, stateReducer, useAppState };

package/dist/index.d.ts

@@ -100,6 +100,9 @@ interface TableProps extends ElementProps {
   itemsPerPage?: number;
   onPageChange?: (page: number) => void;
   loading?: boolean;
+  cellClickEnabled?: (cellData: Record<string, any>, columnId: string) => boolean;
+  onCellClick?: (cellData: Record<string, any>, columnId: string) => void;
+  getRowSelection?: (rowSelection: Record<string, boolean>) => void;
 }
 
 interface TabsProps extends ElementProps {
@@ -189,11 +192,11 @@ interface NavbarProps extends ElementProps {
 
 declare const Modal: ({ children, onClose, label, className, style }: ModalProps) => react_jsx_runtime.JSX.Element;
 
-declare const Flex: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const Flex: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Grid: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const Grid: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
-declare const Container: ({ children, className, style }: ElementProps) => react_jsx_runtime.JSX.Element;
+declare const Container: ({ children, className, style, ...props }: ElementProps) => react_jsx_runtime.JSX.Element;
 
 declare const ButtonWrapper: ({ className, style, textContent, ...props }: ButtonProps) => react_jsx_runtime.JSX.Element;
 
@@ -242,7 +245,7 @@ declare const DateRange: ({ className, style, ...props }: DateRangeInputProps) =
 
 declare const TextInputGroup: ({ className, style, prepend, append, ...props }: TextInputGroupProps) => react_jsx_runtime.JSX.Element;
 
-declare const Table: ({ columns, data, rowActions, className, style, pagination, itemsPerPage, onPageChange, loading }: TableProps) => react_jsx_runtime.JSX.Element;
+declare const Table: ({ columns, data, rowActions, className, style, pagination, itemsPerPage, onPageChange, loading, ...props }: TableProps) => react_jsx_runtime.JSX.Element;
 
 interface CustomPaginationProps {
     totalPages: number;
@@ -272,6 +275,30 @@ declare const DonutChart: ({ className, style, ...props }: PieChartProps) => rea
 
 declare function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc, setShowBcc, cc, setCc, bcc, setBcc, subject, setSubject, body, setBody }: EmailComposerProps): react_jsx_runtime.JSX.Element;
 
+type ToastVariant = 'default' | 'success' | 'error' | 'info' | 'warning';
+type SonnerToastProps = {
+    title: string;
+    description?: string;
+    variant?: ToastVariant;
+    duration?: number;
+    actionLabel?: string;
+    onAction?: () => void;
+};
+declare function showSonnerToast({ title, description, variant, duration, actionLabel, onAction, }: SonnerToastProps): void;
+
+declare function StateProvider({ children }: {
+    children: React$1.ReactNode;
+}): react_jsx_runtime.JSX.Element;
+declare function useAppState(): any;
+
+type CanvasState = Record<string, any>;
+type CanvasAction = {
+    type: 'SET_STATE';
+    key: string;
+    value: any;
+};
+declare function stateReducer(state: CanvasState, action: CanvasAction): CanvasState;
+
 declare function cn(...inputs: ClassValue[]): string;
 
-export { ChartComponent as BarChart, ButtonWrapper as Button, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, Modal, MultiCheckbox, Navbar, Notification, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, Profile, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn };
+export { ChartComponent as BarChart, ButtonWrapper as Button, CheckboxInput as Checkbox, Container, DatePicker, DateRange, Dropdown, EmailInput as Email, EmailComposer, FileInput, Flex as FlexLayout, Grid as GridLayout, ImageControl as Image, Logo, Modal, MultiCheckbox, Navbar, Notification, NumberInput, CustomPagination as Pagination, PasswordInput as Password, PhoneInput as Phone, DonutChart as PieChart, Profile, RadioInput as RadioGroup, RichText, SearchInput as Search, Shape, Spacer, StagesComponent as Stages, StateProvider, SwitchToggle, Table, Tabs, TextInput as Text, TextInputGroup, Textarea, Typography, UrlInput as URL, cn, showSonnerToast, stateReducer, useAppState };

package/dist/index.js

@@ -60,6 +60,7 @@ __export(index_exports, {
   Shape: () => Shape_default,
   Spacer: () => Spacer_default,
   Stages: () => Stages_default,
+  StateProvider: () => StateProvider,
   SwitchToggle: () => SwitchToggle_default,
   Table: () => Table_default,
   Tabs: () => Tabs_default,
@@ -68,7 +69,10 @@ __export(index_exports, {
   Textarea: () => Textarea_default,
   Typography: () => Typography_default,
   URL: () => UrlInput_default,
-  cn: () => cn
+  cn: () => cn,
+  showSonnerToast: () => showSonnerToast,
+  stateReducer: () => stateReducer,
+  useAppState: () => useAppState
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -104,9 +108,10 @@ var import_jsx_runtime2 = require("react/jsx-runtime");
 var Flex = ({
   children,
   className,
-  style
+  style,
+  ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { ...props, className, style, children });
 };
 var Flex_default = Flex;
 
@@ -115,9 +120,10 @@ var import_jsx_runtime3 = require("react/jsx-runtime");
 var Grid = ({
   children,
   className,
-  style
+  style,
+  ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { ...props, className, style, children });
 };
 var Grid_default = Grid;
 
@@ -126,9 +132,10 @@ var import_jsx_runtime4 = require("react/jsx-runtime");
 var Container = ({
   children,
   className,
-  style
+  style,
+  ...props
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { className, style, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { ...props, className, style, children });
 };
 var Container_default = Container;
 
@@ -1801,7 +1808,7 @@ var DateRange_default = DateRange;
 // src/components/Inputs/TextInputGroup/TextInputGroup.tsx
 var React14 = __toESM(require("react"));
 var import_jsx_runtime36 = require("react/jsx-runtime");
-var TextInputGroup = ({ className, style, prepend, append = ".com", ...props }) => {
+var TextInputGroup = ({ className, style, prepend, append, ...props }) => {
   const placeholder = props.placeholder ?? "Placeholder text";
   const isEditable = props.isEditable ?? true;
   const isDisabled = props.isDisabled ?? false;
@@ -2194,7 +2201,18 @@ var Pagination_default = CustomPagination;
 // src/components/DataDisplay/Table/Table.tsx
 var import_react13 = require("react");
 var import_jsx_runtime41 = require("react/jsx-runtime");
-var Table2 = ({ columns, data, rowActions, className, style, pagination = false, itemsPerPage = 10, onPageChange, loading = false }) => {
+var Table2 = ({
+  columns,
+  data,
+  rowActions,
+  className,
+  style,
+  pagination = false,
+  itemsPerPage = 10,
+  onPageChange,
+  loading = false,
+  ...props
+}) => {
   const rawColumns = Array.isArray(columns) ? columns : [];
   const rawData = Array.isArray(data) ? data : [];
   const rawRowActions = Array.isArray(rowActions) ? rowActions : [];
@@ -2206,7 +2224,16 @@ var Table2 = ({ columns, data, rowActions, className, style, pagination = false,
   };
   const paginatedData = enablePagination ? rawData.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage) : rawData;
   return /* @__PURE__ */ (0, import_jsx_runtime41.jsxs)("div", { className: `${className} space-y-3`, style, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(DataTable, { columns: rawColumns, data: paginatedData, rowActions: rawRowActions, loading }),
+    /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
+      DataTable,
+      {
+        ...props,
+        columns: rawColumns,
+        data: paginatedData,
+        rowActions: rawRowActions,
+        loading
+      }
+    ),
     enablePagination && /* @__PURE__ */ (0, import_jsx_runtime41.jsx)(
       Pagination_default,
       {
@@ -2787,6 +2814,67 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
     ] })
   ] }) });
 }
+
+// src/components/ui/sonner-toast.tsx
+var import_sonner = require("sonner");
+function showSonnerToast({
+  title,
+  description,
+  variant = "default",
+  duration = 3e3,
+  actionLabel,
+  onAction
+}) {
+  const options = {
+    description,
+    duration,
+    action: actionLabel ? {
+      label: actionLabel,
+      onClick: onAction || (() => {
+      })
+    } : void 0
+  };
+  switch (variant) {
+    case "success":
+      import_sonner.toast.success(title, options);
+      break;
+    case "error":
+      import_sonner.toast.error(title, options);
+      break;
+    case "info":
+      import_sonner.toast.info(title, options);
+      break;
+    case "warning":
+      import_sonner.toast.warning(title, options);
+      break;
+    default:
+      (0, import_sonner.toast)(title, options);
+  }
+}
+
+// src/components/StateManagment/StateContext.tsx
+var import_react15 = require("react");
+
+// src/components/StateManagment/stateReducer.ts
+function stateReducer(state, action) {
+  switch (action.type) {
+    case "SET_STATE":
+      return { ...state, [action.key]: action.value };
+    default:
+      return state;
+  }
+}
+
+// src/components/StateManagment/StateContext.tsx
+var import_jsx_runtime54 = require("react/jsx-runtime");
+var StateContext = (0, import_react15.createContext)(null);
+function StateProvider({ children }) {
+  const [state, dispatch] = (0, import_react15.useReducer)(stateReducer, {});
+  return /* @__PURE__ */ (0, import_jsx_runtime54.jsx)(StateContext.Provider, { value: { state, dispatch }, children });
+}
+function useAppState() {
+  return (0, import_react15.useContext)(StateContext);
+}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   BarChart,
@@ -2819,6 +2907,7 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
   Shape,
   Spacer,
   Stages,
+  StateProvider,
   SwitchToggle,
   Table,
   Tabs,
@@ -2827,7 +2916,10 @@ function EmailComposer({ className, style, to, setTo, showCc, setShowCc, showBcc
   Textarea,
   Typography,
   URL,
-  cn
+  cn,
+  showSonnerToast,
+  stateReducer,
+  useAppState
 });
 /*! Bundled license information: