@dgshahr/ui-kit 0.0.1 → 0.0.2
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/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts +26 -0
- package/dist/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.d.ts.map +1 -0
- package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts +8 -0
- package/dist/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.d.ts.map +1 -0
- package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts +7 -0
- package/dist/Form/Wrappers/TextFieldWrapper/FieldLabel.d.ts.map +1 -0
- package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts +30 -0
- package/dist/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.d.ts.map +1 -0
- package/package.json +97 -5
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
interface SelectableInputBaseProps {
|
|
3
|
+
label?: string | ReactNode;
|
|
4
|
+
isError?: boolean;
|
|
5
|
+
errorMessage?: string;
|
|
6
|
+
helperMessage?: string;
|
|
7
|
+
containerClassName?: string;
|
|
8
|
+
}
|
|
9
|
+
interface SelectableInputBordered extends SelectableInputBaseProps {
|
|
10
|
+
variant: 'bordered';
|
|
11
|
+
icon?: ReactNode;
|
|
12
|
+
}
|
|
13
|
+
interface SelectableInputDefault extends SelectableInputBaseProps {
|
|
14
|
+
variant?: 'default';
|
|
15
|
+
icon?: never;
|
|
16
|
+
}
|
|
17
|
+
export type SelectableInputBaseUnionProps = SelectableInputBordered | SelectableInputDefault;
|
|
18
|
+
type SelectableInputWrapperProps = SelectableInputBaseUnionProps & {
|
|
19
|
+
children: (classNames: {
|
|
20
|
+
inputClassName: string;
|
|
21
|
+
checkedInputClassName: string;
|
|
22
|
+
}) => ReactNode;
|
|
23
|
+
};
|
|
24
|
+
declare const SelectableInputWrapper: FC<SelectableInputWrapperProps>;
|
|
25
|
+
export default SelectableInputWrapper;
|
|
26
|
+
//# sourceMappingURL=SelectableInputWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectableInputWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/SelectableInputWrapper/SelectableInputWrapper.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,UAAU,uBAAwB,SAAQ,wBAAwB;IAChE,OAAO,EAAE,UAAU,CAAC;IACpB,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,UAAU,sBAAuB,SAAQ,wBAAwB;IAC/D,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd;AAED,MAAM,MAAM,6BAA6B,GAAG,uBAAuB,GAAG,sBAAsB,CAAC;AAE7F,KAAK,2BAA2B,GAAG,6BAA6B,GAAG;IACjE,QAAQ,EAAE,CAAC,UAAU,EAAE;QAAE,cAAc,EAAE,MAAM,CAAC;QAAC,qBAAqB,EAAE,MAAM,CAAA;KAAE,KAAK,SAAS,CAAC;CAChG,CAAC;AAEF,QAAA,MAAM,sBAAsB,EAAE,EAAE,CAAC,2BAA2B,CA0E3D,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { TextFieldBaseProps } from './TextFieldWrapper';
|
|
2
|
+
interface FieldBottomInfoProps extends Pick<TextFieldBaseProps, 'errorMessage' | 'hintMessage'> {
|
|
3
|
+
maxLength?: number;
|
|
4
|
+
value?: string;
|
|
5
|
+
}
|
|
6
|
+
declare const FieldBottomInfo: (props: FieldBottomInfoProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
7
|
+
export default FieldBottomInfo;
|
|
8
|
+
//# sourceMappingURL=FieldBottomInfo.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldBottomInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldBottomInfo.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAG7D,UAAU,oBAAqB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,cAAc,GAAG,aAAa,CAAC;IAC7F,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,QAAA,MAAM,eAAe,UAAW,oBAAoB,mDAiCnD,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { TextFieldBaseProps } from './TextFieldWrapper';
|
|
2
|
+
interface FieldLabelProps extends Pick<TextFieldBaseProps, 'link' | 'labelContent'> {
|
|
3
|
+
required?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare const FieldLabel: (props: FieldLabelProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
6
|
+
export default FieldLabel;
|
|
7
|
+
//# sourceMappingURL=FieldLabel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldLabel.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/FieldLabel.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAE7D,UAAU,eAAgB,SAAQ,IAAI,CAAC,kBAAkB,EAAE,MAAM,GAAG,cAAc,CAAC;IACjF,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,UAAU,UAAW,eAAe,mDA+BzC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { default as React, ChangeEvent, ChangeEventHandler, Dispatch, SetStateAction } from 'react';
|
|
2
|
+
export interface TextFieldBaseProps {
|
|
3
|
+
labelContent?: string;
|
|
4
|
+
link?: {
|
|
5
|
+
cnotent: string;
|
|
6
|
+
href: string;
|
|
7
|
+
};
|
|
8
|
+
containerClassName?: string;
|
|
9
|
+
rightIcon?: JSX.Element;
|
|
10
|
+
dir?: 'rtl' | 'ltr';
|
|
11
|
+
placeholderDir?: 'rtl' | 'ltr';
|
|
12
|
+
isError?: boolean;
|
|
13
|
+
errorMessage?: string;
|
|
14
|
+
hintMessage?: string;
|
|
15
|
+
}
|
|
16
|
+
interface TextFieldFunctionArgumants<T> {
|
|
17
|
+
handleChangeField: (e: ChangeEvent<T>) => void;
|
|
18
|
+
value: string | undefined;
|
|
19
|
+
setValue: Dispatch<SetStateAction<string | undefined>>;
|
|
20
|
+
}
|
|
21
|
+
interface TextFieldWrapperProps<T> extends TextFieldBaseProps {
|
|
22
|
+
onChange?: ChangeEventHandler<T>;
|
|
23
|
+
required?: boolean;
|
|
24
|
+
maxLength?: number;
|
|
25
|
+
value?: string | number | readonly string[];
|
|
26
|
+
children: (argumants: TextFieldFunctionArgumants<T>) => React.JSX.Element;
|
|
27
|
+
}
|
|
28
|
+
declare const TextFieldWrapper: <T extends HTMLTextAreaElement | HTMLInputElement>(props: TextFieldWrapperProps<T>) => import("react/jsx-runtime").JSX.Element;
|
|
29
|
+
export default TextFieldWrapper;
|
|
30
|
+
//# sourceMappingURL=TextFieldWrapper.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextFieldWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/TextFieldWrapper/TextFieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAGZ,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACvB,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAKf,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,kBAAkB;IACjC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE;QACL,OAAO,EAAE,MAAM,CAAC;QAChB,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;IACF,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,GAAG,KAAK,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,iBAAiB,EAAE,CAAC,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC/C,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,QAAQ,EAAE,QAAQ,CAAC,cAAc,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC;CACxD;AAED,UAAU,qBAAqB,CAAC,CAAC,CAAE,SAAQ,kBAAkB;IAC3D,QAAQ,CAAC,EAAE,kBAAkB,CAAC,CAAC,CAAC,CAAC;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,MAAM,EAAE,CAAC;IAC5C,QAAQ,EAAE,CAAC,SAAS,EAAE,0BAA0B,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC;CAC3E;AAED,QAAA,MAAM,gBAAgB,GAAI,CAAC,SAAS,mBAAmB,GAAG,gBAAgB,SACjE,qBAAqB,CAAC,CAAC,CAAC,4CAyDhC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dgshahr/ui-kit",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.2",
|
|
4
4
|
"description": "dgshahr ui-kit",
|
|
5
5
|
"author": "dgshahr",
|
|
6
6
|
"license": "MIT",
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
"types": "./dist/index.d.ts",
|
|
20
20
|
"scripts": {
|
|
21
21
|
"dev": "storybook dev -p 6006",
|
|
22
|
-
"build": "tsc && vite build",
|
|
22
|
+
"build": "tsc && vite build && node scripts/generate-exports.js",
|
|
23
23
|
"build:story": "storybook build",
|
|
24
24
|
"lint": "eslint --fix src/**/* --report-unused-disable-directives --max-warnings 0",
|
|
25
25
|
"format": "prettier src/**/* --write --ignore-unknown",
|
|
@@ -63,6 +63,7 @@
|
|
|
63
63
|
"react": "^18.2.0",
|
|
64
64
|
"react-dom": "^18.2.0",
|
|
65
65
|
"storybook": "^8.3.2",
|
|
66
|
+
"strip-ansi": "6",
|
|
66
67
|
"tailwindcss": "^3.3.6",
|
|
67
68
|
"typescript": "^5.2.2",
|
|
68
69
|
"vite": "^5.0.8",
|
|
@@ -76,8 +77,99 @@
|
|
|
76
77
|
"lint-staged": {
|
|
77
78
|
"*.+(js|jsx|ts|tsx)": [
|
|
78
79
|
"yarn lint",
|
|
79
|
-
"yarn format"
|
|
80
|
-
"git add"
|
|
80
|
+
"yarn format"
|
|
81
81
|
]
|
|
82
|
+
},
|
|
83
|
+
"exports": {
|
|
84
|
+
"./Accordion": {
|
|
85
|
+
"import": {
|
|
86
|
+
"default": "./dist/Accordion/index.js",
|
|
87
|
+
"types": "./dist/Accordion/index.d.ts"
|
|
88
|
+
},
|
|
89
|
+
"require": {
|
|
90
|
+
"default": "./dist/Accordion/index.cjs",
|
|
91
|
+
"types": "./dist/Accordion/index.d.ts"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"./Alert": {
|
|
95
|
+
"import": {
|
|
96
|
+
"default": "./dist/Alert/index.js",
|
|
97
|
+
"types": "./dist/Alert/index.d.ts"
|
|
98
|
+
},
|
|
99
|
+
"require": {
|
|
100
|
+
"default": "./dist/Alert/index.cjs",
|
|
101
|
+
"types": "./dist/Alert/index.d.ts"
|
|
102
|
+
}
|
|
103
|
+
},
|
|
104
|
+
"./Badge": {
|
|
105
|
+
"import": {
|
|
106
|
+
"default": "./dist/Badge/index.js",
|
|
107
|
+
"types": "./dist/Badge/index.d.ts"
|
|
108
|
+
},
|
|
109
|
+
"require": {
|
|
110
|
+
"default": "./dist/Badge/index.cjs",
|
|
111
|
+
"types": "./dist/Badge/index.d.ts"
|
|
112
|
+
}
|
|
113
|
+
},
|
|
114
|
+
"./Breadcrumb": {
|
|
115
|
+
"import": {
|
|
116
|
+
"default": "./dist/Breadcrumb/index.js",
|
|
117
|
+
"types": "./dist/Breadcrumb/index.d.ts"
|
|
118
|
+
},
|
|
119
|
+
"require": {
|
|
120
|
+
"default": "./dist/Breadcrumb/index.cjs",
|
|
121
|
+
"types": "./dist/Breadcrumb/index.d.ts"
|
|
122
|
+
}
|
|
123
|
+
},
|
|
124
|
+
"./Button": {
|
|
125
|
+
"import": {
|
|
126
|
+
"default": "./dist/Button/index.js",
|
|
127
|
+
"types": "./dist/Button/index.d.ts"
|
|
128
|
+
},
|
|
129
|
+
"require": {
|
|
130
|
+
"default": "./dist/Button/index.cjs",
|
|
131
|
+
"types": "./dist/Button/index.d.ts"
|
|
132
|
+
}
|
|
133
|
+
},
|
|
134
|
+
"./Divider": {
|
|
135
|
+
"import": {
|
|
136
|
+
"default": "./dist/Divider/index.js",
|
|
137
|
+
"types": "./dist/Divider/index.d.ts"
|
|
138
|
+
},
|
|
139
|
+
"require": {
|
|
140
|
+
"default": "./dist/Divider/index.cjs",
|
|
141
|
+
"types": "./dist/Divider/index.d.ts"
|
|
142
|
+
}
|
|
143
|
+
},
|
|
144
|
+
".": {
|
|
145
|
+
"import": {
|
|
146
|
+
"default": "./dist/index.js",
|
|
147
|
+
"types": "./dist/index.d.ts"
|
|
148
|
+
},
|
|
149
|
+
"require": {
|
|
150
|
+
"default": "./dist/index.cjs",
|
|
151
|
+
"types": "./dist/index.d.ts"
|
|
152
|
+
}
|
|
153
|
+
},
|
|
154
|
+
"./Pagination": {
|
|
155
|
+
"import": {
|
|
156
|
+
"default": "./dist/Pagination/index.js",
|
|
157
|
+
"types": "./dist/Pagination/index.d.ts"
|
|
158
|
+
},
|
|
159
|
+
"require": {
|
|
160
|
+
"default": "./dist/Pagination/index.cjs",
|
|
161
|
+
"types": "./dist/Pagination/index.d.ts"
|
|
162
|
+
}
|
|
163
|
+
},
|
|
164
|
+
"./Slider": {
|
|
165
|
+
"import": {
|
|
166
|
+
"default": "./dist/Slider/index.js",
|
|
167
|
+
"types": "./dist/Slider/index.d.ts"
|
|
168
|
+
},
|
|
169
|
+
"require": {
|
|
170
|
+
"default": "./dist/Slider/index.cjs",
|
|
171
|
+
"types": "./dist/Slider/index.d.ts"
|
|
172
|
+
}
|
|
173
|
+
}
|
|
82
174
|
}
|
|
83
|
-
}
|
|
175
|
+
}
|