ferns-ui 0.18.1 → 0.18.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Modal.d.ts +2 -1
- package/dist/Modal.js +2 -2
- package/dist/Modal.js.map +1 -1
- package/dist/SelectList.js +1 -6
- package/dist/SelectList.js.map +1 -1
- package/package.json +1 -1
- package/src/Modal.tsx +9 -2
- package/src/SelectList.tsx +1 -6
package/dist/Modal.d.ts
CHANGED
|
@@ -10,8 +10,9 @@ interface ModalProps {
|
|
|
10
10
|
subHeading?: string;
|
|
11
11
|
primaryButtonText?: string;
|
|
12
12
|
primaryButtonOnClick?: (value?: any) => void;
|
|
13
|
+
primaryButtonDisabled?: boolean;
|
|
13
14
|
secondaryButtonText?: string;
|
|
14
15
|
secondaryButtonOnClick?: (value?: any) => void;
|
|
15
16
|
}
|
|
16
|
-
export declare const Modal: ({ onDismiss, visible, align, children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, secondaryButtonText, secondaryButtonOnClick, }: ModalProps) => React.ReactElement;
|
|
17
|
+
export declare const Modal: ({ onDismiss, visible, align, children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, primaryButtonDisabled, secondaryButtonText, secondaryButtonOnClick, }: ModalProps) => React.ReactElement;
|
|
17
18
|
export {};
|
package/dist/Modal.js
CHANGED
|
@@ -4,7 +4,7 @@ import { Box } from "./Box";
|
|
|
4
4
|
import { Button } from "./Button";
|
|
5
5
|
import { Heading } from "./Heading";
|
|
6
6
|
import { Text } from "./Text";
|
|
7
|
-
export const Modal = ({ onDismiss, visible, align = "center", children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, secondaryButtonText, secondaryButtonOnClick, }) => {
|
|
7
|
+
export const Modal = ({ onDismiss, visible, align = "center", children, footer, heading, size, subHeading, primaryButtonText, primaryButtonOnClick, primaryButtonDisabled = false, secondaryButtonText, secondaryButtonOnClick, }) => {
|
|
8
8
|
if (subHeading && !heading) {
|
|
9
9
|
throw new Error("Cannot render Modal with subHeading and no heading");
|
|
10
10
|
}
|
|
@@ -26,7 +26,7 @@ export const Modal = ({ onDismiss, visible, align = "center", children, footer,
|
|
|
26
26
|
Boolean(secondaryButtonText) && (React.createElement(Box, { marginRight: 4, minWidth: 120 },
|
|
27
27
|
React.createElement(Button, { color: "gray", text: secondaryButtonText !== null && secondaryButtonText !== void 0 ? secondaryButtonText : "", onClick: secondaryButtonOnClick }))),
|
|
28
28
|
React.createElement(Box, { minWidth: 120 },
|
|
29
|
-
React.createElement(Button, { color: "primary", text: primaryButtonText !== null && primaryButtonText !== void 0 ? primaryButtonText : "", onClick: primaryButtonOnClick }))));
|
|
29
|
+
React.createElement(Button, { color: "primary", disabled: primaryButtonDisabled, text: primaryButtonText !== null && primaryButtonText !== void 0 ? primaryButtonText : "", onClick: primaryButtonOnClick }))));
|
|
30
30
|
}
|
|
31
31
|
let sizePx = 540;
|
|
32
32
|
if (size === "md") {
|
package/dist/Modal.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,KAAK,IAAI,OAAO,EAAC,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../src/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,UAAU,EAAE,KAAK,IAAI,OAAO,EAAC,MAAM,cAAc,CAAC;AAE1D,OAAO,EAAC,GAAG,EAAC,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,UAAU,CAAC;AAChC,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,IAAI,EAAC,MAAM,QAAQ,CAAC;AAwB5B,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,EACpB,SAAS,EACT,OAAO,EACP,KAAK,GAAG,QAAQ,EAChB,QAAQ,EACR,MAAM,EACN,OAAO,EACP,IAAI,EACJ,UAAU,EACV,iBAAiB,EACjB,oBAAoB,EACpB,qBAAqB,GAAG,KAAK,EAC7B,mBAAmB,EACnB,sBAAsB,GACX,EAAsB,EAAE;IACnC,IAAI,UAAU,IAAI,CAAC,OAAO,EAAE;QAC1B,MAAM,IAAI,KAAK,CAAC,oDAAoD,CAAC,CAAC;KACvE;IACD,IAAI,CAAC,MAAM,IAAI,CAAC,iBAAiB,IAAI,CAAC,mBAAmB,EAAE;QACzD,MAAM,IAAI,KAAK,CACb,+EAA+E,CAChF,CAAC;KACH;IAED,SAAS,YAAY;QACnB,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;YAC5B,oBAAC,GAAG;gBACF,oBAAC,OAAO,IAAC,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EAAE,IAAI,EAAC,IAAI,IACjE,OAAO,CACA,CACN;YACL,OAAO,CAAC,UAAU,CAAC,IAAI,CACtB,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC;gBACd,oBAAC,IAAI,IAAC,KAAK,EAAE,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAG,UAAU,CAAQ,CACvE,CACP,CACG,CACP,CAAC;IACJ,CAAC;IACD,SAAS,YAAY;QACnB,IAAI,MAAM,EAAE;YACV,OAAO,MAAM,CAAC;SACf;QACD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;YACnD,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAC/B,oBAAC,GAAG,IAAC,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,GAAG;gBAChC,oBAAC,MAAM,IACL,KAAK,EAAC,MAAM,EACZ,IAAI,EAAE,mBAAmB,aAAnB,mBAAmB,cAAnB,mBAAmB,GAAI,EAAE,EAC/B,OAAO,EAAE,sBAAsB,GAC/B,CACE,CACP;YACD,oBAAC,GAAG,IAAC,QAAQ,EAAE,GAAG;gBAChB,oBAAC,MAAM,IACL,KAAK,EAAC,SAAS,EACf,QAAQ,EAAE,qBAAqB,EAC/B,IAAI,EAAE,iBAAiB,aAAjB,iBAAiB,cAAjB,iBAAiB,GAAI,EAAE,EAC7B,OAAO,EAAE,oBAAoB,GAC7B,CACE,CACF,CACP,CAAC;IACJ,CAAC;IAED,IAAI,MAAM,GAAoB,GAAG,CAAC;IAClC,IAAI,IAAI,KAAK,IAAI,EAAE;QACjB,MAAM,GAAG,GAAG,CAAC;KACd;SAAM,IAAI,IAAI,KAAK,IAAI,EAAE;QACxB,MAAM,GAAG,GAAG,CAAC;KACd;IAED,gCAAgC;IAChC,IAAI,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,KAAK,EAAE;QAC3C,MAAM,GAAG,KAAK,CAAC;KAChB;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,UAAU,EAAC,QAAQ,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM;QACrF,oBAAC,OAAO,IAAC,aAAa,EAAC,OAAO,EAAC,WAAW,QAAC,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,SAAS;YACpF,oBAAC,GAAG,IACF,UAAU,EAAC,QAAQ,EACnB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAC,OAAO,EACb,yBAAyB,EAAE;oBACzB,OAAO,EAAE;wBACP,MAAM,EAAE,CAAC;wBACT,WAAW,EAAE,MAAM;wBACnB,YAAY,EAAE;4BACZ,KAAK,EAAE,CAAC;4BACR,MAAM,EAAE,CAAC;yBACV;wBACD,YAAY,EAAE,CAAC;wBACf,aAAa,EAAE,GAAG;wBAClB,SAAS,EAAE,CAAC;qBACb;iBACF,EACD,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,EAAE,EACb,QAAQ,EAAE,MAAM,EAChB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,QAAQ,EAAE,CAAC,EACX,MAAM,QACN,KAAK,EAAE,MAAM;gBAEb,oBAAC,GAAG,IAAC,YAAY,EAAE,CAAC,EAAE,KAAK,EAAC,MAAM;oBAC/B,YAAY,EAAE;oBACf,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,IAAG,QAAQ,CAAO;oBAClC,oBAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,IAAG,YAAY,EAAE,CAAO,CACpC,CACF,CACE,CACN,CACP,CAAC;AACJ,CAAC,CAAC"}
|
package/dist/SelectList.js
CHANGED
|
@@ -1,14 +1,9 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
import RNPickerSelect from "./PickerSelect";
|
|
3
3
|
import { Unifier } from "./Unifier";
|
|
4
4
|
import { WithLabel } from "./WithLabel";
|
|
5
5
|
export function SelectList({ options, value, onChange, label, labelColor, style }) {
|
|
6
6
|
const withLabelProps = { label, labelColor };
|
|
7
|
-
useEffect(() => {
|
|
8
|
-
if (!value && options && options.length > 0) {
|
|
9
|
-
onChange(options[0].value);
|
|
10
|
-
}
|
|
11
|
-
}, [onChange, options, value]);
|
|
12
7
|
return (React.createElement(WithLabel, Object.assign({}, withLabelProps),
|
|
13
8
|
React.createElement(RNPickerSelect, { items: options, placeholder: {}, style: {
|
|
14
9
|
viewContainer: {
|
package/dist/SelectList.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../src/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,
|
|
1
|
+
{"version":3,"file":"SelectList.js","sourceRoot":"","sources":["../src/SelectList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,cAAc,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAC,OAAO,EAAC,MAAM,WAAW,CAAC;AAClC,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;AAgBtC,MAAM,UAAU,UAAU,CAAC,EAAC,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAkB;IAC9F,MAAM,cAAc,GAAG,EAAC,KAAK,EAAE,UAAU,EAAC,CAAC;IAE3C,OAAO,CACL,oBAAC,SAAS,oBAAK,cAAc;QAC3B,oBAAC,cAAc,IACb,KAAK,EAAE,OAAO,EACd,WAAW,EAAE,EAAE,EACf,KAAK,EAAE;gBACL,aAAa,EAAE;oBACb,aAAa,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,KAAI,KAAK;oBAC5C,cAAc,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,cAAc,KAAI,QAAQ;oBACjD,UAAU,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,KAAI,QAAQ;oBACzC,SAAS,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,SAAS,KAAI,EAAE;oBACjC,KAAK,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KAAI,MAAM;oBAC7B,oDAAoD;oBACpD,iBAAiB,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,iBAAiB,KAAI,CAAC;oBAChD,eAAe,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,KAAI,CAAC;oBAC5C,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,OAAO,CAAC,KAAK,CAAC,IAAI;oBACrD,WAAW,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,WAAW,KAAI,CAAC;oBACpC,YAAY,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,KAAI,CAAC;oBACtC,eAAe,EAAE,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,eAAe,KAAI,OAAO,CAAC,KAAK,CAAC,KAAK;iBAC/D;aACF,EACD,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,QAAQ,GACvB,CACQ,CACb,CAAC;AACJ,CAAC"}
|
package/package.json
CHANGED
package/src/Modal.tsx
CHANGED
|
@@ -21,7 +21,8 @@ interface ModalProps {
|
|
|
21
21
|
// Renders a primary colored button all the way to the right in the footer, if no footer prop is provided.
|
|
22
22
|
primaryButtonText?: string;
|
|
23
23
|
primaryButtonOnClick?: (value?: any) => void;
|
|
24
|
-
|
|
24
|
+
primaryButtonDisabled?: boolean;
|
|
25
|
+
// Renders a gray button to the left of the primary button in the footer, if no footer prop is provided.
|
|
25
26
|
// Requires primaryButtonText to be defined, but is not required itself.
|
|
26
27
|
secondaryButtonText?: string;
|
|
27
28
|
secondaryButtonOnClick?: (value?: any) => void;
|
|
@@ -38,6 +39,7 @@ export const Modal = ({
|
|
|
38
39
|
subHeading,
|
|
39
40
|
primaryButtonText,
|
|
40
41
|
primaryButtonOnClick,
|
|
42
|
+
primaryButtonDisabled = false,
|
|
41
43
|
secondaryButtonText,
|
|
42
44
|
secondaryButtonOnClick,
|
|
43
45
|
}: ModalProps): React.ReactElement => {
|
|
@@ -82,7 +84,12 @@ export const Modal = ({
|
|
|
82
84
|
</Box>
|
|
83
85
|
)}
|
|
84
86
|
<Box minWidth={120}>
|
|
85
|
-
<Button
|
|
87
|
+
<Button
|
|
88
|
+
color="primary"
|
|
89
|
+
disabled={primaryButtonDisabled}
|
|
90
|
+
text={primaryButtonText ?? ""}
|
|
91
|
+
onClick={primaryButtonOnClick}
|
|
92
|
+
/>
|
|
86
93
|
</Box>
|
|
87
94
|
</Box>
|
|
88
95
|
);
|
package/src/SelectList.tsx
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import React
|
|
1
|
+
import React from "react";
|
|
2
2
|
|
|
3
3
|
import {FieldWithLabelsProps, StyleProp} from "./Common";
|
|
4
4
|
import RNPickerSelect from "./PickerSelect";
|
|
@@ -22,11 +22,6 @@ export interface SelectListProps extends FieldWithLabelsProps {
|
|
|
22
22
|
export function SelectList({options, value, onChange, label, labelColor, style}: SelectListProps) {
|
|
23
23
|
const withLabelProps = {label, labelColor};
|
|
24
24
|
|
|
25
|
-
useEffect(() => {
|
|
26
|
-
if (!value && options && options.length > 0) {
|
|
27
|
-
onChange(options[0].value);
|
|
28
|
-
}
|
|
29
|
-
}, [onChange, options, value]);
|
|
30
25
|
return (
|
|
31
26
|
<WithLabel {...withLabelProps}>
|
|
32
27
|
<RNPickerSelect
|