@feathery/react 2.13.0 → 2.15.0

package/dist/elements/fields/shared/tests/field-test-utils.d.ts

@@ -1,52 +1,51 @@
-/// <reference types="jest" />
-import React from 'react';
-export declare const setMockFieldValue: (value: any) => void;
-export declare const getMockFieldValue: () => any;
-export declare const resetMockFieldValue: () => void;
-export declare const mockResponsiveStyles: {
-    getTarget: jest.Mock<{}, []>;
-    getTargets: jest.Mock<{}, []>;
-    getMobileBreakpoint: jest.Mock<number, []>;
-    applyFontStyles: jest.Mock<any, any>;
-    addTargets: jest.Mock<any, any>;
-    apply: jest.Mock<any, any>;
-    applyHeight: jest.Mock<any, any>;
-    applyWidth: jest.Mock<any, any>;
-    applyBorders: jest.Mock<any, any>;
-    applyCorners: jest.Mock<any, any>;
-    applyBoxShadow: jest.Mock<any, any>;
-    applyColor: jest.Mock<any, any>;
-    applySelectorStyles: jest.Mock<any, any>;
-};
-export declare const createBaseElement: (id: string, type: string, metadata?: any, properties?: any, styles?: any) => {
-    id: string;
-    servar: any;
-    properties: any;
-    styles: any;
-    repeat: boolean;
-};
-export declare const createFieldProps: (element: any, customProps?: any) => any;
-export declare const createStatefulTextOnChange: () => jest.Mock<void, [e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>]>;
-export declare const createStatefulFileOnChange: () => jest.Mock<void, [files: any[]]>;
-export declare const createStatefulAcceptHandler: () => jest.Mock<void, [val: any]>;
-export declare const createMockFile: (name: string, type: string, size?: number, content?: string) => File;
-export declare const createMockImageFile: (name?: string, size?: number) => File;
-export declare const createMockDocumentFile: (name?: string, size?: number) => File;
-export declare const createFileInputChangeEvent: (files: File[]) => {
-    target: {
-        files: FileList;
-    };
-};
-export declare const createDragEvent: (files: File[]) => {
-    preventDefault: jest.Mock<any, any>;
-    stopPropagation: jest.Mock<any, any>;
-    dataTransfer: {
-        files: FileList;
-    };
-};
-export declare const expectFieldToBeDisabled: (field: HTMLElement) => void;
-export declare const expectFieldToBeRequired: (field: HTMLElement) => void;
-export declare const expectFieldToHaveMaxLength: (field: HTMLElement, maxLength: number) => void;
-export declare const expectFieldToHaveMinLength: (field: HTMLElement, minLength: number) => void;
-export declare const expectFieldToHaveAriaLabel: (field: HTMLElement, label: string) => void;
+import React from 'react';
+export declare const setMockFieldValue: (value: any) => void;
+export declare const getMockFieldValue: () => any;
+export declare const resetMockFieldValue: () => void;
+export declare const mockResponsiveStyles: {
+    getTarget: jest.Mock<{}, []>;
+    getTargets: jest.Mock<{}, []>;
+    getMobileBreakpoint: jest.Mock<number, []>;
+    applyFontStyles: jest.Mock<any, any>;
+    addTargets: jest.Mock<any, any>;
+    apply: jest.Mock<any, any>;
+    applyHeight: jest.Mock<any, any>;
+    applyWidth: jest.Mock<any, any>;
+    applyBorders: jest.Mock<any, any>;
+    applyCorners: jest.Mock<any, any>;
+    applyBoxShadow: jest.Mock<any, any>;
+    applyColor: jest.Mock<any, any>;
+    applySelectorStyles: jest.Mock<any, any>;
+};
+export declare const createBaseElement: (id: string, type: string, metadata?: any, properties?: any, styles?: any) => {
+    id: string;
+    servar: any;
+    properties: any;
+    styles: any;
+    repeat: boolean;
+};
+export declare const createFieldProps: (element: any, customProps?: any) => any;
+export declare const createStatefulTextOnChange: () => jest.Mock<void, [e: React.ChangeEvent<HTMLInputElement | HTMLTextAreaElement>]>;
+export declare const createStatefulFileOnChange: () => jest.Mock<void, [files: any[]]>;
+export declare const createStatefulAcceptHandler: () => jest.Mock<void, [val: any]>;
+export declare const createMockFile: (name: string, type: string, size?: number, content?: string) => File;
+export declare const createMockImageFile: (name?: string, size?: number) => File;
+export declare const createMockDocumentFile: (name?: string, size?: number) => File;
+export declare const createFileInputChangeEvent: (files: File[]) => {
+    target: {
+        files: FileList;
+    };
+};
+export declare const createDragEvent: (files: File[]) => {
+    preventDefault: jest.Mock<any, any>;
+    stopPropagation: jest.Mock<any, any>;
+    dataTransfer: {
+        files: FileList;
+    };
+};
+export declare const expectFieldToBeDisabled: (field: HTMLElement) => void;
+export declare const expectFieldToBeRequired: (field: HTMLElement) => void;
+export declare const expectFieldToHaveMaxLength: (field: HTMLElement, maxLength: number) => void;
+export declare const expectFieldToHaveMinLength: (field: HTMLElement, minLength: number) => void;
+export declare const expectFieldToHaveAriaLabel: (field: HTMLElement, label: string) => void;
 //# sourceMappingURL=field-test-utils.d.ts.map

