pixelize-design-library 2.3.19 → 2.3.21

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.
Files changed (56) hide show
  1. package/.cursor/modules/overlays/MODULE.md +18 -1
  2. package/.cursor/modules/utils-hooks/MODULE.md +12 -2
  3. package/dist/Components/Toaster/Toaster.d.ts.map +1 -1
  4. package/dist/Components/Toaster/Toaster.js +54 -12
  5. package/dist/Components/Toaster/ToasterProps.d.ts +7 -0
  6. package/dist/Components/Toaster/ToasterProps.d.ts.map +1 -1
  7. package/dist/Components/ToolTip/OverflowToolTip.d.ts +18 -0
  8. package/dist/Components/ToolTip/OverflowToolTip.d.ts.map +1 -0
  9. package/dist/Components/ToolTip/OverflowToolTip.js +26 -0
  10. package/dist/Components/ToolTip/ToolTip.d.ts +1 -1
  11. package/dist/Components/ToolTip/ToolTip.d.ts.map +1 -1
  12. package/dist/Components/ToolTip/ToolTip.js +21 -3
  13. package/dist/Components/ToolTip/ToolTipProps.d.ts +9 -0
  14. package/dist/Components/ToolTip/ToolTipProps.d.ts.map +1 -1
  15. package/dist/Components/WorkspaceWindow/WorkspaceTrayPreview.d.ts +16 -0
  16. package/dist/Components/WorkspaceWindow/WorkspaceTrayPreview.d.ts.map +1 -0
  17. package/dist/Components/WorkspaceWindow/WorkspaceTrayPreview.js +83 -0
  18. package/dist/Components/WorkspaceWindow/WorkspaceWindow.d.ts +15 -0
  19. package/dist/Components/WorkspaceWindow/WorkspaceWindow.d.ts.map +1 -0
  20. package/dist/Components/WorkspaceWindow/WorkspaceWindow.js +40 -0
  21. package/dist/Components/WorkspaceWindow/WorkspaceWindowProps.d.ts +72 -0
  22. package/dist/Components/WorkspaceWindow/WorkspaceWindowProps.d.ts.map +1 -0
  23. package/dist/Components/WorkspaceWindow/WorkspaceWindowProps.js +2 -0
  24. package/dist/Hooks/useIsTruncated.d.ts +36 -0
  25. package/dist/Hooks/useIsTruncated.d.ts.map +1 -0
  26. package/dist/Hooks/useIsTruncated.js +57 -0
  27. package/dist/Utils/mergeRefs.d.ts +11 -0
  28. package/dist/Utils/mergeRefs.d.ts.map +1 -0
  29. package/dist/Utils/mergeRefs.js +20 -0
  30. package/dist/index.d.ts +6 -1
  31. package/dist/index.d.ts.map +1 -1
  32. package/dist/index.js +11 -2
  33. package/package.json +1 -1
  34. package/dist/Assets/defaultLogo.tsx +0 -30
  35. package/dist/Components/Input/textInputIconSize.test.d.ts +0 -1
  36. package/dist/Components/Input/textInputIconSize.test.js +0 -27
  37. package/dist/Components/KanbanBoard/AccountCard.test.d.ts +0 -1
  38. package/dist/Components/KanbanBoard/AccountCard.test.js +0 -68
  39. package/dist/Components/KanbanBoard/KanbanActions/KanbanActions.test.d.ts +0 -1
  40. package/dist/Components/KanbanBoard/KanbanActions/KanbanActions.test.js +0 -49
  41. package/dist/Components/KanbanBoard/KanbanBoard.test.d.ts +0 -1
  42. package/dist/Components/KanbanBoard/KanbanBoard.test.js +0 -185
  43. package/dist/Components/SearchSelect/searchSelectSize.test.d.ts +0 -1
  44. package/dist/Components/SearchSelect/searchSelectSize.test.js +0 -22
  45. package/dist/Components/SideBar/components/OtherApps.test.d.ts +0 -1
  46. package/dist/Components/SideBar/components/OtherApps.test.js +0 -111
  47. package/dist/Components/Table/components/TableBody.virtualize.test.d.ts +0 -1
  48. package/dist/Components/Table/components/TableBody.virtualize.test.js +0 -93
  49. package/dist/Components/Table/settings/ManageColumns.test.d.ts +0 -1
  50. package/dist/Components/Table/settings/ManageColumns.test.js +0 -146
  51. package/dist/Theme/buildBrandTokens.test.d.ts +0 -1
  52. package/dist/Theme/buildBrandTokens.test.js +0 -31
  53. package/dist/Theme/chartColorsFromTheme.test.d.ts +0 -1
  54. package/dist/Theme/chartColorsFromTheme.test.js +0 -35
  55. package/dist/Utils/tableNormalizeCellValue.test.d.ts +0 -1
  56. package/dist/Utils/tableNormalizeCellValue.test.js +0 -41
