@conveyorhq/arrow-ds 1.149.0 → 1.151.0

package/package.json

@@ -2,7 +2,7 @@
   "name": "@conveyorhq/arrow-ds",
   "author": "Conveyor",
   "license": "MIT",
-  "version": "1.149.0",
+  "version": "1.151.0",
   "description": "Arrow Design System",
   "repository": "https://github.com/conveyor/arrow-ds",
   "publishConfig": {

package/public/components/Floating/FloatingTooltip.d.ts

@@ -1,5 +1,5 @@
 import React, { HTMLProps, PropsWithChildren } from "react";
-import type { Placement, Strategy } from "@floating-ui/react";
+import type { OffsetOptions, Placement, Strategy } from "@floating-ui/react";
 import { PortalRootElementType } from "../Portal";
 interface FloatingTooltipOptions {
     initialOpen?: boolean;
@@ -8,8 +8,9 @@ interface FloatingTooltipOptions {
     onOpenChange?: (open: boolean) => void;
     strategy?: Strategy;
     disableShiftMiddleware?: boolean;
+    offset?: OffsetOptions;
 }
-export declare function useFloatingTooltip({ initialOpen, placement, open: controlledOpen, onOpenChange: setControlledOpen, strategy, disableShiftMiddleware, }?: FloatingTooltipOptions): any;
+export declare function useFloatingTooltip({ initialOpen, placement, open: controlledOpen, onOpenChange: setControlledOpen, strategy, disableShiftMiddleware, offset: offsetValue, }?: FloatingTooltipOptions): any;
 export declare const useFloatingTooltipState: any;
 export declare function FloatingTooltipRoot({ children, ...options }: PropsWithChildren<FloatingTooltipOptions>): React.JSX.Element;
 export declare const FloatingTooltipTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {

package/public/components/Floating/FloatingTooltip.js

@@ -35,7 +35,7 @@ const tokens_1 = require("../../style-dictionary/dist/tokens");
 const bem_1 = require("../../utilities/bem");
 const Box_1 = require("../Box");
 const cn = (0, bem_1.bemHOF)("FloatingTooltip");
-function useFloatingTooltip({ initialOpen = false, placement = "top", open: controlledOpen, onOpenChange: setControlledOpen, strategy, disableShiftMiddleware, } = {}) {
+function useFloatingTooltip({ initialOpen = false, placement = "top", open: controlledOpen, onOpenChange: setControlledOpen, strategy, disableShiftMiddleware, offset: offsetValue = 8, } = {}) {
     const [uncontrolledOpen, setUncontrolledOpen] = (0, react_1.useState)(initialOpen);
     const arrowRef = (0, react_1.useRef)(null);
     const open = controlledOpen !== null && controlledOpen !== void 0 ? controlledOpen : uncontrolledOpen;
@@ -47,7 +47,7 @@ function useFloatingTooltip({ initialOpen = false, placement = "top", open: cont
         onOpenChange: setOpen,
         whileElementsMounted: react_2.autoUpdate,
         middleware: [
-            (0, react_2.offset)(8),
+            (0, react_2.offset)(offsetValue),
             (0, react_2.flip)(),
             ...shiftMiddleware,
             (0, react_2.arrow)({ element: arrowRef }),

package/public/components/Table/Table.d.ts

@@ -13,11 +13,12 @@ interface TableProps extends React.HTMLProps<HTMLTableElement> {
     stickyColumn?: boolean;
     hasBatchActions?: boolean;
     spaceRows?: boolean;
+    shrinkFirstColumnPadding?: boolean;
     enableGridSizing?: boolean;
     gridSizing?: string | string[];
 }
 declare const Table: {
-    ({ children, className, onSort, outerBorder, sortColumnId, sortDirection, affixHeader, removeSpacerColumn, noResults, renderInModal, enableHorizontalScroll, stickyColumn, hasBatchActions, spaceRows, style, enableGridSizing, gridSizing, ...rest }: TableProps): React.JSX.Element;
+    ({ children, className, onSort, outerBorder, sortColumnId, sortDirection, affixHeader, removeSpacerColumn, noResults, renderInModal, enableHorizontalScroll, stickyColumn, hasBatchActions, spaceRows, shrinkFirstColumnPadding, style, enableGridSizing, gridSizing, ...rest }: TableProps): React.JSX.Element;
     Body: ({ className, children, ...rest }: React.HTMLProps<HTMLTableSectionElement>) => React.JSX.Element;
     Row: ({ className, children, selected, ...rest }: import("./TableRow").TableRowProps) => React.JSX.Element;
     Cell: React.FunctionComponent<import("./TableCell").TableCellProps>;

package/public/components/Table/Table.js

@@ -39,9 +39,9 @@ Object.defineProperty(exports, "SORT_DIRECTION", { enumerable: true, get: functi
 const bem_1 = require("../../utilities/bem");
 const cn = "Table";
 const wrapperCn = "TableWrapper";
-const Table = ({ children, className, onSort = () => { }, outerBorder = false, sortColumnId, sortDirection, affixHeader = false, removeSpacerColumn = false, noResults = false, renderInModal = false, enableHorizontalScroll = false, stickyColumn = false, hasBatchActions = false, spaceRows = false, style, enableGridSizing = false, gridSizing, ...rest }) => {
+const Table = ({ children, className, onSort = () => { }, outerBorder = false, sortColumnId, sortDirection, affixHeader = false, removeSpacerColumn = false, noResults = false, renderInModal = false, enableHorizontalScroll = false, stickyColumn = false, hasBatchActions = false, spaceRows = false, shrinkFirstColumnPadding = false, style, enableGridSizing = false, gridSizing, ...rest }) => {
     const wrapperClasses = (0, classnames_1.default)((0, bem_1.bem)(wrapperCn), enableHorizontalScroll && (0, bem_1.bem)(wrapperCn, { m: "enable-hscroll" }), spaceRows && (0, bem_1.bem)(wrapperCn, { m: "space-rows" }));
-    const classes = (0, classnames_1.default)((0, bem_1.bem)(cn), removeSpacerColumn && (0, bem_1.bem)(cn, { m: "remove-spacer" }), outerBorder && (0, bem_1.bem)(cn, { m: "outer-border" }), affixHeader && (0, bem_1.bem)(cn, { m: "affix-header" }), noResults && (0, bem_1.bem)(cn, { m: "no-results" }), stickyColumn && (0, bem_1.bem)(cn, { m: "sticky-column" }), hasBatchActions && (0, bem_1.bem)(cn, { m: "batch-actions" }), spaceRows && (0, bem_1.bem)(cn, { m: "space-rows" }), enableGridSizing && gridSizing && (0, bem_1.bem)(cn, { m: "grid-sizing" }), className);
+    const classes = (0, classnames_1.default)((0, bem_1.bem)(cn), removeSpacerColumn && (0, bem_1.bem)(cn, { m: "remove-spacer" }), outerBorder && (0, bem_1.bem)(cn, { m: "outer-border" }), affixHeader && (0, bem_1.bem)(cn, { m: "affix-header" }), noResults && (0, bem_1.bem)(cn, { m: "no-results" }), stickyColumn && (0, bem_1.bem)(cn, { m: "sticky-column" }), hasBatchActions && (0, bem_1.bem)(cn, { m: "batch-actions" }), spaceRows && (0, bem_1.bem)(cn, { m: "space-rows" }), enableGridSizing && gridSizing && (0, bem_1.bem)(cn, { m: "grid-sizing" }), shrinkFirstColumnPadding && (0, bem_1.bem)(cn, { m: "shrink-first-column" }), className);
     return (react_1.default.createElement(TableContext_1.default.Provider, { value: {
             handleSort: onSort,
             sortDirection,

package/public/css/styles.css

@@ -7260,10 +7260,16 @@ override built-in Image component classes */
   position: -webkit-sticky;
   position: sticky;
   z-index: 10;
-
   left: 56px;
 }
 
+.ads-Table.ads-Table--sticky-column.ads-Table--batch-actions.ads-Table--shrink-first-column
+  .ads-TableCell:nth-of-type(2),
+.ads-Table.ads-Table--sticky-column.ads-Table--batch-actions.ads-Table--shrink-first-column
+  .ads-TableHeaderCell:nth-of-type(2) {
+  left: 32px;
+}
+
 .ads-TableCell:first-of-type:not(:only-child), 
 .ads-TableHeaderCell:first-of-type, 
 .ads-Table.ads-Table--batch-actions .ads-TableCell:first-of-type, 
@@ -7271,6 +7277,15 @@ override built-in Image component classes */
   padding-left: 32px;
 }
 
+.ads-Table--shrink-first-column .ads-TableCell:first-of-type:not(:only-child), 
+.ads-Table--shrink-first-column .ads-TableHeaderCell:first-of-type, 
+.ads-Table.ads-Table--batch-actions.ads-Table--shrink-first-column
+  .ads-TableCell:first-of-type, 
+.ads-Table.ads-Table--batch-actions.ads-Table--shrink-first-column
+  .ads-TableHeaderCell:first-of-type {
+  padding-left: 8px;
+}
+
 .ads-Table.ads-Table--sticky-column .ads-TableCell:first-of-type,
 .ads-Table.ads-Table--sticky-column.ads-Table--batch-actions
   .ads-TableCell:nth-of-type(2) {
@@ -7281,6 +7296,13 @@ override built-in Image component classes */
 .ads-Table.ads-Table--sticky-column.ads-Table--batch-actions
   .ads-TableHeaderCell:nth-of-type(2) {
   box-shadow: 1px 0 0 #dee7ee, 3px -1px 0 rgb(234, 237, 239);
+}
+
+.ads-Table.ads-Table--sticky-column .ads-TableHeaderCell:first-of-type, 
+.ads-Table.ads-Table--sticky-column.ads-Table--batch-actions
+  .ads-TableHeaderCell:nth-of-type(2), 
+.ads-Table.ads-Table--sticky-column.ads-Table--batch-actions.ads-Table--shrink-first-column
+  .ads-TableHeaderCell:nth-of-type(2) {
   z-index: 20;
 }