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.d.ts
CHANGED
|
@@ -1304,13 +1304,12 @@ declare function WeeksPicker({ label, disabled, borderColor, borderColorFocus, t
|
|
|
1304
1304
|
restrictToRange?: boolean;
|
|
1305
1305
|
}): react_jsx_runtime.JSX.Element;
|
|
1306
1306
|
|
|
1307
|
-
declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder,
|
|
1307
|
+
declare function Input({ label, labelEmptyValue, size, selectedValue, placeHolder, onChange, onClick, onBlur, required, disabled, isDarkerBackground, width, height, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, multiline, rows, maxLength, regex, onKeyDown, }: {
|
|
1308
1308
|
label: any;
|
|
1309
1309
|
labelEmptyValue: any;
|
|
1310
1310
|
size: any;
|
|
1311
1311
|
selectedValue: any;
|
|
1312
1312
|
placeHolder: any;
|
|
1313
|
-
inputType?: string;
|
|
1314
1313
|
onChange: any;
|
|
1315
1314
|
onClick: any;
|
|
1316
1315
|
onBlur: any;
|
package/dist/index.esm.js
CHANGED
|
@@ -575,24 +575,6 @@ const PackageSendIcon = () => /*#__PURE__*/React$1.createElement("svg", {
|
|
|
575
575
|
fill: "#B1B1B1"
|
|
576
576
|
}));
|
|
577
577
|
|
|
578
|
-
const MenuItemOpenIcon = _ref => {
|
|
579
|
-
let {
|
|
580
|
-
width = '16',
|
|
581
|
-
height = '16',
|
|
582
|
-
color = '#7E7E7E'
|
|
583
|
-
} = _ref;
|
|
584
|
-
return /*#__PURE__*/React$1.createElement("svg", {
|
|
585
|
-
width: width,
|
|
586
|
-
height: height,
|
|
587
|
-
viewBox: "0 0 16 10",
|
|
588
|
-
fill: "none",
|
|
589
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
590
|
-
}, /*#__PURE__*/React$1.createElement("path", {
|
|
591
|
-
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",
|
|
592
|
-
fill: color
|
|
593
|
-
}));
|
|
594
|
-
};
|
|
595
|
-
|
|
596
578
|
const ChervronRightIcon = _ref => {
|
|
597
579
|
let {
|
|
598
580
|
width = "8",
|
|
@@ -3199,6 +3181,24 @@ const IconWrapper$4 = styled.div`
|
|
|
3199
3181
|
align-content: center;
|
|
3200
3182
|
`;
|
|
3201
3183
|
|
|
3184
|
+
const MenuItemOpenIcon = _ref => {
|
|
3185
|
+
let {
|
|
3186
|
+
width = '16',
|
|
3187
|
+
height = '16',
|
|
3188
|
+
color = '#7E7E7E'
|
|
3189
|
+
} = _ref;
|
|
3190
|
+
return /*#__PURE__*/React$1.createElement("svg", {
|
|
3191
|
+
width: width,
|
|
3192
|
+
height: height,
|
|
3193
|
+
viewBox: "0 0 16 10",
|
|
3194
|
+
fill: "none",
|
|
3195
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
3196
|
+
}, /*#__PURE__*/React$1.createElement("path", {
|
|
3197
|
+
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",
|
|
3198
|
+
fill: color
|
|
3199
|
+
}));
|
|
3200
|
+
};
|
|
3201
|
+
|
|
3202
3202
|
const MenuItemRightIcon = _ref => {
|
|
3203
3203
|
let {
|
|
3204
3204
|
clicked,
|
|
@@ -35635,18 +35635,6 @@ const getIcon = (icon, iconHeight, iconWidth, color, disabled, pointer, callBack
|
|
|
35635
35635
|
color: newColor,
|
|
35636
35636
|
onClick: callBackOnClick
|
|
35637
35637
|
}));
|
|
35638
|
-
case 'openicon':
|
|
35639
|
-
return /*#__PURE__*/React$1.createElement(IconWrapper$2, {
|
|
35640
|
-
className: "MenuItemOpenIcon",
|
|
35641
|
-
pointer: pointer,
|
|
35642
|
-
disabled: disabled,
|
|
35643
|
-
onClick: callBackOnClick
|
|
35644
|
-
}, /*#__PURE__*/React$1.createElement(MenuItemOpenIcon, {
|
|
35645
|
-
height: newIconHeight,
|
|
35646
|
-
width: newIconWidth,
|
|
35647
|
-
color: newColor,
|
|
35648
|
-
onClick: callBackOnClick
|
|
35649
|
-
}));
|
|
35650
35638
|
default:
|
|
35651
35639
|
return '';
|
|
35652
35640
|
}
|
|
@@ -35838,7 +35826,6 @@ const Input$2 = _ref => {
|
|
|
35838
35826
|
size,
|
|
35839
35827
|
selectedValue,
|
|
35840
35828
|
placeHolder,
|
|
35841
|
-
inputType = "text",
|
|
35842
35829
|
onChange,
|
|
35843
35830
|
onClick,
|
|
35844
35831
|
onBlur,
|
|
@@ -36004,7 +35991,7 @@ const Input$2 = _ref => {
|
|
|
36004
35991
|
}, "*")), /*#__PURE__*/React$1.createElement(InputElement, {
|
|
36005
35992
|
className: multiline ? "StyledTextarea" : "StyledInput",
|
|
36006
35993
|
ref: inputRef,
|
|
36007
|
-
type: password && !showPassword ? "password" :
|
|
35994
|
+
type: password && !showPassword ? "password" : "text",
|
|
36008
35995
|
value: inputValue,
|
|
36009
35996
|
onChange: handleInputChange,
|
|
36010
35997
|
onClick: handleLabelClick,
|
|
@@ -39312,25 +39299,6 @@ const StatusCellCircle = styled.div`
|
|
|
39312
39299
|
border: 1px solid white;
|
|
39313
39300
|
background-color: ${props => props.backgroundColor};
|
|
39314
39301
|
`;
|
|
39315
|
-
const DotIndicatorWrapper = styled.div`
|
|
39316
|
-
display: inline-flex;
|
|
39317
|
-
align-items: center;
|
|
39318
|
-
justify-content: center;
|
|
39319
|
-
width: 100%;
|
|
39320
|
-
height: 100%;
|
|
39321
|
-
position: relative;
|
|
39322
|
-
|
|
39323
|
-
${tooltipStyles$1}
|
|
39324
|
-
|
|
39325
|
-
/* Override tooltip position */
|
|
39326
|
-
&[data-tooltip]:hover::before {
|
|
39327
|
-
top: calc(var(--tooltip-top, 0px) - var(--tooltip-offset, 60px) + 20px);
|
|
39328
|
-
}
|
|
39329
|
-
|
|
39330
|
-
&[data-tooltip]:hover::after {
|
|
39331
|
-
top: calc(var(--tooltip-top, 0px) - var(--tooltip-offset, 60px) + var(--tooltip-height, 50px) + 20px);
|
|
39332
|
-
}
|
|
39333
|
-
`;
|
|
39334
39302
|
|
|
39335
39303
|
// NEW TAG STYLES
|
|
39336
39304
|
const TagContainer = styled.div`
|
|
@@ -40562,40 +40530,14 @@ const TableBody = /*#__PURE__*/forwardRef(({
|
|
|
40562
40530
|
if (!value || typeof value !== 'object') return null;
|
|
40563
40531
|
const {
|
|
40564
40532
|
show,
|
|
40565
|
-
color
|
|
40566
|
-
tooltip
|
|
40533
|
+
color
|
|
40567
40534
|
} = value;
|
|
40568
40535
|
|
|
40569
40536
|
// Only show the dot if show is true
|
|
40570
40537
|
if (!show) return null;
|
|
40571
|
-
return /*#__PURE__*/React$1.createElement(
|
|
40572
|
-
ref: el => {
|
|
40573
|
-
if (el && tooltip && tooltip.trim() !== "") {
|
|
40574
|
-
try {
|
|
40575
|
-
const rect = el.getBoundingClientRect();
|
|
40576
|
-
if (rect.width > 0 && rect.height > 0) {
|
|
40577
|
-
const tooltipInfo = calculateTooltipOffset(tooltip);
|
|
40578
|
-
if (tooltipInfo) {
|
|
40579
|
-
const {
|
|
40580
|
-
offset,
|
|
40581
|
-
height
|
|
40582
|
-
} = tooltipInfo;
|
|
40583
|
-
el.style.setProperty("--tooltip-top", `${rect.top}px`);
|
|
40584
|
-
el.style.setProperty("--tooltip-left", `${rect.left}px`);
|
|
40585
|
-
el.style.setProperty("--tooltip-width", `${rect.width}px`);
|
|
40586
|
-
el.style.setProperty("--tooltip-offset", `${offset}px`);
|
|
40587
|
-
el.style.setProperty("--tooltip-height", `${height}px`);
|
|
40588
|
-
el.setAttribute("data-tooltip", tooltip);
|
|
40589
|
-
}
|
|
40590
|
-
}
|
|
40591
|
-
} catch (e) {
|
|
40592
|
-
console.warn("Error applying dotIndicator tooltip:", e);
|
|
40593
|
-
}
|
|
40594
|
-
}
|
|
40595
|
-
}
|
|
40596
|
-
}, /*#__PURE__*/React$1.createElement(StatusCellCircle, {
|
|
40538
|
+
return /*#__PURE__*/React$1.createElement(StatusCellCircle, {
|
|
40597
40539
|
backgroundColor: color
|
|
40598
|
-
})
|
|
40540
|
+
});
|
|
40599
40541
|
} catch (e) {
|
|
40600
40542
|
console.warn('Error formatting dotIndicator:', e);
|
|
40601
40543
|
return null;
|
|
@@ -40607,7 +40549,7 @@ const TableBody = /*#__PURE__*/forwardRef(({
|
|
|
40607
40549
|
style: {
|
|
40608
40550
|
color: isDefine ? "#8B8989" : "inherit"
|
|
40609
40551
|
}
|
|
40610
|
-
}, value
|
|
40552
|
+
}, value ?? "Define"), /*#__PURE__*/React$1.createElement(PencilButton, {
|
|
40611
40553
|
onClick: e => {
|
|
40612
40554
|
e.stopPropagation();
|
|
40613
40555
|
handleEditableClick(row, column.key, value, rowIndex);
|
|
@@ -44490,7 +44432,6 @@ const Table = props => {
|
|
|
44490
44432
|
noEventsSubtitle = "Let's get started and create your first one!",
|
|
44491
44433
|
noEventsButtonText = "New Event",
|
|
44492
44434
|
noEventsButtonIcon = "Plus",
|
|
44493
|
-
disableNoEventsButton = false,
|
|
44494
44435
|
showNoEventsButton = true,
|
|
44495
44436
|
indexToShimmer = -1,
|
|
44496
44437
|
resetFocusIndex,
|
|
@@ -44674,7 +44615,6 @@ const Table = props => {
|
|
|
44674
44615
|
height: "45px",
|
|
44675
44616
|
leftIcon: noEventsButtonIcon,
|
|
44676
44617
|
text: noEventsButtonText,
|
|
44677
|
-
disabled: disableNoEventsButton,
|
|
44678
44618
|
borderRadius: "12px",
|
|
44679
44619
|
borderColor: buttonColor,
|
|
44680
44620
|
hoverBorderColor: buttonHoverColor,
|