@mikezimm/fps-library-v2 1.0.10 → 1.0.12

package/lib/components/atoms/EasyIcons/{eiFunctions.js → getEasyIcon.js}

@@ -1,17 +1,4 @@
-import { EasyIconLocation, EasyIconObjectDefault } from './eiTypes';
-import { getStringArrayFromString } from '../../../logic/indexes/StringsIndex';
-export function setEasyIconsObjectProps(easyIconWPProps) {
-    const EasyIcons = EasyIconObjectDefault;
-    const GroupKeys = getStringArrayFromString(easyIconWPProps.easyIconKeys, ';', true, null, true);
-    const Ignore = getStringArrayFromString(easyIconWPProps.easyIconIgnore, ';', true, null, true);
-    if (easyIconWPProps)
-        EasyIcons.Enabled = easyIconWPProps.easyIconEnable === false ? false : true;
-    if (easyIconWPProps)
-        EasyIcons.GroupKeys = GroupKeys ? GroupKeys : [];
-    if (easyIconWPProps)
-        EasyIcons.Ignore = Ignore ? Ignore : [];
-    return EasyIcons;
-}
+import { EasyIconLocation } from './eiTypes';
 /**
  * Logic order:
  * First checks keywords in the first Prop to test ( Title )
@@ -39,10 +26,10 @@ export function getEasyIcon(EasyIcons, item) {
                 }
                 else if (!EasyIconUrl && EasyIcons.Groups[Key].Status === 'Active') {
                     (_a = EasyIcons.Groups[Key]) === null || _a === void 0 ? void 0 : _a.Icons.map((Icon) => {
-                        var _a;
                         if (!EasyIconUrl && Icon) { //Only continue if EasyIconUrl is not found and Icon is a non-empty string
                             //Combine all the options into regex as optional qualifiers
-                            const Options = EasyIcons.Groups[Key].Options ? `(${(_a = EasyIcons.Groups[Key]) === null || _a === void 0 ? void 0 : _a.Options.join(')?(')})?` : '';
+                            const KeyOptions = EasyIcons.Groups[Key]; // Added this to remove type error in line below where its' possibly undefined
+                            const Options = KeyOptions.Options ? `(${KeyOptions === null || KeyOptions === void 0 ? void 0 : KeyOptions.Options.join(')?(')})?` : '';
                             // eslint-disable-next-line @rushstack/security/no-unsafe-regexp
                             const IconRegex = new RegExp(`(\\b)${Icon}${Options}(\\b)`, 'i');
                             if (item[prop].match(IconRegex)) {
@@ -56,4 +43,4 @@ export function getEasyIcon(EasyIcons, item) {
     });
     return EasyIconUrl;
 }
-//# sourceMappingURL=eiFunctions.js.map
+//# sourceMappingURL=getEasyIcon.js.map

package/lib/components/atoms/EasyIcons/getEasyIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getEasyIcon.js","sourceRoot":"","sources":["../../../../src/components/atoms/EasyIcons/getEasyIcon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAc,MAAM,WAAW,CAAC;AAEzD;;;;;;;;GAQG;AACH,8DAA8D;AAE9D,MAAM,UAAU,WAAW,CAAC,SAAqB,EAAE,IAAS;IAE1D,gCAAgC;IAChC,IAAI,SAAS,CAAC,OAAO,KAAK,IAAI;QAC5B,OAAO,IAAI,CAAC;IAEd,MAAM,UAAU,GAAa,EAAE,CAAC;IAChC,IAAI,WAAW,GAAG,EAAE,CAAC;IACrB,SAAS,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;QAC5B,IAAI,IAAI,CAAC,IAAI,CAAC,EAAE;YACd,SAAS,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;;gBAC5B,IAAI,SAAS,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;oBACpC,IAAI,UAAU,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;wBAAE,UAAU,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;qBAAE;iBAC3D;qBAAM,IAAI,CAAC,WAAW,IAAI,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,KAAK,QAAQ,EAAE;oBACpE,MAAA,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,0CAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAY,EAAE,EAAE;wBAChD,IAAI,CAAC,WAAW,IAAI,IAAI,EAAE,EAAE,0EAA0E;4BACpG,2DAA2D;4BAC3D,MAAM,UAAU,GAAG,SAAS,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,8EAA8E;4BACxH,MAAM,OAAO,GAAW,UAAU,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC;4BAC1F,gEAAgE;4BAChE,MAAM,SAAS,GAAG,IAAI,MAAM,CAAC,QAAQ,IAAI,GAAG,OAAO,OAAO,EAAE,GAAG,CAAC,CAAC;4BACjE,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;gCAC/B,WAAW,GAAG,GAAG,gBAAgB,GAAG,GAAG,IAAI,IAAI,MAAM,CAAC;6BACvD;yBACF;oBACH,CAAC,CAAC,CAAC;iBACJ;YACH,CAAC,CAAC,CAAC;SACJ;IACH,CAAC,CAAC,CAAC;IAEH,OAAO,WAAW,CAAC;AAErB,CAAC"}

package/lib/components/atoms/Elements/HighlightedText.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+/**
+* Copied from ECStorage
+* Super cool solution based on:  https://stackoverflow.com/a/43235785
+* @param text
+* @param highlight
+*/
+export declare function getHighlightedText(text: string, highlight: string): string | JSX.Element;
+//# sourceMappingURL=HighlightedText.d.ts.map

