@talxis/base-controls 1.2407.2 → 1.2408.2

package/dist/components/Lookup/styles.js

@@ -1 +1,98 @@
-import{mergeStyleSets as t}from"@fluentui/react";const e=e=>t({targetSelector:{display:"flex",paddingLeft:8,paddingRight:8,paddingBottom:8,gap:8,paddingTop:8,">span":{lineHeight:15,minWidth:"fit-content",color:e.semanticColors.listText,fontWeight:600}},targetSelectorLinks:{display:"flex",gap:5,flexWrap:"wrap"},targetSelectorLink:{color:e.palette.blackTranslucent40,'&[data-selected="true"]':{color:e.semanticColors.link,fontWeight:600}}}),n=(e,n,i)=>{const o=(t=>{if(-1!==t&&0!==t)return t})(i);return t({displayName:"talxis__lookupControl",root:{'[data-navigation-enabled="true"]':{".ms-Button-label":{color:`${e.semanticColors.link} !important`,fontWeight:600,marginLeft:2},":hover":{textDecoration:"underline",cursor:"pointer !important"}},".ms-BasePicker-itemsWrapper .ms-CommandBar.ms-CommandBar":{height:o&&n?o-6:void 0},".ms-BasePicker-text":{minHeight:null!=o?o:32,height:"min-content",paddingRight:n?void 0:36,alignItems:"baseline",input:{alignSelf:"center"}},".TALXIS__input-buttons__root":{height:o&&o-3+"px !important"}},suggestions:{".ms-Suggestions-title":{padding:0,display:"flex",flexDirection:"column"}},createRecordBtn:{height:38,width:"100%",".ms-Button-menuIcon":{display:"none"},">.ms-Button-flexContainer.ms-Button-flexContainer":{justifyContent:"flex-start"},".ms-Button-textContainer":{flexGrow:"initial",">span":{fontWeight:600}}}})};export{n as getLookupStyles,e as getTargetSelectorStyles};
+import { mergeStyleSets } from '@fluentui/react';
+
+const getTargetSelectorStyles = (theme) => {
+    return mergeStyleSets({
+        targetSelector: {
+            display: 'flex',
+            paddingLeft: 8,
+            paddingRight: 8,
+            paddingBottom: 8,
+            gap: 8,
+            paddingTop: 8,
+            '>span': {
+                lineHeight: 15,
+                minWidth: 'fit-content',
+                color: theme.semanticColors.listText,
+                fontWeight: 600
+            }
+        },
+        targetSelectorLinks: {
+            display: 'flex',
+            gap: 5,
+            flexWrap: 'wrap'
+        },
+        targetSelectorLink: {
+            color: theme.palette.blackTranslucent40,
+            '&[data-selected="true"]': {
+                color: theme.semanticColors.link,
+                fontWeight: 600
+            }
+        },
+    });
+};
+const getHeight = (height) => {
+    if (height === -1 || height === 0) {
+        return undefined;
+    }
+    return height;
+};
+const getLookupStyles = (theme, isSingleSelect, height) => {
+    const _height = getHeight(height);
+    return mergeStyleSets({
+        displayName: 'talxis__lookupControl',
+        root: {
+            '[data-navigation-enabled="true"]': {
+                '.ms-Button-label': {
+                    color: `${theme.semanticColors.link} !important`,
+                    fontWeight: 600,
+                    marginLeft: 2
+                },
+                ':hover': {
+                    textDecoration: 'underline',
+                    cursor: 'pointer !important'
+                }
+            },
+            '.ms-BasePicker-itemsWrapper .ms-CommandBar.ms-CommandBar': {
+                height: _height && isSingleSelect ? _height - 6 : undefined
+            },
+            '.ms-BasePicker-text': {
+                minHeight: _height ?? 32,
+                height: 'min-content',
+                paddingRight: !isSingleSelect ? 36 : undefined,
+                alignItems: 'baseline',
+                'input': {
+                    alignSelf: 'center'
+                },
+            },
+            '.TALXIS__input-buttons__root': {
+                height: _height && `${_height - 3}px !important`
+            }
+        },
+        suggestions: {
+            '.ms-Suggestions-title': {
+                padding: 0,
+                display: 'flex',
+                flexDirection: 'column',
+            }
+        },
+        createRecordBtn: {
+            height: 38,
+            width: '100%',
+            '.ms-Button-menuIcon': {
+                display: 'none'
+            },
+            '>.ms-Button-flexContainer.ms-Button-flexContainer': {
+                justifyContent: 'flex-start'
+            },
+            '.ms-Button-textContainer': {
+                flexGrow: 'initial',
+                '>span': {
+                    fontWeight: 600,
+                }
+            }
+        }
+    });
+};
+
+export { getLookupStyles, getTargetSelectorStyles };
+//# sourceMappingURL=styles.js.map

package/dist/components/Lookup/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sources":["../../../src/components/Lookup/styles.ts"],"sourcesContent":["import { ITheme, mergeStyleSets } from \"@fluentui/react\";\n\nexport const getTargetSelectorStyles = (theme: ITheme) => {\n    return mergeStyleSets({\n        targetSelector: {\n            display: 'flex',\n            paddingLeft: 8,\n            paddingRight: 8,\n            paddingBottom: 8,\n            gap: 8,\n            paddingTop: 8,\n            '>span': {\n                lineHeight: 15,\n                minWidth: 'fit-content',\n                color: theme.semanticColors.listText,\n                fontWeight: 600\n            }\n        },\n        targetSelectorLinks: {\n            display: 'flex',\n            gap: 5,\n            flexWrap: 'wrap'\n        },\n        targetSelectorLink: {\n            color: theme.palette.blackTranslucent40,\n            '&[data-selected=\"true\"]': {\n                color: theme.semanticColors.link,\n                fontWeight: 600\n            }\n        },\n    })\n}\n\nconst getHeight = (height?: number) => {\n    if(height === -1 || height === 0) {\n        return undefined;\n    }\n    return height;\n}\n\nexport const getLookupStyles = (theme: ITheme, isSingleSelect: boolean, height?: number) => {\n    const _height = getHeight(height);\n    return mergeStyleSets({\n        displayName: 'talxis__lookupControl',\n        root: {\n            '[data-navigation-enabled=\"true\"]': {\n                '.ms-Button-label': {\n                    color: `${theme.semanticColors.link} !important`,\n                    fontWeight: 600,\n                    marginLeft: 2\n                },\n                ':hover': {\n                    textDecoration: 'underline',\n                    cursor: 'pointer !important'\n                }\n            },\n            '.ms-BasePicker-itemsWrapper .ms-CommandBar.ms-CommandBar': {\n                height: _height && isSingleSelect ? _height - 6 : undefined\n            },\n            '.ms-BasePicker-text': {\n                minHeight: _height ?? 32,\n                height: 'min-content',\n                paddingRight: !isSingleSelect ? 36 : undefined,\n                alignItems: 'baseline',\n\n                'input': {\n                    alignSelf: 'center'\n                },\n            },\n            '.TALXIS__input-buttons__root': {\n                height: _height && `${_height - 3}px !important`\n            }\n        },\n        suggestions: {\n            '.ms-Suggestions-title': {\n                padding: 0,\n                display: 'flex',\n                flexDirection: 'column',\n            }\n        },\n        createRecordBtn: {\n            height: 38,\n            width: '100%',\n            '.ms-Button-menuIcon': {\n                display: 'none'\n            },\n            '>.ms-Button-flexContainer.ms-Button-flexContainer': {\n                justifyContent: 'flex-start'\n            },\n            '.ms-Button-textContainer': {\n                flexGrow: 'initial',\n                '>span': {\n                    fontWeight: 600,\n                }\n            }\n        }\n    });\n}"],"names":[],"mappings":"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"}