package/dist/elements/fields/shared/tests/field-test-utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"field-test-utils.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/shared/tests/field-test-utils.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8D1B,eAAO,MAAM,iBAAiB,UAAW,GAAG,SAE3C,CAAC;AAEF,eAAO,MAAM,iBAAiB,WAAuB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,YAE/B,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;CAehC,CAAC;AAGF,eAAO,MAAM,iBAAiB,OACxB,MAAM,QACJ,MAAM,aACF,GAAG,eACD,GAAG,WACP,GAAG;;;;;;CAsBX,CAAC;AAGH,eAAO,MAAM,gBAAgB,YAAa,GAAG,gBAAe,GAAG,QAY7D,CAAC;AAGH,eAAO,MAAM,0BAA0B,uFAMtC,CAAC;AAEF,eAAO,MAAM,0BAA0B,uCAItC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAIvC,CAAC;AAGF,eAAO,MAAM,cAAc,SACnB,MAAM,QACN,MAAM,sCAGX,IAOF,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAG7B,IAEF,CAAC;AAEF,eAAO,MAAM,sBAAsB,oCAGhC,IAEF,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAW,IAAI,EAAE;;;;CAiBvD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,IAAI,EAAE;;;;;;CAc5C,CAAC;AA0BF,eAAO,MAAM,uBAAuB,UAAW,WAAW,SAEzD,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAAW,WAAW,SAEzD,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC9B,WAAW,aACP,MAAM,SAGlB,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC9B,WAAW,aACP,MAAM,SAGlB,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC9B,WAAW,SACX,MAAM,SAGd,CAAC"}
+{"version":3,"file":"field-test-utils.d.ts","sourceRoot":"","sources":["../../../../../src/elements/fields/shared/tests/field-test-utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AA8D1B,eAAO,MAAM,iBAAiB,UAAW,GAAG,SAE3C,CAAC;AAEF,eAAO,MAAM,iBAAiB,WAAuB,CAAC;AAEtD,eAAO,MAAM,mBAAmB,YAE/B,CAAC;AAGF,eAAO,MAAM,oBAAoB;;;;;;;;;;;;;;CAehC,CAAC;AAGF,eAAO,MAAM,iBAAiB,OACxB,MAAM,QACJ,MAAM,aACF,GAAG,eACD,GAAG,WACP,GAAG;;;;;;CAsBX,CAAC;AAGH,eAAO,MAAM,gBAAgB,YAAa,GAAG,gBAAe,GAAG,QAY7D,CAAC;AAGH,eAAO,MAAM,0BAA0B,uFAMtC,CAAC;AAEF,eAAO,MAAM,0BAA0B,uCAItC,CAAC;AAEF,eAAO,MAAM,2BAA2B,mCAIvC,CAAC;AAGF,eAAO,MAAM,cAAc,SACnB,MAAM,QACN,MAAM,sCAGX,IAOF,CAAC;AAEF,eAAO,MAAM,mBAAmB,oCAG7B,IAEF,CAAC;AAEF,eAAO,MAAM,sBAAsB,oCAGhC,IAEF,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAAW,IAAI,EAAE;;;;CAiBvD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,IAAI,EAAE;;;;;;CAc5C,CAAC;AA0BF,eAAO,MAAM,uBAAuB,UAAW,WAAW,SAEzD,CAAC;AAEF,eAAO,MAAM,uBAAuB,UAAW,WAAW,SAEzD,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC9B,WAAW,aACP,MAAM,SAGlB,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC9B,WAAW,aACP,MAAM,SAGlB,CAAC;AAEF,eAAO,MAAM,0BAA0B,UAC9B,WAAW,SACX,MAAM,SAGd,CAAC"}

package/dist/elements/index.d.ts

@@ -1,37 +1,38 @@
-import React from 'react';
-import ImageElement from './basic/ImageElement';
-import VideoElement from './basic/VideoElement';
-import TextElement from './basic/TextElement';
-import ButtonElement from './basic/ButtonElement';
-import ProgressBarElement from './basic/ProgressBarElement';
-declare const Elements: {
-    AddressLine1: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, disabled, autoComplete, editMode, repeatIndex, onSelect, onChange, required, onBlur, onEnter, setRef, value, inlineError, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    ButtonGroupField: React.LazyExoticComponent<typeof import("./fields/ButtonGroupField").default>;
-    CheckboxField: React.LazyExoticComponent<typeof import("./fields/CheckboxField").default>;
-    CheckboxGroupField: React.LazyExoticComponent<typeof import("./fields/CheckboxGroupField").default>;
-    ColorPickerField: React.LazyExoticComponent<typeof import("./fields/ColorPickerField").default>;
-    CustomField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, elementProps, responsiveStyles, onChange, rawValue, required, disabled, fieldStyles, editMode, rightToLeft, index }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    DateSelectorField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, repeatIndex, editMode, onComplete, onEnter, setRef, value, inlineError, children }: import("./fields/DateSelectorField").DateSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    DropdownField: React.LazyExoticComponent<typeof import("./fields/DropdownField").default>;
-    DropdownMultiField: React.LazyExoticComponent<typeof import("./fields/DropdownMultiField").default>;
-    FileUploadField: React.LazyExoticComponent<typeof import("./fields/FileUploadField").default>;
-    MatrixField: React.LazyExoticComponent<typeof import("./fields/MatrixField").default>;
-    PasswordField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, repeatIndex, editMode, onChange, onEnter, setRef, rawValue, inlineError, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    PaymentMethodField: React.LazyExoticComponent<React.MemoExoticComponent<({ editMode, children, ...props }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    PhoneField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, fullNumber, elementProps, required, disabled, repeatIndex, autoComplete, editMode, onComplete, setRef, inlineError, rightToLeft, onEnter, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    PinInputField: React.LazyExoticComponent<typeof import("./fields/PinInputField").default>;
-    QRScanner: React.LazyExoticComponent<typeof import("./fields/QRScanner").default>;
-    RadioButtonGroupField: React.LazyExoticComponent<typeof import("./fields/RadioButtonGroupField").default>;
-    RatingField: React.LazyExoticComponent<typeof import("./fields/RatingField").default>;
-    SignatureField: React.LazyExoticComponent<typeof import("./fields/SignatureField").default>;
-    SliderField: React.LazyExoticComponent<typeof import("./fields/SliderField").default>;
-    TextField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, autoComplete, editMode, onAccept, onEnter, setRef, inlineError, repeatIndex, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    TextArea: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, editMode, onChange, setRef, rawValue, inlineError, repeatIndex, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
-    ImageElement: typeof ImageElement;
-    VideoElement: typeof VideoElement;
-    TextElement: typeof TextElement;
-    ButtonElement: typeof ButtonElement;
-    ProgressBarElement: typeof ProgressBarElement;
-};
-export default Elements;
+import React from 'react';
+import ImageElement from './basic/ImageElement';
+import VideoElement from './basic/VideoElement';
+import TextElement from './basic/TextElement';
+import ButtonElement from './basic/ButtonElement';
+import ProgressBarElement from './basic/ProgressBarElement';
+declare const Elements: {
+    AddressLine1: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, disabled, autoComplete, editMode, repeatIndex, onSelect, onChange, required, onBlur, onEnter, setRef, value, inlineError, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    ButtonGroupField: React.LazyExoticComponent<typeof import("./fields/ButtonGroupField").default>;
+    CheckboxField: React.LazyExoticComponent<typeof import("./fields/CheckboxField").default>;
+    CheckboxGroupField: React.LazyExoticComponent<typeof import("./fields/CheckboxGroupField").default>;
+    ColorPickerField: React.LazyExoticComponent<typeof import("./fields/ColorPickerField").default>;
+    CustomField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, elementProps, responsiveStyles, onChange, rawValue, required, disabled, fieldStyles, editMode, rightToLeft, index }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    DateSelectorField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, repeatIndex, editMode, onComplete, onEnter, setRef, value, inlineError, children }: import("./fields/DateSelectorField").DateSelectorProps) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    DropdownField: React.LazyExoticComponent<typeof import("./fields/DropdownField").default>;
+    DropdownMultiField: React.LazyExoticComponent<typeof import("./fields/DropdownMultiField").default>;
+    FileUploadField: React.LazyExoticComponent<typeof import("./fields/FileUploadField").default>;
+    MatrixField: React.LazyExoticComponent<typeof import("./fields/MatrixField").default>;
+    PasswordField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, repeatIndex, editMode, onChange, onEnter, setRef, rawValue, inlineError, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    PaymentMethodField: React.LazyExoticComponent<React.MemoExoticComponent<({ editMode, children, ...props }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    PhoneField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, fullNumber, elementProps, required, disabled, repeatIndex, autoComplete, editMode, onComplete, setRef, inlineError, rightToLeft, onEnter, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    PinInputField: React.LazyExoticComponent<typeof import("./fields/PinInputField").default>;
+    QRScanner: React.LazyExoticComponent<typeof import("./fields/QRScanner").default>;
+    RadioButtonGroupField: React.LazyExoticComponent<typeof import("./fields/RadioButtonGroupField").default>;
+    RatingField: React.LazyExoticComponent<typeof import("./fields/RatingField").default>;
+    SignatureField: React.LazyExoticComponent<typeof import("./fields/SignatureField").default>;
+    SliderField: React.LazyExoticComponent<typeof import("./fields/SliderField").default>;
+    TextField: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, autoComplete, editMode, onAccept, onEnter, setRef, inlineError, repeatIndex, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    TextArea: React.LazyExoticComponent<React.MemoExoticComponent<({ element, responsiveStyles, fieldLabel, elementProps, required, disabled, editMode, onChange, setRef, rawValue, inlineError, repeatIndex, children }: any) => import("@emotion/react/jsx-runtime").JSX.Element>>;
+    ImageElement: typeof ImageElement;
+    VideoElement: typeof VideoElement;
+    TextElement: typeof TextElement;
+    ButtonElement: typeof ButtonElement;
+    ProgressBarElement: typeof ProgressBarElement;
+    TableElement: React.LazyExoticComponent<typeof import("./basic/TableElement").default>;
+};
+export default Elements;
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/elements/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkC,MAAM,OAAO,CAAC;AAKvD,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAU5D,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0B,CAAC;AA2EzC,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/elements/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAK7D,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,YAAY,MAAM,sBAAsB,CAAC;AAChD,OAAO,WAAW,MAAM,qBAAqB,CAAC;AAC9C,OAAO,aAAa,MAAM,uBAAuB,CAAC;AAClD,OAAO,kBAAkB,MAAM,4BAA4B,CAAC;AAiB5D,QAAA,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAA0B,CAAC;AA2EzC,eAAe,QAAQ,CAAC"}

