@pisell/materials 1.0.497 → 1.0.499

package/es/components/dataSourceComponents/fields/Input.Phone/ReadPretty.less

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+
+.pisell-phone-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.d.ts

@@ -1,6 +1,8 @@
 import React from 'react';
 import { InputProps } from 'antd';
+import { ModeType } from "../../dataSourceForm/type";
 export interface PhoneInputProps extends Omit<InputProps, 'value' | 'onChange'> {
+    renderMode: ModeType;
     value?: string;
     onChange?: (value: string) => void;
     isVerification?: boolean;

package/es/components/dataSourceComponents/fields/Input.Phone/WithMode.js

@@ -11,11 +11,11 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 import React, { useState, useEffect, useMemo } from 'react';
 import { Input, Select, Space } from 'antd';
 import { isValidPhoneNumber, parsePhoneNumberFromString } from 'libphonenumber-js';
+import { isNumber } from '@pisell/utils';
 import useEngineContext from "../../../../hooks/useEngineContext";
 import { useCountries } from "./serve";
 import ReadPretty from "./ReadPretty";
 import { withMode } from "../../dataSourceForm/utils";
-import { isNumber } from '@pisell/utils';
 var Option = Select.Option;
 var translationOriginal = function translationOriginal(val) {
   return val.original;

package/es/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.js

@@ -1,8 +1,13 @@
 import React from 'react';
+import classNames from 'classnames';
 import "./ReadPretty.less";
 var TextAreaReadPretty = function TextAreaReadPretty(props) {
+  var value = props.value,
+    renderMode = props.renderMode;
   return /*#__PURE__*/React.createElement("span", {
-    className: "pisell-input-textarea-read-pretty"
-  }, props.value);
+    className: classNames('pisell-input-textarea-read-pretty', {
+      'pisell-input-textarea-read-pretty-table-view': renderMode === 'tableView'
+    })
+  }, value);
 };
 export default TextAreaReadPretty;

package/es/components/dataSourceComponents/fields/Input.TextArea/ReadPretty.less

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+
+.pisell-input-textarea-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/es/components/dataSourceComponents/fields/Input.Url/ReadPretty.js

@@ -1,11 +1,16 @@
 import React from 'react';
 import { Typography } from 'antd';
+import classNames from 'classnames';
 import "./ReadPretty.less";
 var Link = Typography.Link;
 var UrlReadPretty = function UrlReadPretty(props) {
+  var value = props.value,
+    renderMode = props.renderMode;
   return /*#__PURE__*/React.createElement(Link, {
-    className: "pisell-url-read-pretty",
-    href: props.value
-  }, props.value);
+    className: classNames('pisell-url-read-pretty', {
+      'pisell-url-read-pretty-table-view': renderMode === 'tableView'
+    }),
+    href: value
+  }, value);
 };
 export default UrlReadPretty;

package/es/components/dataSourceComponents/fields/Input.Url/ReadPretty.less

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+
+.pisell-url-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/es/components/dataSourceComponents/fields/InputNumber/ReadPretty.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import classNames from 'classnames';
 import { formatNumberWithUnit } from "./utils";
 import "./ReadPretty.less";
 var ReadPretty = function ReadPretty(props) {
@@ -7,10 +8,14 @@ var ReadPretty = function ReadPretty(props) {
     previewFormatter = props.previewFormatter,
     _props$precision = props.precision,
     precision = _props$precision === void 0 ? 0 : _props$precision,
-    addonAfter = props.addonAfter;
+    addonAfter = props.addonAfter,
+    renderMode = props.renderMode;
+  var className = classNames('pisell-input-number-read-pretty', {
+    'pisell-input-number-read-pretty-table-view': renderMode === 'tableView'
+  });
   if (!value && value !== 0) {
     return /*#__PURE__*/React.createElement("span", {
-      className: "pisell-input-number-read-pretty"
+      className: className
     }, "-");
   }
   var formattedValue = formatNumberWithUnit(Number(value), precision, previewFormatter);
@@ -18,11 +23,11 @@ var ReadPretty = function ReadPretty(props) {
     var parts = formattedValue.split('.');
     parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     return /*#__PURE__*/React.createElement("span", {
-      className: "pisell-input-number-read-pretty"
+      className: className
     }, parts.join('.'), addonAfter);
   }
   return /*#__PURE__*/React.createElement("span", {
-    className: "pisell-input-number-read-pretty"
+    className: className
   }, formattedValue, addonAfter);
 };
 export default ReadPretty;

package/es/components/dataSourceComponents/fields/InputNumber/ReadPretty.less

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+
+.pisell-input-number-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/es/components/dataSourceComponents/fields/Radio/ReadPretty.js

@@ -6,9 +6,10 @@ var RadioReadPretty = function RadioReadPretty(props) {
 };
 var RadioGroupReadPretty = function RadioGroupReadPretty(props) {
   var value = props.value,
-    options = props.options;
+    options = props.options,
+    renderMode = props.renderMode;
   var valueMap = useValueMap(options || []);
-  return renderValueWithMap(value, valueMap);
+  return renderValueWithMap(value, valueMap, renderMode);
 };
 RadioReadPretty.Group = RadioGroupReadPretty;
 export default RadioReadPretty;

package/es/components/dataSourceComponents/fields/Select/ReadPretty.js

@@ -2,8 +2,9 @@ import { renderValueWithMap } from "../../dataSourceForm/utils";
 import useValueMap from "../../hooks/useValueMap";
 var SelectReadPretty = function SelectReadPretty(props) {
   var value = props.value,
-    options = props.options;
+    options = props.options,
+    renderMode = props.renderMode;
   var valueMap = useValueMap(options || []);
-  return renderValueWithMap(value, valueMap);
+  return renderValueWithMap(value, valueMap, renderMode);
 };
 export default SelectReadPretty;

package/es/components/dataSourceComponents/fields/TimePicker/ReadPretty.js

@@ -1,9 +1,13 @@
 import React from 'react';
+import classNames from 'classnames';
 import "./ReadPretty.less";
 var TimePickerReadPretty = function TimePickerReadPretty(props) {
-  var value = props.value;
+  var value = props.value,
+    renderMode = props.renderMode;
   return /*#__PURE__*/React.createElement("span", {
-    className: "pisell-time-picker-read-pretty"
+    className: classNames('pisell-time-picker-read-pretty', {
+      'pisell-time-picker-read-pretty-table-view': renderMode === 'tableView'
+    })
   }, value);
 };
 export default TimePickerReadPretty;

package/es/components/dataSourceComponents/fields/TimePicker/ReadPretty.less

@@ -4,3 +4,8 @@
   font-weight: 600;
   line-height: 24px; /* 150% */
 }
+
+.pisell-time-picker-read-pretty-table-view {
+  font-size: 14px;
+  font-weight: 400;
+}

package/es/components/dataSourceComponents/fields/Upload/BaseUpload.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import { UploadProps } from './type';
 import './index.less';
-declare const BaseUpload: (props: UploadProps) => React.JSX.Element;
+declare const BaseUpload: React.FC<UploadProps>;
 export default BaseUpload;