package/lib/components/atoms/Elements/HighlightedText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedText.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/HighlightedText.tsx"],"names":[],"mappings":";AAaE;;;;;EAKC;AAEA,wBAAgB,kBAAkB,CAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,wBAenE"}

package/lib/components/atoms/Elements/HighlightedText.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+// Could be used to add ellipse:  https://semicolon.dev/tutorial/css/text-overflow-ellipsis-doesnt-work
+// Need to test though.
+const ellipseStyle = {
+    minWidth: '0px',
+    whiteSpace: 'pre-wrap',
+    overflow: 'hidden',
+    textOverflow: 'ellipsis',
+};
+/**
+* Copied from ECStorage
+* Super cool solution based on:  https://stackoverflow.com/a/43235785
+* @param text
+* @param highlight
+*/
+export function getHighlightedText(text, highlight) {
+    // <div dangerouslySetInnerHTML={{ __html: this.state.showPanelItem.WikiField }} />
+    // Split on highlight term and include term into parts, ignore case
+    if (!highlight || highlight.indexOf('*') > -1) {
+        return text;
+    }
+    else {
+        const parts = text.split(new RegExp(`(${highlight})`, 'gi'));
+        return React.createElement("span", null,
+            " ",
+            parts.map((part, i) => React.createElement("span", { key: i, style: part.toLowerCase() === highlight.toLowerCase() ? { fontWeight: 'bold', backgroundColor: 'yellow' } : {} }, part)),
+            " ");
+    }
+}
+//# sourceMappingURL=HighlightedText.js.map

package/lib/components/atoms/Elements/HighlightedText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightedText.js","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/HighlightedText.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG7B,uGAAuG;AACvG,uBAAuB;AACvB,MAAM,YAAY,GAAwB;IACxC,QAAQ,EAAE,KAAK;IACf,UAAU,EAAE,UAAU;IACtB,QAAQ,EAAE,QAAQ;IAClB,YAAY,EAAE,UAAU;CACzB,CAAA;AAED;;;;;EAKC;AAEA,MAAM,UAAU,kBAAkB,CAAE,IAAY,EAAE,SAAiB;IAClE,mFAAmF;IACnF,mEAAmE;IACnE,IAAI,CAAC,SAAS,IAAI,SAAS,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAG;QAC9C,OAAO,IAAI,CAAC;KAEb;SAAM;QACL,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,IAAI,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,IAAI,CAAC,CAAC,CAAC;QAC7D,OAAO;;YAAS,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CACpC,8BAAM,GAAG,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,WAAW,EAAE,KAAK,SAAS,CAAC,WAAW,EAAE,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,MAAM,EAAE,eAAe,EAAE,QAAQ,EAAE,CAAC,CAAC,CAAC,EAAE,IACxH,IAAI,CACD,CAAC;gBACD,CAAC;KACX;AAEH,CAAC"}

package/lib/components/atoms/Elements/IElements.d.ts

@@ -0,0 +1,8 @@
+export type IMyTextElementTypes = 'h1' | 'h2' | 'h3' | 'p' | 'span';
+export interface IDefIcon {
+    name: string | null;
+    color: string | null;
+    size: any;
+    weight: any;
+}
+//# sourceMappingURL=IElements.d.ts.map

package/lib/components/atoms/Elements/IElements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IElements.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/IElements.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,mBAAmB,GAAG,IAAI,GAAI,IAAI,GAAI,IAAI,GAAG,GAAG,GAAG,MAAM,CAAC;AAEtE,MAAM,WAAW,QAAQ;IACvB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IACpB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,IAAI,EAAE,GAAG,CAAC;IACV,MAAM,EAAE,GAAG,CAAC;CACb"}

package/lib/components/atoms/Elements/IElements.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=IElements.js.map

package/lib/components/atoms/Elements/IElements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IElements.js","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/IElements.ts"],"names":[],"mappings":""}

package/lib/components/atoms/Elements/ToggleJSONButton.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export declare const defCommandIconStyles: {
+    icon: {};
+};
+/**
+ * Copied from ALVFM to toggle the JSON view button to show details
+ * @param onClick
+ * @param text
+ * @param cmdStyles
+ * @returns
+ */
+export declare function makeToggleJSONCmd(onClick: any, text: string, cmdStyles?: any): JSX.Element;
+//# sourceMappingURL=ToggleJSONButton.d.ts.map

package/lib/components/atoms/Elements/ToggleJSONButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleJSONButton.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/ToggleJSONButton.tsx"],"names":[],"mappings":";AAKA,eAAO,MAAM,oBAAoB;;CAQ9B,CAAC;AAEF;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAG,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,CAAC,EAAE,GAAG,eAYhF"}

