revdev-components 0.5.0

package/README.md

@@ -0,0 +1,40 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+# or
+bun dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

package/build/dialog/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./info";
+export * from "./regular";

package/build/dialog/info/index.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+type AppDialogTitleHandler = (close?: React.ReactNode) => React.ReactNode;
+export interface InfoDialogProps {
+    titlePrefix?: string;
+    title?: string | AppDialogTitleHandler;
+    children: React.ReactNode;
+    hideFooter?: boolean;
+    className?: string;
+    width?: number;
+    contentClassName?: string;
+    hideClose?: boolean;
+    onOk?: () => void;
+    onClose?: () => void;
+    open?: boolean;
+    maskClosable?: boolean;
+}
+export declare const InfoDialog: React.FC<InfoDialogProps>;
+export {};

package/build/dialog/regular/index.d.ts

@@ -0,0 +1,20 @@
+import React from "react";
+type AppDialogTitleHandler = (close?: React.ReactNode) => React.ReactNode;
+export interface RegularDialogProps {
+    titlePrefix?: string;
+    title?: string | AppDialogTitleHandler;
+    children: React.ReactNode;
+    hideFooter?: boolean;
+    className?: string;
+    width?: number;
+    okText?: string;
+    cancelText?: string;
+    footerClassName?: string;
+    contentClassName?: string;
+    hideOk?: boolean;
+    onOk?: () => void;
+    onClose?: () => void;
+    open?: boolean;
+}
+export declare const RegularDialog: React.FC<RegularDialogProps>;
+export {};

package/build/fields/date-picker/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { DatePickerProps } from "antd";
+import { FormLineProps } from "../line";
+interface Props extends FormLineProps, Omit<DatePickerProps, "name"> {
+}
+export declare const DatePickerField: React.FC<Props>;
+export {};

package/build/fields/hidden/index.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    name: string;
+}
+export declare const HiddenField: React.FC<Props>;
+export {};

package/build/fields/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./date-picker";
+export * from "./hidden";
+export * from "./input";
+export * from "./line";
+export * from "./input-number";
+export * from "./radio-button";
+export * from "./range-picker";
+export * from "./text-area";

package/build/fields/input/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputProps } from "antd";
+import { FormLineProps } from "../line";
+interface Props extends FormLineProps, Omit<InputProps, "name"> {
+}
+export declare const InputField: React.FC<Props>;
+export {};

package/build/fields/input-number/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { InputNumberProps } from "antd";
+import { FormLineProps } from "../line";
+interface Props extends FormLineProps, Omit<InputNumberProps, "name"> {
+}
+export declare const InputNumberField: React.FC<Props>;
+export {};

package/build/fields/line/index.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { FormRule } from "antd";
+import { NamePath } from "antd/es/form/interface";
+export declare function useLineProps<T extends FormLineProps>({ lineClassName, name, label, rules, valuePropName, noStyle, ...rest }: T): [FormLineProps, Omit<T, "lineClassName" | "name" | "label" | "rules" | "valuePropName" | "noStyle">];
+export interface FormLineProps {
+    lineClassName?: string;
+    name: NamePath;
+    label?: string;
+    rules?: FormRule | FormRule[];
+    valuePropName?: string;
+    noStyle?: boolean;
+}
+export declare const FormLine: React.FC<FormLineProps & {
+    children?: React.ReactNode;
+}>;

package/build/fields/radio-button/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { RadioGroupProps } from "antd";
+import { FormLineProps } from "../line";
+interface Props extends FormLineProps, Omit<RadioGroupProps, "name"> {
+}
+export declare const RadioButtonField: React.FC<Props>;
+export {};

package/build/fields/range-picker/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { RangePickerProps } from "antd/es/date-picker";
+import { FormLineProps } from "../line";
+interface Props extends FormLineProps, Omit<RangePickerProps, "name"> {
+    oneMonth?: boolean;
+}
+export declare const RangePickerField: React.FC<Props>;
+export {};

package/build/fields/text-area/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+import { TextAreaProps } from "antd/es/input";
+import { FormLineProps } from "../line";
+interface Props extends FormLineProps, Omit<TextAreaProps, "name"> {
+}
+export declare const TextAreaField: React.FC<Props>;
+export {};

package/build/flat-button/index.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+import { RegularIconName, SocialIconName } from "../icon";
+export interface Props {
+    className?: string;
+    children?: React.ReactNode;
+    icon?: RegularIconName | SocialIconName;
+    onClick: () => void;
+}
+export declare const FlatButton: React.FC<Props>;

