@faasjs/ant-design 0.0.2-beta.328 → 0.0.2-beta.329

package/README.md

@@ -27,33 +27,14 @@ type FaasItemProps = {
 }
 ```
 
-### Component special props
+### Form
 
-Each component's props extends from `FaasItemProps` structures.
+Form are based on [Ant Design's Form component](https://ant.design/components/form/#Form).
 
-#### DescriptionItemProps
+<iframe src="https://codesandbox.io/embed/recursing-lumiere-8wn11" style="width:100%;height:500px;border:0;overflow:hidden;" title="faasjs-ant-design-form" sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>
 
-```ts
-type DescriptionItemProps<T = any> = FaasItemProps & {
-  content?: (props: {
-    value: T
-  }) => JSX.Element
-}
-```
-
-#### FormItemProps
-
-```ts
-type FormItemProps<T = any> = AntdFormItemProps<T> & FaasItemProps & {
-  input?: (args: {
-    value?: T
-    onChange?: (value: T) => void
-  }) => JSX.Element
-}
-```
+### FormItem
 
-#### TableItemProps
+Form are based on [Ant Design's Form.Item component](https://ant.design/components/form/#Form.Item).
 
-```ts
-type TableItemProps<T = any> = AntdTableColumnProps<T> & FaasItemProps
-```
+<iframe src="https://codesandbox.io/s/faasjs-ant-design-formitem-olqg5" style="width:100%;height:500px;border:0;overflow:hidden;" title="faasjs-ant-design-formitem" sandbox="allow-forms allow-modals allow-popups allow-presentation allow-same-origin allow-scripts"></iframe>

package/dist/index.d.ts

@@ -33,7 +33,7 @@ declare type OptionType<T = any> = {
     children?: Omit<OptionType<T>, 'children'>[];
 };
 declare type OptionsProps<T = any> = {
-    options?: OptionType<T>[];
+    options?: OptionType<T>[] | string[] | number[];
     type?: 'string' | 'string[]' | 'number' | 'number[]';
     input?: SelectProps<any>;
 };
@@ -46,7 +46,7 @@ declare type FormItemProps<T = any> = {
 declare function FormItem<T = any>(props: FormItemProps<T>): JSX.Element;
 
 declare type FormProps<T = any> = {
-    items: FormItemProps[];
+    items?: FormItemProps[];
 } & FormProps$1<T>;
 declare const Form: {
     <T = any>(props: FormProps<T>): JSX.Element;

package/dist/index.js

@@ -93,7 +93,18 @@ function FormItem(props) {
     if (!propsCopy.input)
       propsCopy.input = {};
     if (propsCopy.options) {
-      propsCopy.input.options = propsCopy.options;
+      const options = [];
+      if (propsCopy.options.length > 0)
+        for (const option of propsCopy.options) {
+          if (typeof option === "object")
+            options.push(option);
+          else
+            options.push({
+              label: (0, import_lodash.upperFirst)(option.toString()),
+              value: option
+            });
+        }
+      propsCopy.input.options = options;
     }
     switch (propsCopy.type) {
       case "boolean":
@@ -199,7 +210,8 @@ function FormItem(props) {
 
 // src/components/Form.tsx
 var Form = function(props) {
-  return /* @__PURE__ */ import_react.default.createElement(import_antd2.Form, __spreadValues({}, props), props.items.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadValues({
+  var _a;
+  return /* @__PURE__ */ import_react.default.createElement(import_antd2.Form, __spreadValues({}, props), (_a = props.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ import_react.default.createElement(FormItem, __spreadValues({
     key: item.id
   }, item))), /* @__PURE__ */ import_react.default.createElement(import_antd2.Button, {
     htmlType: "submit",

package/dist/index.mjs

@@ -76,7 +76,18 @@ function FormItem(props) {
     if (!propsCopy.input)
       propsCopy.input = {};
     if (propsCopy.options) {
-      propsCopy.input.options = propsCopy.options;
+      const options = [];
+      if (propsCopy.options.length > 0)
+        for (const option of propsCopy.options) {
+          if (typeof option === "object")
+            options.push(option);
+          else
+            options.push({
+              label: upperFirst(option.toString()),
+              value: option
+            });
+        }
+      propsCopy.input.options = options;
     }
     switch (propsCopy.type) {
       case "boolean":
@@ -182,7 +193,8 @@ function FormItem(props) {
 
 // src/components/Form.tsx
 var Form = function(props) {
-  return /* @__PURE__ */ React.createElement(AntdForm2, __spreadValues({}, props), props.items.map((item) => /* @__PURE__ */ React.createElement(FormItem, __spreadValues({
+  var _a;
+  return /* @__PURE__ */ React.createElement(AntdForm2, __spreadValues({}, props), (_a = props.items) == null ? void 0 : _a.map((item) => /* @__PURE__ */ React.createElement(FormItem, __spreadValues({
     key: item.id
   }, item))), /* @__PURE__ */ React.createElement(Button2, {
     htmlType: "submit",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@faasjs/ant-design",
-  "version": "0.0.2-beta.328",
+  "version": "0.0.2-beta.329",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",