@jakubmazanec/cli 0.1.0-9029e49

package/dist/ui/Failure.js

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import * as colors from './colors.js';
+import { getErrorDetail } from './getErrorDetail.js';
+import { Header } from './Header.js';
+import * as icons from './icons.js';
+/**
+ * A component that renders a failure state.
+ */ export function Failure({ error , errorDetail , ...boxProps }) {
+    let { label , description , stack , cause  } = errorDetail ?? getErrorDetail(error);
+    return /*#__PURE__*/ _jsxs(Box, {
+        ...boxProps,
+        flexDirection: "column",
+        children: [
+            /*#__PURE__*/ _jsx(Header, {
+                icon: icons.error,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    color: colors.highlighted,
+                    children: label
+                })
+            }),
+            description ? /*#__PURE__*/ _jsx(Box, {
+                flexDirection: "column",
+                marginLeft: 2,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    color: colors.failure,
+                    children: description
+                })
+            }) : null,
+            stack ? /*#__PURE__*/ _jsx(Box, {
+                flexDirection: "column",
+                marginTop: 1,
+                marginLeft: 2,
+                children: /*#__PURE__*/ _jsx(Text, {
+                    color: colors.muted,
+                    children: stack
+                })
+            }) : null,
+            cause ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Box, {
+                        flexDirection: "column",
+                        marginTop: 1,
+                        marginLeft: 2,
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            color: colors.muted,
+                            children: cause.description
+                        })
+                    }),
+                    cause.stack ? /*#__PURE__*/ _jsx(Box, {
+                        flexDirection: "column",
+                        marginTop: 1,
+                        marginLeft: 2,
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            color: colors.muted,
+                            children: cause.stack
+                        })
+                    }) : null
+                ]
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=Failure.js.map

package/dist/ui/Failure.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/Failure.tsx"],"sourcesContent":["import {Box, Text, type BoxProps} from 'ink';\n\nimport * as colors from './colors.js';\nimport {type ErrorDetail} from './ErrorDetail.js';\nimport {getErrorDetail} from './getErrorDetail.js';\nimport {Header} from './Header.js';\nimport * as icons from './icons.js';\n\n/**\n * {@linkcode Failure} component props.\n */\nexport type FailureProps = BoxProps & {\n  /** Error that describes a failure state. Function {@linkcode getErrorDetail} is used for getting all the information from the error; you can use it to implement own retrieval logic and pass the result as `errorDetail` prop. */\n  error: Error;\n\n  /** Information about the failure state. Overrides information retireved from `error` prop. */\n  errorDetail?: ErrorDetail;\n};\n\n/**\n * A component that renders a failure state.\n */\nexport function Failure({error, errorDetail, ...boxProps}: FailureProps) {\n  let {label, description, stack, cause} = errorDetail ?? getErrorDetail(error);\n\n  return (\n    <Box {...boxProps} flexDirection=\"column\">\n      <Header icon={icons.error}>\n        <Text color={colors.highlighted}>{label}</Text>\n      </Header>\n\n      {description ? (\n        <Box flexDirection=\"column\" marginLeft={2}>\n          <Text color={colors.failure}>{description}</Text>\n        </Box>\n      ) : null}\n\n      {stack ? (\n        <Box flexDirection=\"column\" marginTop={1} marginLeft={2}>\n          <Text color={colors.muted}>{stack}</Text>\n        </Box>\n      ) : null}\n\n      {cause ? (\n        <>\n          <Box flexDirection=\"column\" marginTop={1} marginLeft={2}>\n            <Text color={colors.muted}>{cause.description}</Text>\n          </Box>\n\n          {cause.stack ? (\n            <Box flexDirection=\"column\" marginTop={1} marginLeft={2}>\n              <Text color={colors.muted}>{cause.stack}</Text>\n            </Box>\n          ) : null}\n        </>\n      ) : null}\n    </Box>\n  );\n}\n"],"names":["Box","Text","colors","getErrorDetail","Header","icons","Failure","error","errorDetail","boxProps","label","description","stack","cause","flexDirection","icon","color","highlighted","marginLeft","failure","marginTop","muted"],"mappings":";AAAA,SAAQA,GAAG,EAAEC,IAAI,QAAsB,MAAM;AAE7C,YAAYC,YAAY,cAAc;AAEtC,SAAQC,cAAc,QAAO,sBAAsB;AACnD,SAAQC,MAAM,QAAO,cAAc;AACnC,YAAYC,WAAW,aAAa;AAapC;;CAEC,GACD,OAAO,SAASC,QAAQ,EAACC,MAAK,EAAEC,YAAW,EAAE,GAAGC,UAAuB;IACrE,IAAI,EAACC,MAAK,EAAEC,YAAW,EAAEC,MAAK,EAAEC,MAAK,EAAC,GAAGL,eAAeL,eAAeI;IAEvE,qBACE,MAACP;QAAK,GAAGS,QAAQ;QAAEK,eAAc;;0BAC/B,KAACV;gBAAOW,MAAMV,MAAME;0BAClB,cAAA,KAACN;oBAAKe,OAAOd,OAAOe;8BAAcP;;;YAGnCC,4BACC,KAACX;gBAAIc,eAAc;gBAASI,YAAY;0BACtC,cAAA,KAACjB;oBAAKe,OAAOd,OAAOiB;8BAAUR;;iBAE9B;YAEHC,sBACC,KAACZ;gBAAIc,eAAc;gBAASM,WAAW;gBAAGF,YAAY;0BACpD,cAAA,KAACjB;oBAAKe,OAAOd,OAAOmB;8BAAQT;;iBAE5B;YAEHC,sBACC;;kCACE,KAACb;wBAAIc,eAAc;wBAASM,WAAW;wBAAGF,YAAY;kCACpD,cAAA,KAACjB;4BAAKe,OAAOd,OAAOmB;sCAAQR,MAAMF;;;oBAGnCE,MAAMD,sBACL,KAACZ;wBAAIc,eAAc;wBAASM,WAAW;wBAAGF,YAAY;kCACpD,cAAA,KAACjB;4BAAKe,OAAOd,OAAOmB;sCAAQR,MAAMD;;yBAElC;;iBAEJ;;;AAGV"}

