npm - @finsemble/finsemble-ui - Versions diffs - 6.2.1 → 6.3.1-beta-1 - Mend

@finsemble/finsemble-ui 6.2.1 → 6.3.1-beta-1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (749) hide show

package/react/components/common/FontSizeSelector.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FontSizeSelector.js","sourceRoot":"","sources":["../../../src/components/common/FontSizeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,cAAc,GAAG;IACtB,UAAU;IACV,SAAS;IACT,OAAO;IACP,QAAQ;IACR,OAAO;IACP,SAAS;IACT,UAAU;IACV,WAAW;IACX,SAAS;IACT,QAAQ;IACR,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,OAAO;CACP,CAAC;AAaF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAiB,EAAE,EAAE;IACxE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CACN,6BAAK,SAAS,EAAC,kBAAkB;QAChC,~~mCACK~~,EAAE,EAAE,EAAE,~~EACV~~,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAiC,EAAE,EAAE;gBAC/C,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACxB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,~~IAEA~~,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAClC,gCAAQ,GAAG,EAAE,SAAS,IAAG,SAAS,CAAU,CAC5C,CAAC,CACM,CACJ,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { ChangeEvent, useState } from \"react\";\r\n\r\nconst FONT_SIZE_LIST = [\r\n\t\"xx-small\",\r\n\t\"x-small\",\r\n\t\"small\",\r\n\t\"medium\",\r\n\t\"large\",\r\n\t\"x-large\",\r\n\t\"xx-large\",\r\n\t\"xxx-large\",\r\n\t\"smaller\",\r\n\t\"larger\",\r\n\t\"8px\",\r\n\t\"10px\",\r\n\t\"12px\",\r\n\t\"14px\",\r\n\t\"16px\",\r\n\t\"8pt\",\r\n\t\"10pt\",\r\n\t\"12pt\",\r\n\t\"14pt\",\r\n\t\"0.6em\",\r\n\t\"0.8em\",\r\n\t\"1.2em\",\r\n\t\"1.4em\",\r\n\t\"60%\",\r\n\t\"80%\",\r\n\t\"120%\",\r\n\t\"140%\",\r\n\t\"inherit\",\r\n\t\"initial\",\r\n\t\"unset\",\r\n];\r\n\r\nexport interface FontSizeProps {\r\n\tid?: string;\r\n\tstartSize: string;\r\n\tupdateSize: (newSize: string) => void;\r\n}\r\n\r\n/*\r\n FontSize component to update theme variables. Text input that validates against browser.\r\n \r\n @param {{ id?: string; startSize: string; updateSize: (newSize: string) => void }} { startSize, updateSize }\r\n */\r\nexport const FontSize = ({ id, startSize, updateSize }: FontSizeProps) => {\r\n\tconst [size, setSize] = useState(startSize);\r\n\r\n\treturn (\r\n\t\t<div className=\"font-size-picker\">\r\n\t\t\t<select\r\n\t\t\t\t{...{ id }}\r\n\t\t\t\tvalue={size}\r\n\t\t\t\tonChange={(e: ChangeEvent<HTMLSelectElement>) => {\r\n\t\t\t\t\tsetSize(e.target.value);\r\n\t\t\t\t\tupdateSize(e.target.value);\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t{FONT_SIZE_LIST.map((font_size) => (\r\n\t\t\t\t\t<option key={font_size}>{font_size}</option>\r\n\t\t\t\t))}\r\n\t\t\t</select>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"FontSizeSelector.js","sourceRoot":"","sources":["../../../src/components/common/FontSizeSelector.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAe,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,cAAc,GAAG;IACtB,UAAU;IACV,SAAS;IACT,OAAO;IACP,QAAQ;IACR,OAAO;IACP,SAAS;IACT,UAAU;IACV,WAAW;IACX,SAAS;IACT,QAAQ;IACR,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;IACN,MAAM;IACN,KAAK;IACL,MAAM;IACN,MAAM;IACN,MAAM;IACN,OAAO;IACP,OAAO;IACP,OAAO;IACP,OAAO;IACP,KAAK;IACL,KAAK;IACL,MAAM;IACN,MAAM;IACN,SAAS;IACT,SAAS;IACT,OAAO;CACP,CAAC;AAaF,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,UAAU,EAAiB,EAAE,EAAE;IACxE,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE5C,OAAO,CACN,6BAAK,SAAS,EAAC,kBAAkB;QAChC,gDACK,EAAE,EAAE,EAAE,IACV,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAiC,EAAE,EAAE;gBAC/C,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBACxB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;YAC5B,CAAC,KAEA,cAAc,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAClC,gCAAQ,GAAG,EAAE,SAAS,IAAG,SAAS,CAAU,CAC5C,CAAC,CACM,CACJ,CACN,CAAC;AACH,CAAC,CAAC","sourcesContent":["import React, { ChangeEvent, useState } from \"react\";\r\n\r\nconst FONT_SIZE_LIST = [\r\n\t\"xx-small\",\r\n\t\"x-small\",\r\n\t\"small\",\r\n\t\"medium\",\r\n\t\"large\",\r\n\t\"x-large\",\r\n\t\"xx-large\",\r\n\t\"xxx-large\",\r\n\t\"smaller\",\r\n\t\"larger\",\r\n\t\"8px\",\r\n\t\"10px\",\r\n\t\"12px\",\r\n\t\"14px\",\r\n\t\"16px\",\r\n\t\"8pt\",\r\n\t\"10pt\",\r\n\t\"12pt\",\r\n\t\"14pt\",\r\n\t\"0.6em\",\r\n\t\"0.8em\",\r\n\t\"1.2em\",\r\n\t\"1.4em\",\r\n\t\"60%\",\r\n\t\"80%\",\r\n\t\"120%\",\r\n\t\"140%\",\r\n\t\"inherit\",\r\n\t\"initial\",\r\n\t\"unset\",\r\n];\r\n\r\nexport interface FontSizeProps {\r\n\tid?: string;\r\n\tstartSize: string;\r\n\tupdateSize: (newSize: string) => void;\r\n}\r\n\r\n/*\r\n FontSize component to update theme variables. Text input that validates against browser.\r\n \r\n @param {{ id?: string; startSize: string; updateSize: (newSize: string) => void }} { startSize, updateSize }\r\n */\r\nexport const FontSize = ({ id, startSize, updateSize }: FontSizeProps) => {\r\n\tconst [size, setSize] = useState(startSize);\r\n\r\n\treturn (\r\n\t\t<div className=\"font-size-picker\">\r\n\t\t\t<select\r\n\t\t\t\t{...{ id }}\r\n\t\t\t\tvalue={size}\r\n\t\t\t\tonChange={(e: ChangeEvent<HTMLSelectElement>) => {\r\n\t\t\t\t\tsetSize(e.target.value);\r\n\t\t\t\t\tupdateSize(e.target.value);\r\n\t\t\t\t}}\r\n\t\t\t>\r\n\t\t\t\t{FONT_SIZE_LIST.map((font_size) => (\r\n\t\t\t\t\t<option key={font_size}>{font_size}</option>\r\n\t\t\t\t))}\r\n\t\t\t</select>\r\n\t\t</div>\r\n\t);\r\n};\r\n"]}

package/react/components/common/ImagePreview.js CHANGED Viewed

@@ -33,10 +33,10 @@ export const ImagePreview = (props) => {
             setDroppedFile(file);
         } },
         React.createElement("div", { className: ["image-preview-container", `image-preview-size-${previewSize}`].join(" ") },
-            React.createElement(FileInput, { value: imagePath, uploadFunction: props.uploadFunction, onSetValue: (value) => {
+            React.createElement(FileInput, Object.assign({ value: imagePath, uploadFunction: props.uploadFunction, onSetValue: (value) => {
                     setImagePath(value);
                     setCacheIndex(++globalCacheIndex);
-                }, acceptTypes: props.acceptTypes, presetFile: droppedFile, suppressDropzone: true, ...(props.id ? { id: props.id } : {}) }),
+                }, acceptTypes: props.acceptTypes, presetFile: droppedFile, suppressDropzone: true }, (props.id ? { id: props.id } : {}))),
             !imagePath ? (React.createElement("div", { className: "empty-preview" })) : (React.createElement("div", { className: "filled-preview" },
                 React.createElement("img", { src: `${props.baseURL}/${imagePath}?${cacheIndex}` }))))));
 };

