fis-component 0.0.63 → 0.0.65

package/dist/cjs/types/src/components/LinkButton/index.d.ts

@@ -18,6 +18,10 @@ export interface ButtonProps extends ComponentPropsWithoutRef<"button"> {
      * Defines the type of the button.
      */
     underline?: boolean;
+    /**
+     * If true, text will be truncated with ellipsis on single line
+     */
+    singleLine?: boolean;
 }
 declare const FISLinkButton: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
 export default FISLinkButton;

package/dist/cjs/types/src/components/LinkButton/styles.d.ts

@@ -3,6 +3,7 @@ interface ButtonProps {
     $variant?: ButtonVariant;
     $size: ButtonSize;
     $underline?: boolean;
+    $singleLine?: boolean;
 }
 export declare const LinkButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, ButtonProps>> & string;
 export declare const IconStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/dist/esm/index.js

@@ -60832,6 +60832,15 @@ const LinkButtonStyled = styled.button `
     css `
       text-decoration: underline;
     `}
+
+  ${(props) => props.$singleLine &&
+    css `
+      .button-content {
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+      }
+    `}
 `;
 const IconStyled$1 = styled.span `
   display: inline-flex;
@@ -60839,10 +60848,10 @@ const IconStyled$1 = styled.span `
 `;
 
 const FISLinkButton = forwardRef((props, ref) => {
-    const { type, children, size = "sm", variant = "default", underline, startIcon: startIconProp, endIcon: endIconProp, ...rest } = props;
+    const { children, size = "sm", variant = "default", underline, startIcon: startIconProp, endIcon: endIconProp, singleLine = false, ...rest } = props;
     const startIcon = startIconProp && (jsx(IconStyled$1, { className: "button-icon", children: startIconProp }));
     const endIcon = endIconProp && (jsx(IconStyled$1, { className: "button-icon", children: endIconProp }));
-    return (jsxs(LinkButtonStyled, { ...rest, ref: ref, "$variant": variant, "$size": size, "$underline": underline, children: [startIcon, jsx("span", { className: "button-content", children: children }), endIcon] }));
+    return (jsxs(LinkButtonStyled, { ...rest, ref: ref, "$variant": variant, "$size": size, "$underline": underline, "$singleLine": singleLine, children: [startIcon, jsx("span", { className: "button-content", children: children }), endIcon] }));
 });
 FISLinkButton.displayName = "FISLinkButton";
 
@@ -61456,8 +61465,8 @@ function FISProgressCircular({ variant, ...rest }) {
 FISProgressCircular.displayName = "FISProgressCircular";
 
 const FISIconButton = forwardRef((props, ref) => {
-    const { type, children, active = false, size = "md", variant = "primary", icon: iconProp, loading = false, disabled = false, ...rest } = props;
-    return (jsx(ButtonStyled, { ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: loading ? (jsx(FISProgressCircular, { size: size, variant: "indeterminate", invert: variant === "primary-white" ||
+    const { children, active = false, size = "md", variant = "primary", icon: iconProp, loading = false, disabled = false, ...rest } = props;
+    return (jsx(ButtonStyled, { type: "button", ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: loading ? (jsx(FISProgressCircular, { size: size, variant: "indeterminate", invert: variant === "primary-white" ||
                 variant === "secondary-white" ||
                 variant === "secondary-invisible-white" })) : (iconProp) }));
 });
@@ -62377,7 +62386,7 @@ const ProgressCircularSC$1 = styled(FISProgressCircular) `
 `;
 
 const FISButton = forwardRef((props, ref) => {
-    const { active, type, children, size = "md", variant = "primary", loading, disabled = false, startIcon: startIconProp, endIcon: endIconProp, ...rest } = props;
+    const { active, children, size = "md", variant = "primary", loading, disabled = false, startIcon: startIconProp, endIcon: endIconProp, ...rest } = props;
     const startIcon = startIconProp && jsx(SpanIconSC$2, { children: startIconProp });
     const endIcon = endIconProp && jsx(SpanIconSC$2, { children: endIconProp });
     return (jsxs(ButtonSC, { ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: [loading && (jsx(ProgressCircularSC$1, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white" })), startIcon, jsx("span", { className: "button-content", children: children }), endIcon] }));
@@ -63689,7 +63698,7 @@ const DivIconDotSC = styled.div `
 
 const MAX_VISIBLE_ITEMS = 4;
 const BreadcrumbItem = forwardRef(({ label, icon, active, onClick, ...rest }, ref) => {
-    return (jsxs(ButtonItemSC, { ...rest, ref: ref, onClick: onClick, "$active": active, children: [icon && jsx(DivIconSC$3, { children: icon }), label && jsx(SpanLabelSC$1, { children: label })] }));
+    return (jsxs(ButtonItemSC, { type: "button", ...rest, ref: ref, onClick: onClick, "$active": active, children: [icon && jsx(DivIconSC$3, { children: icon }), label && jsx(SpanLabelSC$1, { children: label })] }));
 });
 const BreadcrumbEllipsis = () => (jsxs(Fragment, { children: [jsx(DivIconDotSC, { children: jsx(DotIcon, {}) }), jsx(SeparatorIcon, {})] }));
 const FISBreadcrumb = ({ items, className }) => {
@@ -73023,7 +73032,7 @@ const ProgressCircularSC = styled(FISProgressCircular) `
 `;
 
 const SplitButtonItem = ({ icon, label, size, variant, onButtonClick, disabled = false, activeButton = false, loading = false, ...props }) => {
-    return (jsxs(ButtonItem, { ...props, onClick: onButtonClick, "$size": size, disabled: disabled, "$variant": variant, "$active": activeButton, "$loading": loading, children: [loading && (jsx(ProgressCircularSC, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white", "aria-label": "Loading" })), icon && !(size === "xs") && (jsx(DivIcon, { "$size": size, "$variant": variant, "$loading": loading, children: icon })), label && (jsx(SpanLabel, { "$size": size, "$variant": variant, "$loading": loading, children: label }))] }));
+    return (jsxs(ButtonItem, { type: "button", ...props, onClick: onButtonClick, "$size": size, disabled: disabled, "$variant": variant, "$active": activeButton, "$loading": loading, children: [loading && (jsx(ProgressCircularSC, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white", "aria-label": "Loading" })), icon && !(size === "xs") && (jsx(DivIcon, { "$size": size, "$variant": variant, "$loading": loading, children: icon })), label && (jsx(SpanLabel, { "$size": size, "$variant": variant, "$loading": loading, children: label }))] }));
 };
 var SplitButtonItem$1 = memo(SplitButtonItem);
 
@@ -73619,7 +73628,7 @@ const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minim
         }
         return originalElement;
     };
-    return (jsxs(DivPaginationContainer, { children: [jsx(SpanTotalSC, { children: showTotal ? showTotal(total, rangeRecords) : defaultShowTotal }), jsxs(DivPaginationContent, { children: [jsx(PaginationAntdSC, { ...mergedProps, "$minimize": Boolean(minimize), showSizeChanger: false, itemRender: itemRender }), jsx(FISSelect, { style: { width: "94px" }, size: "xs", options: [
+    return (jsxs(DivPaginationContainer, { children: [jsx(SpanTotalSC, { children: showTotal ? showTotal(total, rangeRecords) : defaultShowTotal }), jsxs(DivPaginationContent, { children: [jsx(PaginationAntdSC, { ...mergedProps, "$minimize": Boolean(minimize), showSizeChanger: false, itemRender: itemRender }), jsx(FISSelect, { style: { width: "100px" }, size: "xs", options: [
                             {
                                 groupLabel: "",
                                 items: (rest.pageSizeOptions || [10, 20, 50, 100]).map((size) => ({