@bloom-housing/ui-components 12.0.2 → 12.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.
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/index.js.map +1 -1
- package/dist/src/blocks/InfoCard.js +1 -1
- package/dist/src/blocks/InfoCard.js.map +1 -1
- package/dist/src/forms/Dropzone.stories.d.ts +1 -0
- package/dist/src/forms/Dropzone.stories.js +8 -23
- package/dist/src/forms/Dropzone.stories.js.map +1 -1
- package/dist/src/page_components/listing/AdditionalFees.js +2 -2
- package/dist/src/page_components/listing/AdditionalFees.js.map +1 -1
- package/dist/src/tables/GroupedTable.js +5 -2
- package/dist/src/tables/GroupedTable.js.map +1 -1
- package/dist/src/tables/StandardTable.d.ts +1 -0
- package/dist/src/tables/StandardTable.js +1 -1
- package/dist/src/tables/StandardTable.js.map +1 -1
- package/index.ts +0 -1
- package/package.json +1 -1
- package/src/blocks/FormCard.scss +2 -1
- package/src/blocks/ImageCard.scss +2 -1
- package/src/blocks/InfoCard.scss +5 -0
- package/src/blocks/InfoCard.tsx +1 -1
- package/src/forms/Dropzone.stories.tsx +19 -32
- package/src/global/blocks.scss +1 -1
- package/src/global/forms.scss +2 -1
- package/src/global/mixins.scss +1 -1
- package/src/headers/PageHeader.scss +5 -0
- package/src/page_components/listing/AdditionalFees.tsx +27 -20
- package/src/tables/GroupedTable.tsx +7 -2
- package/src/tables/StandardTable.tsx +2 -1
- package/dist/src/forms/CloudinaryUpload.d.ts +0 -12
- package/dist/src/forms/CloudinaryUpload.js +0 -75
- package/dist/src/forms/CloudinaryUpload.js.map +0 -1
- package/src/forms/CloudinaryUpload.ts +0 -50
package/dist/index.d.ts
CHANGED
|
@@ -24,7 +24,6 @@ export * from "./src/footers/ExygyFooter";
|
|
|
24
24
|
export * from "./src/footers/SiteFooter";
|
|
25
25
|
export * from "./src/forms/DateField";
|
|
26
26
|
export * from "./src/forms/DOBField";
|
|
27
|
-
export * from "./src/forms/CloudinaryUpload";
|
|
28
27
|
export * from "./src/forms/Dropzone";
|
|
29
28
|
export * from "./src/forms/Field";
|
|
30
29
|
export * from "./src/forms/PhoneField";
|
package/dist/index.js
CHANGED
|
@@ -29,7 +29,6 @@ export * from "./src/footers/SiteFooter";
|
|
|
29
29
|
/* Forms */
|
|
30
30
|
export * from "./src/forms/DateField";
|
|
31
31
|
export * from "./src/forms/DOBField";
|
|
32
|
-
export * from "./src/forms/CloudinaryUpload";
|
|
33
32
|
export * from "./src/forms/Dropzone";
|
|
34
33
|
export * from "./src/forms/Field";
|
|
35
34
|
export * from "./src/forms/PhoneField";
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,aAAa;AACb,cAAc,sBAAsB,CAAA;AACpC,cAAc,2BAA2B,CAAA;AACzC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,0BAA0B,CAAA;AACxC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,iCAAiC,CAAA;AAC/C,cAAc,qBAAqB,CAAA;AAEnC,YAAY;AACZ,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,yBAAyB,CAAA;AACvC,cAAc,uBAAuB,CAAA;AACrC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,wBAAwB,CAAA;AACtC,cAAc,uBAAuB,CAAA;AACrC,cAAc,2BAA2B,CAAA;AACzC,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AAEpC,cAAc;AACd,cAAc,cAAc,CAAA;AAE5B,aAAa;AACb,cAAc,2BAA2B,CAAA;AACzC,cAAc,0BAA0B,CAAA;AAExC,WAAW;AACX,cAAc,uBAAuB,CAAA;AACrC,cAAc,sBAAsB,CAAA;AACpC,cAAc,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"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"}
|
|
@@ -11,7 +11,7 @@ var InfoCard = function (props) {
|
|
|
11
11
|
props.externalHref ? (React.createElement("h3", { className: "info-card__title" },
|
|
12
12
|
React.createElement("a", { href: props.externalHref, target: "_blank" }, props.title))) : (React.createElement("h3", { className: "info-card__title" }, props.title)),
|
|
13
13
|
props.subtitle && React.createElement("span", { className: "text-sm text-gray-700" }, props.subtitle)),
|
|
14
|
-
typeof props.children == "string" ? (React.createElement("div", { className: "markdown" },
|
|
14
|
+
typeof props.children == "string" ? (React.createElement("div", { className: "markdown info-card__content" },
|
|
15
15
|
React.createElement(Markdown, { options: { disableParsingRawHTML: true }, children: props.children }))) : (props.children)));
|
|
16
16
|
};
|
|
17
17
|
export { InfoCard as default, InfoCard };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InfoCard.js","sourceRoot":"","sources":["../../../src/blocks/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAUtC,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACpC,IAAM,cAAc,GAAG,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;KACrC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACtC,6BAAK,SAAS,EAAE,mBAAmB;YAChC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,4BAAI,SAAS,EAAC,kBAAkB;gBAC9B,2BAAG,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAC,QAAQ,IACzC,KAAK,CAAC,KAAK,CACV,CACD,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,KAAK,CAAM,CACpD;YACA,KAAK,CAAC,QAAQ,IAAI,8BAAM,SAAS,EAAE,uBAAuB,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAChF;QACL,OAAO,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CACnC,6BAAK,SAAS,EAAC,
|
|
1
|
+
{"version":3,"file":"InfoCard.js","sourceRoot":"","sources":["../../../src/blocks/InfoCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAUtC,IAAM,QAAQ,GAAG,UAAC,KAAoB;IACpC,IAAM,cAAc,GAAG,CAAC,WAAW,CAAC,CAAA;IACpC,IAAI,KAAK,CAAC,SAAS,EAAE;QACnB,cAAc,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAA;KACrC;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC;QACtC,6BAAK,SAAS,EAAE,mBAAmB;YAChC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,4BAAI,SAAS,EAAC,kBAAkB;gBAC9B,2BAAG,IAAI,EAAE,KAAK,CAAC,YAAY,EAAE,MAAM,EAAC,QAAQ,IACzC,KAAK,CAAC,KAAK,CACV,CACD,CACN,CAAC,CAAC,CAAC,CACF,4BAAI,SAAS,EAAC,kBAAkB,IAAE,KAAK,CAAC,KAAK,CAAM,CACpD;YACA,KAAK,CAAC,QAAQ,IAAI,8BAAM,SAAS,EAAE,uBAAuB,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAChF;QACL,OAAO,KAAK,CAAC,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CACnC,6BAAK,SAAS,EAAC,6BAA6B;YAC1C,oBAAC,QAAQ,IAAC,OAAO,EAAE,EAAE,qBAAqB,EAAE,IAAI,EAAE,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAAI,CAC5E,CACP,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,QAAQ,CACf,CACG,CACP,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,QAAQ,IAAI,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -1,33 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { withKnobs
|
|
3
|
-
import { CloudinaryUpload } from "./CloudinaryUpload";
|
|
2
|
+
import { withKnobs } from "@storybook/addon-knobs";
|
|
4
3
|
import { Dropzone } from "./Dropzone";
|
|
5
4
|
export default {
|
|
6
5
|
title: "Forms/Dropzone",
|
|
7
6
|
decorators: [function (storyFn) { return React.createElement("div", { style: { padding: "1rem" } }, storyFn()); }, withKnobs],
|
|
8
7
|
};
|
|
9
8
|
export var defaultDropzone = function () {
|
|
10
|
-
var _a = React.useState(0), progressValue = _a[0], setProgressValue = _a[1];
|
|
11
|
-
var _b = React.useState(""), cloudinaryImage = _b[0], setCloudinaryImage = _b[1];
|
|
12
|
-
var cloudName = text("Cloudinary Cloud", "");
|
|
13
|
-
var uploadPreset = text("Upload Preset", "");
|
|
14
|
-
var exampleUploader = function (file) {
|
|
15
|
-
CloudinaryUpload({
|
|
16
|
-
file: file,
|
|
17
|
-
onUploadProgress: function (progress) {
|
|
18
|
-
setProgressValue(progress);
|
|
19
|
-
},
|
|
20
|
-
cloudName: cloudName,
|
|
21
|
-
uploadPreset: uploadPreset,
|
|
22
|
-
}).then(function (response) {
|
|
23
|
-
setProgressValue(100);
|
|
24
|
-
var imgUrl = "https://res.cloudinary.com/".concat(cloudName, "/image/upload/w_400,c_limit,q_65/").concat(response.data.public_id, ".jpg");
|
|
25
|
-
setCloudinaryImage(imgUrl);
|
|
26
|
-
});
|
|
27
|
-
};
|
|
28
9
|
return (React.createElement(React.Fragment, null,
|
|
29
|
-
React.createElement(Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader:
|
|
30
|
-
|
|
31
|
-
|
|
10
|
+
React.createElement(Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader: function () {
|
|
11
|
+
alert("Uploader function called");
|
|
12
|
+
}, accept: "image/*", progress: 0 })));
|
|
13
|
+
};
|
|
14
|
+
export var inProgress = function () {
|
|
15
|
+
return (React.createElement(React.Fragment, null,
|
|
16
|
+
React.createElement(Dropzone, { id: "test-uploading", label: "Upload File", helptext: "Select JPEG or PNG files", uploader: function () { }, accept: "image/*", progress: 50 })));
|
|
32
17
|
};
|
|
33
18
|
//# sourceMappingURL=Dropzone.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dropzone.stories.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,
|
|
1
|
+
{"version":3,"file":"Dropzone.stories.js","sourceRoot":"","sources":["../../../src/forms/Dropzone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,UAAU,EAAE,CAAC,UAAC,OAAY,IAAK,OAAA,6BAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,IAAG,OAAO,EAAE,CAAO,EAAlD,CAAkD,EAAE,SAAS,CAAC;CAC9F,CAAA;AAED,MAAM,CAAC,IAAM,eAAe,GAAG;IAC7B,OAAO,CACL;QACE,oBAAC,QAAQ,IACP,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,0BAA0B,EACnC,QAAQ,EAAE;gBACR,KAAK,CAAC,0BAA0B,CAAC,CAAA;YACnC,CAAC,EACD,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,CAAC,GACX,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,UAAU,GAAG;IACxB,OAAO,CACL;QACE,oBAAC,QAAQ,IACP,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,aAAa,EACnB,QAAQ,EAAC,0BAA0B,EACnC,QAAQ,EAAE,cAAO,CAAC,EAClB,MAAM,EAAC,SAAS,EAChB,QAAQ,EAAE,EAAE,GACZ,CACD,CACJ,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -8,7 +8,7 @@ var AdditionalFees = function (_a) {
|
|
|
8
8
|
if (!deposit && !applicationFee && !hasFooter)
|
|
9
9
|
return React.createElement(React.Fragment, null);
|
|
10
10
|
return (React.createElement(InfoCard, { title: strings.sectionHeader, className: "bg-gray-100 border-0" },
|
|
11
|
-
React.createElement(GridSection, { columns: 2, className: "".concat(hasFooter
|
|
11
|
+
(applicationFee || deposit) && (React.createElement(GridSection, { columns: 2, className: "".concat(hasFooter ? "mb-5" : "") },
|
|
12
12
|
applicationFee && (React.createElement(GridCell, null,
|
|
13
13
|
React.createElement("div", { className: "text-base" }, strings.applicationFee),
|
|
14
14
|
React.createElement("div", { className: "text-xl font-bold" }, applicationFee), (_b = strings.applicationFeeSubtext) === null || _b === void 0 ? void 0 :
|
|
@@ -16,7 +16,7 @@ var AdditionalFees = function (_a) {
|
|
|
16
16
|
deposit && (React.createElement(GridCell, null,
|
|
17
17
|
React.createElement("div", { className: "text-base" }, strings.deposit),
|
|
18
18
|
React.createElement("div", { className: "text-xl font-bold" }, deposit), (_c = strings.depositSubtext) === null || _c === void 0 ? void 0 :
|
|
19
|
-
_c.map(function (depositSubtext, index) { return (React.createElement("div", { className: "text-sm", key: index }, depositSubtext)); })))),
|
|
19
|
+
_c.map(function (depositSubtext, index) { return (React.createElement("div", { className: "text-sm", key: index }, depositSubtext)); }))))),
|
|
20
20
|
hasFooter && (React.createElement("div", { className: "info-card__columns text-xs" }, footerContent === null || footerContent === void 0 ? void 0 : footerContent.map(function (elem, idx) { return (React.createElement("div", { key: "footer_info_".concat(idx), className: "info-card__column-2" }, elem)); })))));
|
|
21
21
|
};
|
|
22
22
|
export { AdditionalFees as default, AdditionalFees };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AdditionalFees.js","sourceRoot":"","sources":["../../../../src/page_components/listing/AdditionalFees.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAkBhD,IAAM,cAAc,GAAG,UAAC,EAKF;;QAJpB,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,CAAA;IAC5D,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAA;IAC3D,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,EAAC,sBAAsB;
|
|
1
|
+
{"version":3,"file":"AdditionalFees.js","sourceRoot":"","sources":["../../../../src/page_components/listing/AdditionalFees.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAA;AAkBhD,IAAM,cAAc,GAAG,UAAC,EAKF;;QAJpB,OAAO,aAAA,EACP,cAAc,oBAAA,EACd,aAAa,mBAAA,EACb,OAAO,aAAA;IAEP,IAAM,SAAS,GAAG,aAAa,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,MAAM,IAAG,CAAC,CAAA;IAC5D,IAAI,CAAC,OAAO,IAAI,CAAC,cAAc,IAAI,CAAC,SAAS;QAAE,OAAO,yCAAK,CAAA;IAC3D,OAAO,CACL,oBAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,CAAC,aAAa,EAAE,SAAS,EAAC,sBAAsB;QACrE,CAAC,cAAc,IAAI,OAAO,CAAC,IAAI,CAC9B,oBAAC,WAAW,IAAC,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,UAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAE;YAC7D,cAAc,IAAI,CACjB,oBAAC,QAAQ;gBACP,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,cAAc,CAAO;gBACzD,6BAAK,SAAS,EAAC,mBAAmB,IAAE,cAAc,CAAO,EACxD,MAAA,OAAO,CAAC,qBAAqB;mBAAE,GAAG,CAAC,UAAC,aAAa,EAAE,KAAK,IAAK,OAAA,CAC5D,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAC,SAAS,IACjC,aAAa,CACV,CACP,EAJ6D,CAI7D,CAAC,CACO,CACZ;YACA,OAAO,IAAI,CACV,oBAAC,QAAQ;gBACP,6BAAK,SAAS,EAAC,WAAW,IAAE,OAAO,CAAC,OAAO,CAAO;gBAClD,6BAAK,SAAS,EAAC,mBAAmB,IAAE,OAAO,CAAO,EACjD,MAAA,OAAO,CAAC,cAAc;mBAAE,GAAG,CAAC,UAAC,cAAc,EAAE,KAAK,IAAK,OAAA,CACtD,6BAAK,SAAS,EAAC,SAAS,EAAC,GAAG,EAAE,KAAK,IAChC,cAAc,CACX,CACP,EAJuD,CAIvD,CAAC,CACO,CACZ,CACW,CACf;QAEA,SAAS,IAAI,CACZ,6BAAK,SAAS,EAAC,4BAA4B,IACxC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CACjC,6BAAK,GAAG,EAAE,sBAAe,GAAG,CAAE,EAAE,SAAS,EAAC,qBAAqB,IAC5D,IAAI,CACD,CACP,EAJkC,CAIlC,CAAC,CACE,CACP,CACQ,CACZ,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,cAAc,IAAI,OAAO,EAAE,cAAc,EAAE,CAAA"}
|
|
@@ -5,7 +5,10 @@ export var GroupedTable = function (props) {
|
|
|
5
5
|
var headers = props.headers, data = props.data, cellClassName = props.cellClassName;
|
|
6
6
|
var headerLabels = Object.values(headers).map(function (col, index) {
|
|
7
7
|
var uniqKey = process.env.NODE_ENV === "test" ? "header-".concat(index) : nanoid();
|
|
8
|
-
return React.createElement("th", { key: uniqKey },
|
|
8
|
+
return (React.createElement("th", { key: uniqKey },
|
|
9
|
+
typeof col === "string" ? col : col.name,
|
|
10
|
+
" ",
|
|
11
|
+
col instanceof Object && col.icon ? col.icon : null));
|
|
9
12
|
});
|
|
10
13
|
var body = [];
|
|
11
14
|
data.forEach(function (group, dataIndex) {
|
|
@@ -30,7 +33,7 @@ export var GroupedTable = function (props) {
|
|
|
30
33
|
var cell = (_a = row[colKey]) === null || _a === void 0 ? void 0 : _a.content;
|
|
31
34
|
return (React.createElement(Cell, { key: uniqKey, headerLabel: header, className: cellClassName }, cell));
|
|
32
35
|
});
|
|
33
|
-
body.push(React.createElement("tr", { id: rowKey, key: rowKey, className: "group-".concat(groupClassName) }, cols));
|
|
36
|
+
body.push(React.createElement("tr", { id: rowKey, key: rowKey, className: "group-".concat(groupClassName || "") }, cols));
|
|
34
37
|
});
|
|
35
38
|
});
|
|
36
39
|
var tableClasses = ["w-full", "text-xs"];
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupedTable.js","sourceRoot":"","sources":["../../../src/tables/GroupedTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,IAAI,EAAyC,MAAM,iBAAiB,CAAA;AAY7E,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,KAAwB;IAC3C,IAAA,OAAO,GAA0B,KAAK,QAA/B,EAAE,IAAI,GAAoB,KAAK,KAAzB,EAAE,aAAa,GAAK,KAAK,cAAV,CAAU;IAE9C,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,UAAC,GAAG,EAAE,KAAK;QACzD,IAAM,OAAO,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,iBAAU,KAAK,CAAE,CAAC,CAAC,CAAC,MAAM,EAAE,CAAA;QAC9E,OAAO,4BAAI,GAAG,EAAE,OAAO,
|
|
1
|
+
{"version":3,"file":"GroupedTable.js","sourceRoot":"","sources":["../../../src/tables/GroupedTable.tsx"],"names":[],"mappings":"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"}
|
|
@@ -78,7 +78,7 @@ export var StandardTable = function (props) {
|
|
|
78
78
|
: cell));
|
|
79
79
|
});
|
|
80
80
|
if (props.draggable) {
|
|
81
|
-
cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-order-draggable"), headerLabel: (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.sortString) !== null && _c !== void 0 ? _c : t("t.sort"), className: "pl-5 ".concat(cellClassName
|
|
81
|
+
cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-order-draggable"), headerLabel: (_c = (_b = props.strings) === null || _b === void 0 ? void 0 : _b.sortString) !== null && _c !== void 0 ? _c : t("t.sort"), className: "pl-5 ".concat(cellClassName || "") }, dataIndex + 1));
|
|
82
82
|
cols.splice(0, 0, React.createElement(Cell, { key: "".concat(dataIndex, "-sort-draggable"), headerLabel: (_e = (_d = props.strings) === null || _d === void 0 ? void 0 : _d.sortString) !== null && _e !== void 0 ? _e : t("t.sort"), className: "table__draggable-cell pl-7" },
|
|
83
83
|
React.createElement(Icon, { symbol: faGripLines, size: "medium", fill: IconFillColors.primary, "aria-label": "Drag" })));
|
|
84
84
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StandardTable.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAE,eAAe,EAAE,SAAS,EAAE,SAAS,EAAc,MAAM,qBAAqB,CAAA;AACvF,OAAO,EAAE,MAAM,EAAE,MAAM,QAAQ,CAAA;AAC/B,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,EAAE,2BAA2B,EAAE,MAAM,wCAAwC,CAAA;AACpF,OAAO,EAAE,IAAI,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACpD,OAAO,EAAE,CAAC,EAAE,MAAM,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"StandardTable.js","sourceRoot":"","sources":["../../../src/tables/StandardTable.tsx"],"names":[],"mappings":"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"}
|
package/index.ts
CHANGED
|
@@ -33,7 +33,6 @@ export * from "./src/footers/SiteFooter"
|
|
|
33
33
|
/* Forms */
|
|
34
34
|
export * from "./src/forms/DateField"
|
|
35
35
|
export * from "./src/forms/DOBField"
|
|
36
|
-
export * from "./src/forms/CloudinaryUpload"
|
|
37
36
|
export * from "./src/forms/Dropzone"
|
|
38
37
|
export * from "./src/forms/Field"
|
|
39
38
|
export * from "./src/forms/PhoneField"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bloom-housing/ui-components",
|
|
3
|
-
"version": "12.0.
|
|
3
|
+
"version": "12.0.4",
|
|
4
4
|
"author": "Sean Albert <sean.albert@exygy.com>",
|
|
5
5
|
"description": "Shared user interface components for Bloom affordable housing system",
|
|
6
6
|
"homepage": "https://github.com/bloom-housing/ui-components",
|
package/src/blocks/FormCard.scss
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
@import "../global/mixins.scss";
|
|
2
2
|
|
|
3
3
|
.form-card {
|
|
4
|
+
--title-font-size: var(--bloom-font-size-2xl);
|
|
4
5
|
@apply bg-white;
|
|
5
6
|
|
|
6
7
|
@screen md {
|
|
@@ -34,7 +35,7 @@
|
|
|
34
35
|
@apply border-t-4;
|
|
35
36
|
@apply border-primary;
|
|
36
37
|
@apply leading-tight;
|
|
37
|
-
|
|
38
|
+
font-size: var(--title-font-size);
|
|
38
39
|
|
|
39
40
|
@screen md {
|
|
40
41
|
@apply mx-auto;
|
|
@@ -10,6 +10,7 @@
|
|
|
10
10
|
--tags-justify-desktop: flex-start;
|
|
11
11
|
--grid-gap-mobile: var(--bloom-s2);
|
|
12
12
|
--grid-gap-desktop: var(--bloom-s4);
|
|
13
|
+
--leader-width: var(--bloom-width-2-3rd);
|
|
13
14
|
|
|
14
15
|
position: relative;
|
|
15
16
|
}
|
|
@@ -151,7 +152,7 @@
|
|
|
151
152
|
width: 100%;
|
|
152
153
|
|
|
153
154
|
@media (min-width: $screen-md) {
|
|
154
|
-
width: var(--
|
|
155
|
+
width: var(--leader-width);
|
|
155
156
|
padding-block-start: var(--bloom-s8);
|
|
156
157
|
padding-inline-end: var(--bloom-s8);
|
|
157
158
|
}
|
package/src/blocks/InfoCard.scss
CHANGED
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
--title-text-transform-lighter: none;
|
|
13
13
|
--title-letter-spacing: 0.025em;
|
|
14
14
|
--title-letter-spacing-lighter: 0;
|
|
15
|
+
--content-font-size: inherit;
|
|
15
16
|
|
|
16
17
|
padding: var(--padding);
|
|
17
18
|
border-color: var(--border-color);
|
|
@@ -64,3 +65,7 @@
|
|
|
64
65
|
flex: 1 1 45%;
|
|
65
66
|
}
|
|
66
67
|
}
|
|
68
|
+
|
|
69
|
+
.info-card__content {
|
|
70
|
+
font-size: var(--content-font-size);
|
|
71
|
+
}
|
package/src/blocks/InfoCard.tsx
CHANGED
|
@@ -31,7 +31,7 @@ const InfoCard = (props: InfoCardProps) => {
|
|
|
31
31
|
{props.subtitle && <span className={"text-sm text-gray-700"}>{props.subtitle}</span>}
|
|
32
32
|
</div>
|
|
33
33
|
{typeof props.children == "string" ? (
|
|
34
|
-
<div className="markdown">
|
|
34
|
+
<div className="markdown info-card__content">
|
|
35
35
|
<Markdown options={{ disableParsingRawHTML: true }} children={props.children} />
|
|
36
36
|
</div>
|
|
37
37
|
) : (
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import * as React from "react"
|
|
2
|
-
import { withKnobs
|
|
3
|
-
import { CloudinaryUpload } from "./CloudinaryUpload"
|
|
2
|
+
import { withKnobs } from "@storybook/addon-knobs"
|
|
4
3
|
import { Dropzone } from "./Dropzone"
|
|
5
4
|
|
|
6
5
|
export default {
|
|
@@ -9,44 +8,32 @@ export default {
|
|
|
9
8
|
}
|
|
10
9
|
|
|
11
10
|
export const defaultDropzone = () => {
|
|
12
|
-
const [progressValue, setProgressValue] = React.useState(0)
|
|
13
|
-
const [cloudinaryImage, setCloudinaryImage] = React.useState("")
|
|
14
|
-
const cloudName = text("Cloudinary Cloud", "")
|
|
15
|
-
const uploadPreset = text("Upload Preset", "")
|
|
16
|
-
|
|
17
|
-
const exampleUploader = (file: File) => {
|
|
18
|
-
CloudinaryUpload({
|
|
19
|
-
file: file,
|
|
20
|
-
onUploadProgress: (progress) => {
|
|
21
|
-
setProgressValue(progress)
|
|
22
|
-
},
|
|
23
|
-
cloudName,
|
|
24
|
-
uploadPreset,
|
|
25
|
-
}).then((response) => {
|
|
26
|
-
setProgressValue(100)
|
|
27
|
-
const imgUrl = `https://res.cloudinary.com/${cloudName}/image/upload/w_400,c_limit,q_65/${response.data.public_id}.jpg`
|
|
28
|
-
setCloudinaryImage(imgUrl)
|
|
29
|
-
})
|
|
30
|
-
}
|
|
31
|
-
|
|
32
11
|
return (
|
|
33
12
|
<>
|
|
34
13
|
<Dropzone
|
|
35
14
|
id="test-uploading"
|
|
36
15
|
label="Upload File"
|
|
37
16
|
helptext="Select JPEG or PNG files"
|
|
38
|
-
uploader={
|
|
17
|
+
uploader={() => {
|
|
18
|
+
alert("Uploader function called")
|
|
19
|
+
}}
|
|
39
20
|
accept="image/*"
|
|
40
|
-
progress={
|
|
21
|
+
progress={0}
|
|
41
22
|
/>
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
23
|
+
</>
|
|
24
|
+
)
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
export const inProgress = () => {
|
|
28
|
+
return (
|
|
29
|
+
<>
|
|
30
|
+
<Dropzone
|
|
31
|
+
id="test-uploading"
|
|
32
|
+
label="Upload File"
|
|
33
|
+
helptext="Select JPEG or PNG files"
|
|
34
|
+
uploader={() => {}}
|
|
35
|
+
accept="image/*"
|
|
36
|
+
progress={50}
|
|
50
37
|
/>
|
|
51
38
|
</>
|
|
52
39
|
)
|
package/src/global/blocks.scss
CHANGED
package/src/global/forms.scss
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
--bordered-vertical-padding: var(--bloom-s4);
|
|
5
5
|
--bordered-leftward-padding: 2.875rem;
|
|
6
6
|
--bordered-checked-bg-color: var(--bloom-color-gray-100);
|
|
7
|
+
--input-prepend-font-size: var(--bloom-font-size-xl);
|
|
7
8
|
|
|
8
9
|
margin-bottom: 1.25rem;
|
|
9
10
|
|
|
@@ -93,8 +94,8 @@
|
|
|
93
94
|
@apply px-3;
|
|
94
95
|
@apply py-2;
|
|
95
96
|
@apply items-center;
|
|
96
|
-
@apply text-xl;
|
|
97
97
|
background: transparent;
|
|
98
|
+
font-size: var(--input-prepend-font-size);
|
|
98
99
|
}
|
|
99
100
|
|
|
100
101
|
.prepend + input[aria-invalid="false"] {
|
package/src/global/mixins.scss
CHANGED
|
@@ -9,6 +9,7 @@
|
|
|
9
9
|
--inverse-text-color: var(--bloom-color-white);
|
|
10
10
|
--title-font-size-desktop: var(--bloom-font-size-4xl);
|
|
11
11
|
--title-font-size-mobile: var(--bloom-font-size-2xl);
|
|
12
|
+
--title-font-weight: inherit;
|
|
12
13
|
--padding-desktop: var(--bloom-s10) 0;
|
|
13
14
|
--padding-mobile: var(--bloom-s8) 0;
|
|
14
15
|
|
|
@@ -53,6 +54,7 @@
|
|
|
53
54
|
text-align: center;
|
|
54
55
|
font-family: var(--text-font-family);
|
|
55
56
|
word-break: break-word;
|
|
57
|
+
font-weight: var(--title-font-weight);
|
|
56
58
|
|
|
57
59
|
@media (min-width: $screen-md) {
|
|
58
60
|
font-size: var(--title-font-size-desktop);
|
|
@@ -64,4 +66,7 @@
|
|
|
64
66
|
text-align: center;
|
|
65
67
|
font-family: var(--text-font-family);
|
|
66
68
|
max-width: var(--bloom-width-5xl);
|
|
69
|
+
@media (min-width: $screen-md) {
|
|
70
|
+
text-align: left;
|
|
71
|
+
}
|
|
67
72
|
}
|
|
@@ -28,26 +28,33 @@ const AdditionalFees = ({
|
|
|
28
28
|
if (!deposit && !applicationFee && !hasFooter) return <></>
|
|
29
29
|
return (
|
|
30
30
|
<InfoCard title={strings.sectionHeader} className="bg-gray-100 border-0">
|
|
31
|
-
|
|
32
|
-
{
|
|
33
|
-
|
|
34
|
-
<
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
<div className="text-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
31
|
+
{(applicationFee || deposit) && (
|
|
32
|
+
<GridSection columns={2} className={`${hasFooter ? "mb-5" : ""}`}>
|
|
33
|
+
{applicationFee && (
|
|
34
|
+
<GridCell>
|
|
35
|
+
<div className="text-base">{strings.applicationFee}</div>
|
|
36
|
+
<div className="text-xl font-bold">{applicationFee}</div>
|
|
37
|
+
{strings.applicationFeeSubtext?.map((appFeeSubtext, index) => (
|
|
38
|
+
<div key={index} className="text-sm">
|
|
39
|
+
{appFeeSubtext}
|
|
40
|
+
</div>
|
|
41
|
+
))}
|
|
42
|
+
</GridCell>
|
|
43
|
+
)}
|
|
44
|
+
{deposit && (
|
|
45
|
+
<GridCell>
|
|
46
|
+
<div className="text-base">{strings.deposit}</div>
|
|
47
|
+
<div className="text-xl font-bold">{deposit}</div>
|
|
48
|
+
{strings.depositSubtext?.map((depositSubtext, index) => (
|
|
49
|
+
<div className="text-sm" key={index}>
|
|
50
|
+
{depositSubtext}
|
|
51
|
+
</div>
|
|
52
|
+
))}
|
|
53
|
+
</GridCell>
|
|
54
|
+
)}
|
|
55
|
+
</GridSection>
|
|
56
|
+
)}
|
|
57
|
+
|
|
51
58
|
{hasFooter && (
|
|
52
59
|
<div className="info-card__columns text-xs">
|
|
53
60
|
{footerContent?.map((elem, idx) => (
|
|
@@ -17,7 +17,12 @@ export const GroupedTable = (props: GroupedTableProps) => {
|
|
|
17
17
|
|
|
18
18
|
const headerLabels = Object.values(headers).map((col, index) => {
|
|
19
19
|
const uniqKey = process.env.NODE_ENV === "test" ? `header-${index}` : nanoid()
|
|
20
|
-
return
|
|
20
|
+
return (
|
|
21
|
+
<th key={uniqKey}>
|
|
22
|
+
{typeof col === "string" ? col : col.name}{" "}
|
|
23
|
+
{col instanceof Object && col.icon ? col.icon : null}
|
|
24
|
+
</th>
|
|
25
|
+
)
|
|
21
26
|
})
|
|
22
27
|
|
|
23
28
|
const body: React.ReactNode[] = []
|
|
@@ -61,7 +66,7 @@ export const GroupedTable = (props: GroupedTableProps) => {
|
|
|
61
66
|
})
|
|
62
67
|
|
|
63
68
|
body.push(
|
|
64
|
-
<tr id={rowKey} key={rowKey} className={`group-${groupClassName}`}>
|
|
69
|
+
<tr id={rowKey} key={rowKey} className={`group-${groupClassName || ""}`}>
|
|
65
70
|
{cols}
|
|
66
71
|
</tr>
|
|
67
72
|
)
|
|
@@ -10,6 +10,7 @@ export interface TableHeadersOptions {
|
|
|
10
10
|
name: string
|
|
11
11
|
mobileReplacement?: string
|
|
12
12
|
className?: string
|
|
13
|
+
icon?: React.ReactNode
|
|
13
14
|
}
|
|
14
15
|
export interface TableHeaders {
|
|
15
16
|
[key: string]: string | TableHeadersOptions
|
|
@@ -173,7 +174,7 @@ export const StandardTable = (props: StandardTableProps) => {
|
|
|
173
174
|
<Cell
|
|
174
175
|
key={`${dataIndex}-order-draggable`}
|
|
175
176
|
headerLabel={props.strings?.sortString ?? t("t.sort")}
|
|
176
|
-
className={`pl-5 ${cellClassName
|
|
177
|
+
className={`pl-5 ${cellClassName || ""}`}
|
|
177
178
|
>
|
|
178
179
|
{dataIndex + 1}
|
|
179
180
|
</Cell>
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
interface CloudinaryUploadProps {
|
|
2
|
-
file: File;
|
|
3
|
-
onUploadProgress: (progress: number) => void;
|
|
4
|
-
cloudName: string;
|
|
5
|
-
uploadPreset: string;
|
|
6
|
-
tag?: string;
|
|
7
|
-
signature?: string;
|
|
8
|
-
apiKey?: string;
|
|
9
|
-
timestamp?: number;
|
|
10
|
-
}
|
|
11
|
-
export declare const CloudinaryUpload: ({ file, onUploadProgress, cloudName, uploadPreset, signature, apiKey, timestamp, tag, }: CloudinaryUploadProps) => Promise<import("axios").AxiosResponse<any>>;
|
|
12
|
-
export {};
|
|
@@ -1,75 +0,0 @@
|
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
8
|
-
});
|
|
9
|
-
};
|
|
10
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
11
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
12
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
13
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
14
|
-
function step(op) {
|
|
15
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
16
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
17
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
18
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
19
|
-
switch (op[0]) {
|
|
20
|
-
case 0: case 1: t = op; break;
|
|
21
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
22
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
23
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
24
|
-
default:
|
|
25
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
26
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
27
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
28
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
29
|
-
if (t[2]) _.ops.pop();
|
|
30
|
-
_.trys.pop(); continue;
|
|
31
|
-
}
|
|
32
|
-
op = body.call(thisArg, _);
|
|
33
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
34
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
35
|
-
}
|
|
36
|
-
};
|
|
37
|
-
import axios from "axios";
|
|
38
|
-
export var CloudinaryUpload = function (_a) {
|
|
39
|
-
var file = _a.file, onUploadProgress = _a.onUploadProgress, cloudName = _a.cloudName, uploadPreset = _a.uploadPreset, signature = _a.signature, apiKey = _a.apiKey, timestamp = _a.timestamp, _b = _a.tag, tag = _b === void 0 ? "browser_upload" : _b;
|
|
40
|
-
return __awaiter(void 0, void 0, void 0, function () {
|
|
41
|
-
var url, data, err, response;
|
|
42
|
-
return __generator(this, function (_c) {
|
|
43
|
-
switch (_c.label) {
|
|
44
|
-
case 0:
|
|
45
|
-
url = "https://api.cloudinary.com/v1_1/".concat(cloudName, "/upload");
|
|
46
|
-
data = new FormData();
|
|
47
|
-
data.append("upload_preset", uploadPreset);
|
|
48
|
-
data.append("tags", tag);
|
|
49
|
-
data.append("file", file);
|
|
50
|
-
if (signature && timestamp && apiKey) {
|
|
51
|
-
data.append("signature", signature);
|
|
52
|
-
data.append("timestamp", "".concat(timestamp));
|
|
53
|
-
data.append("api_key", apiKey);
|
|
54
|
-
}
|
|
55
|
-
if (!cloudName || cloudName == "" || !uploadPreset || uploadPreset == "") {
|
|
56
|
-
err = "Please supply a cloud name and upload preset for Cloudinary";
|
|
57
|
-
alert(err);
|
|
58
|
-
throw err;
|
|
59
|
-
}
|
|
60
|
-
return [4 /*yield*/, axios.request({
|
|
61
|
-
method: "post",
|
|
62
|
-
url: url,
|
|
63
|
-
data: data,
|
|
64
|
-
onUploadProgress: function (p) {
|
|
65
|
-
onUploadProgress(parseInt(((p.loaded / p.total) * 100).toFixed(0), 10));
|
|
66
|
-
},
|
|
67
|
-
})];
|
|
68
|
-
case 1:
|
|
69
|
-
response = _c.sent();
|
|
70
|
-
return [2 /*return*/, response];
|
|
71
|
-
}
|
|
72
|
-
});
|
|
73
|
-
});
|
|
74
|
-
};
|
|
75
|
-
//# sourceMappingURL=CloudinaryUpload.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"CloudinaryUpload.js","sourceRoot":"","sources":["../../../src/forms/CloudinaryUpload.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAazB,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAO,EASf;QARtB,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,WAAsB,EAAtB,GAAG,mBAAG,gBAAgB,KAAA;;;;;;oBAEhB,GAAG,GAAG,0CAAmC,SAAS,YAAS,CAAA;oBAC3D,IAAI,GAAG,IAAI,QAAQ,EAAE,CAAA;oBAC3B,IAAI,CAAC,MAAM,CAAC,eAAe,EAAE,YAAY,CAAC,CAAA;oBAC1C,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;oBACxB,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,IAAI,CAAC,CAAA;oBACzB,IAAI,SAAS,IAAI,SAAS,IAAI,MAAM,EAAE;wBACpC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,SAAS,CAAC,CAAA;wBACnC,IAAI,CAAC,MAAM,CAAC,WAAW,EAAE,UAAG,SAAS,CAAE,CAAC,CAAA;wBACxC,IAAI,CAAC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,CAAA;qBAC/B;oBAED,IAAI,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,IAAI,CAAC,YAAY,IAAI,YAAY,IAAI,EAAE,EAAE;wBAClE,GAAG,GAAG,6DAA6D,CAAA;wBACzE,KAAK,CAAC,GAAG,CAAC,CAAA;wBACV,MAAM,GAAG,CAAA;qBACV;oBAEgB,qBAAM,KAAK,CAAC,OAAO,CAAC;4BACnC,MAAM,EAAE,MAAM;4BACd,GAAG,EAAE,GAAG;4BACR,IAAI,EAAE,IAAI;4BACV,gBAAgB,EAAE,UAAC,CAAC;gCAClB,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAA;4BACzE,CAAC;yBACF,CAAC,EAAA;;oBAPI,QAAQ,GAAG,SAOf;oBACF,sBAAO,QAAQ,EAAA;;;;CAChB,CAAA"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import axios from "axios"
|
|
2
|
-
|
|
3
|
-
interface CloudinaryUploadProps {
|
|
4
|
-
file: File
|
|
5
|
-
onUploadProgress: (progress: number) => void
|
|
6
|
-
cloudName: string
|
|
7
|
-
uploadPreset: string
|
|
8
|
-
tag?: string
|
|
9
|
-
signature?: string
|
|
10
|
-
apiKey?: string
|
|
11
|
-
timestamp?: number
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
export const CloudinaryUpload = async ({
|
|
15
|
-
file,
|
|
16
|
-
onUploadProgress,
|
|
17
|
-
cloudName,
|
|
18
|
-
uploadPreset,
|
|
19
|
-
signature,
|
|
20
|
-
apiKey,
|
|
21
|
-
timestamp,
|
|
22
|
-
tag = "browser_upload",
|
|
23
|
-
}: CloudinaryUploadProps) => {
|
|
24
|
-
const url = `https://api.cloudinary.com/v1_1/${cloudName}/upload`
|
|
25
|
-
const data = new FormData()
|
|
26
|
-
data.append("upload_preset", uploadPreset)
|
|
27
|
-
data.append("tags", tag)
|
|
28
|
-
data.append("file", file)
|
|
29
|
-
if (signature && timestamp && apiKey) {
|
|
30
|
-
data.append("signature", signature)
|
|
31
|
-
data.append("timestamp", `${timestamp}`)
|
|
32
|
-
data.append("api_key", apiKey)
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
if (!cloudName || cloudName == "" || !uploadPreset || uploadPreset == "") {
|
|
36
|
-
const err = "Please supply a cloud name and upload preset for Cloudinary"
|
|
37
|
-
alert(err)
|
|
38
|
-
throw err
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
const response = await axios.request({
|
|
42
|
-
method: "post",
|
|
43
|
-
url: url,
|
|
44
|
-
data: data,
|
|
45
|
-
onUploadProgress: (p) => {
|
|
46
|
-
onUploadProgress(parseInt(((p.loaded / p.total) * 100).toFixed(0), 10))
|
|
47
|
-
},
|
|
48
|
-
})
|
|
49
|
-
return response
|
|
50
|
-
}
|