@@ -0,0 +1,57 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useIsTruncated = useIsTruncated;
4
+ const react_1 = require("react");
5
+ /**
6
+ * Detects whether an element's text is *actually* visually truncated — i.e. the
7
+ * ellipsis is active. Works for both single-line clamps
8
+ * (`overflow: hidden; white-space: nowrap; text-overflow: ellipsis`) and
9
+ * multi-line clamps (`-webkit-line-clamp` / Chakra `noOfLines`), by comparing
10
+ * the scroll size against the visible client size.
11
+ *
12
+ * Attach the returned `ref` to the element that clamps the text, then read
13
+ * `isTruncated` to decide whether a tooltip is worth showing. Re-measures on
14
+ * element resize (via `ResizeObserver`) and whenever `content` changes.
15
+ *
16
+ * @param content Pass the rendered text (or anything that changes with it) so
17
+ * the measurement re-runs when the content changes — the clamp box can keep
18
+ * the same size while the text length changes, which a `ResizeObserver` alone
19
+ * would not catch.
20
+ * @param enabled Set to `false` to fully disable measurement — no layout reads,
21
+ * no `ResizeObserver`, no state updates. Use it to keep the hook cheap when
22
+ * the caller isn't in truncation mode (`isTruncated` stays `false`).
23
+ *
24
+ * Performance: measurement runs only on mount, on element **resize**, and when
25
+ * `content` changes — never on hover, scroll, or re-render. Each run does a
26
+ * single batched layout read (four properties) on one element. When `enabled`
27
+ * is `false` the hook does nothing at all.
28
+ *
29
+ * @example
30
+ * const { ref, isTruncated } = useIsTruncated(title);
31
+ * <ToolTip label={title} isDisabled={!isTruncated}>
32
+ * <Text ref={ref} noOfLines={1}>{title}</Text>
33
+ * </ToolTip>
34
+ */
35
+ function useIsTruncated(content, enabled = true) {
36
+ const ref = (0, react_1.useRef)(null);
37
+ const [isTruncated, setIsTruncated] = (0, react_1.useState)(false);
38
+ const measure = (0, react_1.useCallback)(() => {
39
+ const el = ref.current;
40
+ if (!el)
41
+ return;
42
+ setIsTruncated(el.scrollWidth > el.clientWidth || el.scrollHeight > el.clientHeight);
43
+ }, []);
44
+ (0, react_1.useEffect)(() => {
45
+ if (!enabled)
46
+ return;
47
+ measure();
48
+ const el = ref.current;
49
+ if (!el || typeof ResizeObserver === "undefined")
50
+ return;
51
+ const observer = new ResizeObserver(measure);
52
+ observer.observe(el);
53
+ return () => observer.disconnect();
54
+ }, [measure, content, enabled]);
55
+ return { ref, isTruncated };
56
+ }
57
+ exports.default = useIsTruncated;
@@ -0,0 +1,11 @@
1
+ import React from "react";
2
+ /** Assign a value to a callback ref or a ref object. */
3
+ export declare function setRef<T>(ref: React.Ref<T> | undefined, value: T | null): void;
4
+ /**
5
+ * Combine multiple refs into a single callback ref, so a value flows to all of
6
+ * them. Useful when cloning an element to attach an internal ref while
7
+ * preserving a ref the caller already set.
8
+ */
9
+ export declare function mergeRefs<T>(...refs: Array<React.Ref<T> | undefined>): (value: T | null) => void;
10
+ export default mergeRefs;
11
+ //# sourceMappingURL=mergeRefs.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"mergeRefs.d.ts","sourceRoot":"","sources":["../../src/Utils/mergeRefs.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,wDAAwD;AACxD,wBAAgB,MAAM,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,QAIvE;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,CAAC,EACzB,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GACvC,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAE3B;AAED,eAAe,SAAS,CAAC"}
@@ -0,0 +1,20 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.setRef = setRef;
4
+ exports.mergeRefs = mergeRefs;
5
+ /** Assign a value to a callback ref or a ref object. */
6
+ function setRef(ref, value) {
7
+ if (typeof ref === "function")
8
+ ref(value);
9
+ else if (ref && typeof ref === "object")
10
+ ref.current = value;
11
+ }
12
+ /**
13
+ * Combine multiple refs into a single callback ref, so a value flows to all of
14
+ * them. Useful when cloning an element to attach an internal ref while
15
+ * preserving a ref the caller already set.
16
+ */
17
+ function mergeRefs(...refs) {
18
+ return (value) => refs.forEach((r) => setRef(r, value));
19
+ }
20
+ exports.default = mergeRefs;
package/dist/index.d.ts CHANGED
@@ -45,11 +45,13 @@ import TextInput from "./Components/Input/TextInput";
45
45
  import Timeline from "./Components/Timeline/Timeline";
