5htp-core 0.4.6-7 → 0.4.7-1

package/package.json

@@ -1,7 +1,7 @@
 {
 	"name": "5htp-core",
 	"description": "Convenient TypeScript framework designed for Performance and Productivity.",
-	"version": "0.4.6-7",
+	"version": "0.4.7-1",
 	"author": "Gaetan Le Gac (https://github.com/gaetanlegac)",
 	"repository": "git://github.com/gaetanlegac/5htp-core.git",
 	"license": "MIT",

package/src/client/components/Select/ChoiceSelector.tsx

@@ -18,9 +18,7 @@ import type { TDialogControls } from '@client/components/dropdown';
 
 export type Choice = { label: ComponentChild, value: string }
 
-export type Choices = Choice[]
-
-type ChoicesFunc = (search: string) => Promise<Choices>
+type ChoicesFunc = (search: string) => Promise<Choice[]>
 
 export type Props = (
     {
@@ -37,10 +35,13 @@ export type Props = (
         validator?: StringValidator
     }
 ) & {
-    choices: Choices | ChoicesFunc,
+    choices: Choice[] | ChoicesFunc | string[],
     enableSearch?: boolean,
     required?: boolean,
     noneSelection?: false | string,
+}
+
+type SelectorProps = Props & {
     currentList: Choice[],
     refDropdown?: RefObject<TDialogControls>
 }
@@ -67,7 +68,7 @@ export default React.forwardRef<HTMLDivElement, Props>(({
     currentList,
     refDropdown,
     ...otherProps
-}: Props, ref) => {
+}: SelectorProps, ref) => {
 
    
 

package/src/client/components/Select/index.tsx

@@ -22,7 +22,7 @@ import ChoiceElement from './ChoiceElement';
 ----------------------------------*/
 
 export type Props = SelectorProps & {
-    dropdown: boolean | DropdownProps,
+    dropdown?: boolean | DropdownProps,
     title: string,
     errors?: string[],
 }
@@ -77,8 +77,10 @@ export default ({
     const popoverState = React.useState(false);
 
     const choicesViaFunc = typeof initChoices === 'function';
-    if (choicesViaFunc && enableSearch === undefined)
+    if (choicesViaFunc)
         enableSearch = true;
+    else if (typeof initChoices[0] === 'string')
+        initChoices = initChoices.map( c => ({ label: c, value: c }));
 
     const refInputSearch = React.useRef<HTMLInputElement | null>(null);
 

package/src/client/components/inputv3/base.tsx

@@ -4,6 +4,7 @@
 
 // Npm
 import React from 'react';
+import type { ComponentChild }  from 'preact';
 import type { StateUpdater } from 'preact/hooks';
 
 // Core libs
@@ -16,6 +17,7 @@ import { useState } from '@client/hooks';
 export type InputBaseProps<TValue> = {
 
     title: string, // Now mandatory
+    hint?: ComponentChild,
     required?: boolean,
     errors?: string[],
     size?: TComponentSize,
@@ -64,7 +66,7 @@ export function useInput<TValue>(
         if (state.changed === false)
             return;
 
-        console.log(`[input] Commit value:`, state.value, externalValue);
+        //console.log(`[input] Commit value:`, state.value, externalValue);
         if (onChange !== undefined)
             onChange(state.value);
     }

package/src/client/components/inputv3/index.tsx

@@ -128,7 +128,7 @@ export default ({
 
     } else if (type === 'longtext') {
 
-        prefix = prefix || <i src="text" />;
+        // No icon because not good looking ane we want as much space as possible
         Tag = 'textarea';
         className += ' multiline';
 

package/src/common/validation/validators.ts

@@ -139,7 +139,7 @@ export default class SchemaValidators {
             return undefined;
 
         // Normalize for verifications
-        const choicesValues = choices?.map(v => v.value)
+        const choicesValues = choices?.map(v => typeof v === 'object' ? v.value : v)
 
         const checkChoice = ( choice: any ) => {