@plasmicpkgs/antd 0.0.1 → 0.0.5

package/dist/antd.cjs.development.js

@@ -6,21 +6,21 @@ function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'defau
 
 var registerComponent = _interopDefault(require('@plasmicapp/host/registerComponent'));
 var antd = require('antd');
-var React = _interopDefault(require('react'));
 var Checkbox = _interopDefault(require('antd/lib/checkbox/Checkbox'));
 var CheckboxGroup = _interopDefault(require('antd/lib/checkbox/Group'));
-var CollapsePanel = _interopDefault(require('antd/lib/collapse/CollapsePanel'));
+var React = _interopDefault(require('react'));
 var Collapse = _interopDefault(require('antd/lib/collapse/Collapse'));
+var CollapsePanel = _interopDefault(require('antd/lib/collapse/CollapsePanel'));
 var AntdDropdown = _interopDefault(require('antd/lib/dropdown'));
 var DropdownButton = _interopDefault(require('antd/lib/dropdown/dropdown-button'));
-var TextArea = _interopDefault(require('antd/lib/input/TextArea'));
-var Search = _interopDefault(require('antd/lib/input/Search'));
-var Password = _interopDefault(require('antd/lib/input/Password'));
 var InputGroup = _interopDefault(require('antd/lib/input/Group'));
+var Password = _interopDefault(require('antd/lib/input/Password'));
+var Search = _interopDefault(require('antd/lib/input/Search'));
+var TextArea = _interopDefault(require('antd/lib/input/TextArea'));
+var Menu = _interopDefault(require('antd/lib/menu/index'));
 var MenuDivider = _interopDefault(require('antd/lib/menu/MenuDivider'));
 var MenuItem = _interopDefault(require('antd/lib/menu/MenuItem'));
 var SubMenu = _interopDefault(require('antd/lib/menu/SubMenu'));
-var Menu = _interopDefault(require('antd/lib/menu/index'));
 var rcMenu = require('rc-menu');
 var rcSelect = require('rc-select');
 
@@ -125,6 +125,48 @@ function _setPrototypeOf(o, p) {
   return _setPrototypeOf(o, p);
 }
 
