@bosonprotocol/react-kit 0.33.0-alpha.9 → 0.33.0

package/dist/esm/components/form/CountrySelect.js

@@ -8,8 +8,9 @@ import styled from "styled-components";
 import { zIndex } from "../ui/zIndex";
 import Error from "./Error";
 import { theme as importedTheme } from "../../theme";
+import { checkIfValueIsEmpty } from "../../lib/object/checkIfValueIsEmpty";
 const colors = importedTheme.colors.light;
-const customStyles = {
+const customStyles = (error, customTheme) => ({
     control: (provided, state) => {
         const before = state.selectProps.label
             ? {
@@ -20,22 +21,23 @@ const customStyles = {
                 }
             }
             : null;
-        const { theme } = state;
         return {
             ...provided,
-            borderRadius: theme.borderRadius,
-            height: theme.controlHeight,
             alignContent: "center",
             padding: "0.4rem 1rem",
             boxShadow: "none",
+            background: colors.lightGrey,
+            ...customTheme?.control,
+            border: state.isFocused
+                ? customTheme?.control?.focus?.border ?? `1px solid ${colors.secondary}`
+                : !checkIfValueIsEmpty(error)
+                    ? customTheme?.control?.error?.border ?? `1px solid ${colors.orange}`
+                    : customTheme?.control?.border ?? `1px solid ${colors.border}`,
             ":hover": {
-                borderColor: theme.colors.controlHoverBorderColor,
-                borderWidth: "1px"
+                borderColor: colors.secondary,
+                borderWidth: "1px",
+                ...customTheme?.control?.hover
             },
-            background: theme.colors.controlBackground,
-            border: state.isFocused
-                ? `1px solid ${theme.colors.controlFocusBorderColor}`
-                : `1px solid ${theme.colors.controlUnfocusedBorderColor}`,
             ...before
         };
     },
@@ -48,27 +50,53 @@ const customStyles = {
         };
     },
     option: (provided, state) => {
-        const { theme } = state;
         return {
             ...provided,
+            ...customTheme?.option,
             cursor: state.isDisabled ? "not-allowed" : "pointer",
-            opacity: state.isDisabled ? "0.5" : "1",
+            opacity: state.isDisabled
+                ? customTheme?.option?.disabled?.opacity ?? "0.5"
+                : customTheme?.option?.opacity ?? "1",
             background: state.isOptionSelected || state.isSelected || state.isFocused
-                ? theme.colors.selectedOptionBackground
-                : theme.colors.unselectedOptionBackground,
+                ? customTheme?.option?.selected?.background ?? colors.lightGrey
+                : customTheme?.option?.background ?? colors.white,
             color: state.isOptionSelected || state.isSelected
-                ? theme.colors.selectedOptionColor
-                : theme.colors.unselectedOptionColor
+                ? customTheme?.option?.selected?.color ?? colors.secondary
+                : customTheme?.option?.color ?? colors.black,
+            ...(state.isDisabled && customTheme?.option?.disabled),
+            ...((state.isOptionSelected || state.isSelected) &&
+                customTheme?.option?.selected),
+            ...(state.isFocused && customTheme?.option?.focus),
+            ...(!checkIfValueIsEmpty(error) && customTheme?.option?.error)
+        };
+    },
+    menu: (provided) => {
+        return {
+            ...provided,
+            overflow: "hidden",
+            ...customTheme?.menu,
+            ...(!checkIfValueIsEmpty(error) && customTheme?.menu?.error)
         };
     },
-    menu: (provided) => ({
-        ...provided,
-        overflow: "hidden"
-    }),
     indicatorSeparator: () => ({
         display: "none"
+    }),
+    placeholder: (provided) => ({
+        ...provided,
+        ...customTheme?.placeholder,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.placeholder?.error)
+    }),
+    input: (provided) => ({
+        ...provided,
+        ...customTheme?.input,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.input?.error)
+    }),
+    singleValue: (provided) => ({
+        ...provided,
+        ...customTheme?.singleValue,
+        ...(!checkIfValueIsEmpty(error) && customTheme?.singleValue?.error)
     })
