@rufous/ui 0.3.57 → 0.3.58

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.
Files changed (5) hide show
  1. package/dist/main.cjs +7 -3
  2. package/dist/main.d.cts +8 -0
  3. package/dist/main.d.ts +8 -0
  4. package/dist/main.js +7 -3
  5. package/package.json +1 -1
package/dist/main.cjs CHANGED
@@ -2139,6 +2139,10 @@ var BaseDialog = ({
2139
2139
  confirmText = "SUBMIT",
2140
2140
  submitText = "Submit",
2141
2141
  title = "",
2142
+ hideHeader = false,
2143
+ customHeader,
2144
+ hideFooter = false,
2145
+ customFooter,
2142
2146
  isLoading = false,
2143
2147
  disableConfirmBtn = false,
2144
2148
  fullScreen = false,
@@ -2257,13 +2261,13 @@ var BaseDialog = ({
2257
2261
  ));
2258
2262
  const containerClass = ["dialog-container", size ? `size-${size}` : "", sxClass, className].filter(Boolean).join(" ");
2259
2263
  const containerStyle = { minWidth, minHeight };
2260
- const dialogInner = /* @__PURE__ */ React133.createElement(React133.Fragment, null, /* @__PURE__ */ React133.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React133.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React133.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React133.createElement(
2264
+ const dialogInner = /* @__PURE__ */ React133.createElement(React133.Fragment, null, !hideHeader && /* @__PURE__ */ React133.createElement(React133.Fragment, null, customHeader ?? /* @__PURE__ */ React133.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React133.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React133.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React133.createElement(
2261
2265
  X,
2262
2266
  {
2263
2267
  size: 18,
2264
2268
  color: themeConfig?.icon || "#666666"
2265
2269
  }
2266
- ))), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement(
2270
+ ))), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" })), /* @__PURE__ */ React133.createElement(
2267
2271
  "div",
2268
2272
  {
2269
2273
  className: "dialog-body",
@@ -2273,7 +2277,7 @@ var BaseDialog = ({
2273
2277
  }
2274
2278
  },
2275
2279
  children
2276
- ), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()));
2280
+ ), !hideFooter && (customFooter ?? /* @__PURE__ */ React133.createElement(React133.Fragment, null, /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()))));
2277
2281
  const dialogContent = form ? /* @__PURE__ */ React133.createElement(
2278
2282
  "form",
2279
2283
  {
package/dist/main.d.cts CHANGED
@@ -878,6 +878,14 @@ interface BaseDialogProps {
878
878
  confirmText?: string;
879
879
  submitText?: string;
880
880
  title?: string;
881
+ /** Hide the default header (title, close button, and divider) entirely */
882
+ hideHeader?: boolean;
883
+ /** Custom header content rendered in place of the default title/close-button header */
884
+ customHeader?: React.ReactNode;
885
+ /** Hide the default footer (action buttons and divider) entirely */
886
+ hideFooter?: boolean;
887
+ /** Custom footer content rendered in place of the default action footer */
888
+ customFooter?: React.ReactNode;
881
889
  isLoading?: boolean;
882
890
  disableConfirmBtn?: boolean;
883
891
  fullScreen?: boolean;
package/dist/main.d.ts CHANGED
@@ -878,6 +878,14 @@ interface BaseDialogProps {
878
878
  confirmText?: string;
879
879
  submitText?: string;
880
880
  title?: string;
881
+ /** Hide the default header (title, close button, and divider) entirely */
882
+ hideHeader?: boolean;
883
+ /** Custom header content rendered in place of the default title/close-button header */
884
+ customHeader?: React.ReactNode;
885
+ /** Hide the default footer (action buttons and divider) entirely */
886
+ hideFooter?: boolean;
887
+ /** Custom footer content rendered in place of the default action footer */
888
+ customFooter?: React.ReactNode;
881
889
  isLoading?: boolean;
882
890
  disableConfirmBtn?: boolean;
883
891
  fullScreen?: boolean;
package/dist/main.js CHANGED
@@ -1844,6 +1844,10 @@ var BaseDialog = ({
1844
1844
  confirmText = "SUBMIT",
1845
1845
  submitText = "Submit",
1846
1846
  title = "",
1847
+ hideHeader = false,
1848
+ customHeader,
1849
+ hideFooter = false,
1850
+ customFooter,
1847
1851
  isLoading = false,
1848
1852
  disableConfirmBtn = false,
1849
1853
  fullScreen = false,
@@ -1962,13 +1966,13 @@ var BaseDialog = ({
1962
1966
  ));
1963
1967
  const containerClass = ["dialog-container", size ? `size-${size}` : "", sxClass, className].filter(Boolean).join(" ");
1964
1968
  const containerStyle = { minWidth, minHeight };
1965
- const dialogInner = /* @__PURE__ */ React133.createElement(React133.Fragment, null, /* @__PURE__ */ React133.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React133.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React133.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React133.createElement(
1969
+ const dialogInner = /* @__PURE__ */ React133.createElement(React133.Fragment, null, !hideHeader && /* @__PURE__ */ React133.createElement(React133.Fragment, null, customHeader ?? /* @__PURE__ */ React133.createElement("div", { className: "dialog-title" }, /* @__PURE__ */ React133.createElement("h2", null, formatTitle ? title?.charAt(0).toUpperCase() + title?.slice(1) : title), showCloseButton && /* @__PURE__ */ React133.createElement("button", { className: "btn-close", type: "button", onClick: onClose }, /* @__PURE__ */ React133.createElement(
1966
1970
  X,
1967
1971
  {
1968
1972
  size: 18,
1969
1973
  color: themeConfig?.icon || "#666666"
1970
1974
  }
1971
- ))), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement(
1975
+ ))), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" })), /* @__PURE__ */ React133.createElement(
1972
1976
  "div",
1973
1977
  {
1974
1978
  className: "dialog-body",
@@ -1978,7 +1982,7 @@ var BaseDialog = ({
1978
1982
  }
1979
1983
  },
1980
1984
  children
1981
- ), /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()));
1985
+ ), !hideFooter && (customFooter ?? /* @__PURE__ */ React133.createElement(React133.Fragment, null, /* @__PURE__ */ React133.createElement("div", { className: "dialog-divider" }), /* @__PURE__ */ React133.createElement("div", { className: "dialog-footer", style: { justifyContent: buttonAlign } }, customButtons || renderButtons()))));
1982
1986
  const dialogContent = form ? /* @__PURE__ */ React133.createElement(
1983
1987
  "form",
1984
1988
  {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rufous/ui",
3
3
  "private": false,
4
- "version": "0.3.57",
4
+ "version": "0.3.58",
5
5
  "type": "module",
6
6
  "description": "Experimental: A lightweight React UI component library (Beta)",
7
7
  "style": "./dist/main.css",