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/cjs/index.js CHANGED
@@ -73311,7 +73311,7 @@ function isMenuSize(value) {
73311
73311
  return value === "sm" || value === "md";
73312
73312
  }
73313
73313
 
73314
- const FISSelect = React.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) => {
73314
+ const FISSelect = React.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) => {
73315
73315
  const [isOpen, setIsOpen] = React.useState(false);
73316
73316
  const [referenceElement, setReferenceElement] = React.useState(null);
73317
73317
  const [popperElement, setPopperElement] = React.useState(null);
@@ -73446,7 +73446,7 @@ const FISSelect = React.forwardRef(({ className, size = "md", options, value, di
73446
73446
  document.addEventListener("mousedown", handleClickOutside);
73447
73447
  return () => document.removeEventListener("mousedown", handleClickOutside);
73448
73448
  }, [referenceElement, popperElement]);
73449
- return (jsxRuntime.jsxs(DivWrapperSC$1, { className: className, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsx(DivInputWrapperSC, { ref: setReferenceElement, onClick: handleToggle, children: jsxRuntime.jsx(FISSelectItem, { ...restProps, ref: ref, size: size, iconSuffix: isOpen ? jsxRuntime.jsx(ArrowUpIcon, {}) : jsxRuntime.jsx(ArrowDownIcon, {}), value: computedDisplayValue, disabled: disabled, activeDropdown: isOpen }) }), message && (jsxRuntime.jsx(SpanHintSC$3, { className: classNames({ disabled, negative, positive }), children: message })), multi && value.length > 0 && (jsxRuntime.jsx(SelectedTagsWrapper, { children: jsxRuntime.jsx(MultipleValue, { options: selectedItems, onRemove: handleOptionRemove }) })), isOpen && (jsxRuntime.jsx(Portal, { portal: portal, children: jsxRuntime.jsx(DivDropdownMenuSC, { ref: setPopperElement, style: {
73449
+ return (jsxRuntime.jsxs(DivWrapperSC$1, { className: className, style: style, children: [(textLabel || iconLabel) && (jsxRuntime.jsx(FISInputLabel, { textLabel: textLabel, required: required, iconLabel: iconLabel, onClickIconLabel: onClickIconLabel })), jsxRuntime.jsx(DivInputWrapperSC, { ref: setReferenceElement, onClick: handleToggle, children: jsxRuntime.jsx(FISSelectItem, { ...restProps, ref: ref, size: size, iconSuffix: isOpen ? jsxRuntime.jsx(ArrowUpIcon, {}) : jsxRuntime.jsx(ArrowDownIcon, {}), value: computedDisplayValue, disabled: disabled, activeDropdown: isOpen }) }), message && (jsxRuntime.jsx(SpanHintSC$3, { className: classNames({ disabled, negative, positive }), children: message })), multi && value.length > 0 && (jsxRuntime.jsx(SelectedTagsWrapper, { children: jsxRuntime.jsx(MultipleValue, { options: selectedItems, onRemove: handleOptionRemove }) })), isOpen && (jsxRuntime.jsx(Portal, { portal: portal, children: jsxRuntime.jsx(DivDropdownMenuSC, { ref: setPopperElement, style: {
73450
73450
  ...styles.popper,
73451
73451
  width: referenceElement?.offsetWidth,
73452
73452
  zIndex: 9999,
@@ -73470,7 +73470,6 @@ const useToast = () => {
73470
73470
  return context;
73471
73471
  };
73472
73472
 
73473
- // import FISSelect from "../Select";
73474
73473
  const PaginationAntdSC = styled(Pagination) `
73475
73474
  display: flex;
73476
73475
  align-items: center;
@@ -73594,10 +73593,6 @@ const SpanTotalSC = styled.span `
73594
73593
  ${getTheme("Paragraph/Sm")};
73595
73594
  color: ${getTheme("com/pagination/range-number/label/color-text")} !important;
73596
73595
  `;
73597
- // export const SelectPageSizeSC = styled(FISSelect)`
73598
- // // fixed
73599
- // width: 100px;
73600
- // `;
73601
73596
 
73602
73597
  const LIMIT_DEFAULT = 10;
73603
73598
  const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minimize, recordCounted, onIconPageRecordClick, showTotal, ...rest }) => {
@@ -73629,7 +73624,7 @@ const FISPagination = ({ pageSize = LIMIT_DEFAULT, current = 1, total = 0, minim
73629
73624
  }
73630
73625
  return originalElement;
73631
73626
  };
73632
- 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, { size: "xs", options: [
73627
+ 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: "92px" }, size: "xs", options: [
73633
73628
  {
73634
73629
  groupLabel: "",
73635
73630
  items: (rest.pageSizeOptions || [10, 20, 50, 100]).map((size) => ({