fis-component 0.0.56 → 0.0.57

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/esm/index.js CHANGED
@@ -73291,7 +73291,7 @@ function isMenuSize(value) {
73291
73291
  return value === "sm" || value === "md";
73292
73292
  }
73293
73293
 
73294
- const FISSelect = forwardRef(({ className, size = "md", options, value, disabled = false, textLabel = "", iconLabel, required, negative, message, positive, multi, placeholderSearch, loading, onChange, renderOption, onClickIconLabel, displayValue, multiDisplayText, searchValue, onSearchChange, portal, ...restProps }, ref) => {
73294
+ const FISSelect = forwardRef(({ className, style, size = "md", options, value, disabled = false, textLabel = "", iconLabel, required, negative, message, positive, multi, placeholderSearch, loading, onChange, renderOption, onClickIconLabel, displayValue, multiDisplayText, searchValue, onSearchChange, portal, ...restProps }, ref) => {
73295
73295
  const [isOpen, setIsOpen] = useState(false);
73296
73296
  const [referenceElement, setReferenceElement] = useState(null);
73297
73297
  const [popperElement, setPopperElement] = useState(null);
@@ -73426,7 +73426,7 @@ const FISSelect = forwardRef(({ className, size = "md", options, value, disabled
73426
73426
  document.addEventListener("mousedown", handleClickOutside);
73427
73427
  return () => document.removeEventListener("mousedown", handleClickOutside);
73428
73428
  }, [referenceElement, popperElement]);
73429
- return (jsxs(DivWrapperSC$1, { className: className, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsx(DivInputWrapperSC, { ref: setReferenceElement, onClick: handleToggle, children: jsx(FISSelectItem, { ...restProps, ref: ref, size: size, iconSuffix: isOpen ? jsx(ArrowUpIcon, {}) : jsx(ArrowDownIcon, {}), value: computedDisplayValue, disabled: disabled, activeDropdown: isOpen }) }), message && (jsx(SpanHintSC$3, { className: classNames({ disabled, negative, positive }), children: message })), multi && value.length > 0 && (jsx(SelectedTagsWrapper, { children: jsx(MultipleValue, { options: selectedItems, onRemove: handleOptionRemove }) })), isOpen && (jsx(Portal, { portal: portal, children: jsx(DivDropdownMenuSC, { ref: setPopperElement, style: {
73429
+ return (jsxs(DivWrapperSC$1, { className: className, style: style, children: [(textLabel || iconLabel) && (jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsx(DivInputWrapperSC, { ref: setReferenceElement, onClick: handleToggle, children: jsx(FISSelectItem, { ...restProps, ref: ref, size: size, iconSuffix: isOpen ? jsx(ArrowUpIcon, {}) : jsx(ArrowDownIcon, {}), value: computedDisplayValue, disabled: disabled, activeDropdown: isOpen }) }), message && (jsx(SpanHintSC$3, { className: classNames({ disabled, negative, positive }), children: message })), multi && value.length > 0 && (jsx(SelectedTagsWrapper, { children: jsx(MultipleValue, { options: selectedItems, onRemove: handleOptionRemove }) })), isOpen && (jsx(Portal, { portal: portal, children: jsx(DivDropdownMenuSC, { ref: setPopperElement, style: {
73430
73430
  ...styles.popper,
73431
73431
  width: referenceElement?.offsetWidth,
73432
73432
  zIndex: 9999,
@@ -73450,7 +73450,6 @@ const useToast = () => {
73450
73450
  return context;
73451
73451
  };
73452
73452
 
73453
- // import FISSelect from "../Select";
73454
73453
  const PaginationAntdSC = styled(Pagination) `
73455
73454
  display: flex;
73456
73455
  align-items: center;
@@ -73574,10 +73573,6 @@ const SpanTotalSC = styled.span `
73574
73573
  ${getTheme("Paragraph/Sm")};
73575
73574
  color: ${getTheme("com/pagination/range-number/label/color-text")} !important;
73576
73575
  `;
73577
- // export const SelectPageSizeSC = styled(FISSelect)`
73578
- // // fixed
73579
- // width: 100px;
73580
- // `;
73581
73576
 
73582
73577
  const LIMIT_DEFAULT = 10;
73583
73578
  const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minimize, recordCounted, onIconPageRecordClick, showTotal, ...rest }) => {
@@ -73609,7 +73604,7 @@ const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minim
73609
73604
  }
73610
73605
  return originalElement;
73611
73606
  };
73612
- 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, { size: "xs", options: [
73607
+ 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: "92px" }, size: "xs", options: [
73613
73608
  {
73614
73609
  groupLabel: "",
73615
73610
  items: (rest.pageSizeOptions || [10, 20, 50, 100]).map((size) => ({