+function _objectWithoutPropertiesLoose(source, excluded) {
+  if (source == null) return {};
+  var target = {};
+  var sourceKeys = Object.keys(source);
+  var key, i;
+
+  for (i = 0; i < sourceKeys.length; i++) {
+    key = sourceKeys[i];
+    if (excluded.indexOf(key) >= 0) continue;
+    target[key] = source[key];
+  }
+
+  return target;
+}
+
+/**
+ * Traverses the tree of elements from a `React.createElement`. Notice we can't
+ * traverse elements created within the children's render function since this is
+ * the tree before rendering.
+ */
+function traverseReactEltTree(children, callback) {
+  var rec = function rec(elts) {
+    (Array.isArray(elts) ? elts : [elts]).forEach(function (elt) {
+      if (elt) {
+        var _elt$props;
+
+        callback(elt);
+
+        if (elt.children) {
+          rec(elt.children);
+        }
+
+        if ((_elt$props = elt.props) != null && _elt$props.children && elt.props.children !== elt.children) {
+          rec(elt.props.children);
+        }
+      }
+    });
+  };
+
+  rec(children);
+}
+
 var CheckboxWrapper = /*#__PURE__*/function (_React$Component) {
   _inheritsLoose(CheckboxWrapper, _React$Component);
 
@@ -198,10 +240,22 @@ var checkboxGroupMeta = {
       description: "If disable all checkboxes"
     },
     value: {
-      type: "object",
+      type: "choice",
       editOnly: true,
       uncontrolledProp: "defaultValue",
-      description: "Default selected value"
+      description: "Default selected value",
+      multiSelect: true,
+      options: function options(componentProps) {
+        var options = new Set();
+        traverseReactEltTree(componentProps.children, function (elt) {
+          var _elt$props;
+
+          if ((elt == null ? void 0 : elt.type) === CheckboxWrapper && typeof (elt == null ? void 0 : (_elt$props = elt.props) == null ? void 0 : _elt$props.value) === "string") {
+            options.add(elt.props.value);
+          }
+        });
+        return Array.from(options.keys());
+      }
     },
     children: {
       type: "slot",
@@ -338,10 +392,21 @@ var collapsteMeta = {
       description: "If true, Collapse renders as Accordion"
     },
     activeKey: {
-      type: "object",
+      type: "choice",
       editOnly: true,
       uncontrolledProp: "defaultActiveKey",
-      description: "Key of the active panel"
+      description: "Key of the active panel",
+      multiSelect: true,
+      options: function options(componentProps) {
+        var options = new Set(); // `children` is not defined in the Collapse props
+
+        traverseReactEltTree(componentProps.children, function (elt) {
+          if ((elt == null ? void 0 : elt.type) === CollapsePanel && typeof (elt == null ? void 0 : elt.key) === "string") {
+            options.add(elt.key);
+          }
+        });
+        return Array.from(options.keys());
+      }
     },
     bordered: {
       type: "boolean",
@@ -460,7 +525,10 @@ var dropdownButtonMeta = {
       type: "boolean",
       description: "Whether the dropdown menu is disabled"
     },
-    icon: "slot",
+    icon: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     overlay: {
       type: "slot",
       allowedComponents: ["AntdMenu"],
@@ -517,8 +585,14 @@ var inputMeta = {
   name: "AntdInput",
   displayName: "Antd Input",
   props: {
-    addonAfter: "slot",
-    addonBefore: "slot",
+    addonAfter: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    addonBefore: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     allowClear: {
       type: "boolean",
       description: "If allow to remove input content with clear icon"
@@ -543,13 +617,19 @@ var inputMeta = {
       type: "string",
       description: "Placeholder for the input"
     },
-    prefix: "slot",
+    prefix: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     size: {
       type: "choice",
       options: ["small", "middle", "large"],
       description: "The size of the input box"
     },
-    suffix: "slot",
+    suffix: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     type: {
       type: "string",
       description: "The type of input"
@@ -627,7 +707,10 @@ var inputSearchMeta = {
   name: "AntdInputSearch",
   displayName: "Antd Input Search",
   props: {
-    addonBefore: "slot",
+    addonBefore: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     allowClear: {
       type: "boolean",
       description: "If allow to remove input content with clear icon"
@@ -640,7 +723,10 @@ var inputSearchMeta = {
       type: "boolean",
       description: "Whether the input is disabled"
     },
-    enterButton: "slot",
+    enterButton: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     id: {
       type: "string",
       description: "The ID for input"
@@ -657,13 +743,19 @@ var inputSearchMeta = {
       type: "string",
       description: "Placeholder for the input"
     },
-    prefix: "slot",
+    prefix: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     size: {
       type: "choice",
       options: ["small", "middle", "large"],
       description: "The size of the input box"
     },
-    suffix: "slot",
+    suffix: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     type: {
       type: "string",
       description: "The type of input"
@@ -689,8 +781,14 @@ var inputPasswordMeta = {
   name: "AntdInputPassword",
   displayName: "Antd Input Password",
   props: {
-    addonAfter: "slot",
-    addonBefore: "slot",
+    addonAfter: {
+      type: "slot",
+      hidePlaceholder: true
+    },
+    addonBefore: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     allowClear: {
       type: "boolean",
       description: "If allow to remove input content with clear icon"
@@ -715,13 +813,15 @@ var inputPasswordMeta = {
       type: "string",
       description: "Placeholder for the input"
     },
-    prefix: "slot",
+    prefix: {
+      type: "slot",
+      hidePlaceholder: true
+    },
     size: {
       type: "choice",
       options: ["small", "middle", "large"],
       description: "The size of the input box"
     },
-    suffix: "slot",
     type: {
       type: "string",
       description: "The type of input"
@@ -817,7 +917,8 @@ var menuItemMeta = {
     },
     key: {
       type: "string",
-      description: "Unique ID of the menu item"
+      description: "Unique ID of the menu item",
+      defaultValue: "menuItemKey"
     },
     title: {
       type: "string",
@@ -882,7 +983,8 @@ var subMenuMeta = {
     },
     key: {
       type: "string",
-      description: "Unique ID of the sub-menu"
+      description: "Unique ID of the sub-menu",
+      defaultValue: "subMenuKey"
     },
     title: {
       type: "slot",
@@ -896,7 +998,10 @@ var subMenuMeta = {
       allowedComponents: ["AntdMenuItem", "AntdMenuDivider", "AntdMenuItemGroup", "AntdSubMenu"],
       defaultValue: [{
         type: "component",
-        name: "AntdMenuItem"
+        name: "AntdMenuItem",
+        props: {
+          key: "subMenuItemKey"
+        }
       }]
     }
   },
@@ -916,7 +1021,8 @@ var menuMeta = {
   displayName: "Antd Menu",
   props: {
     expandIcon: {
-      type: "slot"
+      type: "slot",
+      hidePlaceholder: true
     },
     forceSubMenuRender: {
       type: "boolean",
@@ -936,23 +1042,44 @@ var menuMeta = {
       description: "Allows selection of multiple items"
     },
     openKeys: {
-      type: "object",
+      type: "choice",
       editOnly: true,
       uncontrolledProp: "defaultOpenKeys",
-      description: "Array with the keys of default opened sub menus"
+      description: "Array with the keys of default opened sub menus",
+      multiSelect: true,
+      options: function options(componentProps) {
+        var options = new Set();
+        traverseReactEltTree(componentProps.children, function (elt) {
+          if ((elt == null ? void 0 : elt.type) === SubMenu && typeof (elt == null ? void 0 : elt.key) === "string") {
+            options.add(elt.key);
+          }
+        });
+        return Array.from(options.keys());
+      }
     },
     overflowedIndicator: {
-      type: "slot"
+      type: "slot",
+      hidePlaceholder: true
     },
     selectable: {
       type: "boolean",
       description: "Allows selecting menu items"
     },
     selectedKeys: {
-      type: "object",
+      type: "choice",
       editOnly: true,
       uncontrolledProp: "defaultSelectedKeys",
-      description: "Array with the keys of default selected menu items"
+      description: "Array with the keys of default selected menu items",
+      multiSelect: true,
+      options: function options(componentProps) {
+        var options = new Set();
+        traverseReactEltTree(componentProps.children, function (elt) {
+          if ([SubMenu, MenuItem].includes(elt == null ? void 0 : elt.type) && typeof (elt == null ? void 0 : elt.key) === "string") {
+            options.add(elt.key);
+          }
+        });
+        return Array.from(options.keys());
+      }
     },
     subMenuCloseDelay: {
       type: "number",
@@ -1122,10 +1249,21 @@ var selectMeta = {
       description: "Set mode of Select"
     },
     value: {
-      type: "object",
+      type: "choice",
       editOnly: true,
       uncontrolledProp: "defaultValue",
-      description: "Initial selected option"
+      description: "Initial selected option",
+      options: function options(componentProps) {
+        var options = new Set();
+        traverseReactEltTree(componentProps.children, function (elt) {
+          var _elt$props;
+
+          if ((elt == null ? void 0 : elt.type) === rcSelect.Option && typeof (elt == null ? void 0 : (_elt$props = elt.props) == null ? void 0 : _elt$props.value) === "string") {
+            options.add(elt.props.value);
+          }
+        });
+        return Array.from(options.keys());
+      }
     },
     virtual: {
       type: "boolean",
@@ -1158,6 +1296,32 @@ function registerSelect(loader, customSelectMeta) {
   doRegisterComponent(antd.Select, customSelectMeta != null ? customSelectMeta : selectMeta);
 }
 
+var Slider = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
+  var value = _ref.value,
+      defaultValue = _ref.defaultValue,
+      value2 = _ref.value2,
+      defaultValue2 = _ref.defaultValue2,
+      props = _objectWithoutPropertiesLoose(_ref, ["value", "defaultValue", "value2", "defaultValue2"]);
+
+  var newProps = _extends({}, props);
+
+  if (props.range) {
+    if (typeof value === "number" || typeof value2 === "number") {
+      newProps.value = [value != null ? value : 0, value2 != null ? value2 : 0];
+    }
+
+    if (typeof defaultValue === "number" || typeof defaultValue2 === "number") {
+      newProps.defaultValue = [defaultValue != null ? defaultValue : 0, defaultValue2 != null ? defaultValue2 : 0];
+    }
+  } else {
+    newProps.value = value;
+    newProps.defaultValue = defaultValue;
+  }
+
+  return React.createElement(antd.Slider, Object.assign({}, newProps, {
+    ref: ref
+  }));
+});
 var sliderMeta = {
   name: "AntdSlider",
   displayName: "Antd Slider",
@@ -1178,6 +1342,10 @@ var sliderMeta = {
       type: "boolean",
       description: "If true, the slider will not be interactable"
     },
+    range: {
+      type: "boolean",
+      description: "Dual thumb mode"
+    },
     reverse: {
       type: "boolean",
       description: "Reverse the component"
@@ -1192,17 +1360,31 @@ var sliderMeta = {
       uncontrolledProp: "defaultValue",
       description: "The default value of slider"
     },
+    value2: {
+      type: "number",
+      displayName: "value 2",
+      editOnly: true,
+      uncontrolledProp: "defaultValue2",
+      description: "The default value for the second value of the slider",
+      hidden: function hidden(props) {
+        return !props.range;
+      }
+    },
     step: {
-      type: "object",
+      type: "number",
       description: "The granularity the slider can step through values. Must greater than 0, and be divided by (max - min)." + " When marks no null, step can be null",
-      defaultValue: 1
+      defaultValueHint: 1
     },
     marks: {
       type: "object",
       description: "Tick mark of Slider, type of key must be number, and must in closed interval [min, max]," + " each mark can declare its own style"
     }
   },
-  importPath: "antd",
+  defaultStyles: {
+    width: "200px",
+    maxWidth: "100%"
+  },
+  importPath: "@plasmicpkgs/antd",
   importName: "Slider"
 };
 function registerSlider(loader, customSliderMeta) {
@@ -1210,7 +1392,7 @@ function registerSlider(loader, customSliderMeta) {
     return loader ? loader.registerComponent.apply(loader, arguments) : registerComponent.apply(void 0, arguments);
   };
 
-  doRegisterComponent(antd.Slider, customSliderMeta != null ? customSliderMeta : sliderMeta);
+  doRegisterComponent(Slider, customSliderMeta != null ? customSliderMeta : sliderMeta);
 }
 
 var switchMeta = {
@@ -1237,17 +1419,13 @@ var switchMeta = {
     },
     checkedChildren: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "1"
-      }]
+      defaultValue: [],
+      hidePlaceholder: true
     },
     unCheckedChildren: {
       type: "slot",
-      defaultValue: [{
-        type: "text",
-        value: "0"
-      }]
+      defaultValue: [],
+      hidePlaceholder: true
     },
     size: {
       type: "choice",
@@ -1293,6 +1471,7 @@ function registerAll(loader) {
 }
 
 exports.Dropdown = Dropdown;
+exports.Slider = Slider;
 exports.buttonMeta = buttonMeta;
 exports.carouselMeta = carouselMeta;
 exports.checkboxGroupMeta = checkboxGroupMeta;