package/lib/components/atoms/Elements/ToggleJSONButton.js

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { Icon, } from 'office-ui-fabric-react/lib/Icon';
+export const defCommandIconStyles = {
+    // root: {padding:'10px !important', height: 32},//color: 'green' works here
+    icon: {
+    //   fontSize: 18,
+    //   fontWeight: "normal",
+    //   margin: '0px 2px',
+    //   color: '#00457e', //This will set icon color
+    },
+};
+/**
+ * Copied from ALVFM to toggle the JSON view button to show details
+ * @param onClick
+ * @param text
+ * @param cmdStyles
+ * @returns
+ */
+export function makeToggleJSONCmd(onClick, text, cmdStyles) {
+    let useStyles = cmdStyles ? cmdStyles : defCommandIconStyles;
+    let divStyles = {
+        marginTop: '40px', fontSize: '18px', cursor: 'pointer', width: '220px',
+        display: 'flex', alignItems: 'center', flexWrap: 'nowrap', justifyContent: 'space-between'
+    };
+    let cmd = React.createElement("div", { onClick: onClick, style: divStyles },
+        React.createElement(Icon, { iconName: 'Code', styles: useStyles }),
+        " ",
+        text);
+    return cmd;
+}
+//# sourceMappingURL=ToggleJSONButton.js.map

package/lib/components/atoms/Elements/ToggleJSONButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToggleJSONButton.js","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/ToggleJSONButton.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,IAAI,GAAG,MAAM,iCAAiC,CAAC;AAGxD,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAChC,4EAA4E;IAC5E,IAAI,EAAE;IACN,kBAAkB;IAClB,0BAA0B;IAC1B,uBAAuB;IACvB,iDAAiD;KACjD;CACD,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,UAAU,iBAAiB,CAAG,OAAY,EAAE,IAAY,EAAE,SAAe;IAE7E,IAAI,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,oBAAoB,CAAC;IAE7D,IAAI,SAAS,GAAwB;QACjC,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO;QACtE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,eAAe;KAC7F,CAAC;IAEF,IAAI,GAAG,GAAG,6BAAK,OAAO,EAAG,OAAO,EAAG,KAAK,EAAG,SAAS;QAAG,oBAAC,IAAI,IAAC,QAAQ,EAAC,MAAM,EAAC,MAAM,EAAG,SAAS,GAAU;;QAAE,IAAI,CAAO,CAAC;IAEvH,OAAO,GAAG,CAAC;AACf,CAAC"}

package/lib/components/atoms/Elements/basic.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="react" />
+import { IMyTextElementTypes } from './IElements';
+/**
+ *
+ * @param title Title string if required, can contain <above> or <below> anywhere to target location.
+ * @param styles Styles should be this limited structure:  { color: 'htmlColor', height: 2 }
+ */
+export declare function MyDivider(title: string, styles: any): JSX.Element;
+export declare function MyText(type: IMyTextElementTypes, title: string, styles?: any): JSX.Element | null;
+/**
+ *
+ * @param title
+ * @param src
+ * @param styles usable styles
+ * styles = {
+ *  padding: 20,                          // padding is around entire image
+ *  ImageFit:  0 | 1 | 2 | 3 | 4 | 5,     // These would be the ImageFit types
+ *  ImageCoverStyle: 0 | 1,               // These would be the ImageCoverStyle types (landscape and portrait)
+ *  height: 20,
+ *  width: 20,
+ *
+ * }
+ */
+export declare function MyImage(title: string, src: string, styles?: any, href?: any): JSX.Element;
+export declare function convertTextToListItems(value: string, delim: string, leftPad: number, type: 'ul' | 'ol'): any;
+//# sourceMappingURL=basic.d.ts.map

package/lib/components/atoms/Elements/basic.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"basic.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/basic.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGlD;;;;GAIG;AACH,wBAAgB,SAAS,CAAG,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,eAmBrD;AAGD,wBAAgB,MAAM,CAAG,IAAI,EAAG,mBAAmB,EAAG,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,EAAG,GAAG,sBAsBjF;AACD;;;;;;;;;;;;;GAaG;AACH,wBAAgB,OAAO,CAAG,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,CAAC,EAAE,GAAG,eAoB7E;AAED,wBAAgB,sBAAsB,CAAG,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,OAkBtG"}

package/lib/components/atoms/Elements/basic.js

