@ceed/ads 1.11.1 → 1.12.1-next.1

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/components/Uploader/Uploader.d.ts +5 -0
  2. package/dist/index.cjs +21 -4
  3. package/dist/index.js +21 -4
  4. package/framer/index.js +18 -18
  5. package/package.json +3 -2
package/dist/components/Uploader/Uploader.d.ts CHANGED
@@ -29,5 +29,10 @@ declare const Uploader: React.MemoExoticComponent<(props: {
29
29
  */
30
30
  maxFileTotalSize: number;
31
31
  uploaded?: UserUpload[] | undefined;
32
+ /**
33
+ * 모든 안내 메세지/에러 메세지보다 해당 메세지가 우선적으로 보여진다.
34
+ * 기본 안내 메세지 및 에러 메세지를 사용하려면 해당 필드를 비워야 한다.
35
+ */
36
+ helperText?: string | undefined;
32
37
  }) => React.JSX.Element>;
33
38
  export { Uploader };
package/dist/index.cjs CHANGED
@@ -5171,7 +5171,19 @@ var getFileSize = (n) => {
5171
5171
  };
5172
5172
  var Preview = (props) => {
5173
5173
  const { files, uploaded, onDelete } = props;
5174
- return /* @__PURE__ */ import_react43.default.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ import_react43.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ import_react43.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ import_react43.default.createElement(UploadFileIcon, null), /* @__PURE__ */ import_react43.default.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ import_react43.default.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ import_react43.default.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ import_react43.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react43.default.createElement(ClearIcon2, null))))));
5174
+ return /* @__PURE__ */ import_react43.default.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ import_react43.default.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ import_react43.default.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ import_react43.default.createElement(UploadFileIcon, null), /* @__PURE__ */ import_react43.default.createElement(Stack_default, { flex: "1", sx: { minWidth: 0 } }, /* @__PURE__ */ import_react43.default.createElement(
5175
+ Typography_default,
5176
+ {
5177
+ level: "body-sm",
5178
+ textColor: "common.black",
5179
+ sx: {
5180
+ overflow: "hidden",
5181
+ textOverflow: "ellipsis",
5182
+ whiteSpace: "nowrap"
5183
+ }
5184
+ },
5185
+ file.name
5186
+ ), !!file.size && /* @__PURE__ */ import_react43.default.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ import_react43.default.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ import_react43.default.createElement(ClearIcon2, null))))));
5175
5187
  };