package/build/form/index.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+import { FormInstance } from "antd/lib/form";
+import { Store } from "antd/es/form/interface";
+import { FieldData } from "../interfaces";
+export interface FormOptions {
+    valid: boolean;
+}
+export interface AppFormProps {
+    children?: React.ReactNode | ((options: FormOptions) => React.ReactNode);
+    className?: string;
+    onFinish?: (values: any) => void;
+    onValuesChange?: (changedValues: any, values: any) => void;
+    onChange?: (values: any) => void;
+    onFieldsChange?: (changedFields: FieldData[], allFields: FieldData[]) => void;
+    form?: FormInstance;
+    onValid?: (valid: boolean) => void;
+    initialValues?: Store;
+}
+export declare const AppForm: React.FC<AppFormProps>;

package/build/form-controls/division-row/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    children?: React.ReactNode;
+    className?: string;
+}
+export declare const DivisionRow: React.FC<Props>;
+export {};

package/build/form-controls/form-button/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    className?: string;
+    submitText?: string;
+}
+export declare const FormButton: React.FC<Props>;
+export {};

package/build/form-controls/form-error/index.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface Props {
+    children?: string;
+    className?: string;
+}
+export declare const FormError: React.FC<Props>;
+export {};

package/build/form-controls/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./division-row";
+export * from "./form-button";
+export * from "./form-error";

package/build/hooks/debounce.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList } from "react";
+export declare const useDebounceEffect: (delay: number, effect: () => void, deps?: DependencyList) => void;

package/build/hooks/form-rules.d.ts

@@ -0,0 +1,13 @@
+import { Rule } from "antd/lib/form";
+export type AppFormRule = (errorMessage: string) => Rule;
+export type AppFormRuleLength = (errorMessage: string, length: number) => Rule;
+export interface AppFormRules {
+    required: AppFormRule;
+    email: AppFormRule;
+    onlyNumber: AppFormRule;
+    onlyPositiveInteger: AppFormRule;
+    onlyKey: AppFormRule;
+    maxLength: AppFormRuleLength;
+    minLength: AppFormRuleLength;
+}
+export declare function useAppFormRules(): AppFormRules;

package/build/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./debounce";
+export * from "./form-rules";
+export * from "./mount";

package/build/hooks/mount.d.ts

@@ -0,0 +1,2 @@
+export declare function useDidMount(): boolean;
+export declare function usePrevious<T>(value: T): T | undefined;

package/build/icon/amenity/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { AmenityIconName } from "./names";
+import { BasicIconProps } from "../basic";
+export * from "./names";
+export declare const AmenityIcon: React.FC<BasicIconProps<AmenityIconName>>;

package/build/icon/amenity/names.d.ts

@@ -0,0 +1,2 @@
+export declare const AmenityIconNameList: ("book" | "calendar" | "edit" | "group" | "key" | "language" | "location" | "tag" | "map" | "view" | "ac" | "additional-request" | "baby-bath" | "baking-sheet" | "balcony" | "bathtub" | "bbq-grill" | "beach-access" | "beach-view" | "beach" | "bed-linens" | "board-games" | "breakfast" | "calendar-verified" | "ceiling-fan" | "children-dinnerware" | "city-skyline-view" | "cleaning-products" | "clothing-storage" | "coffee-maker" | "communication" | "crib" | "dedicated-workspace" | "dining-table" | "dishes" | "dishwasher" | "door-open" | "dryer" | "electric-stove" | "elevator" | "essentials" | "ethernet-connection" | "exterior-camera" | "fire-extinguisher" | "first-aid-kit" | "flash" | "hair-dryer" | "hanger" | "heating" | "high-chair" | "hot-tub" | "hot-water" | "housekeeping" | "indoor-fireplace" | "iron" | "kettle" | "keypad" | "kitchen" | "laundromat" | "lighthouse" | "lit-path" | "lock-up" | "lockbox" | "luggage-drop-off" | "marina-view" | "microwave" | "mountain-view" | "neff-oven" | "outdoor-furniture" | "oven" | "parking" | "peaceful" | "pet" | "poll" | "portable-fan" | "pillow" | "private-entrance" | "refrigerator" | "return-keys" | "rice-maker" | "room-darkening-shades" | "rule" | "shampoo" | "smart-lock" | "smoke-alarm" | "smoking" | "soap" | "sound-system" | "stove" | "stylish" | "toaster" | "toy" | "trash" | "travel-crib" | "turn-things-off" | "tv" | "used-towels" | "washer" | "wifi" | "wine-glass" | "yard")[];
+export type AmenityIconName = (typeof AmenityIconNameList)[number];

package/build/icon/basic/index.d.ts

@@ -0,0 +1,6 @@
+import React, { SVGAttributes } from "react";
+export interface BasicIconProps<TIconName extends string> extends SVGAttributes<any> {
+    name: TIconName;
+    className?: string;
+}
+export declare function useBasicIcon<TIconName extends string>({ className, name, ...props }: BasicIconProps<TIconName>, icons: Record<TIconName, string>): React.ReactNode | undefined;

package/build/icon/flag/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { BasicIconProps } from "../basic";
+import { FlagIconName } from "./names";
+export * from "./names";
+export declare const FlagIcon: React.FC<BasicIconProps<FlagIconName>>;