@@ -0,0 +1,126 @@
+import * as React from 'react';
+import { Image, ImageFit, ImageCoverStyle } from 'office-ui-fabric-react/lib/Image';
+import { ColoredLine } from './draw';
+/**
+ *
+ * @param title Title string if required, can contain <above> or <below> anywhere to target location.
+ * @param styles Styles should be this limited structure:  { color: 'htmlColor', height: 2 }
+ */
+export function MyDivider(title, styles) {
+    let color = styles.color ? styles.color : 'gray';
+    let height = styles.height ? styles.height : 1;
+    let dividerElements = [];
+    let divider = React.createElement("div", null,
+        React.createElement(ColoredLine, { color: color, height: height }));
+    let isAbove = title.toLowerCase().indexOf('<above>') > -1 ? true : false;
+    let isBelow = isAbove === false || title.toLowerCase().indexOf('<below>') > -1 ? true : false;
+    let titleElement = title != '' ? React.createElement("span", { style: { fontSize: 28 } },
+        " ",
+        title.replace(/\<above\>/gi, '').replace(/\<below\>/gi, ''),
+        " ") : null;
+    if (isAbove && titleElement != null) {
+        dividerElements.push(titleElement);
+    }
+    dividerElements.push(divider);
+    if (isBelow && titleElement != null) {
+        dividerElements.push(titleElement);
+    }
+    let thisDivider = React.createElement("div", { style: { width: '100%' } },
+        " ",
+        dividerElements.map(e => { return e; }));
+    return thisDivider;
+}
+export function MyText(type, title, styles) {
+    let myStyles = {};
+    if (styles && typeof styles === 'string') {
+        try {
+            myStyles = JSON.parse(styles);
+        }
+        catch (e) {
+            alert('Unable to parse JSON styles in MyText\n' + styles);
+        }
+    }
+    else if (styles) {
+        myStyles = styles;
+    }
+    if (type === 'h1') {
+        return React.createElement("h1", { style: myStyles },
+            " ",
+            title,
+            " ");
+    }
+    if (type === 'h2') {
+        return React.createElement("h2", { style: myStyles },
+            " ",
+            title,
+            " ");
+    }
+    if (type === 'h3') {
+        return React.createElement("h3", { style: myStyles },
+            " ",
+            title,
+            " ");
+    }
+    if (type === 'p') {
+        return React.createElement("p", { style: myStyles },
+            " ",
+            title,
+            " ");
+    }
+    if (type === 'span') {
+        return React.createElement("span", { style: myStyles },
+            " ",
+            title,
+            " ");
+    }
+    alert('If you are seeing this, there is a problem creating element:  "MyText" \n' + title);
+    return null;
+}
+/**
+ *
+ * @param title
+ * @param src
+ * @param styles usable styles
+ * styles = {
+ *  padding: 20,                          // padding is around entire image
+ *  ImageFit:  0 | 1 | 2 | 3 | 4 | 5,     // These would be the ImageFit types
+ *  ImageCoverStyle: 0 | 1,               // These would be the ImageCoverStyle types (landscape and portrait)
+ *  height: 20,
+ *  width: 20,
+ *
+ * }
+ */
+export function MyImage(title, src, styles, href) {
+    let thisImage = null;
+    thisImage = React.createElement("div", { style: {
+            padding: styles.padding ? styles.padding : null,
+            width: styles.width ? styles.width : null,
+            height: styles.height ? styles.height : null,
+        } },
+        React.createElement("a", { href: href, target: '_blank' },
+            React.createElement(Image, { title: title, src: src, shouldFadeIn: true, imageFit: styles.ImageFit ? styles.ImageFit : ImageFit.centerContain, coverStyle: styles.ImageCoverStyle ? styles.ImageCoverStyle : ImageCoverStyle.landscape, width: styles.width ? styles.width : null, height: styles.height ? styles.height : null })));
+    return thisImage;
+}
+export function convertTextToListItems(value, delim, leftPad, type) {
+    let result = value;
+    if (value !== null && value !== undefined && value.length > 0) {
+        let lines = value.split(delim);
+        if (lines.length > 0) {
+            result = lines.map(line => { return React.createElement("li", { style: { paddingLeft: 0 } }, line); });
+            if (type === 'ul') {
+                result = React.createElement("div", { style: { padding: 0 } },
+                    React.createElement("ul", { style: { paddingLeft: leftPad, margin: 0 } },
+                        result,
+                        " "));
+            }
+            else if (type === 'ol') {
+                result = React.createElement("div", { style: { padding: 0 } },
+                    React.createElement("ol", { style: { paddingLeft: leftPad, margin: 0 } },
+                        result,
+                        " "));
+            }
+        }
+    }
+    return result;
+}
+//# sourceMappingURL=basic.js.map

package/lib/components/atoms/Elements/basic.js.map

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

package/lib/components/atoms/Elements/dialogBox.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+export interface IMyDialogProps {
+    title: string;
+    dialogMessage: string;
+    showDialog: boolean;
+    confirmButton: string;
+    _confirmDialog: any;
+    _closeDialog: any;
+}
+export declare function buildConfirmDialog(thisDialog: IMyDialogProps): JSX.Element;
+export interface IMyBigDialogProps {
+    title: string;
+    dialogMessage?: string;
+    dialogElement?: any;
+    showDialog: boolean;
+    confirmButton: string;
+    _confirmDialog: any;
+    _closeDialog: any;
+    minWidth?: number;
+    maxWidth?: number;
+}
+export declare function buildConfirmDialogBig(thisDialog: IMyBigDialogProps): JSX.Element;
+//# sourceMappingURL=dialogBox.d.ts.map

package/lib/components/atoms/Elements/dialogBox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialogBox.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/dialogBox.tsx"],"names":[],"mappings":";AAaA,MAAM,WAAW,cAAc;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;CACrB;AAED,wBAAgB,kBAAkB,CAAG,UAAU,EAAG,cAAc,eAyC/D;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,GAAG,CAAC;IACpB,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,GAAG,CAAC;IACpB,YAAY,EAAE,GAAG,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,qBAAqB,CAAG,UAAU,EAAG,iBAAiB,eAyCrE"}