package/dist/components/Lookup/translations.js

@@ -1 +1,33 @@
-const e={search:{1033:"Search",1029:"Vyhledejte"},newRecord:{1033:"New record",1029:"Nový záznam"},searching:{1033:"Searching...",1029:"Hledám..."},noRecordsFound:{1033:"No records found",1029:"Nebyly nalezeny žádné záznamy"},resultsFrom:{1033:"Results from:",1029:"Výsledky z:"},noName:{1033:"(No Name)",1029:"(Bez názvu)"},placeholder:{1033:"Search",1029:"Vyhledejte"}};export{e as lookupTranslations};
+const lookupTranslations = {
+    search: {
+        1033: "Search",
+        1029: "Vyhledejte"
+    },
+    newRecord: {
+        1033: "New record",
+        1029: "Nový záznam"
+    },
+    searching: {
+        1033: "Searching...",
+        1029: "Hledám..."
+    },
+    noRecordsFound: {
+        1033: "No records found",
+        1029: "Nebyly nalezeny žádné záznamy"
+    },
+    resultsFrom: {
+        1033: "Results from:",
+        1029: "Výsledky z:"
+    },
+    noName: {
+        1033: "(No Name)",
+        1029: "(Bez názvu)"
+    },
+    placeholder: {
+        1033: "Search",
+        1029: "Vyhledejte"
+    }
+};
+
+export { lookupTranslations };
+//# sourceMappingURL=translations.js.map

package/dist/components/Lookup/translations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"translations.js","sources":["../../../src/components/Lookup/translations.ts"],"sourcesContent":["export const lookupTranslations = {\n    search: {\n        1033: \"Search\",\n        1029: \"Vyhledejte\"\n    },\n    newRecord: {\n        1033: \"New record\",\n        1029: \"Nový záznam\"\n    },\n    searching: {\n        1033: \"Searching...\",\n        1029: \"Hledám...\"\n    },\n    noRecordsFound: {\n        1033: \"No records found\",\n        1029: \"Nebyly nalezeny žádné záznamy\"\n    },\n    resultsFrom: {\n        1033: \"Results from:\",\n        1029: \"Výsledky z:\"\n    },\n    noName: {\n        1033: \"(No Name)\",\n        1029: \"(Bez názvu)\"\n    },\n    placeholder: {\n        1033: \"Search\",\n        1029: \"Vyhledejte\"\n    }\n}"],"names":[],"mappings":"AAAa,MAAA,kBAAkB,GAAG;AAC9B,IAAA,MAAM,EAAE;AACJ,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,IAAI,EAAE,YAAY;AACrB,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,IAAI,EAAE,YAAY;AAClB,QAAA,IAAI,EAAE,aAAa;AACtB,KAAA;AACD,IAAA,SAAS,EAAE;AACP,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,IAAI,EAAE,WAAW;AACpB,KAAA;AACD,IAAA,cAAc,EAAE;AACZ,QAAA,IAAI,EAAE,kBAAkB;AACxB,QAAA,IAAI,EAAE,+BAA+B;AACxC,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,IAAI,EAAE,eAAe;AACrB,QAAA,IAAI,EAAE,aAAa;AACtB,KAAA;AACD,IAAA,MAAM,EAAE;AACJ,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,IAAI,EAAE,aAAa;AACtB,KAAA;AACD,IAAA,WAAW,EAAE;AACT,QAAA,IAAI,EAAE,QAAQ;AACd,QAAA,IAAI,EAAE,YAAY;AACrB,KAAA;;;;;"}

package/dist/components/MultiSelectOptionSet/MultiSelectOptionSet.js