package/dist/ui/Header.d.ts

@@ -0,0 +1,15 @@
+import { type BoxProps } from 'ink';
+import { type PropsWithChildren } from 'react';
+/**
+ * {@linkcode Header} component props.
+ */
+export type HeaderProps = BoxProps & {
+    /** Icon (recommended is 1 character) to render before the header itself. */
+    icon?: string;
+    /** Show spinner instead of the icon. */
+    showSpinner?: boolean;
+};
+/**
+ * Header component.
+ */
+export declare function Header({ children, icon, showSpinner, ...boxProps }: PropsWithChildren<HeaderProps>): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Header.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Box, Text } from 'ink';
+import { Spinner } from './Spinner.js';
+/**
+ * Header component.
+ */ export function Header({ children , icon , showSpinner =false , ...boxProps }) {
+    return /*#__PURE__*/ _jsxs(Box, {
+        ...boxProps,
+        children: [
+            icon || showSpinner ? /*#__PURE__*/ _jsxs(Box, {
+                marginRight: 1,
+                children: [
+                    showSpinner ? /*#__PURE__*/ _jsx(Spinner, {}) : null,
+                    !showSpinner && icon ? /*#__PURE__*/ _jsx(Text, {
+                        children: icon
+                    }) : null
+                ]
+            }) : null,
+            /*#__PURE__*/ _jsx(Box, {
+                children: children
+            })
+        ]
+    });
+}
+
+//# sourceMappingURL=Header.js.map

package/dist/ui/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/Header.tsx"],"sourcesContent":["import {Box, type BoxProps, Text} from 'ink';\nimport {type PropsWithChildren} from 'react';\n\nimport {Spinner} from './Spinner.js';\n\n/**\n * {@linkcode Header} component props.\n */\nexport type HeaderProps = BoxProps & {\n  /** Icon (recommended is 1 character) to render before the header itself. */\n  icon?: string;\n\n  /** Show spinner instead of the icon. */\n  showSpinner?: boolean;\n};\n\n/**\n * Header component.\n */\nexport function Header({\n  children,\n  icon,\n  showSpinner = false,\n  ...boxProps\n}: PropsWithChildren<HeaderProps>) {\n  return (\n    <Box {...boxProps}>\n      {icon || showSpinner ? (\n        <Box marginRight={1}>\n          {showSpinner ? <Spinner /> : null}\n          {!showSpinner && icon ? <Text>{icon}</Text> : null}\n        </Box>\n      ) : null}\n      <Box>{children}</Box>\n    </Box>\n  );\n}\n"],"names":["Box","Text","Spinner","Header","children","icon","showSpinner","boxProps","marginRight"],"mappings":";AAAA,SAAQA,GAAG,EAAiBC,IAAI,QAAO,MAAM;AAG7C,SAAQC,OAAO,QAAO,eAAe;AAarC;;CAEC,GACD,OAAO,SAASC,OAAO,EACrBC,SAAQ,EACRC,KAAI,EACJC,aAAc,MAAK,EACnB,GAAGC,UAC4B;IAC/B,qBACE,MAACP;QAAK,GAAGO,QAAQ;;YACdF,QAAQC,4BACP,MAACN;gBAAIQ,aAAa;;oBACfF,4BAAc,KAACJ,eAAa;oBAC5B,CAACI,eAAeD,qBAAO,KAACJ;kCAAMI;yBAAe;;iBAE9C;0BACJ,KAACL;0BAAKI;;;;AAGZ"}

package/dist/ui/Help.d.ts

