git0 0.2.10 → 0.2.11

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

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

package/svelte-nodegui/src/dom/react-nodegui/src/components/RadioButton/RNRadioButton.ts

@@ -0,0 +1,50 @@
+import {
+  QRadioButton,
+  NodeWidget,
+  QRadioButtonSignals
+} from "@nodegui/nodegui";
+import { RNWidget } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+import {
+  setAbstractButtonProps,
+  AbstractButtonProps
+} from "../AbstractComponents/RNAbstractButton";
+
+export interface RadioButtonProps
+  extends AbstractButtonProps<QRadioButtonSignals> {
+  // More to be added
+}
+
+const setRadioButtonProps = (
+  widget: RNRadioButton,
+  newProps: RadioButtonProps,
+  oldProps: RadioButtonProps
+) => {
+  const setter: RadioButtonProps = {
+    // more setters to be added
+  };
+  Object.assign(setter, newProps);
+  setAbstractButtonProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNRadioButton extends QRadioButton implements RNWidget {
+  setProps(newProps: RadioButtonProps, oldProps: RadioButtonProps): void {
+    setRadioButtonProps(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 = "radiobutton";
+}

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

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

package/svelte-nodegui/src/dom/react-nodegui/src/components/ScrollArea/RNScrollArea.ts

@@ -0,0 +1,51 @@
+import { QScrollArea, NodeWidget, QScrollAreaSignals } from "@nodegui/nodegui";
+import { ViewProps, setViewProps } from "../View/RNView";
+import { RNWidget } from "../config";
+
+export interface ScrollAreaProps extends ViewProps<QScrollAreaSignals> {
+  widgetResizable?: boolean;
+}
+
+const setScrollAreaProps = (
+  widget: RNScrollArea,
+  newProps: ScrollAreaProps,
+  oldProps: ScrollAreaProps
+) => {
+  const setter: ScrollAreaProps = {
+    set widgetResizable(resizable: boolean) {
+      widget.setWidgetResizable(resizable);
+    }
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNScrollArea extends QScrollArea implements RNWidget {
+  setProps(newProps: ScrollAreaProps, oldProps: ScrollAreaProps): void {
+    setScrollAreaProps(this, newProps, oldProps);
+  }
+  removeChild(child: NodeWidget<any>): void {
+    const removedChild = this.takeWidget();
+    if (removedChild) {
+      removedChild.close();
+    }
+    child.close();
+  }
+  appendInitialChild(child: NodeWidget<any>): void {
+    if (this.contentWidget) {
+      console.warn("ScrollView can't have more than one child node");
+      return;
+    }
+    this.setWidget(child);
+  }
+  appendChild(child: NodeWidget<any>): void {
+    this.appendInitialChild(child);
+  }
+  insertBefore(child: NodeWidget<any>, beforeChild: NodeWidget<any>): void {
+    this.appendInitialChild(child);
+  }
+  static tagName = "scrollarea";
+}

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

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

package/svelte-nodegui/src/dom/react-nodegui/src/components/Slider/RNSlider.ts

@@ -0,0 +1,97 @@
+import { QSlider, NodeWidget, QSliderSignals, TickPosition, Orientation } from '@nodegui/nodegui';
+import { setViewProps, ViewProps } from '../View/RNView';
+import { RNWidget } from '../config';
+import { throwUnsupported } from '../../utils/helpers';
+
+export interface SliderProps extends ViewProps<QSliderSignals> {
+  tickInterval?: number;
+  tickPosition?: TickPosition;
+  orientation?: Orientation;
+  minimum?: number;
+  maximum?: number;
+  invertedAppearance?: boolean;
+  invertedControls?: boolean;
+  pageStep?: number;
+  singleStep?: number;
+  isSliderDown?: boolean;
+  sliderPosition?: number;
+  hasTracking?: boolean;
+  value?: number;
+}
+
+const setSliderProps = (
+  widget: RNSlider,
+  newProps: SliderProps,
+  oldProps: SliderProps,
+) => {
+  const setter: SliderProps = {
+    set tickInterval(tickInterval: number) {
+      widget.setTickInterval(tickInterval);
+    },
+    set tickPosition(tickPosition: TickPosition) {
+      widget.setTickPosition(tickPosition);
+    },
+    set invertedAppearance(inverted: boolean) {
+      widget.setInvertedAppearance(inverted);
+    },
+    set invertedControls(inverted: boolean) {
+      widget.setInvertedControls(inverted);
+    },
+    set maximum(maximum: number) {
+      widget.setMaximum(maximum);
+    },
+    set minimum(minimum: number) {
+      widget.setMinimum(minimum);
+    },
+    set orientation(orientation: Orientation) {
+      widget.setOrientation(orientation);
+    },
+    set pageStep(step: number) {
+      widget.setPageStep(step);
+    },
+    set singleStep(step: number) {
+      widget.setSingleStep(step);
+    },
+    set isSliderDown(down: boolean) {
+      widget.setSliderDown(down);
+    },
+    set sliderPosition(position: number) {
+      widget.setSliderPosition(position);
+    },
+    set hasTracking(enable: boolean) {
+      widget.setTracking(enable);
+    },
+    set value(value: number) {
+      widget.setValue(value);
+    },
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNSlider extends QSlider implements RNWidget {
+  setProps(newProps: SliderProps, oldProps: SliderProps): void {
+    setSliderProps(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 = 'slider';
+}

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

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

package/svelte-nodegui/src/dom/react-nodegui/src/components/SpinBox/RNSpinBox.ts

@@ -0,0 +1,88 @@
+import { QSpinBox, NodeWidget, QSpinBoxSignals } from "@nodegui/nodegui";
+import { ViewProps, setViewProps } from "../View/RNView";
+import { RNWidget } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+
+/**
+ * The SpinBox component provides the ability to add and manipulate native spin box widgets. It is based on
+ * [NodeGui's QSpinBox](https://docs.nodegui.org/docs/api/generated/classes/qspinbox/).
+ * ## Example
+ * ```javascript
+ * import React from "react";
+ * import { Renderer, SpinBox, Window } from "@nodegui/react-nodegui";
+ * const App = () => {
+ *  const handleValuehanged = {
+ *    valueChanged: (newValue) => {
+ *       console.log(newValue);
+ *    },
+ *   };
+ *   return (
+ *    <Window>
+ *       <SpinBox on={handleValuehanged} value={10} />
+ *    </Window>
+ *   );
+ * };
+ * Renderer.render(<App />);
+ * 
+ * ```
+ */
+export interface SpinBoxProps extends ViewProps<QSpinBoxSignals> {
+  prefix?: string;
+  suffix?: string;
+  singleStep?: number;
+  range?: Range;
+  value?: number;
+}
+
+const setSpinBoxProps = (
+  widget: RNSpinBox,
+  newProps: SpinBoxProps,
+  oldProps: SpinBoxProps
+) => {
+  const setter: SpinBoxProps = {
+    set prefix(prefix: string) {
+      widget.setPrefix(prefix);
+    },
+    set suffix(suffix: string) {
+      widget.setSuffix(suffix);
+    },
+    set singleStep(step: number) {
+      widget.setSingleStep(step);
+    },
+    set range(range: Range) {
+      widget.setRange(range.minimum, range.maximum);
+    },
+    set value(value: number) {
+      widget.setValue(value);
+    }
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNSpinBox extends QSpinBox implements RNWidget {
+  setProps(newProps: SpinBoxProps, oldProps: SpinBoxProps): void {
+    setSpinBoxProps(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 = "spinbox";
+}
+
+type Range = {
+  minimum: number;
+  maximum: number;
+};

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

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

package/svelte-nodegui/src/dom/react-nodegui/src/components/Svg/RNSvg.ts

@@ -0,0 +1,67 @@
+import { setViewProps, ViewProps, WidgetEventListeners } from "../View/RNView";
+import {
+  QSvgWidget,
+  NodeWidget,
+  QWidgetSignals,
+  CursorShape,
+  QCursor,
+  QBoxLayoutSignals,
+  QFont,
+  QGraphicsEffect,
+  NodeLayout,
+  Component,
+} from "@nodegui/nodegui";
+import { RNComponent, RNProps } from "../config";
+import { throwUnsupported } from "../../utils/helpers";
+
+export interface SvgProps extends ViewProps<QBoxLayoutSignals> {
+  /**
+   * Sets the graphics effect used by the widget
+   */
+  graphicsEffect?: QGraphicsEffect<any>;
+
+  /**
+   * Sets the file path
+   */
+  src?: string | Buffer;
+}
+
+const setSvgProps = (
+  widget: RNSvg,
+  newProps: SvgProps,
+  oldProps: SvgProps
+) => {
+  const setter: SvgProps = {
+    set graphicsEffect(effect: QGraphicsEffect<any>) {
+      widget.setGraphicsEffect(effect);
+    },
+    set src(file: string | Buffer) {
+      widget.load(file);
+    },
+  };
+  Object.assign(setter, newProps);
+  setViewProps(widget, newProps, oldProps);
+};
+
+/**
+ * @ignore
+ */
+export class RNSvg extends QSvgWidget implements RNComponent {
+  static tagName = "svg";
+
+  setProps(newProps: SvgProps, oldProps: SvgProps): void {
+    setSvgProps(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);
+  }
+}

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

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