@@ -1 +1,74 @@
-import{jsx as e}from"react/jsx-runtime";import{useControl as o}from"../../hooks/useControl.js";import{useRef as t,useEffect as r}from"react";import"../../utils/Theme.js";import{ComboBox as i}from"@talxis/react-components";import{ThemeProvider as n}from"@fluentui/react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";const l=l=>{var a,s,u,m;const{sizing:p,onNotifyOutputChanged:d,theme:c}=o("MultiSelectOptionSet",l),v=l.parameters,h=v.value,g=t(null),{Options:y}=v.value.attributes,f=l.context,w=y.map((e=>({key:e.Value.toString(),text:e.Label}))),C=e=>{if(!e)return void d({value:void 0});const o=e.key.toString(),t=new Set(h.raw||[]);e.selected?t.add(+o):t.delete(+o);const r=Array.from(t);d({value:r.map((e=>+e))})};return r((()=>{var e,o;(null===(e=v.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(o=g.current)||void 0===o||o.focus(!0))}),[]),e(n,Object.assign({theme:c,applyTo:"none"},{children:e(i,{componentRef:g,options:w,allowFreeInput:!0,multiSelect:!0,autoComplete:"on",theme:c,underlined:c.effects.underlined,autofill:!0===(null===(a=v.AutoFocus)||void 0===a?void 0:a.raw)?{autoFocus:!0}:void 0,readOnly:f.mode.isControlDisabled,errorMessage:h.errorMessage,selectedKey:h.raw?h.raw.map((e=>e.toString())):[-1],useComboBoxAsMenuWidth:!0,hideErrorMessage:!(null===(s=v.ShowErrorMessage)||void 0===s?void 0:s.raw),styles:{root:{height:p.height,width:p.width,display:"flex",alignItems:"center"},callout:{maxHeight:"300px !important"}},clickToCopyProps:!0===(null===(u=v.EnableCopyButton)||void 0===u?void 0:u.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0,deleteButtonProps:!0===(null===(m=l.parameters.EnableDeleteButton)||void 0===m?void 0:m.raw)?{key:"delete",showOnlyOnHover:!1,iconProps:{iconName:"Delete"},onClick:(e,o)=>{C(null)}}:void 0,onChange:(e,o)=>C(o)})}))};export{l as MultiSelectOptionSet};
+import { jsx } from 'react/jsx-runtime';
+import { ComboBox } from '@talxis/react-components';
+import { ThemeProvider } from '@fluentui/react';
+import { useRef, useEffect } from 'react';
+import { useControl } from '../../hooks/useControl.js';
+
+const MultiSelectOptionSet = (props) => {
+    const { sizing, onNotifyOutputChanged, theme } = useControl('MultiSelectOptionSet', props);
+    const parameters = props.parameters;
+    const boundValue = parameters.value;
+    const componentRef = useRef(null);
+    const { Options } = parameters.value.attributes;
+    const context = props.context;
+    const comboBoxOptions = Options.map(option => ({
+        key: option.Value.toString(),
+        text: option.Label,
+    }));
+    const handleChange = (option) => {
+        if (!option) {
+            onNotifyOutputChanged({
+                value: undefined
+            });
+            return;
+        }
+        const optionKey = option.key.toString();
+        const updatedSelectedKeys = new Set(boundValue.raw || []);
+        if (option.selected) {
+            updatedSelectedKeys.add(+optionKey);
+        }
+        else {
+            updatedSelectedKeys.delete(+optionKey);
+        }
+        const updatedSelectedKeysArray = Array.from(updatedSelectedKeys);
+        onNotifyOutputChanged({
+            value: updatedSelectedKeysArray.map(key => +key)
+        });
+    };
+    useEffect(() => {
+        if (parameters.AutoFocus?.raw) {
+            componentRef.current?.focus(true);
+        }
+    }, []);
+    return (jsx(ThemeProvider, { theme: theme, applyTo: "none", children: jsx(ComboBox, { componentRef: componentRef, options: comboBoxOptions, allowFreeInput: true, multiSelect: true, autoComplete: "on", theme: theme, autofill: parameters.AutoFocus?.raw === true ? {
+                autoFocus: true
+            } : undefined, readOnly: context.mode.isControlDisabled, errorMessage: boundValue.errorMessage, selectedKey: boundValue.raw ? boundValue.raw.map(key => key.toString()) : [-1], useComboBoxAsMenuWidth: true, hideErrorMessage: !parameters.ShowErrorMessage?.raw, styles: {
+                root: {
+                    height: sizing.height,
+                    width: sizing.width,
+                    display: 'flex',
+                    alignItems: 'center',
+                },
+                callout: {
+                    maxHeight: '300px !important'
+                }
+            }, clickToCopyProps: parameters.EnableCopyButton?.raw === true ? {
+                key: 'copy',
+                showOnlyOnHover: true,
+                iconProps: {
+                    iconName: 'Copy'
+                }
+            } : undefined, deleteButtonProps: props.parameters.EnableDeleteButton?.raw === true ? {
+                key: 'delete',
+                showOnlyOnHover: false,
+                iconProps: {
+                    iconName: 'Cancel'
+                },
+                onClick: (e, value) => {
+                    handleChange(null);
+                }
+            } : undefined, onChange: (e, option) => handleChange(option) }) }));
+};
+
+export { MultiSelectOptionSet };
+//# sourceMappingURL=MultiSelectOptionSet.js.map

package/dist/components/MultiSelectOptionSet/MultiSelectOptionSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectOptionSet.js","sources":["../../../src/components/MultiSelectOptionSet/MultiSelectOptionSet.tsx"],"sourcesContent":["\nimport { IMultiSelectOptionSet } from './interfaces';\nimport { useControl } from '../../hooks';\nimport { ComboBox } from \"@talxis/react-components\";\nimport { IComboBox, IComboBoxOption, ThemeProvider } from '@fluentui/react';\nimport React, { useEffect, useRef } from 'react';\n\nexport const MultiSelectOptionSet = (props: IMultiSelectOptionSet) => {\n    const { sizing, onNotifyOutputChanged, theme } = useControl('MultiSelectOptionSet', props);\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const componentRef = useRef<IComboBox>(null);\n    const { Options } = parameters.value.attributes;\n    const context = props.context;\n    const comboBoxOptions: IComboBoxOption[] = Options.map(option => ({\n        key: option.Value.toString(),\n        text: option.Label,\n    }));\n\n    const handleChange = (option?: IComboBoxOption | null): void => {\n        if (!option) {\n            onNotifyOutputChanged({\n                value: undefined\n            });\n            return;\n        }\n        const optionKey = option.key.toString();\n        const updatedSelectedKeys = new Set(boundValue.raw || []);\n        if (option.selected) {\n            updatedSelectedKeys.add(+optionKey);\n        } else {\n            updatedSelectedKeys.delete(+optionKey);\n        }\n        const updatedSelectedKeysArray = Array.from(updatedSelectedKeys);\n\n        onNotifyOutputChanged({\n            value: updatedSelectedKeysArray.map(key => +key)\n        });\n    };\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw) {\n            componentRef.current?.focus(true);\n        }\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme} applyTo=\"none\">\n            <ComboBox\n                componentRef={componentRef}\n                options={comboBoxOptions}\n                allowFreeInput={true}\n                multiSelect\n                autoComplete=\"on\"\n                theme={theme}\n                autofill={parameters.AutoFocus?.raw === true ? {\n                    autoFocus: true\n                } : undefined}\n                readOnly={context.mode.isControlDisabled}\n                errorMessage={boundValue.errorMessage}\n                selectedKey={boundValue.raw ? boundValue.raw.map(key => key.toString()) : [-1]}\n                useComboBoxAsMenuWidth\n                hideErrorMessage={!parameters.ShowErrorMessage?.raw}\n                styles={{\n                    root: {\n                        height: sizing.height,\n                        width: sizing.width,\n                        display: 'flex',\n                        alignItems: 'center',\n                    },\n                    callout: {\n                        maxHeight: '300px !important'\n                    }\n                }}\n                clickToCopyProps={parameters.EnableCopyButton?.raw === true ? {\n                    key: 'copy',\n                    showOnlyOnHover: true,\n                    iconProps: {\n                        iconName: 'Copy'\n                    }\n                } : undefined}\n                deleteButtonProps={props.parameters.EnableDeleteButton?.raw === true ? {\n                    key: 'delete',\n                    showOnlyOnHover: false,\n                    iconProps: {\n                        iconName: 'Cancel'\n                    },\n                    onClick: (e, value) => {\n                        handleChange(null);\n                    }\n                } : undefined}\n                onChange={(e, option) => handleChange(option)} />\n        </ThemeProvider>\n    );\n};\n"],"names":["_jsx"],"mappings":"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"}