@@ -0,0 +1,13 @@
+import { type BoxProps } from 'ink';
+import { type Program } from '../program.js';
+/**
+ * {@linkcode Help} component props.
+ */
+export type HelpProps = BoxProps & {
+    /** {@linkcode Program} instance. */
+    program: Program;
+};
+/**
+ * A component that renders help information.
+ */
+export declare function Help({ program, ...boxProps }: HelpProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Help.js

@@ -0,0 +1,64 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import chalk from 'chalk';
+import { Box, Text } from 'ink';
+import * as colors from './colors.js';
+import { Header } from './Header.js';
+import * as icons from './icons.js';
+/**
+ * A component that renders help information.
+ */ export function Help({ program , ...boxProps }) {
+    return /*#__PURE__*/ _jsxs(Box, {
+        ...boxProps,
+        flexDirection: "column",
+        children: [
+            /*#__PURE__*/ _jsx(Text, {
+                children: `${chalk[colors.notice](program.name ?? '?')} ${chalk[colors.muted](program.version ?? '?')}`
+            }),
+            /*#__PURE__*/ _jsx(Text, {
+                color: colors.body,
+                children: program.description
+            }),
+            program.commands.length ? /*#__PURE__*/ _jsxs(_Fragment, {
+                children: [
+                    /*#__PURE__*/ _jsx(Header, {
+                        icon: icons.info,
+                        marginTop: 1,
+                        children: /*#__PURE__*/ _jsx(Text, {
+                            color: colors.highlighted,
+                            children: "Usage"
+                        })
+                    }),
+                    program.commands.map((command)=>{
+                        let line = `${chalk[colors.muted](program.bin ?? '?')} ${command.name}`;
+                        if (command.parameters) {
+                            if (command.parameters.some((parameterConfig)=>!!parameterConfig.required)) {
+                                line += ` ${chalk[colors.muted]('<parameters>')}`;
+                            } else {
+                                line += ` ${chalk[colors.muted]('[<parameters>]')}`;
+                            }
+                        }
+                        if (command.options) {
+                            if (Object.entries(command.options).some(([, optionConfig])=>!!optionConfig.required)) {
+                                line += ` ${chalk[colors.muted]('<options>')}`;
+                            } else {
+                                line += ` ${chalk[colors.muted]('[<options>]')}`;
+                            }
+                        }
+                        if (command.description) {
+                            line += ` ${command.description}`;
+                        }
+                        return /*#__PURE__*/ _jsx(Box, {
+                            marginLeft: 2,
+                            flexDirection: "column",
+                            children: /*#__PURE__*/ _jsx(Text, {
+                                children: line
+                            })
+                        }, command.name);
+                    })
+                ]
+            }) : null
+        ]
+    });
+}
+
+//# sourceMappingURL=Help.js.map

package/dist/ui/Help.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/Help.tsx"],"sourcesContent":["import chalk from 'chalk';\nimport {Box, Text, type BoxProps} from 'ink';\n\nimport * as colors from './colors.js';\nimport {Header} from './Header.js';\nimport * as icons from './icons.js';\nimport {type Program} from '../program.js';\n\n/**\n * {@linkcode Help} component props.\n */\nexport type HelpProps = BoxProps & {\n  /** {@linkcode Program} instance. */\n  program: Program;\n};\n\n/**\n * A component that renders help information.\n */\nexport function Help({program, ...boxProps}: HelpProps) {\n  return (\n    <Box {...boxProps} flexDirection=\"column\">\n      <Text>{`${chalk[colors.notice](program.name ?? '?')} ${chalk[colors.muted](\n        program.version ?? '?',\n      )}`}</Text>\n      <Text color={colors.body}>{program.description}</Text>\n\n      {program.commands.length ? (\n        <>\n          <Header icon={icons.info} marginTop={1}>\n            <Text color={colors.highlighted}>Usage</Text>\n          </Header>\n          {program.commands.map((command) => {\n            let line = `${chalk[colors.muted](program.bin ?? '?')} ${command.name}`;\n\n            if (command.parameters) {\n              if (command.parameters.some((parameterConfig) => !!parameterConfig.required)) {\n                line += ` ${chalk[colors.muted]('<parameters>')}`;\n              } else {\n                line += ` ${chalk[colors.muted]('[<parameters>]')}`;\n              }\n            }\n\n            if (command.options) {\n              if (\n                Object.entries(command.options).some(([, optionConfig]) => !!optionConfig.required)\n              ) {\n                line += ` ${chalk[colors.muted]('<options>')}`;\n              } else {\n                line += ` ${chalk[colors.muted]('[<options>]')}`;\n              }\n            }\n\n            if (command.description) {\n              line += ` ${command.description}`;\n            }\n\n            return (\n              <Box key={command.name} marginLeft={2} flexDirection=\"column\">\n                <Text>{line}</Text>\n              </Box>\n            );\n          })}\n        </>\n      ) : null}\n    </Box>\n  );\n}\n"],"names":["chalk","Box","Text","colors","Header","icons","Help","program","boxProps","flexDirection","notice","name","muted","version","color","body","description","commands","length","icon","info","marginTop","highlighted","map","command","line","bin","parameters","some","parameterConfig","required","options","Object","entries","optionConfig","marginLeft"],"mappings":";AAAA,OAAOA,WAAW,QAAQ;AAC1B,SAAQC,GAAG,EAAEC,IAAI,QAAsB,MAAM;AAE7C,YAAYC,YAAY,cAAc;AACtC,SAAQC,MAAM,QAAO,cAAc;AACnC,YAAYC,WAAW,aAAa;AAWpC;;CAEC,GACD,OAAO,SAASC,KAAK,EAACC,QAAO,EAAE,GAAGC,UAAoB;IACpD,qBACE,MAACP;QAAK,GAAGO,QAAQ;QAAEC,eAAc;;0BAC/B,KAACP;0BAAM,CAAC,EAAEF,KAAK,CAACG,OAAOO,OAAO,CAACH,QAAQI,QAAQ,KAAK,CAAC,EAAEX,KAAK,CAACG,OAAOS,MAAM,CACxEL,QAAQM,WAAW,KACnB,CAAC;;0BACH,KAACX;gBAAKY,OAAOX,OAAOY;0BAAOR,QAAQS;;YAElCT,QAAQU,SAASC,uBAChB;;kCACE,KAACd;wBAAOe,MAAMd,MAAMe;wBAAMC,WAAW;kCACnC,cAAA,KAACnB;4BAAKY,OAAOX,OAAOmB;sCAAa;;;oBAElCf,QAAQU,SAASM,IAAI,CAACC;wBACrB,IAAIC,OAAO,CAAC,EAAEzB,KAAK,CAACG,OAAOS,MAAM,CAACL,QAAQmB,OAAO,KAAK,CAAC,EAAEF,QAAQb,KAAK,CAAC;wBAEvE,IAAIa,QAAQG,YAAY;4BACtB,IAAIH,QAAQG,WAAWC,KAAK,CAACC,kBAAoB,CAAC,CAACA,gBAAgBC,WAAW;gCAC5EL,QAAQ,CAAC,CAAC,EAAEzB,KAAK,CAACG,OAAOS,MAAM,CAAC,gBAAgB,CAAC;4BACnD,OAAO;gCACLa,QAAQ,CAAC,CAAC,EAAEzB,KAAK,CAACG,OAAOS,MAAM,CAAC,kBAAkB,CAAC;4BACrD;wBACF;wBAEA,IAAIY,QAAQO,SAAS;4BACnB,IACEC,OAAOC,QAAQT,QAAQO,SAASH,KAAK,CAAC,GAAGM,aAAa,GAAK,CAAC,CAACA,aAAaJ,WAC1E;gCACAL,QAAQ,CAAC,CAAC,EAAEzB,KAAK,CAACG,OAAOS,MAAM,CAAC,aAAa,CAAC;4BAChD,OAAO;gCACLa,QAAQ,CAAC,CAAC,EAAEzB,KAAK,CAACG,OAAOS,MAAM,CAAC,eAAe,CAAC;4BAClD;wBACF;wBAEA,IAAIY,QAAQR,aAAa;4BACvBS,QAAQ,CAAC,CAAC,EAAED,QAAQR,YAAY,CAAC;wBACnC;wBAEA,qBACE,KAACf;4BAAuBkC,YAAY;4BAAG1B,eAAc;sCACnD,cAAA,KAACP;0CAAMuB;;2BADCD,QAAQb;oBAItB;;iBAEA;;;AAGV"}

package/dist/ui/Spinner.d.ts

@@ -0,0 +1,4 @@
+/**
+ * Spinner component.
+ */
+export declare function Spinner(): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Spinner.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Text } from 'ink';
+import { useState, useEffect } from 'react';
+const SPINNER = {
+    interval: 80,
+    frames: [
+        '⠋',
+        '⠙',
+        '⠹',
+        '⠸',
+        '⠼',
+        '⠴',
+        '⠦',
+        '⠧',
+        '⠇',
+        '⠏'
+    ]
+};
+/**
+ * Spinner component.
+ */ export function Spinner() {
+    let [frame, setFrame] = useState(0);
+    useEffect(()=>{
+        let timer = setInterval(()=>{
+            setFrame((previousFrame)=>{
+                let isLastFrame = previousFrame === SPINNER.frames.length - 1;
+                return isLastFrame ? 0 : previousFrame + 1;
+            });
+        }, SPINNER.interval);
+        return ()=>{
+            clearInterval(timer);
+        };
+    }, []);
+    return /*#__PURE__*/ _jsx(Text, {
+        children: SPINNER.frames[frame]
+    });
+}
+
+//# sourceMappingURL=Spinner.js.map