5176
5188
  var UploaderRoot = (0, import_joy54.styled)(Stack_default, {
5177
5189
  name: "Uploader",
@@ -5227,7 +5239,9 @@ var Uploader = import_react43.default.memo(
5227
5239
  onChange,
5228
5240
  label,
5229
5241
  disabled,
5230
- onDelete
5242
+ onDelete,
5243
+ error: errorProp,
5244
+ helperText: helperTextProp
5231
5245
  } = props;
5232
5246
  const dropZoneRef = (0, import_react43.useRef)(null);
5233
5247
  const inputRef = (0, import_react43.useRef)(null);
@@ -5246,6 +5260,9 @@ var Uploader = import_react43.default.memo(
5246
5260
  [accepts]
5247
5261
  );
5248
5262
  const helperText = (0, import_react43.useMemo)(() => {
5263
+ if (helperTextProp) {
5264
+ return helperTextProp;
5265
+ }
5249
5266
  const [allAcceptedTypes, acceptedTypes] = [
5250
5267
  accepts.filter((accept2) => ["image/*", "video/*", "audio/*"].includes(accept2)).map((accept2) => {
5251
5268
  const [type] = accept2.split("/");
@@ -5271,8 +5288,8 @@ var Uploader = import_react43.default.memo(
5271
5288
  helperTexts.push(`Up to ${maxCount} ${maxCount === 1 ? "file" : "files"}`);
5272
5289
  }
5273
5290
  return helperTexts.join(", ");
5274
- }, [accepts, maxFileTotalSize, maxCount]);
5275
- const error = (0, import_react43.useMemo)(() => !!errorText || props.error, [props.error, errorText]);
5291
+ }, [accepts, maxFileTotalSize, maxCount, helperTextProp]);
5292
+ const error = (0, import_react43.useMemo)(() => !!errorText || errorProp, [errorProp, errorText]);
5276
5293
  const showDropZone = (0, import_react43.useMemo)(
5277
5294
  () => !maxCount || maxCount && [...uploaded, ...files].length !== maxCount,
5278
5295
  [files, maxCount, uploaded]
package/dist/index.js CHANGED
@@ -5108,7 +5108,19 @@ var getFileSize = (n) => {
5108
5108
  };
5109
5109
  var Preview = (props) => {
5110
5110
  const { files, uploaded, onDelete } = props;
5111
- return /* @__PURE__ */ React40.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React40.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React40.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React40.createElement(UploadFileIcon, null), /* @__PURE__ */ React40.createElement(Stack_default, { flex: "1" }, /* @__PURE__ */ React40.createElement(Typography_default, { level: "body-sm", textColor: "common.black" }, file.name), !!file.size && /* @__PURE__ */ React40.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ React40.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React40.createElement(ClearIcon2, null))))));
5111
+ return /* @__PURE__ */ React40.createElement(PreviewRoot, { gap: 1 }, [...uploaded, ...files].map((file) => /* @__PURE__ */ React40.createElement(UploadCard, { key: file.name, size: "sm", color: "neutral" }, /* @__PURE__ */ React40.createElement(Stack_default, { direction: "row", alignItems: "center", gap: 2 }, /* @__PURE__ */ React40.createElement(UploadFileIcon, null), /* @__PURE__ */ React40.createElement(Stack_default, { flex: "1", sx: { minWidth: 0 } }, /* @__PURE__ */ React40.createElement(
5112
+ Typography_default,
5113
+ {
5114
+ level: "body-sm",
5115
+ textColor: "common.black",
5116
+ sx: {
5117
+ overflow: "hidden",
5118
+ textOverflow: "ellipsis",
5119
+ whiteSpace: "nowrap"
5120
+ }
5121
+ },
5122
+ file.name
5123
+ ), !!file.size && /* @__PURE__ */ React40.createElement(Typography_default, { level: "body-xs", fontWeight: "300", lineHeight: "1.33", textColor: "text.tertiary" }, getFileSize(file.size))), /* @__PURE__ */ React40.createElement(IconButton_default, { onClick: () => onDelete?.(file) }, /* @__PURE__ */ React40.createElement(ClearIcon2, null))))));
5112
5124
  };
5113
5125
  var UploaderRoot = styled21(Stack_default, {
5114
5126
  name: "Uploader",
@@ -5164,7 +5176,9 @@ var Uploader = React40.memo(
5164
5176
  onChange,
5165
5177
  label,
5166
5178
  disabled,
5167
- onDelete
5179
+ onDelete,
5180
+ error: errorProp,
5181
+ helperText: helperTextProp
5168
5182
  } = props;
5169
5183
  const dropZoneRef = useRef8(null);
5170
5184
  const inputRef = useRef8(null);
@@ -5183,6 +5197,9 @@ var Uploader = React40.memo(
5183
5197
  [accepts]
5184
5198
  );
5185
5199
  const helperText = useMemo14(() => {
5200
+ if (helperTextProp) {
5201
+ return helperTextProp;
5202
+ }
5186
5203
  const [allAcceptedTypes, acceptedTypes] = [
5187
5204
  accepts.filter((accept2) => ["image/*", "video/*", "audio/*"].includes(accept2)).map((accept2) => {
5188
5205
  const [type] = accept2.split("/");
@@ -5208,8 +5225,8 @@ var Uploader = React40.memo(
5208
5225
  helperTexts.push(`Up to ${maxCount} ${maxCount === 1 ? "file" : "files"}`);
5209
5226
  }
5210
5227
  return helperTexts.join(", ");
5211
- }, [accepts, maxFileTotalSize, maxCount]);
5212
- const error = useMemo14(() => !!errorText || props.error, [props.error, errorText]);
5228
+ }, [accepts, maxFileTotalSize, maxCount, helperTextProp]);
5229
+ const error = useMemo14(() => !!errorText || errorProp, [errorProp, errorText]);
5213
5230
  const showDropZone = useMemo14(
5214
5231
  () => !maxCount || maxCount && [...uploaded, ...files].length !== maxCount,
5215
5232
  [files, maxCount, uploaded]