@jakubmazanec/cli 0.2.1-unstable.f940d9d → 0.3.0-next.2fa8a2c

package/dist/program/getProgramDetail.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/program/getProgramDetail.ts"],"sourcesContent":["import {type PackageJson} from '@jakubmazanec/zod-utils';\n\nimport {type ProgramDetail} from './ProgramDetail.js';\n\n/**\n * Creates detailed information about a {@lincode Program}.\n */\nexport function getProgramDetail(packageJson: PackageJson) {\n  let programDetail: ProgramDetail = {};\n\n  if (packageJson.name) {\n    programDetail.name = packageJson.name;\n  }\n\n  if (packageJson.version) {\n    programDetail.version = packageJson.version;\n  }\n\n  if (packageJson.description) {\n    programDetail.description = packageJson.description;\n  }\n\n  if (packageJson.bin && typeof packageJson.bin !== 'string') {\n    let bins = Object.entries(packageJson.bin);\n\n    if (bins.length === 1) {\n      let firstBin = bins[0] as [string, string];\n\n      [programDetail.bin] = firstBin;\n    }\n  }\n\n  if (typeof packageJson.bin === 'string' && packageJson.name) {\n    programDetail.bin = packageJson.name;\n  }\n\n  return programDetail;\n}\n"],"names":["getProgramDetail","packageJson","programDetail","name","version","description","bin","bins","Object","entries","length","firstBin"],"mappings":"AAIA;;CAEC,GACD,OAAO,SAASA,iBAAiBC,WAAwB;IACvD,IAAIC,gBAA+B,CAAC;IAEpC,IAAID,YAAYE,IAAI,EAAE;QACpBD,cAAcC,IAAI,GAAGF,YAAYE,IAAI;IACvC;IAEA,IAAIF,YAAYG,OAAO,EAAE;QACvBF,cAAcE,OAAO,GAAGH,YAAYG,OAAO;IAC7C;IAEA,IAAIH,YAAYI,WAAW,EAAE;QAC3BH,cAAcG,WAAW,GAAGJ,YAAYI,WAAW;IACrD;IAEA,IAAIJ,YAAYK,GAAG,IAAI,OAAOL,YAAYK,GAAG,KAAK,UAAU;QAC1D,IAAIC,OAAOC,OAAOC,OAAO,CAACR,YAAYK,GAAG;QAEzC,IAAIC,KAAKG,MAAM,KAAK,GAAG;YACrB,IAAIC,WAAWJ,IAAI,CAAC,EAAE;YAEtB,CAACL,cAAcI,GAAG,CAAC,GAAGK;QACxB;IACF;IAEA,IAAI,OAAOV,YAAYK,GAAG,KAAK,YAAYL,YAAYE,IAAI,EAAE;QAC3DD,cAAcI,GAAG,GAAGL,YAAYE,IAAI;IACtC;IAEA,OAAOD;AACT"}

package/dist/program.js

@@ -1,13 +0,0 @@
-export * from './program/Command.js';
-export * from './program/CommandAction.js';
-export * from './program/CommandArguments.js';
-export * from './program/CommandOptions.js';
-export * from './program/getProgramDetail.js';
-export * from './program/Program.js';
-export * from './program/ProgramCreateOptions.js';
-export * from './program/ProgramDetail.js';
-export * from './program/ProgramError.js';
-export * from './program/ProgramOptions.js';
-export * from './program/ProgramStreams.js';
-
-//# sourceMappingURL=program.js.map

