fis-component 0.0.44 → 0.0.46
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 +12 -5
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/types/src/components/Input/DateRange/index.d.ts +14 -2
- package/dist/esm/index.js +12 -5
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/src/components/Input/DateRange/index.d.ts +14 -2
- package/dist/index.d.ts +20 -2
- package/package.json +1 -1
|
@@ -1,12 +1,24 @@
|
|
|
1
1
|
export type DateRangeProps = {
|
|
2
2
|
className?: string;
|
|
3
|
-
placeholder?: [string, string];
|
|
4
3
|
label?: string;
|
|
5
4
|
required?: boolean;
|
|
6
5
|
message?: string;
|
|
7
6
|
negative?: boolean;
|
|
8
7
|
positive?: boolean;
|
|
9
|
-
|
|
8
|
+
placeholder?: [string, string];
|
|
9
|
+
} & React.ComponentProps<typeof RangePicker>;
|
|
10
|
+
declare const RangePicker: import("react").ForwardRefExoticComponent<Omit<import("rc-picker").RangePickerProps<import("dayjs").Dayjs>, "locale" | "generateConfig" | "hideHeader"> & {
|
|
11
|
+
locale?: import("antd/es/date-picker/generatePicker").PickerLocale;
|
|
12
|
+
size?: import("antd/es/button").ButtonSize;
|
|
13
|
+
placement?: "bottomLeft" | "bottomRight" | "topLeft" | "topRight";
|
|
14
|
+
bordered?: boolean;
|
|
15
|
+
status?: import("antd/es/_util/statusUtils").InputStatus;
|
|
16
|
+
variant?: import("antd/es/config-provider").Variant;
|
|
17
|
+
dropdownClassName?: string;
|
|
18
|
+
popupClassName?: string;
|
|
19
|
+
rootClassName?: string;
|
|
20
|
+
popupStyle?: React.CSSProperties;
|
|
21
|
+
} & import("react").RefAttributes<import("rc-picker").PickerRef>>;
|
|
10
22
|
declare const FISDateRange: {
|
|
11
23
|
({ placeholder, label, required, message, negative, positive, ...rest }: DateRangeProps): import("react/jsx-runtime").JSX.Element;
|
|
12
24
|
displayName: string;
|
package/dist/esm/index.js
CHANGED
|
@@ -64603,7 +64603,7 @@ const DivContainerSC$7 = styled.div `
|
|
|
64603
64603
|
cursor: default;
|
|
64604
64604
|
}
|
|
64605
64605
|
|
|
64606
|
-
&:hover:not(:has(.icon-suffix:hover)) {
|
|
64606
|
+
&:hover:not(.disabled):not(:has(.icon-suffix:hover)) {
|
|
64607
64607
|
outline-color: ${getTheme("com/input/field/default/border/hover")};
|
|
64608
64608
|
background-color: ${getTheme("com/input/field/default/background/hover")};
|
|
64609
64609
|
|
|
@@ -64664,9 +64664,9 @@ const FISInputField = forwardRef(({ onClickSuffix, onClickPrefix, ...props }, re
|
|
|
64664
64664
|
dropdownPrefix: typePrefix === "dropdown",
|
|
64665
64665
|
iconPrefix: iconPrefix,
|
|
64666
64666
|
prefix: typePrefix === "prefix" || typePrefix === "dropdown",
|
|
64667
|
-
suffix: typeSuffix === "suffix" ||
|
|
64668
|
-
typeSuffix === "dropdown",
|
|
64667
|
+
suffix: typeSuffix === "suffix" || typeSuffix === "dropdown",
|
|
64669
64668
|
iconSuffix: typeSuffix === "icon",
|
|
64669
|
+
disabled: disabled,
|
|
64670
64670
|
}), children: [iconPrefix && typePrefix !== "prefix" && typePrefix !== "dropdown" && (jsx(DivIconSC$2, { className: classNames({
|
|
64671
64671
|
"input-text-lg": sizeInput === "lg",
|
|
64672
64672
|
}), children: iconPrefix })), typePrefix === "prefix" && (jsxs(DivPrefixSC, { onClick: onClickPrefix, className: classNames({ disabled: disabled }), children: [iconPrefix && jsx(DivIconPrefixSC$1, { children: iconPrefix }), labelPrefix && jsx(SpanTextPrefixSC, { children: labelPrefix })] })), typePrefix === "dropdown" && (jsxs(DivDropdownPreFixSC, { className: classNames({
|
|
@@ -71195,10 +71195,14 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71195
71195
|
}
|
|
71196
71196
|
}}
|
|
71197
71197
|
|
|
71198
|
+
.title {
|
|
71199
|
+
padding: ${getTheme("com/table/title-cell/default/label/vertical-padding")}
|
|
71200
|
+
0 ${getTheme("com/table/title-cell/default/label/vertical-padding")} 0;
|
|
71201
|
+
}
|
|
71202
|
+
|
|
71198
71203
|
.cell-content {
|
|
71199
71204
|
display: flex;
|
|
71200
71205
|
justify-content: ${(props) => props.$textAlign === "right" ? "flex-end" : "space-between"};
|
|
71201
|
-
min-height: ${getTheme("com/segmented/item/active-surface/size-sm/height")};
|
|
71202
71206
|
width: 100%;
|
|
71203
71207
|
gap: ${getTheme("com/table/title-cell/default/label/vertical-gap")};
|
|
71204
71208
|
|
|
@@ -71260,7 +71264,7 @@ const DivHeaderCellContainerSC = styled.div `
|
|
|
71260
71264
|
`;
|
|
71261
71265
|
|
|
71262
71266
|
const FISTableHeaderCell = forwardRef(({ className, label, description, rightComponent, disabled, hasRightDivider = true, hasTruncateLabel = false, onlyIcon = false, textAlign = "left", ...rest }, ref) => {
|
|
71263
|
-
return (jsx(DivHeaderCellContainerSC, { ref: ref, className: classNames("header-cell-container", className), "$textAlign": textAlign, "$disabled": disabled, "$hasTruncateLabel": hasTruncateLabel, "$hasRightDivider": hasRightDivider, "$onlyIcon": onlyIcon, ...rest, children: jsxs("div", { className: "header-cell-content", children: [jsxs("div", { className: "cell-content", children: [label && jsx("div", { className: "label", children: label }), rightComponent && (jsx("div", { className: "right-component-father", children: jsx("div", { className: "right-component-child", children: rightComponent }) }))] }), jsx("div", { className: "cell-content", children: description && jsx("div", { className: "description", children: description }) })] }) }));
|
|
71267
|
+
return (jsx(DivHeaderCellContainerSC, { ref: ref, className: classNames("header-cell-container", className), "$textAlign": textAlign, "$disabled": disabled, "$hasTruncateLabel": hasTruncateLabel, "$hasRightDivider": hasRightDivider, "$onlyIcon": onlyIcon, ...rest, children: jsxs("div", { className: "header-cell-content", children: [jsxs("div", { className: "cell-content title", children: [label && jsx("div", { className: "label", children: label }), rightComponent && (jsx("div", { className: "right-component-father", children: jsx("div", { className: "right-component-child", children: rightComponent }) }))] }), jsx("div", { className: "cell-content", children: description && jsx("div", { className: "description", children: description }) })] }) }));
|
|
71264
71268
|
});
|
|
71265
71269
|
FISTableHeaderCell.displayName = "FISTableHeaderCell";
|
|
71266
71270
|
|
|
@@ -71407,6 +71411,9 @@ const DivColumnCellContainerSC = styled.div `
|
|
|
71407
71411
|
}
|
|
71408
71412
|
.left-right-content {
|
|
71409
71413
|
gap: ${getTheme("com/table/row-cell/horizontal-gap")};
|
|
71414
|
+
padding: ${getTheme("com/table/row-cell/default/vertical-padding")} 0
|
|
71415
|
+
${getTheme("com/table/row-cell/default/vertical-padding")} 0;
|
|
71416
|
+
|
|
71410
71417
|
.content-box {
|
|
71411
71418
|
display: flex;
|
|
71412
71419
|
justify-content: flex-start;
|