@sc-360-v2/storefront-cms-library 0.0.3 → 0.0.4

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 (28) hide show
  1. package/dist/builder.js +2 -0
  2. package/dist/builder.js.LICENSE.txt +1 -0
  3. package/dist/css.js +1 -1
  4. package/dist/icons.js +1 -0
  5. package/dist/index.js +1 -1
  6. package/dist/text-editor.scss +320 -0
  7. package/dist/types/builder/elements/common.d.ts +19 -0
  8. package/dist/types/builder/elements/extra.d.ts +70 -0
  9. package/dist/types/builder/elements/grid/index.d.ts +61 -0
  10. package/dist/types/builder/elements/image/index.d.ts +27 -0
  11. package/dist/types/builder/elements/section/index.d.ts +55 -0
  12. package/dist/types/builder/elements/text-editor/index.d.ts +28 -0
  13. package/dist/types/builder/enums/index.d.ts +44 -0
  14. package/dist/types/builder/index.d.ts +8 -0
  15. package/dist/types/builder/interfaces/cms-tools.d.ts +4 -0
  16. package/dist/types/builder/interfaces/global.d.ts +27 -0
  17. package/dist/types/builder/utilities/global.d.ts +6 -0
  18. package/dist/types/css/cssVariables.d.ts +7 -0
  19. package/dist/types/export.d.ts +3 -0
  20. package/dist/types/global/attributes.d.ts +125 -0
  21. package/dist/types/global/index.d.ts +0 -0
  22. package/dist/types/global/style-properties.d.ts +47 -0
  23. package/dist/types/global/types.d.ts +30 -0
  24. package/dist/types/html-elements/element-types.d.ts +121 -0
  25. package/dist/types/html-elements/elements.d.ts +87 -0
  26. package/dist/types/icons/cms-svg-icons.d.ts +5 -0
  27. package/dist/types/icons/icons.d.ts +2 -0
  28. package/package.json +92 -70