package/dist/ui/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/Spinner.tsx"],"sourcesContent":["import {Text} from 'ink';\nimport {useState, useEffect} from 'react';\n\nconst SPINNER = {\n  interval: 80,\n  frames: ['⠋', '⠙', '⠹', '⠸', '⠼', '⠴', '⠦', '⠧', '⠇', '⠏'],\n};\n\n/**\n * Spinner component.\n */\nexport function Spinner() {\n  let [frame, setFrame] = useState(0);\n\n  useEffect(() => {\n    let timer = setInterval(() => {\n      setFrame((previousFrame) => {\n        let isLastFrame = previousFrame === SPINNER.frames.length - 1;\n\n        return isLastFrame ? 0 : previousFrame + 1;\n      });\n    }, SPINNER.interval);\n\n    return () => {\n      clearInterval(timer);\n    };\n  }, []);\n\n  return <Text>{SPINNER.frames[frame]}</Text>;\n}\n"],"names":["Text","useState","useEffect","SPINNER","interval","frames","Spinner","frame","setFrame","timer","setInterval","previousFrame","isLastFrame","length","clearInterval"],"mappings":";AAAA,SAAQA,IAAI,QAAO,MAAM;AACzB,SAAQC,QAAQ,EAAEC,SAAS,QAAO,QAAQ;AAE1C,MAAMC,UAAU;IACdC,UAAU;IACVC,QAAQ;QAAC;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;QAAK;KAAI;AAC5D;AAEA;;CAEC,GACD,OAAO,SAASC;IACd,IAAI,CAACC,OAAOC,SAAS,GAAGP,SAAS;IAEjCC,UAAU;QACR,IAAIO,QAAQC,YAAY;YACtBF,SAAS,CAACG;gBACR,IAAIC,cAAcD,kBAAkBR,QAAQE,OAAOQ,SAAS;gBAE5D,OAAOD,cAAc,IAAID,gBAAgB;YAC3C;QACF,GAAGR,QAAQC;QAEX,OAAO;YACLU,cAAcL;QAChB;IACF,GAAG,EAAE;IAEL,qBAAO,KAACT;kBAAMG,QAAQE,MAAM,CAACE,MAAM;;AACrC"}

package/dist/ui/colors.d.ts

@@ -0,0 +1,10 @@
+export declare const body = "white";
+export declare const highlighted = "whiteBright";
+export declare const muted = "gray";
+export declare const unselected = "gray";
+export declare const selected = "greenBright";
+export declare const notice = "magenta";
+export declare const info = "cyan";
+export declare const success = "green";
+export declare const warning = "yellow";
+export declare const failure = "red";

package/dist/ui/colors.js

@@ -0,0 +1,12 @@
+export const body = 'white';
+export const highlighted = 'whiteBright';
+export const muted = 'gray';
+export const unselected = 'gray';
+export const selected = 'greenBright';
+export const notice = 'magenta';
+export const info = 'cyan';
+export const success = 'green';
+export const warning = 'yellow';
+export const failure = 'red';
+
+//# sourceMappingURL=colors.js.map