package/react/components/common/ImagePreview.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../src/components/common/ImagePreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAqB,MAAM,aAAa,CAAC;AAC3D,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAgB,MAAM,YAAY,CAAC;AAEpD,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC3B,mCAAe,CAAA;IACf,mCAAe,CAAA;AAChB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAYD,IAAI,gBAAgB,GAAG,CAAC,CAAC;AAEzB,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,OAAe,EAAE,EAAE,CACnD,IAAI;KACF,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;KACtC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;KACvB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,gBAAgB,CAAC,KAAK,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAE1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAElF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,UAAU,EAAE;YACrB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;SAC5B;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACN,oBAAC,QAAQ,IACR,WAAW,EAAE,CAAC,IAAU,EAAE,EAAE;YAC3B,cAAc,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,6BAAK,SAAS,EAAE,CAAC,yBAAyB,EAAE,sBAAsB,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YACzF,oBAAC,SAAS,~~IACT~~,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE;oBAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,aAAa,CAAC,EAAE,gBAAgB,CAAC,CAAC;gBACnC,CAAC,EACD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,WAAW,EACvB,gBAAgB,EAAE,IAAI,~~KAClB~~,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,~~GAC1B~~;YAEZ,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAC,eAAe,GAAO,CACrC,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,6BAAK,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,IAAI,UAAU,EAAE,GAAI,CACtD,CACN,CACI,CACI,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\nimport { FileInput, FileInputUploadCb } from \"./FileInput\";\r\nimport \"./css/image-preview.css\";\r\nimport { DropZone, FileWithPath } from \"./DropZone\";\r\n\r\nexport enum ImagePreviewSize {\r\n\tSMALL = \"small\",\r\n\tLARGE = \"large\",\r\n}\r\n\r\nexport type ImagePreviewProps = {\r\n\tid?: string;\r\n\tvalue: string;\r\n\tbaseURL: string;\r\n\tonSetValue?: (value: string) => void;\r\n\tuploadFunction: FileInputUploadCb;\r\n\tacceptTypes: string[];\r\n\tpreviewSize?: ImagePreviewSize;\r\n};\r\n\r\nlet globalCacheIndex = 0;\r\n\r\nconst cleanPath = (path: string, baseURL: string) =>\r\n\tpath\r\n\t\t.replace(new RegExp(`^${baseURL}`), \"\")\r\n\t\t.replace(/\\/{1,}/g, \"/\")\r\n\t\t.replace(/^\\//, \"\");\r\n\r\nexport const ImagePreview = (props: ImagePreviewProps) => {\r\n\tconst [cacheIndex, setCacheIndex] = useState(++globalCacheIndex);\r\n\tconst previewSize = props.previewSize \|\| ImagePreviewSize.SMALL;\r\n\tconst [droppedFile, setDroppedFile] = useState<FileWithPath \| null>(null);\r\n\r\n\tconst [imagePath, setImagePath] = useState(cleanPath(props.value, props.baseURL));\r\n\r\n\tuseEffect(() => {\r\n\t\tif (props.onSetValue) {\r\n\t\t\tprops.onSetValue(imagePath);\r\n\t\t}\r\n\t}, [imagePath]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetImagePath(cleanPath(props.value, props.baseURL));\r\n\t}, [props]);\r\n\r\n\treturn (\r\n\t\t<DropZone\r\n\t\t\tprocessFile={(file: File) => {\r\n\t\t\t\tsetDroppedFile(file);\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t<div className={[\"image-preview-container\", `image-preview-size-${previewSize}`].join(\" \")}>\r\n\t\t\t\t<FileInput\r\n\t\t\t\t\tvalue={imagePath}\r\n\t\t\t\t\tuploadFunction={props.uploadFunction}\r\n\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\tsetImagePath(value);\r\n\t\t\t\t\t\tsetCacheIndex(++globalCacheIndex);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tacceptTypes={props.acceptTypes}\r\n\t\t\t\t\tpresetFile={droppedFile}\r\n\t\t\t\t\tsuppressDropzone={true}\r\n\t\t\t\t\t{...(props.id ? { id: props.id } : {})}\r\n\t\t\t\t></FileInput>\r\n\r\n\t\t\t\t{!imagePath ? (\r\n\t\t\t\t\t<div className=\"empty-preview\"></div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div className=\"filled-preview\">\r\n\t\t\t\t\t\t<img src={`${props.baseURL}/${imagePath}?${cacheIndex}`} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</DropZone>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"ImagePreview.js","sourceRoot":"","sources":["../../../src/components/common/ImagePreview.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,EAAE,SAAS,EAAqB,MAAM,aAAa,CAAC;AAC3D,OAAO,yBAAyB,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAgB,MAAM,YAAY,CAAC;AAEpD,MAAM,CAAN,IAAY,gBAGX;AAHD,WAAY,gBAAgB;IAC3B,mCAAe,CAAA;IACf,mCAAe,CAAA;AAChB,CAAC,EAHW,gBAAgB,KAAhB,gBAAgB,QAG3B;AAYD,IAAI,gBAAgB,GAAG,CAAC,CAAC;AAEzB,MAAM,SAAS,GAAG,CAAC,IAAY,EAAE,OAAe,EAAE,EAAE,CACnD,IAAI;KACF,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,OAAO,EAAE,CAAC,EAAE,EAAE,CAAC;KACtC,OAAO,CAAC,SAAS,EAAE,GAAG,CAAC;KACvB,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AAEtB,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,KAAwB,EAAE,EAAE;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,gBAAgB,CAAC,CAAC;IACjE,MAAM,WAAW,GAAG,KAAK,CAAC,WAAW,IAAI,gBAAgB,CAAC,KAAK,CAAC;IAChE,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAsB,IAAI,CAAC,CAAC;IAE1E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IAElF,SAAS,CAAC,GAAG,EAAE;QACd,IAAI,KAAK,CAAC,UAAU,EAAE;YACrB,KAAK,CAAC,UAAU,CAAC,SAAS,CAAC,CAAC;SAC5B;IACF,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,SAAS,CAAC,GAAG,EAAE;QACd,YAAY,CAAC,SAAS,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;IACrD,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;IAEZ,OAAO,CACN,oBAAC,QAAQ,IACR,WAAW,EAAE,CAAC,IAAU,EAAE,EAAE;YAC3B,cAAc,CAAC,IAAI,CAAC,CAAC;QACtB,CAAC;QAED,6BAAK,SAAS,EAAE,CAAC,yBAAyB,EAAE,sBAAsB,WAAW,EAAE,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;YACzF,oBAAC,SAAS,kBACT,KAAK,EAAE,SAAS,EAChB,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE;oBAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;oBACpB,aAAa,CAAC,EAAE,gBAAgB,CAAC,CAAC;gBACnC,CAAC,EACD,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,UAAU,EAAE,WAAW,EACvB,gBAAgB,EAAE,IAAI,IAClB,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC1B;YAEZ,CAAC,SAAS,CAAC,CAAC,CAAC,CACb,6BAAK,SAAS,EAAC,eAAe,GAAO,CACrC,CAAC,CAAC,CAAC,CACH,6BAAK,SAAS,EAAC,gBAAgB;gBAC9B,6BAAK,GAAG,EAAE,GAAG,KAAK,CAAC,OAAO,IAAI,SAAS,IAAI,UAAU,EAAE,GAAI,CACtD,CACN,CACI,CACI,CACX,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useEffect } from \"react\";\r\n\r\nimport { FileInput, FileInputUploadCb } from \"./FileInput\";\r\nimport \"./css/image-preview.css\";\r\nimport { DropZone, FileWithPath } from \"./DropZone\";\r\n\r\nexport enum ImagePreviewSize {\r\n\tSMALL = \"small\",\r\n\tLARGE = \"large\",\r\n}\r\n\r\nexport type ImagePreviewProps = {\r\n\tid?: string;\r\n\tvalue: string;\r\n\tbaseURL: string;\r\n\tonSetValue?: (value: string) => void;\r\n\tuploadFunction: FileInputUploadCb;\r\n\tacceptTypes: string[];\r\n\tpreviewSize?: ImagePreviewSize;\r\n};\r\n\r\nlet globalCacheIndex = 0;\r\n\r\nconst cleanPath = (path: string, baseURL: string) =>\r\n\tpath\r\n\t\t.replace(new RegExp(`^${baseURL}`), \"\")\r\n\t\t.replace(/\\/{1,}/g, \"/\")\r\n\t\t.replace(/^\\//, \"\");\r\n\r\nexport const ImagePreview = (props: ImagePreviewProps) => {\r\n\tconst [cacheIndex, setCacheIndex] = useState(++globalCacheIndex);\r\n\tconst previewSize = props.previewSize \|\| ImagePreviewSize.SMALL;\r\n\tconst [droppedFile, setDroppedFile] = useState<FileWithPath \| null>(null);\r\n\r\n\tconst [imagePath, setImagePath] = useState(cleanPath(props.value, props.baseURL));\r\n\r\n\tuseEffect(() => {\r\n\t\tif (props.onSetValue) {\r\n\t\t\tprops.onSetValue(imagePath);\r\n\t\t}\r\n\t}, [imagePath]);\r\n\r\n\tuseEffect(() => {\r\n\t\tsetImagePath(cleanPath(props.value, props.baseURL));\r\n\t}, [props]);\r\n\r\n\treturn (\r\n\t\t<DropZone\r\n\t\t\tprocessFile={(file: File) => {\r\n\t\t\t\tsetDroppedFile(file);\r\n\t\t\t}}\r\n\t\t>\r\n\t\t\t<div className={[\"image-preview-container\", `image-preview-size-${previewSize}`].join(\" \")}>\r\n\t\t\t\t<FileInput\r\n\t\t\t\t\tvalue={imagePath}\r\n\t\t\t\t\tuploadFunction={props.uploadFunction}\r\n\t\t\t\t\tonSetValue={(value: string) => {\r\n\t\t\t\t\t\tsetImagePath(value);\r\n\t\t\t\t\t\tsetCacheIndex(++globalCacheIndex);\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tacceptTypes={props.acceptTypes}\r\n\t\t\t\t\tpresetFile={droppedFile}\r\n\t\t\t\t\tsuppressDropzone={true}\r\n\t\t\t\t\t{...(props.id ? { id: props.id } : {})}\r\n\t\t\t\t></FileInput>\r\n\r\n\t\t\t\t{!imagePath ? (\r\n\t\t\t\t\t<div className=\"empty-preview\"></div>\r\n\t\t\t\t) : (\r\n\t\t\t\t\t<div className=\"filled-preview\">\r\n\t\t\t\t\t\t<img src={`${props.baseURL}/${imagePath}?${cacheIndex}`} />\r\n\t\t\t\t\t</div>\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\t\t</DropZone>\r\n\t);\r\n};\r\n"]}

package/react/components/common/Tab.js CHANGED Viewed

@@ -8,8 +8,9 @@ export const Tab = ({ children, autofocus }) => {
     const [selectedTab, setSelectedTab] = useState(autofocus || 0);
     const ref = useRef(null);
     useLayoutEffect(() => {
+        var _a;
         if (ref.current !== null) {
-            ref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top || 0) - 10}px`;
+            ref.current.style.height = `${window.innerHeight - (((_a = ref.current.getBoundingClientRect()) === null || _a === void 0 ? void 0 : _a.top) || 0) - 10}px`;
         }
     });
     return (React.createElement(React.Fragment, null,

package/react/components/common/Tab.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/common/Tab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAmC,MAAM,OAAO,CAAC;AAClG,OAAO,eAAe,CAAC;AAOvB,MAAM,CAAC,MAAM,GAAG,GAAgC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,eAAe,CAAC,GAAG,EAAE;QAIpB,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE;YACzB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,~~EAAE~~,GAAG,~~IAAI~~,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC;SAC5G;IACF,CAAC,CAAC,CAAC;IAEH,OAAO,CACN;QACC,6BAAK,IAAI,EAAC,SAAS,IACjB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAClB,QAAQ,EACR,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CACZ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAC5B,6BACC,GAAG,EAAE,OAAO,GAAG,EAAE,EACjB,IAAI,EAAC,KAAK,mBACK,WAAW,KAAK,GAAG,mBACnB,YAAY,GAAG,EAAE,EAChC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBAChB,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBACvC,cAAc,CAAC,GAAG,CAAC,CAAC;oBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;YACF,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gBACb,cAAc,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC,IAEC,GAAoB,CAAC,KAAK,CAAC,YAAY,CAAC,CACrC,CACN,CACF,CACI;QAEN,6BAAK,EAAE,EAAC,mBAAmB,EAAC,GAAG,EAAE,GAAG,IAClC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,6BACC,GAAG,EAAE,YAAY,GAAG,EAAE,EACtB,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,YAAY,GAAG,EAAE,EACrB,SAAS,EAAE,WAAW,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAE9C,GAAG,CACC,CACN,CAAC,CACG,CACJ,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useRef, useLayoutEffect, FunctionComponent, ReactElement } from \"react\";\r\nimport \"./css/tab.css\";\r\n\r\nexport type TabProps = {\r\n\tchildren?: React.ReactNode;\r\n\tautofocus?: number;\r\n};\r\n\r\nexport const Tab: FunctionComponent<TabProps> = ({ children, autofocus }) => {\r\n\tconst [selectedTab, setSelectedTab] = useState(autofocus \|\| 0);\r\n\tconst ref = useRef<HTMLDivElement>(null);\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\r\n\t\t// which also keeps the heading/tab group at the top of the page.\r\n\t\t// It feels like css flex should do this, but I could never get it to work.\r\n\t\tif (ref.current !== null) {\r\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top \|\| 0) - 10}px`;\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div role=\"tablist\">\r\n\t\t\t\t{React.Children.map(\r\n\t\t\t\t\tchildren,\r\n\t\t\t\t\t(tab, key) =>\r\n\t\t\t\t\t\tReact.isValidElement(tab) && (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={`tab-${key}`}\r\n\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\taria-selected={selectedTab === key}\r\n\t\t\t\t\t\t\t\taria-controls={`tabpanel-${key}`}\r\n\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \" \" \|\| e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\tsetSelectedTab(key);\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tsetSelectedTab(key);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{(tab as ReactElement).props[\"data-label\"]}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div id=\"tabpanelContainer\" ref={ref}>\r\n\t\t\t\t{React.Children.map(children, (tab, key) => (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tkey={`tabpanel-${key}`}\r\n\t\t\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t\t\tid={`tabpanel-${key}`}\r\n\t\t\t\t\t\tclassName={selectedTab === key ? \"visible\" : \"\"}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{tab}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n"]}
1	+ {"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/common/Tab.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,EAAE,eAAe,EAAmC,MAAM,OAAO,CAAC;AAClG,OAAO,eAAe,CAAC;AAOvB,MAAM,CAAC,MAAM,GAAG,GAAgC,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3E,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC;IAC/D,MAAM,GAAG,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEzC,eAAe,CAAC,GAAG,EAAE;;QAIpB,IAAI,GAAG,CAAC,OAAO,KAAK,IAAI,EAAE;YACzB,GAAG,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,WAAW,GAAG,CAAC,CAAA,MAAA,GAAG,CAAC,OAAO,CAAC,qBAAqB,EAAE,0CAAE,GAAG,KAAI,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC;SAC5G;IACF,CAAC,CAAC,CAAC;IAEH,OAAO,CACN;QACC,6BAAK,IAAI,EAAC,SAAS,IACjB,KAAK,CAAC,QAAQ,CAAC,GAAG,CAClB,QAAQ,EACR,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CACZ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC,IAAI,CAC5B,6BACC,GAAG,EAAE,OAAO,GAAG,EAAE,EACjB,IAAI,EAAC,KAAK,mBACK,WAAW,KAAK,GAAG,mBACnB,YAAY,GAAG,EAAE,EAChC,QAAQ,EAAE,CAAC,EACX,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBAChB,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE;oBACvC,cAAc,CAAC,GAAG,CAAC,CAAC;oBACpB,CAAC,CAAC,cAAc,EAAE,CAAC;iBACnB;YACF,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gBACb,cAAc,CAAC,GAAG,CAAC,CAAC;YACrB,CAAC,IAEC,GAAoB,CAAC,KAAK,CAAC,YAAY,CAAC,CACrC,CACN,CACF,CACI;QAEN,6BAAK,EAAE,EAAC,mBAAmB,EAAC,GAAG,EAAE,GAAG,IAClC,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,EAAE,CAAC,CAC3C,6BACC,GAAG,EAAE,YAAY,GAAG,EAAE,EACtB,IAAI,EAAC,UAAU,EACf,EAAE,EAAE,YAAY,GAAG,EAAE,EACrB,SAAS,EAAE,WAAW,KAAK,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAE9C,GAAG,CACC,CACN,CAAC,CACG,CACJ,CACH,CAAC;AACH,CAAC,CAAC","sourcesContent":["/!\r\n Copyright 2017 - 2020 by ChartIQ, Inc.\r\n * All rights reserved.\r\n */\r\n\r\nimport React, { useState, useRef, useLayoutEffect, FunctionComponent, ReactElement } from \"react\";\r\nimport \"./css/tab.css\";\r\n\r\nexport type TabProps = {\r\n\tchildren?: React.ReactNode;\r\n\tautofocus?: number;\r\n};\r\n\r\nexport const Tab: FunctionComponent<TabProps> = ({ children, autofocus }) => {\r\n\tconst [selectedTab, setSelectedTab] = useState(autofocus \|\| 0);\r\n\tconst ref = useRef<HTMLDivElement>(null);\r\n\r\n\tuseLayoutEffect(() => {\r\n\t\t// Allow for the tab panel content to look nice with its own scrollbar,\r\n\t\t// which also keeps the heading/tab group at the top of the page.\r\n\t\t// It feels like css flex should do this, but I could never get it to work.\r\n\t\tif (ref.current !== null) {\r\n\t\t\tref.current.style.height = `${window.innerHeight - (ref.current.getBoundingClientRect()?.top \|\| 0) - 10}px`;\r\n\t\t}\r\n\t});\r\n\r\n\treturn (\r\n\t\t<>\r\n\t\t\t<div role=\"tablist\">\r\n\t\t\t\t{React.Children.map(\r\n\t\t\t\t\tchildren,\r\n\t\t\t\t\t(tab, key) =>\r\n\t\t\t\t\t\tReact.isValidElement(tab) && (\r\n\t\t\t\t\t\t\t<div\r\n\t\t\t\t\t\t\t\tkey={`tab-${key}`}\r\n\t\t\t\t\t\t\t\trole=\"tab\"\r\n\t\t\t\t\t\t\t\taria-selected={selectedTab === key}\r\n\t\t\t\t\t\t\t\taria-controls={`tabpanel-${key}`}\r\n\t\t\t\t\t\t\t\ttabIndex={0}\r\n\t\t\t\t\t\t\t\tonKeyDown={(e) => {\r\n\t\t\t\t\t\t\t\t\tif (e.key === \" \" \|\| e.key === \"Enter\") {\r\n\t\t\t\t\t\t\t\t\t\tsetSelectedTab(key);\r\n\t\t\t\t\t\t\t\t\t\te.preventDefault();\r\n\t\t\t\t\t\t\t\t\t}\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t\tonClick={() => {\r\n\t\t\t\t\t\t\t\t\tsetSelectedTab(key);\r\n\t\t\t\t\t\t\t\t}}\r\n\t\t\t\t\t\t\t>\r\n\t\t\t\t\t\t\t\t{(tab as ReactElement).props[\"data-label\"]}\r\n\t\t\t\t\t\t\t</div>\r\n\t\t\t\t\t\t)\r\n\t\t\t\t)}\r\n\t\t\t</div>\r\n\r\n\t\t\t<div id=\"tabpanelContainer\" ref={ref}>\r\n\t\t\t\t{React.Children.map(children, (tab, key) => (\r\n\t\t\t\t\t<div\r\n\t\t\t\t\t\tkey={`tabpanel-${key}`}\r\n\t\t\t\t\t\trole=\"tabpanel\"\r\n\t\t\t\t\t\tid={`tabpanel-${key}`}\r\n\t\t\t\t\t\tclassName={selectedTab === key ? \"visible\" : \"\"}\r\n\t\t\t\t\t>\r\n\t\t\t\t\t\t{tab}\r\n\t\t\t\t\t</div>\r\n\t\t\t\t))}\r\n\t\t\t</div>\r\n\t\t</>\r\n\t);\r\n};\r\n"]}

