Add blueprint externals and migrate

1 files changed, 260 insertions, 0 deletions

diff --git a/sw-ui-kt/src/main/kotlin/blueprintjs.kt b/sw-ui-kt/src/main/kotlin/blueprintjs.kt
new file mode 100644
index 00000000..37892fde
--- /dev/null
+++ b/sw-ui-kt/src/main/kotlin/blueprintjs.kt
@@ -0,0 +1,260 @@
+@file:JsModule("@blueprintjs/core")
+package com.palantir.blueprintjs
+
+import org.w3c.dom.HTMLAnchorElement
+import org.w3c.dom.HTMLButtonElement
+import org.w3c.dom.HTMLElement
+import org.w3c.dom.HTMLInputElement
+import org.w3c.dom.events.Event
+import org.w3c.dom.events.MouseEvent
+import react.*
+
+/**
+ * The four basic intents.
+ */
+// export declare const Intent: {
+//    NONE: "none";
+//    PRIMARY: "primary";
+//    SUCCESS: "success";
+//    WARNING: "warning";
+//    DANGER: "danger";
+//};
+//export declare type Intent = typeof Intent[keyof typeof Intent];
+external enum class Intent {
+    NONE,
+    PRIMARY,
+    SUCCESS,
+    WARNING,
+    DANGER
+}
+
+/** Alignment along the horizontal axis. */
+//export declare const Alignment: {
+//    CENTER: "center";
+//    LEFT: "left";
+//    RIGHT: "right";
+//};
+//export declare type Alignment = typeof Alignment[keyof typeof Alignment];
+external enum class Alignment {
+    CENTER,
+    LEFT,
+    RIGHT
+}
+
+/**
+ * A shared base interface for all Blueprint component props.
+ */
+external interface IProps : RProps {
+    /** A space-delimited list of class names to pass along to a child element. */
+    var className: String?
+}
+external interface IIntentProps {
+    /** Visual intent color to apply to element. */
+    var intent: Intent?
+}
+/**
+ * Interface for a clickable action, such as a button or menu item.
+ * These props can be spready directly to a `<Button>` or `<MenuItem>` element.
+ */
+external interface IActionProps : IIntentProps, IProps {
+    /** Whether this action is non-interactive. */
+    var disabled: Boolean?
+    /** Name of a Blueprint UI icon (or an icon element) to render before the text. */
+    var icon: IconName?
+    /** Click event handler. */
+    var onClick: ((event: MouseEvent) -> Unit)?
+    /** Action text. Can be any single React renderable. */
+    var text: String?
+}
+/** Interface for a link, with support for customizing target window. */
+external interface ILinkProps {
+    /** Link URL. */
+    var href: String?
+    /** Link target attribute. Use `"_blank"` to open in a new window. */
+    var target: String?
+}
+/** Interface for a controlled input. */
+external interface IControlledProps {
+    /** Initial value of the input, for uncontrolled usage. */
+    var defaultValue: String?
+    /** Change event handler. Use `event.target.value` for new value. */
+    var onChange: ((Event) -> Unit)?
+    /** Form value of the input, for controlled usage. */
+    var value: String?
+}
+/**
+ * An interface for an option in a list, such as in a `<select>` or `RadioGroup`.
+ * These props can be spread directly to an `<option>` or `<Radio>` element.
+ */
+external interface IOptionProps : IProps {
+    /** Whether this option is non-interactive. */
+    var disabled: Boolean?
+    /** Label text for this option. If omitted, `value` is used as the label. */
+    var label: String?
+    /** Value of this option. */
+    var value: Any? // String | Number
+}
+
+external interface IIconProps : IIntentProps, IProps {
+    /**
+     * Color of icon. This is used as the `fill` attribute on the `<svg>` image
+     * so it will override any CSS `color` property, including that set by
+     * `intent`. If this prop is omitted, icon color is inherited from
+     * surrounding text.
+     */
+    var color: String?
+    /**
+     * String for the `title` attribute on the rendered element, which will appear
+     * on hover as a native browser tooltip.
+     */
+    var htmlTitle: String?
+    /**
+     * Name of a Blueprint UI icon, or an icon element, to render. This prop is
+     * required because it determines the content of the component, but it can
+     * be explicitly set to falsy values to render nothing.
+     *
+     * - If `null` or `undefined` or `false`, this component will render
+     *   nothing.
+     * - If given an `IconName` (a string literal union of all icon names), that
+     *   icon will be rendered as an `<svg>` with `<path>` tags. Unknown strings
+     *   will render a blank icon to occupy space.
+     * - If given a `JSX.Element`, that element will be rendered and _all other
+     *   props on this component are ignored._ This type is supported to
+     *   simplify icon support in other Blueprint components. As a consumer, you
+     *   should avoid using `<Icon icon={<Element />}` directly; simply render
+     *   `<Element />` instead.
+     */
+    var icon: IconName
+    /**
+     * Size of the icon, in pixels. Blueprint contains 16px and 20px SVG icon
+     * images, and chooses the appropriate resolution based on this prop.
+     * @default Icon.SIZE_STANDARD = 16
+     */
+    var iconSize: Int?
+    /** CSS style properties. */
+    //var style: CSSProperties? // TODO
+    /**
+     * HTML tag to use for the rendered element.
+     * @default "span"
+     */
+    var tagName: String? // keyof JSX.IntrinsicElements
+    /**
+     * Description string. This string does not appear in normal browsers, but
+     * it increases accessibility. For instance, screen readers will use it for
+     * aural feedback. By default, this is set to the icon's name. Pass an
+     * explicit falsy value to disable.
+     */
+    var title: String?
+}
+
+external class Icon : PureComponent<IIconProps, RState> {
+
+    override fun render(): ReactElement?
+
+    companion object {
+        val SIZE_STANDARD: Int = definedExternally
+        val SIZE_LARGE: Int = definedExternally
+    }
+}
+
+external interface IButtonProps : IActionProps {
+    /**
+     * If set to `true`, the button will display in an active state.
+     * This is equivalent to setting `className={Classes.ACTIVE}`.
+     * @default false
+     */
+    var active: Boolean?
+    /**
+     * Text alignment within button. By default, icons and text will be centered
+     * within the button. Passing `"left"` or `"right"` will align the button
+     * text to that side and push `icon` and `rightIcon` to either edge. Passing
+     * `"center"` will center the text and icons together.
+     * @default Alignment.CENTER
+     */
+    var alignText: Alignment?
+    /** A ref handler that receives the native HTML element backing this component. */
+    var elementRef: ((ref: HTMLElement?) -> Any)?
+    /** Whether this button should expand to fill its container. */
+    var fill: Boolean?
+    /** Whether this button should use large styles. */
+    var large: Boolean?
+    /**
+     * If set to `true`, the button will display a centered loading spinner instead of its contents.
+     * The width of the button is not affected by the value of this prop.
+     * @default false
+     */
+    var loading: Boolean?
+    /** Whether this button should use minimal styles. */
+    var minimal: Boolean?
+    /** Whether this button should use outlined styles. */
+    var outlined: Boolean?
+    /** Name of a Blueprint UI icon (or an icon element) to render after the text. */
+    var rightIcon: IconName?
+    /** Whether this button should use small styles. */
+    var small: Boolean?
+    /**
+     * HTML `type` attribute of button. Accepted values are `"button"`, `"submit"`, and `"reset"`.
+     * Note that this prop has no effect on `AnchorButton`; it only affects `Button`.
+     * @default "button"
+     */
+    var type: String? //"submit" | "reset" | "button";
+}
+
+external interface IButtonState : RState {
+    var isActive: Boolean
+}
+
+abstract external class AbstractButton : PureComponent<IButtonProps, IButtonState> {
+}
+
+external class Button : AbstractButton {
+    override fun render(): ReactElement
+}
+external class AnchorButton : AbstractButton {
+    override fun render(): ReactElement
+}
+external interface IInputGroupProps : IControlledProps, IIntentProps, IProps {
+    /**
+     * Whether the input is non-interactive.
+     * Note that `rightElement` must be disabled separately; this prop will not affect it.
+     * @default false
+     */
+    var disabled: Boolean?
+    /**
+     * Whether the component should take up the full width of its container.
+     */
+    var fill: Boolean?
+    /** Ref handler that receives HTML `<input>` element backing this component. */
+    var inputRef: ((ref: HTMLInputElement?) -> Any)?;
+    /**
+     * Name of a Blueprint UI icon (or an icon element) to render on the left side of the input group,
+     * before the user's cursor.
+     */
+    var leftIcon: IconName?
+    /** Whether this input should use large styles. */
+    var large: Boolean?
+    /** Whether this input should use small styles. */
+    var small: Boolean?
+    /** Placeholder text in the absence of any value. */
+    var placeholder: String?
+    /**
+     * Element to render on right side of input.
+     * For best results, use a minimal button, tag, or small spinner.
+     */
+    var rightElement: ReactElement?
+    /** Whether the input (and any buttons) should appear with rounded caps. */
+    var round: Boolean?
+    /**
+     * HTML `input` type attribute.
+     * @default "text"
+     */
+    var type: String?
+}
+
+external interface IInputGroupState : RState {
+    var rightElementWidth: Int
+}
+
+external class InputGroup : PureComponent<IInputGroupProps, IInputGroupState> {
+    override fun render(): ReactElement
+}