@trackunit/react-form-components 0.0.1

package/src/components/UploadInput/UploadInput.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+import { CommonProps } from "@trackunit/react-components";
+import { BaseInputProps } from "../BaseInput";
+type BaseInputExposedProps = Omit<BaseInputProps, "type" | "suffix" | "prefix" | "addonAfter" | "addonBefore" | "actions" | "placeholder">;
+export interface UploadInputProps extends BaseInputExposedProps, CommonProps {
+    /**
+     * A flag to disable the upload input.
+     */
+    disabled?: boolean;
+    /**
+     * A string to set the file formats, for example '.pdf' or '.pdf, .jgp'.
+     */
+    acceptedTypes?: string;
+    /**
+     * Label for the file selector button,
+     */
+    uploadLabel: string;
+    /**
+     * A flag to allow the upload input to accept multiple files.
+     */
+    multipleFiles?: boolean;
+    /**
+     * A flag to disable interaction with input for example if you want to use input as a child of higher component
+     */
+    nonInteractive?: boolean;
+}
+/**
+ * A thin wrapper around the `BaseInput` component for upload input fields.
+ *
+ * NOTE: If shown with a label, please use the `UploadField` component instead.
+ */
+export declare const UploadInput: import("react").ForwardRefExoticComponent<UploadInputProps & import("react").RefAttributes<HTMLInputElement>>;
+export {};

package/src/index.d.ts

@@ -0,0 +1,24 @@
+export * from "./components/ActionButton";
+export * from "./components/BaseInput";
+export * from "./components/Checkbox";
+export * from "./components/DateField/DateField";
+export * from "./components/DateInput/DateInput";
+export * from "./components/DropZone/DropZone";
+export * from "./components/EmailField/EmailField";
+export * from "./components/EmailInput";
+export * from "./components/FormGroup/FormGroup";
+export * from "./components/Label/Label";
+export * from "./components/NumberField/NumberField";
+export * from "./components/NumberInput/NumberInput";
+export * from "./components/PhoneField/PhoneField";
+export * from "./components/PhoneInput/PhoneInput";
+export * from "./components/RadioGroup";
+export * from "./components/Search";
+export * from "./components/Select";
+export * from "./components/TextArea";
+export * from "./components/TextAreaField";
+export * from "./components/TextField";
+export * from "./components/TextInput/TextInput";
+export * from "./components/Toggle";
+export * from "./components/UploadField/UploadField";
+export * from "./components/UploadInput/UploadInput";

package/src/test-utils/hooks.d.ts

@@ -0,0 +1,4 @@
+import { RenderHookOptions } from "@testing-library/react";
+declare const customRenderHook: <T, K>(callback: (props: T) => K, options?: RenderHookOptions<T, typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement> | undefined) => import("@testing-library/react").RenderHookResult<K, T>;
+export * from "@testing-library/react";
+export { customRenderHook as renderHook };

package/src/test-utils/test-utils.d.ts

@@ -0,0 +1,5 @@
+import { RenderOptions } from "@testing-library/react";
+import * as React from "react";
+declare const customRender: (ui: React.ReactElement, options?: Omit<RenderOptions, "queries">) => import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
+export * from "@testing-library/react";
+export { customRender as render };

package/src/translation.d.ts

@@ -0,0 +1,34 @@
+/// <reference types="react" />
+import { NamespaceTransProps, TransForLibs, TranslationResource } from "@trackunit/i18n-library-translation";
+import defaultTranslations from "./locales/en/translation.json";
+/** A type for all available translation keys in this library */
+export type TranslationKeys = keyof typeof defaultTranslations;
+/** The translation namespace for this library */
+export declare const namespace = "react.form-components";
+/**
+ * The TranslationResource for this Library.
+ * Holds lazy loaded imports for all languages supported by the library.
+ *
+ * This is used to register the translations for this library before initializing i18next.
+ */
+export declare const translations: TranslationResource<TranslationKeys>;
+/**
+ *  Local useTranslation for this specific library
+ */
+export declare const useTranslation: () => [TransForLibs<never>, import("i18next").i18n, boolean] & {
+    t: TransForLibs<never>;
+    i18n: import("i18next").i18n;
+    ready: boolean;
+};
+/**
+ * Type of the t function for the local useTranslation for this specific library
+ */
+export type TranslationFunction = TransForLibs<TranslationKeys>;
+/**
+ * Trans for this specific library.
+ */
+export declare const Trans: (props: NamespaceTransProps<TranslationKeys>) => JSX.Element;
+/**
+ * Registers the translations for this library
+ */
+export declare const setupLibraryTranslations: () => void;

package/translation.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation10.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation10.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation11.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation11.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation12.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation12.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation13.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation13.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation14.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation14.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation15.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation15.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation16.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation16.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation17.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation17.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation2.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation2.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation3.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation3.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation4.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation4.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation5.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation5.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation6.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation6.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation7.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation7.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation8.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation8.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };

package/translation9.cjs

@@ -0,0 +1,7 @@
+'use strict';
+
+var translation = {
+	
+};
+
+exports["default"] = translation;

package/translation9.js

@@ -0,0 +1,5 @@
+var translation = {
+	
+};
+
+export { translation as default };