package/dist/program.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/program.ts"],"sourcesContent":["export * from './program/Command.js';\nexport * from './program/CommandAction.js';\nexport * from './program/CommandArguments.js';\nexport * from './program/CommandOptions.js';\nexport * from './program/getProgramDetail.js';\nexport * from './program/Program.js';\nexport * from './program/ProgramCreateOptions.js';\nexport * from './program/ProgramDetail.js';\nexport * from './program/ProgramError.js';\nexport * from './program/ProgramOptions.js';\nexport * from './program/ProgramStreams.js';\n"],"names":[],"mappings":"AAAA,cAAc,uBAAuB;AACrC,cAAc,6BAA6B;AAC3C,cAAc,gCAAgC;AAC9C,cAAc,8BAA8B;AAC5C,cAAc,gCAAgC;AAC9C,cAAc,uBAAuB;AACrC,cAAc,oCAAoC;AAClD,cAAc,6BAA6B;AAC3C,cAAc,4BAA4B;AAC1C,cAAc,8BAA8B;AAC5C,cAAc,8BAA8B"}

package/dist/ui/ErrorDetail.js

@@ -1,5 +0,0 @@
-/**
- * Detailed error information.
- */ export { };
-
-//# sourceMappingURL=ErrorDetail.js.map

package/dist/ui/ErrorDetail.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/ui/ErrorDetail.ts"],"sourcesContent":["/**\n * Detailed error information.\n */\nexport type ErrorDetail = {\n  label: string;\n  description?: string;\n  stack?: string;\n  cause?: {\n    description?: string;\n    stack?: string;\n  };\n};\n"],"names":[],"mappings":"AAAA;;CAEC,GACD,WAQE"}

package/dist/ui/Failure.js

