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.esm.js +64 -45
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +64 -45
- package/dist/index.js.map +1 -1
- package/dist/types/components/Table/data.d.ts +23 -0
- package/package.json +1 -1
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
|
-
${
|
|
12267
|
-
|
|
12268
|
-
|
|
12269
|
-
|
|
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
|
-
|
|
24179
|
-
|
|
24180
|
-
|
|
24181
|
-
|
|
24182
|
-
|
|
24183
|
-
|
|
24184
|
-
|
|
24185
|
-
|
|
24186
|
-
|
|
24187
|
-
|
|
24188
|
-
|
|
24189
|
-
|
|
24190
|
-
|
|
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
|
-
|
|
24650
|
-
|
|
24651
|
-
|
|
24652
|
-
|
|
24653
|
-
|
|
24654
|
-
|
|
24655
|
-
|
|
24656
|
-
|
|
24657
|
-
|
|
24658
|
-
|
|
24659
|
-
|
|
24660
|
-
|
|
24661
|
-
|
|
24662
|
-
|
|
24663
|
-
|
|
24664
|
-
|
|
24665
|
-
|
|
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,
|