fis-component 0.1.11 → 0.1.13

package/dist/cjs/types/src/components/Input/InputStepper/InputStepper.stories.d.ts

@@ -26,6 +26,9 @@ declare const meta: {
         onChange?: ((value: number) => void) | undefined;
         name?: string | undefined | undefined;
         dir?: string | undefined | undefined;
+        form?: string | undefined | undefined;
+        slot?: string | undefined | undefined;
+        pattern?: string | undefined | undefined;
         key?: import("react").Key | null | undefined;
         defaultChecked?: boolean | undefined | undefined;
         suppressContentEditableWarning?: boolean | undefined | undefined;
@@ -42,7 +45,6 @@ declare const meta: {
         id?: string | undefined | undefined;
         lang?: string | undefined | undefined;
         nonce?: string | undefined | undefined;
-        slot?: string | undefined | undefined;
         spellCheck?: (boolean | "false" | "true") | undefined;
         style?: import("react").CSSProperties | undefined;
         tabIndex?: number | undefined | undefined;
@@ -296,7 +298,6 @@ declare const meta: {
         width?: number | string | undefined | undefined;
         size?: number | undefined | undefined;
         multiple?: boolean | undefined | undefined;
-        form?: string | undefined | undefined;
         formAction?: string | undefined;
         formEncType?: string | undefined | undefined;
         formMethod?: string | undefined | undefined;
@@ -304,16 +305,15 @@ declare const meta: {
         formTarget?: string | undefined | undefined;
         type?: import("react").HTMLInputTypeAttribute | undefined;
         value?: string | number | readonly string[] | undefined;
-        pattern?: string | undefined | undefined;
         autoComplete?: import("react").HTMLInputAutoCompleteAttribute | undefined;
-        maxLength?: number | undefined | undefined;
-        minLength?: number | undefined | undefined;
-        placeholder?: string | undefined | undefined;
-        required?: boolean | undefined | undefined;
         accept?: string | undefined | undefined;
         capture?: boolean | "user" | "environment" | undefined | undefined;
         checked?: boolean | undefined | undefined;
         list?: string | undefined | undefined;
+        maxLength?: number | undefined | undefined;
+        minLength?: number | undefined | undefined;
+        placeholder?: string | undefined | undefined;
+        required?: boolean | undefined | undefined;
         textLabel?: string | undefined;
         iconLabel?: import("react").ReactNode;
         onClickIconLabel?: (() => void) | undefined;

package/dist/cjs/types/src/components/Text/index.d.ts

@@ -4,6 +4,7 @@ export interface FISTextPropsI extends React.HTMLAttributes<HTMLElement> {
     variant?: keyof ThemeType;
     tag?: keyof JSX.IntrinsicElements;
     color?: keyof ThemeType;
+    as?: keyof JSX.IntrinsicElements;
 }
 declare const FISText: React.ForwardRefExoticComponent<FISTextPropsI & React.RefAttributes<any>>;
 export default FISText;

package/dist/esm/index.js

@@ -10035,7 +10035,7 @@ function genStyleUtils(config) {
 
 const PresetColors = ['blue', 'purple', 'cyan', 'green', 'magenta', 'pink', 'red', 'orange', 'yellow', 'volcano', 'geekblue', 'lime', 'gold'];
 
-var version$1 = '5.29.1';
+var version$1 = '5.29.3';
 
 function isStableColor(color) {
   return color >= 0 && color <= 255;
@@ -17379,20 +17379,32 @@ const InternalCompoundedButton = /*#__PURE__*/React__default.forwardRef((props,
   const fullStyle = Object.assign(Object.assign({}, contextStyle), customStyle);
   const iconClasses = classNames(customClassNames === null || customClassNames === void 0 ? void 0 : customClassNames.icon, contextClassNames.icon);
   const iconStyle = Object.assign(Object.assign({}, (styles === null || styles === void 0 ? void 0 : styles.icon) || {}), contextStyles.icon || {});
-  const iconNode = icon && !innerLoading ? (/*#__PURE__*/React__default.createElement(IconWrapper, {
-    prefixCls: prefixCls,
-    className: iconClasses,
-    style: iconStyle
-  }, icon)) : loading && typeof loading === 'object' && loading.icon ? (/*#__PURE__*/React__default.createElement(IconWrapper, {
+  /**
+   * Extract icon node
+   * If there is a custom icon and not in loading state: show custom icon
+   */
+  const iconWrapperElement = child => (/*#__PURE__*/React__default.createElement(IconWrapper, {
     prefixCls: prefixCls,
     className: iconClasses,
     style: iconStyle
-  }, loading.icon)) : (/*#__PURE__*/React__default.createElement(DefaultLoadingIcon, {
+  }, child));
+  const defaultLoadingIconElement = () => (/*#__PURE__*/React__default.createElement(DefaultLoadingIcon, {
     existIcon: !!icon,
     prefixCls: prefixCls,
     loading: innerLoading,
     mount: isMountRef.current
   }));
+  /**
+   * Using if-else statements can improve code readability without affecting future expansion.
+   */
+  let iconNode;
+  if (icon && !innerLoading) {
+    iconNode = iconWrapperElement(icon);
+  } else if (loading && typeof loading === 'object' && loading.icon) {
+    iconNode = iconWrapperElement(loading.icon);
+  } else {
+    iconNode = defaultLoadingIconElement();
+  }
   const kids = children || children === 0 ? spaceChildren(children, needInserted && mergedInsertSpace) : null;
   if (linkButtonRestProps.href !== undefined) {
     return wrapCSSVar(/*#__PURE__*/React__default.createElement("a", Object.assign({}, linkButtonRestProps, {
@@ -17835,6 +17847,7 @@ function newMessages() {
       float: '%s is not a %s',
       regexp: '%s is not a valid %s',
       email: '%s is not a valid %s',
+      tel: '%s is not a valid %s',
       url: '%s is not a valid %s',
       hex: '%s is not a valid %s'
     },
@@ -17973,7 +17986,7 @@ function format(template) {
   return template;
 }
 function isNativeStringType(type) {
-  return type === 'string' || type === 'url' || type === 'hex' || type === 'email' || type === 'date' || type === 'pattern';
+  return type === 'string' || type === 'url' || type === 'hex' || type === 'email' || type === 'date' || type === 'pattern' || type === 'tel';
 }
 function isEmptyValue(value, type) {
   if (value === undefined || value === null) {
@@ -18277,6 +18290,13 @@ var pattern$1 = {
   //   '^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$',
   //   'i',
   // ),
+  /**
+   * Phone number regex, support country code, brackets, spaces, and dashes (or non-breaking hyphen \u2011).
+   * @see https://regexr.com/3c53v
+   * @see https://ihateregex.io/expr/phone/
+   * @see https://developers.google.com/style/phone-numbers using non-breaking hyphen \u2011
+   */
+  tel: /^(\+[0-9]{1,3}[-\s\u2011]?)?(\([0-9]{1,4}\)[-\s\u2011]?)?([0-9]+[-\s\u2011]?)*[0-9]+$/,
   hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
 };
 var types = {
@@ -18317,6 +18337,9 @@ var types = {
   email: function email(value) {
     return typeof value === 'string' && value.length <= 320 && !!value.match(pattern$1.email);
   },
+  tel: function tel(value) {
+    return typeof value === 'string' && value.length <= 32 && !!value.match(pattern$1.tel);
+  },
   url: function url(value) {
     return typeof value === 'string' && value.length <= 2048 && !!value.match(getUrlRegex());
   },
@@ -18329,7 +18352,7 @@ var type$1 = function type(rule, value, source, errors, options) {
     required$1(rule, value, source, errors, options);
     return;
   }
-  var custom = ['integer', 'float', 'array', 'regexp', 'object', 'method', 'email', 'number', 'date', 'url', 'hex'];
+  var custom = ['integer', 'float', 'array', 'regexp', 'object', 'method', 'email', 'tel', 'number', 'date', 'url', 'hex'];
   var ruleType = rule.type;
   if (custom.indexOf(ruleType) > -1) {
     if (!types[ruleType](value)) {
@@ -18623,6 +18646,7 @@ var validators = {
   url: type,
   hex: type,
   email: type,
+  tel: type,
   required: required,
   any: any
 };
@@ -18774,7 +18798,7 @@ var Schema = /*#__PURE__*/function () {
           if (!options.suppressWarning && errorList.length) {
             Schema.warning('async-validator:', errorList);
           }
-          if (errorList.length && rule.message !== undefined) {
+          if (errorList.length && rule.message !== undefined && rule.message !== null) {
             errorList = [].concat(rule.message);
           }
 
@@ -21695,18 +21719,18 @@ const genNoticeStyle = token => {
       borderRadius: borderRadiusLG,
       overflow: 'hidden',
       // Type-specific background colors
-      '&-success': {
+      '&-success': colorSuccessBg ? {
         background: colorSuccessBg
-      },
-      '&-error': {
+      } : {},
+      '&-error': colorErrorBg ? {
         background: colorErrorBg
-      },
-      '&-info': {
+      } : {},
+      '&-info': colorInfoBg ? {
         background: colorInfoBg
-      },
-      '&-warning': {
+      } : {},
+      '&-warning': colorWarningBg ? {
         background: colorWarningBg
-      }
+      } : {}
     },
     [`${noticeCls}-message`]: {
       color: colorTextHeading,
@@ -21887,10 +21911,13 @@ const genNotificationStyle = token => {
 const prepareComponentToken$b = token => ({
   zIndexPopup: token.zIndexPopupBase + CONTAINER_MAX_OFFSET + 50,
   width: 384,
-  colorSuccessBg: token.colorSuccessBg,
-  colorErrorBg: token.colorErrorBg,
-  colorInfoBg: token.colorInfoBg,
-  colorWarningBg: token.colorWarningBg
+  // Fix notification background color issue
+  // https://github.com/ant-design/ant-design/issues/55649
+  // https://github.com/ant-design/ant-design/issues/56055
+  colorSuccessBg: undefined,
+  colorErrorBg: undefined,
+  colorInfoBg: undefined,
+  colorWarningBg: undefined
 });
 const prepareNotificationToken = token => {
   const notificationPaddingVertical = token.paddingMD;
@@ -24500,12 +24527,12 @@ function useAlign(open, popupEle, target, placement, builtinPlacements, popupAli
       var offsetX4Right = popupMirrorRect.right - popupRect.x - (nextOffsetX + popupRect.width);
       var offsetY4Bottom = popupMirrorRect.bottom - popupRect.y - (nextOffsetY + popupRect.height);
       if (_scaleX === 1) {
-        nextOffsetX = Math.round(nextOffsetX);
-        offsetX4Right = Math.round(offsetX4Right);
+        nextOffsetX = Math.floor(nextOffsetX);
+        offsetX4Right = Math.floor(offsetX4Right);
       }
       if (_scaleY === 1) {
-        nextOffsetY = Math.round(nextOffsetY);
-        offsetY4Bottom = Math.round(offsetY4Bottom);
+        nextOffsetY = Math.floor(nextOffsetY);
+        offsetY4Bottom = Math.floor(offsetY4Bottom);
       }
       var nextOffsetInfo = {
         ready: true,
@@ -47257,16 +47284,20 @@ const Input = /*#__PURE__*/forwardRef((props, ref) => {
       rootClassName,
       onChange,
       classNames: classNames$1,
-      variant: customVariant
+      variant: customVariant,
+      _skipAddonWarning
     } = props,
-    rest = __rest$a(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant"]);
+    rest = __rest$a(props, ["prefixCls", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant", "_skipAddonWarning"]);
   if (process.env.NODE_ENV !== 'production') {
     const {
       deprecated
     } = devUseWarning('Input');
-    [['bordered', 'variant'], ['addonAfter', 'Space.Compact'], ['addonBefore', 'Space.Compact']].forEach(([prop, newProp]) => {
-      deprecated(!(prop in props), prop, newProp);
-    });
+    deprecated(!('bordered' in props), 'bordered', 'variant');
+    if (!_skipAddonWarning) {
+      [['addonAfter', 'Space.Compact'], ['addonBefore', 'Space.Compact']].forEach(([prop, newProp]) => {
+        deprecated(!(prop in props), prop, newProp);
+      });
+    }
   }
   const {
     getPrefixCls,
@@ -75159,7 +75190,7 @@ const TextSC = styled.p `
 }}
 `;
 
-const FISText = forwardRef(({ tag, variant, children, color, ...rest }, ref) => (jsx(TextSC, { as: tag, "$variant": variant, "$color": color ? theme[color] : "", ref: ref, ...rest, children: children })));
+const FISText = forwardRef(({ tag, variant, children, color, ...rest }, ref) => (jsx(TextSC, { as: tag, "$variant": variant, "$color": color ? getTheme(color) : "", ref: ref, ...rest, children: children })));
 FISText.displayName = "FISText";
 
 export { FISAlertBanner, FISAvatar, FISBadge, FISBreadcrumb, FISButton, FISButtonGroup, FISCheckbox, FISCheckboxGroup, FISChipButton, FISCollapse, FISCombobox, FISDateRange, FISDivider, FISIconButton, FISInputArea, FISInputDate, FISInputField, FISInputLabel, FISInputStepper, FISInputText, FISInputTime, FISLinkButton, FISMenuItem, FISMenuSection, FISMenuSelect, FISPagination, FISProgressCircular, FISProgressLinear, FISRadio, RadioGroup as FISRadioGroup, FISSegmented, FISSelect, FISSelectItem, FISSorter, FISSplitButton, FISSwitch, FISTab, FISTable, FISTableCell, FISTableHeaderCell, FISText, FISThemeProvider, FISToast, FISTooltip, SegmentedPanelItem, TabPanelItem, useNotification, useToast };