-};
+});
 const ControlGrid = styled.div `
   display: flex;
   width: 100%;
@@ -76,6 +104,7 @@ const ControlGrid = styled.div `
   align-items: center;
   justify-content: space-between;
   .PhoneInputCountryIcon {
+    max-width: fit-content;
     min-width: 40px;
     display: inline;
     height: 27px;
@@ -83,6 +112,9 @@ const ControlGrid = styled.div `
       max-width: 40px;
     }
   }
+  svg {
+    max-width: 40px;
+  }
 `;
 const OptionGrid = styled.div `
   display: grid;
@@ -106,18 +138,22 @@ const PhoneWrapper = styled.div `
     transition: all 150ms ease-in-out;
   }
 `;
-export function CountrySelect({ name, countries, theme: selectTheme, ...rest }) {
+export function CountrySelect({ name, countries, theme: selectTheme, fieldValueIsCountryCode, ...rest }) {
     const { status } = useFormikContext();
     const [initialized, setInitialized] = useState(false);
     const [field, meta, helpers] = useField(name);
-    const errorText = meta.error || status?.[name];
-    const errorMessage = errorText && meta.touched ? errorText : "";
-    const displayError = typeof errorMessage === "string" && errorMessage !== "";
+    const errorMessage = meta.error || status?.[name];
+    const displayErrorMessage = meta.error && meta.touched && !errorMessage
+        ? meta.error
+        : meta.error && meta.touched && errorMessage
+            ? errorMessage
+            : "";
+    const displayError = typeof displayErrorMessage === "string" && displayErrorMessage !== "";
     const [phone, setPhone] = useState(undefined);
-    const [countryCode, setCountryCode] = useState();
+    const [countryCodeOrName, setCountryCodeOrName] = useState();
     useEffect(() => {
         if (!initialized && field.value) {
-            setCountryCode(field.value);
+            setCountryCodeOrName(field.value);
             setInitialized(true);
         }
     }, [field.value, initialized]); // eslint-disable-line
@@ -127,46 +163,40 @@ export function CountrySelect({ name, countries, theme: selectTheme, ...rest })
             // eslint-disable-next-line @typescript-eslint/no-unused-vars
             , { 
                 // eslint-disable-next-line @typescript-eslint/no-unused-vars
-                inputComponent: forwardRef((props, ref) => (React.createElement("div", null))), addInternationalOption: false, country: countryCode, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: ({ iconComponent: Icon, ...props }) => (React.createElement(React.Fragment, null,
-                    React.createElement("div", null,
-                        React.createElement(Select, { ...rest, ...props, isDisabled: rest.disabled, theme: (theme) => ({
-                                ...theme,
-                                controlHeight: selectTheme?.controlHeight,
-                                borderRadius: selectTheme?.borderRadius || 0,
-                                colors: {
-                                    ...theme.colors,
-                                    controlHoverBorderColor: selectTheme?.controlHoverBorderColor ||
-                                        colors.secondary,
-                                    controlBackground: selectTheme?.controlBackground || colors.lightGrey,
-                                    controlFocusBorderColor: selectTheme?.controlFocusBorderColor ||
-                                        colors.secondary,
-                                    controlUnfocusedBorderColor: selectTheme?.controlUnfocusedBorderColor ||
-                                        colors.border,
-                                    selectedOptionBackground: selectTheme?.selectedOptionBackground ||
-                                        colors.lightGrey,
-                                    unselectedOptionBackground: selectTheme?.unselectedOptionBackground || colors.white,
-                                    selectedOptionColor: selectTheme?.selectedOptionColor || colors.secondary,
-                                    unselectedOptionColor: selectTheme?.unselectedOptionColor || colors.black
-                                }
-                            }), styles: customStyles, name: "countrySelect", value: (props?.options || []).find((o) => o.value === countryCode), onChange: (o) => {
-                                setCountryCode(o.value);
-                                helpers.setValue(o.label);
-                            }, components: {
-                                Control: (props) => {
-                                    const country = props?.getValue()[0]?.value || null;
-                                    return (React.createElement(components.Control, { ...props },
-                                        React.createElement(ControlGrid, null,
-                                            country ? (React.createElement(Icon, { country: country, label: "" })) : (React.createElement(GlobeHemisphereWest, null)),
-                                            props.children)));
-                                },
-                                Option: (props) => {
-                                    const country = props?.data?.value || null;
-                                    return (React.createElement(components.Option, { ...props },
-                                        React.createElement(OptionGrid, null,
-                                            country ? (React.createElement(Icon, { country: country, label: props.label })) : (React.createElement(GlobeHemisphereWest, null)),
-                                            props.label)));
-                                }
-                            } })))) })),
+                inputComponent: forwardRef((props, ref) => (React.createElement("div", null))), addInternationalOption: false, country: countryCodeOrName, value: phone, onChange: (value) => setPhone((value || "").replace(/\+/g, "")), countries: countries, countrySelectComponent: ({ iconComponent: Icon, ...props }) => {
+                    const value = (props?.options || []).find((o) => fieldValueIsCountryCode
+                        ? o.value === countryCodeOrName
+                        : o.label === countryCodeOrName);
+                    return (React.createElement(React.Fragment, null,
+                        React.createElement("div", null,
+                            React.createElement(Select, { ...rest, ...props, isDisabled: rest.disabled, styles: customStyles(displayErrorMessage, selectTheme), name: "countrySelect", value: value, onChange: (o) => {
+                                    if (!meta.touched) {
+                                        helpers.setTouched(true);
+                                    }
+                                    const value = fieldValueIsCountryCode ? o.value : o.label;
+                                    setCountryCodeOrName(value);
+                                    helpers.setValue(value);
+                                }, onBlur: () => {
+                                    if (!meta.touched) {
+                                        helpers.setTouched(true);
+                                    }
+                                }, components: {
+                                    Control: (props) => {
+                                        const country = props?.getValue()[0]?.value || null;
+                                        return (React.createElement(components.Control, { ...props },
+                                            React.createElement(ControlGrid, null,
+                                                country ? (React.createElement(Icon, { country: country, label: "" })) : (React.createElement(GlobeHemisphereWest, null)),
+                                                props.children)));
+                                    },
+                                    Option: (props) => {
+                                        const country = props?.data?.value || null;
+                                        return (React.createElement(components.Option, { ...props },
+                                            React.createElement(OptionGrid, null,
+                                                country ? (React.createElement(Icon, { country: country, label: props.label })) : (React.createElement(GlobeHemisphereWest, null)),
+                                                props.label)));
+                                    }
+                                } }))));
+                } })),
         React.createElement(Error, { display: !rest.hideError && displayError, message: errorMessage })));
 }
 //# sourceMappingURL=CountrySelect.js.map

package/dist/esm/components/form/CountrySelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CountrySelect.js","sourceRoot":"","sources":["../../../../src/components/form/CountrySelect.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/form/Field.styles.d.ts

@@ -36,8 +36,20 @@ export declare const FieldInput: import("styled-components").IStyledComponent<"w
     $heightSize?: "regular" | "small" | "large" | undefined;
     theme?: InputTheme | undefined;
 }>>;
+export type FileUploadWrapperTheme = Partial<{
+    borderColor: CSSProperties["borderColor"];
+    borderRadius: CSSProperties["borderRadius"];
+    background: CSSProperties["background"];
+    focus: Partial<{
+        borderColor: CSSProperties["borderColor"];
+    }>;
+    error: Partial<{
+        borderColor: CSSProperties["borderColor"];
+    }>;
+}>;
 export declare const FileUploadWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    error: any;
+    $error: unknown;
+    theme: FileUploadWrapperTheme | undefined;
 }>>;
 export declare const FieldFileUpload: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Pick<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "theme" | "$error" | "$heightSize"> & {
     $error?: any;
@@ -135,8 +147,30 @@ export declare const FormFieldWrapper: import("styled-components").IStyledCompon
     alignSelf?: import("csstype").Property.AlignSelf | undefined;
     justifySelf?: import("csstype").Property.JustifySelf | undefined;
 } & import("react").HTMLAttributes<unknown> & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>;
+export type CheckboxTheme = Partial<{
+    backgroundColor: CSSProperties["backgroundColor"];
+    borderColor: CSSProperties["borderColor"];
+    borderRadius: CSSProperties["borderRadius"];
+    color: CSSProperties["color"];
+    hover: Partial<{
+        borderColor: CSSProperties["borderColor"];
+        backgroundColor: CSSProperties["backgroundColor"];
+        color: CSSProperties["color"];
+    }>;
+    error: Partial<{
+        borderColor: CSSProperties["borderColor"];
+        backgroundColor: CSSProperties["backgroundColor"];
+        color: CSSProperties["color"];
+    }>;
+    checked: Partial<{
+        borderColor: CSSProperties["borderColor"];
+        backgroundColor: CSSProperties["backgroundColor"];
+        color: CSSProperties["color"];
+    }>;
+}>;
 export declare const CheckboxWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    error: any;
+    $error: unknown;
+    theme: CheckboxTheme;
 }>>;
 export declare const VideoPreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").VideoHTMLAttributes<HTMLVideoElement>, HTMLVideoElement>, never>>;
 export declare const ImagePreview: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>>;

package/dist/esm/components/form/Field.styles.d.ts.map

@@ -1 +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,eAAO,MAAM,iBAAiB;WAAuB,GAAG;GAsDvD,CAAC;AAEF,eAAO,MAAM,eAAe;aAhIjB,GAAG;;;;;;aAAH,GAAG;;;mDAkIb,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,eAAO,MAAM,eAAe;WAAyB,GAAG;GAmEvD,CAAC;AAEF,eAAO,MAAM,YAAY,yNAKxB,CAAC;AACF,eAAO,MAAM,YAAY,uNAExB,CAAC"}
+{"version":3,"file":"Field.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/form/Field.styles.js

@@ -103,27 +103,31 @@ export const FileUploadWrapper = styled.div `
     }
   }
 
