fis-component 0.0.62 → 0.0.64

package/dist/cjs/index.js

@@ -61477,7 +61477,7 @@ FISProgressCircular.displayName = "FISProgressCircular";
 
 const FISIconButton = React.forwardRef((props, ref) => {
     const { type, children, active = false, size = "md", variant = "primary", icon: iconProp, loading = false, disabled = false, ...rest } = props;
-    return (jsxRuntime.jsx(ButtonStyled, { ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: loading ? (jsxRuntime.jsx(FISProgressCircular, { size: size, variant: "indeterminate", invert: variant === "primary-white" ||
+    return (jsxRuntime.jsx(ButtonStyled, { type: "button", ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: loading ? (jsxRuntime.jsx(FISProgressCircular, { size: size, variant: "indeterminate", invert: variant === "primary-white" ||
                 variant === "secondary-white" ||
                 variant === "secondary-invisible-white" })) : (iconProp) }));
 });
@@ -62400,7 +62400,7 @@ const FISButton = React.forwardRef((props, ref) => {
     const { active, type, children, size = "md", variant = "primary", loading, disabled = false, startIcon: startIconProp, endIcon: endIconProp, ...rest } = props;
     const startIcon = startIconProp && jsxRuntime.jsx(SpanIconSC$2, { children: startIconProp });
     const endIcon = endIconProp && jsxRuntime.jsx(SpanIconSC$2, { children: endIconProp });
-    return (jsxRuntime.jsxs(ButtonSC, { ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: [loading && (jsxRuntime.jsx(ProgressCircularSC$1, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white" })), startIcon, jsxRuntime.jsx("span", { className: "button-content", children: children }), endIcon] }));
+    return (jsxRuntime.jsxs(ButtonSC, { type: "button", ...rest, ref: ref, "$variant": variant, "$size": size, "$active": active, "$loading": loading, disabled: disabled || loading, children: [loading && (jsxRuntime.jsx(ProgressCircularSC$1, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white" })), startIcon, jsxRuntime.jsx("span", { className: "button-content", children: children }), endIcon] }));
 });
 FISButton.displayName = "FISButton";
 
@@ -63709,7 +63709,7 @@ const DivIconDotSC = styled.div `
 
 const MAX_VISIBLE_ITEMS = 4;
 const BreadcrumbItem = React.forwardRef(({ label, icon, active, onClick, ...rest }, ref) => {
-    return (jsxRuntime.jsxs(ButtonItemSC, { ...rest, ref: ref, onClick: onClick, "$active": active, children: [icon && jsxRuntime.jsx(DivIconSC$3, { children: icon }), label && jsxRuntime.jsx(SpanLabelSC$1, { children: label })] }));
+    return (jsxRuntime.jsxs(ButtonItemSC, { type: "button", ...rest, ref: ref, onClick: onClick, "$active": active, children: [icon && jsxRuntime.jsx(DivIconSC$3, { children: icon }), label && jsxRuntime.jsx(SpanLabelSC$1, { children: label })] }));
 });
 const BreadcrumbEllipsis = () => (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DivIconDotSC, { children: jsxRuntime.jsx(DotIcon, {}) }), jsxRuntime.jsx(SeparatorIcon, {})] }));
 const FISBreadcrumb = ({ items, className }) => {
@@ -73043,7 +73043,7 @@ const ProgressCircularSC = styled(FISProgressCircular) `
 `;
 
 const SplitButtonItem = ({ icon, label, size, variant, onButtonClick, disabled = false, activeButton = false, loading = false, ...props }) => {
-    return (jsxRuntime.jsxs(ButtonItem, { ...props, onClick: onButtonClick, "$size": size, disabled: disabled, "$variant": variant, "$active": activeButton, "$loading": loading, children: [loading && (jsxRuntime.jsx(ProgressCircularSC, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white", "aria-label": "Loading" })), icon && !(size === "xs") && (jsxRuntime.jsx(DivIcon, { "$size": size, "$variant": variant, "$loading": loading, children: icon })), label && (jsxRuntime.jsx(SpanLabel, { "$size": size, "$variant": variant, "$loading": loading, children: label }))] }));
+    return (jsxRuntime.jsxs(ButtonItem, { type: "button", ...props, onClick: onButtonClick, "$size": size, disabled: disabled, "$variant": variant, "$active": activeButton, "$loading": loading, children: [loading && (jsxRuntime.jsx(ProgressCircularSC, { size: size, variant: "indeterminate", invert: variant === "primary-white" || variant === "secondary-white", "aria-label": "Loading" })), icon && !(size === "xs") && (jsxRuntime.jsx(DivIcon, { "$size": size, "$variant": variant, "$loading": loading, children: icon })), label && (jsxRuntime.jsx(SpanLabel, { "$size": size, "$variant": variant, "$loading": loading, children: label }))] }));
 };
 var SplitButtonItem$1 = React.memo(SplitButtonItem);
 
@@ -73370,7 +73370,7 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
         ];
     }, [options, value, multi]);
     const selectedItems = React.useMemo(() => {
-        const allItems = originalOptionsRef.current.flatMap((group) => group.items);
+        const allItems = options.flatMap((group) => group.items);
         if (multi) {
             return allItems.filter((item) => value.includes(item.value));
         }
@@ -73378,7 +73378,7 @@ const FISSelect = React.forwardRef(({ className, style, size = "md", options, va
             const found = allItems.find((item) => item.value === value);
             return found ? [found] : [];
         }
-    }, [value, multi]);
+    }, [value, multi, options]);
     const computedDisplayValue = () => {
         if (multi) {
             const count = value.length;
@@ -73639,7 +73639,7 @@ const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minim
         }
         return originalElement;
     };
-    return (jsxRuntime.jsxs(DivPaginationContainer, { children: [jsxRuntime.jsx(SpanTotalSC, { children: showTotal ? showTotal(total, rangeRecords) : defaultShowTotal }), jsxRuntime.jsxs(DivPaginationContent, { children: [jsxRuntime.jsx(PaginationAntdSC, { ...mergedProps, "$minimize": Boolean(minimize), showSizeChanger: false, itemRender: itemRender }), jsxRuntime.jsx(FISSelect, { style: { width: "94px" }, size: "xs", options: [
+    return (jsxRuntime.jsxs(DivPaginationContainer, { children: [jsxRuntime.jsx(SpanTotalSC, { children: showTotal ? showTotal(total, rangeRecords) : defaultShowTotal }), jsxRuntime.jsxs(DivPaginationContent, { children: [jsxRuntime.jsx(PaginationAntdSC, { ...mergedProps, "$minimize": Boolean(minimize), showSizeChanger: false, itemRender: itemRender }), jsxRuntime.jsx(FISSelect, { style: { width: "100px" }, size: "xs", options: [
                             {
                                 groupLabel: "",
                                 items: (rest.pageSizeOptions || [10, 20, 50, 100]).map((size) => ({