package/dist/components/MultiSelectOptionSet/index.js

@@ -1 +1,2 @@
-export{MultiSelectOptionSet}from"./MultiSelectOptionSet.js";import"react/jsx-runtime";import"../../hooks/useControl.js";import"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"../../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";import"@talxis/react-components";
+export { MultiSelectOptionSet } from './MultiSelectOptionSet.js';
+//# sourceMappingURL=index.js.map

package/dist/components/MultiSelectOptionSet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/OptionSet/OptionSet.js

@@ -1 +1,61 @@
-import{jsx as e}from"react/jsx-runtime";import{useControl as o}from"../../hooks/useControl.js";import{useRef as t,useEffect as r}from"react";import"../../utils/Theme.js";import{ComboBox as i}from"@talxis/react-components";import{ThemeProvider as n}from"@fluentui/react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";const l=l=>{var s,a,u,p,m;const{sizing:d,onNotifyOutputChanged:c,theme:h}=o("OptionSet",l),v=t(null),g=l.parameters,y=g.value,{Options:f}=g.value.attributes,C=l.context,w=f.map((e=>({key:e.Value.toString(),text:e.Label}))),k=e=>{let o;e&&(o=parseInt(e.key)),c({value:o})};return r((()=>{var e,o;(null===(e=g.AutoFocus)||void 0===e?void 0:e.raw)&&(null===(o=v.current)||void 0===o||o.focus(!0))}),[]),e(n,Object.assign({theme:h,applyTo:"none"},{children:e(i,{componentRef:v,underlined:h.effects.underlined,options:w,readOnly:C.mode.isControlDisabled,selectedKey:null!==(a=null===(s=y.raw)||void 0===s?void 0:s.toString())&&void 0!==a?a:-1,errorMessage:y.errorMessage,useComboBoxAsMenuWidth:!0,hideErrorMessage:!(null===(u=g.ShowErrorMessage)||void 0===u?void 0:u.raw),styles:{root:{height:d.height,width:d.width,display:"flex",alignItems:"center"},callout:{maxHeight:"300px !important"}},clickToCopyProps:!0===(null===(p=g.EnableCopyButton)||void 0===p?void 0:p.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0,deleteButtonProps:!0===(null===(m=g.EnableDeleteButton)||void 0===m?void 0:m.raw)?{key:"delete",showOnlyOnHover:!0,iconProps:{iconName:"Delete"},onClick:(e,o)=>{k(null)}}:void 0,onChange:(e,o)=>k(o)})}))};export{l as OptionSet};
+import { jsx } from 'react/jsx-runtime';
+import { ComboBox } from '@talxis/react-components';
+import { ThemeProvider } from '@fluentui/react';
+import { useRef, useEffect } from 'react';
+import { useControl } from '../../hooks/useControl.js';
+
+const OptionSet = (props) => {
+    const { sizing, onNotifyOutputChanged, theme } = useControl('OptionSet', props);
+    const componentRef = useRef(null);
+    const parameters = props.parameters;
+    const boundValue = parameters.value;
+    const { Options } = parameters.value.attributes;
+    const context = props.context;
+    const comboBoxOptions = Options.map(option => ({
+        key: option.Value.toString(),
+        text: option.Label,
+    }));
+    const handleChange = (option) => {
+        let value = undefined;
+        if (option) {
+            value = parseInt(option.key);
+        }
+        onNotifyOutputChanged({
+            value: value
+        });
+    };
+    useEffect(() => {
+        if (parameters.AutoFocus?.raw) {
+            componentRef.current?.focus(true);
+        }
+    }, []);
+    return (jsx(ThemeProvider, { theme: theme, applyTo: "none", children: jsx(ComboBox, { componentRef: componentRef, options: comboBoxOptions, readOnly: context.mode.isControlDisabled, 
+            //the defaultValue comes in the raw prop directly, no need to look at it
+            selectedKey: boundValue.raw?.toString() ?? -1, errorMessage: boundValue.errorMessage, useComboBoxAsMenuWidth: true, hideErrorMessage: !parameters.ShowErrorMessage?.raw, styles: {
+                root: {
+                    height: sizing.height,
+                    width: sizing.width,
+                    display: 'flex',
+                    alignItems: 'center',
+                },
+                callout: {
+                    maxHeight: '300px !important'
+                }
+            }, clickToCopyProps: parameters.EnableCopyButton?.raw === true ? {
+                key: 'copy',
+                showOnlyOnHover: true,
+                iconProps: {
+                    iconName: 'Copy'
+                }
+            } : undefined, deleteButtonProps: parameters.EnableDeleteButton?.raw === true ? {
+                key: 'delete',
+                showOnlyOnHover: true,
+                iconProps: {
+                    iconName: 'Cencel'
+                },
+                onClick: (e, value) => { handleChange(null); }
+            } : undefined, onChange: (e, option) => handleChange(option) }) }));
+};
+
+export { OptionSet };
+//# sourceMappingURL=OptionSet.js.map

package/dist/components/OptionSet/OptionSet.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionSet.js","sources":["../../../src/components/OptionSet/OptionSet.tsx"],"sourcesContent":["\nimport { IOptionSet } from './interfaces';\nimport { useControl } from '../../hooks';\nimport { ComboBox } from \"@talxis/react-components\";\nimport { IComboBox, IComboBoxOption, ThemeProvider } from '@fluentui/react';\nimport React, { useEffect, useRef } from 'react';\n\nexport const OptionSet = (props: IOptionSet) => {\n    const { sizing, onNotifyOutputChanged, theme } = useControl('OptionSet', props);\n    const componentRef = useRef<IComboBox>(null);\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const { Options } = parameters.value.attributes;\n    const context = props.context;\n    const comboBoxOptions: IComboBoxOption[] = Options.map(option => ({\n        key: option.Value.toString(),\n        text: option.Label,\n    }));\n\n    const handleChange = (option?: IComboBoxOption | null): void => {\n        let value = undefined;\n        if (option) {\n            value = parseInt(option.key as string);\n        }\n        onNotifyOutputChanged({\n            value: value\n        });\n    };\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw) {\n            componentRef.current?.focus(true);\n        }\n    }, []);\n\n    return (\n        <ThemeProvider theme={theme} applyTo=\"none\">\n            <ComboBox\n                componentRef={componentRef}\n                options={comboBoxOptions}\n                readOnly={context.mode.isControlDisabled}\n                //the defaultValue comes in the raw prop directly, no need to look at it\n                selectedKey={boundValue.raw?.toString() ?? -1}\n                errorMessage={boundValue.errorMessage}\n                useComboBoxAsMenuWidth\n                hideErrorMessage={!parameters.ShowErrorMessage?.raw}\n                styles={{\n                    root: {\n                        height: sizing.height,\n                        width: sizing.width,\n                        display: 'flex',\n                        alignItems: 'center',\n                    },\n                    callout: {\n                        maxHeight: '300px !important'\n                    }\n                }}\n                clickToCopyProps={parameters.EnableCopyButton?.raw === true ? {\n                    key: 'copy',\n                    showOnlyOnHover: true,\n                    iconProps: {\n                        iconName: 'Copy'\n                    }\n                } : undefined}\n                deleteButtonProps={parameters.EnableDeleteButton?.raw === true ? {\n                    key: 'delete',\n                    showOnlyOnHover: true,\n                    iconProps: {\n                        iconName: 'Cencel'\n                    },\n                    onClick: (e, value) => { handleChange(null); }\n                } : undefined}\n                onChange={(e, option) => handleChange(option)}\n            /></ThemeProvider>);\n};"],"names":["_jsx"],"mappings":"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"}

