@jars-labs/jars-components 1.1.3 → 1.1.5
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/{index-BI31qqG6.js → index-B86lZX7M.js} +47 -32
- package/dist/index-B86lZX7M.js.map +1 -0
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.js +1 -1
- package/dist/{lottie-3BxCe_dX.js → lottie-D2DV2M_-.js} +2 -2
- package/dist/{lottie-3BxCe_dX.js.map → lottie-D2DV2M_-.js.map} +1 -1
- package/dist/types/Button/Button.d.ts +1 -1
- package/dist/types/Button/Button.d.ts.map +1 -1
- package/dist/types/NavBar/NavBar.d.ts +7 -1
- package/dist/types/NavBar/NavBar.d.ts.map +1 -1
- package/package.json +1 -1
- package/dist/index-BI31qqG6.js.map +0 -1
|
@@ -183,7 +183,7 @@ var Animation = function (_a) {
|
|
|
183
183
|
var refVector = useRef(null);
|
|
184
184
|
var _b = useState(null), lottie = _b[0], setLottie = _b[1];
|
|
185
185
|
useEffect(function () {
|
|
186
|
-
import('./lottie-
|
|
186
|
+
import('./lottie-D2DV2M_-.js').then(function (n) { return n.l; }).then(function (Lottie) { return setLottie(Lottie.default); });
|
|
187
187
|
}, []);
|
|
188
188
|
useEffect(function () {
|
|
189
189
|
if (lottie && refVector.current) {
|
|
@@ -656,7 +656,7 @@ var Badge = forwardRef(function (_a, ref) {
|
|
|
656
656
|
});
|
|
657
657
|
Badge.displayName = 'Badge';
|
|
658
658
|
|
|
659
|
-
var styles$l = {"button":"Button-module_button__7BLGt","label":"Button-module_label__447Ll","button-flex":"Button-module_button-flex__bzVRB","button--filled":"Button-module_button--filled__BKGu2","label-color--filled":"Button-module_label-color--filled__wJHlw","label-color--filled--disabled":"Button-module_label-color--filled--disabled__BbMbV","button--outlined":"Button-module_button--outlined__QZysw","label-color--outlined":"Button-module_label-color--outlined__seGi5","label-color--outlined--disabled":"Button-module_label-color--outlined--disabled__qXPjI","button--underlined":"Button-module_button--underlined__BsY5s","label-color--underlined":"Button-module_label-color--underlined__ymMfq","label-color--underlined--disabled":"Button-module_label-color--underlined--disabled__TBDd8","button--underlined-neutral":"Button-module_button--underlined-neutral__30A91","label-color--underlined-neutral":"Button-module_label-color--underlined-neutral__1xWMY","label-color--underlined-neutral--disabled":"Button-module_label-color--underlined-neutral--disabled__RQKW7","button--delete":"Button-module_button--delete__Xqpbl","label-color--delete":"Button-module_label-color--delete__iPB3X","label-color--delete--disabled":"Button-module_label-color--delete--disabled__lJkM6","button--small":"Button-module_button--small__3npYU","button--medium":"Button-module_button--medium__WRSIQ","button--large":"Button-module_button--large__bGVS1"};
|
|
659
|
+
var styles$l = {"button":"Button-module_button__7BLGt","label":"Button-module_label__447Ll","button-flex":"Button-module_button-flex__bzVRB","button--filled":"Button-module_button--filled__BKGu2","label-color--filled":"Button-module_label-color--filled__wJHlw","label-color--filled--disabled":"Button-module_label-color--filled--disabled__BbMbV","button--outlined":"Button-module_button--outlined__QZysw","label-color--outlined":"Button-module_label-color--outlined__seGi5","label-color--outlined--disabled":"Button-module_label-color--outlined--disabled__qXPjI","button--outlined-error":"Button-module_button--outlined-error__xR07R","label-color--outlined-error":"Button-module_label-color--outlined-error__-2cf9","label-color--outlined-error--disabled":"Button-module_label-color--outlined-error--disabled__LZB7z","button--underlined":"Button-module_button--underlined__BsY5s","label-color--underlined":"Button-module_label-color--underlined__ymMfq","label-color--underlined--disabled":"Button-module_label-color--underlined--disabled__TBDd8","button--underlined-neutral":"Button-module_button--underlined-neutral__30A91","label-color--underlined-neutral":"Button-module_label-color--underlined-neutral__1xWMY","label-color--underlined-neutral--disabled":"Button-module_label-color--underlined-neutral--disabled__RQKW7","button--delete":"Button-module_button--delete__Xqpbl","label-color--delete":"Button-module_label-color--delete__iPB3X","label-color--delete--disabled":"Button-module_label-color--delete--disabled__lJkM6","button--small":"Button-module_button--small__3npYU","button--medium":"Button-module_button--medium__WRSIQ","button--large":"Button-module_button--large__bGVS1"};
|
|
660
660
|
|
|
661
661
|
var Button = forwardRef(function (_a, ref) {
|
|
662
662
|
var _b;
|
|
@@ -1390,16 +1390,27 @@ var MultiselectInternal = function (_a) {
|
|
|
1390
1390
|
};
|
|
1391
1391
|
MultiselectInternal.displayName = 'MultiselectInternal';
|
|
1392
1392
|
|
|
1393
|
-
var navBarStyles = {"navbar":"NavBar-module_navbar__3OCDa","navbar--dropdown-open":"NavBar-module_navbar--dropdown-open__TvIog","menu":"NavBar-module_menu__fGeeH","menuItem":"NavBar-module_menuItem__8KGYg","menuItemText":"NavBar-module_menuItemText__Kxzya","menuItemText--bold":"NavBar-module_menuItemText--bold__yk0mx","subnav":"NavBar-module_subnav__La94z","subnavItem":"NavBar-module_subnavItem__5tx9r","rightContent":"NavBar-module_rightContent__0OzKi","overlay":"NavBar-module_overlay__vFvhS"};
|
|
1393
|
+
var navBarStyles = {"navbar":"NavBar-module_navbar__3OCDa","navbarContent":"NavBar-module_navbarContent__yIQpp","navbar--dropdown-open":"NavBar-module_navbar--dropdown-open__TvIog","menu":"NavBar-module_menu__fGeeH","menuItem":"NavBar-module_menuItem__8KGYg","menuItemText":"NavBar-module_menuItemText__Kxzya","menuItemText--bold":"NavBar-module_menuItemText--bold__yk0mx","subnav":"NavBar-module_subnav__La94z","subnavItem":"NavBar-module_subnavItem__5tx9r","rightContent":"NavBar-module_rightContent__0OzKi","overlay":"NavBar-module_overlay__vFvhS"};
|
|
1394
1394
|
|
|
1395
1395
|
var Umbrello = function (props) {
|
|
1396
1396
|
return (jsx(Icon, __assign({}, props, { stroke: "none", children: jsx("path", { fill: props.fill, d: "M69.83 6.6h-3.982v8.951c0 2.41-1.554 4.167-3.788 4.167-2.007 0-3.4-1.563-3.4-3.809V6.6h-3.95v10.157c0 3.841 2.397 6.51 6.055 6.51 2.331 0 4.177-1.009 5.083-2.8v2.54h3.982V6.599zM72.263 23.006h3.982v-9.408c0-2.311 1.327-3.841 3.431-3.841 1.91 0 3.109 1.53 3.109 3.841v9.408h3.95v-9.408c0-2.311 1.327-3.841 3.464-3.841 1.91 0 3.108 1.53 3.108 3.841v9.408h3.95V12.394c0-3.483-2.267-6.055-5.796-6.055-2.59 0-4.662 1.432-5.406 3.125-.713-2.018-2.493-3.125-5.084-3.125-2.298 0-3.917 1.172-4.726 2.832V6.599h-3.983v16.407zM108.583 23.266c4.888 0 7.77-3.45 7.77-8.463 0-5.014-2.882-8.464-7.706-8.464-2.104 0-3.852.911-4.791 2.246V.733h-3.95v22.273h3.95v-2.05c.939 1.431 2.752 2.31 4.727 2.31zm-.583-3.45c-2.655 0-4.403-1.986-4.403-5.013 0-3.028 1.748-5.014 4.403-5.014 2.655 0 4.403 1.986 4.403 5.014 0 3.027-1.748 5.013-4.403 5.013zM127.996 9.952V6.6h-1.91c-2.105 0-3.367.814-4.177 2.897V6.6h-3.982v16.407h3.982v-7.748c0-3.125 1.004-5.306 3.529-5.306h2.558zM139.79 17.537c-.421 1.563-1.749 2.409-3.788 2.409-2.525 0-4.209-1.693-4.5-4.33h12.043c.033-.325.065-.813.065-1.367 0-3.906-2.46-7.91-7.932-7.91-5.342 0-7.997 4.069-7.997 8.399 0 4.296 2.979 8.528 8.321 8.528 4.014 0 7.058-2.246 7.673-5.729h-3.885zm-4.112-8.203c2.363 0 3.788 1.562 3.95 3.646h-8.029c.421-2.474 1.845-3.646 4.079-3.646zM145.449 23.006h3.95V.733h-3.95v22.273zM152.283 23.006h3.95V.733h-3.95v22.273zM166.564 23.266c4.954 0 8.515-3.58 8.515-8.463 0-4.883-3.561-8.464-8.515-8.464-4.986 0-8.547 3.58-8.547 8.464 0 4.883 3.561 8.463 8.547 8.463zm0-3.45c-2.719 0-4.532-2.051-4.532-5.013 0-2.963 1.813-5.014 4.532-5.014 2.687 0 4.5 2.051 4.5 5.014 0 2.962-1.813 5.013-4.5 5.013zM.004 23.266a22.293 22.293 0 011.541-8.59A22.123 22.123 0 016.26 7.36a21.876 21.876 0 017.152-4.903 21.7 21.7 0 0116.948 0 21.876 21.876 0 017.152 4.903 22.126 22.126 0 014.714 7.317 22.295 22.295 0 011.541 8.59H.004z" }) })));
|
|
1397
1397
|
};
|
|
1398
1398
|
Umbrello.displayName = 'Umbrello';
|
|
1399
1399
|
|
|
1400
|
+
var formatPaddingValue = function (value) {
|
|
1401
|
+
return typeof value === 'number' ? "".concat(value, "px") : value;
|
|
1402
|
+
};
|
|
1403
|
+
var formatMaxContentWidth = function (value) {
|
|
1404
|
+
return typeof value === 'number' ? "".concat(value, "px") : value;
|
|
1405
|
+
};
|
|
1406
|
+
var getNavbarPaddingStyle = function (padding) { return (__assign(__assign({}, ((padding === null || padding === undefined ? undefined : padding.block) != null && {
|
|
1407
|
+
paddingBlock: formatPaddingValue(padding.block),
|
|
1408
|
+
})), ((padding === null || padding === undefined ? undefined : padding.inline) != null && {
|
|
1409
|
+
paddingInline: formatPaddingValue(padding.inline),
|
|
1410
|
+
}))); };
|
|
1400
1411
|
var NavBar = function (_a) {
|
|
1401
1412
|
var _b;
|
|
1402
|
-
var homePath = _a.homePath, logo = _a.logo, links = _a.links, rightContent = _a.rightContent, currentPath = _a.currentPath, onLinkClick = _a.onLinkClick, rest = __rest(_a, ["homePath", "logo", "links", "rightContent", "currentPath", "onLinkClick"]);
|
|
1413
|
+
var homePath = _a.homePath, logo = _a.logo, links = _a.links, rightContent = _a.rightContent, currentPath = _a.currentPath, onLinkClick = _a.onLinkClick, padding = _a.padding, maxContentWidth = _a.maxContentWidth, rest = __rest(_a, ["homePath", "logo", "links", "rightContent", "currentPath", "onLinkClick", "padding", "maxContentWidth"]);
|
|
1403
1414
|
var _c = useState(null), expandedIdx = _c[0], setExpandedIdx = _c[1];
|
|
1404
1415
|
var _d = useState(0), dropdownHeight = _d[0], setDropdownHeight = _d[1];
|
|
1405
1416
|
var dropdownRef = useRef(null);
|
|
@@ -1423,35 +1434,39 @@ var NavBar = function (_a) {
|
|
|
1423
1434
|
onLinkClick(href);
|
|
1424
1435
|
}
|
|
1425
1436
|
};
|
|
1426
|
-
return (jsxs(Fragment, { children: [expandedIdx !== null && jsx(Box, { className: navBarStyles.overlay }),
|
|
1427
|
-
|
|
1428
|
-
|
|
1429
|
-
|
|
1430
|
-
|
|
1431
|
-
|
|
1432
|
-
|
|
1433
|
-
|
|
1434
|
-
|
|
1435
|
-
|
|
1436
|
-
|
|
1437
|
-
|
|
1438
|
-
|
|
1439
|
-
|
|
1440
|
-
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
? ' ' + navBarStyles['menuItemText--bold']
|
|
1447
|
-
: ''), href: (_b = item.href) !== null && _b !== undefined ? _b : '', "data-text": item.title, children: item.title })), expandedIdx === idx && hasSubitems && (jsx(Flex, { className: navBarStyles.subnav, direction: "column", ref: dropdownRef, children: (_c = item === null || item === undefined ? undefined : item.subitems) === null || _c === undefined ? undefined : _c.map(function (sub) { return (jsx("a", { href: sub.href, onClick: function (e) {
|
|
1437
|
+
return (jsxs(Fragment, { children: [expandedIdx !== null && jsx(Box, { className: navBarStyles.overlay }), jsx(Flex, __assign({ bg: "var(--color-white)", component: "nav", className: [
|
|
1438
|
+
navBarStyles.navbar,
|
|
1439
|
+
expandedIdx !== null && navBarStyles['navbar--dropdown-open'],
|
|
1440
|
+
]
|
|
1441
|
+
.filter(Boolean)
|
|
1442
|
+
.join(' ') }, rest, { style: __assign(__assign({ position: 'relative', paddingBlock: '24px', paddingInline: '120px' }, getNavbarPaddingStyle(padding)), (expandedIdx !== null
|
|
1443
|
+
? (_b = {}, _b['--navbar-dropdown-height'] = "".concat(dropdownHeight, "px"), _b) : {})), children: jsxs(Flex, { align: "center", justify: "space-between", gap: 16, className: navBarStyles.navbarContent, style: maxContentWidth != null
|
|
1444
|
+
? { maxWidth: formatMaxContentWidth(maxContentWidth) }
|
|
1445
|
+
: undefined, children: [jsx("a", { href: homePath || '/', style: { zIndex: 999 }, children: logo || (jsx(Umbrello, { fill: "var(--color-neutral-600)", width: "200", height: "40", viewBox: "0 0 200 40" })) }), jsxs(Flex, { align: "center", role: "menubar", className: navBarStyles.menu, children: [jsx(Flex, { role: "menu", gap: 24, children: links === null || links === undefined ? undefined : links.map(function (item, idx) {
|
|
1446
|
+
var _a, _b, _c;
|
|
1447
|
+
var hasSubitems = !!((_a = item.subitems) === null || _a === undefined ? undefined : _a.length);
|
|
1448
|
+
var subActive = isSubitemActive(item);
|
|
1449
|
+
return (jsxs(Box, { className: navBarStyles.menuItem, onMouseEnter: function () {
|
|
1450
|
+
hasSubitems && setExpandedIdx(idx);
|
|
1451
|
+
}, onMouseLeave: function () {
|
|
1452
|
+
setExpandedIdx(null);
|
|
1453
|
+
}, children: [hasSubitems ? (jsx(Text, { className: navBarStyles.menuItemText +
|
|
1454
|
+
(subActive
|
|
1455
|
+
? ' ' + navBarStyles['menuItemText--bold']
|
|
1456
|
+
: ''), "data-text": item.title, children: item.title })) : (jsx("a", { onClick: function (e) {
|
|
1448
1457
|
setExpandedIdx(null);
|
|
1449
|
-
handleNavigation(e,
|
|
1450
|
-
}, className: navBarStyles.
|
|
1451
|
-
((
|
|
1458
|
+
handleNavigation(e, item.href);
|
|
1459
|
+
}, className: navBarStyles.menuItemText +
|
|
1460
|
+
(isItemActive(item)
|
|
1452
1461
|
? ' ' + navBarStyles['menuItemText--bold']
|
|
1453
|
-
: ''), children:
|
|
1454
|
-
|
|
1462
|
+
: ''), href: (_b = item.href) !== null && _b !== undefined ? _b : '', "data-text": item.title, children: item.title })), expandedIdx === idx && hasSubitems && (jsx(Flex, { className: navBarStyles.subnav, direction: "column", ref: dropdownRef, children: (_c = item === null || item === undefined ? undefined : item.subitems) === null || _c === undefined ? undefined : _c.map(function (sub) { return (jsx("a", { href: sub.href, onClick: function (e) {
|
|
1463
|
+
setExpandedIdx(null);
|
|
1464
|
+
handleNavigation(e, sub.href);
|
|
1465
|
+
}, className: navBarStyles.subnavItem +
|
|
1466
|
+
((currentPath === null || currentPath === undefined ? undefined : currentPath.startsWith(sub.href))
|
|
1467
|
+
? ' ' + navBarStyles['menuItemText--bold']
|
|
1468
|
+
: ''), children: sub.title }, sub.href)); }) }))] }, item.title));
|
|
1469
|
+
}) }), jsx(Box, { className: navBarStyles.rightContent, children: rightContent })] })] }) }))] }));
|
|
1455
1470
|
};
|
|
1456
1471
|
NavBar.displayName = 'NavBar';
|
|
1457
1472
|
|
|
@@ -2124,4 +2139,4 @@ var World = function (_a) {
|
|
|
2124
2139
|
World.displayName = 'World';
|
|
2125
2140
|
|
|
2126
2141
|
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 };
|
|
2127
|
-
//# sourceMappingURL=index-
|
|
2142
|
+
//# sourceMappingURL=index-B86lZX7M.js.map
|