@rufous/ui 0.3.56 → 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 (6) hide show
  1. package/dist/main.cjs +9 -5
  2. package/dist/main.css +8 -5
  3. package/dist/main.d.cts +8 -0
  4. package/dist/main.d.ts +8 -0
  5. package/dist/main.js +9 -5
  6. 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
  {
@@ -9174,13 +9178,13 @@ var Stepper = ({
9174
9178
  if (orientation === "horizontal") {
9175
9179
  return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, connectorEl, enrichedStep);
9176
9180
  }
9177
- return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && /* @__PURE__ */ import_react34.default.createElement(
9181
+ return /* @__PURE__ */ import_react34.default.createElement(import_react34.default.Fragment, { key: index }, /* @__PURE__ */ import_react34.default.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && (connector ?? /* @__PURE__ */ import_react34.default.createElement(
9178
9182
  DefaultConnector,
9179
9183
  {
9180
9184
  completed: index < activeStep,
9181
9185
  active: index === activeStep - 1
9182
9186
  }
9183
- ));
9187
+ )));
9184
9188
  }));
9185
9189
  };
9186
9190
  Stepper.displayName = "Stepper";
package/dist/main.css CHANGED
@@ -5532,9 +5532,10 @@ pre {
5532
5532
  }
5533
5533
  .rf-stepper--vertical .rf-step-connector {
5534
5534
  flex-direction: column;
5535
- margin-left: 11px;
5536
- padding: 4px 0;
5537
- min-height: 24px;
5535
+ align-items: flex-start;
5536
+ margin-left: 12px;
5537
+ padding: 0;
5538
+ min-height: 16px;
5538
5539
  }
5539
5540
  .rf-step-connector__line {
5540
5541
  display: block;
@@ -5549,7 +5550,9 @@ pre {
5549
5550
  .rf-stepper--vertical .rf-step-connector__line {
5550
5551
  border-left-style: solid;
5551
5552
  border-left-width: 1px;
5552
- min-height: 24px;
5553
+ min-height: 16px;
5554
+ width: 1px;
5555
+ align-self: flex-start;
5553
5556
  }
5554
5557
  .rf-step-connector--completed .rf-step-connector__line,
5555
5558
  .rf-step-connector--active .rf-step-connector__line {
@@ -5659,7 +5662,7 @@ pre {
5659
5662
  }
5660
5663
  .rf-step-content {
5661
5664
  margin-left: 12px;
5662
- padding: 8px 0 8px 20px;
5665
+ padding: 8px 0 0 20px;
5663
5666
  border-left: 1px solid var(--border-color);
5664
5667
  overflow: hidden;
5665
5668
  transition: height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
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
  {
@@ -8937,13 +8941,13 @@ var Stepper = ({
8937
8941
  if (orientation === "horizontal") {
8938
8942
  return /* @__PURE__ */ React168.createElement(React168.Fragment, { key: index }, connectorEl, enrichedStep);
8939
8943
  }
8940
- return /* @__PURE__ */ React168.createElement(React168.Fragment, { key: index }, /* @__PURE__ */ React168.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && /* @__PURE__ */ React168.createElement(
8944
+ return /* @__PURE__ */ React168.createElement(React168.Fragment, { key: index }, /* @__PURE__ */ React168.createElement("div", { className: "rf-step__header" }, enrichedStep), !isLast && (connector ?? /* @__PURE__ */ React168.createElement(
8941
8945
  DefaultConnector,
8942
8946
  {
8943
8947
  completed: index < activeStep,
8944
8948
  active: index === activeStep - 1
8945
8949
  }
8946
- ));
8950
+ )));
8947
8951
  }));
8948
8952
  };
8949
8953
  Stepper.displayName = "Stepper";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@rufous/ui",
3
3
  "private": false,
4
- "version": "0.3.56",
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",