package/dist/components/OptionSet/index.js

@@ -1 +1,2 @@
-export{OptionSet}from"./OptionSet.js";import"react/jsx-runtime";import"../../hooks/useControl.js";import"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"../../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";import"@talxis/react-components";
+export { OptionSet } from './OptionSet.js';
+//# sourceMappingURL=index.js.map

package/dist/components/OptionSet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TextField/TextField.js

@@ -1 +1,113 @@
-import{jsx as e}from"react/jsx-runtime";import{TextField as o}from"@talxis/react-components";import{useRef as r,useMemo as i}from"react";import{useInputBasedControl as t}from"../../hooks/useInputBasedControl.js";import{ThemeProvider as n}from"@fluentui/react";import"../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";const l=l=>{var a,s,u,d,p,m;const c=l.context,h=l.parameters,v=h.value,g=r(null),y=null!==(a=l.onOverrideComponentProps)&&void 0!==a?a:e=>e,{value:f,sizing:w,theme:b,setValue:k,onNotifyOutputChanged:C}=t("TextField",l),P=y({underlined:b.effects.underlined,readOnly:c.mode.isControlDisabled,resizable:!1,type:i((()=>(()=>{switch(v.type){case"SingleLine.Email":return"email";case"SingleLine.URL":return"url";case"SingleLine.Phone":return"tel"}return"text"})()),[v.type]),multiline:"Multiple"===h.value.type,autoFocus:null===(s=h.AutoFocus)||void 0===s?void 0:s.raw,elementRef:g,styles:{fieldGroup:{height:w.height,width:w.width}},borderless:!1===(null===(u=h.EnableBorder)||void 0===u?void 0:u.raw),errorMessage:v.errorMessage,hideErrorMessage:!(null===(d=h.ShowErrorMessage)||void 0===d?void 0:d.raw),suffixItems:i((()=>(()=>{var e;if(!1===(null===(e=h.EnableTypeSuffix)||void 0===e?void 0:e.raw))return;const o=v.error||!v.raw;switch(v.type){case"SingleLine.Email":return[{key:"sendMail",disabled:o,iconProps:{iconName:"Mail"},href:`mailto:${v.raw}`}];case"SingleLine.Phone":return[{key:"call",disabled:o,iconProps:{iconName:"Phone"},href:`tel:${v.raw}`}];case"SingleLine.URL":return[{key:"goToPage",disabled:o,iconProps:{iconName:"Globe"},target:"_blank",href:v.raw}]}})()),[v.raw,v.error]),deleteButtonProps:!0===(null===(p=h.EnableDeleteButton)||void 0===p?void 0:p.raw)?{key:"delete",showOnlyOnHover:!0,iconProps:{iconName:"Delete"},onClick:()=>k(void 0)}:void 0,clickToCopyProps:!0===(null===(m=h.EnableCopyButton)||void 0===m?void 0:m.raw)?{key:"copy",showOnlyOnHover:!0,iconProps:{iconName:"Copy"}}:void 0,value:null!=f?f:"",onBlur:()=>{C({value:null!=f?f:void 0})},onChange:(e,o)=>{k(o)}});return e(n,Object.assign({style:"Multiple"===h.value.type?{height:"100%"}:void 0,applyTo:"none",theme:b},{children:e(o,Object.assign({},P))}))};export{l as TextField};
+import { jsx } from 'react/jsx-runtime';
+import { TextField as TextField$1 } from '@talxis/react-components';
+import { useMemo } from 'react';
+import { useInputBasedControl } from '../../hooks/useInputBasedControl.js';
+import { ThemeProvider } from '@fluentui/react';
+
+const TextField = (props) => {
+    const context = props.context;
+    const parameters = props.parameters;
+    const boundValue = parameters.value;
+    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);
+    const { value, sizing, theme, setValue, onNotifyOutputChanged } = useInputBasedControl('TextField', props);
+    const getInputType = () => {
+        switch (boundValue.type) {
+            case 'SingleLine.Email': {
+                return 'email';
+            }
+            case 'SingleLine.URL': {
+                return 'url';
+            }
+            case 'SingleLine.Phone': {
+                return 'tel';
+            }
+        }
+        return "text";
+    };
+    const getSuffixItems = () => {
+        if (parameters.EnableTypeSuffix?.raw === false) {
+            return undefined;
+        }
+        const disabled = boundValue.error || !boundValue.raw;
+        switch (boundValue.type) {
+            case 'SingleLine.Email': {
+                return [{
+                        key: 'sendMail',
+                        disabled: disabled,
+                        iconProps: {
+                            iconName: 'Mail'
+                        },
+                        href: `mailto:${boundValue.raw}`
+                    }];
+            }
+            case 'SingleLine.Phone': {
+                return [{
+                        key: 'call',
+                        disabled: disabled,
+                        iconProps: {
+                            iconName: 'Phone'
+                        },
+                        href: `tel:${boundValue.raw}`
+                    }];
+            }
+            case 'SingleLine.URL': {
+                return [{
+                        key: 'goToPage',
+                        disabled: disabled,
+                        iconProps: {
+                            iconName: 'Globe'
+                        },
+                        target: '_blank',
+                        href: boundValue.raw
+                    }];
+            }
+        }
+        return undefined;
+    };
+    const componentProps = onOverrideComponentProps({
+        underlined: theme.effects.underlined,
+        readOnly: context.mode.isControlDisabled,
+        resizable: false,
+        type: useMemo(() => getInputType(), [boundValue.type]),
+        multiline: parameters.value.type === 'Multiple',
+        autoFocus: parameters.AutoFocus?.raw,
+        styles: {
+            fieldGroup: {
+                height: sizing.height,
+                width: sizing.width
+            }
+        },
+        borderless: parameters.EnableBorder?.raw === false,
+        errorMessage: boundValue.errorMessage,
+        hideErrorMessage: !parameters.ShowErrorMessage?.raw,
+        suffixItems: useMemo(() => getSuffixItems(), [boundValue.raw, boundValue.error, parameters.EnableTypeSuffix?.raw]),
+        deleteButtonProps: parameters.EnableDeleteButton?.raw === true ? {
+            key: 'delete',
+            showOnlyOnHover: true,
+            iconProps: {
+                iconName: 'Cancel'
+            },
+            onClick: () => setValue(undefined)
+        } : undefined,
+        clickToCopyProps: parameters.EnableCopyButton?.raw === true ? {
+            key: 'copy',
+            showOnlyOnHover: true,
+            iconProps: {
+                iconName: 'Copy'
+            }
+        } : undefined,
+        value: value ?? "",
+        onBlur: () => {
+            onNotifyOutputChanged({
+                value: value ?? undefined
+            });
+        },
+        onChange: (e, value) => {
+            setValue(value);
+        }
+    });
+    return (jsx(ThemeProvider, { style: parameters.value.type === 'Multiple' ? { height: '100%' } : undefined, applyTo: "none", theme: theme, children: jsx(TextField$1, { ...componentProps }) }));
+};
+
+export { TextField };
+//# sourceMappingURL=TextField.js.map