package/lib/components/atoms/Elements/dialogBox.js

@@ -0,0 +1,59 @@
+import * as React from 'react';
+import { Dialog, DialogType, DialogFooter, } from 'office-ui-fabric-react/lib/Dialog';
+import { PrimaryButton, DefaultButton, } from 'office-ui-fabric-react/lib/Button';
+// import { Label } 			from 'office-ui-fabric-react/lib/Label';
+// import { Icon  } from 'office-ui-fabric-react/lib/Icon';
+import { mergeStyles } from 'office-ui-fabric-react/lib/Styling';
+export function buildConfirmDialog(thisDialog) {
+    //let highlightKeys = ["Title","Email","IsSiteAdmin","LoginName", "Id"];
+    //let specialKeys = highlightKeys.concat("meta","searchString");
+    const iconClassInfo = mergeStyles({
+        fontSize: 18,
+        margin: '5px',
+        verticalAlign: 'bottom',
+        padding: '0px !important',
+    });
+    let iconStyles = { root: {
+        //color: h.color ? h.color : "blue",
+        } };
+    let buildDialog = React.createElement("div", null,
+        React.createElement(Dialog, { hidden: !thisDialog.showDialog, type: DialogType.normal, onDismiss: thisDialog._closeDialog, dialogContentProps: {
+                type: DialogType.normal,
+                title: thisDialog.title,
+                subText: thisDialog.dialogMessage
+            }, modalProps: {
+                isBlocking: true,
+                containerClassName: 'ms-dialogMainOverride'
+            } },
+            React.createElement(DialogFooter, null,
+                React.createElement("div", { style: { marginBottom: 7, display: 'flex', justifyContent: 'space-evenly', alignItems: 'center' } },
+                    React.createElement(DefaultButton, { onClick: thisDialog._closeDialog }, 'Cancel'),
+                    React.createElement(PrimaryButton, { onClick: thisDialog._confirmDialog }, thisDialog.confirmButton)))));
+    return buildDialog;
+}
+export function buildConfirmDialogBig(thisDialog) {
+    //let highlightKeys = ["Title","Email","IsSiteAdmin","LoginName", "Id"];
+    //let specialKeys = highlightKeys.concat("meta","searchString");
+    const iconClassInfo = mergeStyles({
+        fontSize: 18,
+        margin: '5px',
+        verticalAlign: 'bottom',
+        padding: '0px !important',
+    });
+    let buildDialog = React.createElement("div", null,
+        React.createElement(Dialog, { hidden: !thisDialog.showDialog, type: DialogType.normal, onDismiss: thisDialog._closeDialog, dialogContentProps: {
+                type: DialogType.normal,
+                title: thisDialog.title,
+                subText: thisDialog.dialogMessage ? thisDialog.dialogMessage : '',
+            }, minWidth: thisDialog.minWidth ? thisDialog.minWidth : 350, maxWidth: thisDialog.maxWidth ? thisDialog.maxWidth : 450, modalProps: {
+                isBlocking: true,
+                containerClassName: 'ms-dialogMainOverride'
+            } },
+            thisDialog.dialogElement ? thisDialog.dialogElement : null,
+            React.createElement(DialogFooter, null,
+                React.createElement("div", { style: { marginBottom: 7, display: 'flex', justifyContent: 'space-evenly', alignItems: 'center' } },
+                    React.createElement(DefaultButton, { onClick: thisDialog._closeDialog }, 'Cancel'),
+                    React.createElement(PrimaryButton, { onClick: thisDialog._confirmDialog }, thisDialog.confirmButton)))));
+    return buildDialog;
+}
+//# sourceMappingURL=dialogBox.js.map

package/lib/components/atoms/Elements/dialogBox.js.map

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

package/lib/components/atoms/Elements/draw.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { IDefIcon } from './IElements';
+export interface IColoredLine {
+    color: string | number | any;
+    height: string | number;
+}
+export declare const ColoredLine: (props: IColoredLine) => JSX.Element;
+export declare const defProjectIconStyle: IDefIcon;
+export declare function ProjectTitleElement(item: any): any;
+export declare function MyIcon(item: any, defIcon: IDefIcon): any;
+export declare const MySpan: (item: any) => {
+    render: (item: any) => any;
+};
+//# sourceMappingURL=draw.d.ts.map

package/lib/components/atoms/Elements/draw.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/draw.tsx"],"names":[],"mappings":";AAIA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,MAAM,WAAW,YAAY;IACzB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC;IAC7B,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,eAAO,MAAM,WAAW,UAAY,YAAY,gBAAkG,CAAC;AAEnJ,eAAO,MAAM,mBAAmB,EAAE,QAKjC,CAAC;AAEF,wBAAgB,mBAAmB,CAAE,IAAI,EAAE,GAAG,OAO7C;AAKD,wBAAgB,MAAM,CAAC,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,QAAQ,OA0BlD;AAGD,eAAO,MAAM,MAAM,SAAW,GAAG;mBAEd,GAAG;CAgCf,CAAC"}