package/dist/ui/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/colors.ts"],"sourcesContent":["export const body = 'white';\nexport const highlighted = 'whiteBright';\nexport const muted = 'gray';\n\nexport const unselected = 'gray';\nexport const selected = 'greenBright';\n\nexport const notice = 'magenta';\n\nexport const info = 'cyan';\nexport const success = 'green';\nexport const warning = 'yellow';\nexport const failure = 'red';\n"],"names":["body","highlighted","muted","unselected","selected","notice","info","success","warning","failure"],"mappings":"AAAA,OAAO,MAAMA,OAAO,QAAQ;AAC5B,OAAO,MAAMC,cAAc,cAAc;AACzC,OAAO,MAAMC,QAAQ,OAAO;AAE5B,OAAO,MAAMC,aAAa,OAAO;AACjC,OAAO,MAAMC,WAAW,cAAc;AAEtC,OAAO,MAAMC,SAAS,UAAU;AAEhC,OAAO,MAAMC,OAAO,OAAO;AAC3B,OAAO,MAAMC,UAAU,QAAQ;AAC/B,OAAO,MAAMC,UAAU,SAAS;AAChC,OAAO,MAAMC,UAAU,MAAM"}

package/dist/ui/form/Form.d.ts

@@ -0,0 +1,9 @@
+import { type FC } from 'react';
+import { type FormConfig } from './FormConfig.js';
+import { type FormProps } from './FormProps.js';
+/**
+ * Form component.
+ */
+export type Form<C extends FormConfig> = FC<FormProps<C>> & {
+    config: C;
+};

package/dist/ui/form/Form.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=Form.js.map

package/dist/ui/form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/Form.ts"],"sourcesContent":["import {type FC} from 'react';\n\nimport {type FormConfig} from './FormConfig.js';\nimport {type FormProps} from './FormProps.js';\n\n/**\n * Form component.\n */\nexport type Form<C extends FormConfig> = FC<FormProps<C>> & {config: C};\n"],"names":[],"mappings":"AAAA,WAQwE"}

package/dist/ui/form/FormConfig.d.ts

@@ -0,0 +1,8 @@
+import { type FormRowsConfig } from './FormRowsConfig.js';
+/**
+ * Form configuration.
+ */
+export type FormConfig = {
+    /** Form rows configuration. */
+    rows: FormRowsConfig;
+};

package/dist/ui/form/FormConfig.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=FormConfig.js.map

package/dist/ui/form/FormConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormConfig.ts"],"sourcesContent":["import {type FormRowsConfig} from './FormRowsConfig.js';\n\n/**\n * Form configuration.\n */\nexport type FormConfig = {\n  /** Form rows configuration. */\n  rows: FormRowsConfig;\n};\n"],"names":[],"mappings":"AAAA,WAQE"}

package/dist/ui/form/FormProps.d.ts

@@ -0,0 +1,40 @@
+import { type BoxProps } from 'ink';
+import { type FormConfig } from './FormConfig.js';
+import { type FormRowConfig } from './FormRowConfig.js';
+import { type FormValues } from './FormValues.js';
+/** A type that creates string literal union type with names of rows that need some props. */
+type FormRowWithPropsNames<C extends FormConfig> = {
+    [P in keyof C['rows']]: C['rows'][P]['type'] extends 'text' ? never : C['rows'][P]['type'] extends 'confirm' ? never : C['rows'][P]['type'] extends 'select' ? P : never;
+}[keyof C['rows']];
+type FormPropsRow<C extends FormRowConfig> = C['type'] extends 'text' ? never : C['type'] extends 'confirm' ? never : C['type'] extends 'select' ? {
+    choices: Array<{
+        value: string;
+        label: string;
+    }>;
+} : never;
+type FormPropsRows<C extends FormConfig> = Pick<{
+    [P in keyof C['rows']]: FormPropsRow<C['rows'][P]>;
+}, FormRowWithPropsNames<C>>;
+/**
+ * Form component props.
+ */
+export type FormProps<C extends FormConfig> = FormPropsRows<C> extends Record<number | string | symbol, never> ? BoxProps & {
+    /** Props for each row. */
+    rows?: null | undefined;
+    /** Form values */
+    values: FormValues<C>;
+    /** Handler function that is called when value changes. */
+    onChange?: ((formResult: FormValues<C>) => void) | undefined;
+    /** Handler function that is called when the value is accepted. */
+    onComplete: (formResult: FormValues<C>) => void;
+} : BoxProps & {
+    /** Props for each row. */
+    rows: FormPropsRows<C>;
+    /** Form values */
+    values: FormValues<C>;
+    /** Handler function that is called when value changes. */
+    onChange?: ((formResult: FormValues<C>) => void) | undefined;
+    /** Handler function that is called when the value is accepted. */
+    onComplete: (formResult: FormValues<C>) => void;
+};
+export {};

package/dist/ui/form/FormProps.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=FormProps.js.map

