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.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" : inputType,
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(DotIndicatorWrapper, {
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 ? `$${value}` : "Define"), /*#__PURE__*/React__default["default"].createElement(PencilButton, {
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,