package/dist/components/TextField/TextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.js","sources":["../../../src/components/TextField/TextField.tsx"],"sourcesContent":["import { ITextFieldProps, TextField as TextFieldBase } from \"@talxis/react-components\";\nimport { useMemo, useRef } from 'react';\nimport { useInputBasedControl } from '../../hooks/useInputBasedControl';\nimport { ITextField, ITextFieldOutputs, ITextFieldParameters } from './interfaces';\nimport React from 'react';\nimport { ICommandBarItemProps, ThemeProvider } from '@fluentui/react';\n\nexport const TextField = (props: ITextField) => {\n    const context = props.context;\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const onOverrideComponentProps = props.onOverrideComponentProps ?? ((props) => props);\n    const { value, sizing, theme, setValue, onNotifyOutputChanged } = useInputBasedControl<string | undefined, ITextFieldParameters, ITextFieldOutputs, any>('TextField', props);\n\n    const getInputType = () => {\n        switch (boundValue.type) {\n            case 'SingleLine.Email': {\n                return 'email';\n            }\n            case 'SingleLine.URL': {\n                return 'url';\n            }\n            case 'SingleLine.Phone': {\n                return 'tel';\n            }\n        }\n        return \"text\";\n    }\n    const getSuffixItems = (): ICommandBarItemProps[] | undefined => {\n        if (parameters.EnableTypeSuffix?.raw === false) {\n            return undefined;\n        }\n        const disabled = boundValue.error || !boundValue.raw\n        switch (boundValue.type) {\n            case 'SingleLine.Email': {\n                return [{\n                    key: 'sendMail',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Mail'\n                    },\n                    href: `mailto:${boundValue.raw}`\n                }]\n            }\n            case 'SingleLine.Phone': {\n                return [{\n                    key: 'call',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Phone'\n                    },\n                    href: `tel:${boundValue.raw}`\n                }]\n            }\n            case 'SingleLine.URL': {\n                return [{\n                    key: 'goToPage',\n                    disabled: disabled,\n                    iconProps: {\n                        iconName: 'Globe'\n                    },\n                    target: '_blank',\n                    href: boundValue.raw!\n                }]\n            }\n        }\n        return undefined;\n    }\n    const componentProps = onOverrideComponentProps({\n        underlined: theme.effects.underlined,\n        readOnly: context.mode.isControlDisabled,\n        resizable: false,\n        type: useMemo(() => getInputType(), [boundValue.type]),\n        multiline: parameters.value.type === 'Multiple',\n        autoFocus: parameters.AutoFocus?.raw,\n        styles: {\n            fieldGroup: {\n                height: sizing.height,\n                width: sizing.width\n            }\n        },\n        borderless: parameters.EnableBorder?.raw === false,\n        errorMessage: boundValue.errorMessage,\n        hideErrorMessage: !parameters.ShowErrorMessage?.raw,\n        suffixItems: useMemo(() => getSuffixItems(), [boundValue.raw, boundValue.error, parameters.EnableTypeSuffix?.raw]),\n        deleteButtonProps: parameters.EnableDeleteButton?.raw === true ? {\n            key: 'delete',\n            showOnlyOnHover: true,\n            iconProps: {\n                iconName: 'Cancel'\n            },\n            onClick: () => setValue(undefined)\n        } : undefined,\n        clickToCopyProps: parameters.EnableCopyButton?.raw === true ? {\n            key: 'copy',\n            showOnlyOnHover: true,\n            iconProps: {\n                iconName: 'Copy'\n            }\n        } : undefined,\n        value: value ?? \"\",\n        onBlur: () => {\n            onNotifyOutputChanged({\n                value: value ?? undefined\n            });\n        },\n        onChange: (e, value) => {\n            setValue(value);\n        }\n    })\n    return (\n        <ThemeProvider style={parameters.value.type === 'Multiple' ? { height: '100%' } : undefined} applyTo=\"none\" theme={theme}>\n            <TextFieldBase {...componentProps} />\n        </ThemeProvider>\n    );\n};"],"names":["_jsx","TextFieldBase"],"mappings":"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"}

package/dist/components/TextField/index.js

@@ -1 +1,2 @@
-export{TextField}from"./TextField.js";import"react/jsx-runtime";import"@talxis/react-components";import"react";import"../../hooks/useInputBasedControl.js";import"../../hooks/useControl.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"../../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";
+export { TextField } from './TextField.js';
+//# sourceMappingURL=index.js.map

package/dist/components/TextField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/TwoOptions/TwoOptions.js

@@ -1 +1,36 @@
-import{jsx as e}from"react/jsx-runtime";import{ThemeProvider as o,Toggle as t}from"@fluentui/react";import{useControl as i}from"../../hooks/useControl.js";import{useRef as n,useEffect as r}from"react";import"../../utils/Theme.js";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";const s=s=>{var a,l;const m=s.parameters,u=m.value,p=u.attributes.Options,{sizing:d,onNotifyOutputChanged:h,theme:c}=i("TwoOptions",s),f=s.context,g=n(null);r((()=>{var e;!0===(null===(e=m.AutoFocus)||void 0===e?void 0:e.raw)&&g.current.focus()}),[]);return e(o,Object.assign({theme:c,applyTo:"none"},{children:e(t,{styles:{root:{height:d.height,width:d.width,marginBottom:0},container:{alignItems:"center"}},theme:c,checked:u.raw,componentRef:g,disabled:f.mode.isControlDisabled,inlineLabel:!0,onText:(null===(a=p.find((e=>1===e.Value)))||void 0===a?void 0:a.Label)||"Yes",offText:(null===(l=p.find((e=>0===e.Value)))||void 0===l?void 0:l.Label)||"No",onChange:(e,o)=>(e=>{h({value:e})})(o)})}))};export{s as TwoOptions};
+import { jsx } from 'react/jsx-runtime';
+import { ThemeProvider, Toggle } from '@fluentui/react';
+import { useRef, useEffect } from 'react';
+import { useControl } from '../../hooks/useControl.js';
+
+const TwoOptions = (props) => {
+    const parameters = props.parameters;
+    const boundValue = parameters.value;
+    const options = boundValue.attributes.Options;
+    const { sizing, onNotifyOutputChanged, theme } = useControl('TwoOptions', props);
+    const context = props.context;
+    const componentRef = useRef(null);
+    useEffect(() => {
+        if (parameters.AutoFocus?.raw === true) {
+            componentRef.current.focus();
+        }
+    }, []);
+    const handleChange = (value) => {
+        onNotifyOutputChanged({
+            value: value
+        });
+    };
+    return (jsx(ThemeProvider, { theme: theme, applyTo: 'none', children: jsx(Toggle, { styles: {
+                root: {
+                    height: sizing.height,
+                    width: sizing.width,
+                    marginBottom: 0,
+                },
+                container: {
+                    alignItems: 'center'
+                }
+            }, theme: theme, checked: boundValue.raw, componentRef: componentRef, disabled: context.mode.isControlDisabled, inlineLabel: true, onText: options.find(option => option.Value === 1)?.Label || 'Yes', offText: options.find(option => option.Value === 0)?.Label || 'No', onChange: (e, value) => handleChange(value) }) }));
+};
+
+export { TwoOptions };
+//# sourceMappingURL=TwoOptions.js.map

package/dist/components/TwoOptions/TwoOptions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TwoOptions.js","sources":["../../../src/components/TwoOptions/TwoOptions.tsx"],"sourcesContent":["import { ThemeProvider, Toggle } from '@fluentui/react';\nimport { useControl } from '../../hooks';\nimport { ITwoOptions } from './interfaces';\nimport React, { useEffect, useRef } from 'react';\n\nexport const TwoOptions = (props: ITwoOptions) => {\n    const parameters = props.parameters;\n    const boundValue = parameters.value;\n    const options = boundValue.attributes.Options;\n    const { sizing, onNotifyOutputChanged, theme } = useControl('TwoOptions', props);\n    const context = props.context;\n    const componentRef = useRef<any>(null);\n\n    useEffect(() => {\n        if (parameters.AutoFocus?.raw === true) {\n            componentRef.current.focus();\n        }\n    }, []);\n\n    const handleChange = (value: boolean | undefined): void => {\n        onNotifyOutputChanged({\n            value: value\n        });\n    };\n\n    return (\n        <ThemeProvider theme={theme} applyTo='none'>\n            <Toggle\n                styles={{\n                    root: {\n                        height: sizing.height,\n                        width: sizing.width,\n                        marginBottom: 0,\n                    },\n                    container: {\n                        alignItems: 'center'\n                    }\n                }}\n                theme={theme}\n                checked={boundValue.raw}\n                componentRef={componentRef}\n                disabled={context.mode.isControlDisabled}\n                inlineLabel\n                onText={options.find(option => option.Value === 1)?.Label || 'Yes'}\n                offText={options.find(option => option.Value === 0)?.Label || 'No'}\n                onChange={(e, value) => handleChange(value)}\n            />\n        </ThemeProvider>\n    )\n};"],"names":["_jsx"],"mappings":";;;;;AAKa,MAAA,UAAU,GAAG,CAAC,KAAkB,KAAI;AAC7C,IAAA,MAAM,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC;AACpC,IAAA,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAC;AACpC,IAAA,MAAM,OAAO,GAAG,UAAU,CAAC,UAAU,CAAC,OAAO,CAAC;AAC9C,IAAA,MAAM,EAAE,MAAM,EAAE,qBAAqB,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;AACjF,IAAA,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;AAC9B,IAAA,MAAM,YAAY,GAAG,MAAM,CAAM,IAAI,CAAC,CAAC;IAEvC,SAAS,CAAC,MAAK;AACX,QAAA,IAAI,UAAU,CAAC,SAAS,EAAE,GAAG,KAAK,IAAI,EAAE;AACpC,YAAA,YAAY,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;AAChC,SAAA;KACJ,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,YAAY,GAAG,CAAC,KAA0B,KAAU;AACtD,QAAA,qBAAqB,CAAC;AAClB,YAAA,KAAK,EAAE,KAAK;AACf,SAAA,CAAC,CAAC;AACP,KAAC,CAAC;AAEF,IAAA,QACIA,GAAC,CAAA,aAAa,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,OAAO,EAAC,MAAM,EACvC,QAAA,EAAAA,GAAA,CAAC,MAAM,EAAA,EACH,MAAM,EAAE;AACJ,gBAAA,IAAI,EAAE;oBACF,MAAM,EAAE,MAAM,CAAC,MAAM;oBACrB,KAAK,EAAE,MAAM,CAAC,KAAK;AACnB,oBAAA,YAAY,EAAE,CAAC;AAClB,iBAAA;AACD,gBAAA,SAAS,EAAE;AACP,oBAAA,UAAU,EAAE,QAAQ;AACvB,iBAAA;AACJ,aAAA,EACD,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,UAAU,CAAC,GAAG,EACvB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,OAAO,CAAC,IAAI,CAAC,iBAAiB,EACxC,WAAW,EAAA,IAAA,EACX,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,KAAK,EAClE,OAAO,EAAE,OAAO,CAAC,IAAI,CAAC,MAAM,IAAI,MAAM,CAAC,KAAK,KAAK,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI,EAClE,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,KAAK,YAAY,CAAC,KAAK,CAAC,EAC7C,CAAA,EAAA,CACU,EACnB;AACL;;;;"}