package/react/components/common/file_helpers.js CHANGED Viewed

@@ -11,8 +11,9 @@ export const VALID_APP_EXTENSIONS = ["application/x-msdos-program"];
 export const validateFilename = (acceptTypes, filename) => {
     const ext_re = /(?:\.([^.]+))?$/;
     const matches = acceptTypes.filter((mimeType) => {
-        const ext = ext_re.exec(filename)?.[1];
-        return mimeType === "*" || (ext && mimeType?.toLowerCase() == mimeTypes[ext]);
+        var _a;
+        const ext = (_a = ext_re.exec(filename)) === null || _a === void 0 ? void 0 : _a[1];
+        return mimeType === "*" || (ext && (mimeType === null || mimeType === void 0 ? void 0 : mimeType.toLowerCase()) == mimeTypes[ext]);
     });
     return filename !== "" && matches.length === 0;
 };

package/react/components/common/file_helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"file_helpers.js","sourceRoot":"","sources":["../../../src/components/common/file_helpers.ts"],"names":[],"mappings":"AACA,MAAM,SAAS,GAA2B;IACzC,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,6BAA6B;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,6BAA6B,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAqB,EAAE,QAAgB,EAAE,EAAE;IAE3E,MAAM,MAAM,GAAG,iBAAiB,CAAC;IACjC,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,QAAgB,EAAE,EAAE;QACvD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,~~EAAE~~,CAAC,CAAC,CAAC~~,CAAC~~;QACvC,OAAO,QAAQ,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,QAAQ,~~EAAE~~,WAAW,EAAE,~~IAAI~~,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,KAAK,EAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["// Dictionary to match extensions (eg, \"png\") to mimetypes (eg, \"image/png\")\r\nconst mimeTypes: Record<string, string> = {\r\n\tico: \"image/x-icon\",\r\n\tpng: \"image/png\",\r\n\tjpeg: \"image/jpeg\",\r\n\tjpg: \"image/jpeg\",\r\n\tjpe: \"image/jpeg\",\r\n\tgif: \"image/gif\",\r\n\texe: \"application/x-msdos-program\",\r\n};\r\n\r\nexport const VALID_APP_EXTENSIONS = [\"application/x-msdos-program\"];\r\n\r\nexport const validateFilename = (acceptTypes: string[], filename: string) => {\r\n\t// regular express to extract extension (eg, \"png\")\r\n\tconst ext_re = /(?:\\.([^.]+))?$/;\r\n\tconst matches = acceptTypes.filter((mimeType: string) => {\r\n\t\tconst ext = ext_re.exec(filename)?.[1];\r\n\t\treturn mimeType === \"*\" \|\| (ext && mimeType?.toLowerCase() == mimeTypes[ext]);\r\n\t});\r\n\treturn filename !== \"\" && matches.length === 0;\r\n};\r\n"]}
1	+ {"version":3,"file":"file_helpers.js","sourceRoot":"","sources":["../../../src/components/common/file_helpers.ts"],"names":[],"mappings":"AACA,MAAM,SAAS,GAA2B;IACzC,GAAG,EAAE,cAAc;IACnB,GAAG,EAAE,WAAW;IAChB,IAAI,EAAE,YAAY;IAClB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,YAAY;IACjB,GAAG,EAAE,WAAW;IAChB,GAAG,EAAE,6BAA6B;CAClC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,6BAA6B,CAAC,CAAC;AAEpE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,WAAqB,EAAE,QAAgB,EAAE,EAAE;IAE3E,MAAM,MAAM,GAAG,iBAAiB,CAAC;IACjC,MAAM,OAAO,GAAG,WAAW,CAAC,MAAM,CAAC,CAAC,QAAgB,EAAE,EAAE;;QACvD,MAAM,GAAG,GAAG,MAAA,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,0CAAG,CAAC,CAAC,CAAC;QACvC,OAAO,QAAQ,KAAK,GAAG,IAAI,CAAC,GAAG,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,EAAE,KAAI,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC;IAC/E,CAAC,CAAC,CAAC;IACH,OAAO,QAAQ,KAAK,EAAE,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,CAAC;AAChD,CAAC,CAAC","sourcesContent":["// Dictionary to match extensions (eg, \"png\") to mimetypes (eg, \"image/png\")\r\nconst mimeTypes: Record<string, string> = {\r\n\tico: \"image/x-icon\",\r\n\tpng: \"image/png\",\r\n\tjpeg: \"image/jpeg\",\r\n\tjpg: \"image/jpeg\",\r\n\tjpe: \"image/jpeg\",\r\n\tgif: \"image/gif\",\r\n\texe: \"application/x-msdos-program\",\r\n};\r\n\r\nexport const VALID_APP_EXTENSIONS = [\"application/x-msdos-program\"];\r\n\r\nexport const validateFilename = (acceptTypes: string[], filename: string) => {\r\n\t// regular express to extract extension (eg, \"png\")\r\n\tconst ext_re = /(?:\\.([^.]+))?$/;\r\n\tconst matches = acceptTypes.filter((mimeType: string) => {\r\n\t\tconst ext = ext_re.exec(filename)?.[1];\r\n\t\treturn mimeType === \"*\" \|\| (ext && mimeType?.toLowerCase() == mimeTypes[ext]);\r\n\t});\r\n\treturn filename !== \"\" && matches.length === 0;\r\n};\r\n"]}

package/react/components/common/helpers.js CHANGED Viewed

