@bosonprotocol/react-kit 0.33.0-alpha.16 → 0.33.0-alpha.18
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/cjs/components/form/BaseCheckbox.d.ts +5 -0
- package/dist/cjs/components/form/BaseCheckbox.d.ts.map +1 -0
- package/dist/cjs/components/form/BaseCheckbox.js +69 -0
- package/dist/cjs/components/form/BaseCheckbox.js.map +1 -0
- package/dist/cjs/components/form/Checkbox.d.ts +13 -2
- package/dist/cjs/components/form/Checkbox.d.ts.map +1 -1
- package/dist/cjs/components/form/Checkbox.js +18 -61
- package/dist/cjs/components/form/Checkbox.js.map +1 -1
- package/dist/cjs/components/form/Field.styles.d.ts +23 -1
- package/dist/cjs/components/form/Field.styles.d.ts.map +1 -1
- package/dist/cjs/components/form/Field.styles.js +66 -14
- package/dist/cjs/components/form/Field.styles.js.map +1 -1
- package/dist/cjs/components/form/Upload/WithUploadToIpfs.d.ts.map +1 -1
- package/dist/cjs/components/form/Upload/WithUploadToIpfs.js +7 -10
- package/dist/cjs/components/form/Upload/WithUploadToIpfs.js.map +1 -1
- package/dist/cjs/components/form/index.d.ts +2 -1
- package/dist/cjs/components/form/index.d.ts.map +1 -1
- package/dist/cjs/components/form/index.js +4 -2
- package/dist/cjs/components/form/index.js.map +1 -1
- package/dist/cjs/components/form/types.d.ts +2 -1
- package/dist/cjs/components/form/types.d.ts.map +1 -1
- package/dist/cjs/components/ui/IpfsImage.d.ts +4 -3
- package/dist/cjs/components/ui/IpfsImage.d.ts.map +1 -1
- package/dist/cjs/components/ui/IpfsImage.js +2 -2
- package/dist/cjs/components/ui/IpfsImage.js.map +1 -1
- package/dist/cjs/components/ui/Video.d.ts +3 -3
- package/dist/cjs/components/ui/Video.d.ts.map +1 -1
- package/dist/cjs/components/ui/Video.js +5 -3
- package/dist/cjs/components/ui/Video.js.map +1 -1
- package/dist/cjs/index.d.ts +1 -0
- package/dist/cjs/index.d.ts.map +1 -1
- package/dist/cjs/index.js +3 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/components/form/BaseCheckbox.d.ts +5 -0
- package/dist/esm/components/form/BaseCheckbox.d.ts.map +1 -0
- package/dist/esm/components/form/BaseCheckbox.js +27 -0
- package/dist/esm/components/form/BaseCheckbox.js.map +1 -0
- package/dist/esm/components/form/Checkbox.d.ts +13 -2
- package/dist/esm/components/form/Checkbox.d.ts.map +1 -1
- package/dist/esm/components/form/Checkbox.js +16 -25
- package/dist/esm/components/form/Checkbox.js.map +1 -1
- package/dist/esm/components/form/Field.styles.d.ts +23 -1
- package/dist/esm/components/form/Field.styles.d.ts.map +1 -1
- package/dist/esm/components/form/Field.styles.js +47 -13
- package/dist/esm/components/form/Field.styles.js.map +1 -1
- package/dist/esm/components/form/Upload/WithUploadToIpfs.d.ts.map +1 -1
- package/dist/esm/components/form/Upload/WithUploadToIpfs.js +7 -10
- package/dist/esm/components/form/Upload/WithUploadToIpfs.js.map +1 -1
- package/dist/esm/components/form/index.d.ts +2 -1
- package/dist/esm/components/form/index.d.ts.map +1 -1
- package/dist/esm/components/form/index.js +2 -1
- package/dist/esm/components/form/index.js.map +1 -1
- package/dist/esm/components/form/types.d.ts +2 -1
- package/dist/esm/components/form/types.d.ts.map +1 -1
- package/dist/esm/components/ui/IpfsImage.d.ts +4 -3
- package/dist/esm/components/ui/IpfsImage.d.ts.map +1 -1
- package/dist/esm/components/ui/IpfsImage.js +2 -2
- package/dist/esm/components/ui/IpfsImage.js.map +1 -1
- package/dist/esm/components/ui/Video.d.ts +3 -3
- package/dist/esm/components/ui/Video.d.ts.map +1 -1
- package/dist/esm/components/ui/Video.js +3 -3
- package/dist/esm/components/ui/Video.js.map +1 -1
- package/dist/esm/index.d.ts +1 -0
- package/dist/esm/index.d.ts.map +1 -1
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -1
- package/package.json +5 -5
- package/src/components/form/BaseCheckbox.tsx +50 -0
- package/src/components/form/Checkbox.tsx +17 -40
- package/src/components/form/Field.styles.ts +85 -15
- package/src/components/form/Upload/WithUploadToIpfs.tsx +7 -10
- package/src/components/form/index.ts +2 -1
- package/src/components/form/types.ts +6 -1
- package/src/components/ui/IpfsImage.tsx +14 -7
- package/src/components/ui/Video.tsx +5 -5
- package/src/index.tsx +1 -0
- package/src/stories/buttons/Upload.stories.tsx +8 -0
- package/src/stories/form/BaseCheckbox.stories.tsx +113 -0
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import type { CheckboxProps } from "./types";
|
|
3
|
+
export type BaseCheckboxProps = CheckboxProps;
|
|
4
|
+
export declare function BaseCheckbox({ name, text, theme, hideError, ...props }: BaseCheckboxProps): JSX.Element;
|
|
5
|
+
//# sourceMappingURL=BaseCheckbox.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseCheckbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";AAMA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,MAAM,iBAAiB,GAAG,aAAa,CAAC;AAC9C,wBAAgB,YAAY,CAAC,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,EACT,GAAG,KAAK,EACT,EAAE,iBAAiB,eAkCnB"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
25
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
+
var t = {};
|
|
27
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
+
t[p] = s[p];
|
|
29
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
+
t[p[i]] = s[p[i]];
|
|
33
|
+
}
|
|
34
|
+
return t;
|
|
35
|
+
};
|
|
36
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
+
};
|
|
39
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
+
exports.BaseCheckbox = void 0;
|
|
41
|
+
const formik_1 = require("formik");
|
|
42
|
+
const phosphor_react_1 = require("phosphor-react");
|
|
43
|
+
const react_1 = __importStar(require("react"));
|
|
44
|
+
const Error_1 = __importDefault(require("./Error"));
|
|
45
|
+
const Field_styles_1 = require("./Field.styles");
|
|
46
|
+
function BaseCheckbox(_a) {
|
|
47
|
+
var { name, text, theme, hideError } = _a, props = __rest(_a, ["name", "text", "theme", "hideError"]);
|
|
48
|
+
const [field, meta, helpers] = (0, formik_1.useField)(name);
|
|
49
|
+
const ref = (0, react_1.useRef)(field.value);
|
|
50
|
+
const errorMessage = meta.error && meta.touched ? meta.error : "";
|
|
51
|
+
const displayError = typeof errorMessage === "string" && errorMessage !== "";
|
|
52
|
+
const checkboxId = `checkbox-${name}`;
|
|
53
|
+
(0, react_1.useEffect)(() => {
|
|
54
|
+
if (ref.current !== field.value) {
|
|
55
|
+
if (!meta.touched) {
|
|
56
|
+
helpers.setTouched(true);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}, [field.value]); // eslint-disable-line
|
|
60
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
61
|
+
react_1.default.createElement(Field_styles_1.CheckboxWrapper, { htmlFor: checkboxId, "$error": errorMessage, theme: theme },
|
|
62
|
+
react_1.default.createElement("input", Object.assign({ hidden: true, id: checkboxId, type: "checkbox" }, props, field, { checked: field.value })),
|
|
63
|
+
react_1.default.createElement("div", null,
|
|
64
|
+
react_1.default.createElement(phosphor_react_1.Check, { size: 16 })),
|
|
65
|
+
react_1.default.createElement("b", null, text)),
|
|
66
|
+
react_1.default.createElement(Error_1.default, { display: !hideError && displayError, message: errorMessage })));
|
|
67
|
+
}
|
|
68
|
+
exports.BaseCheckbox = BaseCheckbox;
|
|
69
|
+
//# sourceMappingURL=BaseCheckbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BaseCheckbox.js","sourceRoot":"","sources":["../../../../src/components/form/BaseCheckbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mCAAkC;AAClC,mDAAuC;AACvC,+CAAiD;AAEjD,oDAA4B;AAC5B,iDAAiD;AAIjD,SAAgB,YAAY,CAAC,EAMT;QANS,EAC3B,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,SAAS,OAES,EADf,KAAK,cALmB,sCAM5B,CADS;IAER,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,iBAAQ,EAAC,IAAI,CAAC,CAAC;IAC9C,MAAM,GAAG,GAAG,IAAA,cAAM,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAChC,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAClE,MAAM,YAAY,GAAG,OAAO,YAAY,KAAK,QAAQ,IAAI,YAAY,KAAK,EAAE,CAAC;IAC7E,MAAM,UAAU,GAAG,YAAY,IAAI,EAAE,CAAC;IAEtC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,GAAG,CAAC,OAAO,KAAK,KAAK,CAAC,KAAK,EAAE;YAC/B,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE;gBACjB,OAAO,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;aAC1B;SACF;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,sBAAsB;IAEzC,OAAO,CACL;QACE,8BAAC,8BAAe,IAAC,OAAO,EAAE,UAAU,YAAU,YAAY,EAAE,KAAK,EAAE,KAAK;YACtE,uDACE,MAAM,QACN,EAAE,EAAE,UAAU,EACd,IAAI,EAAC,UAAU,IACX,KAAK,EACL,KAAK,IACT,OAAO,EAAE,KAAK,CAAC,KAAK,IACpB;YACF;gBACE,8BAAC,sBAAK,IAAC,IAAI,EAAE,EAAE,GAAI,CACf;YACN,yCAAI,IAAI,CAAK,CACG;QAClB,8BAAC,eAAK,IAAC,OAAO,EAAE,CAAC,SAAS,IAAI,YAAY,EAAE,OAAO,EAAE,YAAY,GAAI,CACpE,CACJ,CAAC;AACJ,CAAC;AAxCD,oCAwCC"}
|
|
@@ -1,4 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import
|
|
3
|
-
export
|
|
2
|
+
import { BaseCheckboxProps } from "./BaseCheckbox";
|
|
3
|
+
export declare const bosonCheckboxTheme: {
|
|
4
|
+
backgroundColor: "#F1F3F9";
|
|
5
|
+
borderColor: "#5560720f";
|
|
6
|
+
hover: {
|
|
7
|
+
borderColor: "#7829F9";
|
|
8
|
+
};
|
|
9
|
+
error: {
|
|
10
|
+
borderColor: "#FC6838";
|
|
11
|
+
};
|
|
12
|
+
};
|
|
13
|
+
export type CheckboxProps = Omit<BaseCheckboxProps, "theme">;
|
|
14
|
+
export declare function Checkbox(props: CheckboxProps): JSX.Element;
|
|
4
15
|
//# sourceMappingURL=Checkbox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAgB,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AAGjE,eAAO,MAAM,kBAAkB;;;;;;;;;CASO,CAAC;AACvC,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,iBAAiB,EAAE,OAAO,CAAC,CAAC;AAC7D,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,eAE5C"}
|
|
@@ -1,68 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
|
-
var t = {};
|
|
27
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
28
|
-
t[p] = s[p];
|
|
29
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
30
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
31
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
32
|
-
t[p[i]] = s[p[i]];
|
|
33
|
-
}
|
|
34
|
-
return t;
|
|
35
|
-
};
|
|
36
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
4
|
};
|
|
39
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
|
|
41
|
-
const
|
|
42
|
-
const
|
|
43
|
-
const
|
|
44
|
-
const
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
}
|
|
58
|
-
}, [field.value]); // eslint-disable-line
|
|
59
|
-
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
60
|
-
react_1.default.createElement(Field_styles_1.CheckboxWrapper, { htmlFor: checkboxId, error: errorMessage },
|
|
61
|
-
react_1.default.createElement("input", Object.assign({ hidden: true, id: checkboxId, type: "checkbox" }, props, field, { checked: field.value })),
|
|
62
|
-
react_1.default.createElement("div", null,
|
|
63
|
-
react_1.default.createElement(phosphor_react_1.Check, { size: 16 })),
|
|
64
|
-
react_1.default.createElement("b", null, text || "Checkbox")),
|
|
65
|
-
react_1.default.createElement(Error_1.default, { display: displayError, message: errorMessage })));
|
|
6
|
+
exports.Checkbox = exports.bosonCheckboxTheme = void 0;
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const theme_1 = require("../../theme");
|
|
9
|
+
const BaseCheckbox_1 = require("./BaseCheckbox");
|
|
10
|
+
const colors = theme_1.theme.colors.light;
|
|
11
|
+
exports.bosonCheckboxTheme = {
|
|
12
|
+
backgroundColor: colors.lightGrey,
|
|
13
|
+
borderColor: colors.border,
|
|
14
|
+
hover: {
|
|
15
|
+
borderColor: colors.secondary
|
|
16
|
+
},
|
|
17
|
+
error: {
|
|
18
|
+
borderColor: colors.orange
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
function Checkbox(props) {
|
|
22
|
+
return react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, Object.assign({}, props, { theme: exports.bosonCheckboxTheme }));
|
|
66
23
|
}
|
|
67
|
-
exports.
|
|
24
|
+
exports.Checkbox = Checkbox;
|
|
68
25
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAE1B,uCAAoC;AACpC,iDAAiE;AAEjE,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AACrB,QAAA,kBAAkB,GAAG;IAChC,eAAe,EAAE,MAAM,CAAC,SAAS;IACjC,WAAW,EAAE,MAAM,CAAC,MAAM;IAC1B,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC,SAAS;KAC9B;IACD,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAC,MAAM;KAC3B;CACmC,CAAC;AAEvC,SAAgB,QAAQ,CAAC,KAAoB;IAC3C,OAAO,8BAAC,2BAAY,oBAAK,KAAK,IAAE,KAAK,EAAE,0BAAkB,IAAI,CAAC;AAChE,CAAC;AAFD,4BAEC"}
|
|
@@ -147,8 +147,30 @@ export declare const FormFieldWrapper: import("styled-components").IStyledCompon
|
|
|
147
147
|
alignSelf?: import("csstype").Property.AlignSelf | undefined;
|
|
148
148
|
justifySelf?: import("csstype").Property.JustifySelf | undefined;
|
|
149
149
|
} & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
|
|
150
|
+
export type CheckboxTheme = Partial<{
|
|
151
|
+
backgroundColor: CSSProperties["backgroundColor"];
|
|
152
|
+
borderColor: CSSProperties["borderColor"];
|
|
153
|
+
borderRadius: CSSProperties["borderRadius"];
|
|
154
|
+
color: CSSProperties["color"];
|
|
155
|
+
hover: Partial<{
|
|
156
|
+
borderColor: CSSProperties["borderColor"];
|
|
157
|
+
backgroundColor: CSSProperties["backgroundColor"];
|
|
158
|
+
color: CSSProperties["color"];
|
|
159
|
+
}>;
|
|
160
|
+
error: Partial<{
|
|
161
|
+
borderColor: CSSProperties["borderColor"];
|
|
162
|
+
backgroundColor: CSSProperties["backgroundColor"];
|
|
163
|
+
color: CSSProperties["color"];
|
|
164
|
+
}>;
|
|
165
|
+
checked: Partial<{
|
|
166
|
+
borderColor: CSSProperties["borderColor"];
|
|
167
|
+
backgroundColor: CSSProperties["backgroundColor"];
|
|
168
|
+
color: CSSProperties["color"];
|
|
169
|
+
}>;
|
|
170
|
+
}>;
|
|
150
171
|
export declare const CheckboxWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
|
|
151
|
-
error:
|
|
172
|
+
$error: unknown;
|
|
173
|
+
theme: CheckboxTheme;
|
|
152
174
|
}>>;
|
|
153
175
|
export declare const VideoPreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>>;
|
|
154
176
|
export declare const ImagePreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":";AACA,OAAe,EAAE,aAAa,EAAO,MAAM,mBAAmB,CAAC;AAS/D,eAAO,MAAM,UAAU,4NAGtB,CAAC;AACF,MAAM,MAAM,UAAU,GAAG;IACvB,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC7C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,KAAK,EAAE;QACL,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;KACzC,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;KAC3C,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1C,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;SAC3C,CAAC;QACF,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;YAC1C,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;SACzC,CAAC;QACF,WAAW,EAAE;YACX,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;SAC/B,CAAC;KACH,CAAC;CACH,CAAC;AACF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,YAAY,CAAC;AACnD,QAAA,MAAM,YAAY;;;;CAIR,CAAC;AACX,eAAO,MAAM,UAAU;aACZ,GAAG;;;GAsEb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC;IAC3C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,KAAK,EAAE,OAAO,CAAC;QACb,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;KAC3C,CAAC,CAAC;IACH,KAAK,EAAE,OAAO,CAAC;QACb,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;KAC3C,CAAC,CAAC;CACJ,CAAC,CAAC;AACH,eAAO,MAAM,iBAAiB;YACpB,OAAO;WACR,sBAAsB,GAAG,SAAS;GA4D1C,CAAC;AAEF,eAAO,MAAM,eAAe;aAnJjB,GAAG;;;;;;aAAH,GAAG;;;mDAqJb,CAAC;AAEF,eAAO,MAAM,sBAAsB;eAA2B,OAAO;GAiCpE,CAAC;AACF,MAAM,MAAM,aAAa,GAAG;IAC1B,UAAU,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAC7C,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,KAAK,EAAE;QACL,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;KACzC,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;KAC3C,CAAC;IACF,KAAK,EAAE;QACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1C,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;SAC3C,CAAC;QACF,KAAK,EAAE;YACL,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;YAC1C,UAAU,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;SACzC,CAAC;QACF,WAAW,EAAE;YACX,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;SAC/B,CAAC;KACH,CAAC;CACH,CAAC;AACF,eAAO,MAAM,aAAa;YAA6B,GAAG;GA6DzD,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;4IAqB5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,OAAO,CAAC;IAClC,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;IAClD,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;IAC1C,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAC5C,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAC9B,KAAK,EAAE,OAAO,CAAC;QACb,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1C,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAClD,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B,CAAC,CAAC;IACH,KAAK,EAAE,OAAO,CAAC;QACb,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1C,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAClD,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B,CAAC,CAAC;IACH,OAAO,EAAE,OAAO,CAAC;QACf,WAAW,EAAE,aAAa,CAAC,aAAa,CAAC,CAAC;QAC1C,eAAe,EAAE,aAAa,CAAC,iBAAiB,CAAC,CAAC;QAClD,KAAK,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;KAC/B,CAAC,CAAC;CACJ,CAAC,CAAC;AACH,eAAO,MAAM,eAAe;YAClB,OAAO;WACR,aAAa;GAkHrB,CAAC;AAEF,eAAO,MAAM,YAAY,yNAKxB,CAAC;AACF,eAAO,MAAM,YAAY,uNAExB,CAAC"}
|
|
@@ -291,7 +291,22 @@ exports.CheckboxWrapper = styled_components_1.default.label `
|
|
|
291
291
|
+ div {
|
|
292
292
|
cursor: pointer;
|
|
293
293
|
&:hover {
|
|
294
|
-
border: 1px solid
|
|
294
|
+
border: 1px solid
|
|
295
|
+
${({ theme }) => { var _a; return ((_a = theme === null || theme === void 0 ? void 0 : theme.hover) === null || _a === void 0 ? void 0 : _a.borderColor) || colors.border; }};
|
|
296
|
+
${({ theme }) => {
|
|
297
|
+
var _a, _b;
|
|
298
|
+
return ((_a = theme === null || theme === void 0 ? void 0 : theme.hover) === null || _a === void 0 ? void 0 : _a.backgroundColor) &&
|
|
299
|
+
(0, styled_components_1.css) `
|
|
300
|
+
background-color: ${(_b = theme === null || theme === void 0 ? void 0 : theme.hover) === null || _b === void 0 ? void 0 : _b.backgroundColor};
|
|
301
|
+
`;
|
|
302
|
+
}};
|
|
303
|
+
${({ theme }) => {
|
|
304
|
+
var _a, _b;
|
|
305
|
+
return ((_a = theme === null || theme === void 0 ? void 0 : theme.hover) === null || _a === void 0 ? void 0 : _a.color) &&
|
|
306
|
+
(0, styled_components_1.css) `
|
|
307
|
+
color: ${(_b = theme === null || theme === void 0 ? void 0 : theme.hover) === null || _b === void 0 ? void 0 : _b.color};
|
|
308
|
+
`;
|
|
309
|
+
}};
|
|
295
310
|
svg {
|
|
296
311
|
opacity: 0.25;
|
|
297
312
|
}
|
|
@@ -311,8 +326,16 @@ exports.CheckboxWrapper = styled_components_1.default.label `
|
|
|
311
326
|
width: 1.5rem;
|
|
312
327
|
height: 1.5rem;
|
|
313
328
|
|
|
314
|
-
background: ${colors.lightGrey};
|
|
315
|
-
|
|
329
|
+
background-color: ${({ theme }) => (theme === null || theme === void 0 ? void 0 : theme.backgroundColor) || colors.lightGrey};
|
|
330
|
+
border: 1px solid ${({ theme }) => theme === null || theme === void 0 ? void 0 : theme.borderColor};
|
|
331
|
+
${({ theme }) => (theme === null || theme === void 0 ? void 0 : theme.color) &&
|
|
332
|
+
(0, styled_components_1.css) `
|
|
333
|
+
color: ${theme === null || theme === void 0 ? void 0 : theme.color};
|
|
334
|
+
`};
|
|
335
|
+
${({ theme }) => (theme === null || theme === void 0 ? void 0 : theme.borderRadius) !== undefined &&
|
|
336
|
+
(0, styled_components_1.css) `
|
|
337
|
+
border-radius: ${theme === null || theme === void 0 ? void 0 : theme.borderRadius};
|
|
338
|
+
`};
|
|
316
339
|
margin-right: 0.5rem;
|
|
317
340
|
}
|
|
318
341
|
|
|
@@ -321,6 +344,29 @@ exports.CheckboxWrapper = styled_components_1.default.label `
|
|
|
321
344
|
+ div svg {
|
|
322
345
|
opacity: 1;
|
|
323
346
|
}
|
|
347
|
+
+ div {
|
|
348
|
+
${({ theme }) => {
|
|
349
|
+
var _a, _b;
|
|
350
|
+
return ((_a = theme === null || theme === void 0 ? void 0 : theme.checked) === null || _a === void 0 ? void 0 : _a.backgroundColor) &&
|
|
351
|
+
(0, styled_components_1.css) `
|
|
352
|
+
background-color: ${(_b = theme === null || theme === void 0 ? void 0 : theme.checked) === null || _b === void 0 ? void 0 : _b.backgroundColor};
|
|
353
|
+
`;
|
|
354
|
+
}};
|
|
355
|
+
${({ theme }) => {
|
|
356
|
+
var _a, _b;
|
|
357
|
+
return ((_a = theme === null || theme === void 0 ? void 0 : theme.checked) === null || _a === void 0 ? void 0 : _a.borderColor) &&
|
|
358
|
+
(0, styled_components_1.css) `
|
|
359
|
+
border: 1px solid ${(_b = theme === null || theme === void 0 ? void 0 : theme.checked) === null || _b === void 0 ? void 0 : _b.borderColor};
|
|
360
|
+
`;
|
|
361
|
+
}};
|
|
362
|
+
${({ theme }) => {
|
|
363
|
+
var _a, _b;
|
|
364
|
+
return ((_a = theme === null || theme === void 0 ? void 0 : theme.checked) === null || _a === void 0 ? void 0 : _a.color) &&
|
|
365
|
+
(0, styled_components_1.css) `
|
|
366
|
+
color: ${(_b = theme === null || theme === void 0 ? void 0 : theme.checked) === null || _b === void 0 ? void 0 : _b.color};
|
|
367
|
+
`;
|
|
368
|
+
}};
|
|
369
|
+
}
|
|
324
370
|
}
|
|
325
371
|
&:not(:checked) {
|
|
326
372
|
+ div svg {
|
|
@@ -329,17 +375,23 @@ exports.CheckboxWrapper = styled_components_1.default.label `
|
|
|
329
375
|
}
|
|
330
376
|
}
|
|
331
377
|
|
|
332
|
-
${({ error }) =>
|
|
333
|
-
|
|
334
|
-
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
339
|
-
|
|
340
|
-
|
|
341
|
-
}
|
|
342
|
-
|
|
378
|
+
${({ $error, theme }) => {
|
|
379
|
+
var _a, _b, _c, _d, _e;
|
|
380
|
+
return !(0, checkIfValueIsEmpty_1.checkIfValueIsEmpty)($error) &&
|
|
381
|
+
(0, styled_components_1.css) `
|
|
382
|
+
> div {
|
|
383
|
+
border: 1px solid ${((_a = theme === null || theme === void 0 ? void 0 : theme.error) === null || _a === void 0 ? void 0 : _a.borderColor) || colors.orange}};
|
|
384
|
+
${((_b = theme === null || theme === void 0 ? void 0 : theme.error) === null || _b === void 0 ? void 0 : _b.backgroundColor) &&
|
|
385
|
+
(0, styled_components_1.css) `
|
|
386
|
+
background-color: ${(_c = theme === null || theme === void 0 ? void 0 : theme.error) === null || _c === void 0 ? void 0 : _c.backgroundColor};
|
|
387
|
+
`};
|
|
388
|
+
${((_d = theme === null || theme === void 0 ? void 0 : theme.error) === null || _d === void 0 ? void 0 : _d.color) &&
|
|
389
|
+
(0, styled_components_1.css) `
|
|
390
|
+
color: ${(_e = theme === null || theme === void 0 ? void 0 : theme.error) === null || _e === void 0 ? void 0 : _e.color};
|
|
391
|
+
`};
|
|
392
|
+
}
|
|
393
|
+
`;
|
|
394
|
+
}}
|
|
343
395
|
`;
|
|
344
396
|
exports.VideoPreview = styled_components_1.default.video `
|
|
345
397
|
background: ${colors.lightGrey};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.styles.js","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Field.styles.js","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WithUploadToIpfs.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/WithUploadToIpfs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMlD,eAAO,MAAM,aAAa,QAAmB,CAAC;AAC9C,eAAO,MAAM,iBAAiB,UAM7B,CAAC;AACF,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,CACV,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,KACjB,OAAO,CAAC,KAAK,GAAG,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC;IAC9C,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AACD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,qBAAqB,EAC9D,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,WAG/B,KAAK,CAAC,GAAG,WAAW,EAAE,MAAM,qBAAqB,CAAC,
|
|
1
|
+
{"version":3,"file":"WithUploadToIpfs.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/Upload/WithUploadToIpfs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAQpD,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAMlD,eAAO,MAAM,aAAa,QAAmB,CAAC;AAC9C,eAAO,MAAM,iBAAiB,UAM7B,CAAC;AACF,MAAM,WAAW,qBAAqB;IACpC,UAAU,EAAE,CACV,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI,KACjB,OAAO,CAAC,KAAK,GAAG,SAAS,EAAE,GAAG,SAAS,CAAC,CAAC;IAC9C,SAAS,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IACnC,UAAU,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC;AACD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,qBAAqB,EAC9D,gBAAgB,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,WAG/B,KAAK,CAAC,GAAG,WAAW,EAAE,MAAM,qBAAqB,CAAC,iBAwF5D"}
|
|
@@ -57,9 +57,8 @@ exports.SUPPORTED_FORMATS = [
|
|
|
57
57
|
function WithUploadToIpfs(WrappedComponent) {
|
|
58
58
|
const ComponentWithUploadToIpfs = (props) => {
|
|
59
59
|
const withUpload = (props === null || props === void 0 ? void 0 : props.withUpload) || false;
|
|
60
|
-
const accept = props.accept
|
|
61
|
-
|
|
62
|
-
: exports.SUPPORTED_FORMATS.join(",");
|
|
60
|
+
const accept = props.accept || exports.SUPPORTED_FORMATS.join(",");
|
|
61
|
+
const maxSize = Number(props.maxSize) || exports.MAX_FILE_SIZE;
|
|
63
62
|
const { saveFile, loadMedia, removeFile } = (0, useSaveImageToIpfs_1.useSaveImageToIpfs)();
|
|
64
63
|
const saveToIpfs = (0, react_1.useCallback)((filesArray) => __awaiter(this, void 0, void 0, function* () {
|
|
65
64
|
if (!filesArray) {
|
|
@@ -67,10 +66,8 @@ function WithUploadToIpfs(WrappedComponent) {
|
|
|
67
66
|
}
|
|
68
67
|
const filesErrors = [];
|
|
69
68
|
for (const file of filesArray) {
|
|
70
|
-
const sizeValidation =
|
|
71
|
-
const formatValidation =
|
|
72
|
-
? props.accept.split(",").map((acc) => acc.trim())
|
|
73
|
-
: exports.SUPPORTED_FORMATS;
|
|
69
|
+
const sizeValidation = maxSize;
|
|
70
|
+
const formatValidation = accept.split(",").map((acc) => acc.trim());
|
|
74
71
|
if ((file === null || file === void 0 ? void 0 : file.size) > sizeValidation) {
|
|
75
72
|
const err = `File ${file === null || file === void 0 ? void 0 : file.name} size cannot exceed more than ${(0, bytesToSize_1.bytesToSize)(sizeValidation)}!`;
|
|
76
73
|
filesErrors.push(err);
|
|
@@ -110,14 +107,14 @@ function WithUploadToIpfs(WrappedComponent) {
|
|
|
110
107
|
ipfsArray.push(fileProps);
|
|
111
108
|
}
|
|
112
109
|
return ipfsArray;
|
|
113
|
-
}), [
|
|
110
|
+
}), [accept, maxSize, saveFile]);
|
|
114
111
|
const newProps = (0, react_1.useMemo)(() => ({
|
|
115
|
-
maxSize
|
|
112
|
+
maxSize,
|
|
116
113
|
accept,
|
|
117
114
|
saveToIpfs,
|
|
118
115
|
loadMedia,
|
|
119
116
|
removeFile
|
|
120
|
-
}), [saveToIpfs, loadMedia, removeFile, accept]);
|
|
117
|
+
}), [saveToIpfs, loadMedia, removeFile, accept, maxSize]);
|
|
121
118
|
if (withUpload) {
|
|
122
119
|
return react_1.default.createElement(WrappedComponent, Object.assign({}, newProps, props));
|
|
123
120
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"WithUploadToIpfs.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/WithUploadToIpfs.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoD;AACpD,sEAAoC;AAEpC,uDAA8D;AAC9D,uDAA8D;AAC9D,0CAAuC;AACvC,gFAAwD;AACxD,oDAAiD;AAEjD,+EAA4E;AAC5E,gEAA6D;AAE7D,MAAM,MAAM,GAAG,aAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAErB,QAAA,aAAa,GAAG,EAAE,GAAG,IAAI,GAAG,IAAI,CAAC;AACjC,QAAA,iBAAiB,GAAG;IAC/B,WAAW;IACX,YAAY;IACZ,WAAW;IACX,WAAW;IACX,YAAY;CACb,CAAC;AAQF,SAAgB,gBAAgB,CAC9B,gBAAwC;IAExC,MAAM,yBAAyB,GAAG,CAChC,KAAyD,EACzD,EAAE;QACF,MAAM,UAAU,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,KAAK,CAAC;QAC9C,MAAM,MAAM,GAAW,KAAK,CAAC,MAAM
|
|
1
|
+
{"version":3,"file":"WithUploadToIpfs.js","sourceRoot":"","sources":["../../../../../src/components/form/Upload/WithUploadToIpfs.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
export {
|
|
1
|
+
export { Checkbox, CheckboxProps } from "./Checkbox";
|
|
2
|
+
export { BaseCheckbox, BaseCheckboxProps } from "./BaseCheckbox";
|
|
2
3
|
export { default as Datepicker } from "./Datepicker";
|
|
3
4
|
export { default as Error } from "./Error";
|
|
4
5
|
export { FormField, FormFieldProps } from "./FormField";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC;AACrD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,cAAc,aAAa,CAAC;AAC5B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAC1D,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,gBAAgB,CAAC;AAC/B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAC7E,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -17,9 +17,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
17
17
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
18
18
|
};
|
|
19
19
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
20
|
-
exports.Upload = exports.BaseUpload = exports.Select = exports.Phone = exports.Input = exports.FormField = exports.Error = exports.Datepicker = exports.Checkbox = void 0;
|
|
20
|
+
exports.Upload = exports.BaseUpload = exports.Select = exports.Phone = exports.Input = exports.FormField = exports.Error = exports.Datepicker = exports.BaseCheckbox = exports.Checkbox = void 0;
|
|
21
21
|
var Checkbox_1 = require("./Checkbox");
|
|
22
|
-
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return
|
|
22
|
+
Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return Checkbox_1.Checkbox; } });
|
|
23
|
+
var BaseCheckbox_1 = require("./BaseCheckbox");
|
|
24
|
+
Object.defineProperty(exports, "BaseCheckbox", { enumerable: true, get: function () { return BaseCheckbox_1.BaseCheckbox; } });
|
|
23
25
|
var Datepicker_1 = require("./Datepicker");
|
|
24
26
|
Object.defineProperty(exports, "Datepicker", { enumerable: true, get: function () { return __importDefault(Datepicker_1).default; } });
|
|
25
27
|
var Error_1 = require("./Error");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/form/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA,uCAAqD;AAA5C,oGAAA,QAAQ,OAAA;AACjB,+CAAiE;AAAxD,4GAAA,YAAY,OAAA;AACrB,2CAAqD;AAA5C,yHAAA,OAAO,OAAc;AAC9B,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,yCAAwD;AAA/C,sGAAA,SAAS,OAAA;AAClB,8CAA4B;AAC5B,iCAAuD;AAA9C,+GAAA,OAAO,OAAS;AACzB,iCAA2C;AAAlC,+GAAA,OAAO,OAAS;AACzB,mCAA0D;AAAjD,iHAAA,OAAO,OAAU;AAC1B,kDAAgC;AAChC,kDAAgC;AAChC,iDAA+B;AAC/B,kDAA6E;AAApE,yHAAA,OAAO,OAAc;AAC9B,0CAAsD;AAA7C,gGAAA,MAAM,OAAA"}
|
|
@@ -2,7 +2,7 @@ import { ReactNode } from "react";
|
|
|
2
2
|
import { CSSObjectWithLabel, SingleValue } from "react-select";
|
|
3
3
|
import { CSSProperties } from "styled-components";
|
|
4
4
|
import { ImageEditorModalProps } from "./Upload/ImageEditorModal/ImageEditorModal";
|
|
5
|
-
import type { FileUploadWrapperTheme, TextAreaTheme } from "./Field.styles";
|
|
5
|
+
import type { CheckboxTheme, FileUploadWrapperTheme, TextAreaTheme } from "./Field.styles";
|
|
6
6
|
import type { GridProps } from "../ui/Grid";
|
|
7
7
|
export interface BaseProps {
|
|
8
8
|
name: string;
|
|
@@ -18,6 +18,7 @@ export interface DatepickerProps extends BaseProps {
|
|
|
18
18
|
}
|
|
19
19
|
export interface CheckboxProps extends BaseProps {
|
|
20
20
|
text?: string;
|
|
21
|
+
theme?: CheckboxTheme;
|
|
21
22
|
}
|
|
22
23
|
export type TextareaProps = BaseProps & React.TextareaHTMLAttributes<HTMLTextAreaElement> & {
|
|
23
24
|
theme?: TextAreaTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,kBAAkB,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACnF,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/form/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { ImageOptimizationOpts } from "../../lib/images/images";
|
|
3
3
|
type LoadingStatus = "loading" | "success" | "error";
|
|
4
|
-
|
|
4
|
+
export type IpfsImageProps = React.HTMLAttributes<HTMLDivElement> & {
|
|
5
5
|
src: string;
|
|
6
6
|
children?: React.ReactNode;
|
|
7
7
|
dataTestId?: string;
|
|
@@ -13,7 +13,8 @@ interface IImage {
|
|
|
13
13
|
overrides?: {
|
|
14
14
|
ipfsGateway?: string;
|
|
15
15
|
};
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
className?: string;
|
|
17
|
+
};
|
|
18
|
+
export declare const IpfsImage: React.FC<IpfsImageProps>;
|
|
18
19
|
export {};
|
|
19
20
|
//# sourceMappingURL=IpfsImage.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AA0DrD,
|
|
1
|
+
{"version":3,"file":"IpfsImage.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/IpfsImage.tsx"],"names":[],"mappings":"AACA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAInD,OAAO,EAGL,qBAAqB,EACtB,MAAM,yBAAyB,CAAC;AAQjC,KAAK,aAAa,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AA0DrD,MAAM,MAAM,cAAc,GAAG,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG;IAClE,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,mBAAmB,CAAC,EAAE,OAAO,CAAC;IAC9B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,gBAAgB,CAAC,EAAE,OAAO,CAAC,qBAAqB,CAAC,CAAC;IAClD,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,KAAK,IAAI,CAAC;IAC9C,SAAS,CAAC,EAAE;QACV,WAAW,CAAC,EAAE,MAAM,CAAC;KACtB,CAAC;IACF,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AACF,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAoG9C,CAAC"}
|
|
@@ -126,7 +126,7 @@ const IpfsImage = (_a) => {
|
|
|
126
126
|
const isLoading = status === "loading";
|
|
127
127
|
const isSuccess = status === "success";
|
|
128
128
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
129
|
-
react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { "$hide": !isLoading, className: "loading-container" }),
|
|
129
|
+
react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { "$hide": !isLoading, className: "loading-container " + rest.className }),
|
|
130
130
|
react_1.default.createElement(ImagePlaceholder, null,
|
|
131
131
|
react_1.default.createElement(Typography_1.Typography, { tag: "div" },
|
|
132
132
|
react_1.default.createElement(Loading_1.Loading, null)))),
|
|
@@ -134,7 +134,7 @@ const IpfsImage = (_a) => {
|
|
|
134
134
|
react_1.default.createElement(ImagePlaceholder, { "data-image-placeholder": true },
|
|
135
135
|
showPlaceholderText ? (react_1.default.createElement(phosphor_react_1.Image, { size: 50, color: colors.white })) : (react_1.default.createElement(phosphor_react_1.CameraSlash, { size: 20, color: colors.white })),
|
|
136
136
|
showPlaceholderText && (react_1.default.createElement(Typography_1.Typography, { tag: "span" }, "IMAGE NOT AVAILABLE")))),
|
|
137
|
-
react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { "$hide": !isSuccess, className: "image-container" }),
|
|
137
|
+
react_1.default.createElement(ImageWrapper, Object.assign({}, rest, { "$hide": !isSuccess, className: "image-container " + rest.className }),
|
|
138
138
|
children || "",
|
|
139
139
|
react_1.default.createElement(ImageContainer, { "data-testid": dataTestId, src: currentSrc, alt: alt, onLoad: () => handleSetStatus("success"), onError: () => {
|
|
140
140
|
if (didOriginalSrcFail) {
|