46
46
  import Toaster, { useToaster } from "./Components/Toaster/Toaster";
47
47
  import ToolTip from "./Components/ToolTip/ToolTip";
48
+ import OverflowToolTip from "./Components/ToolTip/OverflowToolTip";
48
49
  import VerifyEmailOtp from "./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp";
49
50
  import TableToggle from "./Components/Toggle/TableToggle";
50
51
  import withTheme from "./withTheme";
51
52
  import { useCustomTheme } from "./Theme/useCustomTheme";
52
53
  import { useSidebarPrefs } from "./Hooks/useSidebarPrefs";
54
+ import { useIsTruncated } from "./Hooks/useIsTruncated";
53
55
  import { ThemesList } from "./Theme";
54
56
  import { debounce } from "./Utils/table";
55
57
  import ProductCard from "./Components/ProductCard/ProductCard";
@@ -62,6 +64,8 @@ import Notification from "./Components/Notification/Notification";
62
64
  import DatePicker from "./Components/DatePicker/ThemeDatePicker";
63
65
  import FilterSidebar from "./Components/FilterSidebar/FilterSidebar";
64
66
  import EmptyState from "./Components/EmptyState/EmptyState";
67
+ import WorkspaceWindow, { WorkspaceTray } from "./Components/WorkspaceWindow/WorkspaceWindow";
68
+ import WorkspaceTrayPreview from "./Components/WorkspaceWindow/WorkspaceTrayPreview";
65
69
  import MoreItems from "./Components/MoreItems/MoreItems";
66
70
  import ScrollToTop from "./Components/ScrollToTop/ScrollToTop";
67
71
  import CopyButton from "./Components/CopyButton/CopyButton";
@@ -78,9 +82,10 @@ import RolesPermission from "./Components/RolesPermission/RolesPermission";
78
82
  import CustomModulesTable from "./Components/CustomModulesTable/CustomModulesTable";
79
83
  import SignInActivityTable from "./Components/SignInActivityTable/SignInActivityTable";
80
84
  import OrganizationDetails from "./Components/OrganizationDetails/OrganizationDetails";
81
- 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, useSidebarPrefs, useCustomTheme, ThemesList, debounce, };
85
+ export { Accordian, AlertDialog, ApexBarChart, ApexPieChart, ApexPolarChart, ApexLineChart, Breadcrumbs, Button, ButtonGroupIcon, Card, Checkbox, ContactForm, DatePicker, Drawer, DrawerHeader, DrawerBody, DrawerFooter, Dropdown, Editor, EmptyState, WorkspaceWindow, WorkspaceTray, WorkspaceTrayPreview, 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, OverflowToolTip, useToaster, VerifyEmailOtp, useSidebarPrefs, useIsTruncated, useCustomTheme, ThemesList, debounce, };
82
86
  export default withTheme;
83
87
  export type { UserDetailsProps, UserDetailsLabels, UserListItem, SelectedUserDetail, UserDetailRow, RoleOption, AddUserFormValues, ChangeRoleSubmitPayload, } from "./Components/UserDetails/UserDetailsProps";
88
+ export type { WorkspaceWindowProps, WorkspaceWindowState, WorkspaceTrayProps, WorkspaceTrayItem, WorkspaceTrayPreviewProps, } from "./Components/WorkspaceWindow/WorkspaceWindowProps";
84
89
  export type { RolesPermissionProps, RolesPermissionLabels, RolesPermissionView, RolesPermissionMode, Permission, PermissionKey, RoleData, } from "./Components/RolesPermission/RolesPermissionProps";
85
90
  export type { CustomModulesTableProps, CustomModulesTableLabels, ModuleItem, UpdateModulePayload, } from "./Components/CustomModulesTable/CustomModulesTableProps";
