@oliasoft-open-source/react-ui-library 5.17.0-beta-9 → 5.17.0-beta-10

package/dist/index.d.ts

@@ -793,8 +793,8 @@ declare interface IListItem {
     disabled?: boolean;
     onClick?: (evt: any) => void;
     title?: string;
-    details?: string;
-    metadata?: string;
+    details?: string | ReactElement;
+    metadata?: string | ReactElement;
     testId?: string;
     level?: number;
     label?: ILabel;
@@ -1393,6 +1393,12 @@ declare interface ISimpleCell extends TCommonCell {
     type?: TCellType;
 }
 
+export declare interface ISkeletonProps {
+    count?: number;
+    width?: string | number;
+    height?: string | number;
+}
+
 declare interface ISliderCell extends TCommonCell {
     type: TCellType;
     label?: string | null;
@@ -2008,6 +2014,8 @@ export declare const SettingField: ({ helpText, disabled, showCustom, children,
 
 export declare const SideBar: default_2.MemoExoticComponent<({ options, startOpen, onShiftClickToggleOpen, top, }: ISideBarProps) => JSX_2.Element>;
 
+export declare const Skeleton: ({ count, width, height }: ISkeletonProps) => JSX_2.Element;
+
 export declare const Slider: ({ name, label, width, labelWidth, value, min, max, step, marks, showArrows, showTooltip, tooltipFormatter, disabled, range, small, vertical, onChange, }: ISliderProps) => JSX_2.Element;
 
 export declare const SmartUploadModal: ({ visible, prompt, onCloseModal, onUpload, onComplete, onFailed, onError, width, heading, dialogText, fileInputText, fileInputPlaceholder, uploadText, cancelText, testId, }: ISmartUploadModalProps) => JSX_2.Element;

package/dist/index.js

@@ -10,7 +10,7 @@ import { cloneDeep, cloneDeepWith, debounce, every, get, isArray, isBoolean, isE
 import styled, { css } from "styled-components";
 import { Resizable } from "react-resizable";
 import { createPortal } from "react-dom";
-import { ALT_UNITS, KNOWN_UNITS, altUnitsList, cleanNumStr, convertAndGetValue, convertSamePrecision, getAltUnitsListByQuantity, getUnit, getUnitsForQuantity, getValue, isNumeric, isScientificStringNum, isValidNum, isValueWithUnit, label, roundByMagnitude, roundByMagnitudeToFixed, roundToFixed, roundToPrecision, split, stripLeadingZeros, toNum, toString, unitFromQuantity, validateNumber, withPrettyUnitLabel, withUnit } from "@oliasoft-open-source/units";
+import { ALT_UNITS, KNOWN_UNITS, altUnitsList, cleanNumStr, convertAndGetValue, convertSamePrecision, getAltUnitsListByQuantity, getUnit, getUnitsForQuantity, getValue, isScientificStringNum, isValidNum, isValueWithUnit, label, roundByMagnitude, roundByMagnitudeToFixed, roundToFixed, roundToPrecision, split, stripLeadingZeros, toNum, toString, unitFromQuantity, validateNumber, withPrettyUnitLabel, withUnit } from "@oliasoft-open-source/units";
 import { FixedSizeList } from "react-window";
 import { SortableContext, useSortable, verticalListSortingStrategy } from "@dnd-kit/sortable";
 import { CSS } from "@dnd-kit/utilities";
@@ -27,6 +27,8 @@ import { EditorContent, useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import Placeholder from "@tiptap/extension-placeholder";
 import { Markdown } from "@tiptap/markdown";
+import ReactLoadingSkeleton from "react-loading-skeleton";
+import "react-loading-skeleton/dist/skeleton.css";
 import { DndProvider } from "react-dnd";
 import { MultiBackend, Tree as Tree$1, getBackendOptions } from "@minoru/react-dnd-treeview";
 import ReactDiffViewer, { DiffMethod } from "react-diff-viewer-continued";
@@ -6283,6 +6285,19 @@ const Link$1 = ({ isOpen: e, items: t, sectionIndex: n, onClick: r, testId: i })
 		})
 	});
 }, (e, t) => isEqual$1(e, t));