@@ -8,18 +8,19 @@ export const uploadFunction = (fileObject) => new Promise((resolve) => {
     });
 });
 export const initFSBL = (windowObject) => {
+    const globalAsAny = global;
     if (!windowObject) {
-        windowObject = global.window = {};
+        windowObject = globalAsAny.window = {};
     }
     else {
         windowObject = window;
         setTimeout(() => {
             const event = window.document.createEvent("Event");
-            event?.initEvent("FSBLReady", true, true);
+            event === null || event === void 0 ? void 0 : event.initEvent("FSBLReady", true, true);
             window.dispatchEvent(event);
         });
     }
-    global.FSBL = windowObject.FSBL = {
+    globalAsAny.FSBL = windowObject.FSBL = {
         addEventListener: (name, callback) => {
             callback();
         },
@@ -55,6 +56,10 @@ export const initFSBL = (windowObject) => {
                 error: () => { },
                 system: {
                     debug: () => { },
+                    log: () => { },
+                    error: () => { },
+                    verbose: () => { },
+                    deprecated: () => { },
                 },
             },
             RouterClient: {
@@ -89,13 +94,10 @@ export const initFSBL = (windowObject) => {
             publishCheckpointState: () => { },
         },
     };
-    global.FSBL.Clients = {
-        ...global.FSBL.Clients,
-        WindowClient: {
+    globalAsAny.FSBL.Clients = Object.assign(Object.assign({}, globalAsAny.FSBL.Clients), { WindowClient: {
             fitToDOM: () => { },
-        },
-    };
-    global.finsembleWindow = windowObject.finsembleWindow = {
+        } });
+    globalAsAny.finsembleWindow = windowObject.finsembleWindow = {
         setAlwaysOnTop: () => { },
         addEventListener: () => { },
         removeEventListener: () => { },
@@ -105,7 +107,7 @@ export function createStory(Component, args) {
     const template = (props) => {
         initFSBL(window);
         return (React.createElement(Provider, { store: createStore() },
-            React.createElement(Component, { ...{ ...args, ...props } })));
+            React.createElement(Component, Object.assign({}, Object.assign(Object.assign({}, args), props)))));
     };
     template.args = args;
     return template;

package/react/components/common/helpers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/common/helpers.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,MAAM,CAAC,MAAM,cAAc,GAAsB,CAAC,UAAgB,EAAE,EAAE,CACrE,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;IACvB,OAAO,CAAC;QACP,GAAG,EAAE,EAAE;QACP,IAAI,EAAE,UAAU,CAAC,IAAI;KACrB,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,YAAkB,EAAE,EAAE;~~IAC9C~~,IAAI,CAAC,YAAY,EAAE;QAClB,YAAY,GAAG,~~MAAM~~,CAAC,MAAM,GAAG,EAAS,CAAC;~~KACzC~~;SAAM;QACN,YAAY,GAAG,MAAM,CAAC;QAEtB,UAAU,CAAC,GAAG,EAAE;YACf,MAAM,KAAK,GAAG,MAAM,CAAC,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAEnD,KAAK,~~EAAE~~,SAAS,CAAC,WAAW,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;YAE1C,MAAM,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7B,CAAC,CAAC,CAAC;KACH;IAED,~~MAAM~~,CAAC,IAAI,GAAG,YAAY,CAAC,IAAI,GAAG;~~QACjC~~,gBAAgB,EAAE,CAAC,IAAY,EAAE,QAAoB,EAAE,EAAE;YACxD,QAAQ,EAAE,CAAC;QACZ,CAAC;QACD,OAAO,EAAE;YACR,kBAAkB,EAAE;gBACnB,aAAa,CAAC,GAAW;oBACxB,IAAI,GAAG,CAAC,MAAM,KAAK,CAAC,EAAE;wBACrB,OAAO,IAAI,CAAC;qBACZ;oBACD,OAAO,qBAAqB,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;gBACxC,CAAC;gBACD,qBAAqB,CAAC,IAAY;oBACjC,OAAO,wBAAwB,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,iBAAiB,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;gBAC5E,CAAC;aACU;YACZ,YAAY,EAAE;gBACb,aAAa,EAAE,GAAG,EAAE,GAAE,CAAC;gBACvB,SAAS,EAAE,GAAG,EAAE,GAAE,CAAC;gBACnB,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;aACxB;YACD,aAAa,EAAE;gBACd,WAAW,EAAE,CAAC,IAAS,EAAE,EAAE;oBAC1B,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;gBACrB,CAAC;gBACD,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAChC,eAAe,EAAE,GAAG,EAAE,GAAE,CAAC;aACzB;YACD,cAAc,EAAE;gBACf,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;aACpB;YACD,MAAM,EAAE;gBACP,GAAG,EAAE,GAAG,EAAE,GAAE,CAAC;gBACb,KAAK,EAAE,GAAG,EAAE,GAAE,CAAC;gBACf,MAAM,EAAE;oBACP,KAAK,EAAE,GAAG,EAAE,GAAE,CAAC;~~iBACf~~;aACD;YACD,YAAY,EAAE;gBACb,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;gBAClB,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;aACrB;YACD,aAAa,EAAE;gBACd,IAAI,EAAE,GAAG,EAAE,GAAE,CAAC;gBACd,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;aACpB;YACD,YAAY,EAAE;gBACb,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;aAClB;YACD,eAAe,EAAE;gBAChB,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;gBAC7B,WAAW,EAAE,GAAG,EAAE,GAAE,CAAC;gBACrB,eAAe,EAAE;oBAChB,IAAI,EAAE,GAAG;iBACT;gBACD,sBAAsB,EAAE,CAAC,GAAW,EAAE,EAAY,EAAE,EAAE;oBACrD,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;gBAChB,CAAC;aACD;SACD;QACD,UAAU,EAAE,GAAG,EAAE,GAAE,CAAC;QACpB,MAAM,EAAE;YACP,eAAe,EAAE,GAAG,EAAE,CACrB,IAAI,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE;gBACvB,OAAO,CAAC,EAAkB,CAAC,CAAC;YAC7B,CAAC,CAAC;SACH;QACD,mBAAmB,EAAE;YACpB,sBAAsB,EAAE,GAAG,EAAE,GAAE,CAAC;SAChC;KACM,CAAC;~~IAKT~~,~~MAAM~~,CAAC,IAAI,CAAC,OAAO,~~GAAG;QACrB~~,~~GAAG~~,~~MAAM,~~CAAC,IAAI,CAAC,OAAO~~;QACtB~~,YAAY,EAAE;YACb,QAAQ,EAAE,GAAG,EAAE,GAAE,CAAC;SACX~~;KACR~~,CAAC;~~IAGF~~,~~MAAM~~,CAAC,eAAe,GAAG,YAAY,CAAC,eAAe,GAAG;~~QACvD~~,cAAc,EAAE,GAAG,EAAE,GAAE,CAAC;QACxB,gBAAgB,EAAE,GAAG,EAAE,GAAE,CAAC;QAC1B,mBAAmB,EAAE,GAAG,EAAE,GAAE,CAAC;KAC7B,CAAC;AACH,CAAC,CAAC;AAEF,MAAM,UAAU,WAAW,CAAI,SAAmB,EAAE,IAAO;IAC1D,MAAM,QAAQ,GAAa,CAAC,KAAQ,EAAE,EAAE;QACvC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEjB,OAAO,CACN,oBAAC,QAAQ,IAAC,KAAK,EAAE,WAAW,EAAE;YAC7B,oBAAC,SAAS,~~OAAK~~,~~EAAE,GAAG,~~IAAI,~~EAAE~~,~~GAAG,~~KAAK,~~EAAE~~,~~GAAI,~~CAC9B,CACX,CAAC;IACH,CAAC,CAAC;IAEF,QAAQ,CAAC,IAAI,GAAG,IAAI,CAAC;IAErB,OAAO,QAAQ,CAAC;AACjB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FileInputUploadCb } from \"./FileInput\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nimport { SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Provider } from \"react-redux\";\r\nimport { createStore } from \"../../store\";\r\n\r\nexport const uploadFunction: FileInputUploadCb = (fileObject: File) =>\r\n\tnew Promise((resolve) => {\r\n\t\tresolve({\r\n\t\t\terr: \"\",\r\n\t\t\tpath: fileObject.name,\r\n\t\t});\r\n\t});\r\n\r\nexport const initFSBL = (windowObject?: any) => {\r\n\tif (!windowObject) {\r\n\t\twindowObject = ~~global~~.window = {} as any;\r\n\t} else {\r\n\t\twindowObject = window;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst event = window.document.createEvent(\"Event\");\r\n\r\n\t\t\tevent?.initEvent(\"FSBLReady\", true, true);\r\n\r\n\t\t\twindow.dispatchEvent(event);\r\n\t\t});\r\n\t}\r\n\r\n\~~tglobal~~.FSBL = windowObject.FSBL = {\r\n\t\taddEventListener: (name: String, callback: () => void) => {\r\n\t\t\tcallback();\r\n\t\t},\r\n\t\tClients: {\r\n\t\t\tSmartDesktopClient: {\r\n\t\t\t\tcheckValidURL(url: string) {\r\n\t\t\t\t\tif (url.length === 0) {\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn /^https?:\\/\\/[^\\s]+$/.test(url);\r\n\t\t\t\t},\r\n\t\t\t\tcheckValidProjectName(name: string) {\r\n\t\t\t\t\treturn /^[a-zA-Z0-9 \\-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);\r\n\t\t\t\t},\r\n\t\t\t} as unknown,\r\n\t\t\tConfigClient: {\r\n\t\t\t\tsetPreference: () => {},\r\n\t\t\t\tgetValues: () => {},\r\n\t\t\t\tgetPreferences: () => {},\r\n\t\t\t},\r\n\t\t\tDialogManager: {\r\n\t\t\t\tspawnDialog: (obj1: any) => {\r\n\t\t\t\t\tconsole.table(obj1);\r\n\t\t\t\t},\r\n\t\t\t\tregisterDialogCallback: () => {},\r\n\t\t\t\trespondToOpener: () => {},\r\n\t\t\t},\r\n\t\t\tLauncherClient: {\r\n\t\t\t\tshowWindow: () => {},\r\n\t\t\t},\r\n\t\t\tLogger: {\r\n\t\t\t\tlog: () => {},\r\n\t\t\t\terror: () => {},\r\n\t\t\t\tsystem: {\r\n\t\t\t\t\tdebug: () => {},\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tRouterClient: {\r\n\t\t\t\ttransmit: () => {},\r\n\t\t\t\taddListener: () => {},\r\n\t\t\t},\r\n\t\t\tStorageClient: {\r\n\t\t\t\tsave: () => {},\r\n\t\t\t\tclearCache: () => {},\r\n\t\t\t},\r\n\t\t\tWindowClient: {\r\n\t\t\t\tfitToDOM: () => {},\r\n\t\t\t},\r\n\t\t\tWorkspaceClient: {\r\n\t\t\t\tbringWindowsToFront: () => {},\r\n\t\t\t\tminimizeAll: () => {},\r\n\t\t\t\tactiveWorkspace: {\r\n\t\t\t\t\tname: \" \",\r\n\t\t\t\t},\r\n\t\t\t\tgetWorkspaceDefinition: (obj: Object, cb: Function) => {\r\n\t\t\t\t\tcb(null, null);\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t},\r\n\t\tonShutdown: () => {},\r\n\t\tSystem: {\r\n\t\t\tgetSDServerInfo: () =>\r\n\t\t\t\tnew Promise((resolve) => {\r\n\t\t\t\t\tresolve({} as SDServerInfo);\r\n\t\t\t\t}),\r\n\t\t},\r\n\t\tSystemManagerClient: {\r\n\t\t\tpublishCheckpointState: () => {},\r\n\t\t},\r\n\t} as any;\r\n\r\n\~~t// @todo imesner: 20210426: The following errors existed within the github actions build when WindowClient was declared above.\r\n\t// Error: src/components/common/helpers~~.tsx(84,4): error TS1117: An object literal cannot have multiple properties with the same name in strict mode.\r\n\t// Error: src/components/common/helpers.tsx(84,4): error TS2300: Duplicate identifier 'WindowClient'.\r\n\tglobal.FSBL.Clients = {\r\n\t\t...~~global~~.FSBL.Clients,\r\n\t\tWindowClient: {\r\n\t\t\tfitToDOM: () => {},\r\n\t\t} as any,\r\n\t};\r\n\r\n\~~t// @ts-ignore\r\n\tglobal~~.finsembleWindow = windowObject.finsembleWindow = {\r\n\t\tsetAlwaysOnTop: () => {},\r\n\t\taddEventListener: () => {},\r\n\t\tremoveEventListener: () => {},\r\n\t};\r\n};\r\n\r\nexport function createStory<T>(Component: Function, args: T) {\r\n\tconst template: Story<T> = (props: T) => {\r\n\t\tinitFSBL(window);\r\n\r\n\t\treturn (\r\n\t\t\t<Provider store={createStore()}>\r\n\t\t\t\t<Component {...{ ...args, ...props }} />\r\n\t\t\t</Provider>\r\n\t\t);\r\n\t};\r\n\r\n\ttemplate.args = args;\r\n\r\n\treturn template;\r\n}\r\n"]}
1	+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../../src/components/common/helpers.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { FileInputUploadCb } from \"./FileInput\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nimport { SDServerInfo } from \"../../types/smartDesktopDesignerTypes\";\r\nimport { Provider } from \"react-redux\";\r\nimport { createStore } from \"../../store\";\r\n\r\nexport const uploadFunction: FileInputUploadCb = (fileObject: File) =>\r\n\tnew Promise((resolve) => {\r\n\t\tresolve({\r\n\t\t\terr: \"\",\r\n\t\t\tpath: fileObject.name,\r\n\t\t});\r\n\t});\r\n\r\nexport const initFSBL = (windowObject?: any) => {\r\n\t// Poor man's global that can take any appendage\r\n\tconst globalAsAny: any = global;\r\n\r\n\tif (!windowObject) {\r\n\t\twindowObject = globalAsAny.window = {} as any;\r\n\t} else {\r\n\t\twindowObject = window;\r\n\r\n\t\tsetTimeout(() => {\r\n\t\t\tconst event = window.document.createEvent(\"Event\");\r\n\r\n\t\t\tevent?.initEvent(\"FSBLReady\", true, true);\r\n\r\n\t\t\twindow.dispatchEvent(event);\r\n\t\t});\r\n\t}\r\n\r\n\tglobalAsAny.FSBL = windowObject.FSBL = {\r\n\t\taddEventListener: (name: String, callback: () => void) => {\r\n\t\t\tcallback();\r\n\t\t},\r\n\t\tClients: {\r\n\t\t\tSmartDesktopClient: {\r\n\t\t\t\tcheckValidURL(url: string) {\r\n\t\t\t\t\tif (url.length === 0) {\r\n\t\t\t\t\t\treturn true;\r\n\t\t\t\t\t}\r\n\t\t\t\t\treturn /^https?:\\/\\/[^\\s]+$/.test(url);\r\n\t\t\t\t},\r\n\t\t\t\tcheckValidProjectName(name: string) {\r\n\t\t\t\t\treturn /^[a-zA-Z0-9 \\-_.]{1,}$/.test(name) && /[a-zA-Z0-9]{1,}/.test(name);\r\n\t\t\t\t},\r\n\t\t\t} as unknown,\r\n\t\t\tConfigClient: {\r\n\t\t\t\tsetPreference: () => {},\r\n\t\t\t\tgetValues: () => {},\r\n\t\t\t\tgetPreferences: () => {},\r\n\t\t\t},\r\n\t\t\tDialogManager: {\r\n\t\t\t\tspawnDialog: (obj1: any) => {\r\n\t\t\t\t\tconsole.table(obj1);\r\n\t\t\t\t},\r\n\t\t\t\tregisterDialogCallback: () => {},\r\n\t\t\t\trespondToOpener: () => {},\r\n\t\t\t},\r\n\t\t\tLauncherClient: {\r\n\t\t\t\tshowWindow: () => {},\r\n\t\t\t},\r\n\t\t\tLogger: {\r\n\t\t\t\tlog: () => {},\r\n\t\t\t\terror: () => {},\r\n\t\t\t\tsystem: {\r\n\t\t\t\t\tdebug: () => {},\r\n\t\t\t\t\tlog: () => {},\r\n\t\t\t\t\terror: () => {},\r\n\t\t\t\t\tverbose: () => {},\r\n\t\t\t\t\tdeprecated: () => {},\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t\tRouterClient: {\r\n\t\t\t\ttransmit: () => {},\r\n\t\t\t\taddListener: () => {},\r\n\t\t\t},\r\n\t\t\tStorageClient: {\r\n\t\t\t\tsave: () => {},\r\n\t\t\t\tclearCache: () => {},\r\n\t\t\t},\r\n\t\t\tWindowClient: {\r\n\t\t\t\tfitToDOM: () => {},\r\n\t\t\t},\r\n\t\t\tWorkspaceClient: {\r\n\t\t\t\tbringWindowsToFront: () => {},\r\n\t\t\t\tminimizeAll: () => {},\r\n\t\t\t\tactiveWorkspace: {\r\n\t\t\t\t\tname: \" \",\r\n\t\t\t\t},\r\n\t\t\t\tgetWorkspaceDefinition: (obj: Object, cb: Function) => {\r\n\t\t\t\t\tcb(null, null);\r\n\t\t\t\t},\r\n\t\t\t},\r\n\t\t},\r\n\t\tonShutdown: () => {},\r\n\t\tSystem: {\r\n\t\t\tgetSDServerInfo: () =>\r\n\t\t\t\tnew Promise((resolve) => {\r\n\t\t\t\t\tresolve({} as SDServerInfo);\r\n\t\t\t\t}),\r\n\t\t},\r\n\t\tSystemManagerClient: {\r\n\t\t\tpublishCheckpointState: () => {},\r\n\t\t},\r\n\t} as any;\r\n\r\n\tglobalAsAny.FSBL.Clients = {\r\n\t\t...globalAsAny.FSBL.Clients,\r\n\t\tWindowClient: {\r\n\t\t\tfitToDOM: () => {},\r\n\t\t} as any,\r\n\t};\r\n\r\n\tglobalAsAny.finsembleWindow = windowObject.finsembleWindow = {\r\n\t\tsetAlwaysOnTop: () => {},\r\n\t\taddEventListener: () => {},\r\n\t\tremoveEventListener: () => {},\r\n\t};\r\n};\r\n\r\nexport function createStory<T>(Component: Function, args: T) {\r\n\tconst template: Story<T> = (props: T) => {\r\n\t\tinitFSBL(window);\r\n\r\n\t\treturn (\r\n\t\t\t<Provider store={createStore()}>\r\n\t\t\t\t<Component {...{ ...args, ...props }} />\r\n\t\t\t</Provider>\r\n\t\t);\r\n\t};\r\n\r\n\ttemplate.args = args;\r\n\r\n\treturn template;\r\n}\r\n"]}