86
91
  export type { SignInActivityTableProps, SignInActivityLabels, SignInDevice, } from "./Components/SignInActivityTable/SignInActivityTableProps";
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
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.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.useSidebarPrefs = 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;
40
+ 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.WorkspaceTrayPreview = exports.WorkspaceTray = exports.WorkspaceWindow = 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.useIsTruncated = exports.useSidebarPrefs = exports.VerifyEmailOtp = exports.useToaster = exports.OverflowToolTip = 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 = exports.ModalBody = exports.ModalHeader = exports.Modal = void 0;
42
42
  const Accordion_1 = __importDefault(require("./Components/Accordion/Accordion"));
43
43
  exports.Accordian = Accordion_1.default;
44
44
  const AlertDialog_1 = __importDefault(require("./Components/AlertDialog/AlertDialog"));
@@ -145,6 +145,8 @@ exports.Toaster = Toaster_1.default;
145
145
  Object.defineProperty(exports, "useToaster", { enumerable: true, get: function () { return Toaster_1.useToaster; } });
146
146
  const ToolTip_1 = __importDefault(require("./Components/ToolTip/ToolTip"));
147
147
  exports.ToolTip = ToolTip_1.default;
148
+ const OverflowToolTip_1 = __importDefault(require("./Components/ToolTip/OverflowToolTip"));
149
+ exports.OverflowToolTip = OverflowToolTip_1.default;
148
150
  const VerifyEmailOtp_1 = __importDefault(require("./Components/EmailCards/VerifyEmailOtp/VerifyEmailOtp"));
149
151
  exports.VerifyEmailOtp = VerifyEmailOtp_1.default;
150
152
  const TableToggle_1 = __importDefault(require("./Components/Toggle/TableToggle"));
@@ -154,6 +156,8 @@ const useCustomTheme_1 = require("./Theme/useCustomTheme");
154
156
  Object.defineProperty(exports, "useCustomTheme", { enumerable: true, get: function () { return useCustomTheme_1.useCustomTheme; } });
155
157
  const useSidebarPrefs_1 = require("./Hooks/useSidebarPrefs");
156
158
  Object.defineProperty(exports, "useSidebarPrefs", { enumerable: true, get: function () { return useSidebarPrefs_1.useSidebarPrefs; } });
159
+ const useIsTruncated_1 = require("./Hooks/useIsTruncated");
160
+ Object.defineProperty(exports, "useIsTruncated", { enumerable: true, get: function () { return useIsTruncated_1.useIsTruncated; } });
157
161
  const Theme_1 = require("./Theme");
158
162
  Object.defineProperty(exports, "ThemesList", { enumerable: true, get: function () { return Theme_1.ThemesList; } });
159
163
  const table_1 = require("./Utils/table");