package/lib/components/atoms/Elements/draw.js

@@ -0,0 +1,100 @@
+import * as React from 'react';
+import { Icon } from 'office-ui-fabric-react/lib/Icon';
+export const ColoredLine = (props) => (React.createElement("hr", { style: { color: props.color, backgroundColor: props.color, height: props.height } }));
+export const defProjectIconStyle = {
+    name: null,
+    color: null,
+    size: null,
+    weight: null,
+};
+export function ProjectTitleElement(item) {
+    let icon = MyIcon(item.projOptions.icon, defProjectIconStyle);
+    //const element: any = MySpan(item['projOptions']);
+    let fullElement = React.createElement("div", null,
+        " ",
+        icon,
+        " ",
+        null,
+        " ");
+    return fullElement;
+}
+//This is presumably from TrackMyTime
+export function MyIcon(item, defIcon) {
+    let iconName = defIcon.name;
+    let iconColor = defIcon.color;
+    let iconSize = defIcon.size;
+    let iconWeight = defIcon.weight;
+    if (item != null) {
+        if (item.name) {
+            iconName = item.name;
+        }
+        if (item.color) {
+            iconColor = item.color;
+        }
+        if (item.size) {
+            iconSize = item.size;
+        }
+        if (item.weight) {
+            iconWeight = item.weight;
+        }
+    }
+    iconSize = iconSize == null ? 'large' : iconSize;
+    let iconStyles = { root: {
+            fontSize: iconSize,
+            fontWeight: iconWeight,
+            color: iconColor,
+            paddingRight: '10px',
+        } };
+    const icon = iconName && iconName.length > 0 ? React.createElement(Icon, { iconName: iconName, styles: iconStyles }) : null;
+    return icon;
+}
+export const MySpan = (item) => ({
+    render: (item) => {
+        let thisStyle = {
+            color: '#333333',
+            background: 'transparent',
+            verticalAlign: 'top',
+            //      fontWeight: 'normal',
+            //      fontStyle: 'normal',
+            //      fontWeight: 'normal',
+        };
+        let fColor = item['font.color'];
+        let fSize = item['font.size'];
+        let fWeight = item['font.weight'];
+        let fStyle = item['font.style'];
+        let bgColor = item['bgColor'];
+        if (fColor && fColor.length > 0) {
+            thisStyle['color'] = fColor;
+        }
+        if (fSize && fSize.length > 0) {
+            thisStyle['font-size'] = fSize;
+        }
+        if (fWeight && fWeight.length > 0) {
+            thisStyle['font-weight'] = fWeight;
+        }
+        if (fStyle && fStyle.length > 0) {
+            thisStyle['font-style'] = fStyle;
+        }
+        if (bgColor && bgColor.length > 0) {
+            thisStyle['background'] = bgColor;
+        }
+        let iconName = item['projOptions.icon.name'];
+        let iconSize = item['projOptions.icon.size'];
+        let lineHeight = iconSize == null ? 'large' : iconSize;
+        if (lineHeight === 'x-large') {
+            lineHeight = '20px';
+        }
+        if (lineHeight === 'xx-large') {
+            lineHeight = '20px';
+        }
+        if (lineHeight === 'large') {
+            lineHeight = '18px';
+        }
+        if (iconName && iconName.length) {
+            thisStyle['line-height'] = lineHeight;
+        }
+        const element = React.createElement("span", { style: thisStyle }, item.titleProject);
+        return element;
+    }
+});
+//# sourceMappingURL=draw.js.map