package/react/components/common/stories/Button.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     title: "Common/Button/Text",
     component: Button,
 };
-const Template = (args) => React.createElement(Button, { ...args });
+const Template = (args) => React.createElement(Button, Object.assign({}, args));
 export const PrimaryButton = Template.bind({});
 PrimaryButton.args = {
     fashion: "primary",

package/react/components/common/stories/Button.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Button.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,MAAM,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAEjF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC/C,aAAa,CAAC,IAAI,GAAG;IACpB,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,QAAQ;CACd,CAAC;AACF,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvD,qBAAqB,CAAC,IAAI,GAAG;IAC5B,QAAQ,EAAE,IAAI;IACd,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,QAAQ;CACd,CAAC;AACF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,cAAc;IAC1B,IAAI,EAAE,MAAM;CACZ,CAAC;AACF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,OAAO,EAAE,SAAS;IAClB,SAAS,EAAE,eAAe;IAC1B,IAAI,EAAE,SAAS;CACf,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,uBAAuB,CAAC,IAAI,GAAG;IAC9B,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,KAAK;IACjB,IAAI,EAAE,aAAa;CACnB,CAAC;AACF,MAAM,CAAC,MAAM,sBAAsB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACxD,sBAAsB,CAAC,IAAI,GAAG;IAC7B,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,MAAM;IAClB,IAAI,EAAE,YAAY;CAClB,CAAC;AACF,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAClD,gBAAgB,CAAC,IAAI,GAAG;IACvB,OAAO,EAAE,SAAS;IAClB,UAAU,EAAE,MAAM;IAClB,IAAI,EAAE,KAAK;CACX,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,MAAM;CACZ,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,uBAAuB,CAAC,IAAI,GAAG;IAC9B,OAAO,EAAE,WAAW;IACpB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,IAAI;CACd,CAAC;AACF,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzD,uBAAuB,CAAC,IAAI,GAAG;IAC9B,OAAO,EAAE,QAAQ;IACjB,IAAI,EAAE,YAAY;CAClB,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,OAAO;IAChB,IAAI,EAAE,QAAQ;CACd,CAAC;AACF,MAAM,CAAC,MAAM,mBAAmB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACrD,mBAAmB,CAAC,IAAI,GAAG;IAC1B,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,eAAe;CACrB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Button, ButtonProps } from \"../Button\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Text\",\r\n\tcomponent: Button,\r\n};\r\n\r\nconst Template: Story<ButtonProps> = (args: ButtonProps) => <Button {...args} />;\r\n\r\nexport const PrimaryButton = Template.bind({});\r\nPrimaryButton.args = {\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonDisabled = Template.bind({});\r\nPrimaryButtonDisabled.args = {\r\n\tdisabled: true,\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonBack = Template.bind({});\r\nPrimaryButtonBack.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"chevron-left\",\r\n\ttext: \"Back\",\r\n};\r\nexport const PrimaryButtonForward = Template.bind({});\r\nPrimaryButtonForward.args = {\r\n\tfashion: \"primary\",\r\n\ticonAfter: \"chevron-right\",\r\n\ttext: \"Forward\",\r\n};\r\nexport const PrimaryButtonThemeLight = Template.bind({});\r\nPrimaryButtonThemeLight.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"sun\",\r\n\ttext: \"Light theme\",\r\n};\r\nexport const PrimaryButtonThemeDark = Template.bind({});\r\nPrimaryButtonThemeDark.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"moon\",\r\n\ttext: \"Dark theme\",\r\n};\r\nexport const PrimaryButtonAdd = Template.bind({});\r\nPrimaryButtonAdd.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"plus\",\r\n\ttext: \"Add\",\r\n};\r\n\r\nexport const SecondaryButton = Template.bind({});\r\nSecondaryButton.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n};\r\nexport const SecondaryButtonDisabled = Template.bind({});\r\nSecondaryButtonDisabled.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n\tdisabled: true,\r\n};\r\nexport const SecondaryButtonNegative = Template.bind({});\r\nSecondaryButtonNegative.args = {\r\n\tfashion: \"danger\",\r\n\ttext: \"Remove app\",\r\n};\r\nexport const GhostButton = Template.bind({});\r\nGhostButton.args = {\r\n\tfashion: \"ghost\",\r\n\ttext: \"Cancel\",\r\n};\r\nexport const GhostButtonNegative = Template.bind({});\r\nGhostButtonNegative.args = {\r\n\tfashion: \"danger ghost\",\r\n\ttext: \"Reset project\",\r\n};\r\n"]}
1	+ {"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Button.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { Button, ButtonProps } from \"../Button\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Text\",\r\n\tcomponent: Button,\r\n};\r\n\r\nconst Template: Story<ButtonProps> = (args: ButtonProps) => <Button {...args} />;\r\n\r\nexport const PrimaryButton = Template.bind({});\r\nPrimaryButton.args = {\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonDisabled = Template.bind({});\r\nPrimaryButtonDisabled.args = {\r\n\tdisabled: true,\r\n\tfashion: \"primary\",\r\n\ttext: \"Jagged\",\r\n};\r\nexport const PrimaryButtonBack = Template.bind({});\r\nPrimaryButtonBack.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"chevron-left\",\r\n\ttext: \"Back\",\r\n};\r\nexport const PrimaryButtonForward = Template.bind({});\r\nPrimaryButtonForward.args = {\r\n\tfashion: \"primary\",\r\n\ticonAfter: \"chevron-right\",\r\n\ttext: \"Forward\",\r\n};\r\nexport const PrimaryButtonThemeLight = Template.bind({});\r\nPrimaryButtonThemeLight.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"sun\",\r\n\ttext: \"Light theme\",\r\n};\r\nexport const PrimaryButtonThemeDark = Template.bind({});\r\nPrimaryButtonThemeDark.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"moon\",\r\n\ttext: \"Dark theme\",\r\n};\r\nexport const PrimaryButtonAdd = Template.bind({});\r\nPrimaryButtonAdd.args = {\r\n\tfashion: \"primary\",\r\n\ticonBefore: \"plus\",\r\n\ttext: \"Add\",\r\n};\r\n\r\nexport const SecondaryButton = Template.bind({});\r\nSecondaryButton.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n};\r\nexport const SecondaryButtonDisabled = Template.bind({});\r\nSecondaryButtonDisabled.args = {\r\n\tfashion: \"secondary\",\r\n\ttext: \"Next\",\r\n\tdisabled: true,\r\n};\r\nexport const SecondaryButtonNegative = Template.bind({});\r\nSecondaryButtonNegative.args = {\r\n\tfashion: \"danger\",\r\n\ttext: \"Remove app\",\r\n};\r\nexport const GhostButton = Template.bind({});\r\nGhostButton.args = {\r\n\tfashion: \"ghost\",\r\n\ttext: \"Cancel\",\r\n};\r\nexport const GhostButtonNegative = Template.bind({});\r\nGhostButtonNegative.args = {\r\n\tfashion: \"danger ghost\",\r\n\ttext: \"Reset project\",\r\n};\r\n"]}

package/react/components/common/stories/ButtonIcon.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     title: "Common/Button/Icon",
     component: ButtonIcon,
 };
-const Template = (args) => React.createElement(ButtonIcon, { ...args });
+const Template = (args) => React.createElement(ButtonIcon, Object.assign({}, args));
 export const DeleteIcon = Template.bind({});
 DeleteIcon.args = {
     text: "Delete",

package/react/components/common/stories/ButtonIcon.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAI3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAErG,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { AdvancedButtonProps } from \"../Button\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Icon\",\r\n\tcomponent: ButtonIcon,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonIcon {...args} />;\r\n\r\nexport const DeleteIcon = Template.bind({});\r\nDeleteIcon.args = {\r\n\ttext: \"Delete\",\r\n\ticon: \"trash\",\r\n};\r\n\r\nexport const CopyIcon = Template.bind({});\r\nCopyIcon.args = {\r\n\ttext: \"Copy\",\r\n\ticon: \"copy\",\r\n};\r\n\r\nexport const HelpIcon = Template.bind({});\r\nHelpIcon.args = {\r\n\ttext: \"Help\",\r\n\ticon: \"life-ring\",\r\n};\r\n\r\nexport const ConfirmIcon = Template.bind({});\r\nConfirmIcon.args = {\r\n\ttext: \"Confirm\",\r\n\ticon: \"check\",\r\n};\r\n\r\nexport const CancelIcon = Template.bind({});\r\nCancelIcon.args = {\r\n\ttext: \"Cancel\",\r\n\ticon: \"times\",\r\n};\r\n"]}
1	+ {"version":3,"file":"ButtonIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAI3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAC;AAErG,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,MAAM;CACZ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,IAAI,EAAE,WAAW;CACjB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,SAAS;IACf,IAAI,EAAE,OAAO;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,OAAO;CACb,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonIcon } from \"../ButtonIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { AdvancedButtonProps } from \"../Button\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Icon\",\r\n\tcomponent: ButtonIcon,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonIcon {...args} />;\r\n\r\nexport const DeleteIcon = Template.bind({});\r\nDeleteIcon.args = {\r\n\ttext: \"Delete\",\r\n\ticon: \"trash\",\r\n};\r\n\r\nexport const CopyIcon = Template.bind({});\r\nCopyIcon.args = {\r\n\ttext: \"Copy\",\r\n\ticon: \"copy\",\r\n};\r\n\r\nexport const HelpIcon = Template.bind({});\r\nHelpIcon.args = {\r\n\ttext: \"Help\",\r\n\ticon: \"life-ring\",\r\n};\r\n\r\nexport const ConfirmIcon = Template.bind({});\r\nConfirmIcon.args = {\r\n\ttext: \"Confirm\",\r\n\ticon: \"check\",\r\n};\r\n\r\nexport const CancelIcon = Template.bind({});\r\nCancelIcon.args = {\r\n\ttext: \"Cancel\",\r\n\ticon: \"times\",\r\n};\r\n"]}

package/react/components/common/stories/ButtonRow.stories.js CHANGED Viewed

@@ -10,10 +10,10 @@ export default {
             React.createElement(StoryDisplay, null))),
     ],
 };
