@ceed/ads 1.41.3-next.4 → 1.41.3-next.6
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/components/DataTable/components.d.ts +4 -4
- package/dist/components/DataTable/hooks.d.ts +4 -4
- package/dist/components/DataTable/types.d.ts +9 -7
- package/dist/components/IconMenuButton/IconMenuButton.type-test.d.ts +5 -0
- package/dist/components/Select/Select.d.ts +4 -0
- package/dist/components/Select/index.d.ts +2 -1
- package/dist/components/data-display/DataTable.md +1 -1
- package/dist/components/inputs/Calendar.md +17 -17
- package/dist/components/navigation/IconMenuButton.md +5 -0
- package/dist/index.browser.js +4 -4
- package/dist/index.browser.js.map +2 -2
- package/dist/index.cjs +11 -8
- package/dist/index.js +11 -8
- package/framer/index.js +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -1751,6 +1751,8 @@ var Calendar = (0, import_react16.forwardRef)((inProps, ref) => {
|
|
|
1751
1751
|
maxDate,
|
|
1752
1752
|
disableFuture,
|
|
1753
1753
|
disablePast,
|
|
1754
|
+
shouldDisableDate,
|
|
1755
|
+
slots,
|
|
1754
1756
|
numberOfMonths,
|
|
1755
1757
|
...others
|
|
1756
1758
|
} = props;
|
|
@@ -2608,7 +2610,7 @@ function computeAutoFitWidth(params) {
|
|
|
2608
2610
|
return finalWidth;
|
|
2609
2611
|
}
|
|
2610
2612
|
function getHeaderCellId(tableId, columnId) {
|
|
2611
|
-
return `${tableId}_header_${columnId}`.trim();
|
|
2613
|
+
return `${tableId}_header_${columnId}`.trim().replace(/\s+/g, "_");
|
|
2612
2614
|
}
|
|
2613
2615
|
|
|
2614
2616
|
// src/components/DataTable/styled.tsx
|
|
@@ -3565,7 +3567,7 @@ var HeadCell = (props) => {
|
|
|
3565
3567
|
}, [ref]);
|
|
3566
3568
|
const [isHovered, setIsHovered] = (0, import_react26.useState)(false);
|
|
3567
3569
|
const sortable = type === "actions" ? false : _sortable;
|
|
3568
|
-
const headId = (0, import_react26.useMemo)(() => getHeaderCellId(tableId, columnId
|
|
3570
|
+
const headId = (0, import_react26.useMemo)(() => getHeaderCellId(tableId, columnId), [tableId, columnId]);
|
|
3569
3571
|
const isResizingRef = (0, import_react26.useRef)(false);
|
|
3570
3572
|
const resizer = (0, import_react26.useMemo)(
|
|
3571
3573
|
() => resizable ?? true ? Resizer(
|
|
@@ -3574,9 +3576,9 @@ var HeadCell = (props) => {
|
|
|
3574
3576
|
(isResizing) => {
|
|
3575
3577
|
isResizingRef.current = isResizing;
|
|
3576
3578
|
},
|
|
3577
|
-
onAutoFit ? () => onAutoFit(columnId
|
|
3579
|
+
onAutoFit ? () => onAutoFit(columnId) : void 0
|
|
3578
3580
|
) : null,
|
|
3579
|
-
[resizable, ref, colRef, onAutoFit, columnId
|
|
3581
|
+
[resizable, ref, colRef, onAutoFit, columnId]
|
|
3580
3582
|
);
|
|
3581
3583
|
const style = (0, import_react26.useMemo)(
|
|
3582
3584
|
() => ({
|
|
@@ -3846,7 +3848,7 @@ var BodyCell = (props) => {
|
|
|
3846
3848
|
{
|
|
3847
3849
|
ref: cellRef,
|
|
3848
3850
|
key: field,
|
|
3849
|
-
headers: getHeaderCellId(tableId, props.columnId
|
|
3851
|
+
headers: getHeaderCellId(tableId, props.columnId),
|
|
3850
3852
|
sx: {
|
|
3851
3853
|
textAlign: getTextAlign({ type }),
|
|
3852
3854
|
verticalAlign: editMode ? "top" : "middle",
|
|
@@ -5674,7 +5676,7 @@ var ModalOverflow = MotionModalOverflow;
|
|
|
5674
5676
|
ModalOverflow.displayName = "ModalOverflow";
|
|
5675
5677
|
var ModalFrame = import_react32.default.forwardRef((props, ref) => {
|
|
5676
5678
|
const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
|
|
5677
|
-
return /* @__PURE__ */ import_react32.default.createElement(StyledModalDialog, {
|
|
5679
|
+
return /* @__PURE__ */ import_react32.default.createElement(StyledModalDialog, { ...innerProps, ref }, /* @__PURE__ */ import_react32.default.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ import_react32.default.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ import_react32.default.createElement(DialogContent_default, null, children));
|
|
5678
5680
|
});
|
|
5679
5681
|
ModalFrame.displayName = "ModalFrame";
|
|
5680
5682
|
|
|
@@ -7309,7 +7311,7 @@ var import_joy60 = require("@mui/joy");
|
|
|
7309
7311
|
// src/components/IconMenuButton/IconMenuButton.tsx
|
|
7310
7312
|
var import_react50 = __toESM(require("react"));
|
|
7311
7313
|
var import_joy61 = require("@mui/joy");
|
|
7312
|
-
var MenuButtonRootSlot = import_react50.default.forwardRef(function MenuButtonRootSlot2({ as, ...rest }, ref) {
|
|
7314
|
+
var MenuButtonRootSlot = import_react50.default.forwardRef(function MenuButtonRootSlot2({ as, ownerState: _ownerState, ...rest }, ref) {
|
|
7313
7315
|
return /* @__PURE__ */ import_react50.default.createElement(import_joy61.IconButton, { ...rest, component: as ?? "button", ref });
|
|
7314
7316
|
});
|
|
7315
7317
|
function IconMenuButtonInner(props, ref) {
|
|
@@ -7347,7 +7349,8 @@ function IconMenuButtonInner(props, ref) {
|
|
|
7347
7349
|
slots: { root: MenuButtonRootSlot },
|
|
7348
7350
|
slotProps: {
|
|
7349
7351
|
root: {
|
|
7350
|
-
|
|
7352
|
+
// 기본값 'button'은 MenuButtonRootSlot 한 곳에만 둔다.
|
|
7353
|
+
component: props.buttonComponent,
|
|
7351
7354
|
size,
|
|
7352
7355
|
variant,
|
|
7353
7356
|
color,
|
package/dist/index.js
CHANGED
|
@@ -1600,6 +1600,8 @@ var Calendar = forwardRef4((inProps, ref) => {
|
|
|
1600
1600
|
maxDate,
|
|
1601
1601
|
disableFuture,
|
|
1602
1602
|
disablePast,
|
|
1603
|
+
shouldDisableDate,
|
|
1604
|
+
slots,
|
|
1603
1605
|
numberOfMonths,
|
|
1604
1606
|
...others
|
|
1605
1607
|
} = props;
|
|
@@ -2471,7 +2473,7 @@ function computeAutoFitWidth(params) {
|
|
|
2471
2473
|
return finalWidth;
|
|
2472
2474
|
}
|
|
2473
2475
|
function getHeaderCellId(tableId, columnId) {
|
|
2474
|
-
return `${tableId}_header_${columnId}`.trim();
|
|
2476
|
+
return `${tableId}_header_${columnId}`.trim().replace(/\s+/g, "_");
|
|
2475
2477
|
}
|
|
2476
2478
|
|
|
2477
2479
|
// src/components/DataTable/styled.tsx
|
|
@@ -3442,7 +3444,7 @@ var HeadCell = (props) => {
|
|
|
3442
3444
|
}, [ref]);
|
|
3443
3445
|
const [isHovered, setIsHovered] = useState8(false);
|
|
3444
3446
|
const sortable = type === "actions" ? false : _sortable;
|
|
3445
|
-
const headId = useMemo10(() => getHeaderCellId(tableId, columnId
|
|
3447
|
+
const headId = useMemo10(() => getHeaderCellId(tableId, columnId), [tableId, columnId]);
|
|
3446
3448
|
const isResizingRef = useRef5(false);
|
|
3447
3449
|
const resizer = useMemo10(
|
|
3448
3450
|
() => resizable ?? true ? Resizer(
|
|
@@ -3451,9 +3453,9 @@ var HeadCell = (props) => {
|
|
|
3451
3453
|
(isResizing) => {
|
|
3452
3454
|
isResizingRef.current = isResizing;
|
|
3453
3455
|
},
|
|
3454
|
-
onAutoFit ? () => onAutoFit(columnId
|
|
3456
|
+
onAutoFit ? () => onAutoFit(columnId) : void 0
|
|
3455
3457
|
) : null,
|
|
3456
|
-
[resizable, ref, colRef, onAutoFit, columnId
|
|
3458
|
+
[resizable, ref, colRef, onAutoFit, columnId]
|
|
3457
3459
|
);
|
|
3458
3460
|
const style = useMemo10(
|
|
3459
3461
|
() => ({
|
|
@@ -3723,7 +3725,7 @@ var BodyCell = (props) => {
|
|
|
3723
3725
|
{
|
|
3724
3726
|
ref: cellRef,
|
|
3725
3727
|
key: field,
|
|
3726
|
-
headers: getHeaderCellId(tableId, props.columnId
|
|
3728
|
+
headers: getHeaderCellId(tableId, props.columnId),
|
|
3727
3729
|
sx: {
|
|
3728
3730
|
textAlign: getTextAlign({ type }),
|
|
3729
3731
|
verticalAlign: editMode ? "top" : "middle",
|
|
@@ -5557,7 +5559,7 @@ var ModalOverflow = MotionModalOverflow;
|
|
|
5557
5559
|
ModalOverflow.displayName = "ModalOverflow";
|
|
5558
5560
|
var ModalFrame = React28.forwardRef((props, ref) => {
|
|
5559
5561
|
const { title, children, titleStartDecorator, onClose, ...innerProps } = props;
|
|
5560
|
-
return /* @__PURE__ */ React28.createElement(StyledModalDialog, {
|
|
5562
|
+
return /* @__PURE__ */ React28.createElement(StyledModalDialog, { ...innerProps, ref }, /* @__PURE__ */ React28.createElement(ModalClose, { onClick: onClose }), /* @__PURE__ */ React28.createElement(DialogTitle_default, null, titleStartDecorator, title), /* @__PURE__ */ React28.createElement(DialogContent_default, null, children));
|
|
5561
5563
|
});
|
|
5562
5564
|
ModalFrame.displayName = "ModalFrame";
|
|
5563
5565
|
|
|
@@ -7195,7 +7197,7 @@ import {
|
|
|
7195
7197
|
MenuButton as JoyMenuButton2,
|
|
7196
7198
|
IconButton as JoyIconButton2
|
|
7197
7199
|
} from "@mui/joy";
|
|
7198
|
-
var MenuButtonRootSlot = React46.forwardRef(function MenuButtonRootSlot2({ as, ...rest }, ref) {
|
|
7200
|
+
var MenuButtonRootSlot = React46.forwardRef(function MenuButtonRootSlot2({ as, ownerState: _ownerState, ...rest }, ref) {
|
|
7199
7201
|
return /* @__PURE__ */ React46.createElement(JoyIconButton2, { ...rest, component: as ?? "button", ref });
|
|
7200
7202
|
});
|
|
7201
7203
|
function IconMenuButtonInner(props, ref) {
|
|
@@ -7233,7 +7235,8 @@ function IconMenuButtonInner(props, ref) {
|
|
|
7233
7235
|
slots: { root: MenuButtonRootSlot },
|
|
7234
7236
|
slotProps: {
|
|
7235
7237
|
root: {
|
|
7236
|
-
|
|
7238
|
+
// 기본값 'button'은 MenuButtonRootSlot 한 곳에만 둔다.
|
|
7239
|
+
component: props.buttonComponent,
|
|
7237
7240
|
size,
|
|
7238
7241
|
variant,
|
|
7239
7242
|
color,
|