@pdg/react-form 1.0.5 → 1.0.7

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.js CHANGED
@@ -14857,12 +14857,14 @@ styleInject(css_248z$5);var PrivateDatePicker = React__default["default"].forwar
14857
14857
  !formColWithHelperText && helperText && (React__default["default"].createElement(material.FormHelperText, { error: error, style: { marginLeft: variant === 'standard' ? 0 : 14 } }, helperText))))));
14858
14858
  });
14859
14859
  PrivateDatePicker.displayName = 'PrivateDatePicker';
14860
- PrivateDatePicker.defaultProps = PrivateDatePickerDefaultProps;var PrivateAlertDialogDefaultProps = {};var PrivateAlertDialog = function (_a) {
14861
- var open = _a.open, title = _a.title, content = _a.content, onClose = _a.onClose;
14860
+ PrivateDatePicker.defaultProps = PrivateDatePickerDefaultProps;var PrivateAlertDialogDefaultProps = {
14861
+ color: 'primary',
14862
+ };var PrivateAlertDialog = function (_a) {
14863
+ var color = _a.color, open = _a.open, title = _a.title, content = _a.content, onClose = _a.onClose;
14862
14864
  var handleClose = React.useCallback(function () {
14863
14865
  onClose && onClose();
14864
14866
  }, [onClose]);
14865
- return (React__default["default"].createElement(material.Dialog, { open: !!open, onClose: handleClose, "aria-labelledby": 'alert-dialog-title' },
14867
+ return (React__default["default"].createElement(material.Dialog, { className: "color-".concat(color), open: !!open, onClose: handleClose, "aria-labelledby": 'alert-dialog-title' },
14866
14868
  title && React__default["default"].createElement(material.DialogTitle, { id: 'alert-dialog-title' }, title),
14867
14869
  React__default["default"].createElement(material.DialogContent, null, content),
14868
14870
  React__default["default"].createElement(material.DialogActions, null,
@@ -15954,7 +15956,7 @@ FormDateRangePicker.defaultProps = FormDateRangePickerDefaultProps;var FormFileD
15954
15956
  onClose && onClose();
15955
15957
  }, [onCancel, onClose]);
15956
15958
  // Render ----------------------------------------------------------------------------------------------------------
15957
- return (React__default["default"].createElement(material.Dialog, { open: !!open, maxWidth: 'sm', fullWidth: true, onClose: function (e, reason) {
15959
+ return (React__default["default"].createElement(material.Dialog, { className: 'color-primary', open: !!open, maxWidth: 'sm', fullWidth: true, onClose: function (e, reason) {
15958
15960
  if (reason === 'backdropClick') {
15959
15961
  if (empty$1(value)) {
15960
15962
  onClose && onClose();
@@ -15963,13 +15965,14 @@ FormDateRangePicker.defaultProps = FormDateRangePickerDefaultProps;var FormFileD
15963
15965
  } },
15964
15966
  React__default["default"].createElement(material.DialogTitle, null, "\uD30C\uC77C \uB9C1\uD06C"),
15965
15967
  React__default["default"].createElement(material.DialogContent, null,
15966
- React__default["default"].createElement(material.DialogContentText, null, "\uD30C\uC77C\uC758 \uB9C1\uD06C URL\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694."),
15967
- React__default["default"].createElement(FormUrl, { ref: function (ref) {
15968
- if (inputRef.current == null && ref !== null) {
15969
- ref.focus();
15970
- }
15971
- inputRef.current = ref;
15972
- }, name: 'form-file-link-url', label: '\uB9C1\uD06C URL', value: value, required: true, style: { marginTop: 15 }, onChange: setValue })),
15968
+ React__default["default"].createElement(material.Box, null,
15969
+ React__default["default"].createElement("div", null, "\uD30C\uC77C\uC758 \uB9C1\uD06C URL\uC744 \uC785\uB825\uD574\uC8FC\uC138\uC694."),
15970
+ React__default["default"].createElement(FormUrl, { ref: function (ref) {
15971
+ if (inputRef.current == null && ref !== null) {
15972
+ ref.focus();
15973
+ }
15974
+ inputRef.current = ref;
15975
+ }, name: 'form-file-link-url', label: '\uB9C1\uD06C URL', value: value, required: true, style: { marginTop: 15 }, onChange: setValue }))),
15973
15976
  React__default["default"].createElement(material.DialogActions, null,
15974
15977
  React__default["default"].createElement(material.Button, { variant: 'text', onClick: handleCancel }, "\uCDE8\uC18C"),
15975
15978
  React__default["default"].createElement(material.Button, { variant: 'text', onClick: handleSubmit }, "\uD655\uC778"))));
@@ -16013,9 +16016,7 @@ styleInject(css_248z$1);var FormFile = React__default["default"].forwardRef(func
16013
16016
  var _e = useAutoUpdateState$1(initHelperText), helperText = _e[0], setHelperText = _e[1];
16014
16017
  var _f = useAutoUpdateState$1(initDisabled), disabled = _f[0], setDisabled = _f[1];
16015
16018
  var _g = React.useState(false), isOpenLinkDialog = _g[0], setIsOpenLinkDialog = _g[1];
16016
- var _h = React.useState({
16017
- open: false,
16018
- }), alertDialogProps = _h[0], setAlertDialogProps = _h[1];
16019
+ var _h = React.useState({ open: false }), alertDialogProps = _h[0], setAlertDialogProps = _h[1];
16019
16020
  var label = useAutoUpdateState$1(React.useCallback(function () {
16020
16021
  return labelIcon ? (React__default["default"].createElement(React__default["default"].Fragment, null,
16021
16022
  React__default["default"].createElement(FormIcon, { style: { verticalAlign: 'middle', marginRight: 4 } }, labelIcon),
@@ -16130,13 +16131,14 @@ styleInject(css_248z$1);var FormFile = React__default["default"].forwardRef(func
16130
16131
  if (file.size > maxFileSize) {
16131
16132
  setAlertDialogProps({
16132
16133
  open: true,
16134
+ color: 'error',
16133
16135
  title: '파일 사이즈',
16134
16136
  content: (React__default["default"].createElement("div", null,
16135
16137
  React__default["default"].createElement("div", null,
16136
16138
  React__default["default"].createElement(material.Typography, { color: 'error' },
16137
16139
  getFileSizeText(maxFileSize),
16138
16140
  " \uC774\uD558\uC758 \uD30C\uC77C\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4.")),
16139
- React__default["default"].createElement("div", null,
16141
+ React__default["default"].createElement("div", { style: { opacity: 0.7 } },
16140
16142
  "(\uC120\uD0DD\uD55C \uD30C\uC77C \uC0AC\uC774\uC988 : ",
16141
16143
  getFileSizeText(file.size),
16142
16144
  ")"))),
@@ -16294,13 +16296,14 @@ styleInject(css_248z);var FormImageFile = React__default["default"].forwardRef(f
16294
16296
  else {
16295
16297
  setAlertDialogProps({
16296
16298
  open: true,
16299
+ color: 'error',
16297
16300
  title: '이미지 사이즈',
16298
16301
  content: (React__default["default"].createElement(React__default["default"].Fragment, null,
16299
16302
  React__default["default"].createElement("div", null,
16300
16303
  React__default["default"].createElement(material.Typography, { color: 'error' },
16301
16304
  sizeText,
16302
16305
  " \uC0AC\uC774\uC988\uC758 \uC774\uBBF8\uC9C0\uB9CC \uC0AC\uC6A9 \uAC00\uB2A5\uD569\uB2C8\uB2E4.")),
16303
- React__default["default"].createElement("div", null,
16306
+ React__default["default"].createElement("div", { style: { opacity: 0.7 } },
16304
16307
  "(\uC120\uD0DD\uD55C \uC774\uBBF8\uC9C0 \uC0AC\uC774\uC988 : ",
16305
16308
  width,
16306
16309
  "*",