-const Template = (args) => React.createElement(ButtonRow, { ...args });
+const Template = (args) => React.createElement(ButtonRow, Object.assign({}, args));
 export const Default = Template.bind({});
 Default.args = {
-    label: "Notification Sources",
+    label: "Notification sources",
     onClick: () => { },
     iconClass: "ff-caret-up rotate-90",
     disabled: false,

package/react/components/common/stories/ButtonRow.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonRow.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonRow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAA6B,MAAM,cAAc,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACX,CAAC,YAAiB,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;YAC7D,oBAAC,YAAY,OAAG,CACX,CACN;KACD;CACD,CAAC;AAEF,MAAM,QAAQ,GAA0B,CAAC,IAAoB,EAAE,EAAE,CAAC,oBAAC,SAAS,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAE1F,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,6DAA6D;IAClE,eAAe,EAAE,KAAK;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,4DAA4D;IACjE,eAAe,EAAE,KAAK;CACtB,CAAC","sourcesContent":["import React from \"react\";\r\nimport ButtonRow, { ButtonRowProps } from \"../ButtonRow\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Row\",\r\n\tcomponent: ButtonRow,\r\n\tdecorators: [\r\n\t\t(StoryDisplay: any) => (\r\n\t\t\t<div className=\"row-section\" style={{ width: 300, height: 40 }}>\r\n\t\t\t\t<StoryDisplay />\r\n\t\t\t</div>\r\n\t\t),\r\n\t],\r\n};\r\n\r\nconst Template: Story<ButtonRowProps> = (args: ButtonRowProps) => <ButtonRow {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n\tlabel: \"Notification ~~Sources~~\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n};\r\n\r\nexport const WithImage = Template.bind({});\r\nWithImage.args = {\r\n\tlabel: \"ChartIQ\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n\timg: \"https://documentation.chartiq.com/img/CIQ_logo_negative.png\",\r\n\tshowDefaultIcon: false,\r\n};\r\nexport const ImageError = Template.bind({});\r\nImageError.args = {\r\n\tlabel: \"Finsemble\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n\timg: \"https://thiswillresultinanerrorbutdontworrythatswhatwewant\",\r\n\tshowDefaultIcon: false,\r\n};\r\n"]}
1	+ {"version":3,"file":"ButtonRow.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonRow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,SAA6B,MAAM,cAAc,CAAC;AACzD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACX,CAAC,YAAiB,EAAE,EAAE,CAAC,CACtB,6BAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE;YAC7D,oBAAC,YAAY,OAAG,CACX,CACN;KACD;CACD,CAAC;AAEF,MAAM,QAAQ,GAA0B,CAAC,IAAoB,EAAE,EAAE,CAAC,oBAAC,SAAS,oBAAK,IAAI,EAAI,CAAC;AAE1F,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,KAAK,EAAE,sBAAsB;IAC7B,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,KAAK,EAAE,SAAS;IAChB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,6DAA6D;IAClE,eAAe,EAAE,KAAK;CACtB,CAAC;AACF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,KAAK,EAAE,WAAW;IAClB,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC;IACjB,SAAS,EAAE,uBAAuB;IAClC,QAAQ,EAAE,KAAK;IACf,GAAG,EAAE,4DAA4D;IACjE,eAAe,EAAE,KAAK;CACtB,CAAC","sourcesContent":["import React from \"react\";\r\nimport ButtonRow, { ButtonRowProps } from \"../ButtonRow\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Row\",\r\n\tcomponent: ButtonRow,\r\n\tdecorators: [\r\n\t\t(StoryDisplay: any) => (\r\n\t\t\t<div className=\"row-section\" style={{ width: 300, height: 40 }}>\r\n\t\t\t\t<StoryDisplay />\r\n\t\t\t</div>\r\n\t\t),\r\n\t],\r\n};\r\n\r\nconst Template: Story<ButtonRowProps> = (args: ButtonRowProps) => <ButtonRow {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n\tlabel: \"Notification sources\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n};\r\n\r\nexport const WithImage = Template.bind({});\r\nWithImage.args = {\r\n\tlabel: \"ChartIQ\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n\timg: \"https://documentation.chartiq.com/img/CIQ_logo_negative.png\",\r\n\tshowDefaultIcon: false,\r\n};\r\nexport const ImageError = Template.bind({});\r\nImageError.args = {\r\n\tlabel: \"Finsemble\",\r\n\tonClick: () => {},\r\n\ticonClass: \"ff-caret-up rotate-90\",\r\n\tdisabled: false,\r\n\timg: \"https://thiswillresultinanerrorbutdontworrythatswhatwewant\",\r\n\tshowDefaultIcon: false,\r\n};\r\n"]}

package/react/components/common/stories/ButtonTile.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     title: "Common/Button/Tile",
     component: ButtonTile,
 };
-const Template = (args) => React.createElement(ButtonTile, { ...args });
+const Template = (args) => React.createElement(ButtonTile, Object.assign({}, args));
 export const AddApplications = Template.bind({});
 AddApplications.args = {
     icon: "window",

package/react/components/common/stories/ButtonTile.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonTile.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonTile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAErG,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,iBAAiB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,yBAAyB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,SAAS;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,YAAY;CAClB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonTile } from \"../ButtonTile\";\r\nimport { AdvancedButtonProps } from \"../Button\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Tile\",\r\n\tcomponent: ButtonTile,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonTile {...args} />;\r\n\r\nexport const AddApplications = Template.bind({});\r\nAddApplications.args = {\r\n\ticon: \"window\",\r\n\ttext: \"Add apps\",\r\n};\r\n\r\nexport const EditTheme = Template.bind({});\r\nEditTheme.args = {\r\n\ticon: \"paint-roller\",\r\n\ttext: \"Edit theme\",\r\n};\r\n\r\nexport const PublishDesktop = Template.bind({});\r\nPublishDesktop.args = {\r\n\ticon: \"upload\",\r\n\ttext: \"Publish desktop\",\r\n};\r\n\r\nexport const ApplicationWizard = Template.bind({});\r\nApplicationWizard.args = {\r\n\ticon: \"magic\",\r\n\ttext: \"App wizard\",\r\n};\r\n\r\nexport const ManualSetup = Template.bind({});\r\nManualSetup.args = {\r\n\ticon: \"tools\",\r\n\ttext: \"Manual setup (advanced)\",\r\n};\r\n\r\nexport const WebApplication = Template.bind({});\r\nWebApplication.args = {\r\n\ticon: \"globe\",\r\n\ttext: \"Web app\",\r\n};\r\n\r\nexport const NativeApplication = Template.bind({});\r\nNativeApplication.args = {\r\n\ticon: \"hdd\",\r\n\ttext: \"Native app\",\r\n};\r\n"]}
1	+ {"version":3,"file":"ButtonTile.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ButtonTile.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,UAAU;CACrB,CAAC;AAEF,MAAM,QAAQ,GAA+B,CAAC,IAAyB,EAAE,EAAE,CAAC,oBAAC,UAAU,oBAAK,IAAI,EAAI,CAAC;AAErG,MAAM,CAAC,MAAM,eAAe,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACjD,eAAe,CAAC,IAAI,GAAG;IACtB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,UAAU;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,IAAI,EAAE,cAAc;IACpB,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,QAAQ;IACd,IAAI,EAAE,iBAAiB;CACvB,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,YAAY;CAClB,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,yBAAyB;CAC/B,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,IAAI,EAAE,OAAO;IACb,IAAI,EAAE,SAAS;CACf,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACnD,iBAAiB,CAAC,IAAI,GAAG;IACxB,IAAI,EAAE,KAAK;IACX,IAAI,EAAE,YAAY;CAClB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ButtonTile } from \"../ButtonTile\";\r\nimport { AdvancedButtonProps } from \"../Button\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Button/Tile\",\r\n\tcomponent: ButtonTile,\r\n};\r\n\r\nconst Template: Story<AdvancedButtonProps> = (args: AdvancedButtonProps) => <ButtonTile {...args} />;\r\n\r\nexport const AddApplications = Template.bind({});\r\nAddApplications.args = {\r\n\ticon: \"window\",\r\n\ttext: \"Add apps\",\r\n};\r\n\r\nexport const EditTheme = Template.bind({});\r\nEditTheme.args = {\r\n\ticon: \"paint-roller\",\r\n\ttext: \"Edit theme\",\r\n};\r\n\r\nexport const PublishDesktop = Template.bind({});\r\nPublishDesktop.args = {\r\n\ticon: \"upload\",\r\n\ttext: \"Publish desktop\",\r\n};\r\n\r\nexport const ApplicationWizard = Template.bind({});\r\nApplicationWizard.args = {\r\n\ticon: \"magic\",\r\n\ttext: \"App wizard\",\r\n};\r\n\r\nexport const ManualSetup = Template.bind({});\r\nManualSetup.args = {\r\n\ticon: \"tools\",\r\n\ttext: \"Manual setup (advanced)\",\r\n};\r\n\r\nexport const WebApplication = Template.bind({});\r\nWebApplication.args = {\r\n\ticon: \"globe\",\r\n\ttext: \"Web app\",\r\n};\r\n\r\nexport const NativeApplication = Template.bind({});\r\nNativeApplication.args = {\r\n\ticon: \"hdd\",\r\n\ttext: \"Native app\",\r\n};\r\n"]}

package/react/components/common/stories/Checkbox.stories.js CHANGED Viewed

@@ -8,7 +8,7 @@ export default {
 };
 const Template = (args) => {
     const [toggle, setToggle] = React.useState(args.checked);
-    return React.createElement(Checkbox, { ...args, onClick: () => setToggle((t) => !t), checked: toggle });
+    return React.createElement(Checkbox, Object.assign({}, args, { onClick: () => setToggle((t) => !t), checked: toggle }));
 };
 export const Unchecked = Template.bind({});
 Unchecked.args = {

package/react/components/common/stories/Checkbox.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;~~AAI3B~~,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEzD,OAAO,oBAAC,QAAQ,~~OAAK~~,IAAI,~~EAAE~~,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,~~GAAI~~,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,OAAO;CACd,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACd,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,IAAI;CACd,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\~~nimport { action } from \"@storybook/addon-actions\";\r\~~n\r\nexport default {\r\n\ttitle: \"Common/Checkbox\",\r\n\tcomponent: Checkbox,\r\n};\r\n\r\nconst Template: Story<CheckboxProps> = (args: CheckboxProps) => {\r\n\tconst [toggle, setToggle] = React.useState(args.checked);\r\n\r\n\treturn <Checkbox {...args} onClick={() => setToggle((t) => !t)} checked={toggle} />;\r\n};\r\n\r\nexport const Unchecked = Template.bind({});\r\nUnchecked.args = {\r\n\tchecked: false,\r\n\tlabel: \"Label\",\r\n};\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n\tchecked: true,\r\n\tlabel: \"Label\",\r\n};\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n\tchecked: false,\r\n\tlabel: \"Label\",\r\n\tdisabled: true,\r\n};\r\n"]}
1	+ {"version":3,"file":"Checkbox.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Checkbox.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE;IAC9D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IAEzD,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,IAAI,CAAC;AACrF,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,OAAO;CACd,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,OAAO;CACd,CAAC;AACF,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC1C,QAAQ,CAAC,IAAI,GAAG;IACf,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,IAAI;CACd,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Checkbox, CheckboxProps } from \"../Checkbox\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Checkbox\",\r\n\tcomponent: Checkbox,\r\n};\r\n\r\nconst Template: Story<CheckboxProps> = (args: CheckboxProps) => {\r\n\tconst [toggle, setToggle] = React.useState(args.checked);\r\n\r\n\treturn <Checkbox {...args} onClick={() => setToggle((t) => !t)} checked={toggle} />;\r\n};\r\n\r\nexport const Unchecked = Template.bind({});\r\nUnchecked.args = {\r\n\tchecked: false,\r\n\tlabel: \"Label\",\r\n};\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n\tchecked: true,\r\n\tlabel: \"Label\",\r\n};\r\nexport const Disabled = Template.bind({});\r\nDisabled.args = {\r\n\tchecked: false,\r\n\tlabel: \"Label\",\r\n\tdisabled: true,\r\n};\r\n"]}

package/react/components/common/stories/ColorPicker.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     title: "Common/ColorPicker",
     component: ColorPicker,
 };
-const Template = (args) => React.createElement(ColorPicker, { ...args });
+const Template = (args) => React.createElement(ColorPicker, Object.assign({}, args));
 export const EmptyField = Template.bind({});
 EmptyField.args = {
     startColor: "",

package/react/components/common/stories/ColorPicker.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ColorPicker.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,IAAsB,EAAE,EAAE,CAAC,oBAAC,WAAW,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAEhG,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ColorPicker, ColorPickerProps } from \"../ColorPicker\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/ColorPicker\",\r\n\tcomponent: ColorPicker,\r\n};\r\n\r\nconst Template: Story<ColorPickerProps> = (args: ColorPickerProps) => <ColorPicker {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartColor: \"\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const ValidColor = Template.bind({});\r\nValidColor.args = {\r\n\tstartColor: \"#FF0000\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const InvalidColor = Template.bind({});\r\nInvalidColor.args = {\r\n\tstartColor: \"#ZZZZZZ\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n"]}
1	+ {"version":3,"file":"ColorPicker.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/ColorPicker.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAC/D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,WAAW;CACtB,CAAC;AAEF,MAAM,QAAQ,GAA4B,CAAC,IAAsB,EAAE,EAAE,CAAC,oBAAC,WAAW,oBAAK,IAAI,EAAI,CAAC;AAEhG,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,EAAE;IACd,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC9C,YAAY,CAAC,IAAI,GAAG;IACnB,UAAU,EAAE,SAAS;IACrB,WAAW,EAAE,CAAC,QAAQ,EAAE,EAAE;QACzB,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;IACvB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { ColorPicker, ColorPickerProps } from \"../ColorPicker\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/ColorPicker\",\r\n\tcomponent: ColorPicker,\r\n};\r\n\r\nconst Template: Story<ColorPickerProps> = (args: ColorPickerProps) => <ColorPicker {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartColor: \"\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const ValidColor = Template.bind({});\r\nValidColor.args = {\r\n\tstartColor: \"#FF0000\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n\r\nexport const InvalidColor = Template.bind({});\r\nInvalidColor.args = {\r\n\tstartColor: \"#ZZZZZZ\",\r\n\tupdateColor: (newColor) => {\r\n\t\tconsole.log(newColor);\r\n\t},\r\n};\r\n"]}

package/react/components/common/stories/DropZone.stories.js CHANGED Viewed

@@ -7,7 +7,7 @@ export default {
     title: "Common/DropZone",
     component: DropZone,
 };
