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 +3 -8
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +3 -8
- package/dist/esm/index.js.map +1 -1
- package/package.json +1 -1
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) => ({
|