From 79c3f5ff1b72cecc060f1a713426e0efb5f2b6f9 Mon Sep 17 00:00:00 2001 From: Mikhail Smal Date: Wed, 7 Nov 2018 23:20:37 +0100 Subject: [PATCH] MaterialUI 3.4.0 catchup --- docs/src/Api/circular-progress.md | 1 + docs/src/Api/form-control-label.md | 2 +- docs/src/Api/svg-icon.md | 1 + src/Fable.Helpers.MaterialUI.Props.fs | 9 ++++++++- 4 files changed, 11 insertions(+), 2 deletions(-) diff --git a/docs/src/Api/circular-progress.md b/docs/src/Api/circular-progress.md index 7c836a3..9033f45 100644 --- a/docs/src/Api/circular-progress.md +++ b/docs/src/Api/circular-progress.md @@ -22,6 +22,7 @@ attribute to `true` on that region until it has finished loading. | CircularProgresProp.Thickness | float | 3.6 | The thickness of the circle. | | CircularProgresProp.Value | int | 0 | The value of the progress indicator for the determinate and static variants. Value between 0 and 100. | | CircularProgresProp.Variant | type CircularProgressVariant =
  | Determinate
  | Indeterminate
  | Static
 | CircularProgressVariant.Indeterminate | The variant to use. Use indeterminate when there is no progress value. | +| CircularProgresProp.DisableShrink | bool | false | If `true`, the shrink animation is disabled. This only works if variant is `indeterminate`. | Any other properties supplied will be spread to the root element (native element). diff --git a/docs/src/Api/form-control-label.md b/docs/src/Api/form-control-label.md index 35e5347..ce094f4 100644 --- a/docs/src/Api/form-control-label.md +++ b/docs/src/Api/form-control-label.md @@ -21,7 +21,7 @@ Use this component if you want to display an extra label. | HTMLAttr.Name | string |   | | | HTMLAttr.Value | string |   | The value of the component. | | FormControlLabelProp.Control | ReactElement |   | A control element. For instance, it can be be a `Radio`, a `Switch` or a `Checkbox`. | -| FormControlLabelProp.LabelPlacement | type FormControlLabelPlacement =
  | End
  | Start
 | FormControlLabelPlacement.End | The position of the label. | +| FormControlLabelProp.LabelPlacement | type FormControlLabelPlacement =
  | End
  | Start
  | Top
  | Bottom
 | FormControlLabelPlacement.End | The position of the label. | | FormControlLabelProp.OnChange | obj->bool->unit |   | Callback fired when the state is changed.

**Signature:**
`(event: obj)->(checked: bool)->unit`
*event:* The event source of the callback. You can pull out the new value by accessing `event.target.checked`.
*checked:* The `checked` value of the switch | Any other properties supplied will be spread to the root element (native element). diff --git a/docs/src/Api/svg-icon.md b/docs/src/Api/svg-icon.md index 87905ae..68458df 100644 --- a/docs/src/Api/svg-icon.md +++ b/docs/src/Api/svg-icon.md @@ -17,6 +17,7 @@ Fable.Helpers.MaterialUI.svgIcon (props : IHTMLProp list) (children : ReactEleme | IconProp.Color | type IconColor =
  | Inherit
  | Primary
  | Secondary
  | Action
  | Error
  | Disabled
 | IconColor.Inherit | The color of the component. It supports those theme colors that make sense for this component. You can use the `nativeColor` property to apply a color attribute to the SVG element. | | IconProp.FontSize | type IconFontSize =
  | Inherit
  | Default
  | Small
  | Large
 | IconProp.Default | The fontSize applied to the icon. Defaults to 24px, but can be configure to inherit font size. | | SvgIconProp.NativeColor | string |   | Applies a color attribute to the SVG element. | +| SvgIconProp.ShapeRendering | string |   | The shape-rendering attribute. The behavior of the different options is described [here](https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/shape-rendering). If you are having issues with blurry icons you should investigate this property. | | SvgIconProp.TitleAccess | string |   | Provides a human-readable title for the element that contains it. https://www.w3.org/TR/SVG-access/#Equivalent | | SvgIconProp.ViewBox | string | "0 0 24 24" | Allows you to redefine what the coordinates without units mean inside an SVG element. For example, if the SVG element is 500 (width) by 200 (height), and you pass viewBox="0 0 50 20", this means that the coordinates inside the SVG will go from the top left corner (0,0) to bottom right (50,20) and each unit will be worth 10px. | diff --git a/src/Fable.Helpers.MaterialUI.Props.fs b/src/Fable.Helpers.MaterialUI.Props.fs index c639edc..05898e4 100644 --- a/src/Fable.Helpers.MaterialUI.Props.fs +++ b/src/Fable.Helpers.MaterialUI.Props.fs @@ -1147,6 +1147,7 @@ module Props = | Thickness of float | Value of int // TODO validate for 0 to 100 | Variant of CircularProgressVariant + | DisableShrink of bool interface IHTMLProp type [] ClickAwayListenerMouseEvent = @@ -1223,7 +1224,11 @@ module Props = | Variant of FormControlVariant interface IHTMLProp - type [] FormControlLabelPlacement = End | Start + type [] FormControlLabelPlacement = + | End + | Start + | Top + | Bottom type FormControlLabelProp = | Control of Fable.Import.React.ReactElement @@ -1610,6 +1615,8 @@ module Props = type SvgIconProp = | NativeColor of string | TitleAccess of string + | ViewBox of string + | ShapeRendering of string interface IHTMLProp type SwipeableDrawerProp =