@emeraldemperaur/vector-sigma 1.4.19 → 1.4.21
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.
- package/README.md +1 -1
- package/lib/index.cjs +721 -8
- package/lib/index.esm.js +718 -10
- package/lib/types/components/datepicker/datepicker.d.ts +1 -1
- package/lib/types/index.d.ts +2 -0
- package/lib/types/layouts/accordion/accordion.d.ts +88 -0
- package/lib/types/layouts/codex/codex.d.ts +88 -0
- package/lib/types/teletraan1.d.ts +4 -2
- package/lib/types/utils/architect.d.ts +14 -0
- package/lib/types/utils/voltaire.d.ts +24 -0
- package/package.json +6 -2
package/lib/types/index.d.ts
CHANGED
|
@@ -31,6 +31,8 @@ export * from './components/xtitle/xtitle';
|
|
|
31
31
|
export * from './layouts/container/container';
|
|
32
32
|
export * from './layouts/column/column';
|
|
33
33
|
export * from './layouts/row/row';
|
|
34
|
+
export * from './layouts/accordion/accordion';
|
|
35
|
+
export * from './layouts/codex/codex';
|
|
34
36
|
export * from './utils/architect';
|
|
35
37
|
export * from './utils/uuidparser';
|
|
36
38
|
export * from './utils/currencyconfig';
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import '../../styles/main.scss';
|
|
3
|
+
export type AccordionDesign = 'material' | 'outline' | 'neumorphic';
|
|
4
|
+
export interface AccordionProps {
|
|
5
|
+
/**
|
|
6
|
+
* * The design variation of the Accordion.
|
|
7
|
+
* Default: 'outline'
|
|
8
|
+
* Variants: 'outline', 'material', 'neumorphic'.
|
|
9
|
+
* * @example
|
|
10
|
+
* design="neumorphic"
|
|
11
|
+
*/
|
|
12
|
+
design?: AccordionDesign;
|
|
13
|
+
/**
|
|
14
|
+
* * The sectionId of the item that should be open by default.
|
|
15
|
+
* Renders all accordion sections in closed state if undefined.
|
|
16
|
+
* * @example
|
|
17
|
+
* defaultOpenId="section-1"
|
|
18
|
+
*/
|
|
19
|
+
defaultOpenId?: string;
|
|
20
|
+
/**
|
|
21
|
+
* * Option to allow multiple sections to be open at the same time.
|
|
22
|
+
* Default: false (Limits open accordion items to only one)
|
|
23
|
+
* * @example
|
|
24
|
+
* allowMultiple={true}
|
|
25
|
+
*/
|
|
26
|
+
allowMultiple?: boolean;
|
|
27
|
+
/**
|
|
28
|
+
* * The required viewport column width for the Accordion component.
|
|
29
|
+
* i.e. 1 - 12
|
|
30
|
+
* * @example
|
|
31
|
+
* width={12}
|
|
32
|
+
*/
|
|
33
|
+
width?: number;
|
|
34
|
+
/**
|
|
35
|
+
* * Option to render Accordion component on a new row.
|
|
36
|
+
* * @example
|
|
37
|
+
* newRow
|
|
38
|
+
*/
|
|
39
|
+
newRow?: boolean;
|
|
40
|
+
/**
|
|
41
|
+
* * Option to specify the .scss class selector for the Accordion.
|
|
42
|
+
* * @example
|
|
43
|
+
* className="teletraan-1-accordion"
|
|
44
|
+
*/
|
|
45
|
+
className?: string;
|
|
46
|
+
/**
|
|
47
|
+
* * Option to inject custom CSS to the Accordion wrapper.
|
|
48
|
+
* * @example
|
|
49
|
+
* style={{ margin: "20px 0" }}
|
|
50
|
+
*/
|
|
51
|
+
style?: React.CSSProperties;
|
|
52
|
+
/**
|
|
53
|
+
* * The AccordionItem child components.
|
|
54
|
+
*/
|
|
55
|
+
children: ReactNode;
|
|
56
|
+
}
|
|
57
|
+
export interface AccordionItemProps {
|
|
58
|
+
/**
|
|
59
|
+
* * The unique identifier for this specific accordion section.
|
|
60
|
+
* * @example
|
|
61
|
+
* sectionId="faq-1"
|
|
62
|
+
*/
|
|
63
|
+
sectionId: string;
|
|
64
|
+
/**
|
|
65
|
+
* * The header or trigger text for this accordion section.
|
|
66
|
+
* * @example
|
|
67
|
+
* title="What is the VΣ Protocol?"
|
|
68
|
+
*/
|
|
69
|
+
title: ReactNode | string;
|
|
70
|
+
/**
|
|
71
|
+
* * The content revealed when the section is opened.
|
|
72
|
+
*/
|
|
73
|
+
children: ReactNode;
|
|
74
|
+
/**
|
|
75
|
+
* * Option to disable an accordion item section.
|
|
76
|
+
* * @example
|
|
77
|
+
* disabled
|
|
78
|
+
*/
|
|
79
|
+
disabled?: boolean;
|
|
80
|
+
/**
|
|
81
|
+
* * Option to append a custom icon to the left of the title.
|
|
82
|
+
* * @example
|
|
83
|
+
* icon={<Icon name="info" />}
|
|
84
|
+
*/
|
|
85
|
+
icon?: ReactNode;
|
|
86
|
+
}
|
|
87
|
+
export declare const Accordion: ({ design, defaultOpenId, allowMultiple, width, newRow, className, style, children }: AccordionProps) => React.JSX.Element;
|
|
88
|
+
export declare const AccordionItem: ({ sectionId, title, children, disabled, icon }: AccordionItemProps) => React.JSX.Element;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import '../../styles/main.scss';
|
|
3
|
+
export type CodexDesign = 'material' | 'outline' | 'neumorphic';
|
|
4
|
+
interface CodexContextProps {
|
|
5
|
+
activeStepId: string;
|
|
6
|
+
setActiveStepId: (id: string) => void;
|
|
7
|
+
design: CodexDesign;
|
|
8
|
+
}
|
|
9
|
+
export declare const useStepper: () => CodexContextProps;
|
|
10
|
+
export interface CodexProps {
|
|
11
|
+
/**
|
|
12
|
+
* * The design variation of the Codex component.
|
|
13
|
+
* Default: 'outline'
|
|
14
|
+
* Variants: 'outline', 'material', 'neumorphic'.
|
|
15
|
+
* * @example
|
|
16
|
+
* design="neumorphic"
|
|
17
|
+
*/
|
|
18
|
+
design?: CodexDesign;
|
|
19
|
+
/**
|
|
20
|
+
* * The sectionId of the step that should be active on render.
|
|
21
|
+
* Defaults to the first child step when undefined.
|
|
22
|
+
* * @example
|
|
23
|
+
* defaultStepId="billing-info"
|
|
24
|
+
*/
|
|
25
|
+
defaultStepId?: string;
|
|
26
|
+
/**
|
|
27
|
+
* * The required viewport column width for the Codex component.
|
|
28
|
+
* i.e. 1 - 12
|
|
29
|
+
* * @example
|
|
30
|
+
* width={12}
|
|
31
|
+
*/
|
|
32
|
+
width?: number;
|
|
33
|
+
/**
|
|
34
|
+
* * Option to render Codex component on a new row.
|
|
35
|
+
* * @example
|
|
36
|
+
* newRow
|
|
37
|
+
*/
|
|
38
|
+
newRow?: boolean;
|
|
39
|
+
/**
|
|
40
|
+
* * Option to specify the .scss class selector for the Codex component.
|
|
41
|
+
* * @example
|
|
42
|
+
* className="teletraan-1-codex"
|
|
43
|
+
*/
|
|
44
|
+
className?: string;
|
|
45
|
+
/**
|
|
46
|
+
* * Option to inject custom CSS to the Stepper wrapper.
|
|
47
|
+
* * @example
|
|
48
|
+
* style={{ margin: "20px 0" }}
|
|
49
|
+
*/
|
|
50
|
+
style?: React.CSSProperties;
|
|
51
|
+
/**
|
|
52
|
+
* * The CodexItem child components.
|
|
53
|
+
*/
|
|
54
|
+
children: ReactNode;
|
|
55
|
+
}
|
|
56
|
+
export interface CodexItemProps {
|
|
57
|
+
/**
|
|
58
|
+
* * The unique identifier for the step item.
|
|
59
|
+
* * @example
|
|
60
|
+
* stepId="step-1"
|
|
61
|
+
*/
|
|
62
|
+
stepId: string;
|
|
63
|
+
/**
|
|
64
|
+
* * The display title for the step header.
|
|
65
|
+
* * @example
|
|
66
|
+
* title="Account Setup"
|
|
67
|
+
*/
|
|
68
|
+
title: string;
|
|
69
|
+
/**
|
|
70
|
+
* * An optional subtitle description displayed below the title.
|
|
71
|
+
* * @example
|
|
72
|
+
* description="Enter your details"
|
|
73
|
+
*/
|
|
74
|
+
subtitleDescription?: string;
|
|
75
|
+
/**
|
|
76
|
+
* * The content revealed when this step is active.
|
|
77
|
+
*/
|
|
78
|
+
children: ReactNode;
|
|
79
|
+
/**
|
|
80
|
+
* * Option to provide a custom icon for the step circle.
|
|
81
|
+
* * @example
|
|
82
|
+
* icon={<Icon name="user" />}
|
|
83
|
+
*/
|
|
84
|
+
icon?: ReactNode;
|
|
85
|
+
}
|
|
86
|
+
export declare const Codex: ({ design, defaultStepId, width, newRow, className, style, children }: CodexProps) => React.JSX.Element;
|
|
87
|
+
export declare const CodexItem: ({ stepId, children, }: CodexItemProps) => React.JSX.Element | null;
|
|
88
|
+
export {};
|
|
@@ -1,2 +1,4 @@
|
|
|
1
|
-
import
|
|
2
|
-
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { xForm } from 'utils/architect';
|
|
3
|
+
export type teletraan1Display = 'accordion' | 'codice' | 'codex' | 'dual';
|
|
4
|
+
export declare const teletraan1: (xFormModel: xForm, readOnlyMode: boolean, displayMode: teletraan1Display) => React.JSX.Element;
|
|
@@ -13,6 +13,7 @@ declare const NestedQuerySchema: z.ZodObject<{
|
|
|
13
13
|
inputAlias: z.ZodString;
|
|
14
14
|
inputLabel: z.ZodString;
|
|
15
15
|
inputPlaceholder: z.ZodString;
|
|
16
|
+
defaultValue: z.ZodOptional<z.ZodAny>;
|
|
16
17
|
newRow: z.ZodBoolean;
|
|
17
18
|
inputWidth: z.ZodNumber;
|
|
18
19
|
isRequired: z.ZodBoolean;
|
|
@@ -30,6 +31,7 @@ declare const NestedQuerySchema: z.ZodObject<{
|
|
|
30
31
|
}, z.core.$strip>>>>;
|
|
31
32
|
toggledInput: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
32
33
|
toggleTrigger: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
34
|
+
errorText: z.ZodOptional<z.ZodString>;
|
|
33
35
|
}, z.core.$strip>;
|
|
34
36
|
declare const QuerySchema: z.ZodObject<{
|
|
35
37
|
queryId: z.ZodUnion<[z.ZodNumber, z.ZodUUID]>;
|
|
@@ -37,6 +39,7 @@ declare const QuerySchema: z.ZodObject<{
|
|
|
37
39
|
inputAlias: z.ZodString;
|
|
38
40
|
inputLabel: z.ZodString;
|
|
39
41
|
inputPlaceholder: z.ZodString;
|
|
42
|
+
defaultValue: z.ZodOptional<z.ZodAny>;
|
|
40
43
|
minValue: z.ZodOptional<z.ZodNumber>;
|
|
41
44
|
maxValue: z.ZodOptional<z.ZodNumber>;
|
|
42
45
|
stepValue: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodFloat64]>>;
|
|
@@ -61,6 +64,7 @@ declare const QuerySchema: z.ZodObject<{
|
|
|
61
64
|
inputAlias: z.ZodString;
|
|
62
65
|
inputLabel: z.ZodString;
|
|
63
66
|
inputPlaceholder: z.ZodString;
|
|
67
|
+
defaultValue: z.ZodOptional<z.ZodAny>;
|
|
64
68
|
newRow: z.ZodBoolean;
|
|
65
69
|
inputWidth: z.ZodNumber;
|
|
66
70
|
isRequired: z.ZodBoolean;
|
|
@@ -78,8 +82,10 @@ declare const QuerySchema: z.ZodObject<{
|
|
|
78
82
|
}, z.core.$strip>>>>;
|
|
79
83
|
toggledInput: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
80
84
|
toggleTrigger: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
85
|
+
errorText: z.ZodOptional<z.ZodString>;
|
|
81
86
|
}, z.core.$strip>>>;
|
|
82
87
|
toggleTrigger: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
88
|
+
errorText: z.ZodOptional<z.ZodString>;
|
|
83
89
|
}, z.core.$strip>;
|
|
84
90
|
declare const SectionSchema: z.ZodObject<{
|
|
85
91
|
sectionId: z.ZodNumber;
|
|
@@ -91,6 +97,7 @@ declare const SectionSchema: z.ZodObject<{
|
|
|
91
97
|
inputAlias: z.ZodString;
|
|
92
98
|
inputLabel: z.ZodString;
|
|
93
99
|
inputPlaceholder: z.ZodString;
|
|
100
|
+
defaultValue: z.ZodOptional<z.ZodAny>;
|
|
94
101
|
minValue: z.ZodOptional<z.ZodNumber>;
|
|
95
102
|
maxValue: z.ZodOptional<z.ZodNumber>;
|
|
96
103
|
stepValue: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodFloat64]>>;
|
|
@@ -115,6 +122,7 @@ declare const SectionSchema: z.ZodObject<{
|
|
|
115
122
|
inputAlias: z.ZodString;
|
|
116
123
|
inputLabel: z.ZodString;
|
|
117
124
|
inputPlaceholder: z.ZodString;
|
|
125
|
+
defaultValue: z.ZodOptional<z.ZodAny>;
|
|
118
126
|
newRow: z.ZodBoolean;
|
|
119
127
|
inputWidth: z.ZodNumber;
|
|
120
128
|
isRequired: z.ZodBoolean;
|
|
@@ -132,8 +140,10 @@ declare const SectionSchema: z.ZodObject<{
|
|
|
132
140
|
}, z.core.$strip>>>>;
|
|
133
141
|
toggledInput: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
134
142
|
toggleTrigger: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
143
|
+
errorText: z.ZodOptional<z.ZodString>;
|
|
135
144
|
}, z.core.$strip>>>;
|
|
136
145
|
toggleTrigger: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
146
|
+
errorText: z.ZodOptional<z.ZodString>;
|
|
137
147
|
}, z.core.$strip>>;
|
|
138
148
|
}, z.core.$strip>;
|
|
139
149
|
export declare const xFormSchema: z.ZodObject<{
|
|
@@ -151,6 +161,7 @@ export declare const xFormSchema: z.ZodObject<{
|
|
|
151
161
|
inputAlias: z.ZodString;
|
|
152
162
|
inputLabel: z.ZodString;
|
|
153
163
|
inputPlaceholder: z.ZodString;
|
|
164
|
+
defaultValue: z.ZodOptional<z.ZodAny>;
|
|
154
165
|
minValue: z.ZodOptional<z.ZodNumber>;
|
|
155
166
|
maxValue: z.ZodOptional<z.ZodNumber>;
|
|
156
167
|
stepValue: z.ZodOptional<z.ZodUnion<[z.ZodNumber, z.ZodFloat64]>>;
|
|
@@ -175,6 +186,7 @@ export declare const xFormSchema: z.ZodObject<{
|
|
|
175
186
|
inputAlias: z.ZodString;
|
|
176
187
|
inputLabel: z.ZodString;
|
|
177
188
|
inputPlaceholder: z.ZodString;
|
|
189
|
+
defaultValue: z.ZodOptional<z.ZodAny>;
|
|
178
190
|
newRow: z.ZodBoolean;
|
|
179
191
|
inputWidth: z.ZodNumber;
|
|
180
192
|
isRequired: z.ZodBoolean;
|
|
@@ -192,8 +204,10 @@ export declare const xFormSchema: z.ZodObject<{
|
|
|
192
204
|
}, z.core.$strip>>>>;
|
|
193
205
|
toggledInput: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
194
206
|
toggleTrigger: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
207
|
+
errorText: z.ZodOptional<z.ZodString>;
|
|
195
208
|
}, z.core.$strip>>>;
|
|
196
209
|
toggleTrigger: z.ZodOptional<z.ZodNullable<z.ZodAny>>;
|
|
210
|
+
errorText: z.ZodOptional<z.ZodString>;
|
|
197
211
|
}, z.core.$strip>>;
|
|
198
212
|
}, z.core.$strip>>;
|
|
199
213
|
}, z.core.$strip>;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
export declare const avatarInputType: string[];
|
|
2
|
+
export declare const buttonInputType: string[];
|
|
3
|
+
export declare const checkboxInputType: string[];
|
|
4
|
+
export declare const datePickerInputType: string[];
|
|
5
|
+
export declare const dateRangePickerInputType: string[];
|
|
6
|
+
export declare const dateTimePickerInputType: string[];
|
|
7
|
+
export declare const dropdownInputType: string[];
|
|
8
|
+
export declare const fileInputType: string[];
|
|
9
|
+
export declare const fileMultipleInputType: string[];
|
|
10
|
+
export declare const imageOutputType: string[];
|
|
11
|
+
export declare const textInputType: string[];
|
|
12
|
+
export declare const passwordInputType: string[];
|
|
13
|
+
export declare const phoneInputType: string[];
|
|
14
|
+
export declare const creditCardInputType: string[];
|
|
15
|
+
export declare const currencyInputType: string[];
|
|
16
|
+
export declare const stockInputType: string[];
|
|
17
|
+
export declare const radioInputType: string[];
|
|
18
|
+
export declare const selectInputType: string[];
|
|
19
|
+
export declare const selectMultipleInputType: string[];
|
|
20
|
+
export declare const sliderInputType: string[];
|
|
21
|
+
export declare const rangeSliderInputType: string[];
|
|
22
|
+
export declare const toggleInputType: string[];
|
|
23
|
+
export declare const sectionTitleOutputType: string[];
|
|
24
|
+
export declare const conditionalInputType: string[];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@emeraldemperaur/vector-sigma",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.21",
|
|
4
4
|
"description": "Dynamic Form Orchestrator: NPM Package",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
"react": "^19.2.4",
|
|
59
59
|
"react-dom": "^19.2.4",
|
|
60
60
|
"rollup": "^4.17.2",
|
|
61
|
-
"rollup-plugin-delete": "^
|
|
61
|
+
"rollup-plugin-delete": "^3.0.2",
|
|
62
62
|
"rollup-plugin-postcss": "^4.0.2",
|
|
63
63
|
"rollup-plugin-preserve-directives": "^0.4.0",
|
|
64
64
|
"rollup-plugin-typescript2": "^0.36.0",
|
|
@@ -78,6 +78,7 @@
|
|
|
78
78
|
"yup": "^1.7.1"
|
|
79
79
|
},
|
|
80
80
|
"dependencies": {
|
|
81
|
+
"@radix-ui/react-accordion": "^1.2.12",
|
|
81
82
|
"@radix-ui/react-icons": "^1.3.2",
|
|
82
83
|
"@radix-ui/themes": "^3.3.0",
|
|
83
84
|
"@types/react-datepicker": "^6.2.0",
|
|
@@ -86,6 +87,9 @@
|
|
|
86
87
|
"react-imask": "^7.6.1",
|
|
87
88
|
"react-phone-number-input": "^3.4.14"
|
|
88
89
|
},
|
|
90
|
+
"overrides": {
|
|
91
|
+
"minimatch": "^10.2.1"
|
|
92
|
+
},
|
|
89
93
|
"publishConfig": {
|
|
90
94
|
"access": "public"
|
|
91
95
|
}
|