pixelize-design-library 2.3.1-beta.15 → 2.3.1-beta.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/CustomModulesTable/CustomModulesTable.d.ts +4 -0
- package/dist/Components/CustomModulesTable/CustomModulesTable.js +182 -0
- package/dist/Components/CustomModulesTable/CustomModulesTable.test.d.ts +1 -0
- package/dist/Components/CustomModulesTable/CustomModulesTable.test.js +84 -0
- package/dist/Components/CustomModulesTable/CustomModulesTableProps.d.ts +54 -0
- package/dist/Components/CustomModulesTable/CustomModulesTableProps.js +2 -0
- package/dist/Components/CustomModulesTable/DeleteModuleModal.d.ts +4 -0
- package/dist/Components/CustomModulesTable/DeleteModuleModal.js +33 -0
- package/dist/Components/CustomModulesTable/EditModuleModal.d.ts +4 -0
- package/dist/Components/CustomModulesTable/EditModuleModal.js +63 -0
- package/dist/Components/OrganizationDetails/CreateOrgModal.d.ts +4 -0
- package/dist/Components/OrganizationDetails/CreateOrgModal.js +122 -0
- package/dist/Components/OrganizationDetails/DeleteOrgModal.d.ts +4 -0
- package/dist/Components/OrganizationDetails/DeleteOrgModal.js +29 -0
- package/dist/Components/OrganizationDetails/OrganizationDetails.d.ts +4 -0
- package/dist/Components/OrganizationDetails/OrganizationDetails.js +264 -0
- package/dist/Components/OrganizationDetails/OrganizationDetails.test.d.ts +1 -0
- package/dist/Components/OrganizationDetails/OrganizationDetails.test.js +122 -0
- package/dist/Components/OrganizationDetails/OrganizationDetailsProps.d.ts +88 -0
- package/dist/Components/OrganizationDetails/OrganizationDetailsProps.js +2 -0
- package/dist/Components/SignInActivityTable/SignInActivityTable.d.ts +4 -0
- package/dist/Components/SignInActivityTable/SignInActivityTable.js +95 -0
- package/dist/Components/SignInActivityTable/SignInActivityTable.test.d.ts +1 -0
- package/dist/Components/SignInActivityTable/SignInActivityTable.test.js +63 -0
- package/dist/Components/SignInActivityTable/SignInActivityTableProps.d.ts +21 -0
- package/dist/Components/SignInActivityTable/SignInActivityTableProps.js +2 -0
- package/dist/index.d.ts +7 -1
- package/dist/index.js +8 -2
- package/package.json +1 -1
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
var react_1 = __importDefault(require("react"));
|
|
7
|
+
var react_2 = require("@testing-library/react");
|
|
8
|
+
require("@testing-library/jest-dom");
|
|
9
|
+
var react_3 = require("@chakra-ui/react");
|
|
10
|
+
var SignInActivityTable_1 = __importDefault(require("./SignInActivityTable"));
|
|
11
|
+
jest.mock("../../Theme/useCustomTheme", function () { return ({
|
|
12
|
+
useCustomTheme: function () { return ({
|
|
13
|
+
colors: {
|
|
14
|
+
white: "#ffffff",
|
|
15
|
+
gray: {
|
|
16
|
+
50: "#f8fafc",
|
|
17
|
+
100: "#f0f0f0",
|
|
18
|
+
200: "#e2e8f0",
|
|
19
|
+
500: "#64748b",
|
|
20
|
+
600: "#475569",
|
|
21
|
+
800: "#1e293b",
|
|
22
|
+
},
|
|
23
|
+
primary: { 50: "#eef2ff", 500: "#6366f1" },
|
|
24
|
+
boxborder: { 200: "#e2e8f0" },
|
|
25
|
+
},
|
|
26
|
+
}); },
|
|
27
|
+
}); });
|
|
28
|
+
beforeAll(function () {
|
|
29
|
+
Object.defineProperty(window, "matchMedia", {
|
|
30
|
+
writable: true,
|
|
31
|
+
configurable: true,
|
|
32
|
+
value: jest.fn().mockImplementation(function (query) { return ({
|
|
33
|
+
matches: false,
|
|
34
|
+
media: query,
|
|
35
|
+
onchange: null,
|
|
36
|
+
addListener: jest.fn(),
|
|
37
|
+
removeListener: jest.fn(),
|
|
38
|
+
addEventListener: jest.fn(),
|
|
39
|
+
removeEventListener: jest.fn(),
|
|
40
|
+
dispatchEvent: jest.fn(),
|
|
41
|
+
}); }),
|
|
42
|
+
});
|
|
43
|
+
});
|
|
44
|
+
var devices = [
|
|
45
|
+
{ browser: "Chrome", device: "MacBook Pro", activity: "2 minutes ago" },
|
|
46
|
+
{ browser: "Safari", device: "iPhone 15", activity: "Yesterday" },
|
|
47
|
+
];
|
|
48
|
+
var renderWithChakra = function (ui) {
|
|
49
|
+
return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
|
|
50
|
+
};
|
|
51
|
+
describe("SignInActivityTable", function () {
|
|
52
|
+
it("renders the device rows", function () {
|
|
53
|
+
renderWithChakra(react_1.default.createElement(SignInActivityTable_1.default, { devices: devices }));
|
|
54
|
+
expect(react_2.screen.getByText("Recent Sign-in Devices")).toBeInTheDocument();
|
|
55
|
+
expect(react_2.screen.getByText("Chrome")).toBeInTheDocument();
|
|
56
|
+
expect(react_2.screen.getByText("MacBook Pro")).toBeInTheDocument();
|
|
57
|
+
expect(react_2.screen.getByText("2 minutes ago")).toBeInTheDocument();
|
|
58
|
+
});
|
|
59
|
+
it("shows an empty state when there is no activity", function () {
|
|
60
|
+
renderWithChakra(react_1.default.createElement(SignInActivityTable_1.default, { devices: [] }));
|
|
61
|
+
expect(react_2.screen.getByText("No recent sign-in activity")).toBeInTheDocument();
|
|
62
|
+
});
|
|
63
|
+
});
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
export type SignInDevice = {
|
|
2
|
+
browser: string;
|
|
3
|
+
device: string;
|
|
4
|
+
activity: string;
|
|
5
|
+
};
|
|
6
|
+
/**
|
|
7
|
+
* All user-facing strings. Provide translated values from the host app; every
|
|
8
|
+
* key has a sensible English default so the component works standalone.
|
|
9
|
+
*/
|
|
10
|
+
export type SignInActivityLabels = {
|
|
11
|
+
title?: string;
|
|
12
|
+
browser?: string;
|
|
13
|
+
device?: string;
|
|
14
|
+
recentActivity?: string;
|
|
15
|
+
noActivity?: string;
|
|
16
|
+
};
|
|
17
|
+
export interface SignInActivityTableProps {
|
|
18
|
+
devices: SignInDevice[];
|
|
19
|
+
isLoading?: boolean;
|
|
20
|
+
labels?: SignInActivityLabels;
|
|
21
|
+
}
|
package/dist/index.d.ts
CHANGED
|
@@ -74,7 +74,13 @@ import OrgSwitcher from "./Components/OrgSwitcher/OrgSwitcher";
|
|
|
74
74
|
import UpgradeButton from "./Components/UpgradeButton/UpgradeButton";
|
|
75
75
|
import UserDetails from "./Components/UserDetails/UserDetails";
|
|
76
76
|
import RolesPermission from "./Components/RolesPermission/RolesPermission";
|
|
77
|
-
|
|
77
|
+
import CustomModulesTable from "./Components/CustomModulesTable/CustomModulesTable";
|
|
78
|
+
import SignInActivityTable from "./Components/SignInActivityTable/SignInActivityTable";
|
|
79
|
+
import OrganizationDetails from "./Components/OrganizationDetails/OrganizationDetails";
|
|
80
|
+
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, };
|
|
78
81
|
export default withTheme;
|
|
79
82
|
export type { UserDetailsProps, UserDetailsLabels, UserListItem, SelectedUserDetail, UserDetailRow, RoleOption, AddUserFormValues, ChangeRoleSubmitPayload, } from "./Components/UserDetails/UserDetailsProps";
|
|
80
83
|
export type { RolesPermissionProps, RolesPermissionLabels, RolesPermissionView, RolesPermissionMode, Permission, PermissionKey, RoleData, } from "./Components/RolesPermission/RolesPermissionProps";
|
|
84
|
+
export type { CustomModulesTableProps, CustomModulesTableLabels, ModuleItem, UpdateModulePayload, } from "./Components/CustomModulesTable/CustomModulesTableProps";
|
|
85
|
+
export type { SignInActivityTableProps, SignInActivityLabels, SignInDevice, } from "./Components/SignInActivityTable/SignInActivityTableProps";
|
|
86
|
+
export type { OrganizationDetailsProps, OrganizationDetailsLabels, OrganizationItem, CreateOrgFormValues, } from "./Components/OrganizationDetails/OrganizationDetailsProps";
|
package/dist/index.js
CHANGED
|
@@ -37,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
37
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
38
|
};
|
|
39
39
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
exports.
|
|
41
|
-
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 = void 0;
|
|
40
|
+
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;
|
|
41
|
+
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;
|
|
42
42
|
var Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
|
|
43
43
|
exports.Accordian = Accordion_1.default;
|
|
44
44
|
var AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
|
|
@@ -203,4 +203,10 @@ var UserDetails_1 = __importDefault(require("./Components/UserDetails/UserDetail
|
|
|
203
203
|
exports.UserDetails = UserDetails_1.default;
|
|
204
204
|
var RolesPermission_1 = __importDefault(require("./Components/RolesPermission/RolesPermission"));
|
|
205
205
|
exports.RolesPermission = RolesPermission_1.default;
|
|
206
|
+
var CustomModulesTable_1 = __importDefault(require("./Components/CustomModulesTable/CustomModulesTable"));
|
|
207
|
+
exports.CustomModulesTable = CustomModulesTable_1.default;
|
|
208
|
+
var SignInActivityTable_1 = __importDefault(require("./Components/SignInActivityTable/SignInActivityTable"));
|
|
209
|
+
exports.SignInActivityTable = SignInActivityTable_1.default;
|
|
210
|
+
var OrganizationDetails_1 = __importDefault(require("./Components/OrganizationDetails/OrganizationDetails"));
|
|
211
|
+
exports.OrganizationDetails = OrganizationDetails_1.default;
|
|
206
212
|
exports.default = withTheme_1.default;
|