react-better-html 1.1.94 → 1.1.96

package/dist/index.mjs

@@ -2487,6 +2487,7 @@ var Image_default = { Image: MemoizedImage }.Image;
 
 // src/components/Button.tsx
 import { memo as memo7, useCallback as useCallback4 } from "react";
+import { Link } from "react-router-dom";
 import styled6, { css } from "styled-components";
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
 var ButtonElement = styled6.button.withConfig({
@@ -2604,14 +2605,14 @@ var ButtonComponent = function Button({
   return /* @__PURE__ */ jsxs3(
     ButtonElement,
     {
-      as: href ? "a" : "button",
+      as: href ? Link : "button",
       theme: theme2,
       colorTheme: betterHtmlContext2.colorTheme,
       isSmall,
       withText: text !== void 0,
       isLoading: isLoadingElement,
       disabled,
-      href,
+      to: href,
       download,
       target,
       type: isSubmit && !isLoadingElement ? "submit" : "button",
@@ -3335,7 +3336,7 @@ var countries = [
     phoneNumberFormat: "(XXX)XXX-XXXX"
   },
   {
-    name: "AndorrA",
+    name: "Andorra",
     code: "AD",
     timeZone: "Europe/Andorra",
     phoneNumberExtension: "376"
@@ -5071,6 +5072,7 @@ var DropdownComponent = forwardRef7(function Dropdown({
         cursor: !withSearch ? "pointer" : void 0,
         placeholder: withSearch ? selectedOption ? selectedOption.label : readyPlaceholder : readyPlaceholder,
         leftIcon,
+        autoComplete: "off",
         className: `react-better-html-dropdown${isOpen ? " react-better-html-dropdown-open" : ""}${isOpenLate ? " react-better-html-dropdown-open-late" : ""}${inputFieldClassName ? ` ${inputFieldClassName}` : ""}`,
         onClick: !disabled ? setIsOpen.toggle : void 0,
         onFocus: setIsFocused.setTrue,
@@ -6482,7 +6484,7 @@ var ToggleInput_default = {
 };
 
 // src/components/Form.tsx
-import { memo as memo17, useMemo as useMemo6 } from "react";
+import { Children, Fragment as Fragment4, memo as memo17, useMemo as useMemo6 } from "react";
 import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 function Form({
   form,
@@ -6494,6 +6496,7 @@ function Form({
   gap,
   isSubmitting,
   isDestructive,
+  withDividers,
   onClickCancel,
   onSubmit,
   children,
@@ -6509,7 +6512,10 @@ function Form({
   const SubmitButtonTag = isDestructive ? Button_default.destructive : Button_default;
   const submitButtonIsDisabledFinal = submitButtonIsDisabled || submitButtonIsDisabledInternal;
   return /* @__PURE__ */ jsx17(Div_default, { width: "100%", ...props, children: /* @__PURE__ */ jsxs12("form", { onSubmit: onSubmit ?? form?.onSubmit, children: [
-    gap !== void 0 ? /* @__PURE__ */ jsx17(Div_default.column, { gap, children }) : children,
+    gap !== void 0 || withDividers ? /* @__PURE__ */ jsx17(Div_default.column, { gap: gap ?? (withDividers ? theme2.styles.space : theme2.styles.gap), children: withDividers ? Children.toArray(children).map((child, index) => /* @__PURE__ */ jsxs12(Fragment4, { children: [
+      child,
+      index < Children.toArray(children).length - 1 && /* @__PURE__ */ jsx17(Divider_default.horizontal, {})
+    ] }, index)) : children }) : children,
     submitButtonText && /* @__PURE__ */ jsxs12(
       Div_default.row,
       {
@@ -6656,7 +6662,7 @@ var ColorThemeSwitch_default = ColorThemeSwitch2;
 // src/components/Table.tsx
 import { forwardRef as forwardRef11, memo as memo20, useCallback as useCallback10, useMemo as useMemo7, useState as useState8 } from "react";
 import styled10, { css as css2 } from "styled-components";
-import { Fragment as Fragment4, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var defaultImageWidth = 120;
 var TableStyledComponent = styled10.table.withConfig({
   shouldForwardProp: (prop) => !["isStriped", "withHover", "withStickyHeader", "colorTheme", "theme"].includes(prop)
@@ -6743,7 +6749,7 @@ var TableComponent = forwardRef11(function Table({
           return column.format ? column.format(item, index) : String(value ?? "");
         }
         case "element": {
-          return column.render?.(item, index) ?? /* @__PURE__ */ jsx20(Fragment4, {});
+          return column.render?.(item, index) ?? /* @__PURE__ */ jsx20(Fragment5, {});
         }
         case "image": {
           const { type, keyName, ...props2 } = column;
@@ -6768,7 +6774,7 @@ var TableComponent = forwardRef11(function Table({
           );
         }
         default: {
-          return /* @__PURE__ */ jsx20(Fragment4, {});
+          return /* @__PURE__ */ jsx20(Fragment5, {});
         }
       }
     },