-  background: ${colors.lightGrey};
-  border-radius: 0;
+  background: ${({ theme }) => theme?.background || colors.lightGrey};
+  ${({ theme }) => theme.borderRadius !== undefined &&
+    css `
+      border-radius: ${theme.borderRadius};
+    `};
   outline: none;
 
-  ${({ error }) => !checkIfValueIsEmpty(error)
+  ${({ $error, theme }) => !checkIfValueIsEmpty($error)
     ? css `
-          border: 1px solid ${colors.orange};
+          border: 1px solid ${theme?.error?.borderColor || colors.orange};
         `
     : css `
-          border: 1px solid ${colors.border};
+          border: 1px solid ${theme?.borderColor || colors.border};
         `}
 
   ${transition};
 
   &:focus,
   &:hover {
-    border: 1px solid var(--secondary);
+    border: 1px solid
+      ${({ theme }) => theme?.hover?.borderColor || colors.lightGrey};
   }
 
   /* prettier-ignore */
-  [data-disabled=true] {
+  :disabled, [data-disabled=true] {
     cursor: not-allowed;
     opacity: 0.5;
   }
@@ -258,7 +262,16 @@ export const CheckboxWrapper = styled.label `
       + div {
         cursor: pointer;
         &:hover {
-          border: 1px solid ${colors.secondary};
+          border: 1px solid
+            ${({ theme }) => theme?.hover?.borderColor || colors.border};
+          ${({ theme }) => theme?.hover?.backgroundColor &&
+    css `
+              background-color: ${theme?.hover?.backgroundColor};
+            `};
+          ${({ theme }) => theme?.hover?.color &&
+    css `
+              color: ${theme?.hover?.color};
+            `};
           svg {
             opacity: 0.25;
           }
@@ -278,8 +291,16 @@ export const CheckboxWrapper = styled.label `
     width: 1.5rem;
     height: 1.5rem;
 
-    background: ${colors.lightGrey};
-
+    background-color: ${({ theme }) => theme?.backgroundColor || colors.lightGrey};
+    border: 1px solid ${({ theme }) => theme?.borderColor};
+    ${({ theme }) => theme?.color &&
+    css `
+        color: ${theme?.color};
+      `};
+    ${({ theme }) => theme?.borderRadius !== undefined &&
+    css `
+        border-radius: ${theme?.borderRadius};
+      `};
     margin-right: 0.5rem;
   }
 
@@ -288,6 +309,20 @@ export const CheckboxWrapper = styled.label `
       + div svg {
         opacity: 1;
       }
+      + div {
+        ${({ theme }) => theme?.checked?.backgroundColor &&
+    css `
+            background-color: ${theme?.checked?.backgroundColor};
+          `};
+        ${({ theme }) => theme?.checked?.borderColor &&
+    css `
+            border: 1px solid ${theme?.checked?.borderColor};
+          `};
+        ${({ theme }) => theme?.checked?.color &&
+    css `
+            color: ${theme?.checked?.color};
+          `};
+      }
     }
     &:not(:checked) {
       + div svg {
@@ -296,16 +331,19 @@ export const CheckboxWrapper = styled.label `
     }
   }
 
