fis-component 0.0.45 → 0.0.47

package/dist/cjs/index.js

@@ -64623,7 +64623,7 @@ const DivContainerSC$7 = styled.div `
     cursor: default;
   }
 
-  &:hover:not(:has(.icon-suffix:hover)) {
+  &:hover:not(.disabled):not(:has(.icon-suffix:hover)) {
     outline-color: ${getTheme("com/input/field/default/border/hover")};
     background-color: ${getTheme("com/input/field/default/background/hover")};
 
@@ -64684,9 +64684,9 @@ const FISInputField = React.forwardRef(({ onClickSuffix, onClickPrefix, ...props
             dropdownPrefix: typePrefix === "dropdown",
             iconPrefix: iconPrefix,
             prefix: typePrefix === "prefix" || typePrefix === "dropdown",
-            suffix: typeSuffix === "suffix" ||
-                typeSuffix === "dropdown",
+            suffix: typeSuffix === "suffix" || typeSuffix === "dropdown",
             iconSuffix: typeSuffix === "icon",
+            disabled: disabled,
         }), children: [iconPrefix && typePrefix !== "prefix" && typePrefix !== "dropdown" && (jsxRuntime.jsx(DivIconSC$2, { className: classNames({
                     "input-text-lg": sizeInput === "lg",
                 }), children: iconPrefix })), typePrefix === "prefix" && (jsxRuntime.jsxs(DivPrefixSC, { onClick: onClickPrefix, className: classNames({ disabled: disabled }), children: [iconPrefix && jsxRuntime.jsx(DivIconPrefixSC$1, { children: iconPrefix }), labelPrefix && jsxRuntime.jsx(SpanTextPrefixSC, { children: labelPrefix })] })), typePrefix === "dropdown" && (jsxRuntime.jsxs(DivDropdownPreFixSC, { className: classNames({
@@ -71685,6 +71685,18 @@ const DivDateRangeContainerSC = styled.div `
     justify-content: center;
   }
 
+  ${(props) => props.$disabled &&
+    styled.css `
+      .ant-picker-range {
+        background-color: ${getTheme("com/input/field/disable/background-color")};
+        border-color: ${getTheme("com/input/field/disable/stroke-color")};
+
+        .ant-picker-suffix svg {
+          color: ${getTheme("com/button/disable/icon-color")};
+        }
+      }
+    `}
+
   ${(props) => {
     if (props.$negative) {
         return styled.css `
@@ -71734,12 +71746,12 @@ const DivSuffixIconSC = styled.div `
 `;
 
 const { RangePicker } = DatePicker;
-const FISDateRange = ({ placeholder = ["dd/mm/yyyy", "dd/mm/yyyy"], label, required = true, message, negative = false, positive = false, ...rest }) => {
+const FISDateRange = ({ placeholder = ["dd/mm/yyyy", "dd/mm/yyyy"], label, required = true, message, negative = false, positive = false, disabled = true, ...rest }) => {
     const [open, setOpen] = React.useState(false);
     const handleOpenCalendar = () => {
         setOpen(!open);
     };
-    return (jsxRuntime.jsxs(DivDateRangeContainerSC, { "$negative": negative, "$positive": positive, children: [label && jsxRuntime.jsx(FISInputLabel, { textLabel: label, required: required }), jsxRuntime.jsx(RangePicker, { open: open, onOpenChange: setOpen, placeholder: placeholder, separator: jsxRuntime.jsx(DivSeparatorIconSC, { "$negative": negative, children: jsxRuntime.jsx(ArrowRightIcon, {}) }), suffixIcon: jsxRuntime.jsx(DivSuffixIconSC, { children: jsxRuntime.jsx(FISIconButton, { size: "sm", variant: "tertiary-invisible", icon: jsxRuntime.jsx(CalendarIcon, {}), onClick: handleOpenCalendar }) }), ...rest }), message && (jsxRuntime.jsx("div", { className: "hint-box", children: jsxRuntime.jsx("div", { className: "hint-text", children: message }) }))] }));
+    return (jsxRuntime.jsxs(DivDateRangeContainerSC, { "$negative": negative, "$positive": positive, "$disabled": disabled, children: [label && jsxRuntime.jsx(FISInputLabel, { textLabel: label, required: required }), jsxRuntime.jsx(RangePicker, { open: open, onOpenChange: setOpen, placeholder: placeholder, disabled: disabled, separator: jsxRuntime.jsx(DivSeparatorIconSC, { "$negative": negative, children: jsxRuntime.jsx(ArrowRightIcon, {}) }), suffixIcon: jsxRuntime.jsx(DivSuffixIconSC, { children: jsxRuntime.jsx(FISIconButton, { disabled: disabled, size: "sm", variant: "tertiary-invisible", icon: jsxRuntime.jsx(CalendarIcon, {}), onClick: handleOpenCalendar }) }), ...rest }), message && (jsxRuntime.jsx("div", { className: "hint-box", children: jsxRuntime.jsx("div", { className: "hint-text", children: message }) }))] }));
 };
 FISDateRange.displayName = "FISDateRange";