@clickhouse/click-ui 0.0.166 → 0.0.167
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/click-ui.es.js
CHANGED
|
@@ -38627,11 +38627,15 @@ const TableRow = styled.tr.withConfig({
|
|
|
38627
38627
|
theme: theme2,
|
|
38628
38628
|
$isDeleted,
|
|
38629
38629
|
$isDisabled,
|
|
38630
|
+
$isActive,
|
|
38630
38631
|
$rowHeight
|
|
38631
38632
|
}) => `
|
|
38632
38633
|
${$rowHeight ? `height: ${$rowHeight};` : ""}
|
|
38633
38634
|
background-color: ${theme2.click.table.row.color.background.default};
|
|
38634
38635
|
border-bottom: ${theme2.click.table.cell.stroke} solid ${theme2.click.table.row.color.stroke.default};
|
|
38636
|
+
|
|
38637
|
+
${$isActive && `background-color: ${theme2.click.table.row.color.background.active};`}
|
|
38638
|
+
|
|
38635
38639
|
&:active {
|
|
38636
38640
|
background-color: ${theme2.click.table.row.color.background.active};
|
|
38637
38641
|
}
|
|
@@ -38754,6 +38758,7 @@ const TableBodyRow = ({
|
|
|
38754
38758
|
onDelete,
|
|
38755
38759
|
onEdit,
|
|
38756
38760
|
isDeleted,
|
|
38761
|
+
isActive,
|
|
38757
38762
|
isDisabled,
|
|
38758
38763
|
size: size2,
|
|
38759
38764
|
actionsList,
|
|
@@ -38762,7 +38767,7 @@ const TableBodyRow = ({
|
|
|
38762
38767
|
}) => {
|
|
38763
38768
|
const isDeletable = typeof onDelete === "function";
|
|
38764
38769
|
const isEditable = typeof onEdit === "function";
|
|
38765
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow, { $isSelectable: isSelectable, $isDeleted: isDeleted, $isDisabled: isDisabled, $showActions: isDeletable || isEditable, $rowHeight: rowHeight, ...rowProps, children: [
|
|
38770
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow, { $isSelectable: isSelectable, $isDeleted: isDeleted, $isDisabled: isDisabled, $isActive: isActive, $showActions: isDeletable || isEditable, $rowHeight: rowHeight, ...rowProps, children: [
|
|
38766
38771
|
isSelectable && /* @__PURE__ */ jsxRuntimeExports.jsx(SelectData, { $size: size2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { checked: isSelected, onCheckedChange: onSelect }) }),
|
|
38767
38772
|
items.map(({
|
|
38768
38773
|
label,
|
package/dist/click-ui.umd.js
CHANGED
|
@@ -38644,11 +38644,15 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
38644
38644
|
theme: theme2,
|
|
38645
38645
|
$isDeleted,
|
|
38646
38646
|
$isDisabled,
|
|
38647
|
+
$isActive,
|
|
38647
38648
|
$rowHeight
|
|
38648
38649
|
}) => `
|
|
38649
38650
|
${$rowHeight ? `height: ${$rowHeight};` : ""}
|
|
38650
38651
|
background-color: ${theme2.click.table.row.color.background.default};
|
|
38651
38652
|
border-bottom: ${theme2.click.table.cell.stroke} solid ${theme2.click.table.row.color.stroke.default};
|
|
38653
|
+
|
|
38654
|
+
${$isActive && `background-color: ${theme2.click.table.row.color.background.active};`}
|
|
38655
|
+
|
|
38652
38656
|
&:active {
|
|
38653
38657
|
background-color: ${theme2.click.table.row.color.background.active};
|
|
38654
38658
|
}
|
|
@@ -38771,6 +38775,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
38771
38775
|
onDelete,
|
|
38772
38776
|
onEdit,
|
|
38773
38777
|
isDeleted,
|
|
38778
|
+
isActive,
|
|
38774
38779
|
isDisabled,
|
|
38775
38780
|
size: size2,
|
|
38776
38781
|
actionsList,
|
|
@@ -38779,7 +38784,7 @@ Defaulting to \`${$89eedd556c436f6a$var$DEFAULT_ORIENTATION}\`.`;
|
|
|
38779
38784
|
}) => {
|
|
38780
38785
|
const isDeletable = typeof onDelete === "function";
|
|
38781
38786
|
const isEditable = typeof onEdit === "function";
|
|
38782
|
-
return /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow, { $isSelectable: isSelectable, $isDeleted: isDeleted, $isDisabled: isDisabled, $showActions: isDeletable || isEditable, $rowHeight: rowHeight, ...rowProps, children: [
|
|
38787
|
+
return /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow, { $isSelectable: isSelectable, $isDeleted: isDeleted, $isDisabled: isDisabled, $isActive: isActive, $showActions: isDeletable || isEditable, $rowHeight: rowHeight, ...rowProps, children: [
|
|
38783
38788
|
isSelectable && /* @__PURE__ */ jsxRuntimeExports.jsx(SelectData, { $size: size2, children: /* @__PURE__ */ jsxRuntimeExports.jsx(Checkbox, { checked: isSelected, onCheckedChange: onSelect }) }),
|
|
38784
38789
|
items.map(({
|
|
38785
38790
|
label,
|
|
@@ -19,6 +19,7 @@ export interface TableRowType extends Omit<HTMLAttributes<HTMLTableRowElement>,
|
|
|
19
19
|
items: Array<TableCellType>;
|
|
20
20
|
isDisabled?: boolean;
|
|
21
21
|
isDeleted?: boolean;
|
|
22
|
+
isActive?: boolean;
|
|
22
23
|
}
|
|
23
24
|
interface CommonTableProps extends Omit<HTMLAttributes<HTMLTableElement>, "children" | "onSelect"> {
|
|
24
25
|
headers: Array<TableHeaderType>;
|