-const Template = (args) => React.createElement(DropZone, { ...args });
+const Template = (args) => React.createElement(DropZone, Object.assign({}, args));
 export const Default = Template.bind({});
 Default.args = {
     children: React.createElement("div", null, "This is a test"),

package/react/components/common/stories/DropZone.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropZone.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/DropZone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAEvF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,kDAAyB;IACnC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC7B,CAAC","sourcesContent":["import React from \"react\";\r\nimport { DropZone, DropZoneProps } from \"../DropZone\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/DropZone\",\r\n\tcomponent: DropZone,\r\n};\r\n\r\nconst Template: Story<DropZoneProps> = (args: DropZoneProps) => <DropZone {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n\tchildren: <div>This is a test</div>,\r\n\tprocessFile: action(\"update\"),\r\n};\r\n"]}
1	+ {"version":3,"file":"DropZone.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/DropZone.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,aAAa,CAAC;AACtD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,kDAAyB;IACnC,WAAW,EAAE,MAAM,CAAC,QAAQ,CAAC;CAC7B,CAAC","sourcesContent":["import React from \"react\";\r\nimport { DropZone, DropZoneProps } from \"../DropZone\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/DropZone\",\r\n\tcomponent: DropZone,\r\n};\r\n\r\nconst Template: Story<DropZoneProps> = (args: DropZoneProps) => <DropZone {...args} />;\r\n\r\nexport const Default = Template.bind({});\r\nDefault.args = {\r\n\tchildren: <div>This is a test</div>,\r\n\tprocessFile: action(\"update\"),\r\n};\r\n"]}

package/react/components/common/stories/FinsembleIcon.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FinsembleIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,~~EAAE~~,MAAM,kBAAkB,CAAC;~~AACjD~~,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,OAAO,GAAG,SAAS,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAGzD;IACC,OAAO;IACP,cAAc;IACd,cAAc;IACd,eAAe;IACf,MAAM;IACN,oBAAoB;IACpB,eAAe;IACf,MAAM;IACN,QAAQ;IACR,MAAM;IACN,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,cAAc;IACd,QAAQ;IACR,MAAM;IACN,iBAAiB;IACjB,QAAQ;IACR,KAAK;IACL,OAAO;IACP,YAAY;IACZ,WAAW;IACX,OAAO;IACP,OAAO;IACP,QAAQ;IACR,QAAQ;CAET,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;IAClB,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,GAAkB,CAAC,CAAC;AACtG,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleIcon } from \"../FinsembleIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../fixtures/FinsembleIcon.css\";\r\nimport \"../css/styles.css\";\r\nimport { storiesOf } from \"@storybook/react\";\r\n\r\nconst stories = storiesOf(\"Common/FinsembleIcon\", module);\r\n\r\n(\r\n\t[\r\n\t\t\"check\",\r\n\t\t\"check-square\",\r\n\t\t\"chevron-left\",\r\n\t\t\"chevron-right\",\r\n\t\t\"copy\",\r\n\t\t\"exclamation-circle\",\r\n\t\t\"external-link\",\r\n\t\t\"flag\",\r\n\t\t\"folder\",\r\n\t\t\"font\",\r\n\t\t\"globe\",\r\n\t\t\"hdd\",\r\n\t\t\"key\",\r\n\t\t\"life-ring\",\r\n\t\t\"lock\",\r\n\t\t\"magic\",\r\n\t\t\"moon\",\r\n\t\t\"paint-roller\",\r\n\t\t\"pencil\",\r\n\t\t\"plus\",\r\n\t\t\"question-circle\",\r\n\t\t\"search\",\r\n\t\t\"sun\",\r\n\t\t\"times\",\r\n\t\t\"toggle-off\",\r\n\t\t\"toggle-on\",\r\n\t\t\"tools\",\r\n\t\t\"trash\",\r\n\t\t\"upload\",\r\n\t\t\"window\",\r\n\t] as ~~FinsembleIcon~~[]\r\n).forEach((icon) => {\r\n\tstories.add(icon, () => <FinsembleIcon className=\"test-finsemble-icon\" icon={icon}></FinsembleIcon>);\r\n});\r\n"]}
1	+ {"version":3,"file":"FinsembleIcon.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleIcon.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,aAAa,EAAqB,MAAM,kBAAkB,CAAC;AACpE,OAAO,mCAAmC,CAAC;AAC3C,OAAO,+BAA+B,CAAC;AACvC,OAAO,mBAAmB,CAAC;AAC3B,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,OAAO,GAAG,SAAS,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAGzD;IACC,OAAO;IACP,cAAc;IACd,cAAc;IACd,eAAe;IACf,MAAM;IACN,oBAAoB;IACpB,eAAe;IACf,MAAM;IACN,QAAQ;IACR,MAAM;IACN,OAAO;IACP,KAAK;IACL,KAAK;IACL,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,cAAc;IACd,QAAQ;IACR,MAAM;IACN,iBAAiB;IACjB,QAAQ;IACR,KAAK;IACL,OAAO;IACP,YAAY;IACZ,WAAW;IACX,OAAO;IACP,OAAO;IACP,QAAQ;IACR,QAAQ;CAET,CAAC,OAAO,CAAC,CAAC,IAAI,EAAE,EAAE;IAClB,OAAO,CAAC,GAAG,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC,oBAAC,aAAa,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAE,IAAI,GAAkB,CAAC,CAAC;AACtG,CAAC,CAAC,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleIcon, FinsembleIconType } from \"../FinsembleIcon\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../fixtures/FinsembleIcon.css\";\r\nimport \"../css/styles.css\";\r\nimport { storiesOf } from \"@storybook/react\";\r\n\r\nconst stories = storiesOf(\"Common/FinsembleIcon\", module);\r\n\r\n(\r\n\t[\r\n\t\t\"check\",\r\n\t\t\"check-square\",\r\n\t\t\"chevron-left\",\r\n\t\t\"chevron-right\",\r\n\t\t\"copy\",\r\n\t\t\"exclamation-circle\",\r\n\t\t\"external-link\",\r\n\t\t\"flag\",\r\n\t\t\"folder\",\r\n\t\t\"font\",\r\n\t\t\"globe\",\r\n\t\t\"hdd\",\r\n\t\t\"key\",\r\n\t\t\"life-ring\",\r\n\t\t\"lock\",\r\n\t\t\"magic\",\r\n\t\t\"moon\",\r\n\t\t\"paint-roller\",\r\n\t\t\"pencil\",\r\n\t\t\"plus\",\r\n\t\t\"question-circle\",\r\n\t\t\"search\",\r\n\t\t\"sun\",\r\n\t\t\"times\",\r\n\t\t\"toggle-off\",\r\n\t\t\"toggle-on\",\r\n\t\t\"tools\",\r\n\t\t\"trash\",\r\n\t\t\"upload\",\r\n\t\t\"window\",\r\n\t] as FinsembleIconType[]\r\n).forEach((icon) => {\r\n\tstories.add(icon, () => <FinsembleIcon className=\"test-finsemble-icon\" icon={icon}></FinsembleIcon>);\r\n});\r\n"]}

package/react/components/common/stories/FinsembleSelect.stories.js CHANGED Viewed

@@ -7,7 +7,7 @@ export default {
     title: "Common/FinsembleSelect",
     component: FinsembleSelect,
 };
-const Template = (args) => React.createElement(FinsembleSelect, { ...args });
+const Template = (args) => React.createElement(FinsembleSelect, Object.assign({}, args));
 export const Sample = Template.bind({});
 Sample.args = {
     options: ["A", "B", "C", "D"],

package/react/components/common/stories/FinsembleSelect.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FinsembleSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleSelect.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE,CAAC,oBAAC,eAAe,~~OAAK~~,IAAI,~~GAAI~~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","sourcesContent":["import React from \"react\";\r\nimport { FinsembleSelect, FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleSelect\",\r\n\tcomponent: FinsembleSelect,\r\n};\r\n\r\nconst Template: Story<FinsembleSelectProps> = (args: FinsembleSelectProps) => <FinsembleSelect {...args} />;\r\n\r\nexport const Sample = Template.bind({});\r\nSample.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const Adjustable = Template.bind({});\r\nAdjustable.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const LongText = Template.bind({});\r\nLongText.args = {\r\n\toptions: [\r\n\t\t\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\",\r\n\t\t\"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\",\r\n\t\t\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\",\r\n\t\t\"nope\",\r\n\t],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const SeperateValuesFromText = Template.bind({});\r\nSeperateValuesFromText.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelected = Template.bind({});\r\nPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"C\", \"B\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const InvalidPreSelected = Template.bind({});\r\nInvalidPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"E\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelectedValues = Template.bind({});\r\nPreSelectedValues.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tselected: [\"3\", \"2\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\n\r\nconst stateNames = [\r\n\t\"Alabama\",\r\n\t\"Alaska\",\r\n\t\"Arizona\",\r\n\t\"Arkansas\",\r\n\t\"California\",\r\n\t\"Colorado\",\r\n\t\"Connecticut\",\r\n\t\"Delaware\",\r\n\t\"Florida\",\r\n\t\"Georgia\",\r\n\t\"Hawaii\",\r\n\t\"Idaho\",\r\n\t\"Illinois\",\r\n\t\"Indiana\",\r\n\t\"Iowa\",\r\n\t\"Kansas\",\r\n\t\"Kentucky\",\r\n\t\"Louisiana\",\r\n\t\"Maine\",\r\n\t\"Maryland\",\r\n\t\"Massachusetts\",\r\n\t\"Michigan\",\r\n\t\"Minnesota\",\r\n\t\"Mississippi\",\r\n\t\"Missouri\",\r\n\t\"Montana\",\r\n\t\"Nebraska\",\r\n\t\"Nevada\",\r\n\t\"New Hampshire\",\r\n\t\"New Jersey\",\r\n\t\"New Mexico\",\r\n\t\"New York\",\r\n\t\"North Carolina\",\r\n\t\"North Dakota\",\r\n\t\"Ohio\",\r\n\t\"Oklahoma\",\r\n\t\"Oregon\",\r\n\t\"Pennsylvania\",\r\n\t\"Rhode Island\",\r\n\t\"South Carolina\",\r\n\t\"South Dakota\",\r\n\t\"Tennessee\",\r\n\t\"Texas\",\r\n\t\"Utah\",\r\n\t\"Vermont\",\r\n\t\"Virginia\",\r\n\t\"Washington\",\r\n\t\"West Virginia\",\r\n\t\"Wisconsin\",\r\n\t\"Wyoming\",\r\n];\r\nconst stateCodes = [\r\n\t\"AL\",\r\n\t\"AK\",\r\n\t\"AZ\",\r\n\t\"AR\",\r\n\t\"CA\",\r\n\t\"CO\",\r\n\t\"CT\",\r\n\t\"DE\",\r\n\t\"FL\",\r\n\t\"GA\",\r\n\t\"HI\",\r\n\t\"ID\",\r\n\t\"IL\",\r\n\t\"IN\",\r\n\t\"IA\",\r\n\t\"KS\",\r\n\t\"KY\",\r\n\t\"LA\",\r\n\t\"ME\",\r\n\t\"MD\",\r\n\t\"MA\",\r\n\t\"MI\",\r\n\t\"MN\",\r\n\t\"MS\",\r\n\t\"MO\",\r\n\t\"MT\",\r\n\t\"NE\",\r\n\t\"NV\",\r\n\t\"NH\",\r\n\t\"NJ\",\r\n\t\"NM\",\r\n\t\"NY\",\r\n\t\"NC\",\r\n\t\"ND\",\r\n\t\"OH\",\r\n\t\"OK\",\r\n\t\"OR\",\r\n\t\"PA\",\r\n\t\"RI\",\r\n\t\"SC\",\r\n\t\"SD\",\r\n\t\"TN\",\r\n\t\"TX\",\r\n\t\"UT\",\r\n\t\"VT\",\r\n\t\"VA\",\r\n\t\"WA\",\r\n\t\"WV\",\r\n\t\"WI\",\r\n\t\"WY\",\r\n];\r\nexport const Searchable = Template.bind({});\r\nSearchable.args = {\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit1 = Template.bind({});\r\nLimit1.args = {\r\n\tlimit: 1,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit2 = Template.bind({});\r\nLimit2.args = {\r\n\tlimit: 2,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n"]}
1	+ {"version":3,"file":"FinsembleSelect.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleSelect.stories.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from \"react\";\r\nimport { FinsembleSelect, FinsembleSelectProps } from \"../FinsembleSelect\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleSelect\",\r\n\tcomponent: FinsembleSelect,\r\n};\r\n\r\nconst Template: Story<FinsembleSelectProps> = (args: FinsembleSelectProps) => <FinsembleSelect {...args} />;\r\n\r\nexport const Sample = Template.bind({});\r\nSample.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const Adjustable = Template.bind({});\r\nAdjustable.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const LongText = Template.bind({});\r\nLongText.args = {\r\n\toptions: [\r\n\t\t\"AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA\",\r\n\t\t\"BBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBBB\",\r\n\t\t\"!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!\",\r\n\t\t\"nope\",\r\n\t],\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 3,\r\n};\r\nexport const SeperateValuesFromText = Template.bind({});\r\nSeperateValuesFromText.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelected = Template.bind({});\r\nPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"C\", \"B\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const InvalidPreSelected = Template.bind({});\r\nInvalidPreSelected.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tselected: [\"E\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\nexport const PreSelectedValues = Template.bind({});\r\nPreSelectedValues.args = {\r\n\toptions: [\"A\", \"B\", \"C\", \"D\"],\r\n\tvalues: [\"1\", \"2\", \"3\", \"4\"],\r\n\tselected: [\"3\", \"2\"],\r\n\tupdateCallback: action(\"Selected values\"),\r\n};\r\n\r\nconst stateNames = [\r\n\t\"Alabama\",\r\n\t\"Alaska\",\r\n\t\"Arizona\",\r\n\t\"Arkansas\",\r\n\t\"California\",\r\n\t\"Colorado\",\r\n\t\"Connecticut\",\r\n\t\"Delaware\",\r\n\t\"Florida\",\r\n\t\"Georgia\",\r\n\t\"Hawaii\",\r\n\t\"Idaho\",\r\n\t\"Illinois\",\r\n\t\"Indiana\",\r\n\t\"Iowa\",\r\n\t\"Kansas\",\r\n\t\"Kentucky\",\r\n\t\"Louisiana\",\r\n\t\"Maine\",\r\n\t\"Maryland\",\r\n\t\"Massachusetts\",\r\n\t\"Michigan\",\r\n\t\"Minnesota\",\r\n\t\"Mississippi\",\r\n\t\"Missouri\",\r\n\t\"Montana\",\r\n\t\"Nebraska\",\r\n\t\"Nevada\",\r\n\t\"New Hampshire\",\r\n\t\"New Jersey\",\r\n\t\"New Mexico\",\r\n\t\"New York\",\r\n\t\"North Carolina\",\r\n\t\"North Dakota\",\r\n\t\"Ohio\",\r\n\t\"Oklahoma\",\r\n\t\"Oregon\",\r\n\t\"Pennsylvania\",\r\n\t\"Rhode Island\",\r\n\t\"South Carolina\",\r\n\t\"South Dakota\",\r\n\t\"Tennessee\",\r\n\t\"Texas\",\r\n\t\"Utah\",\r\n\t\"Vermont\",\r\n\t\"Virginia\",\r\n\t\"Washington\",\r\n\t\"West Virginia\",\r\n\t\"Wisconsin\",\r\n\t\"Wyoming\",\r\n];\r\nconst stateCodes = [\r\n\t\"AL\",\r\n\t\"AK\",\r\n\t\"AZ\",\r\n\t\"AR\",\r\n\t\"CA\",\r\n\t\"CO\",\r\n\t\"CT\",\r\n\t\"DE\",\r\n\t\"FL\",\r\n\t\"GA\",\r\n\t\"HI\",\r\n\t\"ID\",\r\n\t\"IL\",\r\n\t\"IN\",\r\n\t\"IA\",\r\n\t\"KS\",\r\n\t\"KY\",\r\n\t\"LA\",\r\n\t\"ME\",\r\n\t\"MD\",\r\n\t\"MA\",\r\n\t\"MI\",\r\n\t\"MN\",\r\n\t\"MS\",\r\n\t\"MO\",\r\n\t\"MT\",\r\n\t\"NE\",\r\n\t\"NV\",\r\n\t\"NH\",\r\n\t\"NJ\",\r\n\t\"NM\",\r\n\t\"NY\",\r\n\t\"NC\",\r\n\t\"ND\",\r\n\t\"OH\",\r\n\t\"OK\",\r\n\t\"OR\",\r\n\t\"PA\",\r\n\t\"RI\",\r\n\t\"SC\",\r\n\t\"SD\",\r\n\t\"TN\",\r\n\t\"TX\",\r\n\t\"UT\",\r\n\t\"VT\",\r\n\t\"VA\",\r\n\t\"WA\",\r\n\t\"WV\",\r\n\t\"WI\",\r\n\t\"WY\",\r\n];\r\nexport const Searchable = Template.bind({});\r\nSearchable.args = {\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit1 = Template.bind({});\r\nLimit1.args = {\r\n\tlimit: 1,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n\r\nexport const Limit2 = Template.bind({});\r\nLimit2.args = {\r\n\tlimit: 2,\r\n\toptions: stateNames,\r\n\tvalues: stateCodes,\r\n\tupdateCallback: action(\"Selected values\"),\r\n\tsize: 6,\r\n\tshowSearch: true,\r\n};\r\n"]}

