@bodynarf/react.components 1.6.2 → 1.6.3
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/components/anchor/component/index.d.ts +6 -0
- package/components/anchor/component/index.d.ts.map +1 -0
- package/components/anchor/component/index.js +20 -0
- package/components/anchor/{anchor.scss → component/style.scss} +15 -15
- package/components/anchor/index.d.ts +2 -23
- package/components/anchor/index.d.ts.map +1 -1
- package/components/anchor/index.js +2 -20
- package/components/anchor/types.d.ts +23 -4
- package/components/anchor/types.d.ts.map +1 -1
- package/components/button/component/index.d.ts +9 -0
- package/components/button/component/index.d.ts.map +1 -0
- package/components/button/component/index.js +36 -0
- package/components/button/{button.scss → component/style.scss} +12 -12
- package/components/button/index.d.ts +2 -33
- package/components/button/index.d.ts.map +1 -1
- package/components/button/index.js +2 -37
- package/components/button/types.d.ts +25 -2
- package/components/button/types.d.ts.map +1 -1
- package/components/button/types.js +1 -0
- package/components/dropdown/component/index.d.ts +7 -0
- package/components/dropdown/component/index.d.ts.map +1 -0
- package/components/dropdown/component/index.js +15 -0
- package/components/dropdown/index.d.ts +2 -42
- package/components/dropdown/index.d.ts.map +1 -1
- package/components/dropdown/index.js +2 -15
- package/components/dropdown/types.d.ts +38 -2
- package/components/dropdown/types.d.ts.map +1 -1
- package/components/icon/component/index.d.ts +8 -0
- package/components/icon/component/index.d.ts.map +1 -0
- package/components/icon/component/index.js +23 -0
- package/components/icon/{icon.scss → component/style.scss} +21 -21
- package/components/icon/index.d.ts +2 -21
- package/components/icon/index.d.ts.map +1 -1
- package/components/icon/index.js +2 -23
- package/components/icon/types.d.ts +16 -0
- package/components/icon/types.d.ts.map +1 -0
- package/components/icon/types.js +1 -0
- package/components/index.d.ts +3 -3
- package/components/index.d.ts.map +1 -1
- package/components/index.js +3 -3
- package/components/paginator/component/index.d.ts +8 -0
- package/components/paginator/component/index.d.ts.map +1 -0
- package/components/paginator/component/index.js +47 -0
- package/components/paginator/index.d.ts +3 -33
- package/components/paginator/index.d.ts.map +1 -1
- package/components/paginator/index.js +3 -47
- package/components/paginator/types.d.ts +28 -0
- package/components/paginator/types.d.ts.map +1 -0
- package/components/paginator/types.js +1 -0
- package/components/primitives/checkbox/component/index.d.ts +7 -0
- package/components/primitives/checkbox/component/index.d.ts.map +1 -0
- package/components/primitives/checkbox/component/index.js +37 -0
- package/components/primitives/checkbox/index.d.ts +2 -28
- package/components/primitives/checkbox/index.d.ts.map +1 -1
- package/components/primitives/checkbox/index.js +2 -38
- package/components/primitives/checkbox/types.d.ts +25 -0
- package/components/primitives/checkbox/types.d.ts.map +1 -0
- package/components/primitives/checkbox/types.js +1 -0
- package/components/primitives/date/component/index.d.ts +6 -0
- package/components/primitives/date/component/index.d.ts.map +1 -0
- package/components/primitives/date/component/index.js +48 -0
- package/components/primitives/date/index.d.ts +2 -13
- package/components/primitives/date/index.d.ts.map +1 -1
- package/components/primitives/date/index.js +2 -48
- package/components/primitives/date/types.d.ts +9 -0
- package/components/primitives/date/types.d.ts.map +1 -0
- package/components/primitives/date/types.js +1 -0
- package/components/primitives/index.d.ts +3 -1
- package/components/primitives/index.d.ts.map +1 -1
- package/components/primitives/index.js +3 -1
- package/components/primitives/multiline/component/index.d.ts +7 -0
- package/components/primitives/multiline/component/index.d.ts.map +1 -0
- package/components/primitives/multiline/component/index.js +15 -0
- package/components/primitives/multiline/index.d.ts +2 -15
- package/components/primitives/multiline/index.d.ts.map +1 -1
- package/components/primitives/multiline/index.js +2 -15
- package/components/primitives/multiline/types.d.ts +11 -0
- package/components/primitives/multiline/types.d.ts.map +1 -0
- package/components/primitives/multiline/types.js +1 -0
- package/components/primitives/number/component/index.d.ts +6 -0
- package/components/primitives/number/component/index.d.ts.map +1 -0
- package/components/primitives/number/component/index.js +14 -0
- package/components/primitives/number/index.d.ts +2 -16
- package/components/primitives/number/index.d.ts.map +1 -1
- package/components/primitives/number/index.js +2 -14
- package/components/primitives/number/types.d.ts +13 -0
- package/components/primitives/number/types.d.ts.map +1 -0
- package/components/primitives/number/types.js +1 -0
- package/components/primitives/password/component/index.d.ts +7 -0
- package/components/primitives/password/component/index.d.ts.map +1 -0
- package/components/primitives/password/component/index.js +13 -0
- package/components/primitives/password/index.d.ts +2 -14
- package/components/primitives/password/index.d.ts.map +1 -1
- package/components/primitives/password/index.js +2 -13
- package/components/primitives/password/types.d.ts +10 -0
- package/components/primitives/password/types.d.ts.map +1 -0
- package/components/primitives/password/types.js +1 -0
- package/components/primitives/text/component/index.d.ts +7 -0
- package/components/primitives/text/component/index.d.ts.map +1 -0
- package/components/primitives/text/component/index.js +15 -0
- package/components/primitives/text/index.d.ts +2 -11
- package/components/primitives/text/index.d.ts.map +1 -1
- package/components/primitives/text/index.js +2 -15
- package/components/primitives/text/types.d.ts +7 -0
- package/components/primitives/text/types.d.ts.map +1 -0
- package/components/primitives/text/types.js +1 -0
- package/components/primitives/types/baseProps.d.ts +2 -2
- package/components/primitives/types/baseProps.d.ts.map +1 -1
- package/components/primitives/types/label.d.ts +2 -2
- package/components/primitives/types/label.d.ts.map +1 -1
- package/components/search/component/index.d.ts +6 -0
- package/components/search/component/index.d.ts.map +1 -0
- package/components/search/component/index.js +37 -0
- package/components/search/index.d.ts +2 -29
- package/components/search/index.d.ts.map +1 -1
- package/components/search/index.js +2 -37
- package/components/search/types.d.ts +27 -0
- package/components/search/types.d.ts.map +1 -0
- package/components/search/types.js +1 -0
- package/components/tag/component/index.d.ts +7 -0
- package/components/tag/component/index.d.ts.map +1 -0
- package/components/tag/component/index.js +28 -0
- package/components/tag/index.d.ts +2 -31
- package/components/tag/index.d.ts.map +1 -1
- package/components/tag/index.js +2 -28
- package/components/tag/types.d.ts +27 -0
- package/components/tag/types.d.ts.map +1 -0
- package/components/tag/types.js +1 -0
- package/components/types.d.ts +4 -4
- package/components/types.d.ts.map +1 -1
- package/hooks/usePagination.d.ts.map +1 -1
- package/index.d.ts +2 -12
- package/index.d.ts.map +1 -1
- package/index.js +2 -12
- package/package.json +1 -1
- package/tsconfig.tsbuildinfo +1 -0
- package/components/primitives/types/enums.d.ts +0 -29
- package/components/primitives/types/enums.d.ts.map +0 -1
- package/components/primitives/types/enums.js +0 -31
- /package/components/dropdown/{dropdown.scss → component/style.scss} +0 -0
- /package/components/primitives/checkbox/{checkbox.scss → component/style.scss} +0 -0
- /package/components/primitives/password/{style.scss → component/style.scss} +0 -0
- /package/components/search/{search.scss → component/style.scss} +0 -0
- /package/components/tag/{style.scss → component/style.scss} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/primitives/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import "../../../../common.scss";
|
|
3
|
+
import { MultilineProps } from "..";
|
|
4
|
+
/** Multiline textual input component */
|
|
5
|
+
declare const Multiline: (props: MultilineProps) => JSX.Element;
|
|
6
|
+
export default Multiline;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/multiline/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,cAAc,EAAE,MAAM,IAAI,CAAC;AAKpC,wCAAwC;AACxC,QAAA,MAAM,SAAS,UAAW,cAAc,KAAG,WAQ1C,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
+
import "../../../../common.scss";
|
|
4
|
+
import MultilineWithoutLabel from "../components/multilineWithoutLabel";
|
|
5
|
+
import MultilineWithLabel from "../components/multilineWithLabel";
|
|
6
|
+
/** Multiline textual input component */
|
|
7
|
+
const Multiline = (props) => {
|
|
8
|
+
if (isNullOrUndefined(props.label)) {
|
|
9
|
+
return (_jsx(MultilineWithoutLabel, { ...props }));
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
return (_jsx(MultilineWithLabel, { ...props }));
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
export default Multiline;
|
|
@@ -1,16 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { BaseInputElementProps } from "..";
|
|
4
|
-
/** Multiline textual input conponent props type */
|
|
5
|
-
export declare type MultilineProps = BaseInputElementProps<string> & {
|
|
6
|
-
/** Is input should be resizable */
|
|
7
|
-
fixed?: boolean;
|
|
8
|
-
/** Number of initial rows count */
|
|
9
|
-
rows?: number;
|
|
10
|
-
/** Focus out event handler */
|
|
11
|
-
onBlur?: () => void;
|
|
12
|
-
};
|
|
13
|
-
/** Multiline textual input component */
|
|
14
|
-
declare const Multiline: (props: MultilineProps) => JSX.Element;
|
|
15
|
-
export default Multiline;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
16
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/multiline/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/multiline/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}
|
|
@@ -1,15 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import "../../../common.scss";
|
|
4
|
-
import MultilineWithoutLabel from "./components/multilineWithoutLabel";
|
|
5
|
-
import MultilineWithLabel from "./components/multilineWithLabel";
|
|
6
|
-
/** Multiline textual input component */
|
|
7
|
-
const Multiline = (props) => {
|
|
8
|
-
if (isNullOrUndefined(props.label)) {
|
|
9
|
-
return (_jsx(MultilineWithoutLabel, { ...props }));
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
12
|
-
return (_jsx(MultilineWithLabel, { ...props }));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
export default Multiline;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { BaseInputElementProps } from "..";
|
|
2
|
+
/** Multiline textual input conponent props type */
|
|
3
|
+
export interface MultilineProps extends BaseInputElementProps<string> {
|
|
4
|
+
/** Is input should be resizable */
|
|
5
|
+
fixed?: boolean;
|
|
6
|
+
/** Number of initial rows count */
|
|
7
|
+
rows?: number;
|
|
8
|
+
/** Focus out event handler */
|
|
9
|
+
onBlur?: () => void;
|
|
10
|
+
}
|
|
11
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/multiline/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,mDAAmD;AACnD,MAAM,WAAW,cAAe,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IACjE,mCAAmC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;IAEhB,mCAAmC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/number/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAKjC,6BAA6B;AAC7B,QAAA,MAAM,MAAM,UAAW,WAAW,KAAG,WAOpC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
+
import NumberWithLabel from "../components/withLabel";
|
|
4
|
+
import NumberWithoutLabel from "../components/withoutLabel";
|
|
5
|
+
/** Number input component */
|
|
6
|
+
const Number = (props) => {
|
|
7
|
+
if (isNullOrUndefined(props.label)) {
|
|
8
|
+
return (_jsx(NumberWithoutLabel, { ...props }));
|
|
9
|
+
}
|
|
10
|
+
else {
|
|
11
|
+
return (_jsx(NumberWithLabel, { ...props }));
|
|
12
|
+
}
|
|
13
|
+
};
|
|
14
|
+
export default Number;
|
|
@@ -1,17 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
/** Number component props type */
|
|
4
|
-
export interface NumberProps extends BaseInputElementProps<number> {
|
|
5
|
-
/** Focus out event handler */
|
|
6
|
-
onBlur?: () => void;
|
|
7
|
-
/**
|
|
8
|
-
* Difference which will be used to change value after step button click.
|
|
9
|
-
* See html input step documentation.
|
|
10
|
-
* @default 1
|
|
11
|
-
*/
|
|
12
|
-
step?: number;
|
|
13
|
-
}
|
|
14
|
-
/** Number input component */
|
|
15
|
-
declare const Number: (props: NumberProps) => JSX.Element;
|
|
16
|
-
export default Number;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
17
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}
|
|
@@ -1,14 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import NumberWithLabel from "./components/withLabel";
|
|
4
|
-
import NumberWithoutLabel from "./components/withoutLabel";
|
|
5
|
-
/** Number input component */
|
|
6
|
-
const Number = (props) => {
|
|
7
|
-
if (isNullOrUndefined(props.label)) {
|
|
8
|
-
return (_jsx(NumberWithoutLabel, { ...props }));
|
|
9
|
-
}
|
|
10
|
-
else {
|
|
11
|
-
return (_jsx(NumberWithLabel, { ...props }));
|
|
12
|
-
}
|
|
13
|
-
};
|
|
14
|
-
export default Number;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { BaseInputElementProps } from "..";
|
|
2
|
+
/** Number component props type */
|
|
3
|
+
export interface NumberProps extends BaseInputElementProps<number> {
|
|
4
|
+
/** Focus out event handler */
|
|
5
|
+
onBlur?: () => void;
|
|
6
|
+
/**
|
|
7
|
+
* Difference which will be used to change value after step button click.
|
|
8
|
+
* See html input step documentation.
|
|
9
|
+
* @default 1
|
|
10
|
+
*/
|
|
11
|
+
step?: number;
|
|
12
|
+
}
|
|
13
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/number/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,kCAAkC;AAClC,MAAM,WAAW,WAAY,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IAC9D,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB;;;;MAIE;IACF,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/password/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,aAAa,EAAE,MAAM,IAAI,CAAC;AAKnC,+BAA+B;AAC/B,QAAA,MAAM,QAAQ,UAAW,aAAa,KAAG,WAMxC,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
+
import "./style.scss";
|
|
4
|
+
import PasswordWithLabel from "../components/withLabel";
|
|
5
|
+
import PasswordWithoutLabel from "../components/withoutLabel";
|
|
6
|
+
/** Password input component */
|
|
7
|
+
const Password = (props) => {
|
|
8
|
+
if (isNullOrUndefined(props.label)) {
|
|
9
|
+
return _jsx(PasswordWithoutLabel, { ...props });
|
|
10
|
+
}
|
|
11
|
+
return _jsx(PasswordWithLabel, { ...props });
|
|
12
|
+
};
|
|
13
|
+
export default Password;
|
|
@@ -1,15 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { BaseInputElementProps } from "..";
|
|
4
|
-
/** Password component props type */
|
|
5
|
-
export interface PasswordProps extends Omit<BaseInputElementProps<string>, "defaultValue" | "readonly"> {
|
|
6
|
-
/**
|
|
7
|
-
* Is icon "Show password" visible.
|
|
8
|
-
* Will show password on click
|
|
9
|
-
*/
|
|
10
|
-
canShowPassword: boolean;
|
|
11
|
-
}
|
|
12
|
-
/** Password input component */
|
|
13
|
-
declare const Password: (props: PasswordProps) => JSX.Element;
|
|
14
|
-
export default Password;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
15
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}
|
|
@@ -1,13 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import "./style.scss";
|
|
4
|
-
import PasswordWithLabel from "./components/withLabel";
|
|
5
|
-
import PasswordWithoutLabel from "./components/withoutLabel";
|
|
6
|
-
/** Password input component */
|
|
7
|
-
const Password = (props) => {
|
|
8
|
-
if (isNullOrUndefined(props.label)) {
|
|
9
|
-
return _jsx(PasswordWithoutLabel, { ...props });
|
|
10
|
-
}
|
|
11
|
-
return _jsx(PasswordWithLabel, { ...props });
|
|
12
|
-
};
|
|
13
|
-
export default Password;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { BaseInputElementProps } from "..";
|
|
2
|
+
/** Password component props type */
|
|
3
|
+
export interface PasswordProps extends Omit<BaseInputElementProps<string>, "defaultValue" | "readonly"> {
|
|
4
|
+
/**
|
|
5
|
+
* Is icon "Show password" visible.
|
|
6
|
+
* Will show password on click
|
|
7
|
+
*/
|
|
8
|
+
canShowPassword: boolean;
|
|
9
|
+
}
|
|
10
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/password/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,oCAAoC;AACpC,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,qBAAqB,CAAC,MAAM,CAAC,EAAE,cAAc,GAAG,UAAU,CAAC;IACnG;;;MAGE;IACF,eAAe,EAAE,OAAO,CAAC;CAC5B"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/primitives/text/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,yBAAyB,CAAC;AAEjC,OAAO,EAAE,SAAS,EAAE,MAAM,IAAI,CAAC;AAK/B,8BAA8B;AAC9B,QAAA,MAAM,IAAI,UAAW,SAAS,KAAG,WAOhC,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import { isNullOrUndefined } from "@bodynarf/utils";
|
|
3
|
+
import "../../../../common.scss";
|
|
4
|
+
import TextWithLabel from "../components/textWithLabel";
|
|
5
|
+
import TextWithoutLabel from "../components/textWithoutLabel";
|
|
6
|
+
/** Textual input component */
|
|
7
|
+
const Text = (props) => {
|
|
8
|
+
if (isNullOrUndefined(props.label)) {
|
|
9
|
+
return (_jsx(TextWithoutLabel, { ...props }));
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
return (_jsx(TextWithLabel, { ...props }));
|
|
13
|
+
}
|
|
14
|
+
};
|
|
15
|
+
export default Text;
|
|
@@ -1,12 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { BaseInputElementProps } from "..";
|
|
4
|
-
/** Text input conponent props type */
|
|
5
|
-
export declare type TextProps = BaseInputElementProps<string> & {
|
|
6
|
-
/** Focus out event handler */
|
|
7
|
-
onBlur?: () => void;
|
|
8
|
-
};
|
|
9
|
-
/** Textual input component */
|
|
10
|
-
declare const Text: (props: TextProps) => JSX.Element;
|
|
11
|
-
export default Text;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
12
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/text/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/text/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}
|
|
@@ -1,15 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import "../../../common.scss";
|
|
4
|
-
import TextWithLabel from "./components/textWithLabel";
|
|
5
|
-
import TextWithoutLabel from "./components/textWithoutLabel";
|
|
6
|
-
/** Textual input component */
|
|
7
|
-
const Text = (props) => {
|
|
8
|
-
if (isNullOrUndefined(props.label)) {
|
|
9
|
-
return (_jsx(TextWithoutLabel, { ...props }));
|
|
10
|
-
}
|
|
11
|
-
else {
|
|
12
|
-
return (_jsx(TextWithLabel, { ...props }));
|
|
13
|
-
}
|
|
14
|
-
};
|
|
15
|
-
export default Text;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/text/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,IAAI,CAAC;AAE3C,sCAAsC;AACtC,MAAM,WAAW,SAAU,SAAQ,qBAAqB,CAAC,MAAM,CAAC;IAC5D,8BAA8B;IAC9B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InputLabel, ValidationState } from ".";
|
|
2
2
|
import { BaseElementProps, ElementColor, ElementSize } from "../../types";
|
|
3
3
|
/** Base properties for input components */
|
|
4
|
-
export
|
|
4
|
+
export interface BaseInputElementProps<TValue> extends BaseElementProps {
|
|
5
5
|
/** Value change handler. Changed value must be stored outside of component */
|
|
6
6
|
onValueChange: (value?: TValue) => void;
|
|
7
7
|
/** Default value of input component*/
|
|
@@ -26,5 +26,5 @@ export declare type BaseInputElementProps<TValue> = BaseElementProps & {
|
|
|
26
26
|
name?: string;
|
|
27
27
|
/** Current validation state */
|
|
28
28
|
validationState?: ValidationState;
|
|
29
|
-
}
|
|
29
|
+
}
|
|
30
30
|
//# sourceMappingURL=baseProps.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"baseProps.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/baseProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1E,2CAA2C;AAC3C,
|
|
1
|
+
{"version":3,"file":"baseProps.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/baseProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,GAAG,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,YAAY,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1E,2CAA2C;AAC3C,MAAM,WAAW,qBAAqB,CAAC,MAAM,CAAE,SAAQ,gBAAgB;IACnE,8EAA8E;IAC9E,aAAa,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAExC,sCAAsC;IACtC,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,gCAAgC;IAChC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6DAA6D;IAC7D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qBAAqB;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,0BAA0B;IAC1B,KAAK,CAAC,EAAE,UAAU,CAAC;IAEnB,iFAAiF;IACjF,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,KAAK,CAAC,EAAE,YAAY,CAAC;IAErB,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,+BAA+B;IAC/B,eAAe,CAAC,EAAE,eAAe,CAAC;CACrC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** Input label configuration */
|
|
2
|
-
export
|
|
2
|
+
export interface InputLabel {
|
|
3
3
|
/** Label textual content to describe input requirements */
|
|
4
4
|
caption: string;
|
|
5
5
|
/** Should component be on same line with label */
|
|
@@ -10,5 +10,5 @@ export declare type InputLabel = {
|
|
|
10
10
|
horizontalContainerClassName?: string;
|
|
11
11
|
/** Class name for input parent container in horizontal mode */
|
|
12
12
|
horizontalFieldContainerClassName?: string;
|
|
13
|
-
}
|
|
13
|
+
}
|
|
14
14
|
//# sourceMappingURL=label.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/label.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,
|
|
1
|
+
{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/types/label.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,MAAM,WAAW,UAAU;IACvB,2DAA2D;IAC3D,OAAO,EAAE,MAAM,CAAC;IAEhB,kDAAkD;IAClD,UAAU,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,+DAA+D;IAC/D,4BAA4B,CAAC,EAAE,MAAM,CAAC;IAEtC,+DAA+D;IAC/D,iCAAiC,CAAC,EAAE,MAAM,CAAC;CAC9C"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import "./style.scss";
|
|
3
|
+
import { SearchProps } from "../..";
|
|
4
|
+
/** Search component */
|
|
5
|
+
export default function Search({ searchType, onSearch, caption, name, defaultValue, size, isLoading, rounded, disabled, }: SearchProps): JSX.Element;
|
|
6
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search/component/index.tsx"],"names":[],"mappings":";AAIA,OAAO,cAAc,CAAC;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGpC,uBAAuB;AACvB,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAC3B,UAAU,EAAE,QAAQ,EAAE,OAAO,EAC7B,IAAI,EAAE,YAAY,EAClB,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,GACrC,EAAE,WAAW,GAAG,GAAG,CAAC,OAAO,CAwE3B"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useCallback, useState } from "react";
|
|
3
|
+
import { generateGuid, getClassName } from "@bodynarf/utils";
|
|
4
|
+
import "./style.scss";
|
|
5
|
+
import Button from "../../button";
|
|
6
|
+
/** Search component */
|
|
7
|
+
export default function Search({ searchType, onSearch, caption, name, defaultValue, size, isLoading, rounded, disabled, }) {
|
|
8
|
+
const [elementName] = useState(name || generateGuid());
|
|
9
|
+
const [searchValue, setSearchValue] = useState(defaultValue || "");
|
|
10
|
+
const onChange = useCallback((event) => {
|
|
11
|
+
const elementValue = event.target.value;
|
|
12
|
+
if (searchType === "byTyping") {
|
|
13
|
+
onSearch(elementValue);
|
|
14
|
+
}
|
|
15
|
+
setSearchValue(elementValue);
|
|
16
|
+
}, [onSearch, searchType]);
|
|
17
|
+
const onSearchButtonClick = useCallback(() => onSearch(searchValue), [onSearch, searchValue]);
|
|
18
|
+
const className = getClassName([
|
|
19
|
+
"bbr-search",
|
|
20
|
+
"control",
|
|
21
|
+
`is-${(size || "normal")}`,
|
|
22
|
+
isLoading === true ? "is-loading" : "",
|
|
23
|
+
searchType === "byButton" ? "is-expanded" : "",
|
|
24
|
+
]);
|
|
25
|
+
const inputClassName = getClassName([
|
|
26
|
+
"input",
|
|
27
|
+
"is-unselectable",
|
|
28
|
+
`is-${(size || "normal")}`,
|
|
29
|
+
rounded === true ? "is-rounded" : "",
|
|
30
|
+
]);
|
|
31
|
+
if (searchType === "byButton") {
|
|
32
|
+
return (_jsxs("div", { className: "field has-addons", children: [_jsx("div", { className: className, children: _jsx("input", { type: "search", name: elementName, defaultValue: searchValue, className: inputClassName, disabled: disabled, onChange: onChange, placeholder: caption }) }), _jsx("div", { className: "control", children: _jsx(Button, { caption: "Search", type: "info", onClick: onSearchButtonClick, isLoading: isLoading }) })] }));
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
return (_jsx("div", { className: className, children: _jsx("input", { type: "search", name: elementName, defaultValue: searchValue, className: inputClassName, disabled: disabled, onChange: onChange, placeholder: caption }) }));
|
|
36
|
+
}
|
|
37
|
+
}
|
|
@@ -1,30 +1,3 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { ElementSize } from "../types";
|
|
4
|
-
export declare type SearchProps = {
|
|
5
|
-
/**
|
|
6
|
-
* Search type: by typing, starts from minimum characters to search
|
|
7
|
-
* or by clicking on button next to search bar.
|
|
8
|
-
* Default `is byTyping`
|
|
9
|
-
*/
|
|
10
|
-
searchType: "byTyping" | "byButton";
|
|
11
|
-
/** Search caption */
|
|
12
|
-
caption: string;
|
|
13
|
-
/** Search handler */
|
|
14
|
-
onSearch: (searchPattern: string) => void;
|
|
15
|
-
/** Initial search value */
|
|
16
|
-
defaultValue?: string;
|
|
17
|
-
/** Control name. If empty - will be replaced by random guid */
|
|
18
|
-
name?: string;
|
|
19
|
-
/** Size of search bar */
|
|
20
|
-
size?: ElementSize;
|
|
21
|
-
/** Should search bar be rounded */
|
|
22
|
-
rounded?: boolean;
|
|
23
|
-
/** Is search bar disabled */
|
|
24
|
-
disabled?: boolean;
|
|
25
|
-
/** Should loading icon be displayed in search bar */
|
|
26
|
-
isLoading?: boolean;
|
|
27
|
-
};
|
|
28
|
-
/** Search component */
|
|
29
|
-
export default function Search({ searchType, onSearch, caption, name, defaultValue, size, isLoading, rounded, disabled, }: SearchProps): JSX.Element;
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
30
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,SAAS,CAAC"}
|
|
@@ -1,37 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
import { generateGuid, getClassName } from "@bodynarf/utils";
|
|
4
|
-
import "./search.scss";
|
|
5
|
-
import Button from "../button";
|
|
6
|
-
/** Search component */
|
|
7
|
-
export default function Search({ searchType, onSearch, caption, name, defaultValue, size, isLoading, rounded, disabled, }) {
|
|
8
|
-
const [elementName] = useState(name || generateGuid());
|
|
9
|
-
const [searchValue, setSearchValue] = useState(defaultValue || "");
|
|
10
|
-
const onChange = useCallback((event) => {
|
|
11
|
-
const elementValue = event.target.value;
|
|
12
|
-
if (searchType === "byTyping") {
|
|
13
|
-
onSearch(elementValue);
|
|
14
|
-
}
|
|
15
|
-
setSearchValue(elementValue);
|
|
16
|
-
}, [onSearch, searchType]);
|
|
17
|
-
const onSearchButtonClick = useCallback(() => onSearch(searchValue), [onSearch, searchValue]);
|
|
18
|
-
const className = getClassName([
|
|
19
|
-
"bbr-search",
|
|
20
|
-
"control",
|
|
21
|
-
`is-${(size || "normal")}`,
|
|
22
|
-
isLoading === true ? "is-loading" : "",
|
|
23
|
-
searchType === "byButton" ? "is-expanded" : "",
|
|
24
|
-
]);
|
|
25
|
-
const inputClassName = getClassName([
|
|
26
|
-
"input",
|
|
27
|
-
"is-unselectable",
|
|
28
|
-
`is-${(size || "normal")}`,
|
|
29
|
-
rounded === true ? "is-rounded" : "",
|
|
30
|
-
]);
|
|
31
|
-
if (searchType === "byButton") {
|
|
32
|
-
return (_jsxs("div", { className: "field has-addons", children: [_jsx("div", { className: className, children: _jsx("input", { type: "search", name: elementName, defaultValue: searchValue, className: inputClassName, disabled: disabled, onChange: onChange, placeholder: caption }) }), _jsx("div", { className: "control", children: _jsx(Button, { caption: "Search", type: "info", onClick: onSearchButtonClick, isLoading: isLoading }) })] }));
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
return (_jsx("div", { className: className, children: _jsx("input", { type: "search", name: elementName, defaultValue: searchValue, className: inputClassName, disabled: disabled, onChange: onChange, placeholder: caption }) }));
|
|
36
|
-
}
|
|
37
|
-
}
|
|
1
|
+
export { default } from "./component";
|
|
2
|
+
export * from "./types";
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { ElementSize } from "..";
|
|
2
|
+
/** Search component props type */
|
|
3
|
+
export interface SearchProps {
|
|
4
|
+
/**
|
|
5
|
+
* Search type: by typing, starts from minimum characters to search
|
|
6
|
+
* or by clicking on button next to search bar.
|
|
7
|
+
* Default `is byTyping`
|
|
8
|
+
*/
|
|
9
|
+
searchType: "byTyping" | "byButton";
|
|
10
|
+
/** Search caption */
|
|
11
|
+
caption: string;
|
|
12
|
+
/** Search handler */
|
|
13
|
+
onSearch: (searchPattern: string) => void;
|
|
14
|
+
/** Initial search value */
|
|
15
|
+
defaultValue?: string;
|
|
16
|
+
/** Control name. If empty - will be replaced by random guid */
|
|
17
|
+
name?: string;
|
|
18
|
+
/** Size of search bar */
|
|
19
|
+
size?: ElementSize;
|
|
20
|
+
/** Should search bar be rounded */
|
|
21
|
+
rounded?: boolean;
|
|
22
|
+
/** Is search bar disabled */
|
|
23
|
+
disabled?: boolean;
|
|
24
|
+
/** Should loading icon be displayed in search bar */
|
|
25
|
+
isLoading?: boolean;
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/search/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,IAAI,CAAC;AAEjC,kCAAkC;AAClC,MAAM,WAAW,WAAW;IACxB;;;;MAIE;IACF,UAAU,EAAE,UAAU,GAAG,UAAU,CAAC;IAEpC,qBAAqB;IACrB,OAAO,EAAE,MAAM,CAAC;IAEhB,qBAAqB;IACrB,QAAQ,EAAE,CAAC,aAAa,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,2BAA2B;IAC3B,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,+DAA+D;IAC/D,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,yBAAyB;IACzB,IAAI,CAAC,EAAE,WAAW,CAAC;IAEnB,mCAAmC;IACnC,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,6BAA6B;IAC7B,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { TagProps } from "../..";
|
|
3
|
+
import "./style.scss";
|
|
4
|
+
/** Single tag item */
|
|
5
|
+
declare const Tag: ({ content, size, style, rounded, lightColor, customColor, onClick, className, title, }: TagProps) => JSX.Element;
|
|
6
|
+
export default Tag;
|
|
7
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tag/component/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAA6B,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,cAAc,CAAC;AAEtB,sBAAsB;AACtB,QAAA,MAAM,GAAG,2FAMN,QAAQ,KAAG,WAmCb,CAAC;AAEF,eAAe,GAAG,CAAC"}
|