package/dist/ui/form/FormProps.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormProps.ts"],"sourcesContent":["import {type BoxProps} from 'ink';\n\nimport {type FormConfig} from './FormConfig.js';\nimport {type FormRowConfig} from './FormRowConfig.js';\nimport {type FormValues} from './FormValues.js';\n\n/** A type that creates string literal union type with names of rows that need some props. */\ntype FormRowWithPropsNames<C extends FormConfig> = {\n  [P in keyof C['rows']]: C['rows'][P]['type'] extends 'text'\n    ? never\n    : C['rows'][P]['type'] extends 'confirm'\n    ? never\n    : C['rows'][P]['type'] extends 'select'\n    ? P\n    : never;\n}[keyof C['rows']];\n\ntype FormPropsRow<C extends FormRowConfig> = C['type'] extends 'text'\n  ? never\n  : C['type'] extends 'confirm'\n  ? never\n  : C['type'] extends 'select'\n  ? {\n      choices: Array<{value: string; label: string}>;\n    }\n  : never;\n\ntype FormPropsRows<C extends FormConfig> = Pick<\n  {\n    [P in keyof C['rows']]: FormPropsRow<C['rows'][P]>;\n  },\n  FormRowWithPropsNames<C>\n>;\n\n/**\n * Form component props.\n */\nexport type FormProps<C extends FormConfig> = FormPropsRows<C> extends Record<\n  number | string | symbol,\n  never\n>\n  ? BoxProps & {\n      /** Props for each row. */\n      rows?: null | undefined;\n\n      /** Form values */\n      values: FormValues<C>;\n\n      /** Handler function that is called when value changes. */\n      onChange?: ((formResult: FormValues<C>) => void) | undefined;\n\n      /** Handler function that is called when the value is accepted. */\n      onComplete: (formResult: FormValues<C>) => void;\n    }\n  : BoxProps & {\n      /** Props for each row. */\n      rows: FormPropsRows<C>;\n\n      /** Form values */\n      values: FormValues<C>;\n\n      /** Handler function that is called when value changes. */\n      onChange?: ((formResult: FormValues<C>) => void) | undefined;\n\n      /** Handler function that is called when the value is accepted. */\n      onComplete: (formResult: FormValues<C>) => void;\n    };\n"],"names":[],"mappings":"AAAA,WAkEM"}

package/dist/ui/form/FormResult.d.ts

@@ -0,0 +1,6 @@
+import { type Form } from './Form.js';
+import { type FormValues } from './FormValues.js';
+/**
+ * Form result. It is the value of all form rows after the last one is accepted.
+ */
+export type FormResult<F extends Pick<Form<any>, 'config'>> = FormValues<F['config']>;

package/dist/ui/form/FormResult.js

@@ -0,0 +1,3 @@
+/* eslint-disable @typescript-eslint/no-explicit-any -- needed */ export { };
+
+//# sourceMappingURL=FormResult.js.map

package/dist/ui/form/FormResult.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormResult.ts"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-explicit-any -- needed */\nimport {type Form} from './Form.js';\nimport {type FormValues} from './FormValues.js';\n\n/**\n * Form result. It is the value of all form rows after the last one is accepted.\n */\nexport type FormResult<F extends Pick<Form<any>, 'config'>> = FormValues<F['config']>;\n"],"names":[],"mappings":"AAAA,+DAA+D,GAC/D,WAMsF"}

package/dist/ui/form/FormRow.d.ts

@@ -0,0 +1,30 @@
+import { type BoxProps } from 'ink';
+import { type FormConfig } from './FormConfig.js';
+import { type FormProps } from './FormProps.js';
+import { type FormRowConfig } from './FormRowConfig.js';
+/**
+ * Form row component props.
+ */
+type FormRowProps<C extends FormConfig> = BoxProps & {
+    /** Form row configuration. */
+    config: FormRowConfig;
+    /** Props of all form rows. */
+    rows: FormProps<C>['rows'] | null;
+    /** Row name. */
+    rowName: keyof C['rows'];
+    /** Value. */
+    value: unknown;
+    /** Should component listen to Listen to user's input? Useful in case there are multiple input components at the same time and input must be "routed" to a specific component. */
+    focus: boolean;
+    /** Handler function that is called when value changes. */
+    onChange: (value: unknown, inputName: keyof C['rows']) => void;
+    /** Handler function that is called when the value is accepted. */
+    onComplete: (value: unknown, inputName: keyof C['rows']) => void;
+    /** Indicates whether value has been accepted. Component in the row then doesn't accept more input. */
+    isComplete: boolean;
+};
+/**
+ * Form row component.
+ */
+export declare function FormRow<C extends FormConfig>({ rowName, config, rows, value, focus, isComplete, onChange, onComplete, ...boxProps }: FormRowProps<C>): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/ui/form/FormRow.js

@@ -0,0 +1,59 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback } from 'react';
+import { SelectInput } from './SelectInput.js';
+import { TextInput } from './TextInput.js';
+/**
+ * Form row component.
+ */ export function FormRow({ rowName , config , rows , value , focus , isComplete , onChange , onComplete , ...boxProps }) {
+    // TODO: Each input component handles values and events differently; the APIs should be adjusted.
+    let handleChange = useCallback((newValue)=>{
+        onChange(newValue, rowName);
+    }, [
+        rowName,
+        onChange
+    ]);
+    let handleFinish = useCallback((newValue)=>{
+        onComplete(newValue, rowName);
+    }, [
+        rowName,
+        onComplete
+    ]);
+    let handleSelectFinish = useCallback((item)=>{
+        onComplete(item.value, rowName);
+    }, [
+        rowName,
+        onComplete
+    ]);
+    switch(config.type){
+        case 'text':
+            {
+                return /*#__PURE__*/ _jsx(TextInput, {
+                    label: config.label ?? '',
+                    validate: config.validate,
+                    value: value,
+                    focus: focus,
+                    isComplete: isComplete,
+                    onChange: handleChange,
+                    onSubmit: handleFinish,
+                    ...boxProps
+                }, String(rowName));
+            }
+        case 'select':
+            {
+                return /*#__PURE__*/ _jsx(SelectInput, {
+                    label: config.label ?? '',
+                    items: rows ? rows[rowName].choices : [],
+                    focus: focus,
+                    isComplete: isComplete,
+                    onSelect: handleSelectFinish,
+                    ...boxProps
+                }, String(rowName));
+            }
+        default:
+            {
+                return null;
+            }
+    }
+}
+
+//# sourceMappingURL=FormRow.js.map