package/lib/components/atoms/Elements/draw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"draw.js","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/draw.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,MAAM,iCAAiC,CAAC;AASvD,MAAM,CAAC,MAAM,WAAW,GAAG,CAAE,KAAmB,EAAG,EAAE,CAAC,CAAE,4BAAI,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,eAAe,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,EAAE,GAAG,CAAE,CAAC;AAEnJ,MAAM,CAAC,MAAM,mBAAmB,GAAa;IAC3C,IAAI,EAAE,IAAI;IACV,KAAK,EAAE,IAAI;IACX,IAAI,EAAE,IAAI;IACV,MAAM,EAAE,IAAI;CACb,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAE,IAAS;IAEtC,IAAI,IAAI,GAAQ,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,IAAI,EAAE,mBAAmB,CAAC,CAAC;IACnE,mDAAmD;IAEnD,IAAI,WAAW,GAAQ;;QAAQ,IAAI;;QAAK,IAAI;YAAS,CAAC;IACtD,OAAO,WAAW,CAAC;AAC3B,CAAC;AAED,qCAAqC;AAGrC,MAAM,UAAU,MAAM,CAAC,IAAS,EAAE,OAAiB;IAE3C,IAAI,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAC5B,IAAI,SAAS,GAAG,OAAO,CAAC,KAAK,CAAC;IAC9B,IAAI,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC;IAC5B,IAAI,UAAU,GAAG,OAAO,CAAC,MAAM,CAAC;IAEhC,IAAI,IAAI,IAAI,IAAI,EAAE;QACd,IAAK,IAAI,CAAC,IAAI,EAAG;YAAE,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAE;SAAE;QAC3C,IAAK,IAAI,CAAC,KAAK,EAAG;YAAE,SAAS,GAAG,IAAI,CAAC,KAAK,CAAE;SAAE;QAC9C,IAAK,IAAI,CAAC,IAAI,EAAG;YAAE,QAAQ,GAAG,IAAI,CAAC,IAAI,CAAE;SAAE;QAC3C,IAAK,IAAI,CAAC,MAAM,EAAG;YAAE,UAAU,GAAG,IAAI,CAAC,MAAM,CAAE;SAAE;KACpD;IAED,QAAQ,GAAG,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEjD,IAAI,UAAU,GAAQ,EAAE,IAAI,EAAE;YAC1B,QAAQ,EAAE,QAAQ;YAClB,UAAU,EAAE,UAAU;YACtB,KAAK,EAAE,SAAS;YAChB,YAAY,EAAE,MAAM;SACvB,EAAC,CAAC;IAEH,MAAM,IAAI,GAAQ,QAAQ,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,oBAAC,IAAI,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAI,UAAU,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC;IAE7G,OAAO,IAAI,CAAC;AACpB,CAAC;AAGD,MAAM,CAAC,MAAM,MAAM,GAAG,CAAE,IAAS,EAAG,EAAE,CAAC,CAAC;IAEpC,MAAM,EAAE,CAAC,IAAS,EAAE,EAAE;QAElB,IAAI,SAAS,GAAS;YAClB,KAAK,EAAE,SAAS;YAChB,UAAU,EAAE,aAAa;YACzB,aAAa,EAAE,KAAK;YAC5B,6BAA6B;YAC7B,4BAA4B;YAC5B,6BAA6B;SACxB,CAAC;QACF,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QAChC,IAAI,KAAK,GAAG,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9B,IAAI,OAAO,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC;QAClC,IAAI,MAAM,GAAG,IAAI,CAAC,YAAY,CAAC,CAAC;QAChC,IAAI,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC;QAC9B,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAAE,SAAS,CAAC,OAAO,CAAC,GAAG,MAAM,CAAC;SAAE;QACjE,IAAI,KAAK,IAAI,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE;YAAE,SAAS,CAAC,WAAW,CAAC,GAAG,KAAK,CAAC;SAAE;QAClE,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAAE,SAAS,CAAC,aAAa,CAAC,GAAG,OAAO,CAAC;SAAE;QAC1E,IAAI,MAAM,IAAI,MAAM,CAAC,MAAM,GAAG,CAAC,EAAE;YAAE,SAAS,CAAC,YAAY,CAAC,GAAG,MAAM,CAAC;SAAE;QAEtE,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,EAAE;YAAE,SAAS,CAAC,YAAY,CAAC,GAAG,OAAO,CAAC;SAAE;QACzE,IAAI,QAAQ,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAC7C,IAAI,QAAQ,GAAG,IAAI,CAAC,uBAAuB,CAAC,CAAC;QAE7C,IAAI,UAAU,GAAG,QAAQ,IAAI,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC;QACvD,IAAK,UAAU,KAAK,SAAS,EAAE;YAAE,UAAU,GAAG,MAAM,CAAE;SAAE;QACxD,IAAK,UAAU,KAAK,UAAU,EAAE;YAAE,UAAU,GAAG,MAAM,CAAE;SAAE;QACzD,IAAK,UAAU,KAAK,OAAO,EAAE;YAAE,UAAU,GAAG,MAAM,CAAE;SAAE;QAEtD,IAAK,QAAQ,IAAI,QAAQ,CAAC,MAAM,EAAG;YAAE,SAAS,CAAC,aAAa,CAAC,GAAG,UAAU,CAAC;SAAE;QAC7E,MAAM,OAAO,GAAQ,KAAK,CAAC,aAAa,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QAC1F,OAAO,OAAO,CAAC;IACnB,CAAC;CAAC,CAAC,CAAC"}

package/lib/components/atoms/Elements/markdown.d.ts

@@ -0,0 +1,4 @@
+import { IRepoLinks } from '../Links/CreateLinks';
+export declare function replaceHashNumStringWithRepoIssues(testString: string, repoLinks: IRepoLinks): any[];
+export declare function convertIssuesMarkdownStringToSpan(str: string, repoLinks: IRepoLinks | null): any;
+//# sourceMappingURL=markdown.d.ts.map

package/lib/components/atoms/Elements/markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/markdown.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAOlD,wBAAgB,kCAAkC,CAAE,UAAU,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,SAkB5F;AAED,wBAAgB,iCAAiC,CAAE,GAAG,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,GAAG,IAAI,OAa3F"}