@@ -1,65 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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 * {@link Failure} component props.\n */\nexport type FailureProps = BoxProps & {\n  /** Error that describes a failure state. Function {@link 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,KAAK,EAAEC,WAAW,EAAE,GAAGC,UAAuB;IACrE,IAAI,EAACC,KAAK,EAAEC,WAAW,EAAEC,KAAK,EAAEC,KAAK,EAAC,GAAGL,eAAeL,eAAeI;IAEvE,qBACE,MAACP;QAAK,GAAGS,QAAQ;QAAEK,eAAc;;0BAC/B,KAACV;gBAAOW,MAAMV,MAAME,KAAK;0BACvB,cAAA,KAACN;oBAAKe,OAAOd,OAAOe,WAAW;8BAAGP;;;YAGnCC,4BACC,KAACX;gBAAIc,eAAc;gBAASI,YAAY;0BACtC,cAAA,KAACjB;oBAAKe,OAAOd,OAAOiB,OAAO;8BAAGR;;iBAE9B;YAEHC,sBACC,KAACZ;gBAAIc,eAAc;gBAASM,WAAW;gBAAGF,YAAY;0BACpD,cAAA,KAACjB;oBAAKe,OAAOd,OAAOmB,KAAK;8BAAGT;;iBAE5B;YAEHC,sBACC;;kCACE,KAACb;wBAAIc,eAAc;wBAASM,WAAW;wBAAGF,YAAY;kCACpD,cAAA,KAACjB;4BAAKe,OAAOd,OAAOmB,KAAK;sCAAGR,MAAMF,WAAW;;;oBAG9CE,MAAMD,KAAK,iBACV,KAACZ;wBAAIc,eAAc;wBAASM,WAAW;wBAAGF,YAAY;kCACpD,cAAA,KAACjB;4BAAKe,OAAOd,OAAOmB,KAAK;sCAAGR,MAAMD,KAAK;;yBAEvC;;iBAEJ;;;AAGV"}

package/dist/ui/Header.js

@@ -1,26 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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 * {@link 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,QAAQ,EACRC,IAAI,EACJC,cAAc,KAAK,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.js

@@ -1,64 +0,0 @@
-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.displayName ?? 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

@@ -1 +0,0 @@
-{"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 * {@link Help} component props.\n */\nexport type HelpProps = BoxProps & {\n  /** {@link 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.displayName ?? program.name ?? '?')} ${chalk[\n        colors.muted\n      ](program.version ?? '?')}`}</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","displayName","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,OAAO,EAAE,GAAGC,UAAoB;IACpD,qBACE,MAACP;QAAK,GAAGO,QAAQ;QAAEC,eAAc;;0BAC/B,KAACP;0BAAM,CAAC,EAAEF,KAAK,CAACG,OAAOO,MAAM,CAAC,CAACH,QAAQI,WAAW,IAAIJ,QAAQK,IAAI,IAAI,KAAK,CAAC,EAAEZ,KAAK,CACjFG,OAAOU,KAAK,CACb,CAACN,QAAQO,OAAO,IAAI,KAAK,CAAC;;0BAC3B,KAACZ;gBAAKa,OAAOZ,OAAOa,IAAI;0BAAGT,QAAQU,WAAW;;YAE7CV,QAAQW,QAAQ,CAACC,MAAM,iBACtB;;kCACE,KAACf;wBAAOgB,MAAMf,MAAMgB,IAAI;wBAAEC,WAAW;kCACnC,cAAA,KAACpB;4BAAKa,OAAOZ,OAAOoB,WAAW;sCAAE;;;oBAElChB,QAAQW,QAAQ,CAACM,GAAG,CAAC,CAACC;wBACrB,IAAIC,OAAO,CAAC,EAAE1B,KAAK,CAACG,OAAOU,KAAK,CAAC,CAACN,QAAQoB,GAAG,IAAI,KAAK,CAAC,EAAEF,QAAQb,IAAI,CAAC,CAAC;wBAEvE,IAAIa,QAAQG,UAAU,EAAE;4BACtB,IAAIH,QAAQG,UAAU,CAACC,IAAI,CAAC,CAACC,kBAAoB,CAAC,CAACA,gBAAgBC,QAAQ,GAAG;gCAC5EL,QAAQ,CAAC,CAAC,EAAE1B,KAAK,CAACG,OAAOU,KAAK,CAAC,CAAC,gBAAgB,CAAC;4BACnD,OAAO;gCACLa,QAAQ,CAAC,CAAC,EAAE1B,KAAK,CAACG,OAAOU,KAAK,CAAC,CAAC,kBAAkB,CAAC;4BACrD;wBACF;wBAEA,IAAIY,QAAQO,OAAO,EAAE;4BACnB,IACEC,OAAOC,OAAO,CAACT,QAAQO,OAAO,EAAEH,IAAI,CAAC,CAAC,GAAGM,aAAa,GAAK,CAAC,CAACA,aAAaJ,QAAQ,GAClF;gCACAL,QAAQ,CAAC,CAAC,EAAE1B,KAAK,CAACG,OAAOU,KAAK,CAAC,CAAC,aAAa,CAAC;4BAChD,OAAO;gCACLa,QAAQ,CAAC,CAAC,EAAE1B,KAAK,CAACG,OAAOU,KAAK,CAAC,CAAC,eAAe,CAAC;4BAClD;wBACF;wBAEA,IAAIY,QAAQR,WAAW,EAAE;4BACvBS,QAAQ,CAAC,CAAC,EAAED,QAAQR,WAAW,CAAC,CAAC;wBACnC;wBAEA,qBACE,KAAChB;4BAAuBmC,YAAY;4BAAG3B,eAAc;sCACnD,cAAA,KAACP;0CAAMwB;;2BADCD,QAAQb,IAAI;oBAI1B;;iBAEA;;;AAGV"}

package/dist/ui/Spinner.js

@@ -1,39 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,MAAM,CAACQ,MAAM,GAAG;gBAE5D,OAAOD,cAAc,IAAID,gBAAgB;YAC3C;QACF,GAAGR,QAAQC,QAAQ;QAEnB,OAAO;YACLU,cAAcL;QAChB;IACF,GAAG,EAAE;IAEL,qBAAO,KAACT;kBAAMG,QAAQE,MAAM,CAACE,MAAM;;AACrC"}

package/dist/ui/colors.js

@@ -1,12 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.js

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

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

@@ -1 +0,0 @@
-{"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.js

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

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

@@ -1 +0,0 @@
-{"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.js

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

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

@@ -1 +0,0 @@
-{"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.js

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

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,59 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,OAAO,EACPC,MAAM,EACNC,IAAI,EACJC,KAAK,EACLC,KAAK,EACLC,UAAU,EACVC,QAAQ,EACRC,UAAU,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,KAAK,EAAEH;IACzB,GACA;QAACA;QAASO;KAAW;IAGvB,OAAQN,OAAOa,IAAI;QACjB,KAAK;YAAQ;gBACX,qBACE,KAAChB;oBAECiB,OAAOd,OAAOc,KAAK,IAAI;oBACvBC,UAAUf,OAAOe,QAAQ;oBACzBb,OAAOA;oBACPC,OAAOA;oBACPC,YAAYA;oBACZC,UAAUG;oBACVQ,UAAUN;oBACT,GAAGH,QAAQ;mBARPU,OAAOlB;YAWlB;QACA,KAAK;YAAU;gBACb,qBACE,KAACH;oBAECkB,OAAOd,OAAOc,KAAK,IAAI;oBACvBI,OACEjB,OACI,AACE,AACEA,IAGD,CAACF,QAAkB,CACpBoB,OAAO,GACT,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.js

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

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

@@ -1 +0,0 @@
-{"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.js

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

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

@@ -1 +0,0 @@
-{"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.js

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

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

@@ -1 +0,0 @@
-{"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.js

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

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

@@ -1 +0,0 @@
-{"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.js

@@ -1,113 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Box, Text, useInput } from 'ink';
-import _ from 'lodash';
-import { useState, useEffect, useRef } from 'react';
-import * as colors from '../colors.js';
-import * as icons from '../icons.js';
-import { rotate } from '../internals.js';
-/**
- * Select input component.
- */ export function SelectInput({ label, items = [], focus = true, initialIndex = 0, limit: userDefinedLimit, onSelect, onHighlight, isComplete, ...boxProps }) {
-    let [rotatedIndex, setRotatedIndex] = useState(0);
-    let [selectedIndex, setSelectedIndex] = useState(initialIndex);
-    let hasLimit = typeof userDefinedLimit === 'number' && items.length > userDefinedLimit;
-    let limit = hasLimit ? Math.min(userDefinedLimit, items.length) : items.length;
-    let previousItems = useRef(items);
-    useEffect(()=>{
-        if (!_.isEqual(previousItems.current.map((item)=>item.value), items.map((item)=>item.value))) {
-            setRotatedIndex(0);
-            setSelectedIndex(0);
-        }
-        previousItems.current = items;
-    }, [
-        items
-    ]);
-    useInput((input, key)=>{
-        if (input === 'k' || key.upArrow) {
-            let lastIndex = (hasLimit ? limit : items.length) - 1;
-            let isAtFirstIndex = selectedIndex === 0;
-            let nextIndex = hasLimit ? selectedIndex : lastIndex;
-            let nextRotatedIndex = isAtFirstIndex ? rotatedIndex + 1 : rotatedIndex;
-            let nextSelectedIndex = isAtFirstIndex ? nextIndex : selectedIndex - 1;
-            setRotatedIndex(nextRotatedIndex);
-            setSelectedIndex(nextSelectedIndex);
-            let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).slice(0, limit) : items;
-            if (typeof onHighlight === 'function') {
-                onHighlight(slicedItems[nextSelectedIndex]);
-            }
-        }
-        if (input === 'j' || key.downArrow) {
-            let isAtLastIndex = selectedIndex === (hasLimit ? limit : items.length) - 1;
-            let nextIndex = hasLimit ? selectedIndex : 0;
-            let nextRotatedIndex = isAtLastIndex ? rotatedIndex - 1 : rotatedIndex;
-            let nextSelectedIndex = isAtLastIndex ? nextIndex : selectedIndex + 1;
-            setRotatedIndex(nextRotatedIndex);
-            setSelectedIndex(nextSelectedIndex);
-            let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).slice(0, limit) : items;
-            if (typeof onHighlight === 'function') {
-                onHighlight(slicedItems[nextSelectedIndex]);
-            }
-        }
-        if (key.return) {
-            let slicedItems = hasLimit ? rotate(items, rotatedIndex).slice(0, limit) : items;
-            if (typeof onSelect === 'function') {
-                onSelect(slicedItems[selectedIndex]);
-            }
-        }
-    }, {
-        isActive: focus
-    });
-    let visibleItems = hasLimit ? rotate(items, rotatedIndex).slice(0, limit) : items;
-    return /*#__PURE__*/ _jsxs(Box, {
-        ...boxProps,
-        children: [
-            /*#__PURE__*/ _jsx(Box, {
-                marginRight: 1,
-                children: /*#__PURE__*/ _jsx(Text, {
-                    children: isComplete ? icons.success : icons.question
-                })
-            }),
-            /*#__PURE__*/ _jsxs(Box, {
-                flexDirection: "column",
-                children: [
-                    /*#__PURE__*/ _jsx(Box, {
-                        marginRight: 1,
-                        children: /*#__PURE__*/ _jsx(Text, {
-                            color: colors.highlighted,
-                            children: label
-                        })
-                    }),
-                    isComplete ? /*#__PURE__*/ _jsx(Text, {
-                        color: colors.body,
-                        children: items[selectedIndex]?.label ?? String(items[selectedIndex]?.value)
-                    }) : /*#__PURE__*/ _jsx(Box, {
-                        flexDirection: "column",
-                        children: visibleItems.map((item, index)=>{
-                            let isSelected = index === selectedIndex;
-                            return /*#__PURE__*/ _jsxs(Box, {
-                                children: [
-                                    /*#__PURE__*/ _jsx(Box, {
-                                        marginRight: 1,
-                                        children: isSelected ? /*#__PURE__*/ _jsx(Text, {
-                                            color: colors.selected,
-                                            children: icons.selectedCircle
-                                        }) : /*#__PURE__*/ _jsx(Text, {
-                                            color: colors.unselected,
-                                            children: icons.unselectedCircle
-                                        })
-                                    }),
-                                    /*#__PURE__*/ _jsx(Text, {
-                                        color: isSelected ? colors.highlighted : colors.muted,
-                                        children: item.label
-                                    })
-                                ]
-                            }, item.value);
-                        })
-                    })
-                ]
-            })
-        ]
-    });
-}
-
-//# sourceMappingURL=SelectInput.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ui/form/SelectInput.tsx"],"sourcesContent":["import {Box, type BoxProps, Text, useInput, type Key} from 'ink';\nimport _ from 'lodash';\nimport {useState, useEffect, useRef} from 'react';\n\nimport {type SelectInputItem} from './SelectInputItem.js';\nimport * as colors from '../colors.js';\nimport * as icons from '../icons.js';\nimport {rotate} from '../internals.js';\n\n/**\n * {@linkcode SelectInput} component props.\n */\ntype SelectInputProps = BoxProps & {\n  /** Text to display as a label. */\n  label: string;\n\n  /** Items to display in a list. */\n  items: SelectInputItem[];\n\n  /** Should component listen to user's input? Useful in case there are multiple input components at the same time and input must be handled only by a specific component. */\n  focus?: boolean | undefined;\n\n  /** Index of initially selected item. */\n  initialIndex?: number | undefined;\n\n  /** Number of items to display. */\n  limit?: number | undefined;\n\n  /** Handler function that is called when item is selected. */\n  onSelect?: ((item: SelectInputItem) => void) | undefined;\n\n  /** Handler function that is called when item is highlighted. */\n  onHighlight?: ((item: SelectInputItem) => void) | undefined;\n\n  /** Indicates whether value has been accepted. Component then doesn't accept more input. */\n  isComplete?: boolean | undefined;\n};\n\n/**\n * Select input component.\n */\nexport function SelectInput({\n  label,\n  items = [],\n  focus = true,\n  initialIndex = 0,\n  limit: userDefinedLimit,\n  onSelect,\n  onHighlight,\n  isComplete,\n  ...boxProps\n}: SelectInputProps): JSX.Element {\n  let [rotatedIndex, setRotatedIndex] = useState(0);\n  let [selectedIndex, setSelectedIndex] = useState(initialIndex);\n  let hasLimit = typeof userDefinedLimit === 'number' && items.length > userDefinedLimit;\n  let limit = hasLimit ? Math.min(userDefinedLimit as number, items.length) : items.length;\n  let previousItems = useRef<SelectInputItem[]>(items);\n\n  useEffect(() => {\n    if (\n      !_.isEqual(\n        previousItems.current.map((item) => item.value),\n        items.map((item) => item.value),\n      )\n    ) {\n      setRotatedIndex(0);\n      setSelectedIndex(0);\n    }\n\n    previousItems.current = items;\n  }, [items]);\n\n  useInput(\n    (input: string, key: Key) => {\n      if (input === 'k' || key.upArrow) {\n        let lastIndex = (hasLimit ? limit : items.length) - 1;\n        let isAtFirstIndex = selectedIndex === 0;\n        let nextIndex = hasLimit ? selectedIndex : lastIndex;\n        let nextRotatedIndex = isAtFirstIndex ? rotatedIndex + 1 : rotatedIndex;\n        let nextSelectedIndex = isAtFirstIndex ? nextIndex : selectedIndex - 1;\n\n        setRotatedIndex(nextRotatedIndex);\n        setSelectedIndex(nextSelectedIndex);\n\n        let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).slice(0, limit) : items;\n\n        if (typeof onHighlight === 'function') {\n          onHighlight(slicedItems[nextSelectedIndex] as SelectInputItem);\n        }\n      }\n\n      if (input === 'j' || key.downArrow) {\n        let isAtLastIndex = selectedIndex === (hasLimit ? limit : items.length) - 1;\n        let nextIndex = hasLimit ? selectedIndex : 0;\n        let nextRotatedIndex = isAtLastIndex ? rotatedIndex - 1 : rotatedIndex;\n        let nextSelectedIndex = isAtLastIndex ? nextIndex : selectedIndex + 1;\n\n        setRotatedIndex(nextRotatedIndex);\n        setSelectedIndex(nextSelectedIndex);\n\n        let slicedItems = hasLimit ? rotate(items, nextRotatedIndex).slice(0, limit) : items;\n\n        if (typeof onHighlight === 'function') {\n          onHighlight(slicedItems[nextSelectedIndex] as SelectInputItem);\n        }\n      }\n\n      if (key.return) {\n        let slicedItems = hasLimit ? rotate(items, rotatedIndex).slice(0, limit) : items;\n\n        if (typeof onSelect === 'function') {\n          onSelect(slicedItems[selectedIndex] as SelectInputItem);\n        }\n      }\n    },\n    {isActive: focus},\n  );\n\n  let visibleItems: SelectInputItem[] = hasLimit\n    ? rotate(items, rotatedIndex).slice(0, limit)\n    : items;\n\n  return (\n    <Box {...boxProps}>\n      <Box marginRight={1}>\n        <Text>{isComplete ? icons.success : icons.question}</Text>\n      </Box>\n\n      <Box flexDirection=\"column\">\n        <Box marginRight={1}>\n          <Text color={colors.highlighted}>{label}</Text>\n        </Box>\n        {isComplete ? (\n          <Text color={colors.body}>\n            {items[selectedIndex]?.label ?? String(items[selectedIndex]?.value)}\n          </Text>\n        ) : (\n          <Box flexDirection=\"column\">\n            {visibleItems.map((item, index) => {\n              let isSelected = index === selectedIndex;\n\n              return (\n                <Box key={item.value}>\n                  <Box marginRight={1}>\n                    {isSelected ? (\n                      <Text color={colors.selected}>{icons.selectedCircle}</Text>\n                    ) : (\n                      <Text color={colors.unselected}>{icons.unselectedCircle}</Text>\n                    )}\n                  </Box>\n                  <Text color={isSelected ? colors.highlighted : colors.muted}>{item.label}</Text>\n                </Box>\n              );\n            })}\n          </Box>\n        )}\n      </Box>\n    </Box>\n  );\n}\n"],"names":["Box","Text","useInput","_","useState","useEffect","useRef","colors","icons","rotate","SelectInput","label","items","focus","initialIndex","limit","userDefinedLimit","onSelect","onHighlight","isComplete","boxProps","rotatedIndex","setRotatedIndex","selectedIndex","setSelectedIndex","hasLimit","length","Math","min","previousItems","isEqual","current","map","item","value","input","key","upArrow","lastIndex","isAtFirstIndex","nextIndex","nextRotatedIndex","nextSelectedIndex","slicedItems","slice","downArrow","isAtLastIndex","return","isActive","visibleItems","marginRight","success","question","flexDirection","color","highlighted","body","String","index","isSelected","selected","selectedCircle","unselected","unselectedCircle","muted"],"mappings":";AAAA,SAAQA,GAAG,EAAiBC,IAAI,EAAEC,QAAQ,QAAiB,MAAM;AACjE,OAAOC,OAAO,SAAS;AACvB,SAAQC,QAAQ,EAAEC,SAAS,EAAEC,MAAM,QAAO,QAAQ;AAGlD,YAAYC,YAAY,eAAe;AACvC,YAAYC,WAAW,cAAc;AACrC,SAAQC,MAAM,QAAO,kBAAkB;AA+BvC;;CAEC,GACD,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,QAAQ,EAAE,EACVC,QAAQ,IAAI,EACZC,eAAe,CAAC,EAChBC,OAAOC,gBAAgB,EACvBC,QAAQ,EACRC,WAAW,EACXC,UAAU,EACV,GAAGC,UACc;IACjB,IAAI,CAACC,cAAcC,gBAAgB,GAAGlB,SAAS;IAC/C,IAAI,CAACmB,eAAeC,iBAAiB,GAAGpB,SAASU;IACjD,IAAIW,WAAW,OAAOT,qBAAqB,YAAYJ,MAAMc,MAAM,GAAGV;IACtE,IAAID,QAAQU,WAAWE,KAAKC,GAAG,CAACZ,kBAA4BJ,MAAMc,MAAM,IAAId,MAAMc,MAAM;IACxF,IAAIG,gBAAgBvB,OAA0BM;IAE9CP,UAAU;QACR,IACE,CAACF,EAAE2B,OAAO,CACRD,cAAcE,OAAO,CAACC,GAAG,CAAC,CAACC,OAASA,KAAKC,KAAK,GAC9CtB,MAAMoB,GAAG,CAAC,CAACC,OAASA,KAAKC,KAAK,IAEhC;YACAZ,gBAAgB;YAChBE,iBAAiB;QACnB;QAEAK,cAAcE,OAAO,GAAGnB;IAC1B,GAAG;QAACA;KAAM;IAEVV,SACE,CAACiC,OAAeC;QACd,IAAID,UAAU,OAAOC,IAAIC,OAAO,EAAE;YAChC,IAAIC,YAAY,AAACb,CAAAA,WAAWV,QAAQH,MAAMc,MAAM,AAAD,IAAK;YACpD,IAAIa,iBAAiBhB,kBAAkB;YACvC,IAAIiB,YAAYf,WAAWF,gBAAgBe;YAC3C,IAAIG,mBAAmBF,iBAAiBlB,eAAe,IAAIA;YAC3D,IAAIqB,oBAAoBH,iBAAiBC,YAAYjB,gBAAgB;YAErED,gBAAgBmB;YAChBjB,iBAAiBkB;YAEjB,IAAIC,cAAclB,WAAWhB,OAAOG,OAAO6B,kBAAkBG,KAAK,CAAC,GAAG7B,SAASH;YAE/E,IAAI,OAAOM,gBAAgB,YAAY;gBACrCA,YAAYyB,WAAW,CAACD,kBAAkB;YAC5C;QACF;QAEA,IAAIP,UAAU,OAAOC,IAAIS,SAAS,EAAE;YAClC,IAAIC,gBAAgBvB,kBAAkB,AAACE,CAAAA,WAAWV,QAAQH,MAAMc,MAAM,AAAD,IAAK;YAC1E,IAAIc,YAAYf,WAAWF,gBAAgB;YAC3C,IAAIkB,mBAAmBK,gBAAgBzB,eAAe,IAAIA;YAC1D,IAAIqB,oBAAoBI,gBAAgBN,YAAYjB,gBAAgB;YAEpED,gBAAgBmB;YAChBjB,iBAAiBkB;YAEjB,IAAIC,cAAclB,WAAWhB,OAAOG,OAAO6B,kBAAkBG,KAAK,CAAC,GAAG7B,SAASH;YAE/E,IAAI,OAAOM,gBAAgB,YAAY;gBACrCA,YAAYyB,WAAW,CAACD,kBAAkB;YAC5C;QACF;QAEA,IAAIN,IAAIW,MAAM,EAAE;YACd,IAAIJ,cAAclB,WAAWhB,OAAOG,OAAOS,cAAcuB,KAAK,CAAC,GAAG7B,SAASH;YAE3E,IAAI,OAAOK,aAAa,YAAY;gBAClCA,SAAS0B,WAAW,CAACpB,cAAc;YACrC;QACF;IACF,GACA;QAACyB,UAAUnC;IAAK;IAGlB,IAAIoC,eAAkCxB,WAClChB,OAAOG,OAAOS,cAAcuB,KAAK,CAAC,GAAG7B,SACrCH;IAEJ,qBACE,MAACZ;QAAK,GAAGoB,QAAQ;;0BACf,KAACpB;gBAAIkD,aAAa;0BAChB,cAAA,KAACjD;8BAAMkB,aAAaX,MAAM2C,OAAO,GAAG3C,MAAM4C,QAAQ;;;0BAGpD,MAACpD;gBAAIqD,eAAc;;kCACjB,KAACrD;wBAAIkD,aAAa;kCAChB,cAAA,KAACjD;4BAAKqD,OAAO/C,OAAOgD,WAAW;sCAAG5C;;;oBAEnCQ,2BACC,KAAClB;wBAAKqD,OAAO/C,OAAOiD,IAAI;kCACrB5C,KAAK,CAACW,cAAc,EAAEZ,SAAS8C,OAAO7C,KAAK,CAACW,cAAc,EAAEW;uCAG/D,KAAClC;wBAAIqD,eAAc;kCAChBJ,aAAajB,GAAG,CAAC,CAACC,MAAMyB;4BACvB,IAAIC,aAAaD,UAAUnC;4BAE3B,qBACE,MAACvB;;kDACC,KAACA;wCAAIkD,aAAa;kDACfS,2BACC,KAAC1D;4CAAKqD,OAAO/C,OAAOqD,QAAQ;sDAAGpD,MAAMqD,cAAc;2DAEnD,KAAC5D;4CAAKqD,OAAO/C,OAAOuD,UAAU;sDAAGtD,MAAMuD,gBAAgB;;;kDAG3D,KAAC9D;wCAAKqD,OAAOK,aAAapD,OAAOgD,WAAW,GAAGhD,OAAOyD,KAAK;kDAAG/B,KAAKtB,KAAK;;;+BARhEsB,KAAKC,KAAK;wBAWxB;;;;;;AAMZ"}

package/dist/ui/form/SelectInputItem.js

@@ -1,5 +0,0 @@
-/**
- * Select input item.
- */ export { };
-
-//# sourceMappingURL=SelectInputItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/ui/form/SelectInputItem.ts"],"sourcesContent":["/**\n * Select input item.\n */\nexport type SelectInputItem = {\n  /** Text to display as a label. */\n  label: string;\n\n  /** Value. */\n  value: string;\n};\n"],"names":[],"mappings":"AAAA;;CAEC,GACD,WAME"}