@monolith-forensics/monolith-ui 1.1.63 → 1.1.65

package/dist/Loader/Loader.d.ts

@@ -0,0 +1,3 @@
+import { LoaderProps } from "./types";
+declare const Loader: React.FC<LoaderProps>;
+export default Loader;

package/dist/Loader/Loader.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import styled from "styled-components";
+const Loader = styled(({ className, style }) => {
+    return (_jsx("div", { className: className + " mf-Loader", style: style, children: _jsx("span", { className: "mf-Loader-root" }) }));
+}) `
+  display: inline-block;
+  margin: auto;
+
+  .mf-Loader-root {
+    display: inline-block;
+    width: ${({ size }) => size || 20}px;
+    height: ${({ size }) => size || 20}px;
+  }
+
+  .mf-Loader-root:after {
+    box-sizing: border-box;
+    content: "";
+    display: block;
+    width: ${({ size }) => size || 20}px;
+    height: ${({ size }) => size || 20}px;
+    border-radius: 50%;
+    border-width: calc(${({ size }) => size || 20}px / 10);
+    border-style: solid;
+    border-color: ${({ color, theme }) => color || theme.palette.primary.main}
+      ${({ color, theme }) => color || theme.palette.primary.main}
+      ${({ color, theme }) => color || theme.palette.primary.main} transparent;
+
+    animation: spin ${({ speed }) => speed || 600}ms linear infinite;
+  }
+
+  @keyframes spin {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(360deg);
+    }
+  }
+`;
+export default Loader;

package/dist/Loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Loader";
+export type { LoaderProps } from "./types";

package/dist/Loader/index.js

@@ -0,0 +1 @@
+export { default } from "./Loader";

package/dist/Loader/types.d.ts

@@ -0,0 +1,7 @@
+export interface LoaderProps {
+    className?: string;
+    style?: React.CSSProperties;
+    color?: string;
+    size?: number;
+    speed?: number;
+}

package/dist/Loader/types.js

@@ -0,0 +1 @@
+export {};

package/dist/SelectBox/SelectBox.d.ts

@@ -2,5 +2,5 @@ import { SelectBoxProps } from "..";
 export declare const StyledInputContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     width?: string | number | null;
 }>> & string;
