@plasmicpkgs/plasmic-rich-components 1.0.88 → 1.0.90

package/dist/index.js

@@ -2,15 +2,16 @@
 
 var registerComponent = require('@plasmicapp/host/registerComponent');
 require('@plasmicapp/host/registerGlobalContext');
-var lodash = require('lodash');
-var proComponents = require('@ant-design/pro-components');
+require('lodash/get');
 var React = require('react');
 var antd = require('antd');
 var tinycolor = require('@ctrl/tinycolor');
 var icons = require('@ant-design/icons');
+var proComponents = require('@ant-design/pro-components');
 var csvWriterBrowser = require('csv-writer-browser');
 var fastStringify = require('fast-stringify');
 var classNames = require('classnames');
+var groupBy = require('lodash/groupBy');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
@@ -18,6 +19,7 @@ var registerComponent__default = /*#__PURE__*/_interopDefault(registerComponent)
 var React__default = /*#__PURE__*/_interopDefault(React);
 var fastStringify__default = /*#__PURE__*/_interopDefault(fastStringify);
 var classNames__default = /*#__PURE__*/_interopDefault(classNames);
+var groupBy__default = /*#__PURE__*/_interopDefault(groupBy);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -275,7 +277,7 @@ function getFieldSubprops(opts) {
             type: "boolean",
             displayName: "Is hidden",
             defaultValueHint: getDefaultValueHint("isHidden"),
-        } }, (opts.noDataType
+        } }, (!opts.noDataType
         ? {
             dataType: {
                 type: "choice",
@@ -927,14 +929,15 @@ function RichDetails(props) {
     var className = props.className, rawData = props.data, size = props.size, bordered = props.bordered, layout = props.layout, _b = props.column, column = _b === void 0 ? 2 : _b;
     var data = normalizeData(rawData);
     var columnDefinitions = useColumnDefinitions$1(data, props).columnDefinitions;
-    if (!data) {
-        return React__default.default.createElement(antd.Empty, { className: className });
+    if (!data || !((_a = data.data) === null || _a === void 0 ? void 0 : _a[0])) {
+        return React__default.default.createElement(antd.Empty, { className: className, image: antd.Empty.PRESENTED_IMAGE_SIMPLE });
     }
-    return (React__default.default.createElement(proComponents.ProDescriptions, { className: className, dataSource: (_a = data === null || data === void 0 ? void 0 : data.data) === null || _a === void 0 ? void 0 : _a[0], columns: columnDefinitions, size: size, bordered: bordered, layout: layout, column: {
+    var row = data.data[0];
+    return (React__default.default.createElement(antd.Descriptions, { className: className, size: size, bordered: bordered, layout: layout, column: {
             xs: 1,
             sm: 1,
             md: column,
-        } }));
+        } }, columnDefinitions.map(function (col) { return (React__default.default.createElement(antd.Descriptions.Item, { label: col.title, key: col.key, span: col.span }, col.render(row))); })));
 }
 function useColumnDefinitions$1(data, props) {
     var fields = props.fields, setControlContextData = props.setControlContextData;
@@ -958,21 +961,8 @@ function useColumnDefinitions$1(data, props) {
                 dataIndex: cconfig.fieldId,
                 title: cconfig.title,
                 key: cconfig.key,
-                valueType: deriveValueType(cconfig),
                 span: cconfig.span,
-                // To come later
-                copyable: false,
-                ellipsis: false,
-                tip: undefined,
-                formItemProps: {
-                    rules: [],
-                },
-                valueEnum: undefined,
-                renderFormItem: function (_, _a) {
-                    var defaultRender = _a.defaultRender;
-                    return defaultRender(_);
-                },
-                render: function (value, record, rowIndex) {
+                render: function (record) {
                     return renderValue(record, cconfig);
                 },
             };
@@ -1944,6 +1934,8 @@ function RichList(props) {
     var data = normalizeData(rawData);
     var _f = useRoleDefinitions(data, props), normalized = _f.normalized, roleConfigs = _f.finalRoles;
     React.useRef();
+    // Simply ignore the linkTo if it's not a function.
+    var linkTo = typeof props.linkTo === "function" ? props.linkTo : undefined;
     var _g = useSortedFilteredData(data, normalized), finalData = _g.finalData, search = _g.search, setSearch = _g.setSearch; _g.setSortState;
     var actuallyBordered = type === "list" ? bordered : false;
     return (React__default.default.createElement("div", { className: className },
@@ -1972,10 +1964,9 @@ function RichList(props) {
                         : "plasmic-list-item-card-cover" })); });
                 var content = (React__default.default.createElement(ListItemContent, { bordered: actuallyBordered, image: type === "list" ? image : undefined, title: multiRenderValue(record, roleConfigs.title), subtitle: multiRenderValue(record, roleConfigs.subtitle), beforeTitle: multiRenderValue(record, roleConfigs.beforeTitle), afterTitle: multiRenderValue(record, roleConfigs.afterTitle), content: multiRenderValue(record, roleConfigs.content) }));
                 function makeLinkWrapper() {
-                    var _a;
                     if ((actions !== null && actions !== void 0 ? actions : []).length > 0)
                         return undefined;
-                    var href = maybeRenderString(record, (_a = roleConfigs.linkTo) === null || _a === void 0 ? void 0 : _a[0]);
+                    var href = linkTo === null || linkTo === void 0 ? void 0 : linkTo(record);
                     if (!href && !onRowClick)
                         return undefined;
                     var _linkWrapper = function (x) { return (React__default.default.createElement("a", { href: href, onClick: function (event) {
@@ -2032,7 +2023,6 @@ var defaultColumnConfig = function () {
     });
 };
 var roles = [
-    "linkTo",
     "content",
     "title",
     "subtitle",
@@ -2074,7 +2064,7 @@ function useRoleDefinitions(data, props) {
             }
         }
         // This is only being computed to get the default role choices.
-        var _e = deriveFieldConfigs(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], tagFieldConfigs("image"), true), tagFieldConfigs("content"), true), tagFieldConfigs("title"), true), tagFieldConfigs("beforeTitle"), true), tagFieldConfigs("afterTitle"), true), tagFieldConfigs("subtitle"), true), tagFieldConfigs("linkTo"), true), schema, function (field) { return (__assign(__assign({}, defaultColumnConfig()), (field && {
+        var _e = deriveFieldConfigs(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], tagFieldConfigs("image"), true), tagFieldConfigs("content"), true), tagFieldConfigs("title"), true), tagFieldConfigs("beforeTitle"), true), tagFieldConfigs("afterTitle"), true), tagFieldConfigs("subtitle"), true), schema, function (field) { return (__assign(__assign({}, defaultColumnConfig()), (field && {
             key: field.id,
             fieldId: field.id,
             title: field.label || field.id,
@@ -2132,7 +2122,7 @@ function useRoleDefinitions(data, props) {
                 contentField.role = "content";
             }
         }
-        var roleConfigs = ensure(lodash.groupBy(mergedFields, function (f) { return f.role; }));
+        var roleConfigs = ensure(groupBy__default.default(mergedFields, function (f) { return f.role; }));
         var finalRoles = {};
         for (var _i = 0, roles_1 = roles; _i < roles_1.length; _i++) {
             var role = roles_1[_i];
@@ -2204,7 +2194,7 @@ var richListMeta = {
         }, footer: {
             type: "slot",
             hidePlaceholder: true,
-        }, title: roleProp({ role: "title" }), content: roleProp({ role: "content" }), image: roleProp({ role: "image", singular: true }), linkTo: roleProp({ role: "linkTo", singular: true }), subtitle: roleProp({
+        }, title: roleProp({ role: "title" }), content: roleProp({ role: "content" }), image: roleProp({ role: "image", singular: true }), subtitle: roleProp({
             role: "subtitle",
             displayName: "Subtitle",
             advanced: true,
@@ -2212,7 +2202,14 @@ var richListMeta = {
         // Haven't styled these yet!
         // beforeTitle: roleProp({ role: "beforeTitle", advanced: true }),
         // afterTitle: roleProp({ role: "afterTitle", advanced: true }),
-        onRowClick: onRowClickProp(), rowActions: rowActionsProp(), bordered: {
+        linkTo: {
+            type: "function",
+            control: {
+                type: "href",
+            },
+            argNames: ["currentItem"],
+            argValues: function (_props, ctx) { var _a; return [(_a = ctx === null || ctx === void 0 ? void 0 : ctx.data) === null || _a === void 0 ? void 0 : _a[0]]; },
+        }, onRowClick: onRowClickProp(), rowActions: rowActionsProp(), bordered: {
             type: "boolean",
             defaultValue: true,
             hidden: function (ps) { var _a; return ((_a = ps.type) !== null && _a !== void 0 ? _a : "list") !== "list"; },