@cntrl-site/components 1.0.12-alpha.17 → 1.0.12-alpha.19
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/LICENSE +21 -21
- package/README.md +2 -2
- package/dist/Components/Form/Form.d.ts +2 -1
- package/dist/Components/Form/FormComponent.d.ts +2 -2
- package/dist/Components/Grid/Grid.d.ts +6 -1
- package/dist/Components/List/List.d.ts +2 -0
- package/dist/Components/OnelinerForm/OnelinerForm.d.ts +2 -1
- package/dist/Components/OnelinerForm/OnelinerFormComponent.d.ts +2 -1
- package/dist/index.js +6755 -9090
- package/dist/index.mjs +8080 -11994
- package/package.json +85 -85
- package/dist/Components/LightboxJournal/LightboxJournal.d.ts +0 -101
- package/dist/Components/LightboxJournal/LightboxJournalComponent.d.ts +0 -44
- package/dist/Components/LightboxStrip/LightboxStrip.d.ts +0 -55
- package/dist/Components/LightboxStrip/LightboxStripComponent.d.ts +0 -42
package/package.json
CHANGED
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
{
|
|
2
|
-
"name": "@cntrl-site/components",
|
|
3
|
-
"version": "1.0.12-alpha.
|
|
4
|
-
"description": "Custom components for control editor and public websites.",
|
|
5
|
-
"main": "dist/index.js",
|
|
6
|
-
"module": "dist/index.mjs",
|
|
7
|
-
"types": "dist/index.d.ts",
|
|
8
|
-
"style": "dist/components.css",
|
|
9
|
-
"sideEffects": [
|
|
10
|
-
"**/*.css"
|
|
11
|
-
],
|
|
12
|
-
"exports": {
|
|
13
|
-
".": {
|
|
14
|
-
"types": "./dist/index.d.ts",
|
|
15
|
-
"import": "./dist/index.mjs",
|
|
16
|
-
"require": "./dist/index.js"
|
|
17
|
-
},
|
|
18
|
-
"./utils": {
|
|
19
|
-
"types": "./dist/Components/utils/index.d.ts",
|
|
20
|
-
"import": "./dist/utils.mjs",
|
|
21
|
-
"require": "./dist/utils.js"
|
|
22
|
-
},
|
|
23
|
-
"./style/components.css": {
|
|
24
|
-
"default": "./dist/components.css"
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
"typesVersions": {
|
|
28
|
-
"*": {
|
|
29
|
-
"utils": [
|
|
30
|
-
"./dist/Components/utils/index.d.ts"
|
|
31
|
-
]
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
"scripts": {
|
|
35
|
-
"test": "jest",
|
|
36
|
-
"dev": "vite development",
|
|
37
|
-
"prebuild": "rimraf ./dist",
|
|
38
|
-
"build": "vite build",
|
|
39
|
-
"build:watch": "vite build --watch",
|
|
40
|
-
"prepublishOnly": "cross-env NODE_ENV=production npm run build"
|
|
41
|
-
},
|
|
42
|
-
"files": [
|
|
43
|
-
"dist",
|
|
44
|
-
"resources"
|
|
45
|
-
],
|
|
46
|
-
"repository": {
|
|
47
|
-
"type": "git",
|
|
48
|
-
"url": "git+https://github.com/cntrl-site/components.git"
|
|
49
|
-
},
|
|
50
|
-
"author": "arsen@momdesign.nyc",
|
|
51
|
-
"license": "MIT",
|
|
52
|
-
"bugs": {
|
|
53
|
-
"url": "https://github.com/cntrl-site/components/issues"
|
|
54
|
-
},
|
|
55
|
-
"homepage": "https://github.com/cntrl-site/components#readme",
|
|
56
|
-
"directories": {
|
|
57
|
-
"lib": "dist"
|
|
58
|
-
},
|
|
59
|
-
"dependencies": {
|
|
60
|
-
"classnames": "^2.5.1"
|
|
61
|
-
},
|
|
62
|
-
"peerDependencies": {
|
|
63
|
-
"react": "^18.0.0",
|
|
64
|
-
"react-dom": "^18.0.0"
|
|
65
|
-
},
|
|
66
|
-
"devDependencies": {
|
|
67
|
-
"@antfu/eslint-config": "^3.16.0",
|
|
68
|
-
"@splidejs/react-splide": "^0.7.12",
|
|
69
|
-
"ts-node": "^10.9.1",
|
|
70
|
-
"@tsconfig/node16": "^1.0.3",
|
|
71
|
-
"@tsconfig/recommended": "^1.0.1",
|
|
72
|
-
"@types/node": "^18.11.7",
|
|
73
|
-
"@types/react": "^18.2.0",
|
|
74
|
-
"@types/react-dom": "^18.2.0",
|
|
75
|
-
"@vitejs/plugin-react": "^4.3.4",
|
|
76
|
-
"cross-env": "^10.1.0",
|
|
77
|
-
"react": "^18.2.0",
|
|
78
|
-
"react-dom": "^18.2.0",
|
|
79
|
-
"rimraf": "^6.0.1",
|
|
80
|
-
"sass": "^1.86.3",
|
|
81
|
-
"typescript": "^5.2.2",
|
|
82
|
-
"vite": "^6.2.5",
|
|
83
|
-
"vite-plugin-dts": "^4.5.3"
|
|
84
|
-
}
|
|
85
|
-
}
|
|
1
|
+
{
|
|
2
|
+
"name": "@cntrl-site/components",
|
|
3
|
+
"version": "1.0.12-alpha.19",
|
|
4
|
+
"description": "Custom components for control editor and public websites.",
|
|
5
|
+
"main": "dist/index.js",
|
|
6
|
+
"module": "dist/index.mjs",
|
|
7
|
+
"types": "dist/index.d.ts",
|
|
8
|
+
"style": "dist/components.css",
|
|
9
|
+
"sideEffects": [
|
|
10
|
+
"**/*.css"
|
|
11
|
+
],
|
|
12
|
+
"exports": {
|
|
13
|
+
".": {
|
|
14
|
+
"types": "./dist/index.d.ts",
|
|
15
|
+
"import": "./dist/index.mjs",
|
|
16
|
+
"require": "./dist/index.js"
|
|
17
|
+
},
|
|
18
|
+
"./utils": {
|
|
19
|
+
"types": "./dist/Components/utils/index.d.ts",
|
|
20
|
+
"import": "./dist/utils.mjs",
|
|
21
|
+
"require": "./dist/utils.js"
|
|
22
|
+
},
|
|
23
|
+
"./style/components.css": {
|
|
24
|
+
"default": "./dist/components.css"
|
|
25
|
+
}
|
|
26
|
+
},
|
|
27
|
+
"typesVersions": {
|
|
28
|
+
"*": {
|
|
29
|
+
"utils": [
|
|
30
|
+
"./dist/Components/utils/index.d.ts"
|
|
31
|
+
]
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
"scripts": {
|
|
35
|
+
"test": "jest",
|
|
36
|
+
"dev": "vite development",
|
|
37
|
+
"prebuild": "rimraf ./dist",
|
|
38
|
+
"build": "vite build",
|
|
39
|
+
"build:watch": "vite build --watch",
|
|
40
|
+
"prepublishOnly": "cross-env NODE_ENV=production npm run build"
|
|
41
|
+
},
|
|
42
|
+
"files": [
|
|
43
|
+
"dist",
|
|
44
|
+
"resources"
|
|
45
|
+
],
|
|
46
|
+
"repository": {
|
|
47
|
+
"type": "git",
|
|
48
|
+
"url": "git+https://github.com/cntrl-site/components.git"
|
|
49
|
+
},
|
|
50
|
+
"author": "arsen@momdesign.nyc",
|
|
51
|
+
"license": "MIT",
|
|
52
|
+
"bugs": {
|
|
53
|
+
"url": "https://github.com/cntrl-site/components/issues"
|
|
54
|
+
},
|
|
55
|
+
"homepage": "https://github.com/cntrl-site/components#readme",
|
|
56
|
+
"directories": {
|
|
57
|
+
"lib": "dist"
|
|
58
|
+
},
|
|
59
|
+
"dependencies": {
|
|
60
|
+
"classnames": "^2.5.1"
|
|
61
|
+
},
|
|
62
|
+
"peerDependencies": {
|
|
63
|
+
"react": "^18.0.0",
|
|
64
|
+
"react-dom": "^18.0.0"
|
|
65
|
+
},
|
|
66
|
+
"devDependencies": {
|
|
67
|
+
"@antfu/eslint-config": "^3.16.0",
|
|
68
|
+
"@splidejs/react-splide": "^0.7.12",
|
|
69
|
+
"ts-node": "^10.9.1",
|
|
70
|
+
"@tsconfig/node16": "^1.0.3",
|
|
71
|
+
"@tsconfig/recommended": "^1.0.1",
|
|
72
|
+
"@types/node": "^18.11.7",
|
|
73
|
+
"@types/react": "^18.2.0",
|
|
74
|
+
"@types/react-dom": "^18.2.0",
|
|
75
|
+
"@vitejs/plugin-react": "^4.3.4",
|
|
76
|
+
"cross-env": "^10.1.0",
|
|
77
|
+
"react": "^18.2.0",
|
|
78
|
+
"react-dom": "^18.2.0",
|
|
79
|
+
"rimraf": "^6.0.1",
|
|
80
|
+
"sass": "^1.86.3",
|
|
81
|
+
"typescript": "^5.2.2",
|
|
82
|
+
"vite": "^6.2.5",
|
|
83
|
+
"vite-plugin-dts": "^4.5.3"
|
|
84
|
+
}
|
|
85
|
+
}
|
|
@@ -1,101 +0,0 @@
|
|
|
1
|
-
import { CommonComponentProps } from '../props';
|
|
2
|
-
import { TextStyles } from '../utils/textStylesToCss';
|
|
3
|
-
import { LayoutItem, LayoutTab } from '../../types/SchemaV1';
|
|
4
|
-
export type LightboxJournalImage = {
|
|
5
|
-
url: string;
|
|
6
|
-
name?: string;
|
|
7
|
-
objectFit?: 'cover' | 'contain';
|
|
8
|
-
};
|
|
9
|
-
export type LightboxJournalItem = {
|
|
10
|
-
title1: string;
|
|
11
|
-
title2: string;
|
|
12
|
-
title3: string;
|
|
13
|
-
images: LightboxJournalImage[];
|
|
14
|
-
};
|
|
15
|
-
export declare const JOURNAL_TEXT_STYLE_PREFIXES: readonly ["title1", "title2", "title3", "count"];
|
|
16
|
-
export type JournalTextStylePrefix = typeof JOURNAL_TEXT_STYLE_PREFIXES[number];
|
|
17
|
-
export declare const JOURNAL_GLOBAL_TEXT_STYLE_KEYS: readonly ["fontFamily", "fontSettings", "fontSize", "lineHeight", "letterSpacing", "wordSpacing", "textAlign", "textAppearance"];
|
|
18
|
-
export type JournalGlobalTextStyleKey = typeof JOURNAL_GLOBAL_TEXT_STYLE_KEYS[number];
|
|
19
|
-
export declare function getJournalTextStyleSettingKey(prefix: JournalTextStylePrefix, globalKey: JournalGlobalTextStyleKey): string;
|
|
20
|
-
export declare const JOURNAL_TEXT_STYLE_TAB_LABELS: Record<JournalTextStylePrefix, string>;
|
|
21
|
-
export declare function createJournalTextStyleTabContentItems(prefix: JournalTextStylePrefix): LayoutItem[];
|
|
22
|
-
export declare function createJournalTextStylePanelTab(): LayoutTab;
|
|
23
|
-
type LightboxJournalProps = {
|
|
24
|
-
settings: LightboxJournalSettings;
|
|
25
|
-
content?: LightboxJournalItem[];
|
|
26
|
-
isEditor?: boolean;
|
|
27
|
-
isEditMode?: boolean;
|
|
28
|
-
isPreviewMode?: boolean;
|
|
29
|
-
portalId?: string;
|
|
30
|
-
} & CommonComponentProps;
|
|
31
|
-
export declare const LightboxJournal: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxJournalProps) => import("react/jsx-runtime").JSX.Element;
|
|
32
|
-
export type LightboxJournalSettings = {
|
|
33
|
-
cover: string | null;
|
|
34
|
-
coverFit: 'cover' | 'fit';
|
|
35
|
-
type: 'A' | 'B';
|
|
36
|
-
maxWidth: number;
|
|
37
|
-
maxHeight: number;
|
|
38
|
-
backgroundColor: string;
|
|
39
|
-
objectFit: 'cover' | 'fit';
|
|
40
|
-
imageGap?: number;
|
|
41
|
-
textMaxWidth: number;
|
|
42
|
-
textTransition: 'none' | 'fade';
|
|
43
|
-
titlesGap?: number;
|
|
44
|
-
countCloseGap?: number;
|
|
45
|
-
title1Color: string;
|
|
46
|
-
title2Color: string;
|
|
47
|
-
title3Color: string;
|
|
48
|
-
countColor: string;
|
|
49
|
-
title1FontFamily?: string;
|
|
50
|
-
title1FontSettings?: {
|
|
51
|
-
fontWeight: number;
|
|
52
|
-
fontStyle: string;
|
|
53
|
-
};
|
|
54
|
-
title1FontSize?: number;
|
|
55
|
-
title1LineHeight?: number;
|
|
56
|
-
title1LetterSpacing?: number;
|
|
57
|
-
title1WordSpacing?: number;
|
|
58
|
-
title1TextAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
59
|
-
title1TextAppearance?: TextStyles['textAppearance'];
|
|
60
|
-
title2FontFamily?: string;
|
|
61
|
-
title2FontSettings?: {
|
|
62
|
-
fontWeight: number;
|
|
63
|
-
fontStyle: string;
|
|
64
|
-
};
|
|
65
|
-
title2FontSize?: number;
|
|
66
|
-
title2LineHeight?: number;
|
|
67
|
-
title2LetterSpacing?: number;
|
|
68
|
-
title2WordSpacing?: number;
|
|
69
|
-
title2TextAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
70
|
-
title2TextAppearance?: TextStyles['textAppearance'];
|
|
71
|
-
title3FontFamily?: string;
|
|
72
|
-
title3FontSettings?: {
|
|
73
|
-
fontWeight: number;
|
|
74
|
-
fontStyle: string;
|
|
75
|
-
};
|
|
76
|
-
title3FontSize?: number;
|
|
77
|
-
title3LineHeight?: number;
|
|
78
|
-
title3LetterSpacing?: number;
|
|
79
|
-
title3WordSpacing?: number;
|
|
80
|
-
title3TextAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
81
|
-
title3TextAppearance?: TextStyles['textAppearance'];
|
|
82
|
-
countFontFamily?: string;
|
|
83
|
-
countFontSettings?: {
|
|
84
|
-
fontWeight: number;
|
|
85
|
-
fontStyle: string;
|
|
86
|
-
};
|
|
87
|
-
countFontSize?: number;
|
|
88
|
-
countLineHeight?: number;
|
|
89
|
-
countLetterSpacing?: number;
|
|
90
|
-
countWordSpacing?: number;
|
|
91
|
-
countTextAlign?: 'left' | 'center' | 'right' | 'justify';
|
|
92
|
-
countTextAppearance?: TextStyles['textAppearance'];
|
|
93
|
-
contentMarginTop: number;
|
|
94
|
-
contentMarginLeft: number;
|
|
95
|
-
contentMarginRight: number;
|
|
96
|
-
closeIcon: string | null;
|
|
97
|
-
closeIconMaxWidth: number;
|
|
98
|
-
closeIconColor: string;
|
|
99
|
-
closeIconHoverColor: string;
|
|
100
|
-
};
|
|
101
|
-
export {};
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { ComponentSchemaV1 } from '../../types/SchemaV1';
|
|
2
|
-
export declare const LightboxJournalComponent: {
|
|
3
|
-
element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: {
|
|
4
|
-
settings: import('./LightboxJournal').LightboxJournalSettings;
|
|
5
|
-
content?: import('./LightboxJournal').LightboxJournalItem[];
|
|
6
|
-
isEditor?: boolean;
|
|
7
|
-
isEditMode?: boolean;
|
|
8
|
-
isPreviewMode?: boolean;
|
|
9
|
-
portalId?: string;
|
|
10
|
-
} & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
id: string;
|
|
12
|
-
name: string;
|
|
13
|
-
category: string;
|
|
14
|
-
version: number;
|
|
15
|
-
defaultSize: {
|
|
16
|
-
d: {
|
|
17
|
-
width: number;
|
|
18
|
-
height: number;
|
|
19
|
-
};
|
|
20
|
-
m: {
|
|
21
|
-
width: number;
|
|
22
|
-
height: number;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
preview: {
|
|
26
|
-
type: "image";
|
|
27
|
-
url: string;
|
|
28
|
-
};
|
|
29
|
-
schema: ComponentSchemaV1;
|
|
30
|
-
sourceCode: string;
|
|
31
|
-
assetsPaths: {
|
|
32
|
-
content: {
|
|
33
|
-
path: string;
|
|
34
|
-
placeholderEnabled: boolean;
|
|
35
|
-
}[];
|
|
36
|
-
parameters: never[];
|
|
37
|
-
};
|
|
38
|
-
fontSettingsPaths: {
|
|
39
|
-
content: never[];
|
|
40
|
-
parameters: {
|
|
41
|
-
path: string;
|
|
42
|
-
}[];
|
|
43
|
-
};
|
|
44
|
-
};
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { CommonComponentProps } from '../props';
|
|
2
|
-
type LightboxStripProps = {
|
|
3
|
-
settings: LightboxStripSettings;
|
|
4
|
-
content?: LightboxStripItem[];
|
|
5
|
-
isEditor?: boolean;
|
|
6
|
-
isEditMode?: boolean;
|
|
7
|
-
isPreviewMode?: boolean;
|
|
8
|
-
portalId?: string;
|
|
9
|
-
} & CommonComponentProps;
|
|
10
|
-
export declare const LightboxStrip: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: LightboxStripProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export type LightboxStripItem = {
|
|
12
|
-
image: {
|
|
13
|
-
url: string;
|
|
14
|
-
name?: string;
|
|
15
|
-
objectFit?: 'cover' | 'contain';
|
|
16
|
-
};
|
|
17
|
-
text?: any[];
|
|
18
|
-
};
|
|
19
|
-
export type LightboxStripSettings = {
|
|
20
|
-
cover: string | null;
|
|
21
|
-
coverFit: 'cover' | 'fit';
|
|
22
|
-
type: 'A' | 'B';
|
|
23
|
-
backgroundColor: string;
|
|
24
|
-
thumbnailVisibility: 'on' | 'off';
|
|
25
|
-
thumbnailObjectFit: 'cover' | 'contain';
|
|
26
|
-
thumbnailTrigger: 'click' | 'hover';
|
|
27
|
-
thumbnailActive: 'invert' | 'grayscale' | 'scale-up' | 'opacity';
|
|
28
|
-
thumbnailGap: number;
|
|
29
|
-
thumbnailMarginBottom?: number;
|
|
30
|
-
imageGap?: number;
|
|
31
|
-
textMaxWidth: number;
|
|
32
|
-
textColor: string;
|
|
33
|
-
textFontSize: number;
|
|
34
|
-
textFontFamily: string;
|
|
35
|
-
textFontSettings?: {
|
|
36
|
-
fontWeight: number;
|
|
37
|
-
fontStyle: string;
|
|
38
|
-
};
|
|
39
|
-
textLineHeight: number;
|
|
40
|
-
textLetterSpacing: number;
|
|
41
|
-
textWordSpacing?: number;
|
|
42
|
-
textTextAppearance?: {
|
|
43
|
-
textTransform?: string;
|
|
44
|
-
textDecoration?: string;
|
|
45
|
-
fontVariant?: string;
|
|
46
|
-
};
|
|
47
|
-
contentMarginTop: number;
|
|
48
|
-
contentMarginLeft: number;
|
|
49
|
-
contentMarginRight: number;
|
|
50
|
-
closeIcon: string | null;
|
|
51
|
-
closeIconMaxWidth: number;
|
|
52
|
-
closeIconColor: string;
|
|
53
|
-
closeIconHoverColor: string;
|
|
54
|
-
};
|
|
55
|
-
export {};
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import { ComponentSchemaV1 } from '../../types/SchemaV1';
|
|
2
|
-
export declare const LightboxStripComponent: {
|
|
3
|
-
element: ({ settings, content, isEditor, isEditMode, isPreviewMode, portalId }: {
|
|
4
|
-
settings: import('./LightboxStrip').LightboxStripSettings;
|
|
5
|
-
content?: import('./LightboxStrip').LightboxStripItem[];
|
|
6
|
-
isEditor?: boolean;
|
|
7
|
-
isEditMode?: boolean;
|
|
8
|
-
isPreviewMode?: boolean;
|
|
9
|
-
portalId?: string;
|
|
10
|
-
} & import('../props').CommonComponentProps) => import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
id: string;
|
|
12
|
-
name: string;
|
|
13
|
-
category: string;
|
|
14
|
-
version: number;
|
|
15
|
-
defaultSize: {
|
|
16
|
-
d: {
|
|
17
|
-
width: number;
|
|
18
|
-
height: number;
|
|
19
|
-
};
|
|
20
|
-
m: {
|
|
21
|
-
width: number;
|
|
22
|
-
height: number;
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
preview: {
|
|
26
|
-
type: "image";
|
|
27
|
-
url: string;
|
|
28
|
-
};
|
|
29
|
-
schema: ComponentSchemaV1;
|
|
30
|
-
sourceCode: string;
|
|
31
|
-
assetsPaths: {
|
|
32
|
-
content: {
|
|
33
|
-
path: string;
|
|
34
|
-
placeholderEnabled: boolean;
|
|
35
|
-
}[];
|
|
36
|
-
parameters: never[];
|
|
37
|
-
};
|
|
38
|
-
fontSettingsPaths: {
|
|
39
|
-
content: never[];
|
|
40
|
-
parameters: never[];
|
|
41
|
-
};
|
|
42
|
-
};
|