react-better-html 1.1.94 → 1.1.96

package/dist/index.d.mts

@@ -551,11 +551,13 @@ type FormProps = {
     isSubmitting?: boolean;
     /** @default false */
     isDestructive?: boolean;
+    /** @default false */
+    withDividers?: boolean;
     onClickCancel?: () => void;
     onSubmit?: (value: React.FormEvent<HTMLFormElement>) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;
-declare function Form({ form, submitButtonText, submitButtonLoaderName, submitButtonId, submitButtonIsDisabled, actionButtonsLocation, gap, isSubmitting, isDestructive, onClickCancel, onSubmit, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
+declare function Form({ form, submitButtonText, submitButtonLoaderName, submitButtonId, submitButtonIsDisabled, actionButtonsLocation, gap, isSubmitting, isDestructive, withDividers, onClickCancel, onSubmit, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
 declare const _default$2: react.MemoExoticComponent<typeof Form>;
 
 type LabelProps = {

package/dist/index.d.ts

@@ -551,11 +551,13 @@ type FormProps = {
     isSubmitting?: boolean;
     /** @default false */
     isDestructive?: boolean;
+    /** @default false */
+    withDividers?: boolean;
     onClickCancel?: () => void;
     onSubmit?: (value: React.FormEvent<HTMLFormElement>) => void;
     children?: React.ReactNode;
 } & ComponentMarginProps;
-declare function Form({ form, submitButtonText, submitButtonLoaderName, submitButtonId, submitButtonIsDisabled, actionButtonsLocation, gap, isSubmitting, isDestructive, onClickCancel, onSubmit, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
+declare function Form({ form, submitButtonText, submitButtonLoaderName, submitButtonId, submitButtonIsDisabled, actionButtonsLocation, gap, isSubmitting, isDestructive, withDividers, onClickCancel, onSubmit, children, ...props }: FormProps): react_jsx_runtime.JSX.Element;
 declare const _default$2: react.MemoExoticComponent<typeof Form>;
 
 type LabelProps = {

package/dist/index.js

@@ -2566,6 +2566,7 @@ var Image_default = { Image: MemoizedImage }.Image;
 
 // src/components/Button.tsx
 var import_react9 = require("react");
+var import_react_router_dom2 = require("react-router-dom");
 var import_styled_components7 = __toESM(require("styled-components"));
 var import_jsx_runtime7 = require("react/jsx-runtime");
 var ButtonElement = import_styled_components7.default.button.withConfig({
@@ -2683,14 +2684,14 @@ var ButtonComponent = function Button({
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     ButtonElement,
     {
-      as: href ? "a" : "button",
+      as: href ? import_react_router_dom2.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",
@@ -3414,7 +3415,7 @@ var countries = [
     phoneNumberFormat: "(XXX)XXX-XXXX"
   },
   {
-    name: "AndorrA",
+    name: "Andorra",
     code: "AD",
     timeZone: "Europe/Andorra",
     phoneNumberExtension: "376"
@@ -5150,6 +5151,7 @@ var DropdownComponent = (0, import_react16.forwardRef)(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,
@@ -6573,6 +6575,7 @@ function Form({
   gap,
   isSubmitting,
   isDestructive,
+  withDividers,
   onClickCancel,
   onSubmit,
   children,
@@ -6588,7 +6591,10 @@ function Form({
   const SubmitButtonTag = isDestructive ? Button_default.destructive : Button_default;
   const submitButtonIsDisabledFinal = submitButtonIsDisabled || submitButtonIsDisabledInternal;
   return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Div_default, { width: "100%", ...props, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("form", { onSubmit: onSubmit ?? form?.onSubmit, children: [
-    gap !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Div_default.column, { gap, children }) : children,
+    gap !== void 0 || withDividers ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Div_default.column, { gap: gap ?? (withDividers ? theme2.styles.space : theme2.styles.gap), children: withDividers ? import_react20.Children.toArray(children).map((child, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react20.Fragment, { children: [
+      child,
+      index < import_react20.Children.toArray(children).length - 1 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(Divider_default.horizontal, {})
+    ] }, index)) : children }) : children,
     submitButtonText && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
       Div_default.row,
       {
@@ -7257,12 +7263,12 @@ var loaderControls = {
 };
 
 // src/plugins/react-router-dom.ts
-var import_react_router_dom2 = require("react-router-dom");
+var import_react_router_dom3 = require("react-router-dom");
 var reactRouterDomPlugin = {
   name: "react-router-dom",
   components: {
-    Link: import_react_router_dom2.Link,
-    NavLink: import_react_router_dom2.NavLink
+    Link: import_react_router_dom3.Link,
+    NavLink: import_react_router_dom3.NavLink
   },
   initialize: () => {
     console.log("react-router-dom plugin initialized");