@jars-labs/jars-components 1.1.1 → 1.1.2

package/dist/{index-XNa-AF32.js → index-CYIjT38s.js}

@@ -183,7 +183,7 @@ var Animation = function (_a) {
     var refVector = useRef(null);
     var _b = useState(null), lottie = _b[0], setLottie = _b[1];
     useEffect(function () {
-        import('./lottie-Ber8fy_n.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
+        import('./lottie-DsKwcNMJ.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
     }, []);
     useEffect(function () {
         if (lottie && refVector.current) {
@@ -1766,8 +1766,13 @@ var Stepper = function (_a) {
 };
 Stepper.displayName = 'Stepper';
 
-var styles$2 = {"table":"Table-module_table__7Pagp","tableHeaderCell":"Table-module_tableHeaderCell__Wd4IN","tableRow":"Table-module_tableRow__GzCm4","withCheckbox":"Table-module_withCheckbox__DOucz","empty":"Table-module_empty__Dvxh9","emptyWrapperMessage":"Table-module_emptyWrapperMessage__hWoae","paginationWrapper":"Table-module_paginationWrapper__S88Dr","loaderWrapper":"Table-module_loaderWrapper__Fkp8F","tableWrapper":"Table-module_tableWrapper__ITO0y","disabled":"Table-module_disabled__OcI6u","disabledOverlay":"Table-module_disabledOverlay__QR6SB","disabledRow":"Table-module_disabledRow__QKivc"};
+var styles$2 = {"table":"Table-module_table__7Pagp","shadowNone":"Table-module_shadowNone__d3pD9","shadowSm":"Table-module_shadowSm__RRP3y","shadowMd":"Table-module_shadowMd__xbCpj","tableUnstyled":"Table-module_tableUnstyled__Mc9s5","tableHeaderCell":"Table-module_tableHeaderCell__Wd4IN","tableRow":"Table-module_tableRow__GzCm4","withCheckbox":"Table-module_withCheckbox__DOucz","empty":"Table-module_empty__Dvxh9","disabledOverlay":"Table-module_disabledOverlay__QR6SB","emptyWrapperMessage":"Table-module_emptyWrapperMessage__hWoae","paginationWrapper":"Table-module_paginationWrapper__S88Dr","loaderWrapper":"Table-module_loaderWrapper__Fkp8F","tableWrapper":"Table-module_tableWrapper__ITO0y","disabled":"Table-module_disabled__OcI6u","disabledRow":"Table-module_disabledRow__QKivc"};
 
+var shadowClassNames = {
+    none: styles$2.shadowNone,
+    sm: styles$2.shadowSm,
+    md: styles$2.shadowMd,
+};
 /**
  *
  * Table component that displays data in a table format, with support for pagination and row selection.
@@ -1782,11 +1787,13 @@ var styles$2 = {"table":"Table-module_table__7Pagp","tableHeaderCell":"Table-mod
  * @param loading - Whether the table is in a loading state
  * @param disabled - Whether the table is disabled
  * @param disabledMessage - Message to display when the table is disabled
+ * @param variant - Visual style variant; `unstyled` removes padding, background, shadow, and border radius
+ * @param shadow - Box shadow size; only applies when variant is `default`
  * @returns Render table with theme styles
  */
 function Table(_a) {
-    var data = _a.data, columns = _a.columns, _b = _a.itemsPerPage, itemsPerPage = _b === undefined ? 10 : _b, totalRecords = _a.totalRecords, currentPage = _a.currentPage, onPageChange = _a.onPageChange, _c = _a.showCheckboxes, showCheckboxes = _c === undefined ? false : _c, onSelectionChange = _a.onSelectionChange, _d = _a.loading, loading = _d === undefined ? false : _d, _e = _a.disabled, disabled = _e === undefined ? false : _e, disabledMessage = _a.disabledMessage;
-    var _f = useState([]), selectedItems = _f[0], setSelectedItems = _f[1];
+    var data = _a.data, columns = _a.columns, _b = _a.itemsPerPage, itemsPerPage = _b === undefined ? 10 : _b, totalRecords = _a.totalRecords, currentPage = _a.currentPage, onPageChange = _a.onPageChange, _c = _a.showCheckboxes, showCheckboxes = _c === undefined ? false : _c, onSelectionChange = _a.onSelectionChange, _d = _a.loading, loading = _d === undefined ? false : _d, _e = _a.disabled, disabled = _e === undefined ? false : _e, disabledMessage = _a.disabledMessage, _f = _a.variant, variant = _f === undefined ? 'default' : _f, _g = _a.shadow, shadow = _g === undefined ? 'md' : _g;
+    var _h = useState([]), selectedItems = _h[0], setSelectedItems = _h[1];
     var renderCell = function (item, column) {
         var value = item[column.key];
         return column.render ? column.render(value, item) : String(value);
@@ -1803,7 +1810,9 @@ function Table(_a) {
         setSelectedItems(newSelectedItems);
         onSelectionChange === null || onSelectionChange === undefined ? undefined : onSelectionChange(newSelectedItems);
     };
-    return (jsxs(Fragment, { children: [jsxs(Table$1, { className: "".concat(styles$2.table, " ").concat(showCheckboxes ? styles$2.withCheckbox : ''), highlightOnHover: true, highlightOnHoverColor: "var(--color-neutral-100)", children: [jsx(Table$1.Thead, { children: jsxs(Table$1.Tr, { children: [showCheckboxes && (jsx(Table$1.Th, { className: styles$2.tableHeaderCell, children: jsx(Checkbox, { checked: selectedItems.length === data.length, onChange: handleSelectAll }) })), columns.map(function (column) { return (jsx(Table$1.Th, { className: styles$2.tableHeaderCell, children: column.header }, column.key)); })] }) }), loading ? (jsx(Table$1.Tbody, { children: jsxs(Table$1.Tr, { children: [jsx(Table$1.Td, { colSpan: columns.length / 2 }), jsx(Table$1.Td, { colSpan: columns.length / 2, className: styles$2.loaderWrapper, children: jsx(Loader, { size: "lg" }) })] }) })) : (jsx(Table$1.Tbody, { children: (data === null || data === undefined ? undefined : data.length) > 0 &&
+    return (jsxs(Fragment, { children: [jsxs(Table$1, { className: "".concat(styles$2.table, " ").concat(variant === 'unstyled'
+                    ? styles$2.tableUnstyled
+                    : shadowClassNames[shadow], " ").concat(showCheckboxes ? styles$2.withCheckbox : ''), highlightOnHover: true, highlightOnHoverColor: "var(--color-neutral-100)", children: [jsx(Table$1.Thead, { children: jsxs(Table$1.Tr, { children: [showCheckboxes && (jsx(Table$1.Th, { className: styles$2.tableHeaderCell, children: jsx(Checkbox, { checked: selectedItems.length === data.length, onChange: handleSelectAll }) })), columns.map(function (column) { return (jsx(Table$1.Th, { className: styles$2.tableHeaderCell, children: column.header }, column.key)); })] }) }), loading ? (jsx(Table$1.Tbody, { children: jsxs(Table$1.Tr, { children: [jsx(Table$1.Td, { colSpan: columns.length / 2 }), jsx(Table$1.Td, { colSpan: columns.length / 2, className: styles$2.loaderWrapper, children: jsx(Loader, { size: "lg" }) })] }) })) : (jsx(Table$1.Tbody, { children: (data === null || data === undefined ? undefined : data.length) > 0 &&
                             data.map(function (item, index) { return (jsxs(Table$1.Tr, { className: "".concat(styles$2.tableRow, " ").concat(disabled ? styles$2.disabledRow : ''), onClick: !disabled ? item.handleClick : undefined, children: [showCheckboxes && (jsx(Table$1.Td, { className: styles$2.tableRow, children: jsx(Checkbox, { checked: selectedItems.includes(item), onChange: function () { return handleCheckboxChange(item); } }) })), columns.map(function (column) { return (jsx(Table$1.Td, { className: styles$2.tableRow, children: renderCell(item, column) }, column.key)); })] }, index)); }) })), disabled && (jsx("div", { className: styles$2.disabledOverlay, children: disabledMessage !== null && disabledMessage !== undefined ? disabledMessage : (jsx(Text, { children: "This table is temporarily disabled." })) })), data.length === 0 && !loading && (jsx(Table$1.Tbody, { children: jsx(Table$1.Tr, { children: jsx(Table$1.Td, { colSpan: columns.length + (showCheckboxes ? 1 : 0), className: styles$2.empty, children: jsxs(Flex, { className: styles$2.emptyWrapperMessage, children: [jsx(Text, { variant: "m", weight: "medium", children: "No results match your search or selected filters." }), jsx(Text, { variant: "m", weight: "medium", children: "Please adjust your criteria and try again" })] }) }) }) }))] }), totalRecords > itemsPerPage && (jsx("div", { className: styles$2.paginationWrapper, children: jsx(Pagination, { total: Math.ceil(totalRecords / itemsPerPage), value: currentPage, onChange: onPageChange, disabled: disabled }) }))] }));
 }
 Table.displayName = 'Table';
@@ -2113,4 +2122,4 @@ var World = function (_a) {
 World.displayName = 'World';
 
 export { Attachment as $, Accordion as A, Badge as B, Card as C, DateInput as D, EnterCodeInput as E, FileInput as F, Stepper as G, Tabs as H, IncrementNumber as I, Text as J, Textarea as K, Link as L, Message as M, NavBar as N, ToastContainer as O, Pagination as P, Tooltip as Q, RadioButton as R, SegmentedControl as S, Table as T, AIGenerate as U, AIPrompt as V, AIRedo as W, AISearch as X, Alert as Y, Archive as Z, Arrow as _, AccordionItem as a, AvatarPlaceholder as a0, Bell as a1, Calendar as a2, Camera as a3, Cat as a4, Chat as a5, Check as a6, Chevron as a7, ChevronCollapse as a8, Clock as a9, Plaid as aA, Plus as aB, Refresh as aC, Remove as aD, Search as aE, Shield as aF, StepIndicator as aG, ThreeDots as aH, ThumbsDown as aI, Tick as aJ, Umbrello as aK, Upload as aL, Visa as aM, Warning as aN, World as aO, capitalizeFirstSentenceLetter as aP, Close as aa, Cloud as ab, CloudUpload as ac, CreditCard as ad, Delete as ae, Document as af, Dog as ag, EyeHide as ah, EyeShow as ai, Fingerprint as aj, Google as ak, Grid as al, Hamburger as am, HappyFace as an, House as ao, HouseTime as ap, Identification as aq, Info as ar, Location as as, Mail as at, Menu as au, MenuTouched as av, Notification as aw, Open as ax, Pets as ay, Phone as az, AccordionControl as b, AccordionPanel as c, ActionIcon as d, Animation as e, Autocomplete as f, getDefaultExportFromCjs as g, Avatar as h, badgeVariantMap as i, Button as j, cardStatusVariantMap as k, CardStatus as l, Checkbox as m, Chip as n, Dropdown as o, FileUpload as p, Input as q, LinkModal as r, Loader as s, Modal as t, Multiselect as u, NavBarSide as v, PasswordInput as w, Pill as x, Select as y, StatusBadge as z };
-//# sourceMappingURL=index-XNa-AF32.js.map
+//# sourceMappingURL=index-CYIjT38s.js.map