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 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, inputType, onChange, onClick, onBlur, required, disabled, isDarkerBackground, width, height, error, errorMessage, labelColor, leftIcon, rightIcon, password, leftIconOnClick, rightIconOnClick, multiline, rows, maxLength, regex, onKeyDown, }: {
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" : inputType,
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(DotIndicatorWrapper, {
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 ? `$${value}` : "Define"), /*#__PURE__*/React$1.createElement(PencilButton, {
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,