package/dist/ui/form/FormRow.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormRow.tsx"],"sourcesContent":["import {type BoxProps} from 'ink';\nimport {useCallback} from 'react';\n\nimport {type FormConfig} from './FormConfig.js';\nimport {type FormProps} from './FormProps.js';\nimport {type FormRowConfig} from './FormRowConfig.js';\nimport {SelectInput} from './SelectInput.js';\nimport {TextInput} from './TextInput.js';\n\n/**\n * Form row component props.\n */\ntype FormRowProps<C extends FormConfig> = BoxProps & {\n  /** Form row configuration. */\n  config: FormRowConfig;\n\n  // TODO: Should all rows props be passed to each row?\n  /** Props of all form rows. */\n  rows: FormProps<C>['rows'] | null;\n\n  /** Row name. */\n  rowName: keyof C['rows'];\n\n  /** Value. */\n  value: unknown;\n\n  /** Should component listen to Listen to user's input? Useful in case there are multiple input components at the same time and input must be \"routed\" to a specific component. */\n  focus: boolean;\n\n  /** Handler function that is called when value changes. */\n  onChange: (value: unknown, inputName: keyof C['rows']) => void;\n\n  /** Handler function that is called when the value is accepted. */\n  onComplete: (value: unknown, inputName: keyof C['rows']) => void;\n\n  /** Indicates whether value has been accepted. Component in the row then doesn't accept more input. */\n  isComplete: boolean;\n};\n\n/**\n * Form row component.\n */\nexport function FormRow<C extends FormConfig>({\n  rowName,\n  config,\n  rows,\n  value,\n  focus,\n  isComplete,\n  onChange,\n  onComplete,\n  ...boxProps\n}: FormRowProps<C>) {\n  // TODO: Each input component handles values and events differently; the APIs should be adjusted.\n  let handleChange = useCallback(\n    (newValue: unknown) => {\n      onChange(newValue, rowName);\n    },\n    [rowName, onChange],\n  );\n\n  let handleFinish = useCallback(\n    (newValue: unknown) => {\n      onComplete(newValue, rowName);\n    },\n    [rowName, onComplete],\n  );\n\n  let handleSelectFinish = useCallback(\n    (item: {value: unknown}) => {\n      onComplete(item.value, rowName);\n    },\n    [rowName, onComplete],\n  );\n\n  switch (config.type) {\n    case 'text': {\n      return (\n        <TextInput\n          key={String(rowName)}\n          label={config.label ?? ''}\n          validate={config.validate}\n          value={value as string}\n          focus={focus}\n          isComplete={isComplete}\n          onChange={handleChange}\n          onSubmit={handleFinish}\n          {...boxProps}\n        />\n      );\n    }\n    case 'select': {\n      return (\n        <SelectInput\n          key={String(rowName)}\n          label={config.label ?? ''}\n          items={\n            rows\n              ? (\n                  (\n                    rows as {\n                      [key: string]: unknown;\n                    }\n                  )[rowName as string] as {choices: Array<{value: string; label: string}>}\n                ).choices\n              : []\n          }\n          focus={focus}\n          isComplete={isComplete}\n          onSelect={handleSelectFinish}\n          {...boxProps}\n        />\n      );\n    }\n    default: {\n      return null;\n    }\n  }\n}\n"],"names":["useCallback","SelectInput","TextInput","FormRow","rowName","config","rows","value","focus","isComplete","onChange","onComplete","boxProps","handleChange","newValue","handleFinish","handleSelectFinish","item","type","label","validate","onSubmit","String","items","choices","onSelect"],"mappings":";AACA,SAAQA,WAAW,QAAO,QAAQ;AAKlC,SAAQC,WAAW,QAAO,mBAAmB;AAC7C,SAAQC,SAAS,QAAO,iBAAiB;AAgCzC;;CAEC,GACD,OAAO,SAASC,QAA8B,EAC5CC,QAAO,EACPC,OAAM,EACNC,KAAI,EACJC,MAAK,EACLC,MAAK,EACLC,WAAU,EACVC,SAAQ,EACRC,WAAU,EACV,GAAGC,UACa;IAChB,iGAAiG;IACjG,IAAIC,eAAeb,YACjB,CAACc;QACCJ,SAASI,UAAUV;IACrB,GACA;QAACA;QAASM;KAAS;IAGrB,IAAIK,eAAef,YACjB,CAACc;QACCH,WAAWG,UAAUV;IACvB,GACA;QAACA;QAASO;KAAW;IAGvB,IAAIK,qBAAqBhB,YACvB,CAACiB;QACCN,WAAWM,KAAKV,OAAOH;IACzB,GACA;QAACA;QAASO;KAAW;IAGvB,OAAQN,OAAOa;QACb,KAAK;YAAQ;gBACX,qBACE,KAAChB;oBAECiB,OAAOd,OAAOc,SAAS;oBACvBC,UAAUf,OAAOe;oBACjBb,OAAOA;oBACPC,OAAOA;oBACPC,YAAYA;oBACZC,UAAUG;oBACVQ,UAAUN;oBACT,GAAGH,QAAQ;mBARPU,OAAOlB;YAWlB;QACA,KAAK;YAAU;gBACb,qBACE,KAACH;oBAECkB,OAAOd,OAAOc,SAAS;oBACvBI,OACEjB,OACI,AACE,AACEA,IAGD,CAACF,QAAkB,CACpBoB,UACF,EAAE;oBAERhB,OAAOA;oBACPC,YAAYA;oBACZgB,UAAUT;oBACT,GAAGJ,QAAQ;mBAhBPU,OAAOlB;YAmBlB;QACA;YAAS;gBACP,OAAO;YACT;IACF;AACF"}

package/dist/ui/form/FormRowConfig.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Form row configuration.
+ */
+export type FormRowConfig = {
+    type: 'confirm';
+    label?: string;
+} | {
+    type: 'select';
+    label?: string;
+} | {
+    type: 'text';
+    label?: string;
+    validate?: (value: string) => void;
+};

package/dist/ui/form/FormRowConfig.js

@@ -0,0 +1,5 @@
+/**
+ * Form row configuration.
+ */ export { };
+
+//# sourceMappingURL=FormRowConfig.js.map

package/dist/ui/form/FormRowConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormRowConfig.ts"],"sourcesContent":["/**\n * Form row configuration.\n */\nexport type FormRowConfig =\n  | {\n      type: 'confirm';\n      label?: string;\n    }\n  | {\n      type: 'select';\n      label?: string;\n    }\n  | {\n      type: 'text';\n      label?: string;\n      validate?: (value: string) => void;\n    };\n"],"names":[],"mappings":"AAAA;;CAEC,GACD,WAaM"}

package/dist/ui/form/FormRowsConfig.d.ts

@@ -0,0 +1,5 @@
+import { type FormRowConfig } from './FormRowConfig.js';
+/**
+ * Form rows configuration.
+ */
+export type FormRowsConfig = Record<string, FormRowConfig>;

package/dist/ui/form/FormRowsConfig.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=FormRowsConfig.js.map

package/dist/ui/form/FormRowsConfig.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormRowsConfig.ts"],"sourcesContent":["import {type FormRowConfig} from './FormRowConfig.js';\n\n/**\n * Form rows configuration.\n */\nexport type FormRowsConfig = Record<string, FormRowConfig>;\n"],"names":[],"mappings":"AAAA,WAK2D"}

package/dist/ui/form/FormValue.d.ts

@@ -0,0 +1,9 @@
+import { type FormRowConfig } from './FormRowConfig.js';
+export type StringFormValue = {
+    value: string;
+    isComplete: boolean;
+};
+/**
+ * Form value.
+ */
+export type FormValue<C extends FormRowConfig> = C['type'] extends 'text' ? StringFormValue : C['type'] extends 'select' ? StringFormValue : never;

package/dist/ui/form/FormValue.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=FormValue.js.map

package/dist/ui/form/FormValue.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormValue.ts"],"sourcesContent":["import {type FormRowConfig} from './FormRowConfig.js';\n\nexport type StringFormValue = {value: string; isComplete: boolean};\n\n/**\n * Form value.\n */\nexport type FormValue<C extends FormRowConfig> = C['type'] extends 'text'\n  ? StringFormValue\n  : C['type'] extends 'select'\n  ? StringFormValue\n  : never;\n"],"names":[],"mappings":"AAAA,WAWU"}

package/dist/ui/form/FormValues.d.ts

@@ -0,0 +1,8 @@
+import { type FormConfig } from './FormConfig.js';
+import { type FormValue } from './FormValue.js';
+/**
+ * Form values.
+ */
+export type FormValues<C extends FormConfig> = {
+    [P in keyof C['rows']]: FormValue<C['rows'][P]>;
+};

package/dist/ui/form/FormValues.js

@@ -0,0 +1,3 @@
+export { };
+
+//# sourceMappingURL=FormValues.js.map

package/dist/ui/form/FormValues.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/ui/form/FormValues.ts"],"sourcesContent":["import {type FormConfig} from './FormConfig.js';\nimport {type FormValue} from './FormValue.js';\n\n/**\n * Form values.\n */\nexport type FormValues<C extends FormConfig> = {\n  [P in keyof C['rows']]: FormValue<C['rows'][P]>;\n};\n"],"names":[],"mappings":"AAAA,WAQE"}

package/dist/ui/form/SelectInput.d.ts

@@ -0,0 +1,29 @@
+/// <reference types="react" resolution-mode="require"/>
+import { type BoxProps } from 'ink';
+import { type SelectInputItem } from './SelectInputItem.js';
+/**
+ * Select input component props.
+ */
+type SelectInputProps = BoxProps & {
+    /** Text to display as a label. */
+    label: string;
+    /** Items to display in a list. */
+    items: SelectInputItem[];
+    /** Should component listen to Listen to user's input? Useful in case there are multiple input components at the same time and input must be "routed" to a specific component. */
+    focus?: boolean | undefined;
+    /** Index of initially selected item. */
+    initialIndex?: number | undefined;
+    /** Number of items to display. */
+    limit?: number | undefined;
+    /** Handler function that is called when item is selected. */
+    onSelect?: ((item: SelectInputItem) => void) | undefined;
+    /** Handler function that is called when item is highlighted. */
+    onHighlight?: ((item: SelectInputItem) => void) | undefined;
+    /** Indicates whether value has been accepted. Component then doesn't accept more input. */
+    isComplete?: boolean | undefined;
+};
+/**
+ * Select input component.
+ */
+export declare function SelectInput({ label, items, focus, initialIndex, limit: customLimit, onSelect, onHighlight, marginTop, isComplete, ...boxProps }: SelectInputProps): JSX.Element;
+export {};