package/dist/elements/styles.d.ts

@@ -1,65 +1,65 @@
-import { CSSProperties } from 'react';
-export declare const DEFAULT_MOBILE_BREAKPOINT = 478;
-export declare const getViewport: (breakpoint?: number) => "desktop" | "mobile";
-export declare const borderWidthProps: string[];
-export declare const borderColorProps: string[];
-/**
- * Handles the translation of server-side properties into responsive CSS
- * attributes
- */
-export default class ResponsiveStyles {
-    element: any;
-    handleMobile: boolean;
-    mobileStyles: any;
-    mobileTargets: any;
-    styles: any;
-    targets: any;
-    mobileBreakpoint: number;
-    mobileBreakpointKey: string;
-    constructor(element: any, targets: string[], handleMobile?: boolean, mobileBreakpoint?: number);
-    getMobileBreakpoint(): number;
-    setMobileBreakpoint(breakpoint: number): void;
-    addTargets(...targets: string[]): void;
-    getTarget(targetId: string, desktopOnly?: boolean, includeMobile?: boolean): any;
-    getTargets(...targets: string[]): {};
-    setStyle(target: string, key: string, val: any): void;
-    apply(target: string, properties: any, get: any): void;
-    applyFlexDirection(target: string, prefix?: string): void;
-    applyContentAlign(target: string, prefix?: string): void;
-    applyTextAlign(target: string, prefix?: string): void;
-    applyBorders({ target, prefix, important }: {
-        target?: string | undefined;
-        prefix?: string | undefined;
-        important?: boolean | undefined;
-    }): boolean;
-    applySelectorStyles(target: string, { prefix, important, addBorder, background }: {
-        prefix?: string | undefined;
-        important?: boolean | undefined;
-        addBorder?: boolean | undefined;
-        background?: boolean | undefined;
-    }): void;
-    applyPadding(target: string, prefix?: string, margin?: boolean): void;
-    applyMargin(target: string, prefix?: string): void;
-    applyCorners(target: string): void;
-    applyBoxShadow(target: string): void;
-    applyHeight(target: string, prefix?: string, force?: boolean): void;
-    applyWidth(target: string, prefix?: string, force?: boolean): void;
-    applyColor(target: string, jsonProp: any, cssProp: any, important?: boolean): void;
-    applyFontStyles(target: string, placeholder?: boolean, ignoreSelectorFontColor?: boolean): void;
-    applySpanSelectorStyles(target: string, prefix?: string): void;
-    transformFontFamilies(families: string): string;
-    applyFontFamily(target: string): void;
-    getRichFontStyles(attrs: any): Record<string, any>;
-    _getRichFontScreenStyles(attrs: any, isMobile?: boolean): Record<string, any>;
-    applyPlaceholderStyles(type: any, styles: any): void;
-    applyBackgroundColorGradient(target: string): void;
-    applyBackgroundImageStyles(target: string): void;
-}
-export declare const noTextSelectStyles: CSSProperties;
-export declare const resetStyles: CSSProperties;
-export declare const imgMaxSizeStyles: CSSProperties;
-export declare const ERROR_COLOR = "#F42525";
-export declare function mergeMobileStyles(style1: any, style2: any, breakpoint?: number): {
-    [x: string]: {};
-};
+import { CSSProperties } from 'react';
+export declare const DEFAULT_MOBILE_BREAKPOINT = 478;
+export declare const getViewport: (breakpoint?: number) => "desktop" | "mobile";
+export declare const borderWidthProps: string[];
+export declare const borderColorProps: string[];
+/**
+ * Handles the translation of server-side properties into responsive CSS
+ * attributes
+ */
+export default class ResponsiveStyles {
+    element: any;
+    handleMobile: boolean;
+    mobileStyles: any;
+    mobileTargets: any;
+    styles: any;
+    targets: any;
+    mobileBreakpoint: number;
+    mobileBreakpointKey: string;
+    constructor(element: any, targets: string[], handleMobile?: boolean, mobileBreakpoint?: number);
+    getMobileBreakpoint(): number;
+    setMobileBreakpoint(breakpoint: number): void;
+    addTargets(...targets: string[]): void;
+    getTarget(targetId: string, desktopOnly?: boolean, includeMobile?: boolean): any;
+    getTargets(...targets: string[]): {};
+    setStyle(target: string, key: string, val: any): void;
+    apply(target: string, properties: any, get: any): void;
+    applyFlexDirection(target: string, prefix?: string): void;
+    applyContentAlign(target: string, prefix?: string): void;
+    applyTextAlign(target: string, prefix?: string): void;
+    applyBorders({ target, prefix, important }: {
+        target?: string | undefined;
+        prefix?: string | undefined;
+        important?: boolean | undefined;
+    }): boolean;
+    applySelectorStyles(target: string, { prefix, important, addBorder, background }: {
+        prefix?: string | undefined;
+        important?: boolean | undefined;
+        addBorder?: boolean | undefined;
+        background?: boolean | undefined;
+    }): void;
+    applyPadding(target: string, prefix?: string, margin?: boolean): void;
+    applyMargin(target: string, prefix?: string): void;
+    applyCorners(target: string): void;
+    applyBoxShadow(target: string): void;
+    applyHeight(target: string, prefix?: string, force?: boolean): void;
+    applyWidth(target: string, prefix?: string, force?: boolean): void;
+    applyColor(target: string, jsonProp: any, cssProp: any, important?: boolean): void;
+    applyFontStyles(target: string, placeholder?: boolean, ignoreSelectorFontColor?: boolean): void;
+    applySpanSelectorStyles(target: string, prefix?: string): void;
+    transformFontFamilies(families: string): string;
+    applyFontFamily(target: string): void;
+    getRichFontStyles(attrs: any): Record<string, any>;
+    _getRichFontScreenStyles(attrs: any, isMobile?: boolean): Record<string, any>;
+    applyPlaceholderStyles(type: any, styles: any): void;
+    applyBackgroundColorGradient(target: string): void;
+    applyBackgroundImageStyles(target: string): void;
+}
+export declare const noTextSelectStyles: CSSProperties;
+export declare const resetStyles: CSSProperties;
+export declare const imgMaxSizeStyles: CSSProperties;
+export declare const ERROR_COLOR = "#F42525";
+export declare function mergeMobileStyles(style1: any, style2: any, breakpoint?: number): {
+    [x: string]: {};
+};
 //# sourceMappingURL=styles.d.ts.map