+var skeleton_module_default = {
+	skeletonContainer: "_skeletonContainer_k2td0_9",
+	skeleton: "_skeleton_k2td0_9"
+};
+const Skeleton = ({ count: e, width: t, height: n }) => /* @__PURE__ */ jsx(ReactLoadingSkeleton, {
+	baseColor: "var(--color-skeleton-base)",
+	highlightColor: "var(--color-skeleton-highlight)",
+	containerClassName: skeleton_module_default.skeletonContainer,
+	className: skeleton_module_default.skeleton,
+	count: e,
+	width: t,
+	height: n
+});
 var tabs_module_default = {
 	tabs: "_tabs_1y79t_1",
 	padding: "_padding_1y79t_7",
@@ -8911,7 +8926,7 @@ const countDeltas = (e) => (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) =
 		case 1: {
 			let [t] = e;
 			return {
-				type: "created",
+				type: "Created",
 				before: "",
 				after: toText(t)
 			};
@@ -8919,7 +8934,7 @@ const countDeltas = (e) => (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) =
 		case 2: {
 			let [t, n] = e;
 			return {
-				type: "modified",
+				type: "Modified",
 				before: toText(t),
 				after: toText(n)
 			};
@@ -8927,13 +8942,13 @@ const countDeltas = (e) => (Array.isArray(e) ? e : e ? [e] : []).reduce((e, t) =
 		case 3: {
 			let [t] = e;
 			return {
-				type: "deleted",
+				type: "Deleted",
 				before: toText(t),
 				after: ""
 			};
 		}
 		default: return {
-			type: "modified",
+			type: "Modified",
 			before: "",
 			after: ""
 		};
@@ -8963,46 +8978,22 @@ const createDiffJson = (e, t, n) => {
 		oldJson: a,
 		newJson: o
 	};
-};
-var humanize = (e) => e.replace(/\[\d+\]/g, "").replace(/([a-z0-9])([A-Z])/g, "$1 $2").replace(/[_-]/g, " ").replace(/\s+/g, " ").trim().replace(/^./, (e) => e.toUpperCase()), formatValue = (e) => {
-	if (e == null || e === "") return "empty";
-	if (typeof e == "boolean") return e ? "true" : "false";
-	if (typeof e == "string") return e;
-	if (typeof e == "number") return String(e);
-	if (Array.isArray(e)) return e.length ? e.join(", ") : "empty";
-	try {
-		return JSON.stringify(e);
-	} catch {
-		return String(e);
-	}
-}, findReasonableProperty = (e, t = 0) => {
-	if (t >= e.length) return "Value";
-	let n = e[t];
-	return !n || isNumeric(n) ? findReasonableProperty(e, t + 1) : humanize(n);
-}, buildChangeSentence = ({ userName: e, type: t, property: n, before: r, after: i, sectionName: a }) => {
-	let o = formatValue(r), s = formatValue(i);
-	switch (t) {
-		case "modified": return `${e} updated ${n} from ${o} to ${s} in ${a}.`;
-		case "created": return `${e} created ${s} in ${a}.`;
-		case "deleted": return `${e} deleted ${o} in ${a}.`;
-		default: return `${e} changed ${n} in ${a}.`;
-	}
-};
-const ChangesOverview = ({ sectionNames: e, userName: t, diffs: n }) => /* @__PURE__ */ jsx(Table, { table: {
-	headers: [{ cells: [{ value: "Changes" }] }],
+}, ChangesOverview = ({ sectionNames: e, userName: t, diffs: n }) => /* @__PURE__ */ jsx(Table, { table: {
+	headers: [{ cells: [
+		{ value: "Modified By" },
+		{ value: "Type" },
+		{ value: "Before" },
+		{ value: "After" },
+		{ value: "" }
+	] }],
 	rows: n.map((n) => {
 		let { deltaFormat: r, path: i } = n, a = getSectionName(e, i), { type: o, before: s, after: c } = defaultMessage(r);
 		return { cells: [
-			{ value: buildChangeSentence({
-				userName: t,
-				type: o,
-				property: findReasonableProperty(i),
-				before: s,
-				after: c,
-				sectionName: a
-			}) },
+			{ value: t },
+			{ value: o },
 			{ value: s },
-			{ value: c }
+			{ value: c },
+			{ value: a }
 		] };
 	})
 } }), viewTypes = Object.freeze({
@@ -9202,4 +9193,4 @@ const ComparisonViewModal = ({ auditLog: e, auditLogs: t, data: n, isOpen: r, se
 		e === ConfigKeyType.Translations ? setConfig(e, getTranslations(t)) : setConfig(e, isPrimitiveValue(t) ? t : { ...t });
 	});
 };
-export { Accordion, AccordionWithDefaultToggle, Actions, Align, AuditLog, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, Collapse, Color, ColorInput, 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, TreeTable, TriggerType, UnitInput, UnitTable, UsageTracker, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };
+export { Accordion, AccordionWithDefaultToggle, Actions, Align, AuditLog, Badge, Breadcrumb, BreadcrumbLinkType, Button, ButtonGroup, ButtonPosition, ButtonType, Card, CheckBox, Chevron, Collapse, Color, ColorInput, 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, Skeleton, Slider, SmartUploadModal, Spacer, Spinner, Table, TableImportExport, Tabs, Text, TextArea, TextLink, TextTransform, Theme, Toaster, Toggle, Tooltip, TopBar, Tree, TreeTable, TriggerType, UnitInput, UnitTable, UsageTracker, dismissToast, initializeContext, initializeGuiLibrary, readFile, toast, useFocus, useKeyboardEvent, useWindowWidth };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oliasoft-open-source/react-ui-library",
-  "version": "5.17.0-beta-9",
+  "version": "5.17.0-beta-10",
   "description": "Reusable UI components for React projects",
   "homepage": "https://oliasoft-open-source.gitlab.io/react-ui-library",
   "bugs": {
@@ -60,6 +60,7 @@
     "react-fast-compare": "^3.2.2",
     "react-icons": "^5.5.0",
     "react-laag": "^2.0.5",
+    "react-loading-skeleton": "^3.5.0",
     "react-resizable": "^3.0.5",
     "react-router-dom": "^7.2.0",
     "react-svg": "^16.3.0",