package/build/icon/flag/names.d.ts

@@ -0,0 +1,2 @@
+export declare const FlagIconNameList: ("by" | "cy" | "fr" | "in" | "tr" | "am" | "az" | "cn" | "es" | "eu" | "ge" | "ru" | "ua" | "us")[];
+export type FlagIconName = (typeof FlagIconNameList)[number];

package/build/icon/index.d.ts

@@ -0,0 +1,4 @@
+export * from "./regular";
+export * from "./amenity";
+export * from "./flag";
+export * from "./social";

package/build/icon/regular/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { RegularIconName } from "./names";
+import { BasicIconProps } from "../basic";
+export * from "./names";
+export declare const RegularIcon: React.FC<BasicIconProps<RegularIconName>>;

package/build/icon/regular/names.d.ts

@@ -0,0 +1,2 @@
+export declare const RegularIconNameList: ("add" | "add-box" | "add-circle" | "add-circle-outline" | "apps" | "arrow-back" | "arrow-back-ios" | "arrow-compass-down" | "arrow-compass-up" | "arrow-drop-down" | "arrow-drop-up" | "arrow-forward" | "arrow-forward-ios" | "arrow-left" | "arrow-right" | "autorenew" | "backspace" | "book" | "bookmark" | "bookmark-outline" | "brightness" | "bug" | "brightness-outline" | "building" | "calendar" | "cards" | "check-circle" | "check-circle-outline" | "circle-notifications" | "city" | "close" | "collections-bookmark" | "contact-support" | "cross" | "cube-letter" | "cube-outline" | "date-range" | "door" | "delete-forever" | "delete-outline" | "delete" | "done" | "edit" | "email-outline" | "email-symbol" | "email" | "enter" | "equalizer" | "error-outline" | "error" | "expand-less" | "expand-more" | "extension" | "external-link" | "facebook" | "favorite" | "favorite-outline" | "file-upload" | "flag" | "flag-outline" | "flip" | "folder" | "gender" | "globe" | "grid-on" | "grid-view" | "group" | "group-add" | "help" | "help-live" | "help-outline" | "highlight-remove" | "hourglass-empty" | "image" | "info-outline" | "info" | "key" | "keyboard" | "keyboard-arrow-down" | "keyboard-arrow-left" | "keyboard-arrow-right" | "keyboard-arrow-up" | "keyboard-voice" | "known" | "known-outline" | "language" | "letter-match" | "library-books" | "lightbulb" | "lightbulb-outline" | "list" | "location" | "lock" | "lock-open-outline" | "lock-outline" | "logout" | "loop" | "mail" | "mail-outline" | "match-up" | "menu" | "menu-book" | "more-horizontal" | "more-vertical" | "multiple-choice" | "person" | "phone" | "person-add" | "person-outline" | "pie-chart" | "pie-chart-outlined" | "play-arrow" | "play-circle-filled" | "play-circle-outline" | "playlist-add" | "playlist-add-check" | "power-off" | "price-tag" | "rate-down" | "rate-down-outline" | "rate-up" | "rate-up-outline" | "refresh" | "remove" | "remove-circle" | "remove-circle-outline" | "replay-circle-filled" | "search" | "sentiment-dissatisfied" | "sentiment-satisfied" | "settings" | "share" | "snowflake" | "sort-asc" | "sort-desc" | "sort" | "space" | "spelling" | "star-half" | "star-outline" | "star" | "street" | "subdirectory-arrow-left" | "sun" | "table" | "tablet" | "tags" | "thumb-down" | "thumb-down-outline" | "thumb-up" | "thumb-up-outline" | "time" | "translate" | "tree" | "usd" | "visibility" | "volume-off" | "volume-up" | "wallet" | "magic-wand" | "microphone-off" | "microphone" | "moon" | "music" | "people" | "learn" | "audio" | "tag" | "unknown" | "unknown-outline" | "discover")[];
+export type RegularIconName = (typeof RegularIconNameList)[number];

package/build/icon/social/index.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { BasicIconProps } from "../basic";
+import { SocialIconName } from "./names";
+export * from "./names";
+export declare const SocialIcon: React.FC<BasicIconProps<SocialIconName>>;

package/build/icon/social/names.d.ts

@@ -0,0 +1,2 @@
+export declare const SocialIconNameList: ("facebook" | "google" | "instagram" | "telegram" | "viber" | "whatsapp" | "youtube")[];
+export type SocialIconName = (typeof SocialIconNameList)[number];

package/build/index.d.ts

@@ -0,0 +1,8 @@
+export * from "./icon";
+export * from "./interfaces";
+export * from "./form";
+export * from "./fields";
+export * from "./hooks";
+export * from "./form-controls";
+export * from "./dialog";
+export * from "./flat-button";