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

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

@@ -6569,7 +6569,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 	} : {
 		value: G,
 		unit: U
-	}), Od = k || K?.value === void 0, [J, kd] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Ad = !!(O || n), Y = C && C.find((e) => {
+	}), Ad = k || K?.value === void 0, [J, jd] = useState(w ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM), Md = !!(O || n), Y = C && C.find((e) => {
 		if (!e?.value) return;
 		if (E) return E === e.valueKey;
 		let t = isValueWithUnit(e.value) ? getUnit(e.value) : "", { value: n = l } = convertUnit({
@@ -6578,7 +6578,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			toUnit: t
 		});
 		return withUnit(n, t) === e.value;
-	}), jd = () => {
+	}), Nd = () => {
 		let e = l ?? "", t = K.unit;
 		if (checkConversion({
 			value: e,
@@ -6592,7 +6592,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 				return null;
 			}
 		} else return getAltUnitsListByQuantity(u)?.map((e) => ["", e?.unit]);
-	}, Md = (t) => {
+	}, Pd = (t) => {
 		let n = getStringName(e), r = t.target, { value: i, selectionStart: a } = r, o = withUnit(i, K?.unit || ""), s = A ? withUnit(convertAndGetValue(o, B), B) : o;
 		h({ target: {
 			value: s,
@@ -6605,7 +6605,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		}), R(() => {
 			r.selectionStart = a, r.selectionEnd = a;
 		});
-	}, Nd = (e, t) => {
+	}, Fd = (e, t) => {
 		t === K.unit || isNaN(Number(e)) || (q({
 			value: e,
 			unit: t
@@ -6636,7 +6636,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			e !== void 0 && q({
 				value: e,
 				unit: t
-			}), C && kd(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
+			}), C && jd(Y && T ? PredefinedOptionsMenuState.PREDEFINED : PredefinedOptionsMenuState.CUSTOM);
 		}
 	}, [
 		U,
@@ -6644,7 +6644,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		i,
 		T
 	]);
-	let X = jd(), Z = label(K.unit) || K.unit || "", Pd = p || !X || X && X.length === 1, Q = getStringName(e), $, Fd = (t) => {
+	let X = Nd(), Z = label(K.unit) || K.unit || "", Id = p || !X || X && X.length === 1, Q = getStringName(e), $, Ld = (t) => {
 		let r = t?.value ? t.value : "", [i = "", a = ""] = isValueWithUnit(r) ? split(r) : [r], o = withPrettyUnitLabel(r);
 		if (checkConversion({
 			value: r,
@@ -6664,7 +6664,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			type: MenuType.OPTION,
 			inline: !0,
 			onClick: () => {
-				validateNumber(i).valid && !n && (kd(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
+				validateNumber(i).valid && !n && (jd(PredefinedOptionsMenuState.PREDEFINED), h({ target: {
 					value: r,
 					name: typeof e == "string" ? e : e?.fieldName || "",
 					predefinedSelected: !0,
@@ -6691,10 +6691,10 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 		label: "Custom",
 		selected: J === PredefinedOptionsMenuState.CUSTOM
 	}], C?.length) {
-		let e = C.map(Fd);
+		let e = C.map(Ld);
 		$ = [...$, ...e];
 	}
-	let Id = (e) => {
+	let Rd = (e) => {
 		if (isValueWithUnit(e)) {
 			let t = getUnit(e), { value: n } = safeConvertValue({
 				value: e,
@@ -6706,7 +6706,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 			return n;
 		}
 		return e;
-	}, Ld = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Rd = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
+	}, zd = !C && (!F || F === GroupOrder.FIRST) ? GroupOrder.FIRST : GroupOrder.MIDDLE, Bd = !F || F === GroupOrder.LAST ? GroupOrder.LAST : GroupOrder.MIDDLE;
 	return /* @__PURE__ */ jsx("div", {
 		className: J === PredefinedOptionsMenuState.PREDEFINED ? cx(unit_input_module_default.predefinedMenuActive) : "",
 		children: /* @__PURE__ */ jsxs(InputGroup, {
@@ -6738,31 +6738,31 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 						name: Q,
 						testId: x,
 						disabled: n,
-						placeholder: Id(t),
+						placeholder: Rd(t),
 						value: K.value,
-						onChange: Md,
+						onChange: Pd,
 						onFocus: v,
 						error: i === null ? void 0 : i,
 						warning: S === null ? void 0 : S,
 						left: a,
-						allowEmpty: Od,
+						allowEmpty: Ad,
 						validationCallback: (e, t) => D(Q, t),
 						enableCosmeticRounding: j,
 						enableDisplayRounding: M,
 						roundDisplayValue: N,
-						groupOrder: Ld,
-						disableInternalErrorValidationMessages: Ad,
+						groupOrder: zd,
+						disableInternalErrorValidationMessages: Md,
 						small: o,
 						selectOnFocus: P,
 						tooltip: I
 					}, Q)
 				}),
-				Z && (Pd || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
-					groupOrder: Rd,
+				Z && (Id || !H ? /* @__PURE__ */ jsx(InputGroupAddon, {
+					groupOrder: Bd,
 					small: o,
 					children: Z
 				}) : /* @__PURE__ */ jsx(Menu, {
-					groupOrder: Rd,
+					groupOrder: Bd,
 					maxHeight: 380,
 					disabled: r,
 					testId: x && `${x}-menu`,
@@ -6778,7 +6778,7 @@ const UnitInput = ({ name: e, placeholder: t = "", disabled: n = !1, disabledUni
 								label: j ? safeRoundNumbers(i) : i,
 								inline: !0,
 								onClick: (n) => {
-									n.stopPropagation(), Nd(e, t);
+									n.stopPropagation(), Fd(e, t);
 								},
 								description: r,
 								selected: r === Z,
@@ -8316,7 +8316,115 @@ const createDiffPatcher = (e = {}) => create({
 		minLength: 120
 	},
 	cloneDiffValues: !0
-}), defaultMessage = (e) => {
+}), sectionNames = [
+	{
+		sectionKey: "hierarchy",
+		sectionLabel: "Hierarchy"
+	},
+	{
+		sectionKey: "hierarchyPermissions",
+		sectionLabel: "Hierarchy Permissions"
+	},
+	{
+		sectionKey: "hierarchyOptionalParameters",
+		sectionLabel: "Hierarchy Optional Parameters"
+	},
+	{
+		sectionKey: "general",
+		sectionLabel: "General"
+	},
+	{
+		sectionKey: "generalAppearance",
+		sectionLabel: "General — Appearance"
+	},
+	{
+		sectionKey: "generalUnitSettings",
+		sectionLabel: "General — Unit Settings"
+	},
+	{
+		sectionKey: "generalUnitPrecision",
+		sectionLabel: "General — Unit Precision"
+	},
+	{
+		sectionKey: "trajectory",
+		sectionLabel: "Trajectory"
+	},
+	{
+		sectionKey: "antiCollision",
+		sectionLabel: "Anti-Collision"
+	},
+	{
+		sectionKey: "casingDesign",
+		sectionLabel: "Casing Design"
+	},
+	{
+		sectionKey: "casingDesignFactors",
+		sectionLabel: "Casing Design — Factors"
+	},
+	{
+		sectionKey: "casingDesignKickTolerance",
+		sectionLabel: "Casing Design — Kick Tolerance"
+	},
+	{
+		sectionKey: "casingDesignStressAnalysisOptions",
+		sectionLabel: "Casing Design — Stress Analysis Options"
+	},
+	{
+		sectionKey: "casingDesignLoadsDefaultConfig",
+		sectionLabel: "Casing Design — Loads Default Config"
+	},
+	{
+		sectionKey: "casingDesignMultipleFlowSimulations",
+		sectionLabel: "Casing Design — Multiple Flow Simulations"
+	},
+	{
+		sectionKey: "annularFluidExpansion",
+		sectionLabel: "Annular Fluid Expansion"
+	},
+	{
+		sectionKey: "drillingMechanics",
+		sectionLabel: "Drilling Mechanics"
+	},
+	{
+		sectionKey: "drillingMechanicsGeneral",
+		sectionLabel: "Drilling Mechanics — General"
+	},
+	{
+		sectionKey: "drillingMechanicsHydraulics",
+		sectionLabel: "Drilling Mechanics — Hydraulics"
+	},
+	{
+		sectionKey: "drillingMechanicsSurgeAndSwab",
+		sectionLabel: "Drilling Mechanics — Surge & Swab"
+	},
+	{
+		sectionKey: "drillingMechanicsTorqueAndDrag",
+		sectionLabel: "Drilling Mechanics — Torque & Drag"
+	},
+	{
+		sectionKey: "drillingMechanicsWear",
+		sectionLabel: "Drilling Mechanics — Wear"
+	},
+	{
+		sectionKey: "tempsim",
+		sectionLabel: "TempSim"
+	},
+	{
+		sectionKey: "libraries",
+		sectionLabel: "Libraries"
+	},
+	{
+		sectionKey: "automaticDesign",
+		sectionLabel: "Automatic Design"
+	},
+	{
+		sectionKey: "webhooks",
+		sectionLabel: "Webhooks"
+	}
+], getSectionName = (e) => {
+	let t = e.reverse();
+	return sectionNames.find((e) => t.find((t) => t.includes(e.sectionKey)))?.sectionLabel || "";
+}, defaultMessage = (e) => {
 	switch (e.length) {
 		case 1: {
 			let [t] = e;
@@ -8351,16 +8459,18 @@ const createDiffPatcher = (e = {}) => create({
 }, ChangesOverview = ({ diffs: e }) => {
 	let t = {
 		headers: [{ cells: [
-			{ value: "Tpye" },
+			{ value: "Type" },
 			{ value: "Before" },
-			{ value: "After" }
+			{ value: "After" },
+			{ value: "" }
 		] }],
 		rows: e.map((e) => {
-			let { deltaFormat: t } = e, { type: n, before: r, after: i } = defaultMessage(t);
+			let { deltaFormat: t, path: n } = e, r = getSectionName(n), { type: i, before: a, after: o } = defaultMessage(t);
 			return { cells: [
-				{ value: n },
-				{ value: r },
-				{ value: i }
+				{ value: i },
+				{ value: a },
+				{ value: o },
+				{ value: r }
 			] };
 		})
 	};
@@ -8502,8 +8612,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 +8630,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 +8641,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 +8680,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 +8694,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 +8705,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 +8731,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-12",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {