next-helios-fe 1.6.26 → 1.6.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/components/form/input/email.d.ts +1 -0
  2. package/dist/components/form/input/file.d.ts +1 -0
  3. package/dist/components/form/input/number.d.ts +1 -0
  4. package/dist/components/form/input/password.d.ts +1 -0
  5. package/dist/components/form/input/range.d.ts +1 -0
  6. package/dist/components/form/input/text.d.ts +1 -0
  7. package/dist/components/form/other/textarea.d.ts +1 -0
  8. package/dist/index.js +1 -1
  9. package/package.json +1 -1
  10. package/src/components/form/input/email.tsx +15 -12
  11. package/src/components/form/input/file.tsx +15 -12
  12. package/src/components/form/input/number.tsx +16 -13
  13. package/src/components/form/input/password.tsx +15 -12
  14. package/src/components/form/input/range.tsx +15 -12
  15. package/src/components/form/input/text.tsx +15 -12
  16. package/src/components/form/other/textarea.tsx +15 -12
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "next-helios-fe",
3
- "version": "1.6.26",
3
+ "version": "1.6.27",
4
4
  "description": "",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/form/input/email.tsx CHANGED
@@ -9,6 +9,7 @@ export interface EmailProps
9
9
  options?: {
10
10
  width?: "full" | "fit";
11
11
  height?: "short" | "medium" | "high";
12
+ hideInputDetail?: boolean;
12
13
  };
13
14
  }
14
15
 
@@ -39,18 +40,20 @@ export const Email: React.FC<EmailProps> = ({
39
40
  {label}
40
41
  </span>
41
42
  )}
42
- <div className="flex items-center gap-2">
43
- {(rest.minLength || rest.maxLength) && (
44
- <span className="text-sm select-none">
45
- {rest.minLength || 0}/{rest.maxLength || "∞"}
46
- </span>
47
- )}
48
- {description && (
49
- <span title={description} className="text-sm text-primary-dark">
50
- <Icon icon="octicon:info-16" />
51
- </span>
52
- )}
53
- </div>
43
+ {!options?.hideInputDetail && (
44
+ <div className="flex items-center gap-2">
45
+ {(rest.minLength || rest.maxLength) && (
46
+ <span className="text-sm select-none">
47
+ {rest.minLength || 0}/{rest.maxLength || "∞"}
48
+ </span>
49
+ )}
50
+ {description && (
51
+ <span title={description} className="text-sm text-primary-dark">
52
+ <Icon icon="octicon:info-16" />
53
+ </span>
54
+ )}
55
+ </div>
56
+ )}
54
57
  </div>
55
58
  <input
56
59
  type="email"
package/src/components/form/input/file.tsx CHANGED
@@ -12,6 +12,7 @@ export interface FileProps extends React.InputHTMLAttributes<HTMLInputElement> {
12
12
  buttonOnly?: boolean;
13
13
  width?: "full" | "fit";
14
14
  height?: "short" | "medium" | "high";
15
+ hideInputDetail?: boolean;
15
16
  };
16
17
  defaultValue?: any[];
17
18
  value?: any[];
@@ -68,18 +69,20 @@ export const File: React.FC<FileProps> = ({
68
69
  {label}
69
70
  </span>
70
71
  )}
71
- <div className="flex items-center gap-2">
72
- {options?.variant !== "drag&drop" && options?.maxSizeInMb && (
73
- <span className="text-sm select-none">
74
- {options?.maxSizeInMb} MB
75
- </span>
76
- )}
77
- {description && (
78
- <span title={description} className="text-sm text-primary-dark">
79
- <Icon icon="octicon:info-16" />
80
- </span>
81
- )}
82
- </div>
72
+ {!options?.hideInputDetail && (
73
+ <div className="flex items-center gap-2">
74
+ {options?.variant !== "drag&drop" && options?.maxSizeInMb && (
75
+ <span className="text-sm select-none">
76
+ {options?.maxSizeInMb} MB
77
+ </span>
78
+ )}
79
+ {description && (
80
+ <span title={description} className="text-sm text-primary-dark">
81
+ <Icon icon="octicon:info-16" />
82
+ </span>
83
+ )}
84
+ </div>
85
+ )}
83
86
  </div>
84
87
  )}
85
88
  <div
package/src/components/form/input/number.tsx CHANGED
@@ -9,6 +9,7 @@ export interface NumberProps
9
9
  options?: {
10
10
  width?: "full" | "fit";
11
11
  height?: "short" | "medium" | "high";
12
+ hideInputDetail?: boolean;
12
13
  };
13
14
  }
14
15
 
@@ -40,19 +41,21 @@ export const Number: React.FC<NumberProps> = ({
40
41
  {label}
41
42
  </span>
42
43
  )}
43
- <div className="flex items-center gap-2">
44
- {(rest.min || rest.max) && (
45
- <span className="text-sm select-none">
46
- {rest.min || rest.min === 0 ? rest.min : "∞"}/
47
- {rest.max || rest.max === 0 ? rest.max : "∞"}
48
- </span>
49
- )}
50
- {description && (
51
- <span title={description} className="text-sm text-primary-dark">
52
- <Icon icon="octicon:info-16" />
53
- </span>
54
- )}
55
- </div>
44
+ {!options?.hideInputDetail && (
45
+ <div className="flex items-center gap-2">
46
+ {(rest.min || rest.max) && (
47
+ <span className="text-sm select-none">
48
+ {rest.min || rest.min === 0 ? rest.min : "∞"}/
49
+ {rest.max || rest.max === 0 ? rest.max : "∞"}
50
+ </span>
51
+ )}
52
+ {description && (
53
+ <span title={description} className="text-sm text-primary-dark">
54
+ <Icon icon="octicon:info-16" />
55
+ </span>
56
+ )}
57
+ </div>
58
+ )}
56
59
  </div>
57
60
  <div className="relative flex items-center">
58
61
  <input
package/src/components/form/input/password.tsx CHANGED
@@ -9,6 +9,7 @@ export interface PasswordProps
9
9
  options?: {
10
10
  width?: "full" | "fit";
11
11
  height?: "short" | "medium" | "high";
12
+ hideInputDetail?: boolean;
12
13
  };
13
14
  }
14
15
 
@@ -40,18 +41,20 @@ export const Password: React.FC<PasswordProps> = ({
40
41
  {label}
41
42
  </span>
42
43
  )}
43
- <div className="flex items-center gap-2">
44
- {(rest.minLength || rest.maxLength) && (
45
- <span className="text-sm select-none">
46
- {rest.minLength || 0}/{rest.maxLength || "∞"}
47
- </span>
48
- )}
49
- {description && (
50
- <span title={description} className="text-sm text-primary-dark">
51
- <Icon icon="octicon:info-16" />
52
- </span>
53
- )}
54
- </div>
44
+ {!options?.hideInputDetail && (
45
+ <div className="flex items-center gap-2">
46
+ {(rest.minLength || rest.maxLength) && (
47
+ <span className="text-sm select-none">
48
+ {rest.minLength || 0}/{rest.maxLength || "∞"}
49
+ </span>
50
+ )}
51
+ {description && (
52
+ <span title={description} className="text-sm text-primary-dark">
53
+ <Icon icon="octicon:info-16" />
54
+ </span>
55
+ )}
56
+ </div>
57
+ )}
55
58
  </div>
56
59
  <div className="relative flex items-center">
57
60
  <input
package/src/components/form/input/range.tsx CHANGED
@@ -9,6 +9,7 @@ export interface RangeProps
9
9
  theme?: string;
10
10
  options?: {
11
11
  width?: "full" | "fit";
12
+ hideInputDetail?: boolean;
12
13
  };
13
14
  }
14
15
 
@@ -35,18 +36,20 @@ export const Range: React.FC<RangeProps> = ({
35
36
  {label}
36
37
  </span>
37
38
  )}
38
- <div className="flex items-center gap-2">
39
- {(rest.min || rest.max) && (
40
- <span className="text-sm select-none">
41
- {rest.min || 0}/{rest.max || 100}
42
- </span>
43
- )}
44
- {description && (
45
- <span title={description} className="text-sm text-primary-dark">
46
- <Icon icon="octicon:info-16" />
47
- </span>
48
- )}
49
- </div>
39
+ {!options?.hideInputDetail && (
40
+ <div className="flex items-center gap-2">
41
+ {(rest.min || rest.max) && (
42
+ <span className="text-sm select-none">
43
+ {rest.min || 0}/{rest.max || 100}
44
+ </span>
45
+ )}
46
+ {description && (
47
+ <span title={description} className="text-sm text-primary-dark">
48
+ <Icon icon="octicon:info-16" />
49
+ </span>
50
+ )}
51
+ </div>
52
+ )}
50
53
  </div>
51
54
  <div className="flex gap-2">
52
55
  <input
package/src/components/form/input/text.tsx CHANGED
@@ -8,6 +8,7 @@ export interface TextProps extends React.InputHTMLAttributes<HTMLInputElement> {
8
8
  options?: {
9
9
  width?: "full" | "fit";
10
10
  height?: "short" | "medium" | "high";
11
+ hideInputDetail?: boolean;
11
12
  };
12
13
  }
13
14
 
@@ -38,18 +39,20 @@ export const Text: React.FC<TextProps> = ({
38
39
  {label}
39
40
  </span>
40
41
  )}
41
- <div className="flex items-center gap-2">
42
- {(rest.minLength || rest.maxLength) && (
43
- <span className="text-sm select-none">
44
- {rest.minLength || 0}/{rest.maxLength || "∞"}
45
- </span>
46
- )}
47
- {description && (
48
- <span title={description} className="text-sm text-primary-dark">
49
- <Icon icon="octicon:info-16" />
50
- </span>
51
- )}
52
- </div>
42
+ {!options?.hideInputDetail && (
43
+ <div className="flex items-center gap-2">
44
+ {(rest.minLength || rest.maxLength) && (
45
+ <span className="text-sm select-none">
46
+ {rest.minLength || 0}/{rest.maxLength || "∞"}
47
+ </span>
48
+ )}
49
+ {description && (
50
+ <span title={description} className="text-sm text-primary-dark">
51
+ <Icon icon="octicon:info-16" />
52
+ </span>
53
+ )}
54
+ </div>
55
+ )}
53
56
  </div>
54
57
  <input
55
58
  type="text"
package/src/components/form/other/textarea.tsx CHANGED
@@ -9,6 +9,7 @@ export interface TextareaProps
9
9
  options?: {
10
10
  width?: "full" | "fit";
11
11
  height?: "short" | "medium" | "high";
12
+ hideInputDetail?: boolean;
12
13
  };
13
14
  }
14
15
 
@@ -39,18 +40,20 @@ export const Textarea: React.FC<TextareaProps> = ({
39
40
  {label}
40
41
  </span>
41
42
  )}
42
- <div className="flex items-center gap-2">
43
- {(rest.minLength || rest.maxLength) && (
44
- <span className="text-sm select-none">
45
- {rest.minLength || 0}/{rest.maxLength || "∞"}
46
- </span>
47
- )}
48
- {description && (
49
- <span title={description} className="text-sm text-primary-dark">
50
- <Icon icon="octicon:info-16" />
51
- </span>
52
- )}
53
- </div>
43
+ {!options?.hideInputDetail && (
44
+ <div className="flex items-center gap-2">
45
+ {(rest.minLength || rest.maxLength) && (
46
+ <span className="text-sm select-none">
47
+ {rest.minLength || 0}/{rest.maxLength || "∞"}
48
+ </span>
49
+ )}
50
+ {description && (
51
+ <span title={description} className="text-sm text-primary-dark">
52
+ <Icon icon="octicon:info-16" />
53
+ </span>
54
+ )}
55
+ </div>
56
+ )}
54
57
  </div>
55
58
  <textarea
56
59
  rows={rest.rows || 10}