@@ -178,6 +182,11 @@ const FilterSidebar_1 = __importDefault(require("./Components/FilterSidebar/Filt
178
182
  exports.FilterSidebar = FilterSidebar_1.default;
179
183
  const EmptyState_1 = __importDefault(require("./Components/EmptyState/EmptyState"));
180
184
  exports.EmptyState = EmptyState_1.default;
185
+ const WorkspaceWindow_1 = __importStar(require("./Components/WorkspaceWindow/WorkspaceWindow"));
186
+ exports.WorkspaceWindow = WorkspaceWindow_1.default;
187
+ Object.defineProperty(exports, "WorkspaceTray", { enumerable: true, get: function () { return WorkspaceWindow_1.WorkspaceTray; } });
188
+ const WorkspaceTrayPreview_1 = __importDefault(require("./Components/WorkspaceWindow/WorkspaceTrayPreview"));
189
+ exports.WorkspaceTrayPreview = WorkspaceTrayPreview_1.default;
181
190
  const MoreItems_1 = __importDefault(require("./Components/MoreItems/MoreItems"));
182
191
  exports.MoreItems = MoreItems_1.default;
183
192
  const ScrollToTop_1 = __importDefault(require("./Components/ScrollToTop/ScrollToTop"));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "pixelize-design-library",
3
- "version": "2.3.19",
3
+ "version": "2.3.21",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.js",
@@ -1,30 +0,0 @@
1
- import { useCustomTheme } from "../Theme/useCustomTheme";
2
-
3
- const DefaultLogo = () => {
4
- const theme = useCustomTheme();
5
- return (
6
- <svg
7
- width="12.09"
8
- height="15.95"
9
- viewBox="0 0 31 29"
10
- fill="none"
11
- xmlns="http://www.w3.org/2000/svg"
12
- >
13
- <path
14
- d="M30.4999 6.26137V7.81058H15.9761H14.8787V22.8508V28.8862H12.5226C9.6824 28.8862 7.32632 26.4656 7.06812 23.3995C7.06812 23.2381 7.06812 23.0444 7.06812 22.8508V18.3323C7.06812 18.2677 7.06812 18.2032 7.06812 18.1063V15.5889V6.2291C7.06812 2.80793 9.84378 -5.72205e-06 13.2972 -5.72205e-06H24.8517C28.0147 0.355021 30.4676 3.00158 30.4676 6.2291L30.4999 6.26137Z"
15
- fill={theme.colors.black}
16
- />
17
- <path
18
- d="M7.10053 23.3672H7.03598C5.16402 23.2381 3.48571 22.4635 2.25926 21.3338C0.871428 20.0428 0 18.2677 0 16.3312V15.6211H7.06825V18.1386C7.06825 18.2032 7.06825 18.2677 7.06825 18.3645V22.883C7.06825 23.0767 7.06825 23.2381 7.06825 23.4317L7.10053 23.3672Z"
19
- fill={theme.colors.black}
20
- />
21
- <path
22
- d="M30.4678 12.0063V15.6211V17.1703C30.4678 20.6238 26.272 23.3994 21.0757 23.3994H14.8789V22.8508V15.6211H22.6572V7.81056C22.6895 7.81056 30.5001 7.81056 30.5001 7.81056V11.5868C30.5001 11.7159 30.5001 11.8772 30.5001 12.0063H30.4678Z"
23
- fill={theme.colors.black}
24
- />
25
- </svg>
26
-
27
- )
28
- };
29
-
30
- export default DefaultLogo;
@@ -1 +0,0 @@
1
- export {};
@@ -1,27 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var textInputIconSize_1 = require("./textInputIconSize");
4
- describe("getTextInputIconSizePx", function () {
5
- it("maps Chakra input sizes to increasing pixel values", function () {
6
- var xs = (0, textInputIconSize_1.getTextInputIconSizePx)("xs");
7
- var sm = (0, textInputIconSize_1.getTextInputIconSizePx)("sm");
8
- var md = (0, textInputIconSize_1.getTextInputIconSizePx)("md");
9
- var lg = (0, textInputIconSize_1.getTextInputIconSizePx)("lg");
10
- expect(xs).toBeLessThan(sm);
11
- expect(sm).toBeLessThan(md);
12
- expect(md).toBeLessThan(lg);
13
- });
14
- it("defaults to md for missing or unknown size", function () {
15
- expect((0, textInputIconSize_1.getTextInputIconSizePx)(undefined)).toBe(18);
16
- expect((0, textInputIconSize_1.getTextInputIconSizePx)("nope")).toBe(18);
17
- });
18
- });
19
- describe("getTextInputIconWrapperSx", function () {
20
- it("includes the resolved pixel size in svg rules for xs", function () {
21
- var sx = (0, textInputIconSize_1.getTextInputIconWrapperSx)("xs");
22
- var svg = sx["& > svg, & > * svg, & svg"];
23
- expect(svg).toBeDefined();
24
- expect(svg === null || svg === void 0 ? void 0 : svg.width).toContain("14");
25
- expect(svg === null || svg === void 0 ? void 0 : svg.height).toContain("14");
26
- });
27
- });
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,68 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var react_1 = __importDefault(require("react"));
18
- var react_2 = require("@testing-library/react");
19
- require("@testing-library/jest-dom");
20
- var react_3 = require("@chakra-ui/react");
21
- var AccountCard_1 = __importDefault(require("./AccountCard"));
22
- jest.mock("../../Theme/useCustomTheme", function () { return ({
23
- useCustomTheme: function () { return ({
24
- colors: {
25
- background: { 50: "#fafafa", 100: "#f5f5f5", 500: "#fff" },
26
- boxborder: { 300: "#e2e8f0" },
27
- gray: { 200: "#eee", 700: "#333" },
28
- primary: { 300: "#90cdf4", 500: "#3182ce" },
29
- red: { 600: "#e53e3e" },
30
- blue: { 600: "#3182ce" },
31
- text: {},
32
- },
33
- }); },
34
- }); });
35
- var mockAccount = {
36
- id: "1",
37
- name: "Test Account",
38
- email: "test@example.com",
39
- };
40
- var defaultProps = {
41
- account: mockAccount,
42
- index: 0,
43
- onDelete: jest.fn(),
44
- onOpen: jest.fn(),
45
- };
46
- var renderCard = function (ui) {
47
- return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
48
- };
49
- describe("AccountCard – permissions", function () {
50
- it("renders the delete icon when isDeletable is true (default)", function () {
51
- renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps)));
52
- expect(react_2.screen.getByLabelText("Delete")).toBeInTheDocument();
53
- });
54
- it("hides the delete icon when isDeletable is false", function () {
55
- renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps, { isDeletable: false })));
56
- expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
57
- });
58
- it("renders the open (ExternalLink) icon regardless of isDeletable", function () {
59
- renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps, { isDeletable: false })));
60
- expect(react_2.screen.getByLabelText("Open")).toBeInTheDocument();
61
- });
62
- it("calls onDelete when delete icon is clicked and isDeletable is true", function () {
63
- var onDelete = jest.fn();
64
- renderCard(react_1.default.createElement(AccountCard_1.default, __assign({}, defaultProps, { onDelete: onDelete, isDeletable: true })));
65
- react_2.fireEvent.click(react_2.screen.getByLabelText("Delete"));
66
- expect(onDelete).toHaveBeenCalledWith(mockAccount);
67
- });
68
- });
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,49 +0,0 @@
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 KanbanActions_1 = __importDefault(require("./KanbanActions"));
11
- jest.mock("../../../Theme/useCustomTheme", function () { return ({
12
- useCustomTheme: function () { return ({
13
- colors: {
14
- text: { 500: "#555" },
15
- primary: { 500: "#3182ce" },
16
- },
17
- }); },
18
- }); });
19
- jest.mock("../../Select/Select", function () { return ({
20
- __esModule: true,
21
- default: function (_a) {
22
- var placeholder = _a.placeholder;
23
- return react_1.default.createElement("div", { "data-testid": "mock-select" }, placeholder);
24
- },
25
- }); });
26
- jest.mock("../../Divider/Divider", function () { return ({
27
- __esModule: true,
28
- default: function () { return react_1.default.createElement("div", { "data-testid": "mock-divider" }); },
29
- }); });
30
- var options = [{ id: "1", label: "Open" }];
31
- var renderActions = function (ui) {
32
- return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
33
- };
34
- describe("KanbanActions", function () {
35
- it("renders Edit Layout and Create New as buttons", function () {
36
- renderActions(react_1.default.createElement(KanbanActions_1.default, { options: options, onEdit: jest.fn(), onCreate: jest.fn() }));
37
- expect(react_2.screen.getByRole("button", { name: /edit layout/i })).toBeInTheDocument();
38
- expect(react_2.screen.getByRole("button", { name: /create new/i })).toBeInTheDocument();
39
- });
40
- it("invokes onEdit and onCreate when buttons are clicked", function () {
41
- var onEdit = jest.fn();
42
- var onCreate = jest.fn();
43
- renderActions(react_1.default.createElement(KanbanActions_1.default, { options: options, onEdit: onEdit, onCreate: onCreate }));
44
- react_2.fireEvent.click(react_2.screen.getByRole("button", { name: /edit layout/i }));
45
- react_2.fireEvent.click(react_2.screen.getByRole("button", { name: /create new/i }));
46
- expect(onEdit).toHaveBeenCalledTimes(1);
47
- expect(onCreate).toHaveBeenCalledTimes(1);
48
- });
49
- });
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,185 +0,0 @@
1
- "use strict";
2
- var __assign = (this && this.__assign) || function () {
3
- __assign = Object.assign || function(t) {
4
- for (var s, i = 1, n = arguments.length; i < n; i++) {
5
- s = arguments[i];
6
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
7
- t[p] = s[p];
8
- }
9
- return t;
10
- };
11
- return __assign.apply(this, arguments);
12
- };
13
- var __importDefault = (this && this.__importDefault) || function (mod) {
14
- return (mod && mod.__esModule) ? mod : { "default": mod };
15
- };
16
- Object.defineProperty(exports, "__esModule", { value: true });
17
- var react_1 = __importDefault(require("react"));
18
- var react_2 = require("@testing-library/react");
19
- require("@testing-library/jest-dom");
20
- var react_3 = require("@chakra-ui/react");
21
- var KanbanBoard_1 = __importDefault(require("./KanbanBoard"));
22
- jest.mock("../../Theme/useCustomTheme", function () { return ({
23
- useCustomTheme: function () { return ({
24
- colors: {
25
- background: { 100: "#f9f9f9", 500: "#fff" },
26
- gray: { 100: "#f0f0f0", 200: "#eee", 300: "#ddd", 400: "#ccc", 500: "#bbb", 700: "#333" },
27
- primary: { 500: "#3182ce" },
28
- blue: { 50: "#ebf8ff", 500: "#3182ce", 600: "#3182ce" },
29
- red: { 600: "#e53e3e" },
30
- text: { 500: "#555", 600: "#444", 700: "#333" },
31
- secondary: { 500: "#805ad5" },
32
- },
33
- }); },
34
- }); });
35
- jest.mock("@hello-pangea/dnd", function () { return ({
36
- DragDropContext: function (_a) {
37
- var children = _a.children;
38
- return react_1.default.createElement("div", null, children);
39
- },
40
- Droppable: function (_a) {
41
- var children = _a.children;
42
- return children({ innerRef: function () { }, droppableProps: {}, placeholder: null }, { isDraggingOver: false });
43
- },
44
- Draggable: function (_a) {
45
- var children = _a.children, isDragDisabled = _a.isDragDisabled;
46
- var provided = {
47
- innerRef: function () { },
48
- draggableProps: { "data-drag-disabled": isDragDisabled },
49
- dragHandleProps: {},
50
- };
51
- return children(provided, { isDragging: false });
52
- },
53
- }); });
54
- jest.mock("react-window", function () { return ({
55
- VariableSizeList: function () { return null; },
56
- }); });
57
- beforeAll(function () {
58
- global.ResizeObserver = /** @class */ (function () {
59
- function class_1() {
60
- }
61
- class_1.prototype.observe = function () { };
62
- class_1.prototype.unobserve = function () { };
63
- class_1.prototype.disconnect = function () { };
64
- return class_1;
65
- }());
66
- Object.defineProperty(window, "matchMedia", {
67
- writable: true,
68
- configurable: true,
69
- value: jest.fn().mockImplementation(function (query) { return ({
70
- matches: false,
71
- media: query,
72
- onchange: null,
73
- addListener: jest.fn(),
74
- removeListener: jest.fn(),
75
- addEventListener: jest.fn(),
76
- removeEventListener: jest.fn(),
77
- dispatchEvent: jest.fn(),
78
- }); }),
79
- });
80
- });
81
- var renderWithChakra = function (ui) {
82
- return (0, react_2.render)(react_1.default.createElement(react_3.ChakraProvider, null, ui));
83
- };
84
- var sampleData = {
85
- col1: {
86
- id: "col1",
87
- title: "To Do",
88
- color: "#3182ce",
89
- items: [
90
- { id: "1", name: "Account A", email: "a@example.com" },
91
- { id: "2", name: "Account B", email: "b@example.com" },
92
- ],
93
- },
94
- };
95
- describe("KanbanBoard – permissions", function () {
96
- describe("isDeletable", function () {
97
- it("shows card delete icons when permissions.isDeletable is true", function () {
98
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, permissions: { isDeletable: true } }));
99
- expect(react_2.screen.getAllByLabelText("Delete").length).toBeGreaterThan(0);
100
- });
101
- it("hides card delete icons when permissions.isDeletable is false", function () {
102
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, permissions: { isDeletable: false } }));
103
- expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
104
- });
105
- it("shows card delete icons when permissions prop is omitted (default allow)", function () {
106
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData }));
107
- expect(react_2.screen.getAllByLabelText("Delete").length).toBeGreaterThan(0);
108
- });
109
- });
110
- describe("isCreatable", function () {
111
- var kanbanCreate = { isCreatable: true, label: "Create New" };
112
- it("shows the create button when permissions.isCreatable is true", function () {
113
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanCreate: kanbanCreate, permissions: { isCreatable: true } }));
114
- expect(react_2.screen.getByText("Create New")).toBeInTheDocument();
115
- });
116
- it("hides the create button when permissions.isCreatable is false", function () {
117
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanCreate: kanbanCreate, permissions: { isCreatable: false } }));
118
- expect(react_2.screen.queryByText("Create New")).not.toBeInTheDocument();
119
- });
120
- });
121
- describe("isEditable", function () {
122
- var kanbanEdit = { isEditable: true, label: "Edit Layout" };
123
- it("shows the edit button when permissions.isEditable is true", function () {
124
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanEdit: kanbanEdit, permissions: { isEditable: true } }));
125
- expect(react_2.screen.getByText("Edit Layout")).toBeInTheDocument();
126
- });
127
- it("hides the edit button when permissions.isEditable is false", function () {
128
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, kanbanEdit: kanbanEdit, permissions: { isEditable: false } }));
129
- expect(react_2.screen.queryByText("Edit Layout")).not.toBeInTheDocument();
130
- });
131
- it("sets isDragDisabled on cards when permissions.isEditable is false", function () {
132
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, permissions: { isEditable: false } }));
133
- var disabledDraggables = react_2.screen
134
- .getAllByRole("generic")
135
- .filter(function (el) { return el.getAttribute("data-drag-disabled") === "true"; });
136
- expect(disabledDraggables.length).toBeGreaterThan(0);
137
- });
138
- });
139
- describe("column collapse", function () {
140
- it("shows a collapse control per column when enableColumnCollapse is true", function () {
141
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true }));
142
- expect(react_2.screen.getAllByLabelText("Collapse column").length).toBeGreaterThan(0);
143
- });
144
- it("hides cards when a column is collapsed", function () {
145
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true }));
146
- expect(react_2.screen.getAllByLabelText("Delete").length).toBeGreaterThan(0);
147
- react_2.fireEvent.click(react_2.screen.getAllByLabelText("Collapse column")[0]);
148
- expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
149
- expect(react_2.screen.getByLabelText("Expand column")).toBeInTheDocument();
150
- });
151
- it("still shows column customNode when horizontally collapsed", function () {
152
- var dataWithCustom = {
153
- col1: __assign(__assign({}, sampleData.col1), { customNode: function () { return react_1.default.createElement("span", null, "Column summary line"); } }),
154
- };
155
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: dataWithCustom, enableColumnCollapse: true }));
156
- expect(react_2.screen.getByText("Column summary line")).toBeInTheDocument();
157
- react_2.fireEvent.click(react_2.screen.getByLabelText("Collapse column"));
158
- expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
159
- expect(react_2.screen.getByText("Column summary line")).toBeInTheDocument();
160
- });
161
- it("starts with columns collapsed when collapsedColumns is set", function () {
162
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true, collapsedColumns: { col1: true } }));
163
- expect(react_2.screen.queryByLabelText("Delete")).not.toBeInTheDocument();
164
- expect(react_2.screen.getByLabelText("Expand column")).toBeInTheDocument();
165
- });
166
- it("calls onColumnCollapseChange when collapsing and expanding", function () {
167
- var onColumnCollapseChange = jest.fn();
168
- renderWithChakra(react_1.default.createElement(KanbanBoard_1.default, { data: sampleData, enableColumnCollapse: true, onColumnCollapseChange: onColumnCollapseChange }));
169
- react_2.fireEvent.click(react_2.screen.getAllByLabelText("Collapse column")[0]);
170
- expect(onColumnCollapseChange).toHaveBeenCalledTimes(1);
171
- expect(onColumnCollapseChange).toHaveBeenLastCalledWith({
172
- colId: "col1",
173
- collapsed: true,
174
- collapsedColumns: { col1: true },
175
- });
176
- react_2.fireEvent.click(react_2.screen.getByLabelText("Expand column"));
177
- expect(onColumnCollapseChange).toHaveBeenCalledTimes(2);
178
- expect(onColumnCollapseChange).toHaveBeenLastCalledWith({
179
- colId: "col1",
180
- collapsed: false,
181
- collapsedColumns: { col1: false },
182
- });
183
- });
184
- });
185
- });
@@ -1,22 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- var searchSelectSize_1 = require("./searchSelectSize");
4
- describe("getSearchSelectSizeStyles", function () {
5
- it.each(["xs", "sm", "md", "lg"])("returns minH for %s", function (sz) {
6
- var t = (0, searchSelectSize_1.getSearchSelectSizeStyles)(sz);
7
- expect(t.minH).toMatch(/rem$/);
8
- expect(t.insideSelectDefaultHeight).toMatch(/rem$/);
9
- });
10
- it("xs is more compact than lg", function () {
11
- var xs = (0, searchSelectSize_1.getSearchSelectSizeStyles)("xs");
12
- var lg = (0, searchSelectSize_1.getSearchSelectSizeStyles)("lg");
13
- var parse = function (h) { return parseFloat(h); };
14
- expect(parse(xs.minH)).toBeLessThan(parse(lg.minH));
15
- expect(parse(xs.insideSelectDefaultHeight)).toBeLessThan(parse(lg.insideSelectDefaultHeight));
16
- });
17
- it("uses md as fallback for unknown size keys (runtime map lookup)", function () {
18
- var t = (0, searchSelectSize_1.getSearchSelectSizeStyles)("unknown");
19
- var md = (0, searchSelectSize_1.getSearchSelectSizeStyles)("md");
20
- expect(t).toEqual(md);
21
- });
22
- });
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";