package/dist/types/html-elements/element-types.d.ts ADDED
@@ -0,0 +1,121 @@
1
+ import { DetailedHTMLProps, HTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, ButtonHTMLAttributes, SelectHTMLAttributes, OptionHTMLAttributes, ImgHTMLAttributes } from "react";
2
+ export interface H1Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
3
+ children?: ReactNode;
4
+ }
5
+ export interface H2Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
6
+ children?: ReactNode;
7
+ }
8
+ export interface H3Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
9
+ children?: ReactNode;
10
+ }
11
+ export interface H4Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
12
+ children?: ReactNode;
13
+ }
14
+ export interface H5Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
15
+ children?: ReactNode;
16
+ }
17
+ export interface H6Props extends DetailedHTMLProps<HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
18
+ children?: ReactNode;
19
+ }
20
+ export interface PProps extends DetailedHTMLProps<HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> {
21
+ children?: ReactNode;
22
+ }
23
+ export interface SpanProps extends DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement> {
24
+ children?: ReactNode;
25
+ }
26
+ export interface AProps extends DetailedHTMLProps<HTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> {
27
+ children?: ReactNode;
28
+ }
29
+ export interface ButtonProps extends DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
30
+ children?: ReactNode;
31
+ }
32
+ export interface InputProps extends DetailedHTMLProps<InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> {
33
+ }
34
+ export interface TextareaProps extends DetailedHTMLProps<TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement> {
35
+ }
36
+ export interface SelectProps extends DetailedHTMLProps<SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement> {
37
+ children?: ReactNode;
38
+ }
39
+ export interface OptionProps extends DetailedHTMLProps<OptionHTMLAttributes<HTMLOptionElement>, HTMLOptionElement> {
40
+ }
41
+ export interface TableProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableElement>, HTMLTableElement> {
42
+ children?: ReactNode;
43
+ }
44
+ export interface TableRowProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement> {
45
+ children?: ReactNode;
46
+ }
47
+ export interface TableHeaderCellProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableHeaderCellElement>, HTMLTableHeaderCellElement> {
48
+ children?: ReactNode;
49
+ }
50
+ export interface TableCellProps extends DetailedHTMLProps<HTMLAttributes<HTMLTableCellElement>, HTMLTableCellElement> {
51
+ children?: ReactNode;
52
+ }
53
+ export interface FormProps extends DetailedHTMLProps<HTMLAttributes<HTMLFormElement>, HTMLFormElement> {
54
+ children?: ReactNode;
55
+ }
56
+ export interface LabelProps extends DetailedHTMLProps<HTMLAttributes<HTMLLabelElement>, HTMLLabelElement> {
57
+ children?: ReactNode;
58
+ }
59
+ export interface DetailsProps extends DetailedHTMLProps<HTMLAttributes<HTMLDetailsElement>, HTMLDetailsElement> {
60
+ children?: ReactNode;
61
+ }
62
+ export interface SummaryProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
63
+ children?: ReactNode;
64
+ }
65
+ export interface DialogProps extends DetailedHTMLProps<HTMLAttributes<HTMLDialogElement>, HTMLDialogElement> {
66
+ children?: ReactNode;
67
+ }
68
+ export interface MainProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
69
+ children?: ReactNode;
70
+ }
71
+ export interface SectionProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
72
+ children?: ReactNode;
73
+ }
74
+ export interface ArticleProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
75
+ children?: ReactNode;
76
+ }
77
+ export interface AsideProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
78
+ children?: ReactNode;
79
+ }
80
+ export interface HeaderProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
81
+ children?: ReactNode;
82
+ }
83
+ export interface FooterProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
84
+ children?: ReactNode;
85
+ }
86
+ export interface NavProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
87
+ children?: ReactNode;
88
+ }
89
+ export interface AddressProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
90
+ children?: ReactNode;
91
+ }
92
+ export interface CodeProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
93
+ children?: ReactNode;
94
+ }
95
+ export interface PreProps extends DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement> {
96
+ children?: ReactNode;
97
+ }
98
+ export interface KbdProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
99
+ children?: ReactNode;
100
+ }
101
+ export interface SmallProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
102
+ children?: ReactNode;
103
+ }
104
+ export interface StrongProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
105
+ children?: ReactNode;
106
+ }
107
+ export interface BProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
108
+ children?: ReactNode;
109
+ }
110
+ export interface IProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
111
+ children?: ReactNode;
112
+ }
113
+ export interface UProps extends DetailedHTMLProps<HTMLAttributes<HTMLElement>, HTMLElement> {
114
+ children?: ReactNode;
115
+ }
116
+ export interface DivProps extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
117
+ children?: ReactNode;
118
+ }
119
+ export interface ImgProps extends DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement> {
120
+ alt?: string;
121
+ }
package/dist/types/html-elements/elements.d.ts ADDED
@@ -0,0 +1,87 @@
1
+ import React, { FC } from "react";
2
+ import { AddressProps, AProps, ArticleProps, AsideProps, BProps, ButtonProps, CodeProps, DetailsProps, DialogProps, DivProps, FooterProps, FormProps, H1Props, H2Props, H3Props, H4Props, H5Props, H6Props, HeaderProps, InputProps, IProps, KbdProps, LabelProps, MainProps, NavProps, OptionProps, PProps, PreProps, SectionProps, SelectProps, SmallProps, SpanProps, StrongProps, SummaryProps, TableCellProps, TableHeaderCellProps, TableProps, TableRowProps, TextareaProps, UProps, ImgProps } from "./element-types";
3
+ export declare const H1: FC<H1Props>;
4
+ export declare const H2: FC<H2Props>;
5
+ export declare const H3: FC<H3Props>;
6
+ export declare const H4: FC<H4Props>;
7
+ export declare const H5: FC<H5Props>;
8
+ export declare const H6: FC<H6Props>;
9
+ export declare const P: FC<PProps>;
10
+ export declare const Span: FC<SpanProps>;
11
+ export declare const A: FC<AProps>;
12
+ export declare const Button: FC<ButtonProps>;
13
+ export declare const Input: FC<InputProps>;
14
+ export declare const Textarea: FC<TextareaProps>;
15
+ export declare const Select: FC<SelectProps>;
16
+ export declare const Option: FC<OptionProps>;
17
+ export declare const Table: FC<TableProps>;
18
+ export declare const TableRow: FC<TableRowProps>;
19
+ export declare const TableHeaderCell: FC<TableHeaderCellProps>;
20
+ export declare const TableCell: FC<TableCellProps>;
21
+ export declare const Form: FC<FormProps>;
22
+ export declare const Label: FC<LabelProps>;
23
+ export declare const Details: FC<DetailsProps>;
24
+ export declare const Summary: FC<SummaryProps>;
25
+ export declare const Dialog: FC<DialogProps>;
26
+ export declare const Main: FC<MainProps>;
27
+ export declare const Section: FC<SectionProps>;
28
+ export declare const Article: FC<ArticleProps>;
29
+ export declare const Aside: FC<AsideProps>;
30
+ export declare const Header: FC<HeaderProps>;
31
+ export declare const Footer: FC<FooterProps>;
32
+ export declare const Nav: FC<NavProps>;
33
+ export declare const Address: FC<AddressProps>;
34
+ export declare const Code: FC<CodeProps>;
35
+ export declare const Pre: FC<PreProps>;
36
+ export declare const Kbd: FC<KbdProps>;
37
+ export declare const Small: FC<SmallProps>;
38
+ export declare const Strong: FC<StrongProps>;
39
+ export declare const B: FC<BProps>;
40
+ export declare const I: FC<IProps>;
41
+ export declare const U: FC<UProps>;
42
+ export declare const Div: FC<DivProps>;
43
+ export declare const Img: FC<ImgProps>;
44
+ declare const HTMLElements: {
45
+ H1: React.FC<H1Props>;
46
+ H2: React.FC<H2Props>;
47
+ H3: React.FC<H3Props>;
48
+ H4: React.FC<H4Props>;
49
+ H5: React.FC<H5Props>;
50
+ H6: React.FC<H6Props>;
51
+ P: React.FC<PProps>;
52
+ Span: React.FC<SpanProps>;
53
+ A: React.FC<AProps>;
54
+ Button: React.FC<ButtonProps>;
55
+ Input: React.FC<InputProps>;
56
+ Textarea: React.FC<TextareaProps>;
57
+ Select: React.FC<SelectProps>;
58
+ Option: React.FC<OptionProps>;
59
+ Table: React.FC<TableProps>;
60
+ TableRow: React.FC<TableRowProps>;
61
+ TableHeaderCell: React.FC<TableHeaderCellProps>;
62
+ TableCell: React.FC<TableCellProps>;
63
+ Form: React.FC<FormProps>;
64
+ Label: React.FC<LabelProps>;
65
+ Details: React.FC<DetailsProps>;
66
+ Summary: React.FC<SummaryProps>;
67
+ Dialog: React.FC<DialogProps>;
68
+ Main: React.FC<MainProps>;
69
+ Section: React.FC<SectionProps>;
70
+ Article: React.FC<ArticleProps>;
71
+ Aside: React.FC<AsideProps>;
72
+ Header: React.FC<HeaderProps>;
73
+ Footer: React.FC<FooterProps>;
74
+ Nav: React.FC<NavProps>;
75
+ Address: React.FC<AddressProps>;
76
+ Code: React.FC<CodeProps>;
77
+ Pre: React.FC<PreProps>;
78
+ Kbd: React.FC<KbdProps>;
79
+ Small: React.FC<SmallProps>;
80
+ Strong: React.FC<StrongProps>;
81
+ B: React.FC<BProps>;
82
+ I: React.FC<IProps>;
83
+ U: React.FC<UProps>;
84
+ Div: React.FC<DivProps>;
85
+ Img: React.FC<ImgProps>;
86
+ };
87
+ export default HTMLElements;
package/dist/types/icons/cms-svg-icons.d.ts ADDED
@@ -0,0 +1,5 @@
1
+ /**
2
+ *
3
+ * @param {string} type - Please Enter SVG Type.
4
+ */
5
+ export default function CMSSVG(type: string): string;
package/dist/types/icons/icons.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ import CMSSVG from "./cms-svg-icons";
2
+ export { CMSSVG };
package/package.json CHANGED
@@ -1,70 +1,92 @@
1
- {
2
- "name": "@sc-360-v2/storefront-cms-library",
3
- "version": "0.0.3",
4
- "main": "/dist/index.js",
5
- "exports": {
6
- ".": "./dist/index.js",
7
- "./htmlElement": "./dist/htmlElement.js",
8
- "./css": "./dist/css.js"
9
- },
10
- "scripts": {
11
- "dev": "next dev",
12
- "build": "webpack",
13
- "start": "next start",
14
- "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\" --max-warnings=0",
15
- "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
16
- "prettier": "prettier --write 'src/**/*.{js,jsx,ts,tsx,json,css,scss,md}'",
17
- "publish": "npm publish --access public"
18
- },
19
- "dependencies": {
20
- "@babel/runtime": "^7.25.6",
21
- "next": "^14.2.7",
22
- "react": "^18",
23
- "react-dom": "^18"
24
- },
25
- "commitlint": {
26
- "extends": [
27
- "@commitlint/config-conventional"
28
- ]
29
- },
30
- "devDependencies": {
31
- "@babel/core": "^7.25.2",
32
- "@babel/plugin-syntax-jsx": "^7.24.7",
33
- "@babel/plugin-transform-runtime": "^7.25.4",
34
- "@babel/preset-env": "^7.25.4",
35
- "@babel/preset-react": "^7.24.7",
36
- "@babel/preset-typescript": "^7.24.7",
37
- "@commitlint/cli": "^19.4.1",
38
- "@commitlint/config-conventional": "^19.4.1",
39
- "@types/node": "^20",
40
- "@types/react": "^18",
41
- "@types/react-dom": "^18",
42
- "@typescript-eslint/eslint-plugin": "^7.2.0",
43
- "@typescript-eslint/parser": "^7.2.0",
44
- "babel-loader": "^9.1.3",
45
- "copy-webpack-plugin": "^12.0.2",
46
- "css-loader": "^7.1.2",
47
- "eslint": "^8",
48
- "eslint-config-next": "14.2.6",
49
- "eslint-config-prettier": "^9.1.0",
50
- "eslint-plugin-import": "^2.29.1",
51
- "eslint-plugin-jsx-a11y": "^6.9.0",
52
- "eslint-plugin-prettier": "^5.2.1",
53
- "eslint-plugin-react-hooks": "^4.6.2",
54
- "eslint-webpack-plugin": "^4.2.0",
55
- "husky": "^8.0.0",
56
- "lint-staged": "^15.2.9",
57
- "mini-css-extract-plugin": "^2.9.1",
58
- "prettier": "^3.3.3",
59
- "sass": "^1.77.8",
60
- "sass-loader": "^16.0.1",
61
- "ts-loader": "^9.5.1",
62
- "typescript": "5.4.x",
63
- "webpack": "^5.94.0",
64
- "webpack-cli": "^5.1.4"
65
- },
66
- "license": "MIT",
67
- "files": [
68
- "./dist/"
69
- ]
70
- }
1
+ {
2
+ "name": "@sc-360-v2/storefront-cms-library",
3
+ "version": "0.0.4",
4
+ "main": "/dist/index.js",
5
+ "types": "./dist/index.d.ts",
6
+ "exports": {
7
+ ".": {
8
+ "import": "./dist/index.js",
9
+ "types": "./dist/types/export.d.ts"
10
+ },
11
+ "./htmlElement": {
12
+ "import": "./dist/htmlElement.js",
13
+ "types": "./dist/types/html-elements/elements.d.ts"
14
+ },
15
+ "./css": {
16
+ "import": "./dist/css.js",
17
+ "types": "./dist/types/css/cssVariables.d.ts"
18
+ },
19
+ "./icons": {
20
+ "import": "./dist/icons.js",
21
+ "types": "./dist/types/icons/icons.d.ts"
22
+ },
23
+ "./builder": {
24
+ "import": "./dist/builder.js",
25
+ "types": "./dist/types/builder/index.d.ts"
26
+ },
27
+ "./textEditor.scss": {
28
+ "import": "./dist/text-editor.scss"
29
+ }
30
+ },
31
+ "scripts": {
32
+ "prepare": "husky install",
33
+ "dev": "npm run prepare && next dev -p 8002",
34
+ "build": "webpack && tsc --project tsbuild.types.json ",
35
+ "start": "next start -p 8002",
36
+ "lint": "eslint \"src/**/*.{js,jsx,ts,tsx}\" --max-warnings=0",
37
+ "lint:fix": "eslint src --ext .js,.jsx,.ts,.tsx --fix",
38
+ "prettier": "prettier --write 'src/**/*.{js,jsx,ts,tsx,json,css,scss,md}'",
39
+ "publish": "npm publish --access public"
40
+ },
41
+ "dependencies": {
42
+ "@babel/runtime": "^7.25.6",
43
+ "next": "^14.2.7",
44
+ "react": "^18",
45
+ "react-dom": "^18"
46
+ },
47
+ "commitlint": {
48
+ "extends": [
49
+ "@commitlint/config-conventional"
50
+ ]
51
+ },
52
+ "devDependencies": {
53
+ "@babel/core": "^7.25.2",
54
+ "@babel/plugin-syntax-jsx": "^7.24.7",
55
+ "@babel/plugin-transform-runtime": "^7.25.4",
56
+ "@babel/preset-env": "^7.25.4",
57
+ "@babel/preset-react": "^7.24.7",
58
+ "@babel/preset-typescript": "^7.24.7",
59
+ "@commitlint/cli": "^19.4.1",
60
+ "@commitlint/config-conventional": "^19.4.1",
61
+ "@types/node": "^20",
62
+ "@types/react": "^18",
63
+ "@types/react-dom": "^18",
64
+ "@typescript-eslint/eslint-plugin": "^7.2.0",
65
+ "@typescript-eslint/parser": "^7.2.0",
66
+ "babel-loader": "^9.1.3",
67
+ "copy-webpack-plugin": "^12.0.2",
68
+ "css-loader": "^7.1.2",
69
+ "eslint": "^8",
70
+ "eslint-config-next": "14.2.6",
71
+ "eslint-config-prettier": "^9.1.0",
72
+ "eslint-plugin-import": "^2.29.1",
73
+ "eslint-plugin-jsx-a11y": "^6.9.0",
74
+ "eslint-plugin-prettier": "^5.2.1",
75
+ "eslint-plugin-react-hooks": "^4.6.2",
76
+ "eslint-webpack-plugin": "^4.2.0",
77
+ "husky": "^8.0.0",
78
+ "lint-staged": "^15.2.9",
79
+ "mini-css-extract-plugin": "^2.9.1",
80
+ "prettier": "^3.3.3",
81
+ "sass": "^1.77.8",
82
+ "sass-loader": "^16.0.1",
83
+ "ts-loader": "^9.5.1",
84
+ "typescript": "5.4.x",
85
+ "webpack": "^5.94.0",
86
+ "webpack-cli": "^5.1.4"
87
+ },
88
+ "license": "MIT",
89
+ "files": [
90
+ "./dist/"
91
+ ]
92
+ }