package/dist/elements/utils/fieldNormalization.d.ts

@@ -1,13 +1,13 @@
-export declare type WarnType = 'option' | 'value';
-export declare type WarningArgs = {
-    state: Set<string>;
-    type: WarnType;
-    field: string;
-    reason: string;
-    context: string;
-    payload: unknown;
-    entityLabel?: string;
-};
-export declare const normalizeToString: (value: unknown) => string | null;
-export declare const warnInvalidData: ({ state, type, field, reason, context, payload, entityLabel }: WarningArgs) => void;
+export declare type WarnType = 'option' | 'value';
+export declare type WarningArgs = {
+    state: Set<string>;
+    type: WarnType;
+    field: string;
+    reason: string;
+    context: string;
+    payload: unknown;
+    entityLabel?: string;
+};
+export declare const normalizeToString: (value: unknown) => string | null;
+export declare const warnInvalidData: ({ state, type, field, reason, context, payload, entityLabel }: WarningArgs) => void;
 //# sourceMappingURL=fieldNormalization.d.ts.map

package/dist/fthry_FormControl.BdmdMzA3.js

@@ -0,0 +1,16 @@
+import { y as __rest, j as jsx, _ as __assign } from './fthry_index.DSkVpyvV.js';
+
+// Simple input used for the 'other' option in checkbox and radio groups
+function FormControl(_a) {
+    var _b = _a.type, type = _b === void 0 ? 'text' : _b, htmlSize = _a.htmlSize, css = _a.css, props = __rest(_a, ["type", "htmlSize", "css"]);
+    return (jsx("input", __assign({ type: type, size: htmlSize, css: __assign({ border: '1px solid #ced4da', borderRadius: '0.375rem', padding: '0.375rem 0.75rem', fontSize: '1rem', lineHeight: '1.5', color: '#495057', backgroundColor: '#fff', backgroundClip: 'padding-box', transition: 'border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out', '&:focus': {
+                borderColor: '#80bdff',
+                outline: 0,
+                boxShadow: '0 0 0 0.2rem rgba(0, 123, 255, 0.25)'
+            }, '&:disabled': {
+                backgroundColor: '#e9ecef',
+                opacity: 1
+            } }, css) }, props)));
+}
+
+export { FormControl as F };

