@plasmicpkgs/antd 0.0.1 → 0.0.2

package/dist/antd.esm.js

@@ -1,20 +1,20 @@
 import registerComponent from '@plasmicapp/host/registerComponent';
-import { Button, Carousel, Input, Select, Slider, Switch } from 'antd';
-import React from 'react';
+import { Button, Carousel, Input, Select, Slider as Slider$1, Switch } from 'antd';
 import Checkbox from 'antd/lib/checkbox/Checkbox';
 import CheckboxGroup from 'antd/lib/checkbox/Group';
-import CollapsePanel from 'antd/lib/collapse/CollapsePanel';
+import React from 'react';
 import Collapse from 'antd/lib/collapse/Collapse';
+import CollapsePanel from 'antd/lib/collapse/CollapsePanel';
 import AntdDropdown from 'antd/lib/dropdown';
 import DropdownButton from 'antd/lib/dropdown/dropdown-button';
-import TextArea from 'antd/lib/input/TextArea';
-import Search from 'antd/lib/input/Search';
-import Password from 'antd/lib/input/Password';
 import InputGroup from 'antd/lib/input/Group';
+import Password from 'antd/lib/input/Password';
+import Search from 'antd/lib/input/Search';
+import TextArea from 'antd/lib/input/TextArea';
+import Menu from 'antd/lib/menu/index';
 import MenuDivider from 'antd/lib/menu/MenuDivider';
 import MenuItem from 'antd/lib/menu/MenuItem';
 import SubMenu from 'antd/lib/menu/SubMenu';
-import Menu from 'antd/lib/menu/index';
 import { ItemGroup } from 'rc-menu';
 import { Option, OptGroup } from 'rc-select';
 
@@ -119,6 +119,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);
 
@@ -192,10 +234,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",
@@ -332,10 +386,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",
@@ -511,8 +576,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"
@@ -537,13 +608,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"
@@ -621,7 +698,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"
@@ -634,7 +714,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"
@@ -651,13 +734,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"
@@ -683,8 +772,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"
@@ -709,13 +804,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"
@@ -930,10 +1027,20 @@ 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 ([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());
+      }
     },
     overflowedIndicator: {
       type: "slot"
@@ -943,10 +1050,20 @@ var menuMeta = {
       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",
@@ -1116,10 +1233,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) === 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",
@@ -1152,6 +1280,32 @@ function registerSelect(loader, customSelectMeta) {
   doRegisterComponent(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(Slider$1, Object.assign({}, newProps, {
+    ref: ref
+  }));
+});
 var sliderMeta = {
   name: "AntdSlider",
   displayName: "Antd Slider",
@@ -1172,6 +1326,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"
@@ -1186,17 +1344,30 @@ 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",
-      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
+      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"
     },
     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) {
@@ -1231,17 +1402,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",
@@ -1286,5 +1453,5 @@ function registerAll(loader) {
   registerInputGroup(loader);
 }
 
-export { Dropdown, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerSelect, registerSlider, registerSubMenu, registerSwitch, selectMeta, sliderMeta, subMenuMeta, switchMeta };
+export { Dropdown, Slider, buttonMeta, carouselMeta, checkboxGroupMeta, checkboxMeta, collapsteMeta, collapstePanelMeta, dropdownButtonMeta, dropdownMeta, inputGroupMeta, inputMeta, inputPasswordMeta, inputSearchMeta, inputTextAreaMeta, menuDividerMeta, menuItemGroupMeta, menuItemMeta, menuMeta, optGroupMeta, optionMeta, registerAll, registerButton, registerCarousel, registerCheckbox, registerCheckboxGroup, registerCollapse, registerCollapsePanel, registerDropdown, registerDropdownButton, registerInput, registerInputGroup, registerInputPassword, registerInputSearch, registerInputTextArea, registerMenu, registerMenuDivider, registerMenuItem, registerMenuItemGroup, registerOptGroup, registerOption, registerSelect, registerSlider, registerSubMenu, registerSwitch, selectMeta, sliderMeta, subMenuMeta, switchMeta };
 //# sourceMappingURL=antd.esm.js.map