@oliasoft-open-source/react-ui-library 10.0.0-beta-51 → 10.0.0-beta-52
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/global.css +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.js +66 -66
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1267,6 +1267,7 @@ export declare interface IPopoverProps {
|
|
|
1267
1267
|
closeOnOutsideClick?: boolean;
|
|
1268
1268
|
fullWidth?: boolean;
|
|
1269
1269
|
showCloseButton?: boolean;
|
|
1270
|
+
showArrow?: boolean;
|
|
1270
1271
|
testId?: string;
|
|
1271
1272
|
disabled?: boolean;
|
|
1272
1273
|
isOpen?: boolean;
|
|
@@ -2122,7 +2123,7 @@ declare type Placement = 'top-start' | 'top-center' | 'top-end' | 'right-start'
|
|
|
2122
2123
|
|
|
2123
2124
|
export declare const PopConfirm: ({ children, placement, closeOnOutsideClick, fullWidth, title, cancelText, onClickCancel, okText, onClickOk, disableConfirmButton, testId, }: IPopConfirmProps) => JSX.Element;
|
|
2124
2125
|
|
|
2125
|
-
export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, testId, disabled, isOpen: externalIsOpen, onToggle: externalOnToggle, toggleOnTriggerClick, isNonModal, restoreTriggerFocusOnClose, }: IPopoverProps) => JSX.Element | null;
|
|
2126
|
+
export declare const Popover: ({ children, content, placement, closeOnOutsideClick, fullWidth, showCloseButton, showArrow, testId, disabled, isOpen: externalIsOpen, onToggle: externalOnToggle, toggleOnTriggerClick, isNonModal, restoreTriggerFocusOnClose, }: IPopoverProps) => JSX.Element | null;
|
|
2126
2127
|
|
|
2127
2128
|
export declare const Portal: ({ id, children }: IPortalProps) => ReactPortal | null;
|
|
2128
2129
|
|
package/dist/index.js
CHANGED
|
@@ -845,32 +845,32 @@ var Ta = {
|
|
|
845
845
|
let { sections: t } = e;
|
|
846
846
|
return !s(t) && (!Array.isArray(t) || t.every((e) => ln(e)));
|
|
847
847
|
}, J = {
|
|
848
|
-
layer: "
|
|
849
|
-
nested: "
|
|
850
|
-
fileInput: "
|
|
851
|
-
trigger: "
|
|
852
|
-
heading: "
|
|
853
|
-
headingIcon: "
|
|
854
|
-
clickable: "
|
|
855
|
-
option: "
|
|
856
|
-
active: "
|
|
857
|
-
disabled: "
|
|
858
|
-
selected: "
|
|
859
|
-
optionContent: "
|
|
860
|
-
|
|
861
|
-
|
|
862
|
-
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
arrow: "
|
|
866
|
-
divider: "
|
|
867
|
-
buttonLabel: "
|
|
868
|
-
component: "
|
|
869
|
-
right: "
|
|
870
|
-
actions: "
|
|
871
|
-
menuPopover: "
|
|
872
|
-
menuPopoverNested: "
|
|
873
|
-
menuItem: "
|
|
848
|
+
layer: "_layer_15mfd_1",
|
|
849
|
+
nested: "_nested_15mfd_14",
|
|
850
|
+
fileInput: "_fileInput_15mfd_17",
|
|
851
|
+
trigger: "_trigger_15mfd_23",
|
|
852
|
+
heading: "_heading_15mfd_32",
|
|
853
|
+
headingIcon: "_headingIcon_15mfd_38",
|
|
854
|
+
clickable: "_clickable_15mfd_45",
|
|
855
|
+
option: "_option_15mfd_49",
|
|
856
|
+
active: "_active_15mfd_68",
|
|
857
|
+
disabled: "_disabled_15mfd_73",
|
|
858
|
+
selected: "_selected_15mfd_76",
|
|
859
|
+
optionContent: "_optionContent_15mfd_83",
|
|
860
|
+
description: "_description_15mfd_87",
|
|
861
|
+
inline: "_inline_15mfd_91",
|
|
862
|
+
icon: "_icon_15mfd_96",
|
|
863
|
+
check: "_check_15mfd_97",
|
|
864
|
+
label: "_label_15mfd_123",
|
|
865
|
+
arrow: "_arrow_15mfd_139",
|
|
866
|
+
divider: "_divider_15mfd_143",
|
|
867
|
+
buttonLabel: "_buttonLabel_15mfd_151",
|
|
868
|
+
component: "_component_15mfd_158",
|
|
869
|
+
right: "_right_15mfd_164",
|
|
870
|
+
actions: "_actions_15mfd_169",
|
|
871
|
+
menuPopover: "_menuPopover_15mfd_176",
|
|
872
|
+
menuPopoverNested: "_menuPopoverNested_15mfd_198",
|
|
873
|
+
menuItem: "_menuItem_15mfd_201"
|
|
874
874
|
}, Va = ({ label: e, onClick: t, icon: n, testId: r }) => /* @__PURE__ */ C("div", {
|
|
875
875
|
"data-testid": r,
|
|
876
876
|
children: [e, !!n && /* @__PURE__ */ S("span", {
|
|
@@ -1461,58 +1461,58 @@ var Ta = {
|
|
|
1461
1461
|
children: n
|
|
1462
1462
|
})]
|
|
1463
1463
|
}), xo = {
|
|
1464
|
-
toggleBox: "
|
|
1465
|
-
arrowIcon: "
|
|
1466
|
-
fullWidthStyleFix: "
|
|
1467
|
-
dismiss: "
|
|
1468
|
-
}, So = ({ children: e, content: t, placement: i = "top-center", closeOnOutsideClick: a = !0, fullWidth: o = !1, showCloseButton: c = !1,
|
|
1469
|
-
let
|
|
1470
|
-
|
|
1464
|
+
toggleBox: "_toggleBox_oy22o_1",
|
|
1465
|
+
arrowIcon: "_arrowIcon_oy22o_32",
|
|
1466
|
+
fullWidthStyleFix: "_fullWidthStyleFix_oy22o_48",
|
|
1467
|
+
dismiss: "_dismiss_oy22o_53"
|
|
1468
|
+
}, So = ({ children: e, content: t, placement: i = "top-center", closeOnOutsideClick: a = !0, fullWidth: o = !1, showCloseButton: c = !1, showArrow: f = !0, testId: p, disabled: m = !1, isOpen: h, onToggle: g, toggleOnTriggerClick: y = !0, isNonModal: w = !1, restoreTriggerFocusOnClose: T = !0 }) => {
|
|
1469
|
+
let E = u(W), D = _(null), [O, k] = v(!1), A = m || E, j = h !== void 0, M = j ? h : O, N = l((e) => {
|
|
1470
|
+
A || (j ? g == null || g(e) : k(e));
|
|
1471
1471
|
}, [
|
|
1472
|
+
j,
|
|
1472
1473
|
A,
|
|
1473
|
-
|
|
1474
|
-
|
|
1475
|
-
|
|
1476
|
-
|
|
1477
|
-
|
|
1478
|
-
|
|
1479
|
-
}, [M]);
|
|
1474
|
+
g
|
|
1475
|
+
]), P = l((e) => {
|
|
1476
|
+
!y && e || N(e);
|
|
1477
|
+
}, [N, y]), F = l(() => {
|
|
1478
|
+
N(!1);
|
|
1479
|
+
}, [N]);
|
|
1480
1480
|
if (d(() => {
|
|
1481
|
-
|
|
1481
|
+
A && M && F();
|
|
1482
1482
|
}, [
|
|
1483
|
-
|
|
1484
|
-
|
|
1485
|
-
|
|
1483
|
+
A,
|
|
1484
|
+
M,
|
|
1485
|
+
F
|
|
1486
1486
|
]), !Ia(e)) return null;
|
|
1487
|
-
let
|
|
1487
|
+
let I = s(t) && typeof t.type != "string" && t.type !== n ? r(t, { close: F }) : t, L = /* @__PURE__ */ S(Ra, {
|
|
1488
1488
|
behavior: La.PRESS,
|
|
1489
|
-
testId:
|
|
1490
|
-
isDisabled:
|
|
1491
|
-
triggerRef:
|
|
1489
|
+
testId: p,
|
|
1490
|
+
isDisabled: A,
|
|
1491
|
+
triggerRef: D,
|
|
1492
1492
|
safeComponents: [q],
|
|
1493
1493
|
children: e
|
|
1494
|
-
}),
|
|
1494
|
+
}), R = /* @__PURE__ */ C(za, {
|
|
1495
1495
|
className: b(xo.toggleBox, o && xo.fullWidthStyleFix),
|
|
1496
1496
|
placement: i,
|
|
1497
|
-
portalTriggerRef:
|
|
1498
|
-
offset: 6,
|
|
1499
|
-
isNonModal:
|
|
1500
|
-
disableFocusManagement: !
|
|
1501
|
-
isOpen:
|
|
1502
|
-
onOpenChange:
|
|
1503
|
-
triggerRef:
|
|
1497
|
+
portalTriggerRef: D,
|
|
1498
|
+
offset: f ? 6 : 0,
|
|
1499
|
+
isNonModal: w,
|
|
1500
|
+
disableFocusManagement: !T || void 0,
|
|
1501
|
+
isOpen: y ? void 0 : M,
|
|
1502
|
+
onOpenChange: y ? void 0 : N,
|
|
1503
|
+
triggerRef: y ? void 0 : D,
|
|
1504
1504
|
shouldCloseOnInteractOutside: a ? void 0 : () => !1,
|
|
1505
1505
|
isKeyboardDismissDisabled: !a,
|
|
1506
|
-
"data-testid":
|
|
1507
|
-
children: [/* @__PURE__ */ C("div", { children: [
|
|
1506
|
+
"data-testid": p ? `${p}-layer` : void 0,
|
|
1507
|
+
children: [/* @__PURE__ */ C("div", { children: [I, c && /* @__PURE__ */ S("div", {
|
|
1508
1508
|
className: xo.dismiss,
|
|
1509
1509
|
children: /* @__PURE__ */ S(q, {
|
|
1510
1510
|
small: !0,
|
|
1511
1511
|
round: !0,
|
|
1512
|
-
onClick:
|
|
1512
|
+
onClick: F,
|
|
1513
1513
|
icon: U.CLOSE
|
|
1514
1514
|
})
|
|
1515
|
-
})] }), /* @__PURE__ */ S(Bn, { children: /* @__PURE__ */ S("svg", {
|
|
1515
|
+
})] }), f && /* @__PURE__ */ S(Bn, { children: /* @__PURE__ */ S("svg", {
|
|
1516
1516
|
width: "12",
|
|
1517
1517
|
height: "12",
|
|
1518
1518
|
viewBox: "0 0 12 12",
|
|
@@ -1521,11 +1521,11 @@ var Ta = {
|
|
|
1521
1521
|
children: /* @__PURE__ */ S("path", { d: "M0 0 L6 6 L12 0" })
|
|
1522
1522
|
}) })]
|
|
1523
1523
|
});
|
|
1524
|
-
return
|
|
1525
|
-
isOpen:
|
|
1526
|
-
onOpenChange:
|
|
1527
|
-
children: [
|
|
1528
|
-
}) : /* @__PURE__ */ C(x, { children: [
|
|
1524
|
+
return y ? /* @__PURE__ */ C(Rn, {
|
|
1525
|
+
isOpen: M,
|
|
1526
|
+
onOpenChange: P,
|
|
1527
|
+
children: [L, R]
|
|
1528
|
+
}) : /* @__PURE__ */ C(x, { children: [L, R] });
|
|
1529
1529
|
}, Co = { grid: "_grid_obkz4_1" }, wo = (e) => typeof e == "boolean" ? e ? "var(--padding)" : "0px" : typeof e == "number" ? `${e}px` : e || "initial", To = (e) => typeof e == "number" ? `${e}px` : e || "initial", Eo = ({ rows: e = "initial", columns: t = "initial", columnsTablet: n = null, columnsMobile: r = null, gap: i = !1, height: a = "initial", children: o }) => {
|
|
1530
1530
|
let s = {
|
|
1531
1531
|
"--grid-gap": wo(i),
|
|
@@ -10029,7 +10029,7 @@ var Hm = (e = {}) => Vm({
|
|
|
10029
10029
|
switch (a) {
|
|
10030
10030
|
case "Created": return `Created by ${r}`;
|
|
10031
10031
|
case "Cloned": return `Cloned by ${r} (from ${o || "unknown"})`;
|
|
10032
|
-
case "Reverted": return `
|
|
10032
|
+
case "Reverted": return `Restored by ${r} ${o ? `(from ${o})` : ""}`;
|
|
10033
10033
|
case "Imported": return `Imported by ${r}`;
|
|
10034
10034
|
case "Updated": return `Updated by ${r} (${c})`;
|
|
10035
10035
|
default: return `Change by ${r}`;
|
package/package.json
CHANGED