-  ${({ error }) => !checkIfValueIsEmpty(error)
-    ? css `
-          > div {
-            border: 1px solid ${colors.orange};
-          }
-        `
-    : css `
-          > div {
-            border: 1px solid ${colors.border};
-          }
+  ${({ $error, theme }) => !checkIfValueIsEmpty($error) &&
+    css `
+      > div {
+        border: 1px solid ${theme?.error?.borderColor || colors.orange}};
+        ${theme?.error?.backgroundColor &&
+        css `
+            background-color: ${theme?.error?.backgroundColor};
+          `};
+        ${theme?.error?.color &&
+        css `
+            color: ${theme?.error?.color};
+          `};
+      }
         `}
 `;
 export const VideoPreview = styled.video `

package/dist/esm/components/form/Field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.styles.js","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"Field.styles.js","sourceRoot":"","sources":["../../../../src/components/form/Field.styles.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/form/FormField.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import type { FormFieldProps } from "./types";
-export declare function FormField({ title, titleIcon, subTitle, required, tooltip, children, style, valueToCopy, copyIconColor }: FormFieldProps): JSX.Element;
+export type { FormFieldProps } from "./types";
+export declare function FormField({ title, titleIcon, subTitle, required, tooltip, children, style, valueToCopy, copyIconColor, ...rest }: FormFieldProps): JSX.Element;
 //# sourceMappingURL=FormField.d.ts.map

package/dist/esm/components/form/FormField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormField.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,KAAU,EACV,WAAW,EACX,aAAgC,EACjC,EAAE,cAAc,eA0DhB"}
+{"version":3,"file":"FormField.d.ts","sourceRoot":"","sources":["../../../../src/components/form/FormField.tsx"],"names":[],"mappings":";AAWA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAC9C,YAAY,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,QAAgB,EAChB,QAAgB,EAChB,OAAO,EACP,QAAQ,EACR,KAAU,EACV,WAAW,EACX,aAAgC,EAChC,GAAG,IAAI,EACR,EAAE,cAAc,eA2DhB"}

package/dist/esm/components/form/FormField.js

@@ -9,8 +9,8 @@ import { Grid } from "../ui/Grid";
 import { Typography } from "../ui/Typography";
 import { CopyButton, FormFieldWrapper } from "./Field.styles";
 const colors = theme.colors.light;
-export function FormField({ title, titleIcon, subTitle = false, required = false, tooltip, children, style = {}, valueToCopy, copyIconColor = colors.secondary }) {
-    return (React.createElement(FormFieldWrapper, { justifyContent: "flex-start", flexDirection: "column", alignItems: "flex-start", flexGrow: "1", style: style },
+export function FormField({ title, titleIcon, subTitle = false, required = false, tooltip, children, style = {}, valueToCopy, copyIconColor = colors.secondary, ...rest }) {
+    return (React.createElement(FormFieldWrapper, { justifyContent: "flex-start", flexDirection: "column", alignItems: "flex-start", flexGrow: "1", style: style, ...rest },
         React.createElement(React.Fragment, null,
             React.createElement(Grid, { justifyContent: "flex-start", margin: "0 0 0.375rem 0" },
                 React.createElement(Typography, { "data-header": true, tag: "p" },

package/dist/esm/components/form/FormField.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/form/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAG9D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,WAAW,EACX,aAAa,GAAG,MAAM,CAAC,SAAS,EACjB;IACf,OAAO,CACL,oBAAC,gBAAgB,IACf,cAAc,EAAC,YAAY,EAC3B,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,YAAY,EACvB,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAE,KAAK;QAEZ;YACE,oBAAC,IAAI,IAAC,cAAc,EAAC,YAAY,EAAC,MAAM,EAAC,gBAAgB;gBACvD,oBAAC,UAAU,yBAAa,GAAG,EAAC,GAAG;oBAC5B,KAAK;oBACL,IAAI;oBACJ,QAAQ,IAAI,GAAG;oBACf,WAAW,IAAI,CACd,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI;gCACF,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;gCACzC,IAAI,QAAQ,GAAG,EAAE,CAAC;gCAClB,IAAI,UAAU,EAAE;oCACd,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;wCAC/B,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;oCAC3B,CAAC,CAAC,CAAC;iCACJ;qCAAM;oCACL,QAAQ,GAAG,WAAW,CAAC;iCACxB;gCAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gCACxC,KAAK,CAAC,GAAG,EAAE,CAAC,mCAAmC,CAAC,CAAC;6BAClD;4BAAC,OAAO,KAAK,EAAE;gCACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gCACrB,OAAO,KAAK,CAAC;6BACd;wBACH,CAAC;wBAED,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAC,OAAO,GAAG,CAC5C,CACd,CACU;gBACZ,SAAS;gBACT,OAAO,IAAI,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,GAAI,CAC9C;YACN,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,cAAc,EAAC,YAAY,EAC3B,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE;gBAEnC,oBAAC,UAAU,4BAAgB,GAAG,EAAC,GAAG,IAC/B,QAAQ,CACE,CACR,CACR;YACA,QAAQ,CACR,CACc,CACpB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../../src/components/form/FormField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,QAAQ,MAAM,iBAAiB,CAAC;AACvC,OAAO,SAAS,MAAM,kBAAkB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,MAAM,gBAAgB,CAAC;AACtC,OAAO,KAAK,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEpC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAI9D,MAAM,MAAM,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;AAElC,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,QAAQ,GAAG,KAAK,EAChB,OAAO,EACP,QAAQ,EACR,KAAK,GAAG,EAAE,EACV,WAAW,EACX,aAAa,GAAG,MAAM,CAAC,SAAS,EAChC,GAAG,IAAI,EACQ;IACf,OAAO,CACL,oBAAC,gBAAgB,IACf,cAAc,EAAC,YAAY,EAC3B,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,YAAY,EACvB,QAAQ,EAAC,GAAG,EACZ,KAAK,EAAE,KAAK,KACR,IAAI;QAER;YACE,oBAAC,IAAI,IAAC,cAAc,EAAC,YAAY,EAAC,MAAM,EAAC,gBAAgB;gBACvD,oBAAC,UAAU,yBAAa,GAAG,EAAC,GAAG;oBAC5B,KAAK;oBACL,IAAI;oBACJ,QAAQ,IAAI,GAAG;oBACf,WAAW,IAAI,CACd,oBAAC,UAAU,IACT,OAAO,EAAE,GAAG,EAAE;4BACZ,IAAI;gCACF,MAAM,UAAU,GAAG,QAAQ,CAAC,WAAW,CAAC,CAAC;gCACzC,IAAI,QAAQ,GAAG,EAAE,CAAC;gCAClB,IAAI,UAAU,EAAE;oCACd,SAAS,CAAC,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;wCAC/B,QAAQ,IAAI,GAAG,KAAK,IAAI,CAAC;oCAC3B,CAAC,CAAC,CAAC;iCACJ;qCAAM;oCACL,QAAQ,GAAG,WAAW,CAAC;iCACxB;gCAED,SAAS,CAAC,SAAS,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;gCACxC,KAAK,CAAC,GAAG,EAAE,CAAC,mCAAmC,CAAC,CAAC;6BAClD;4BAAC,OAAO,KAAK,EAAE;gCACd,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gCACrB,OAAO,KAAK,CAAC;6BACd;wBACH,CAAC;wBAED,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAC,OAAO,GAAG,CAC5C,CACd,CACU;gBACZ,SAAS;gBACT,OAAO,IAAI,oBAAC,OAAO,IAAC,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE,GAAI,CAC9C;YACN,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,cAAc,EAAC,YAAY,EAC3B,KAAK,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE;gBAEnC,oBAAC,UAAU,4BAAgB,GAAG,EAAC,GAAG,IAC/B,QAAQ,CACE,CACR,CACR;YACA,QAAQ,CACR,CACc,CACpB,CAAC;AACJ,CAAC"}

package/dist/esm/components/form/Select.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
 import type { SelectProps } from "./types";
-export default function SelectComponent({ name, options, placeholder, isClearable, isSearchable, disabled, errorMessage, onChange, ...props }: SelectProps): JSX.Element;
+export type { SelectProps } from "./types";
+export default function SelectComponent({ name, options, placeholder, isClearable, isSearchable, disabled, errorMessage, onChange, theme, ...props }: SelectProps): JSX.Element;
 //# sourceMappingURL=Select.d.ts.map

package/dist/esm/components/form/Select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAC;AAgE5D,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAyB,EACzB,WAAmB,EACnB,YAAmB,EACnB,QAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,WAAW,eA4Cb"}
+{"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../../src/components/form/Select.tsx"],"names":[],"mappings":";AASA,OAAO,KAAK,EAAmB,WAAW,EAAE,MAAM,SAAS,CAAC;AAC5D,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AA6F3C,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EACtC,IAAI,EACJ,OAAO,EACP,WAAyB,EACzB,WAAmB,EACnB,YAAmB,EACnB,QAAgB,EAChB,YAAY,EACZ,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,EAAE,WAAW,eA4Cb"}