-declare const SelectBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<SelectBoxProps, never>> & string & Omit<({ className, data, placeholder, arrow, onChange, onSearch, searchFn, onScroll, loading, defaultValue, onItemAdded, size, variant, width, allowCustomValue, searchable, clearable, label, description, required, error, openOnFocus, renderOption, actionComponent, focused, grouped, OptionTooltip, DropDownProps, debounceTime, }: SelectBoxProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
+declare const SelectBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<SelectBoxProps, never>> & string & Omit<({ className, data, placeholder, arrow, onChange, onSearch, searchFn, onScroll, loading, defaultValue, onItemAdded, size, variant, width, allowCustomValue, searchable, clearable, label, description, required, error, openOnFocus, renderOption, actionComponent, focused, grouped, OptionTooltip, DropDownProps, debounceTime, sort, }: SelectBoxProps) => import("react/jsx-runtime").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export default SelectBox;

package/dist/SelectBox/SelectBox.js

@@ -13,7 +13,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import styled from "styled-components";
 import { useFloating, flip, offset, FloatingPortal, autoUpdate, } from "@floating-ui/react";
 import { useCallback, useEffect, useRef, useState, } from "react";
-import { Input, FieldLabel, Tooltip } from "..";
+import { Input, FieldLabel, Tooltip, Loader } from "..";
 import { useDebouncedCallback } from "use-debounce";
 import { StyledContent, StyledFloatContainer, ArrowButton, ClearButton, } from "../core";
 export const StyledInputContainer = styled.div `
@@ -153,7 +153,7 @@ const StyledItem = styled.div `
   }
 `;
 const SelectBox = styled(({ className, data = [], placeholder = "Select...", arrow = true, onChange, onSearch, searchFn, onScroll, loading, defaultValue, onItemAdded, size = "sm", variant = "outlined", width = "100%", allowCustomValue = false, searchable = false, clearable = false, label, description, required = false, error, openOnFocus = true, renderOption, actionComponent, focused, grouped, OptionTooltip, // Custom tooltip component for search menu items
-DropDownProps = {}, debounceTime = 300, }) => {
+DropDownProps = {}, debounceTime = 300, sort = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h;
     const isObjectArray = (_a = Object.keys((data === null || data === void 0 ? void 0 : data[0]) || {})) === null || _a === void 0 ? void 0 : _a.includes("label");
     const [inputValue, setInputValue] = useState("");
@@ -183,6 +183,8 @@ DropDownProps = {}, debounceTime = 300, }) => {
             const bValue = b.group;
             return aValue.localeCompare(bValue);
         }
+        if (!sort)
+            return 0;
         // Secondary sort by label/value to ensure consistent ordering
         const aLabel = isObjectArray ? a.label : a;
         const bLabel = isObjectArray ? b.label : b;
@@ -463,19 +465,19 @@ DropDownProps = {}, debounceTime = 300, }) => {
                             maxHeight: DropDownProps.autoHeight
                                 ? (dropDownHeight || 250) - 10
                                 : "",
-                        }, variant: variant, "data-empty": filteredItems.length === 0 }, DropDownProps, { children: [actionComponent && _jsx(ActionMenu, { children: actionComponent }), _jsxs(StyledInnerItemContainer, { ref: scrollContainerRef, "data-scroll-active": scrollActive, onScroll: onScroll, children: [loading && _jsx("div", { children: "Loading..." }), !loading && grouped
-                                        ? groups.map((group, index) => (_jsxs("div", { children: [_jsx(GroupTitle, { size: size, children: group.label }), group.items.map((item, index) => {
-                                                    return (_jsx(Tooltip, { content: OptionTooltip ? (_jsx(OptionTooltip, { data: item.data })) : null, side: "left", children: _jsx(StyledItem, { className: "mfFloatingItem", onClick: (e) => handleItemClick(e, item), "data-selected": isObjectArray
-                                                                ? (selected === null || selected === void 0 ? void 0 : selected.value) ===
-                                                                    item.value
-                                                                : selected === item, size: size, children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || (_jsx(_Fragment, { children: (item === null || item === void 0 ? void 0 : item.label) || item })) }, index) }, index));
-                                                })] }, group.label)))
-                                        : filteredItems.map((item, index) => {
-                                            return (_jsx(Tooltip, { content: OptionTooltip ? (_jsx(OptionTooltip, { data: item.data })) : null, side: "left", children: _jsx(StyledItem, { className: "mfFloatingItem", onClick: (e) => handleItemClick(e, item), "data-selected": isObjectArray
-                                                        ? (selected === null || selected === void 0 ? void 0 : selected.value) ===
-                                                            (item === null || item === void 0 ? void 0 : item.value)
-                                                        : selected === item, size: size, children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || (_jsx(_Fragment, { children: (item === null || item === void 0 ? void 0 : item.label) || item })) }, index) }, index));
-                                        })] })] })) }) }))] }));
+                        }, variant: variant, "data-empty": filteredItems.length === 0 }, DropDownProps, { children: [loading && _jsx(Loader, {}), !loading && actionComponent && (_jsx(ActionMenu, { children: actionComponent })), !loading && (_jsx(StyledInnerItemContainer, { ref: scrollContainerRef, "data-scroll-active": scrollActive, onScroll: onScroll, children: grouped
+                                    ? groups.map((group, index) => (_jsxs("div", { children: [_jsx(GroupTitle, { size: size, children: group.label }), group.items.map((item, index) => {
+                                                return (_jsx(Tooltip, { content: OptionTooltip ? (_jsx(OptionTooltip, { data: item.data })) : null, side: "left", children: _jsx(StyledItem, { className: "mfFloatingItem", onClick: (e) => handleItemClick(e, item), "data-selected": isObjectArray
+                                                            ? (selected === null || selected === void 0 ? void 0 : selected.value) ===
+                                                                item.value
+                                                            : selected === item, size: size, children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || (_jsx(_Fragment, { children: (item === null || item === void 0 ? void 0 : item.label) || item })) }, index) }, index));
+                                            })] }, group.label)))
+                                    : filteredItems.map((item, index) => {
+                                        return (_jsx(Tooltip, { content: OptionTooltip ? (_jsx(OptionTooltip, { data: item.data })) : null, side: "left", children: _jsx(StyledItem, { className: "mfFloatingItem", onClick: (e) => handleItemClick(e, item), "data-selected": isObjectArray
+                                                    ? (selected === null || selected === void 0 ? void 0 : selected.value) ===
+                                                        (item === null || item === void 0 ? void 0 : item.value)
+                                                    : selected === item, size: size, children: (renderOption === null || renderOption === void 0 ? void 0 : renderOption(item)) || (_jsx(_Fragment, { children: (item === null || item === void 0 ? void 0 : item.label) || item })) }, index) }, index));
+                                    }) }))] })) }) }))] }));
 }) `
   position: relative;
   cursor: pointer;

package/dist/SelectBox/types.d.ts

@@ -37,4 +37,5 @@ export interface SelectBoxProps {
     }>;
     DropDownProps?: any;
     debounceTime?: number;
+    sort?: boolean;
 }

package/dist/index.d.ts

@@ -29,3 +29,5 @@ export { default as MonolithUIProvider } from "./MonolithUIProvider";
 export { useMonolithUITheme } from "./MonolithUIProvider";
 export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";
 export type { CustomItem, ToolbarOptions } from "./RichTextEditor";
+export { default as Loader } from "./Loader";
+export type { LoaderProps } from "./Loader";

package/dist/index.js

@@ -25,3 +25,4 @@ export { Column } from "./Table";
 export { default as MonolithUIProvider } from "./MonolithUIProvider";
 export { useMonolithUITheme } from "./MonolithUIProvider";
 export { default as RichTextEditor, Extensions, SlashCommands, Controls, } from "./RichTextEditor";
+export { default as Loader } from "./Loader";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@monolith-forensics/monolith-ui",
-  "version": "1.1.63",
+  "version": "1.1.65",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "author": "Matt Danner (Monolith Forensics LLC)",
@@ -18,10 +18,9 @@
   "scripts": {
     "clean": "rm -r ./dist",
     "build": "tsc",
-    "patch": "yarn version --patch",
-    "minor": "yarn version --minor",
-    "major": "yarn version --major",
-    "release-patch": "yarn version --patch --deferred && yarn build && npm publish && yarn clean"
+    "release-patch": "yarn version --patch --deferred && yarn build && npm publish && yarn clean",
+    "release-minor": "yarn version --minor --deferred && yarn build && npm publish && yarn clean",
+    "release-major": "yarn version --major --deferred && yarn build && npm publish && yarn clean"
   },
   "dependencies": {
     "@floating-ui/react": "^0.26.16",