package/dist/components/TwoOptions/index.js

@@ -1 +1,2 @@
-export{TwoOptions}from"./TwoOptions.js";import"react/jsx-runtime";import"@fluentui/react";import"../../hooks/useControl.js";import"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../../hooks/useControlTheme.js";import"../../utils/Theme.js";import"@fluentui/react-migration-v8-v9";import"../../hooks/useControlSizing.js";
+export { TwoOptions } from './TwoOptions.js';
+//# sourceMappingURL=index.js.map

package/dist/components/TwoOptions/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/constants.js

@@ -1 +1,35 @@
-const n={0:"$n",1:"n$",2:"$ n",3:"n $"},$={0:"($n)",1:"-$n",2:"$-n",3:"$n-",4:"(n$)",5:"-n$",6:"n-$",7:"n$-",8:"-n $",9:"-$ n",10:"n $-",11:"$ n-",12:"$ -n",13:"n- $",14:"($ n)",15:"(n $)",16:"$- n"},o={0:"(n)",1:"-n",2:"- n",3:"n-",4:"n -"},t={0:"n %",1:"n%",2:"%n",3:"% n"},c={0:"-n %",1:"-n%",2:"-%n",3:"%-n",4:"%n-",5:"n-%",6:"n%-",7:"-% n",8:"n %-",9:"% n-",10:"% -n",11:"n- %"};export{$ as CURRENCY_NEGATIVE_PATTERN,n as CURRENCY_POSITIVE_PATTERN,o as NUMBER_NEGATIVE_PATTERN,c as PERCENT_NEGATIVE_PATTERN,t as PERCENT_POSITIVE_PATTERN};
+const CURRENCY_POSITIVE_PATTERN = {
+    0: '$n',
+    1: 'n$',
+    2: '$ n',
+    3: 'n $',
+};
+const CURRENCY_NEGATIVE_PATTERN = {
+    0: '($n)',
+    1: '-$n',
+    2: '$-n',
+    3: '$n-',
+    4: '(n$)',
+    5: '-n$',
+    6: 'n-$',
+    7: 'n$-',
+    8: '-n $',
+    9: '-$ n',
+    10: 'n $-',
+    11: '$ n-',
+    12: '$ -n',
+    13: 'n- $',
+    14: '($ n)',
+    15: '(n $)',
+    16: '$- n'
+};
+const NUMBER_NEGATIVE_PATTERN = {
+    0: '(n)',
+    1: '-n',
+    2: '- n',
+    3: 'n-',
+    4: 'n -'
+};
+
+export { CURRENCY_NEGATIVE_PATTERN, CURRENCY_POSITIVE_PATTERN, NUMBER_NEGATIVE_PATTERN };
+//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../src/constants.ts"],"sourcesContent":["export const CURRENCY_POSITIVE_PATTERN: { [key: number]: string } = {\n    0: '$n',\n    1: 'n$',\n    2: '$ n',\n    3: 'n $',\n};\nexport const CURRENCY_NEGATIVE_PATTERN: { [key: number]: string } = {\n    0: '($n)',\n    1: '-$n',\n    2: '$-n',\n    3: '$n-',\n    4: '(n$)',\n    5: '-n$',\n    6: 'n-$',\n    7: 'n$-',\n    8: '-n $',\n    9: '-$ n',\n    10: 'n $-',\n    11: '$ n-',\n    12: '$ -n',\n    13: 'n- $',\n    14: '($ n)',\n    15: '(n $)',\n    16: '$- n'\n};\nexport const NUMBER_NEGATIVE_PATTERN: { [key: number]: string } = {\n    0: '(n)',\n    1: '-n',\n    2: '- n',\n    3: 'n-',\n    4: 'n -'\n};\nexport const PERCENT_POSITIVE_PATTERN: { [key: number]: string } = {\n    0: 'n %',\n    1: 'n%',\n    2: '%n',\n    3: '% n'\n};\nexport const PERCENT_NEGATIVE_PATTERN: { [key: number]: string } = {\n    0: '-n %',\n    1: '-n%',\n    2: '-%n',\n    3: '%-n',\n    4: '%n-',\n    5: 'n-%',\n    6: 'n%-',\n    7: '-% n',\n    8: 'n %-',\n    9: '% n-',\n    10: '% -n',\n    11: 'n- %'\n};"],"names":[],"mappings":"AAAa,MAAA,yBAAyB,GAA8B;AAChE,IAAA,CAAC,EAAE,IAAI;AACP,IAAA,CAAC,EAAE,IAAI;AACP,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;EACV;AACW,MAAA,yBAAyB,GAA8B;AAChE,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,CAAC,EAAE,MAAM;AACT,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,MAAM;AACV,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,OAAO;AACX,IAAA,EAAE,EAAE,MAAM;EACZ;AACW,MAAA,uBAAuB,GAA8B;AAC9D,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,IAAI;AACP,IAAA,CAAC,EAAE,KAAK;AACR,IAAA,CAAC,EAAE,IAAI;AACP,IAAA,CAAC,EAAE,KAAK;;;;;"}

package/dist/hooks/index.js

@@ -1 +1,7 @@
-export{useControl}from"./useControl.js";export{useControlSizing}from"./useControlSizing.js";export{useFocusIn}from"./useFocusIn.js";export{useInputBasedControl}from"./useInputBasedControl.js";export{useMouseOver}from"./useMouseOver.js";export{useControlTheme}from"./useControlTheme.js";import"react";import"fast-deep-equal/es6";import"merge-anything";import"liquidjs";import"../utils/Theme.js";import"@fluentui/react";import"@fluentui/react-migration-v8-v9";
+export { useControl } from './useControl.js';
+export { useControlSizing } from './useControlSizing.js';
+export { useFocusIn } from './useFocusIn.js';
+export { useInputBasedControl } from './useInputBasedControl.js';
+export { useMouseOver } from './useMouseOver.js';
+export { useControlTheme } from './useControlTheme.js';
+//# sourceMappingURL=index.js.map

package/dist/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}