git0 0.2.10 → 0.2.11

package/svelte-nodegui/src/dom/react-nodegui/src/components/BoxView/RNBoxView.ts

@@ -0,0 +1,99 @@
+import {
+  QWidget,
+  QBoxLayoutSignals,
+  QBoxLayout,
+  NodeWidget,
+  Direction,
+} from "@nodegui/nodegui";
+import { ViewProps, setViewProps } from "../View/RNView";
+import { RNComponent } from "../config";
+
+export interface BoxViewProps extends ViewProps<QBoxLayoutSignals> {
+  direction?: Direction;
+}
+
+const setBoxViewProps = (
+  widget: RNBoxView,
+  newProps: BoxViewProps,
+  oldProps: BoxViewProps
+) => {
+  const setter: BoxViewProps = {
+    set direction(direction: Direction) {
+      widget.layout?.setDirection(direction);
+    },
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNBoxView extends QWidget implements RNComponent {
+  native: any;
+  initialProps?: BoxViewProps;
+  children: Array<NodeWidget<any>> = [];
+
+  get layout() {
+    return super.layout as QBoxLayout | undefined;
+  }
+  set layout(l: QBoxLayout | undefined) {
+    super.layout = l;
+  }
+
+  setProps(newProps: BoxViewProps, oldProps: BoxViewProps): void {
+    if (this.layout) {
+      setBoxViewProps(this, newProps, oldProps);
+    } else {
+      this.initialProps = newProps;
+    }
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    this.appendChild(child);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    const updateChild = () => {
+      this.layout?.addWidget(child);
+      this.children.push(child);
+    };
+
+    if (this.layout) {
+      updateChild();
+
+      return;
+    }
+
+    const layout = new QBoxLayout(Direction.LeftToRight);
+    this.setLayout(layout);
+    this.layout = layout;
+
+    // Newly created layout, so set initial props
+    if (this.initialProps) {
+      setBoxViewProps(this, this.initialProps, {});
+    }
+
+    updateChild();
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    const prevIndex = this.children.indexOf(beforeChild);
+
+    if (prevIndex === -1) {
+      throw new Error(
+        "Attempted to insert child Node before nonexistent child"
+      );
+    }
+
+    this.children.splice(prevIndex, 0, child);
+    this.layout?.insertWidget(prevIndex, child);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    const prevIndex = this.children.indexOf(child);
+
+    if (prevIndex !== -1) {
+      this.children.splice(prevIndex, 1);
+    }
+
+    child.close();
+  }
+  static tagName: string = "boxview";
+}

package/svelte-nodegui/src/dom/react-nodegui/src/components/BoxView/index.ts

@@ -0,0 +1,49 @@
+import { ComponentConfig, registerComponent } from "../config";
+import { RNBoxView, BoxViewProps } from "./RNBoxView";
+import { AppContainer } from "../../reconciler";
+import type { Fiber } from "../../utils/decoupleFromReact";
+
+class BoxViewConfig extends ComponentConfig {
+  tagName = RNBoxView.tagName;
+  shouldSetTextContent(nextProps: BoxViewProps): boolean {
+    return false;
+  }
+  createInstance(
+    newProps: BoxViewProps,
+    rootInstance: AppContainer,
+    context: any,
+    workInProgress: Fiber
+  ): RNBoxView {
+    const widget = new RNBoxView();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  finalizeInitialChildren(
+    instance: RNBoxView,
+    newProps: BoxViewProps,
+    rootContainerInstance: AppContainer,
+    context: any
+  ): boolean {
+    return true;
+  }
+  commitMount(
+    instance: RNBoxView,
+    newProps: BoxViewProps,
+    internalInstanceHandle: any
+  ): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+  }
+  commitUpdate(
+    instance: RNBoxView,
+    updatePayload: any,
+    oldProps: BoxViewProps,
+    newProps: BoxViewProps,
+    finishedWork: Fiber
+  ): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+
+export const BoxView = registerComponent<BoxViewProps>(new BoxViewConfig());

package/svelte-nodegui/src/dom/react-nodegui/src/components/Button/RNButton.ts

@@ -0,0 +1,71 @@
+import { QPushButton, NodeWidget, QPushButtonSignals } from "@nodegui/nodegui";
+import {
+  AbstractButtonProps,
+  setAbstractButtonProps
+} from "../AbstractComponents/RNAbstractButton";
+import { RNWidget } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+
+/**
+ * The Button component provides ability to add and manipulate native button widgets. It is based on
+ * [NodeGui's QPushButton](https://docs.nodegui.org/docs/api/QPushButton).
+ * ## Example
+ * ```javascript
+ * import React from "react";
+ * import { Renderer, Button, Window } from "@nodegui/react-nodegui";
+ * const App = () => {
+ *   return (
+ *     <Window>
+ *       <Button style={buttonStyle} text={"Hello World"} />
+ *     </Window>
+ *   );
+ * };
+ * const buttonStyle = `
+ *   color: white;
+ * `;
+ * Renderer.render(<App />);
+ *
+ * ```
+ */
+export interface ButtonProps extends AbstractButtonProps<QPushButtonSignals> {
+  /**
+   * Sets whether the button border is raised. [QPushButton: setFlat](https://docs.nodegui.org/docs/api/QPushButton#buttonsetflatisflat)
+   */
+  flat?: boolean;
+}
+
+const setButtonProps = (
+  widget: RNButton,
+  newProps: ButtonProps,
+  oldProps: ButtonProps
+) => {
+  const setter: ButtonProps = {
+    set flat(isFlat: boolean) {
+      widget.setFlat(isFlat);
+    }
+  };
+  Object.assign(setter, newProps);
+  setAbstractButtonProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNButton extends QPushButton implements RNWidget {
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  setProps(newProps: ButtonProps, oldProps: ButtonProps) {
+    setButtonProps(this, newProps, oldProps);
+  }
+  static tagName = "button";
+}

package/svelte-nodegui/src/dom/react-nodegui/src/components/Button/index.ts

@@ -0,0 +1,49 @@
+import { ComponentConfig, registerComponent } from "../config";
+import type { Fiber } from "../../utils/decoupleFromReact";
+import { RNButton, ButtonProps } from "./RNButton";
+import { AppContainer } from "../../reconciler";
+class ButtonConfig extends ComponentConfig {
+  tagName = RNButton.tagName;
+  shouldSetTextContent(nextProps: ButtonProps): boolean {
+    return true;
+  }
+  createInstance(
+    newProps: ButtonProps,
+    rootInstance: AppContainer,
+    context: any,
+    workInProgress: Fiber
+  ): RNButton {
+    const widget = new RNButton();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(
+    instance: RNButton,
+    newProps: ButtonProps,
+    internalInstanceHandle: any
+  ): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+    return;
+  }
+  finalizeInitialChildren(
+    instance: RNButton,
+    newProps: ButtonProps,
+    rootContainerInstance: AppContainer,
+    context: any
+  ): boolean {
+    return true;
+  }
+  commitUpdate(
+    instance: RNButton,
+    updatePayload: any,
+    oldProps: ButtonProps,
+    newProps: ButtonProps,
+    finishedWork: Fiber
+  ): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+
+export const Button = registerComponent<ButtonProps>(new ButtonConfig());

package/svelte-nodegui/src/dom/react-nodegui/src/components/CheckBox/RNCheckBox.ts

@@ -0,0 +1,71 @@
+import { QCheckBox, NodeWidget, QCheckBoxSignals } from "@nodegui/nodegui";
+import { RNWidget } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+import {
+  AbstractButtonProps,
+  setAbstractButtonProps
+} from "../AbstractComponents/RNAbstractButton";
+
+/**
+ * The CheckBox component provides ability to add and manipulate native button widgets. It is based on
+ * [NodeGui's QCheckBox](https://docs.nodegui.org/docs/api/QCheckBox).
+ * ## Example
+ * ```javascript
+ * import React from "react";
+ * import { Renderer, CheckBox, Window } from "@nodegui/react-nodegui";
+ * const App = () => {
+ *   return (
+ *     <Window>
+ *       <CheckBox style={checkboxStyle} text={"Hello World"} checked={true} />
+ *     </Window>
+ *   );
+ * };
+ * const checkboxStyle = `
+ *   color: white;
+ * `;
+ * Renderer.render(<App />);
+ *
+ * ```
+ */
+export interface CheckBoxProps extends AbstractButtonProps<QCheckBoxSignals> {
+  /**
+   * This property holds whether the button is checked. [QCheckBox: setChecked](https://docs.nodegui.org/docs/api/QCheckBox/#checkboxsetcheckedcheck)
+   */
+  checked?: boolean;
+}
+
+const setCheckBoxProps = (
+  widget: RNCheckBox,
+  newProps: CheckBoxProps,
+  oldProps: CheckBoxProps
+) => {
+  const setter: CheckBoxProps = {
+    set checked(isChecked: boolean) {
+      widget.setChecked(isChecked);
+    }
+  };
+  Object.assign(setter, newProps);
+  setAbstractButtonProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNCheckBox extends QCheckBox implements RNWidget {
+  setProps(newProps: CheckBoxProps, oldProps: CheckBoxProps): void {
+    setCheckBoxProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "checkbox";
+}

package/svelte-nodegui/src/dom/react-nodegui/src/components/CheckBox/index.ts

@@ -0,0 +1,50 @@
+import type { Fiber } from "../../utils/decoupleFromReact";
+import { registerComponent, ComponentConfig } from "../config";
+import { RNCheckBox, CheckBoxProps } from "./RNCheckBox";
+import { AppContainer } from "../../reconciler";
+
+class CheckBoxConfig extends ComponentConfig {
+  tagName = RNCheckBox.tagName;
+  shouldSetTextContent(nextProps: CheckBoxProps): boolean {
+    return true;
+  }
+  createInstance(
+    newProps: CheckBoxProps,
+    rootInstance: AppContainer,
+    context: any,
+    workInProgress: Fiber
+  ): RNCheckBox {
+    const widget = new RNCheckBox();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  finalizeInitialChildren(
+    instance: RNCheckBox,
+    newProps: CheckBoxProps,
+    rootContainerInstance: AppContainer,
+    context: any
+  ): boolean {
+    return true;
+  }
+  commitMount(
+    instance: RNCheckBox,
+    newProps: CheckBoxProps,
+    internalInstanceHandle: any
+  ): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(
+    instance: RNCheckBox,
+    updatePayload: any,
+    oldProps: CheckBoxProps,
+    newProps: CheckBoxProps,
+    finishedWork: Fiber
+  ): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+
+export const CheckBox = registerComponent<CheckBoxProps>(new CheckBoxConfig());

package/svelte-nodegui/src/dom/react-nodegui/src/components/ComboBox/RNComboBox.ts

@@ -0,0 +1,118 @@
+import {
+  QComboBox,
+  NodeWidget,
+  QSize,
+  QVariant,
+  SizeAdjustPolicy,
+  InsertPolicy,
+  QIcon,
+  QComboBoxSignals
+} from "@nodegui/nodegui";
+import { ViewProps, setViewProps } from "../View/RNView";
+import { RNWidget } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+
+export interface ComboBoxProps extends ViewProps<QComboBoxSignals> {
+  items?: ComboBoxItem[];
+  count?: number;
+  iconSize?: QSize;
+  frame?: boolean;
+  currentIndex?: number;
+  currentData?: QVariant;
+  currentText?: string;
+  duplicatesEnabled?: boolean;
+  editable?: boolean;
+  insertPolicy?: InsertPolicy;
+  maxCount?: number;
+  maxVisibleItems?: number;
+  minimumContentsLength?: number;
+  modelColumn?: number;
+  sizeAdjustPolicy?: SizeAdjustPolicy;
+}
+
+type ComboBoxItem = {
+  text: string;
+  icon?: QIcon;
+  userData?: QVariant;
+};
+
+const setComboBoxProps = (
+  widget: RNComboBox,
+  newProps: ComboBoxProps,
+  oldProps: ComboBoxProps
+) => {
+  const setter: ComboBoxProps = {
+    set items(items: ComboBoxItem[]) {
+      widget.clear();
+      items.forEach(item => {
+        widget.addItem(item.icon, item.text, item.userData);
+      });
+    },
+    set count(count: number) {
+      widget.setProperty("count", count);
+    },
+    set iconSize(iconSize: QSize) {
+      widget.setProperty("iconSize", iconSize.native);
+    },
+    set frame(frame: boolean) {
+      widget.setProperty("frame", frame);
+    },
+    set currentIndex(currentIndex: number) {
+      widget.setProperty("currentIndex", currentIndex);
+    },
+    set currentData(value: QVariant) {
+      widget.setProperty("currentData", value.native);
+    },
+    set currentText(text: string) {
+      widget.setProperty("currentText", text);
+    },
+    set duplicatesEnabled(enabled: boolean) {
+      widget.setProperty("duplicatesEnabled", enabled);
+    },
+    set editable(enabled: boolean) {
+      widget.setProperty("editable", enabled);
+    },
+    set insertPolicy(policy: InsertPolicy) {
+      widget.setProperty("insertPolicy", policy);
+    },
+    set maxCount(count: number) {
+      widget.setProperty("maxCount", count);
+    },
+    set maxVisibleItems(count: number) {
+      widget.setProperty("maxVisibleItems", count);
+    },
+    set minimumContentsLength(count: number) {
+      widget.setProperty("minimumContentsLength", count);
+    },
+    set modelColumn(column: number) {
+      widget.setProperty("modelColumn", column);
+    },
+    set sizeAdjustPolicy(policy: SizeAdjustPolicy) {
+      widget.setProperty("sizeAdjustPolicy", policy);
+    }
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNComboBox extends QComboBox implements RNWidget {
+  setProps(newProps: ComboBoxProps, oldProps: ComboBoxProps): void {
+    setComboBoxProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "combobox";
+}

package/svelte-nodegui/src/dom/react-nodegui/src/components/ComboBox/index.ts

@@ -0,0 +1,50 @@
+import { registerComponent, ComponentConfig } from "../config";
+import type { Fiber } from "../../utils/decoupleFromReact";
+import { RNComboBox, ComboBoxProps } from "./RNComboBox";
+import { AppContainer } from "../../reconciler";
+
+class ComboBoxConfig extends ComponentConfig {
+  tagName = RNComboBox.tagName;
+  shouldSetTextContent(nextProps: ComboBoxProps): boolean {
+    return true;
+  }
+  createInstance(
+    newProps: ComboBoxProps,
+    rootInstance: AppContainer,
+    context: any,
+    workInProgress: Fiber
+  ): RNComboBox {
+    const widget = new RNComboBox();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  finalizeInitialChildren(
+    instance: RNComboBox,
+    newProps: ComboBoxProps,
+    rootContainerInstance: AppContainer,
+    context: any
+  ): boolean {
+    return true;
+  }
+  commitMount(
+    instance: RNComboBox,
+    newProps: ComboBoxProps,
+    internalInstanceHandle: any
+  ): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(
+    instance: RNComboBox,
+    updatePayload: any,
+    oldProps: ComboBoxProps,
+    newProps: ComboBoxProps,
+    finishedWork: Fiber
+  ): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+
+export const ComboBox = registerComponent<ComboBoxProps>(new ComboBoxConfig());

package/svelte-nodegui/src/dom/react-nodegui/src/components/Dial/RNDial.ts

@@ -0,0 +1,69 @@
+import { QDial, NodeWidget, QDialSignals } from "@nodegui/nodegui";
+import { ViewProps, setViewProps } from "../View/RNView";
+import { RNWidget } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+
+/**
+ * The Dial provides ability to add and manipulate native dial slider widgets. It is based on
+ * [NodeGui's QDial](https://docs.nodegui.org/docs/api/generated/classes/qdial/).
+ * ## Example
+ * ```javascript
+ * import React from "react";
+ * import { Renderer, Dial, Window } from "@nodegui/react-nodegui";
+ * const App = () => {
+ *   return (
+ *     <Window>
+ *       <Dial />
+ *     </Window>
+ *   );
+ * };
+ * Renderer.render(<App />);
+ * ```
+ */
+export interface DialProps extends ViewProps<QDialSignals> {
+  notchesVisible?: boolean;
+  wrapping?: boolean;
+  notchTarget?: number;
+}
+
+const setDialProps = (
+  widget: RNDial,
+  newProps: DialProps,
+  oldProps: DialProps
+) => {
+  const setter: DialProps = {
+    set notchesVisible(notchesVisible: boolean) {
+      widget.setNotchesVisible(notchesVisible);
+    },
+    set wrapping(wrapping: boolean) {
+      widget.setWrapping(wrapping);
+    },
+    set notchTarget(notchTarget: number) {
+      widget.setNotchTarget(notchTarget);
+    },
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNDial extends QDial implements RNWidget {
+  setProps(newProps: DialProps, oldProps: DialProps): void {
+    setDialProps(this, newProps, oldProps);
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    throwUnsupported(this);
+  }
+  static tagName = "dial";
+}

package/svelte-nodegui/src/dom/react-nodegui/src/components/Dial/index.ts

@@ -0,0 +1,41 @@
+import type { Fiber } from "../../utils/decoupleFromReact";
+import { registerComponent, ComponentConfig } from "../config";
+import { RNDial, DialProps } from "./RNDial";
+import { AppContainer } from "../../reconciler";
+class DialConfig extends ComponentConfig {
+  tagName = RNDial.tagName;
+  shouldSetTextContent(nextProps: DialProps): boolean {
+    return true;
+  }
+  createInstance(
+    newProps: DialProps,
+    rootInstance: AppContainer,
+    context: any,
+    workInProgress: Fiber
+  ): RNDial {
+    const widget = new RNDial();
+    widget.setProps(newProps, {});
+    return widget;
+  }
+  commitMount(
+    instance: RNDial,
+    newProps: DialProps,
+    internalInstanceHandle: any
+  ): void {
+    if (newProps.visible !== false) {
+      instance.show();
+    }
+    return;
+  }
+  commitUpdate(
+    instance: RNDial,
+    updatePayload: any,
+    oldProps: DialProps,
+    newProps: DialProps,
+    finishedWork: Fiber
+  ): void {
+    instance.setProps(newProps, oldProps);
+  }
+}
+
+export const Dial = registerComponent<DialProps>(new DialConfig());