pixelize-design-library 2.3.1-beta.2 → 2.3.1-beta.20

package/dist/Utils/table.js

@@ -137,14 +137,19 @@ function pickTableColor(value, palette, override) {
         return { solid: "#8B3FC8", soft: "#8B3FC822", text: "#8B3FC8" };
     return palette[hashKey(value) % palette.length];
 }
-/** Partition rows by a column key, preserving first-seen group order. */
+/**
+ * Partition rows by a column, preserving first-seen group order. The group key is
+ * a normalized string so object/array values (e.g. a `user` field that is an object
+ * or an array of users) group together by their readable text instead of by object
+ * identity.
+ */
 function groupRows(data, groupBy) {
     var order = [];
     var map = new Map();
     for (var _i = 0, data_1 = data; _i < data_1.length; _i++) {
         var row = data_1[_i];
-        var raw = row[groupBy];
-        var key = raw === undefined || raw === null || raw === "" ? "—" : raw;
+        var text = getStringValue(row[groupBy]);
+        var key = text === "" ? "—" : text;
         if (!map.has(key)) {
             map.set(key, []);
             order.push(key);
@@ -170,21 +175,49 @@ var extractTextFromReactNode = function (node) {
     }
     return "";
 };
+/** Best-effort readable text for an entity object (user/relation/option/etc.). */
+var objectToText = function (o) {
+    var _a, _b;
+    if (typeof o.label === "string" || typeof o.label === "number")
+        return String(o.label);
+    if (typeof o.name === "string" || typeof o.name === "number")
+        return String(o.name);
+    var first = (_a = o.first_name) !== null && _a !== void 0 ? _a : o.firstName;
+    var last = (_b = o.last_name) !== null && _b !== void 0 ? _b : o.lastName;
+    if (typeof first === "string" || typeof last === "string") {
+        return "".concat(first !== null && first !== void 0 ? first : "", " ").concat(last !== null && last !== void 0 ? last : "").trim();
+    }
+    if (typeof o.full_name === "string")
+        return o.full_name;
+    if (typeof o.title === "string")
+        return o.title;
+    if (typeof o.company_name === "string")
+        return o.company_name;
+    if (typeof o.email === "string")
+        return o.email;
+    if (typeof o.value === "string" || typeof o.value === "number")
+        return String(o.value);
+    return "";
+};
+/**
+ * Readable string for any cell value. Handles primitives, React elements, entity
+ * objects (e.g. `user`: `{ name }` / `{ first_name, last_name }`), and arrays of
+ * any of those (e.g. a multi-user field) by joining their texts.
+ */
 var getStringValue = function (value) {
-    if (typeof value === "string" || typeof value === "number") {
+    if (value === null || value === undefined)
+        return "";
+    if (typeof value === "string" || typeof value === "number" || typeof value === "boolean") {
         return String(value);
     }
     if (react_1.default.isValidElement(value)) {
         return extractTextFromReactNode(value);
     }
-    if (value && typeof value === "object") {
-        var o = value;
-        if (typeof o.label === "string" || typeof o.label === "number") {
-            return String(o.label);
-        }
-        if (typeof o.name === "string" || typeof o.name === "number") {
-            return String(o.name);
-        }
+    if (Array.isArray(value)) {
+        return value.map(getStringValue).filter(function (s) { return s !== ""; }).join(", ");
+    }
+    if (typeof value === "object") {
+        return objectToText(value);
     }
     return "";
 };
@@ -203,21 +236,8 @@ function normalizeTableCellValue(value) {
     if (react_1.default.isValidElement(value)) {
         return value;
     }
-    if (typeof value === "object") {
-        var o = value;
-        if (typeof o.label === "string" || typeof o.label === "number") {
-            return String(o.label);
-        }
-        if (typeof o.name === "string" || typeof o.name === "number") {
-            return String(o.name);
-        }
-        if (typeof o.title === "string")
-            return o.title;
-        if (typeof o.company_name === "string")
-            return o.company_name;
-        return "";
-    }
-    return String(value);
+    // Objects (relation/user) and arrays (multi-user / multi-select) → readable text.
+    return getStringValue(value);
 }
 var searchAndSortData = function (data, searchValues) {
     var filteredData = data.filter(function (item) {

package/dist/index.d.ts

@@ -60,5 +60,27 @@ import ApexLineChart from "./Components/Apexcharts/ApexLineChart/ApexLineChart";
 import Notification from "./Components/Notification/Notification";
 import DatePicker from "./Components/DatePicker/ThemeDatePicker";
 import FilterSidebar from "./Components/FilterSidebar/FilterSidebar";
-export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, FileUpload, FileUploader, FilterSidebar, FormWrapper, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
+import EmptyState from "./Components/EmptyState/EmptyState";
+import MoreItems from "./Components/MoreItems/MoreItems";
+import ScrollToTop from "./Components/ScrollToTop/ScrollToTop";
+import CopyButton from "./Components/CopyButton/CopyButton";
+import FieldSelectModal from "./Components/FieldSelectModal/FieldSelectModal";
+import PdfViewer from "./Components/PdfViewer/PdfViewer";
+import LazyWrapper from "./Components/LazyWrapper/LazyWrapper";
+import FilePreview, { FilePreviewTrigger } from "./Components/FilePreview/FilePreview";
+import StageProgress from "./Components/StageProgress/StageProgress";
+import StageItem from "./Components/StageProgress/StageItem";
+import OrgSwitcher from "./Components/OrgSwitcher/OrgSwitcher";
+import UpgradeButton from "./Components/UpgradeButton/UpgradeButton";
+import UserDetails from "./Components/UserDetails/UserDetails";
+import RolesPermission from "./Components/RolesPermission/RolesPermission";
+import CustomModulesTable from "./Components/CustomModulesTable/CustomModulesTable";
+import SignInActivityTable from "./Components/SignInActivityTable/SignInActivityTable";
+import OrganizationDetails from "./Components/OrganizationDetails/OrganizationDetails";
+export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, EmptyState, FieldSelectModal, FilePreview, FilePreviewTrigger, FileUpload, FileUploader, FilterSidebar, FormWrapper, LazyWrapper, MoreItems, PdfViewer, ScrollToTop, CopyButton, StageProgress, StageItem, OrgSwitcher, UpgradeButton, UserDetails, RolesPermission, CustomModulesTable, SignInActivityTable, OrganizationDetails, Header, HeaderActions, InputTextArea, InputSwitch, KanbanBoard, Loading, Modal, ModalHeader, ModalBody, ModalFooter, NavigationBar, Notification, NoteTextArea, MultiSelect, NumberInput, PaymentCard, PhoneNumberInput, PinInput, ProductCard, ProductDetails, ProfileCard, ProfileCardHeader, ProfileCardBody, ProfileCardFooter, ProfilePhotoViewer, ProgressBar, RadioButton, RadioButtonGroup, Reorder, Search, Select, SearchSelect, SelectSearch, SideBar, Slider, Skeletons, Switch, Table, TableToggle, Tag, TextInput, Timeline, Toaster, ToolTip, useToaster, VerifyEmailOtp, useCustomTheme, ThemesList, debounce, };
 export default withTheme;
+export type { UserDetailsProps, UserDetailsLabels, UserListItem, SelectedUserDetail, UserDetailRow, RoleOption, AddUserFormValues, ChangeRoleSubmitPayload, } from "./Components/UserDetails/UserDetailsProps";
+export type { RolesPermissionProps, RolesPermissionLabels, RolesPermissionView, RolesPermissionMode, Permission, PermissionKey, RoleData, } from "./Components/RolesPermission/RolesPermissionProps";
+export type { CustomModulesTableProps, CustomModulesTableLabels, ModuleItem, UpdateModulePayload, } from "./Components/CustomModulesTable/CustomModulesTableProps";
+export type { SignInActivityTableProps, SignInActivityLabels, SignInDevice, } from "./Components/SignInActivityTable/SignInActivityTableProps";
+export type { OrganizationDetailsProps, OrganizationDetailsLabels, OrganizationItem, CreateOrgFormValues, } from "./Components/OrganizationDetails/OrganizationDetailsProps";

package/dist/index.js

@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
-exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = void 0;
+exports.ModalBody = exports.ModalHeader = exports.Modal = exports.Loading = exports.KanbanBoard = exports.InputSwitch = exports.InputTextArea = exports.HeaderActions = exports.Header = exports.OrganizationDetails = exports.SignInActivityTable = exports.CustomModulesTable = exports.RolesPermission = exports.UserDetails = exports.UpgradeButton = exports.OrgSwitcher = exports.StageItem = exports.StageProgress = exports.CopyButton = exports.ScrollToTop = exports.PdfViewer = exports.MoreItems = exports.LazyWrapper = exports.FormWrapper = exports.FilterSidebar = exports.FileUploader = exports.FileUpload = exports.FilePreviewTrigger = exports.FilePreview = exports.FieldSelectModal = exports.EmptyState = exports.Editor = exports.Dropdown = exports.DrawerFooter = exports.DrawerBody = exports.DrawerHeader = exports.Drawer = exports.DatePicker = exports.ContactForm = exports.Checkbox = exports.Card = exports.ButtonGroupIcon = exports.Button = exports.Breadcrumbs = exports.ApexLineChart = exports.ApexPolarChart = exports.ApexPieChart = exports.ApexBarChart = exports.AlertDialog = exports.Accordian = void 0;
+exports.debounce = exports.ThemesList = exports.useCustomTheme = exports.VerifyEmailOtp = exports.useToaster = exports.ToolTip = exports.Toaster = exports.Timeline = exports.TextInput = exports.Tag = exports.TableToggle = exports.Table = exports.Switch = exports.Skeletons = exports.Slider = exports.SideBar = exports.SelectSearch = exports.SearchSelect = exports.Select = exports.Search = exports.Reorder = exports.RadioButtonGroup = exports.RadioButton = exports.ProgressBar = exports.ProfilePhotoViewer = exports.ProfileCardFooter = exports.ProfileCardBody = exports.ProfileCardHeader = exports.ProfileCard = exports.ProductDetails = exports.ProductCard = exports.PinInput = exports.PhoneNumberInput = exports.PaymentCard = exports.NumberInput = exports.MultiSelect = exports.NoteTextArea = exports.Notification = exports.NavigationBar = exports.ModalFooter = void 0;
 var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
 exports.Accordian = Accordion_1.default;
 var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -174,4 +174,39 @@ var ThemeDatePicker_1 = __importDefault(require("./Components/DatePicker/ThemeDa
 exports.DatePicker = ThemeDatePicker_1.default;
 var FilterSidebar_1 = __importDefault(require("./Components/FilterSidebar/FilterSidebar"));
 exports.FilterSidebar = FilterSidebar_1.default;
+var EmptyState_1 = __importDefault(require("./Components/EmptyState/EmptyState"));
+exports.EmptyState = EmptyState_1.default;
+var MoreItems_1 = __importDefault(require("./Components/MoreItems/MoreItems"));
+exports.MoreItems = MoreItems_1.default;
+var ScrollToTop_1 = __importDefault(require("./Components/ScrollToTop/ScrollToTop"));
+exports.ScrollToTop = ScrollToTop_1.default;
+var CopyButton_1 = __importDefault(require("./Components/CopyButton/CopyButton"));
+exports.CopyButton = CopyButton_1.default;
+var FieldSelectModal_1 = __importDefault(require("./Components/FieldSelectModal/FieldSelectModal"));
+exports.FieldSelectModal = FieldSelectModal_1.default;
+var PdfViewer_1 = __importDefault(require("./Components/PdfViewer/PdfViewer"));
+exports.PdfViewer = PdfViewer_1.default;
+var LazyWrapper_1 = __importDefault(require("./Components/LazyWrapper/LazyWrapper"));
+exports.LazyWrapper = LazyWrapper_1.default;
+var FilePreview_1 = __importStar(require("./Components/FilePreview/FilePreview"));
+exports.FilePreview = FilePreview_1.default;
+Object.defineProperty(exports, "FilePreviewTrigger", { enumerable: true, get: function () { return FilePreview_1.FilePreviewTrigger; } });
+var StageProgress_1 = __importDefault(require("./Components/StageProgress/StageProgress"));
+exports.StageProgress = StageProgress_1.default;
+var StageItem_1 = __importDefault(require("./Components/StageProgress/StageItem"));
+exports.StageItem = StageItem_1.default;
+var OrgSwitcher_1 = __importDefault(require("./Components/OrgSwitcher/OrgSwitcher"));
+exports.OrgSwitcher = OrgSwitcher_1.default;
+var UpgradeButton_1 = __importDefault(require("./Components/UpgradeButton/UpgradeButton"));
+exports.UpgradeButton = UpgradeButton_1.default;
+var UserDetails_1 = __importDefault(require("./Components/UserDetails/UserDetails"));
+exports.UserDetails = UserDetails_1.default;
+var RolesPermission_1 = __importDefault(require("./Components/RolesPermission/RolesPermission"));
+exports.RolesPermission = RolesPermission_1.default;
+var CustomModulesTable_1 = __importDefault(require("./Components/CustomModulesTable/CustomModulesTable"));
+exports.CustomModulesTable = CustomModulesTable_1.default;
+var SignInActivityTable_1 = __importDefault(require("./Components/SignInActivityTable/SignInActivityTable"));
+exports.SignInActivityTable = SignInActivityTable_1.default;
+var OrganizationDetails_1 = __importDefault(require("./Components/OrganizationDetails/OrganizationDetails"));
+exports.OrganizationDetails = OrganizationDetails_1.default;
 exports.default = withTheme_1.default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pixelize-design-library",
-  "version": "2.3.1-beta.2",
+  "version": "2.3.1-beta.20",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.js",