@plasmicpkgs/plasmic-rich-components 1.0.88 → 1.0.90

package/dist/plasmic-rich-components.esm.js

@@ -1,14 +1,15 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
 import '@plasmicapp/host/registerGlobalContext';
-import { groupBy } from 'lodash';
-import { ProDescriptions, ProLayout, ProConfigProvider, ProTable } from '@ant-design/pro-components';
+import 'lodash/get';
 import React, { useState, useEffect, useRef } from 'react';
-import { Checkbox, Switch, Empty, theme, ConfigProvider, Dropdown, Button, Input, List, Card, Tag } from 'antd';
+import { Checkbox, Switch, Empty, Descriptions, theme, ConfigProvider, Dropdown, Button, Input, List, Card, Tag } from 'antd';
 import { tinycolor } from '@ctrl/tinycolor';
 import { LogoutOutlined, PlusOutlined, EllipsisOutlined } from '@ant-design/icons';
+import { ProLayout, ProConfigProvider, ProTable } from '@ant-design/pro-components';
 import { createObjectCsvStringifier } from 'csv-writer-browser';
 import fastStringify from 'fast-stringify';
 import classNames from 'classnames';
+import groupBy from 'lodash/groupBy';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -266,7 +267,7 @@ function getFieldSubprops(opts) {
             type: "boolean",
             displayName: "Is hidden",
             defaultValueHint: getDefaultValueHint("isHidden"),
-        } }, (opts.noDataType
+        } }, (!opts.noDataType
         ? {
             dataType: {
                 type: "choice",
@@ -918,14 +919,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.createElement(Empty, { className: className });
+    if (!data || !((_a = data.data) === null || _a === void 0 ? void 0 : _a[0])) {
+        return React.createElement(Empty, { className: className, image: Empty.PRESENTED_IMAGE_SIMPLE });
     }
-    return (React.createElement(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.createElement(Descriptions, { className: className, size: size, bordered: bordered, layout: layout, column: {
             xs: 1,
             sm: 1,
             md: column,
-        } }));
+        } }, columnDefinitions.map(function (col) { return (React.createElement(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;
@@ -949,21 +951,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);
                 },
             };
@@ -1935,6 +1924,8 @@ function RichList(props) {
     var data = normalizeData(rawData);
     var _f = useRoleDefinitions(data, props), normalized = _f.normalized, roleConfigs = _f.finalRoles;
     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.createElement("div", { className: className },
@@ -1963,10 +1954,9 @@ function RichList(props) {
                         : "plasmic-list-item-card-cover" })); });
                 var content = (React.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.createElement("a", { href: href, onClick: function (event) {
@@ -2023,7 +2013,6 @@ var defaultColumnConfig = function () {
     });
 };
 var roles = [
-    "linkTo",
     "content",
     "title",
     "subtitle",
@@ -2065,7 +2054,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,
@@ -2195,7 +2184,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,
@@ -2203,7 +2192,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"; },