package/react/components/common/stories/FinsembleToggle.stories.js CHANGED Viewed

@@ -7,15 +7,17 @@ export default {
     title: "Common/FinsembleToggle",
     component: FinsembleToggle,
 };
-const Template = (args) => React.createElement(FinsembleToggle, { ...args });
+const Template = (args) => React.createElement(FinsembleToggle, Object.assign({}, args));
 export const Unchecked = Template.bind({});
 Unchecked.args = {
     checked: false,
     onChange: action("Selected values"),
+    label: "Test",
 };
 export const Checked = Template.bind({});
 Checked.args = {
     checked: true,
     onChange: action("Selected values"),
+    label: "Pre-checked test",
 };
 //# sourceMappingURL=FinsembleToggle.stories.js.map

package/react/components/common/stories/FinsembleToggle.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FinsembleToggle.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE,CAAC,oBAAC,eAAe,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAE5G,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;~~CACnC~~,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;~~CACnC~~,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleToggle, FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleToggle\",\r\n\tcomponent: FinsembleToggle,\r\n};\r\n\r\nconst Template: Story<FinsembleToggleProps> = (args: FinsembleToggleProps) => <FinsembleToggle {...args} />;\r\n\r\nexport const Unchecked = Template.bind({});\r\nUnchecked.args = {\r\n\tchecked: false,\r\n\tonChange: action(\"Selected values\"),\r\n};\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n\tchecked: true,\r\n\tonChange: action(\"Selected values\"),\r\n};\r\n"]}
1	+ {"version":3,"file":"FinsembleToggle.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FinsembleToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,eAAe,EAAwB,MAAM,oBAAoB,CAAC;AAC3E,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAE3B,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD,eAAe;IACd,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,eAAe;CAC1B,CAAC;AAEF,MAAM,QAAQ,GAAgC,CAAC,IAA0B,EAAE,EAAE,CAAC,oBAAC,eAAe,oBAAK,IAAI,EAAI,CAAC;AAE5G,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC3C,SAAS,CAAC,IAAI,GAAG;IAChB,OAAO,EAAE,KAAK;IACd,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACnC,KAAK,EAAE,MAAM;CACb,CAAC;AACF,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACzC,OAAO,CAAC,IAAI,GAAG;IACd,OAAO,EAAE,IAAI;IACb,QAAQ,EAAE,MAAM,CAAC,iBAAiB,CAAC;IACnC,KAAK,EAAE,kBAAkB;CACzB,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FinsembleToggle, FinsembleToggleProps } from \"../FinsembleToggle\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FinsembleToggle\",\r\n\tcomponent: FinsembleToggle,\r\n};\r\n\r\nconst Template: Story<FinsembleToggleProps> = (args: FinsembleToggleProps) => <FinsembleToggle {...args} />;\r\n\r\nexport const Unchecked = Template.bind({});\r\nUnchecked.args = {\r\n\tchecked: false,\r\n\tonChange: action(\"Selected values\"),\r\n\tlabel: \"Test\",\r\n};\r\nexport const Checked = Template.bind({});\r\nChecked.args = {\r\n\tchecked: true,\r\n\tonChange: action(\"Selected values\"),\r\n\tlabel: \"Pre-checked test\",\r\n};\r\n"]}

package/react/components/common/stories/FontSizeSelector.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     title: "Common/FontSize",
     component: FontSize,
 };
-const Template = (args) => React.createElement(FontSize, { ...args });
+const Template = (args) => React.createElement(FontSize, Object.assign({}, args));
 export const EmptyField = Template.bind({});
 EmptyField.args = {
     startSize: "",

package/react/components/common/stories/FontSizeSelector.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FontSizeSelector.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FontSizeSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAEvF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FontSize, FontSizeProps } from \"../FontSizeSelector\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FontSize\",\r\n\tcomponent: FontSize,\r\n};\r\n\r\nconst Template: Story<FontSizeProps> = (args: FontSizeProps) => <FontSize {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartSize: \"\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n\r\nexport const Large = Template.bind({});\r\nLarge.args = {\r\n\tstartSize: \"large\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n"]}
1	+ {"version":3,"file":"FontSizeSelector.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/FontSizeSelector.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAiB,MAAM,qBAAqB,CAAC;AAC9D,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,iBAAiB;IACxB,SAAS,EAAE,QAAQ;CACnB,CAAC;AAEF,MAAM,QAAQ,GAAyB,CAAC,IAAmB,EAAE,EAAE,CAAC,oBAAC,QAAQ,oBAAK,IAAI,EAAI,CAAC;AAEvF,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC5C,UAAU,CAAC,IAAI,GAAG;IACjB,SAAS,EAAE,EAAE;IACb,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACvC,KAAK,CAAC,IAAI,GAAG;IACZ,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE,CAAC,OAAO,EAAE,EAAE;QACvB,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACtB,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { FontSize, FontSizeProps } from \"../FontSizeSelector\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/FontSize\",\r\n\tcomponent: FontSize,\r\n};\r\n\r\nconst Template: Story<FontSizeProps> = (args: FontSizeProps) => <FontSize {...args} />;\r\n\r\nexport const EmptyField = Template.bind({});\r\nEmptyField.args = {\r\n\tstartSize: \"\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n\r\nexport const Large = Template.bind({});\r\nLarge.args = {\r\n\tstartSize: \"large\",\r\n\tupdateSize: (newSize) => {\r\n\t\tconsole.log(newSize);\r\n\t},\r\n};\r\n"]}

package/react/components/common/stories/Header.stories.js CHANGED Viewed

@@ -6,7 +6,7 @@ export default {
     title: "Common/Header",
     component: Header,
 };
-const Template = (args) => React.createElement(Header, { ...args });
+const Template = (args) => React.createElement(Header, Object.assign({}, args));
 export const BasicHeader = Template.bind({});
 BasicHeader.args = {
     children: "This is a Header",

package/react/components/common/stories/Header.stories.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,MAAM,~~OAAK~~,IAAI,~~GAAI~~,CAAC;AAEjF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;IACD,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Header, HeaderProps } from \"../Header\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Header\",\r\n\tcomponent: Header,\r\n};\r\n\r\nconst Template: Story<HeaderProps> = (args: HeaderProps) => <Header {...args} />;\r\n\r\nexport const BasicHeader = Template.bind({});\r\nBasicHeader.args = {\r\n\tchildren: \"This is a Header\",\r\n};\r\n\r\nexport const HeaderWithBackButton = Template.bind({});\r\nHeaderWithBackButton.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n};\r\n\r\nexport const HeaderWithHelp = Template.bind({});\r\nHeaderWithHelp.args = {\r\n\tchildren: \"My Header\",\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\nexport const KitchenSink = Template.bind({});\r\nKitchenSink.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\n"]}
1	+ {"version":3,"file":"Header.stories.js","sourceRoot":"","sources":["../../../../src/components/common/stories/Header.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAe,MAAM,WAAW,CAAC;AAChD,OAAO,mCAAmC,CAAC;AAC3C,OAAO,mBAAmB,CAAC;AAG3B,eAAe;IACd,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,MAAM;CACjB,CAAC;AAEF,MAAM,QAAQ,GAAuB,CAAC,IAAiB,EAAE,EAAE,CAAC,oBAAC,MAAM,oBAAK,IAAI,EAAI,CAAC;AAEjF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,kBAAkB;CAC5B,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AACtD,oBAAoB,CAAC,IAAI,GAAG;IAC3B,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAChD,cAAc,CAAC,IAAI,GAAG;IACrB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC;AACF,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;AAC7C,WAAW,CAAC,IAAI,GAAG;IAClB,QAAQ,EAAE,WAAW;IACrB,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;IACD,YAAY,EAAE,GAAG,EAAE;QAClB,KAAK,CAAC,yBAAyB,CAAC,CAAC;IAClC,CAAC;CACD,CAAC","sourcesContent":["import React from \"react\";\r\nimport { Header, HeaderProps } from \"../Header\";\r\nimport \"../../../assets/css/finsemble.css\";\r\nimport \"../css/styles.css\";\r\nimport { Story } from \"@storybook/react/types-6-0\";\r\n\r\nexport default {\r\n\ttitle: \"Common/Header\",\r\n\tcomponent: Header,\r\n};\r\n\r\nconst Template: Story<HeaderProps> = (args: HeaderProps) => <Header {...args} />;\r\n\r\nexport const BasicHeader = Template.bind({});\r\nBasicHeader.args = {\r\n\tchildren: \"This is a Header\",\r\n};\r\n\r\nexport const HeaderWithBackButton = Template.bind({});\r\nHeaderWithBackButton.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n};\r\n\r\nexport const HeaderWithHelp = Template.bind({});\r\nHeaderWithHelp.args = {\r\n\tchildren: \"My Header\",\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\nexport const KitchenSink = Template.bind({});\r\nKitchenSink.args = {\r\n\tchildren: \"My Header\",\r\n\tbackFunction: () => {\r\n\t\talert(\"Clicked the back button\");\r\n\t},\r\n\thelpFunction: () => {\r\n\t\talert(\"Clicked the help button\");\r\n\t},\r\n};\r\n"]}