package/lib/components/atoms/Elements/markdown.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { RegexHashNumber } from '../../../logic/Regex/constants';
+import { splitByHashNumbers } from '../../../logic/Strings/splitHash';
+// import { IRepoLinks } from '../Links_/CreateLinks';
+// import { RegexHashNumber, INullOrStringArray } from '../Services/Regex_/constants_';
+// import { splitByHashNumbers } from '../Services/Regex_/functions_';
+export function replaceHashNumStringWithRepoIssues(testString, repoLinks) {
+    //Replace any # with link to issue
+    //First find all instances of # and digits
+    let matches = testString.match(RegexHashNumber); //Should get array of all values like #3, #43. etc
+    let createSpans = splitByHashNumbers(testString, matches); // Gets full array of strings including #3 and everything in between
+    let spans = [];
+    createSpans.map(thisSpan => {
+        if (matches !== null && matches.indexOf(thisSpan) > -1) { //Then replace text with  link
+            // spans.push( `<<${thisSpan}>>` );
+            spans.push(React.createElement("a", { href: `${repoLinks.href}/issues/${thisSpan.substr(1)}`, target: "_blank" }, thisSpan));
+        }
+        else { //Just push text
+            spans.push(`${thisSpan}`);
+        }
+    });
+    return spans;
+}
+export function convertIssuesMarkdownStringToSpan(str, repoLinks) {
+    let StringOrLinkedSpan = null;
+    if (str && typeof str === 'string' && repoLinks !== null && str.indexOf('#') > -1) {
+        StringOrLinkedSpan = React.createElement("span", null, replaceHashNumStringWithRepoIssues(str, repoLinks));
+    }
+    else {
+        StringOrLinkedSpan = str;
+    }
+    return StringOrLinkedSpan;
+}
+//# sourceMappingURL=markdown.js.map

package/lib/components/atoms/Elements/markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"markdown.js","sourceRoot":"","sources":["../../../../src/components/atoms/Elements/markdown.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,EAAsB,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAG1F,sDAAsD;AAEtD,uFAAuF;AACvF,sEAAsE;AAEtE,MAAM,UAAU,kCAAkC,CAAE,UAAkB,EAAE,SAAqB;IAC3F,kCAAkC;IAClC,0CAA0C;IAC1C,IAAI,OAAO,GAAuB,UAAU,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC,CAAE,kDAAkD;IACxH,IAAI,WAAW,GAAa,kBAAkB,CAAE,UAAU,EAAE,OAAO,CAAE,CAAC,CAAC,oEAAoE;IAE3I,IAAI,KAAK,GAAU,EAAE,CAAC;IACtB,WAAW,CAAC,GAAG,CAAE,QAAQ,CAAC,EAAE;QACxB,IAAK,OAAO,KAAK,IAAI,IAAI,OAAO,CAAC,OAAO,CAAE,QAAQ,CAAE,GAAG,CAAE,CAAC,EAAE,EAAG,8BAA8B;YACzF,mCAAmC;YACnC,KAAK,CAAC,IAAI,CAAE,2BAAG,IAAI,EAAE,GAAG,SAAS,CAAC,IAAI,WAAY,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,MAAM,EAAC,QAAQ,IAAE,QAAQ,CAAK,CAAE,CAAC;SAC5G;aAAM,EAAE,gBAAgB;YACrB,KAAK,CAAC,IAAI,CAAE,GAAG,QAAQ,EAAE,CAAE,CAAC;SAC/B;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,KAAK,CAAC;AAEf,CAAC;AAED,MAAM,UAAU,iCAAiC,CAAE,GAAW,EAAE,SAA4B;IAExF,IAAI,kBAAkB,GAAQ,IAAI,CAAC;IACnC,IAAK,GAAG,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,SAAS,KAAK,IAAI,IAAI,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,EAAG;QACjF,kBAAkB,GAAG,kCACf,kCAAkC,CAAE,GAAG,EAAE,SAAS,CAAE,CACnD,CAAC;KAEX;SAAM;QACH,kBAAkB,GAAG,GAAG,CAAC;KAC5B;IACD,OAAO,kBAAkB,CAAC;AAE9B,CAAC"}

package/lib/components/atoms/FPSAgeSlider/createAgeSliderWPProps.d.ts

@@ -0,0 +1,3 @@
+import { IFPSAgeSliderWPProps } from "./FPSAgeTypes";
+export declare function createAgeSliderWPProps(ageSliderWP: IFPSAgeSliderWPProps): IFPSAgeSliderWPProps;
+//# sourceMappingURL=createAgeSliderWPProps.d.ts.map

package/lib/components/atoms/FPSAgeSlider/createAgeSliderWPProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createAgeSliderWPProps.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/FPSAgeSlider/createAgeSliderWPProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAGrD,wBAAgB,sBAAsB,CAAE,WAAW,EAAE,oBAAoB,GAAK,oBAAoB,CAWjG"}

package/lib/components/atoms/FPSAgeSlider/createAgeSliderWPProps.js

@@ -0,0 +1,10 @@
+export function createAgeSliderWPProps(ageSliderWP) {
+    const AgeSliderWPProps = {
+        FPSAgeIsVisible: ageSliderWP.FPSAgeIsVisible,
+        FPSAgeColumnName: ageSliderWP.FPSAgeColumnName,
+        FPSAgeColumnTitle: ageSliderWP.FPSAgeColumnTitle,
+        FPSAgeDefault: ageSliderWP.FPSAgeDefault, //Should be index of AgeSliderOption
+    };
+    return AgeSliderWPProps;
+}
+//# sourceMappingURL=createAgeSliderWPProps.js.map