@oliasoft-open-source/react-ui-library 5.7.0-beta-10 → 5.7.0-beta-11

package/dist/index.d.ts

@@ -35,6 +35,8 @@ export declare enum Align {
     CENTER = "center"
 }
 
+export declare function AuditLog({ logs, data, total, loading, selectedPage, rowsPerPage, filterToggles, onChangeRowsPerPage, onSelectPage, }: IAuditLogProps): JSX_2.Element;
+
 export declare interface AuditLogItem {
     id: string;
     userName: string;
@@ -49,8 +51,6 @@ declare type AuditLogOperation = 'Created' | 'Cloned' | 'Reverted' | 'Imported'
 
 declare type AuditLogSource = 'System' | 'Application' | 'API';
 
-export declare function AuditLogTable({ logs, data, total, loading, selectedPage, rowsPerPage, onChangeRowsPerPage, onSelectPage, }: IAuditLogTableProps): JSX_2.Element;
-
 export declare const Badge: ({ children, color, title, dot, margin, small, }: IBadgeProps) => JSX_2.Element;
 
 export declare const Breadcrumb: ({ links, small }: IBreadcrumbProps) => JSX_2.Element;
@@ -120,6 +120,15 @@ export declare const FileButton: ({ file, accept, multi, name, disabled, onChang
 
 export declare const FileInput: ({ label, loading, placeholder, disabled, file, accept, multi, name, width, onChange, testId, }: IFileInputProps) => ReactElement;
 
+declare type FilterToggle = {
+    id: string;
+    label: string;
+    checked: boolean;
+    small?: boolean;
+    disabled?: boolean;
+    onChange: () => void;
+};
+
 export declare const Flex: ({ alignItems, justifyContent, direction, height, children, wrap, gap, }: IFlexProps) => JSX_2.Element;
 
 export declare const FormRow: ({ children }: IFormRowProps) => JSX_2.Element;
@@ -184,12 +193,13 @@ export declare interface IActionProps {
     closeLayer?: TEmpty;
 }
 
-declare interface IAuditLogTableProps {
+declare interface IAuditLogProps {
     logs: AuditLogItem[];
     total: number;
     loading?: boolean;
     selectedPage: number;
     rowsPerPage: number;
+    filterToggles?: FilterToggle[];
     onSelectPage: (page: number) => void;
     onChangeRowsPerPage: (n: number) => void;
     data: any;

package/dist/index.js

@@ -8502,8 +8502,8 @@ function countDeltas(e) {
 		text: 0
 	});
 }
-function AuditLogTable({ logs: e, data: t, total: n, loading: r, selectedPage: i, rowsPerPage: a, onChangeRowsPerPage: o, onSelectPage: s }) {
-	let [c, l] = useState(!0), [u, d] = useState(!1), [f, p] = useState(null), [h, g] = useState(!0), _ = [
+function AuditLog({ logs: e, data: t, total: n, loading: r, selectedPage: i, rowsPerPage: a, filterToggles: o = [], onChangeRowsPerPage: s, onSelectPage: c }) {
+	let [l, u] = useState(!1), [d, f] = useState(null), p = [
 		{
 			label: "10 / page",
 			value: 10
@@ -8520,7 +8520,7 @@ function AuditLogTable({ logs: e, data: t, total: n, loading: r, selectedPage: i
 			label: "Show all",
 			value: 0
 		}
-	], v = ({ diffs: e, userName: t, source: n, operation: r, operationMetaData: i }) => {
+	], h = ({ diffs: e, userName: t, source: n, operation: r, operationMetaData: i }) => {
 		let a = countDeltas(e), o = a.total ? `${a.total} change${a.total === 1 ? "" : "s"}` : "no field changes";
 		if (n === "API") return r === "Created" ? `Created through API by ${t || "Unknown user"}` : `Changed through API by ${t || "Unknown user"}`;
 		switch (r) {
@@ -8531,18 +8531,18 @@ function AuditLogTable({ logs: e, data: t, total: n, loading: r, selectedPage: i
 			case "Updated": return `Updated by ${t} (${o})`;
 			default: return `Change by ${t}`;
 		}
-	}, y = [{ cells: [
+	}, g = [{ cells: [
 		{ value: "Change" },
 		{ value: "Modified by" },
 		{ value: "Using" },
 		{ value: "Operation" },
 		{ value: "Date" }
-	] }], b = e.map((e) => ({ cells: [
+	] }], _ = e.map((e) => ({ cells: [
 		{
-			value: v(e),
+			value: h(e),
 			type: "Link",
 			onClick: () => {
-				d(!0), p(e);
+				u(!0), f(e);
 			},
 			breakWord: !0
 		},
@@ -8570,21 +8570,13 @@ function AuditLogTable({ logs: e, data: t, total: n, loading: r, selectedPage: i
 		heading: /* @__PURE__ */ jsxs(Flex, {
 			gap: !0,
 			wrap: !0,
-			children: [
-				/* @__PURE__ */ jsx(Heading, { children: "CHANGES" }),
-				/* @__PURE__ */ jsx(Toggle, {
-					small: !0,
-					checked: c,
-					onChange: () => l(!c),
-					label: "Include company settings"
-				}),
-				/* @__PURE__ */ jsx(Toggle, {
-					small: !0,
-					checked: h,
-					onChange: () => g(!h),
-					label: "Include migrations"
-				})
-			]
+			children: [/* @__PURE__ */ jsx(Heading, { children: "CHANGES" }), o?.map((e) => /* @__PURE__ */ jsx(Toggle, {
+				small: e.small ?? !0,
+				checked: e.checked,
+				onChange: e.onChange,
+				label: e.label,
+				disabled: e.disabled
+			}, e.id))]
 		}),
 		padding: !1,
 		children: r ? /* @__PURE__ */ jsx(Loader, {
@@ -8592,8 +8584,8 @@ function AuditLogTable({ logs: e, data: t, total: n, loading: r, selectedPage: i
 			theme: Theme.WHITE,
 			children: /* @__PURE__ */ jsx(Spinner, { dark: !0 })
 		}) : /* @__PURE__ */ jsx(Table, { table: {
-			headers: y,
-			rows: b,
+			headers: g,
+			rows: _,
 			fixedWidth: "100%",
 			bordered: !1,
 			actionsRight: !0,
@@ -8603,20 +8595,20 @@ function AuditLogTable({ logs: e, data: t, total: n, loading: r, selectedPage: i
 				rowsPerPage: {
 					onChange: (e) => {
 						let { value: t } = e.target;
-						o(Number(t));
+						s(Number(t));
 					},
-					options: _,
+					options: p,
 					value: a
 				},
-				onSelectPage: (e) => s(e),
+				onSelectPage: (e) => c(e),
 				small: !0
 			} }
 		} })
-	}), u && f && /* @__PURE__ */ jsx(comparison_view_modal_default, {
-		isOpen: u,
-		onClose: () => d(!1),
+	}), l && d && /* @__PURE__ */ jsx(comparison_view_modal_default, {
+		isOpen: l,
+		onClose: () => u(!1),
 		auditLogs: e,
-		auditLog: f,
+		auditLog: d,
 		data: t
 	})] });
 }
@@ -8629,4 +8621,4 @@ const isPrimitiveValue = (e) => typeof e == "string" || typeof e == "number" ||
 		}
 	});
 };
-export { Accordion, AccordionWithDefaultToggle, Actions, Align, AuditLogTable, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, Color, Column, Dialog, DiffViewer, DisabledContext, Divider, Drawer, ElementType, Empty, Field, FileButton, FileInput, Flex, FormRow, Grid, GroupOrder, Heading, HelpIcon, Icon, IconType, Input, InputGroup, InputGroupAddon, InputReaderMethods, InputType, Label, List, ListHeading, ListSubheading, Loader, Menu, MenuCarat, MenuType, Message, MessageType, Modal, NativeSelect, NumberInput, OptionDropdown, Page, Pagination, PopConfirm, Popover, Portal, PrintHeader, ProgressBar, RadioButton, RichTextInput, Row, Select, SettingField, SideBar, Slider, SmartUploadModal, Spacer, Spinner, Table, TableImportExport, Tabs, Text, TextArea, TextLink, TextTransform, Theme, Toaster, Toggle, Tooltip, TopBar, Tree, TriggerType, UnitInput, UnitTable, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };
+export { Accordion, AccordionWithDefaultToggle, Actions, Align, AuditLog, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, Color, Column, Dialog, DiffViewer, DisabledContext, Divider, Drawer, ElementType, Empty, Field, FileButton, FileInput, Flex, FormRow, Grid, GroupOrder, Heading, HelpIcon, Icon, IconType, Input, InputGroup, InputGroupAddon, InputReaderMethods, InputType, Label, List, ListHeading, ListSubheading, Loader, Menu, MenuCarat, MenuType, Message, MessageType, Modal, NativeSelect, NumberInput, OptionDropdown, Page, Pagination, PopConfirm, Popover, Portal, PrintHeader, ProgressBar, RadioButton, RichTextInput, Row, Select, SettingField, SideBar, Slider, SmartUploadModal, Spacer, Spinner, Table, TableImportExport, Tabs, Text, TextArea, TextLink, TextTransform, Theme, Toaster, Toggle, Tooltip, TopBar, Tree, TriggerType, UnitInput, UnitTable, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.7.0-beta-10",
+  "version": "5.7.0-beta-11",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {