ferns-ui 0.4.2 → 0.5.0
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/Avatar.d.ts +3 -0
- package/dist/Avatar.js +5 -2
- package/dist/Avatar.js.map +1 -1
- package/dist/Box.js +3 -3
- package/dist/Box.js.map +1 -1
- package/dist/Common.d.ts +1 -16
- package/dist/Common.js.map +1 -1
- package/dist/Field.d.ts +16 -1
- package/dist/Field.js +30 -35
- package/dist/Field.js.map +1 -1
- package/dist/Icon.js +0 -1
- package/dist/Icon.js.map +1 -1
- package/dist/Pog.js +1 -97
- package/dist/Pog.js.map +1 -1
- package/dist/SplitPage.js.map +1 -1
- package/dist/TapToEdit.d.ts +11 -11
- package/dist/TapToEdit.js +72 -22
- package/dist/TapToEdit.js.map +1 -1
- package/dist/Unifier.js +0 -1
- package/dist/Unifier.js.map +1 -1
- package/package.json +25 -24
- package/src/Avatar.tsx +11 -2
- package/src/Box.tsx +3 -3
- package/src/Button.tsx +1 -1
- package/src/Common.ts +0 -30
- package/src/Field.tsx +71 -40
- package/src/Icon.tsx +1 -3
- package/src/Permissions.ts +1 -1
- package/src/Pog.tsx +0 -124
- package/src/SplitPage.tsx +0 -2
- package/src/TapToEdit.tsx +101 -31
- package/src/Unifier.ts +0 -2
package/dist/Avatar.d.ts
CHANGED
package/dist/Avatar.js
CHANGED
|
@@ -10,6 +10,7 @@ const sizes = {
|
|
|
10
10
|
xl: 120,
|
|
11
11
|
};
|
|
12
12
|
export const Avatar = (props) => {
|
|
13
|
+
var _a;
|
|
13
14
|
const [isImageLoaded, setIsImageLoaded] = useState(true);
|
|
14
15
|
const { name, initials, outline, size = "md", src } = props;
|
|
15
16
|
const width = sizes[size];
|
|
@@ -41,8 +42,10 @@ export const Avatar = (props) => {
|
|
|
41
42
|
display: "flex",
|
|
42
43
|
alignItems: "center",
|
|
43
44
|
justifyContent: "center",
|
|
44
|
-
backgroundColor:
|
|
45
|
+
backgroundColor: props.backgroundColor
|
|
46
|
+
? Unifier.theme[props.backgroundColor]
|
|
47
|
+
: Unifier.theme.gray,
|
|
45
48
|
} },
|
|
46
|
-
React.createElement(Text, { style: { fontSize, color: Unifier.theme.darkGray } }, computedInitials)))));
|
|
49
|
+
React.createElement(Text, { style: { fontSize, color: (_a = props.textColor) !== null && _a !== void 0 ? _a : Unifier.theme.darkGray } }, computedInitials)))));
|
|
47
50
|
};
|
|
48
51
|
//# sourceMappingURL=Avatar.js.map
|
package/dist/Avatar.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,QAAQ,EAAC,MAAM,OAAO,CAAC;AACtC,OAAO,EAAC,KAAK,EAAE,IAAI,EAAE,IAAI,EAAC,MAAM,cAAc,CAAC;AAE/C,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Avatar.js","sourceRoot":"","sources":["../src/Avatar.tsx"],"names":[],"mappings":"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"}
|
package/dist/Box.js
CHANGED
|
@@ -49,11 +49,11 @@ export class Box extends React.Component {
|
|
|
49
49
|
color: (value) => ({ backgroundColor: Unifier.theme[value] }),
|
|
50
50
|
direction: (value) => ({ flexDirection: value, display: "flex" }),
|
|
51
51
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
52
|
-
smDirection: (value
|
|
52
|
+
smDirection: (value) => mediaQueryLargerThan("sm") ? { flexDirection: value, display: "flex" } : {},
|
|
53
53
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
54
|
-
mdDirection: (value
|
|
54
|
+
mdDirection: (value) => mediaQueryLargerThan("md") ? { flexDirection: value, display: "flex" } : {},
|
|
55
55
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
56
|
-
lgDirection: (value
|
|
56
|
+
lgDirection: (value) => mediaQueryLargerThan("lg") ? { flexDirection: value, display: "flex" } : {},
|
|
57
57
|
display: (value) => {
|
|
58
58
|
return value === "flex" ? { flex: undefined } : { flex: 0, flexDirection: "row" };
|
|
59
59
|
},
|
package/dist/Box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,oBAAoB,EACpB,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,gBAAgB,EAChB,IAAI,GACL,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAgE,OAAO,EAAC,MAAM,UAAU,CAAC;AAChG,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,aAAa,GAAG;IACpB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,WAAW,GAAG;IAClB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,UAAU,GAAG;IACjB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,YAAY;IACnB,GAAG,EAAE,UAAU;IACf,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,eAAe;IACxB,MAAM,EAAE,cAAc;IACtB,OAAO,EAAE,SAAS;CACnB,CAAC;AAEF,MAAM,OAAO,GAAI,SAAQ,KAAK,CAAC,SAAuB;IAqHpD,YAAY,KAAe;QACzB,KAAK,CAAC,KAAK,CAAC,CAAC;QArHf,kBAAa,GAKT;YACF,UAAU,EAAE,CAAC,KAAiB,EAAE,EAAE,CAAC,CAAC,EAAC,UAAU,EAAE,WAAW,CAAC,KAAK,CAAC,EAAC,CAAC;YACrE,YAAY,EAAE,CAAC,KAAmB,EAAE,EAAE,CAAC,CAAC,EAAC,YAAY,EAAE,aAAa,CAAC,KAAK,CAAC,EAAC,CAAC;YAC7E,SAAS,EAAE,CAAC,KAAgB,EAAE,EAAE,CAAC,CAAC,EAAC,SAAS,EAAE,UAAU,CAAC,KAAK,CAAC,EAAC,CAAC;YACjE,KAAK,EAAE,CAAC,KAAyB,EAAE,EAAE,CAAC,CAAC,EAAC,eAAe,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,EAAC,CAAC;YAC/E,SAAS,EAAE,CAAC,KAAU,EAAE,EAAE,CAAC,CAAC,EAAC,aAAa,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAC,CAAC;YACpE,6DAA6D;YAC7D,WAAW,EAAE,CAAC,KAAU,EAAE,
|
|
1
|
+
{"version":3,"file":"Box.js","sourceRoot":"","sources":["../src/Box.tsx"],"names":[],"mappings":"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"}
|
package/dist/Common.d.ts
CHANGED
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { SyntheticEvent } from "react";
|
|
2
|
-
import { SelectListOptions } from "./SelectList";
|
|
3
2
|
export interface BaseProfile {
|
|
4
3
|
email: string;
|
|
5
4
|
id: string;
|
|
@@ -148,7 +147,7 @@ export declare type Margin = SignedUpTo12 | "auto";
|
|
|
148
147
|
export declare const SPACING = 4;
|
|
149
148
|
export declare type TextFieldType = "date" | "email" | "number" | "numberRange" | "decimalRange" | "decimal" | "username" | "password" | "search" | "text" | "url" | "height";
|
|
150
149
|
export declare type IconSize = "xs" | "sm" | "md" | "lg" | "xl";
|
|
151
|
-
export declare const iconSizeToNumber: (size?: "
|
|
150
|
+
export declare const iconSizeToNumber: (size?: "xs" | "sm" | "md" | "lg" | "xl" | undefined) => number;
|
|
152
151
|
export declare const iconNumberToSize: (size?: number) => IconSize;
|
|
153
152
|
export declare function getSectionColor(section: "Breakfast" | "Lunch" | "Dinner" | "Snack" | "workouts"): Color;
|
|
154
153
|
export declare type TextSize = "sm" | "md" | "lg";
|
|
@@ -368,20 +367,6 @@ export interface FieldWithLabelsProps {
|
|
|
368
367
|
helperTextColor?: AllColors;
|
|
369
368
|
children?: React.ReactNode;
|
|
370
369
|
}
|
|
371
|
-
export interface FieldProps extends FieldWithLabelsProps {
|
|
372
|
-
name: string;
|
|
373
|
-
label?: string;
|
|
374
|
-
subLabel?: string;
|
|
375
|
-
initialValue?: any;
|
|
376
|
-
handleChange: any;
|
|
377
|
-
validate?: (value: any) => boolean;
|
|
378
|
-
validateErrorMessage?: string;
|
|
379
|
-
type?: "boolean" | "email" | "text" | "textarea" | "number" | "currency" | "percent" | "select" | "password" | "url" | "date";
|
|
380
|
-
rows?: number;
|
|
381
|
-
options?: SelectListOptions;
|
|
382
|
-
placeholder?: string;
|
|
383
|
-
disabled?: boolean;
|
|
384
|
-
}
|
|
385
370
|
export interface TextFieldProps extends FieldWithLabelsProps {
|
|
386
371
|
id?: string;
|
|
387
372
|
onChange: OnChangeCallback;
|
package/dist/Common.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Common.js","sourceRoot":"","sources":["../src/Common.ts"],"names":[],"mappings":"AAgVA,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,CAAC;AAkBzB,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAe,EAAE,EAAE;IAClD,OAAO;QACL,EAAE,EAAE,CAAC;QACL,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;QACN,EAAE,EAAE,EAAE;KACP,CAAC,IAAI,IAAI,IAAI,CAAC,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,IAAI,GAAG,EAAE,EAAY,EAAE;IACtD,IAAI,QAAkB,CAAC;IACvB,IAAI,IAAI,GAAG,CAAC,EAAE;QACZ,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM,IAAI,IAAI,GAAG,EAAE,EAAE;QACpB,QAAQ,GAAG,IAAI,CAAC;KACjB;SAAM;QACL,QAAQ,GAAG,IAAI,CAAC;KACjB;IACD,OAAO,QAAQ,CAAC;AAClB,CAAC,CAAC;AAEF,MAAM,UAAU,eAAe,CAAC,OAAgE;IAC9F,OAAO,CAAC;QACN,SAAS,EAAE,QAAQ;QACnB,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ;QAChB,KAAK,EAAE,KAAK;QACZ,cAAc,EAAE,KAAK;QACrB,OAAO,EAAE,MAAM;QACf,QAAQ,EAAE,MAAM;KACjB,CAAC,OAAO,CAAC,IAAI,MAAM,CAAU,CAAC;AACjC,CAAC;AAu5BD,MAAM,UAAU,UAAU,CAAC,OAAqB;IAC9C,OAAO,CACL,OAAO;QACP,OAAO,CAAC,KAAK;QACb,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,CAAC,IAAI,OAAO,CAAC,KAAK,CAAC,OAAO,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CACrF,CAAC;AACJ,CAAC"}
|
package/dist/Field.d.ts
CHANGED
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { FieldWithLabelsProps } from "./Common";
|
|
3
|
+
import { SelectListOptions } from "./SelectList";
|
|
4
|
+
export interface FieldProps extends FieldWithLabelsProps {
|
|
5
|
+
name: string;
|
|
6
|
+
label?: string;
|
|
7
|
+
subLabel?: string;
|
|
8
|
+
initialValue?: any;
|
|
9
|
+
handleChange: any;
|
|
10
|
+
validate?: (value: any) => boolean;
|
|
11
|
+
validateErrorMessage?: string;
|
|
12
|
+
type?: "boolean" | "email" | "text" | "textarea" | "number" | "currency" | "percent" | "select" | "password" | "url" | "date" | "multiselect";
|
|
13
|
+
rows?: number;
|
|
14
|
+
options?: SelectListOptions;
|
|
15
|
+
placeholder?: string;
|
|
16
|
+
disabled?: boolean;
|
|
17
|
+
}
|
|
3
18
|
/**
|
|
4
19
|
* Field is a fully uncontrolled component for creating various inputs. Fully uncontrolled means Field manages its own
|
|
5
20
|
* state for the TextFields/Switches/etc, not the parent component. When values are updated, Field will pass the data to
|
package/dist/Field.js
CHANGED
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import isDate from "lodash/isDate";
|
|
2
|
-
import isNumber from "lodash/isNumber";
|
|
3
1
|
import moment from "moment-timezone";
|
|
4
2
|
import React, { useState } from "react";
|
|
5
3
|
import { Box } from "./Box";
|
|
6
4
|
import { FieldWithLabels } from "./FieldWithLabels";
|
|
7
5
|
import { SelectList } from "./SelectList";
|
|
8
6
|
import { Switch } from "./Switch";
|
|
7
|
+
import { Text } from "./Text";
|
|
9
8
|
import { TextArea } from "./TextArea";
|
|
10
9
|
import { TextField } from "./TextField";
|
|
11
10
|
/**
|
|
@@ -19,7 +18,9 @@ import { TextField } from "./TextField";
|
|
|
19
18
|
*
|
|
20
19
|
*/
|
|
21
20
|
export function Field(props) {
|
|
21
|
+
var _a;
|
|
22
22
|
const [value, setValue] = useState(props.initialValue || "");
|
|
23
|
+
const [multiselectValue, setMultiselectValue] = useState((_a = props.initialValue) !== null && _a !== void 0 ? _a : []);
|
|
23
24
|
const handleChange = (newValue) => {
|
|
24
25
|
if (props.type === "currency") {
|
|
25
26
|
newValue = newValue.replace("$", "");
|
|
@@ -38,39 +39,6 @@ export function Field(props) {
|
|
|
38
39
|
props.handleChange(props.name, switchValue);
|
|
39
40
|
}
|
|
40
41
|
};
|
|
41
|
-
const validate = () => {
|
|
42
|
-
// console.log("VALIDATE", props.validate && props.validate(value));
|
|
43
|
-
if (props.validate && !props.validate(value)) {
|
|
44
|
-
return false;
|
|
45
|
-
}
|
|
46
|
-
switch (props.type) {
|
|
47
|
-
case "boolean":
|
|
48
|
-
return true;
|
|
49
|
-
case "currency":
|
|
50
|
-
return true;
|
|
51
|
-
case "date":
|
|
52
|
-
return !value || isDate(value);
|
|
53
|
-
case "email":
|
|
54
|
-
return !value || (value.search("@") > -1 && value.search(".") > -1);
|
|
55
|
-
case "number":
|
|
56
|
-
return !value || isNumber(value);
|
|
57
|
-
case "password":
|
|
58
|
-
return true;
|
|
59
|
-
case "percent":
|
|
60
|
-
return !value || isNumber(value.replace("%", ""));
|
|
61
|
-
case "select":
|
|
62
|
-
return true;
|
|
63
|
-
case "text":
|
|
64
|
-
case undefined: // text is default
|
|
65
|
-
return true;
|
|
66
|
-
case "textarea":
|
|
67
|
-
return true;
|
|
68
|
-
case "url":
|
|
69
|
-
return true;
|
|
70
|
-
default:
|
|
71
|
-
return true;
|
|
72
|
-
}
|
|
73
|
-
};
|
|
74
42
|
const renderField = () => {
|
|
75
43
|
if (props.type === "select") {
|
|
76
44
|
if (!props.options) {
|
|
@@ -79,6 +47,33 @@ export function Field(props) {
|
|
|
79
47
|
}
|
|
80
48
|
return (React.createElement(SelectList, { disabled: props.disabled, id: props.name, options: props.options, value: value, onChange: handleChange }));
|
|
81
49
|
}
|
|
50
|
+
else if (props.type === "multiselect") {
|
|
51
|
+
if (!props.options) {
|
|
52
|
+
console.error("Field with type=multiselect require options");
|
|
53
|
+
return null;
|
|
54
|
+
}
|
|
55
|
+
return (React.createElement(Box, { width: "100%" }, props.options.map((o) => (React.createElement(Box, { key: o.label + o.value, direction: "row", justifyContent: "between", width: "100%" },
|
|
56
|
+
React.createElement(Box, { flex: "shrink", marginRight: 2 },
|
|
57
|
+
React.createElement(Text, { weight: "bold" }, o.label)),
|
|
58
|
+
React.createElement(Box, null,
|
|
59
|
+
React.createElement(Switch, { key: o.label + o.value, disabled: props.disabled, id: props.name, name: props.name, switched: (multiselectValue !== null && multiselectValue !== void 0 ? multiselectValue : []).includes(o.value), onChange: (result) => {
|
|
60
|
+
let newValue;
|
|
61
|
+
if (result) {
|
|
62
|
+
if (multiselectValue.includes(o.value)) {
|
|
63
|
+
console.warn(`Tried to add value that already exists: ${o.value}`);
|
|
64
|
+
return;
|
|
65
|
+
}
|
|
66
|
+
newValue = [...multiselectValue, o.value];
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
newValue = multiselectValue.filter((v) => v !== o.value);
|
|
70
|
+
}
|
|
71
|
+
setMultiselectValue(newValue);
|
|
72
|
+
if (props.handleChange) {
|
|
73
|
+
props.handleChange(props.name, newValue);
|
|
74
|
+
}
|
|
75
|
+
} })))))));
|
|
76
|
+
}
|
|
82
77
|
else if (props.type === "textarea") {
|
|
83
78
|
return (React.createElement(TextArea, { disabled: props.disabled, id: props.name, placeholder: props.placeholder, rows: props.rows, value: String(value), onChange: (result) => handleChange(result.value) }));
|
|
84
79
|
}
|
package/dist/Field.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../src/Field.tsx"],"names":[],"mappings":"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"}
|
package/dist/Icon.js
CHANGED
|
@@ -5,7 +5,6 @@ import { Unifier } from "./Unifier";
|
|
|
5
5
|
export function initIcons() {
|
|
6
6
|
console.debug("Initializing icons");
|
|
7
7
|
}
|
|
8
|
-
const iconSet = new Set();
|
|
9
8
|
// TODO: Update <Icon /> to be closer to Expo's Vector Icon, letting multiple icon packs be used, etc.
|
|
10
9
|
export class Icon extends React.Component {
|
|
11
10
|
render() {
|
package/dist/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,WAAW,EAAC,MAAM,oBAAoB,CAAC;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAY,gBAAgB,EAAC,MAAM,UAAU,CAAC;AACrD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAElC,MAAM,UAAU,SAAS;IACvB,OAAO,CAAC,KAAK,CAAC,oBAAoB,CAAC,CAAC;AACtC,CAAC;AAED,sGAAsG;AACtG,MAAM,OAAO,IAAK,SAAQ,KAAK,CAAC,SAAwB;IACtD,MAAM;QACJ,MAAM,KAAK,GAAG,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CAAC;QAC3D,MAAM,IAAI,GAAG,gBAAgB,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAC/C,OAAO,oBAAC,WAAW,IAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAW,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;IACjF,CAAC;CACF"}
|
package/dist/Pog.js
CHANGED
|
@@ -2,101 +2,6 @@
|
|
|
2
2
|
import React from "react";
|
|
3
3
|
import { Box } from "./Box";
|
|
4
4
|
import { Icon } from "./Icon";
|
|
5
|
-
/*
|
|
6
|
-
Originally based on https://github.com/pinterest/gestalt
|
|
7
|
-
Forked, added type definitions, and added features.
|
|
8
|
-
*/
|
|
9
|
-
// TOOD: create styles
|
|
10
|
-
// :root {
|
|
11
|
-
// --lightGray: #efefef;
|
|
12
|
-
// --gray: #8e8e8e;
|
|
13
|
-
// --darkGray: #111;
|
|
14
|
-
// }
|
|
15
|
-
// .pog {
|
|
16
|
-
// composes: circle from "./Borders.module.css";
|
|
17
|
-
// composes: flex from "./Layout.module.css";
|
|
18
|
-
// composes: itemsCenter from "./Layout.module.css";
|
|
19
|
-
// composes: justifyCenter from "./Layout.module.css";
|
|
20
|
-
// }
|
|
21
|
-
// .focused {
|
|
22
|
-
// composes: accessibilityOutlineFocus from "./Focus.module.css";
|
|
23
|
-
// }
|
|
24
|
-
// .selected {
|
|
25
|
-
// composes: darkGrayBg from "./Colors.module.css";
|
|
26
|
-
// }
|
|
27
|
-
// .transparent {
|
|
28
|
-
// composes: transparentBg from "./Colors.module.css";
|
|
29
|
-
// }
|
|
30
|
-
// .transparentDarkGray {
|
|
31
|
-
// composes: transparentDarkGrayBg from "./Colors.module.css";
|
|
32
|
-
// }
|
|
33
|
-
// .transparent.hovered,
|
|
34
|
-
// .transparent.focused,
|
|
35
|
-
// .white.hovered,
|
|
36
|
-
// .white.focused {
|
|
37
|
-
// background-color: rgba(0, 0, 0, 0.06);
|
|
38
|
-
// }
|
|
39
|
-
// .transparent.active,
|
|
40
|
-
// .white.active {
|
|
41
|
-
// background-color: rgba(0, 0, 0, 0.1);
|
|
42
|
-
// }
|
|
43
|
-
// .transparentDarkGray.hovered,
|
|
44
|
-
// .transparentDarkGray.focused {
|
|
45
|
-
// background-color: var(--darkGray);
|
|
46
|
-
// }
|
|
47
|
-
// .transparentDarkGray.active {
|
|
48
|
-
// background-color: var(--darkGray);
|
|
49
|
-
// }
|
|
50
|
-
// .white {
|
|
51
|
-
// composes: whiteBg from "./Colors.module.css";
|
|
52
|
-
// }
|
|
53
|
-
// .white.hovered,
|
|
54
|
-
// .white.focused {
|
|
55
|
-
// background-color: #f0f0f0;
|
|
56
|
-
// }
|
|
57
|
-
// .white.active {
|
|
58
|
-
// background-color: #e5e5e5;
|
|
59
|
-
// }
|
|
60
|
-
// .lightGray {
|
|
61
|
-
// composes: lightGrayBg from "./Colors.module.css";
|
|
62
|
-
// }
|
|
63
|
-
// .lightGray.hovered,
|
|
64
|
-
// .lightGray.focused {
|
|
65
|
-
// background-color: #e2e2e2;
|
|
66
|
-
// }
|
|
67
|
-
// .lightGray.active {
|
|
68
|
-
// background-color: #dadada;
|
|
69
|
-
// }
|
|
70
|
-
// .gray {
|
|
71
|
-
// composes: grayBg from "./Colors.module.css";
|
|
72
|
-
// }
|
|
73
|
-
// .gray.hovered,
|
|
74
|
-
// .gray.focused {
|
|
75
|
-
// background-color: #878787;
|
|
76
|
-
// }
|
|
77
|
-
// .gray.active {
|
|
78
|
-
// background-color: #828282;
|
|
79
|
-
// }
|
|
80
|
-
// .darkGray {
|
|
81
|
-
// composes: darkGrayBg from "./Colors.module.css";
|
|
82
|
-
// }
|
|
83
|
-
// .blue {
|
|
84
|
-
// composes: blueBg from "./Colors.module.css";
|
|
85
|
-
// }
|
|
86
|
-
// .blue.hovered,
|
|
87
|
-
// .blue.focused {
|
|
88
|
-
// background-color: #4a8ad4;
|
|
89
|
-
// }
|
|
90
|
-
// .blue.active {
|
|
91
|
-
// background-color: #4a85c9;
|
|
92
|
-
// }
|
|
93
|
-
const styles = {
|
|
94
|
-
pog: "",
|
|
95
|
-
selected: "",
|
|
96
|
-
active: "",
|
|
97
|
-
focused: "",
|
|
98
|
-
hovered: "",
|
|
99
|
-
};
|
|
100
5
|
const SIZE_NAME_TO_PIXEL = {
|
|
101
6
|
xs: 24,
|
|
102
7
|
sm: 32,
|
|
@@ -114,8 +19,7 @@ const defaultIconButtonIconColors = {
|
|
|
114
19
|
white: "gray",
|
|
115
20
|
};
|
|
116
21
|
export default function Pog(props) {
|
|
117
|
-
const {
|
|
118
|
-
const iconSize = SIZE_NAME_TO_PIXEL[size] / 2;
|
|
22
|
+
const { bgColor = "transparent", iconColor, icon, iconPrefix = "fas", selected = false, size = "md", } = props;
|
|
119
23
|
const color = (selected && "white") ||
|
|
120
24
|
iconColor ||
|
|
121
25
|
defaultIconButtonIconColors[bgColor] ||
|
package/dist/Pog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pog.js","sourceRoot":"","sources":["../src/Pog.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B
|
|
1
|
+
{"version":3,"file":"Pog.js","sourceRoot":"","sources":["../src/Pog.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAE5B,MAAM,kBAAkB,GAAG;IACzB,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAC;AAcF,MAAM,2BAA2B,GAAG;IAClC,IAAI,EAAE,OAAO;IACb,QAAQ,EAAE,OAAO;IACjB,IAAI,EAAE,OAAO;IACb,SAAS,EAAE,MAAM;IACjB,WAAW,EAAE,MAAM;IACnB,mBAAmB,EAAE,OAAO;IAC5B,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,GAAG,CAAC,KAAY;IACtC,MAAM,EACJ,OAAO,GAAG,aAAa,EACvB,SAAS,EACT,IAAI,EACJ,UAAU,GAAG,KAAK,EAClB,QAAQ,GAAG,KAAK,EAChB,IAAI,GAAG,IAAI,GACZ,GAAG,KAAK,CAAC;IAEV,MAAM,KAAK,GACT,CAAC,QAAQ,IAAI,OAAO,CAAC;QACrB,SAAS;QACR,2BAA2B,CAAC,OAAO,CAAe;QACnD,OAAO,CAAC;IAEV,MAAM,WAAW,GAAG;QAClB,MAAM,EAAE,kBAAkB,CAAC,IAAI,CAAC;QAChC,KAAK,EAAE,kBAAkB,CAAC,IAAI,CAAC;KAChC,CAAC;IAEF,2CAA2C;IAC3C,kCAAkC;IAClC,iCAAiC;IACjC,6BAA6B;IAC7B,+BAA+B;IAC/B,sDAAsD;IACtD,MAAM;IAEN,OAAO,CACL,6BAAK,KAAK,EAAE,WAAW;QACrB,oBAAC,GAAG,IAAC,QAAQ,EAAC,QAAQ;YAOpB,oBAAC,IAAI;YACH,wBAAwB;;gBAAxB,wBAAwB;gBACxB,KAAK,EAAE,KAAK;gBACZ,gDAAgD;gBAChD,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,IAAI,GACV,CACE,CACF,CACP,CAAC;AACJ,CAAC"}
|
package/dist/SplitPage.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SplitPage.js","sourceRoot":"","sources":["../src/SplitPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,IAAI,EAAC,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"SplitPage.js","sourceRoot":"","sources":["../src/SplitPage.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAqB,IAAI,EAAC,MAAM,cAAc,CAAC;AAEtD,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,QAAQ,EAAC,MAAM,YAAY,CAAC;AACpC,OAAO,EAAC,UAAU,EAAC,MAAM,cAAc,CAAC;AACxC,OAAO,EAAC,oBAAoB,EAAC,MAAM,cAAc,CAAC;AAClD,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAsBlC,kGAAkG;AAClG,2EAA2E;AAC3E,MAAM,OAAO,SAAU,SAAQ,KAAK,CAAC,SAAyC;IAA9E;;QACE,UAAK,GAAG,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC;QAEhC,mBAAc,GAAyB,KAAK,CAAC,SAAS,EAAE,CAAC;QAEzD,eAAU,GAAG,CAAC,QAAiC,EAAE,EAAE;YACjD,OAAO,CACL,oBAAC,GAAG,IACF,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAE,QAAQ,CAAC,KAAK,EAAC,CAAC,CAAC;gBAC9C,CAAC,IAEA,IAAI,CAAC,KAAK,CAAC,kBAAkB,CAAC,QAAQ,CAAC,CACpC,CACP,CAAC;QACJ,CAAC,CAAC;QAEF,eAAU,GAAG,GAAG,EAAE;;YAChB,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE;gBACxD,OAAO,IAAI,CAAC;aACb;YACD,OAAO,CACL,oBAAC,IAAI,IACH,KAAK,EAAE;oBACL,KAAK,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,OAAC,IAAI,CAAC,KAAK,CAAC,aAAa,mCAAI,GAAG,CAAC,CAAC,CAAC,MAAM;oBAC5E,QAAQ,EAAE,oBAAoB,CAAC,IAAI,CAAC,CAAC,CAAC,OAAC,IAAI,CAAC,KAAK,CAAC,aAAa,mCAAI,GAAG,CAAC,CAAC,CAAC,MAAM;oBAC/E,QAAQ,EAAE,CAAC;oBACX,UAAU,EAAE,CAAC;oBACb,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;iBACxB;gBAEA,IAAI,CAAC,KAAK,CAAC,oBAAoB,IAAI,IAAI,CAAC,KAAK,CAAC,oBAAoB,EAAE;gBACrE,oBAAC,QAAQ,IACP,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,EAC7B,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,iBAAiB,EACvC,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAC/B,UAAU,EAAE,IAAI,CAAC,UAAU,GAC3B,CACG,CACR,CAAC;QACJ,CAAC,CAAC;QAEF,sBAAiB,GAAG,GAAG,EAAE;YACvB,OAAO,CACL,oBAAC,GAAG,IAAC,IAAI,EAAC,MAAM,EAAC,OAAO,EAAE,CAAC;gBACxB,CAAC,oBAAoB,CAAC,IAAI,CAAC,IAAI,CAC9B,oBAAC,GAAG,IAAC,KAAK,EAAC,MAAM;oBACf,oBAAC,UAAU,IACT,kBAAkB,EAAC,OAAO,EAC1B,IAAI,EAAC,OAAO,EACZ,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,EAAC,UAAU,EAAE,SAAS,EAAC,CAAC,GACrD,CACE,CACP;gBACA,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAC5C,CACP,CAAC;QACJ,CAAC,CAAC;IAoBJ,CAAC;IAlBC,MAAM;QACJ,OAAO,CACL,oBAAC,GAAG,IACF,aAAa,QACb,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,WAAW,EACtC,SAAS,EAAC,KAAK,EACf,OAAO,EAAC,MAAM,EACd,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,MAAM,EACb,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,EACzC,KAAK,EAAC,MAAM;YAEX,IAAI,CAAC,KAAK,CAAC,OAAO,KAAK,IAAI,IAAI,oBAAC,OAAO,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,QAAe,EAAE,IAAI,EAAC,IAAI,GAAG;YAC1F,IAAI,CAAC,UAAU,EAAE;YACjB,IAAI,CAAC,iBAAiB,EAAE,CACrB,CACP,CAAC;IACJ,CAAC;CACF"}
|
package/dist/TapToEdit.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
import
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
import { BoxProps } from "./Common";
|
|
3
|
+
import { FieldProps } from "./Field";
|
|
4
|
+
export interface TapToEditProps extends Omit<FieldProps, "handleChange"> {
|
|
5
|
+
title: string;
|
|
6
|
+
onSave?: (value: any) => void | Promise<void>;
|
|
7
|
+
editable?: boolean;
|
|
8
|
+
rowBoxProps?: Partial<BoxProps>;
|
|
9
|
+
transform?: (value: any) => string;
|
|
10
|
+
fieldComponent?: (setValue: () => void) => ReactElement;
|
|
5
11
|
}
|
|
6
|
-
export declare
|
|
7
|
-
state: {
|
|
8
|
-
showEdit: boolean;
|
|
9
|
-
};
|
|
10
|
-
render(): JSX.Element;
|
|
11
|
-
}
|
|
12
|
-
export {};
|
|
12
|
+
export declare const TapToEdit: (props: TapToEditProps) => ReactElement;
|
package/dist/TapToEdit.js
CHANGED
|
@@ -1,32 +1,82 @@
|
|
|
1
|
-
|
|
1
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
2
|
+
var t = {};
|
|
3
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
4
|
+
t[p] = s[p];
|
|
5
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
6
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
7
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
8
|
+
t[p[i]] = s[p[i]];
|
|
9
|
+
}
|
|
10
|
+
return t;
|
|
11
|
+
};
|
|
12
|
+
import React, { useState } from "react";
|
|
2
13
|
import { Box } from "./Box";
|
|
3
14
|
import { Button } from "./Button";
|
|
15
|
+
import { Field } from "./Field";
|
|
4
16
|
import { Icon } from "./Icon";
|
|
5
17
|
import { Text } from "./Text";
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
18
|
+
export const TapToEdit = (props) => {
|
|
19
|
+
const [editing, setEditing] = useState(false);
|
|
20
|
+
const [value, setValue] = useState(props.initialValue);
|
|
21
|
+
const { title, editable = true, rowBoxProps, transform, fieldComponent } = props, fieldProps = __rest(props, ["title", "editable", "rowBoxProps", "transform", "fieldComponent"]);
|
|
22
|
+
if (editing) {
|
|
23
|
+
return (React.createElement(Box, { direction: "column", maxWidth: "100%", paddingX: 3, paddingY: 2, width: "100%" },
|
|
24
|
+
fieldComponent ? (fieldComponent(setValue)) : (React.createElement(Field, Object.assign({ handleChange: (_, val) => setValue(val), label: props.title }, fieldProps))),
|
|
25
|
+
React.createElement(Box, { direction: "row" },
|
|
26
|
+
React.createElement(Button, { color: "blue", inline: true, text: "Save", onClick: async () => {
|
|
27
|
+
if (!props.onSave) {
|
|
28
|
+
console.error("No onSave provided for editable TapToEdit");
|
|
29
|
+
}
|
|
30
|
+
else {
|
|
31
|
+
await props.onSave(value);
|
|
32
|
+
}
|
|
33
|
+
setEditing(false);
|
|
34
|
+
} }),
|
|
35
|
+
React.createElement(Box, { marginLeft: 2 },
|
|
36
|
+
React.createElement(Button, { color: "red", inline: true, text: "Cancel", onClick: () => {
|
|
37
|
+
setEditing(false);
|
|
38
|
+
} })))));
|
|
11
39
|
}
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
React.createElement(Text, null, this.props.children)));
|
|
40
|
+
else {
|
|
41
|
+
let displayValue = value;
|
|
42
|
+
// If transform is present, that takes priority
|
|
43
|
+
if (transform) {
|
|
44
|
+
displayValue = transform(value);
|
|
18
45
|
}
|
|
19
46
|
else {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
47
|
+
// If no transform, try and display the value reasonably.
|
|
48
|
+
if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "boolean") {
|
|
49
|
+
displayValue = value ? "Yes" : "No";
|
|
50
|
+
}
|
|
51
|
+
else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "percent") {
|
|
52
|
+
// Prevent floating point errors from showing up by using parseFloat and precision. Pass through parseFloat again
|
|
53
|
+
// to trim off insignificant zeroes.
|
|
54
|
+
displayValue = `${parseFloat(parseFloat(String(value * 100)).toPrecision(7))}%`;
|
|
55
|
+
}
|
|
56
|
+
else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "currency") {
|
|
57
|
+
// TODO: support currencies other than USD in Field and related components.
|
|
58
|
+
const formatter = new Intl.NumberFormat("en-US", {
|
|
59
|
+
style: "currency",
|
|
60
|
+
currency: "USD",
|
|
61
|
+
minimumFractionDigits: 2,
|
|
62
|
+
});
|
|
63
|
+
displayValue = formatter.format(value);
|
|
64
|
+
}
|
|
65
|
+
else if ((fieldProps === null || fieldProps === void 0 ? void 0 : fieldProps.type) === "multiselect") {
|
|
66
|
+
// ???
|
|
67
|
+
displayValue = value.join(", ");
|
|
68
|
+
}
|
|
29
69
|
}
|
|
70
|
+
return (React.createElement(Box, Object.assign({ direction: "row", justifyContent: "between", maxWidth: "100%", paddingX: 3, paddingY: 2, width: "100%" }, rowBoxProps),
|
|
71
|
+
React.createElement(Box, null,
|
|
72
|
+
React.createElement(Text, { weight: "bold" },
|
|
73
|
+
title,
|
|
74
|
+
":")),
|
|
75
|
+
React.createElement(Box, { direction: "row", flex: "shrink", marginLeft: 2 },
|
|
76
|
+
React.createElement(Box, { flex: "shrink" },
|
|
77
|
+
React.createElement(Text, { overflow: "breakWord" }, displayValue)),
|
|
78
|
+
editable && (React.createElement(Box, { marginLeft: 2, onClick: () => setEditing(true) },
|
|
79
|
+
React.createElement(Icon, { color: "darkGray", name: "edit", size: "lg" }))))));
|
|
30
80
|
}
|
|
31
|
-
}
|
|
81
|
+
};
|
|
32
82
|
//# sourceMappingURL=TapToEdit.js.map
|
package/dist/TapToEdit.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TapToEdit.js","sourceRoot":"","sources":["../src/TapToEdit.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"TapToEdit.js","sourceRoot":"","sources":["../src/TapToEdit.tsx"],"names":[],"mappings":"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"}
|
package/dist/Unifier.js
CHANGED
|
@@ -280,6 +280,5 @@ class UnifierClass {
|
|
|
280
280
|
DefaultTheme.secondaryBoldFont, buttonFont: ((_23 = this._theme) === null || _23 === void 0 ? void 0 : _23.buttonFont) || ((_24 = this._theme) === null || _24 === void 0 ? void 0 : _24.primaryFont) || DefaultTheme.buttonFont, accentFont: ((_25 = this._theme) === null || _25 === void 0 ? void 0 : _25.accentFont) || ((_26 = this._theme) === null || _26 === void 0 ? void 0 : _26.primaryFont) || DefaultTheme.accentFont, accentBoldFont: ((_27 = this._theme) === null || _27 === void 0 ? void 0 : _27.accentBoldFont) || ((_28 = this._theme) === null || _28 === void 0 ? void 0 : _28.primaryFont) || DefaultTheme.accentBoldFont, titleFont: ((_29 = this._theme) === null || _29 === void 0 ? void 0 : _29.titleFont) || ((_30 = this._theme) === null || _30 === void 0 ? void 0 : _30.primaryFont) || DefaultTheme.titleFont });
|
|
281
281
|
}
|
|
282
282
|
}
|
|
283
|
-
const NOTIFICATION_TAB_KEY = "@unifier/tabNotifications";
|
|
284
283
|
export const Unifier = new UnifierClass();
|
|
285
284
|
//# sourceMappingURL=Unifier.js.map
|