package/dist/fthry_InlineTooltip.DRPooJGa.js

@@ -0,0 +1,53 @@
+import { j as jsx, _ as __assign, b as __read, au as replaceTextVariables, x as isMobile, a as jsxs, F as Fragment, q as FORM_Z_INDEX } from './fthry_index.DSkVpyvV.js';
+import { useState, useRef } from 'react';
+import { O as Overlay, T as Tooltip } from './fthry_Overlay.DSfIRMWh.js';
+
+function HelpIcon(_a) {
+    var _b = _a.cssStyles, cssStyles = _b === void 0 ? {} : _b, _c = _a.onClick, onClick = _c === void 0 ? function () { } : _c;
+    return (jsx("svg", __assign({ css: cssStyles, width: '100%', height: '100%', viewBox: '0 0 10 10', fill: 'black', xmlns: 'http://www.w3.org/2000/svg', onClick: onClick }, { children: jsx("path", { d: 'M10 5C10 2.23571 7.75714 0 5 0C2.23571 0 0 2.23571 0 5C0 7.76429 2.23571 10 5 10C7.75714 10 10 7.76429 10 5ZM5.5 6.05714H4.38571V5.75C4.38571 5.47857 4.44286 5.25 4.55714 5.05C4.67143 4.85 4.88571 4.64286 5.18571 4.41429C5.47857 4.20714 5.67143 4.03571 5.76429 3.90714C5.86429 3.77857 5.90714 3.62857 5.90714 3.46429C5.90714 3.28571 5.84286 3.15 5.70714 3.05C5.57143 2.95714 5.38571 2.91429 5.14286 2.91429C4.72857 2.91429 4.25 3.05 3.71429 3.32143L3.25714 2.40714C3.87857 2.05714 4.54286 1.87857 5.23571 1.87857C5.81429 1.87857 6.27143 2.02143 6.60714 2.29286C6.95 2.57143 7.11429 2.94286 7.11429 3.4C7.11429 3.70714 7.05 3.97143 6.90714 4.19286C6.77143 4.42143 6.5 4.67143 6.11429 4.95C5.84286 5.15 5.67857 5.3 5.60714 5.4C5.53571 5.50714 5.5 5.64286 5.5 5.80714V6.05714ZM4.45 8.01429C4.32143 7.89286 4.25714 7.71429 4.25714 7.49286C4.25714 7.25714 4.31429 7.07857 4.44286 6.95714C4.57143 6.83571 4.75 6.77857 4.99286 6.77857C5.22143 6.77857 5.4 6.84286 5.52857 6.96429C5.65714 7.08571 5.72143 7.26429 5.72143 7.49286C5.72143 7.70714 5.65714 7.88571 5.52857 8.00714C5.4 8.13571 5.22143 8.2 4.99286 8.2C4.75714 8.2 4.57857 8.13571 4.45 8.01429Z' }) })));
+}
+
+function InlineTooltip(_a) {
+    var id = _a.id, text = _a.text, responsiveStyles = _a.responsiveStyles, _b = _a.absolute, absolute = _b === void 0 ? true : _b, containerRef = _a.containerRef, repeat = _a.repeat;
+    var _c = __read(useState(false), 2), show = _c[0], setShow = _c[1];
+    var triggerRef = useRef(null);
+    text = replaceTextVariables(text, repeat);
+    if (!text)
+        return null;
+    var isMobile$1 = isMobile();
+    return (jsxs(Fragment, { children: [jsx("div", __assign({ ref: triggerRef, 
+                // this prevents needing to click twice on mobile
+                onMouseEnter: isMobile$1 ? undefined : function () { return setShow(true); }, onMouseLeave: isMobile$1 ? undefined : function () { return setShow(false); }, onFocus: function () { return setShow(true); }, onBlur: function () { return setShow(false); }, onClick: function () { return setShow(function (prev) { return !prev; }); }, css: absolute
+                    ? {
+                        position: 'absolute',
+                        insetInlineEnd: '10px',
+                        top: 0,
+                        bottom: 0,
+                        zIndex: FORM_Z_INDEX,
+                        margin: 'auto',
+                        cursor: 'pointer',
+                        height: '100%',
+                        display: 'flex'
+                    }
+                    : {
+                        position: 'relative',
+                        marginInlineStart: '8px',
+                        display: 'flex',
+                        alignItems: 'center'
+                    } }, { children: jsx(HelpIcon, { cssStyles: responsiveStyles.getTarget('tooltipIcon') }) })), jsx(Overlay, __assign({ show: show, targetRef: triggerRef, containerRef: containerRef, placement: 'left', onHide: function () { return setShow(false); }, offset: 8 }, { children: jsx(Tooltip, __assign({ id: "tooltip-".concat(id), css: {
+                        zIndex: FORM_Z_INDEX + 1,
+                        padding: '.4rem 0',
+                        transition: 'opacity .10s linear',
+                        '.tooltip-inner': {
+                            maxWidth: '200px',
+                            padding: '.25rem .5rem',
+                            color: '#fff',
+                            textAlign: 'center',
+                            backgroundColor: '#000',
+                            borderRadius: '.25rem',
+                            fontSize: 'smaller'
+                        }
+                    } }, { children: text })) }))] }));
+}
+
+export { InlineTooltip as I };