sag_components 2.0.0-beta220 → 2.0.0-beta221

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
@@ -12263,16 +12263,13 @@ const Td$1 = styled__default["default"].td`
12263
12263
  `;
12264
12264
  const Tr = styled__default["default"].tr`
12265
12265
  border-bottom: 1px solid #f3f4f6;
12266
- ${_ref => {
12267
- let {
12268
- enableHover,
12269
- selectHoverColor
12270
- } = _ref;
12271
- return enableHover && `&:hover {
12266
+ ${({
12267
+ enableHover,
12268
+ selectHoverColor
12269
+ }) => enableHover && `&:hover {
12272
12270
  background-color: ${selectHoverColor};
12273
12271
  cursor: pointer;
12274
- }`;
12275
- }}
12272
+ }`}
12276
12273
  `;
12277
12274
  const InfoText = styled__default["default"].div`
12278
12275
  font-weight: 400;
@@ -24174,21 +24171,22 @@ const DeleteIcon = styled__default["default"].div`
24174
24171
  position: absolute;
24175
24172
  `;
24176
24173
 
24177
- const QuickFilterDropdownSingle = ({
24178
- label,
24179
- hoverColor,
24180
- options,
24181
- selectedValue,
24182
- placeHolder,
24183
- onChange,
24184
- disabled,
24185
- width,
24186
- error,
24187
- errorMessage,
24188
- xIconShow,
24189
- labelColor,
24190
- showLabelOnTop
24191
- }) => {
24174
+ const QuickFilterDropdownSingle = _ref => {
24175
+ let {
24176
+ label,
24177
+ hoverColor,
24178
+ options,
24179
+ selectedValue,
24180
+ placeHolder,
24181
+ onChange,
24182
+ disabled,
24183
+ width,
24184
+ error,
24185
+ errorMessage,
24186
+ xIconShow,
24187
+ labelColor,
24188
+ showLabelOnTop
24189
+ } = _ref;
24192
24190
  const [isFocused, setIsFocused] = React$1.useState(false);
24193
24191
  const [showOptions, setShowOptions] = React$1.useState(false);
24194
24192
  const [inputValue, setInputValue] = React$1.useState("");
@@ -24645,25 +24643,26 @@ const IconContainer$2 = styled__default["default"].div`
24645
24643
  cursor: pointer;
24646
24644
  `;
24647
24645
 
24648
- const QuickFilterDropdownMultiSelection = ({
24649
- label,
24650
- labelEmptyValue,
24651
- options,
24652
- selectedValue,
24653
- placeHolder,
24654
- onChange,
24655
- required,
24656
- disabled,
24657
- width,
24658
- height,
24659
- error,
24660
- errorMessage,
24661
- labelColor,
24662
- xIconShow,
24663
- checkBoxColor,
24664
- showLabelOnTop,
24665
- dropdownHeight
24666
- }) => {
24646
+ const QuickFilterDropdownMultiSelection = _ref => {
24647
+ let {
24648
+ label,
24649
+ labelEmptyValue,
24650
+ options,
24651
+ selectedValue,
24652
+ placeHolder,
24653
+ onChange,
24654
+ required,
24655
+ disabled,
24656
+ width,
24657
+ height,
24658
+ error,
24659
+ errorMessage,
24660
+ labelColor,
24661
+ xIconShow,
24662
+ checkBoxColor,
24663
+ showLabelOnTop,
24664
+ dropdownHeight
24665
+ } = _ref;
24667
24666
  const [isFocused, setIsFocused] = React$1.useState(false);
24668
24667
  const [showOptions, setShowOptions] = React$1.useState(false);
24669
24668
  const [inputValue, setInputValue] = React$1.useState('');
@@ -36147,9 +36146,9 @@ const ToggleSlider = styled__default["default"].span`
36147
36146
  }
36148
36147
  `;
36149
36148
 
36150
- /**
36151
- * ToggleSwitch component for on/off states.
36152
- * Supports small/large sizes and disabled state.
36149
+ /**
36150
+ * ToggleSwitch component for on/off states.
36151
+ * Supports small/large sizes and disabled state.
36153
36152
  */
36154
36153
  function ToggleSwitch(_ref) {
36155
36154
  let {
@@ -40477,6 +40476,24 @@ const TableBody = /*#__PURE__*/React$1.forwardRef(({
40477
40476
  console.warn('Error formatting tag:', e);
40478
40477
  return String(value || "");
40479
40478
  }
40479
+ case "dotindicator":
40480
+ try {
40481
+ // Check if value is an object with show and color properties
40482
+ if (!value || typeof value !== 'object') return null;
40483
+ const {
40484
+ show,
40485
+ color
40486
+ } = value;
40487
+
40488
+ // Only show the dot if show is true
40489
+ if (!show) return null;
40490
+ return /*#__PURE__*/React__default["default"].createElement(StatusCellCircle, {
40491
+ backgroundColor: color
40492
+ });
40493
+ } catch (e) {
40494
+ console.warn('Error formatting dotIndicator:', e);
40495
+ return null;
40496
+ }
40480
40497
  case "packagestatus":
40481
40498
  try {
40482
40499
  const applyTooltipLogic = (element, tooltipText) => {
@@ -44380,6 +44397,7 @@ const Table = props => {
44380
44397
  onHeaderCheckboxClick = () => {},
44381
44398
  headerCheckboxStates = {},
44382
44399
  onHeroClick = () => {},
44400
+ dotIndicatorColor = '#34D399',
44383
44401
  // Accept ref as a regular prop
44384
44402
  ref = null
44385
44403
  } = props;
@@ -44514,6 +44532,7 @@ const Table = props => {
44514
44532
  columns: columns,
44515
44533
  indexToShimmer: indexToShimmer,
44516
44534
  data: data,
44535
+ dotIndicatorColor: dotIndicatorColor,
44517
44536
  selectedColor: selectedColor,
44518
44537
  onRowClick: onRowClick,
44519
44538
  onSendClick: onSendClick,