sag_components 2.0.0-beta229 → 2.0.0-beta230
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.d.ts +1 -2
- package/dist/index.esm.js +23 -83
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +23 -83
- package/dist/index.js.map +1 -1
- package/dist/types/components/Input/Input.d.ts +1 -2
- package/dist/types/components/Table/TableBody.styles.d.ts +0 -1
- package/dist/types/icons/index.d.ts +0 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -585,24 +585,6 @@ const PackageSendIcon = () => /*#__PURE__*/React__default["default"].createEleme
|
|
|
585
585
|
fill: "#B1B1B1"
|
|
586
586
|
}));
|
|
587
587
|
|
|
588
|
-
const MenuItemOpenIcon = _ref => {
|
|
589
|
-
let {
|
|
590
|
-
width = '16',
|
|
591
|
-
height = '16',
|
|
592
|
-
color = '#7E7E7E'
|
|
593
|
-
} = _ref;
|
|
594
|
-
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
595
|
-
width: width,
|
|
596
|
-
height: height,
|
|
597
|
-
viewBox: "0 0 16 10",
|
|
598
|
-
fill: "none",
|
|
599
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
600
|
-
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
601
|
-
d: "M7.40234 8.84766L0.652344 2.09766C0.300781 1.78125 0.300781 1.25391 0.652344 0.902344C0.96875 0.585938 1.49609 0.585938 1.84766 0.902344L8 7.08984L14.1523 0.9375C14.4688 0.585938 14.9961 0.585938 15.3477 0.9375C15.6641 1.25391 15.6641 1.78125 15.3477 2.09766L8.5625 8.84766C8.24609 9.19922 7.71875 9.19922 7.40234 8.84766Z",
|
|
602
|
-
fill: color
|
|
603
|
-
}));
|
|
604
|
-
};
|
|
605
|
-
|
|
606
588
|
const ChervronRightIcon = _ref => {
|
|
607
589
|
let {
|
|
608
590
|
width = "8",
|
|
@@ -3209,6 +3191,24 @@ const IconWrapper$4 = styled__default["default"].div`
|
|
|
3209
3191
|
align-content: center;
|
|
3210
3192
|
`;
|
|
3211
3193
|
|
|
3194
|
+
const MenuItemOpenIcon = _ref => {
|
|
3195
|
+
let {
|
|
3196
|
+
width = '16',
|
|
3197
|
+
height = '16',
|
|
3198
|
+
color = '#7E7E7E'
|
|
3199
|
+
} = _ref;
|
|
3200
|
+
return /*#__PURE__*/React__default["default"].createElement("svg", {
|
|
3201
|
+
width: width,
|
|
3202
|
+
height: height,
|
|
3203
|
+
viewBox: "0 0 16 10",
|
|
3204
|
+
fill: "none",
|
|
3205
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
3206
|
+
}, /*#__PURE__*/React__default["default"].createElement("path", {
|
|
3207
|
+
d: "M7.40234 8.84766L0.652344 2.09766C0.300781 1.78125 0.300781 1.25391 0.652344 0.902344C0.96875 0.585938 1.49609 0.585938 1.84766 0.902344L8 7.08984L14.1523 0.9375C14.4688 0.585938 14.9961 0.585938 15.3477 0.9375C15.6641 1.25391 15.6641 1.78125 15.3477 2.09766L8.5625 8.84766C8.24609 9.19922 7.71875 9.19922 7.40234 8.84766Z",
|
|
3208
|
+
fill: color
|
|
3209
|
+
}));
|
|
3210
|
+
};
|
|
3211
|
+
|
|
3212
3212
|
const MenuItemRightIcon = _ref => {
|
|
3213
3213
|
let {
|
|
3214
3214
|
clicked,
|
|
@@ -35645,18 +35645,6 @@ const getIcon = (icon, iconHeight, iconWidth, color, disabled, pointer, callBack
|
|
|
35645
35645
|
color: newColor,
|
|
35646
35646
|
onClick: callBackOnClick
|
|
35647
35647
|
}));
|
|
35648
|
-
case 'openicon':
|
|
35649
|
-
return /*#__PURE__*/React__default["default"].createElement(IconWrapper$2, {
|
|
35650
|
-
className: "MenuItemOpenIcon",
|
|
35651
|
-
pointer: pointer,
|
|
35652
|
-
disabled: disabled,
|
|
35653
|
-
onClick: callBackOnClick
|
|
35654
|
-
}, /*#__PURE__*/React__default["default"].createElement(MenuItemOpenIcon, {
|
|
35655
|
-
height: newIconHeight,
|
|
35656
|
-
width: newIconWidth,
|
|
35657
|
-
color: newColor,
|
|
35658
|
-
onClick: callBackOnClick
|
|
35659
|
-
}));
|
|
35660
35648
|
default:
|
|
35661
35649
|
return '';
|
|
35662
35650
|
}
|
|
@@ -35848,7 +35836,6 @@ const Input$2 = _ref => {
|
|
|
35848
35836
|
size,
|
|
35849
35837
|
selectedValue,
|
|
35850
35838
|
placeHolder,
|
|
35851
|
-
inputType = "text",
|
|
35852
35839
|
onChange,
|
|
35853
35840
|
onClick,
|
|
35854
35841
|
onBlur,
|
|
@@ -36014,7 +36001,7 @@ const Input$2 = _ref => {
|
|
|
36014
36001
|
}, "*")), /*#__PURE__*/React__default["default"].createElement(InputElement, {
|
|
36015
36002
|
className: multiline ? "StyledTextarea" : "StyledInput",
|
|
36016
36003
|
ref: inputRef,
|
|
36017
|
-
type: password && !showPassword ? "password" :
|
|
36004
|
+
type: password && !showPassword ? "password" : "text",
|
|
36018
36005
|
value: inputValue,
|
|
36019
36006
|
onChange: handleInputChange,
|
|
36020
36007
|
onClick: handleLabelClick,
|
|
@@ -39322,25 +39309,6 @@ const StatusCellCircle = styled__default["default"].div`
|
|
|
39322
39309
|
border: 1px solid white;
|
|
39323
39310
|
background-color: ${props => props.backgroundColor};
|
|
39324
39311
|
`;
|
|
39325
|
-
const DotIndicatorWrapper = styled__default["default"].div`
|
|
39326
|
-
display: inline-flex;
|
|
39327
|
-
align-items: center;
|
|
39328
|
-
justify-content: center;
|
|
39329
|
-
width: 100%;
|
|
39330
|
-
height: 100%;
|
|
39331
|
-
position: relative;
|
|
39332
|
-
|
|
39333
|
-
${tooltipStyles$1}
|
|
39334
|
-
|
|
39335
|
-
/* Override tooltip position */
|
|
39336
|
-
&[data-tooltip]:hover::before {
|
|
39337
|
-
top: calc(var(--tooltip-top, 0px) - var(--tooltip-offset, 60px) + 20px);
|
|
39338
|
-
}
|
|
39339
|
-
|
|
39340
|
-
&[data-tooltip]:hover::after {
|
|
39341
|
-
top: calc(var(--tooltip-top, 0px) - var(--tooltip-offset, 60px) + var(--tooltip-height, 50px) + 20px);
|
|
39342
|
-
}
|
|
39343
|
-
`;
|
|
39344
39312
|
|
|
39345
39313
|
// NEW TAG STYLES
|
|
39346
39314
|
const TagContainer = styled__default["default"].div`
|
|
@@ -40572,40 +40540,14 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
|
|
|
40572
40540
|
if (!value || typeof value !== 'object') return null;
|
|
40573
40541
|
const {
|
|
40574
40542
|
show,
|
|
40575
|
-
color
|
|
40576
|
-
tooltip
|
|
40543
|
+
color
|
|
40577
40544
|
} = value;
|
|
40578
40545
|
|
|
40579
40546
|
// Only show the dot if show is true
|
|
40580
40547
|
if (!show) return null;
|
|
40581
|
-
return /*#__PURE__*/React__default["default"].createElement(
|
|
40582
|
-
ref: el => {
|
|
40583
|
-
if (el && tooltip && tooltip.trim() !== "") {
|
|
40584
|
-
try {
|
|
40585
|
-
const rect = el.getBoundingClientRect();
|
|
40586
|
-
if (rect.width > 0 && rect.height > 0) {
|
|
40587
|
-
const tooltipInfo = calculateTooltipOffset(tooltip);
|
|
40588
|
-
if (tooltipInfo) {
|
|
40589
|
-
const {
|
|
40590
|
-
offset,
|
|
40591
|
-
height
|
|
40592
|
-
} = tooltipInfo;
|
|
40593
|
-
el.style.setProperty("--tooltip-top", `${rect.top}px`);
|
|
40594
|
-
el.style.setProperty("--tooltip-left", `${rect.left}px`);
|
|
40595
|
-
el.style.setProperty("--tooltip-width", `${rect.width}px`);
|
|
40596
|
-
el.style.setProperty("--tooltip-offset", `${offset}px`);
|
|
40597
|
-
el.style.setProperty("--tooltip-height", `${height}px`);
|
|
40598
|
-
el.setAttribute("data-tooltip", tooltip);
|
|
40599
|
-
}
|
|
40600
|
-
}
|
|
40601
|
-
} catch (e) {
|
|
40602
|
-
console.warn("Error applying dotIndicator tooltip:", e);
|
|
40603
|
-
}
|
|
40604
|
-
}
|
|
40605
|
-
}
|
|
40606
|
-
}, /*#__PURE__*/React__default["default"].createElement(StatusCellCircle, {
|
|
40548
|
+
return /*#__PURE__*/React__default["default"].createElement(StatusCellCircle, {
|
|
40607
40549
|
backgroundColor: color
|
|
40608
|
-
})
|
|
40550
|
+
});
|
|
40609
40551
|
} catch (e) {
|
|
40610
40552
|
console.warn('Error formatting dotIndicator:', e);
|
|
40611
40553
|
return null;
|
|
@@ -40617,7 +40559,7 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
|
|
|
40617
40559
|
style: {
|
|
40618
40560
|
color: isDefine ? "#8B8989" : "inherit"
|
|
40619
40561
|
}
|
|
40620
|
-
}, value
|
|
40562
|
+
}, value ?? "Define"), /*#__PURE__*/React__default["default"].createElement(PencilButton, {
|
|
40621
40563
|
onClick: e => {
|
|
40622
40564
|
e.stopPropagation();
|
|
40623
40565
|
handleEditableClick(row, column.key, value, rowIndex);
|
|
@@ -44500,7 +44442,6 @@ const Table = props => {
|
|
|
44500
44442
|
noEventsSubtitle = "Let's get started and create your first one!",
|
|
44501
44443
|
noEventsButtonText = "New Event",
|
|
44502
44444
|
noEventsButtonIcon = "Plus",
|
|
44503
|
-
disableNoEventsButton = false,
|
|
44504
44445
|
showNoEventsButton = true,
|
|
44505
44446
|
indexToShimmer = -1,
|
|
44506
44447
|
resetFocusIndex,
|
|
@@ -44684,7 +44625,6 @@ const Table = props => {
|
|
|
44684
44625
|
height: "45px",
|
|
44685
44626
|
leftIcon: noEventsButtonIcon,
|
|
44686
44627
|
text: noEventsButtonText,
|
|
44687
|
-
disabled: disableNoEventsButton,
|
|
44688
44628
|
borderRadius: "12px",
|
|
44689
44629
|
borderColor: buttonColor,
|
|
44690
44630
|
hoverBorderColor: buttonHoverColor,
|