react-better-html 1.1.100 → 1.1.102
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/index.d.mts +6 -4
- package/dist/index.d.ts +6 -4
- package/dist/index.js +5 -2
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +5 -2
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -720,9 +720,12 @@ declare const Foldable: typeof FoldableComponent & {
|
|
|
720
720
|
type AppConfig = {
|
|
721
721
|
contentMaxWidth: number;
|
|
722
722
|
};
|
|
723
|
-
type
|
|
723
|
+
type ComponentStyleConfig<Subcomponents extends string> = {
|
|
724
724
|
[key in Subcomponents]?: ComponentStyle & ComponentHoverStyle;
|
|
725
725
|
};
|
|
726
|
+
type ComponentTagReplacementConfig<Subcomponents extends string> = {
|
|
727
|
+
[key in Subcomponents]?: React.ElementType;
|
|
728
|
+
};
|
|
726
729
|
type BetterHtmlConfig = {
|
|
727
730
|
app: AppConfig;
|
|
728
731
|
theme: ThemeConfig;
|
|
@@ -732,9 +735,8 @@ type BetterHtmlConfig = {
|
|
|
732
735
|
loaders: Partial<LoaderConfig>;
|
|
733
736
|
components: {
|
|
734
737
|
button?: {
|
|
735
|
-
style?:
|
|
736
|
-
|
|
737
|
-
linkComponent?: React.ReactNode;
|
|
738
|
+
style?: ComponentStyleConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
|
|
739
|
+
tagReplacement?: ComponentTagReplacementConfig<"buttonComponent" | "linkComponent">;
|
|
738
740
|
};
|
|
739
741
|
};
|
|
740
742
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -720,9 +720,12 @@ declare const Foldable: typeof FoldableComponent & {
|
|
|
720
720
|
type AppConfig = {
|
|
721
721
|
contentMaxWidth: number;
|
|
722
722
|
};
|
|
723
|
-
type
|
|
723
|
+
type ComponentStyleConfig<Subcomponents extends string> = {
|
|
724
724
|
[key in Subcomponents]?: ComponentStyle & ComponentHoverStyle;
|
|
725
725
|
};
|
|
726
|
+
type ComponentTagReplacementConfig<Subcomponents extends string> = {
|
|
727
|
+
[key in Subcomponents]?: React.ElementType;
|
|
728
|
+
};
|
|
726
729
|
type BetterHtmlConfig = {
|
|
727
730
|
app: AppConfig;
|
|
728
731
|
theme: ThemeConfig;
|
|
@@ -732,9 +735,8 @@ type BetterHtmlConfig = {
|
|
|
732
735
|
loaders: Partial<LoaderConfig>;
|
|
733
736
|
components: {
|
|
734
737
|
button?: {
|
|
735
|
-
style?:
|
|
736
|
-
|
|
737
|
-
linkComponent?: React.ReactNode;
|
|
738
|
+
style?: ComponentStyleConfig<"default" | "secondary" | "destructive" | "icon" | "upload">;
|
|
739
|
+
tagReplacement?: ComponentTagReplacementConfig<"buttonComponent" | "linkComponent">;
|
|
738
740
|
};
|
|
739
741
|
};
|
|
740
742
|
};
|
package/dist/index.js
CHANGED
|
@@ -2680,8 +2680,8 @@ var ButtonComponent = function Button({
|
|
|
2680
2680
|
height: imageHeight
|
|
2681
2681
|
}
|
|
2682
2682
|
) : void 0;
|
|
2683
|
-
const linkComponentTag = betterHtmlContext2.components.button?.linkComponent ?? "a";
|
|
2684
|
-
const buttonComponentTag = betterHtmlContext2.components.button?.buttonComponent ?? "button";
|
|
2683
|
+
const linkComponentTag = betterHtmlContext2.components.button?.tagReplacement?.linkComponent ?? "a";
|
|
2684
|
+
const buttonComponentTag = betterHtmlContext2.components.button?.tagReplacement?.buttonComponent ?? "button";
|
|
2685
2685
|
return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
|
|
2686
2686
|
ButtonElement,
|
|
2687
2687
|
{
|
|
@@ -6241,6 +6241,9 @@ InputFieldComponent.color = (0, import_react18.forwardRef)(function Color2({ val
|
|
|
6241
6241
|
},
|
|
6242
6242
|
[onChangeValue]
|
|
6243
6243
|
);
|
|
6244
|
+
(0, import_react18.useEffect)(() => {
|
|
6245
|
+
setInputFieldValue(value);
|
|
6246
|
+
}, [value]);
|
|
6244
6247
|
return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
|
|
6245
6248
|
InputFieldComponent,
|
|
6246
6249
|
{
|