@x15ventures/x15-ui-library 3.11.4

package/dist/esm/components/navigation/popupMenu/popupMenu.css

@@ -0,0 +1,63 @@
+.popupMenu .menuWrapper {
+  position: absolute;
+  display: none;
+  background: var(--popupMenuBg, #eef2f4);
+  border: var(--popupMenuBorder, 1px solid #d3dee4);
+  border-radius: var(--popupMenuBorderRadius, 3px);
+  box-shadow: var(--popupMenuBoxShadow, 0 0 5px 0 #c2d0d9);
+  width: var(--popupMenuWidth, 280px);
+  max-height: var(--popupMenuMaxHeight, 350px);
+  overflow: auto;
+  top: 50px;
+  left: 0;
+}
+.popupMenu .menuWrapper .menu {
+  width: 100%;
+  box-sizing: border-box;
+  padding: 10px;
+}
+.popupMenu .menuWrapper button {
+  background: var(--popupMenuButtonBg, #eef2f4);
+  border: var(--popupMenuButtonBorder, 1px solid #eef2f4);
+  color: var(--popupMenuButtonFgColor, #24282b);
+  padding: 0 10px;
+}
+.popupMenu .menuWrapper button:hover {
+  background: var(--popupMenuButtonBgHover, #d3dee4);
+  color: var(--popupMenuButtonFgColorHover, #181a1b);
+  border: var(--popupMenuButtonBorderHover, 1px solid #d3dee4);
+}
+.popupMenu .menuWrapper button {
+  width: 100%;
+  justify-content: left;
+}
+.popupMenu .menuWrapper button .labelText {
+  flex: 1;
+  text-align: left;
+}
+.popupMenu.open {
+  position: relative;
+}
+.popupMenu.open .menuWrapper {
+  display: flex;
+}
+.popupMenu.popDirection_left_down .menuWrapper {
+  left: auto;
+  right: 0;
+  top: 50px;
+}
+.popupMenu.popDirection_right_down .menuWrapper {
+  left: 0;
+  top: 50px;
+}
+.popupMenu.popDirection_left_up .menuWrapper {
+  left: auto;
+  right: 0;
+  top: auto;
+  bottom: 50px;
+}
+.popupMenu.popDirection_right_up .menuWrapper {
+  left: 0;
+  top: auto;
+  bottom: 50px;
+}

package/dist/esm/components/navigation/searchPanelMenu/SearchPanelMenu.js

@@ -0,0 +1,51 @@
+'use client';
+
+import React, { useRef, useState } from 'react';
+import { SearchPanelMenuTrigger } from './searchPanelMenuTrigger/SearchPanelMenuTrigger';
+import { SearchPanelMenuContent } from './searchPanelMenuContent/SearchPanelMenuContent';
+import './searchPanelMenu.css';
+import { useOnClickOutside, usePopupKeys } from '../../../hooks';
+export const SearchPanelMenu = ({
+  panels,
+  activePanel = 0,
+  onSearch = () => {},
+  onSearchClear = () => {}
+}) => {
+  const searchPanelsMenus = useRef(null);
+  const [activeMenu, setActiveMenu] = useState(activePanel);
+  const [isMenuShowing, setIsMenuShowing] = useState(false);
+  useOnClickOutside(searchPanelsMenus, () => setIsMenuShowing(false));
+  usePopupKeys(searchPanelsMenus, () => setIsMenuShowing(false));
+  const toggleSearchPanelMenu = panelNumber => {
+    setActiveMenu(panelNumber);
+    if (panelNumber === activeMenu) {
+      setIsMenuShowing(!isMenuShowing);
+    } else {
+      setIsMenuShowing(true);
+    }
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    ref: searchPanelsMenus,
+    className: "searchPanelMenu"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "searchPanelMenuTriggers"
+  }, panels.map((panel, index) => /*#__PURE__*/React.createElement(SearchPanelMenuTrigger, {
+    key: `${panel.id}Trigger`,
+    panel: panel,
+    panelNumber: index,
+    onClick: toggleSearchPanelMenu
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: `searchPanelMenuPanels ${isMenuShowing ? 'open' : ''}`
+  }, panels.map((panel, index) => {
+    const isActive = index === activeMenu;
+    return /*#__PURE__*/React.createElement(SearchPanelMenuContent, {
+      isActive: isActive,
+      key: `${panel.id}Content`,
+      panel: panel,
+      onSearch: onSearch,
+      onSearchClear: onSearchClear
+    });
+  })));
+};
+export default SearchPanelMenu;
+//# sourceMappingURL=SearchPanelMenu.js.map

package/dist/esm/components/navigation/searchPanelMenu/SearchPanelMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPanelMenu.js","names":["React","useRef","useState","SearchPanelMenuTrigger","SearchPanelMenuContent","useOnClickOutside","usePopupKeys","SearchPanelMenu","panels","activePanel","onSearch","onSearchClear","searchPanelsMenus","activeMenu","setActiveMenu","isMenuShowing","setIsMenuShowing","toggleSearchPanelMenu","panelNumber","createElement","ref","className","map","panel","index","key","id","onClick","isActive"],"sources":["../../../../../src/components/navigation/searchPanelMenu/SearchPanelMenu.tsx"],"sourcesContent":["'use client';\n\nimport React, { useRef, useState } from 'react';\nimport { SearchPanelMenusProps } from './searchPanelMenu.interface';\nimport { SearchPanelMenuTrigger } from './searchPanelMenuTrigger/SearchPanelMenuTrigger';\nimport { SearchPanelMenuContent } from './searchPanelMenuContent/SearchPanelMenuContent';\n\nimport './searchPanelMenu.scss';\nimport { useOnClickOutside, usePopupKeys } from '../../../hooks';\n\nexport const SearchPanelMenu: React.FC<SearchPanelMenusProps> = (\n  {\n    panels,\n    activePanel = 0,\n    onSearch = () => {},\n    onSearchClear = () => {}\n  }\n) => {\n  const searchPanelsMenus = useRef<HTMLDivElement>(null);\n  const [activeMenu, setActiveMenu] = useState(activePanel);\n  const [isMenuShowing, setIsMenuShowing] = useState<boolean>(false);\n\n  useOnClickOutside(searchPanelsMenus, () => setIsMenuShowing(false));\n  usePopupKeys(searchPanelsMenus, () => setIsMenuShowing(false));\n\n  const toggleSearchPanelMenu = (panelNumber: number) => {\n    setActiveMenu(panelNumber);\n\n    if (panelNumber === activeMenu) {\n      setIsMenuShowing(!isMenuShowing);\n    } else {\n      setIsMenuShowing(true);\n    }\n  };\n\n  return (\n    <div ref={ searchPanelsMenus } className=\"searchPanelMenu\">\n      <div className=\"searchPanelMenuTriggers\">\n        { panels.map((panel, index) => (\n          <SearchPanelMenuTrigger\n            key={ `${ panel.id }Trigger` }\n            panel={ panel }\n            panelNumber={ index }\n            onClick={ toggleSearchPanelMenu }\n          />\n        )) }\n      </div>\n\n      <div className={ `searchPanelMenuPanels ${ isMenuShowing ? 'open' : '' }` }>\n        { panels.map((panel, index) => {\n          const isActive = index === activeMenu;\n\n          return (\n            <SearchPanelMenuContent\n              isActive={ isActive }\n              key={ `${ panel.id }Content` }\n              panel={ panel }\n              onSearch={ onSearch }\n              onSearchClear={ onSearchClear }\n            />\n          );\n        }) }\n      </div>\n    </div>\n  );\n};\n\nexport default SearchPanelMenu;\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,IAAIC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AAE/C,SAASC,sBAAsB,QAAQ,iDAAiD;AACxF,SAASC,sBAAsB,QAAQ,iDAAiD;AAExF,OAAO,wBAAwB;AAC/B,SAASC,iBAAiB,EAAEC,YAAY,QAAQ,gBAAgB;AAEhE,OAAO,MAAMC,eAAgD,GAAGA,CAC9D;EACEC,MAAM;EACNC,WAAW,GAAG,CAAC;EACfC,QAAQ,GAAGA,CAAA,KAAM,CAAC,CAAC;EACnBC,aAAa,GAAGA,CAAA,KAAM,CAAC;AACzB,CAAC,KACE;EACH,MAAMC,iBAAiB,GAAGX,MAAM,CAAiB,IAAI,CAAC;EACtD,MAAM,CAACY,UAAU,EAAEC,aAAa,CAAC,GAAGZ,QAAQ,CAACO,WAAW,CAAC;EACzD,MAAM,CAACM,aAAa,EAAEC,gBAAgB,CAAC,GAAGd,QAAQ,CAAU,KAAK,CAAC;EAElEG,iBAAiB,CAACO,iBAAiB,EAAE,MAAMI,gBAAgB,CAAC,KAAK,CAAC,CAAC;EACnEV,YAAY,CAACM,iBAAiB,EAAE,MAAMI,gBAAgB,CAAC,KAAK,CAAC,CAAC;EAE9D,MAAMC,qBAAqB,GAAIC,WAAmB,IAAK;IACrDJ,aAAa,CAACI,WAAW,CAAC;IAE1B,IAAIA,WAAW,KAAKL,UAAU,EAAE;MAC9BG,gBAAgB,CAAC,CAACD,aAAa,CAAC;IAClC,CAAC,MAAM;MACLC,gBAAgB,CAAC,IAAI,CAAC;IACxB;EACF,CAAC;EAED,oBACEhB,KAAA,CAAAmB,aAAA;IAAKC,GAAG,EAAGR,iBAAmB;IAACS,SAAS,EAAC;EAAiB,gBACxDrB,KAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAC;EAAyB,GACpCb,MAAM,CAACc,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACxBxB,KAAA,CAAAmB,aAAA,CAAChB,sBAAsB;IACrBsB,GAAG,EAAG,GAAIF,KAAK,CAACG,EAAE,SAAY;IAC9BH,KAAK,EAAGA,KAAO;IACfL,WAAW,EAAGM,KAAO;IACrBG,OAAO,EAAGV;EAAuB,CAClC,CACF,CACE,CAAC,eAENjB,KAAA,CAAAmB,aAAA;IAAKE,SAAS,EAAG,yBAA0BN,aAAa,GAAG,MAAM,GAAG,EAAE;EAAK,GACvEP,MAAM,CAACc,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,KAAK;IAC7B,MAAMI,QAAQ,GAAGJ,KAAK,KAAKX,UAAU;IAErC,oBACEb,KAAA,CAAAmB,aAAA,CAACf,sBAAsB;MACrBwB,QAAQ,EAAGA,QAAU;MACrBH,GAAG,EAAG,GAAIF,KAAK,CAACG,EAAE,SAAY;MAC9BH,KAAK,EAAGA,KAAO;MACfb,QAAQ,EAAGA,QAAU;MACrBC,aAAa,EAAGA;IAAe,CAChC,CAAC;EAEN,CAAC,CACE,CACF,CAAC;AAEV,CAAC;AAED,eAAeJ,eAAe","ignoreList":[]}

package/dist/esm/components/navigation/searchPanelMenu/searchPanelMenu.css

@@ -0,0 +1,133 @@
+/* Popovers */
+.searchPanelMenu {
+  position: relative;
+}
+.searchPanelMenu .searchPanelMenuTriggers {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+  white-space: nowrap;
+}
+.searchPanelMenu .searchPanelMenuTriggers .searchPanelMenuTrigger:after {
+  content: "/";
+  margin-left: 10px;
+  text-align: right;
+  display: inline-block;
+}
+.searchPanelMenu .searchPanelMenuTriggers .searchPanelMenuTrigger:last-of-type:after {
+  display: none;
+}
+.searchPanelMenu .searchPanelMenuTriggers button {
+  background: var(--searchPanelMenuTriggerButtonBg, #e5ebef);
+  border: var(--searchPanelMenuTriggerButtonBorder, 1px solid #e5ebef);
+  color: var(--searchPanelMenuTriggerButtonFgColor, #24282b);
+}
+.searchPanelMenu .searchPanelMenuTriggers button:hover {
+  background: var(--searchPanelMenuTriggerButtonBgHover, #d3dee4);
+  color: var(--searchPanelMenuTriggerButtonFgColorHover, #181a1b);
+  border: var(--searchPanelMenuTriggerButtonBorderHover, 1px solid #d3dee4);
+}
+.searchPanelMenu .searchPanelMenuPanels {
+  display: flex;
+  flex-direction: row;
+  column-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+  background: var(--searchPanelMenuBg, #eef2f4);
+  position: absolute;
+  margin-top: 5px;
+  display: none;
+  border: var(--searchPanelMenuBorder, 1px solid #d3dee4);
+  border-radius: var(--searchPanelMenuBorderRadius, 3px);
+  box-shadow: var(--searchPanelMenuBoxShadow, 0 0 5px 0 #c2d0d9);
+}
+.searchPanelMenu .searchPanelMenuPanels.open {
+  display: flex;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent {
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+  width: var(--searchPanelMenuContentWidth, 280px);
+  height: var(--searchPanelMenuContentHeight, 350px);
+  padding: 10px;
+  box-sizing: border-box;
+  border-left: var(--searchPanelMenuBorder, 1px solid #d3dee4);
+  overflow: auto;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent:first-of-type {
+  border-left: none;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .formField {
+  width: 100%;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList,
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelMenuActionButtons {
+  display: flex;
+  flex-direction: column;
+  row-gap: 10px;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList button,
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelMenuActionButtons button {
+  background: var(--searchPanelMenuContentButtonBg, #eef2f4);
+  border: var(--searchPanelMenuContentButtonBorder, 1px solid #eef2f4);
+  color: var(--searchPanelMenuContentButtonFgColor, #24282b);
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList button:hover,
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelMenuActionButtons button:hover {
+  background: var(--searchPanelMenuContentButtonBgHover, #d3dee4);
+  color: var(--searchPanelMenuContentButtonFgColorHover, #181a1b);
+  border: var(--searchPanelMenuContentButtonBorderHover, 1px solid #d3dee4);
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList button,
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelMenuActionButtons button {
+  width: 100%;
+  justify-content: left;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList button .labelText,
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelMenuActionButtons button .labelText {
+  flex: 1;
+  text-align: left;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent h3 {
+  font-size: 15px;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .mainActionButtons {
+  display: flex;
+  flex-direction: column;
+  row-gap: 0;
+  align-items: center;
+  justify-content: flex-start;
+  width: 100%;
+  border-top: var(--searchPanelDivider, 1px solid #d3dee4);
+  border-bottom: var(--searchPanelDivider, 1px solid #d3dee4);
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResults,
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList,
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList ul {
+  width: 100%;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResults {
+  text-align: center;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .searchPanelResultsList {
+  display: flex;
+  flex-direction: column;
+  row-gap: 0;
+  align-items: center;
+  justify-content: flex-start;
+  border-bottom: var(--searchPanelDivider, 1px solid #d3dee4);
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .clearSearchButton {
+  margin-top: 20px;
+}
+.searchPanelMenu .searchPanelMenuPanels .searchPanelMenuContent .clearSearchButton .labelText {
+  text-align: center;
+}

package/dist/esm/components/navigation/searchPanelMenu/searchPanelMenu.interface.js

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

package/dist/esm/components/navigation/searchPanelMenu/searchPanelMenu.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchPanelMenu.interface.js","names":[],"sources":["../../../../../src/components/navigation/searchPanelMenu/searchPanelMenu.interface.ts"],"sourcesContent":["import { GenericFunction } from '../../../interfaces';\nimport { ButtonProps } from '../../form/buttons/button.interface';\n\nexport interface SearchPanelResultProps {\n  label: string;\n  id: string;\n  onClick: GenericFunction;\n}\n\nexport interface SearchPanelMenuProps {\n  id: string;\n  search: {\n    label: string;\n    id: string;\n    searchResults?: SearchPanelResultProps[];\n  };\n  heading?: string;\n  topActionButtons?: ButtonProps[];\n  mainActionButtons: ButtonProps[];\n  bottomActionButtons?: ButtonProps[];\n  activeActionButtonId: string;\n}\n\nexport interface SearchPanelMenuTriggerProps {\n  panel: SearchPanelMenuProps;\n  panelNumber: number;\n  onClick: GenericFunction;\n}\n\nexport interface SearchPanelSearchProps {\n  onSearchClear?: GenericFunction;\n  onSearch?: GenericFunction;\n}\n\nexport interface SearchPanelMenusProps extends SearchPanelSearchProps {\n  panels: SearchPanelMenuProps[],\n  activePanel: number;\n}\n\nexport interface SearchPanelMenuContentProps extends SearchPanelSearchProps {\n  panel: SearchPanelMenuProps;\n  isActive: boolean;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/esm/components/navigation/searchPanelMenu/searchPanelMenuContent/SearchPanelMenuContent.js

@@ -0,0 +1,96 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState } from 'react';
+import { FormField } from '../../../form/formFields/formFieldWrapper/FormField';
+import { SimpleButton } from '../../../form/buttons/SimpleButton';
+export const SearchPanelMenuContent = ({
+  panel,
+  isActive,
+  onSearch = () => {},
+  onSearchClear = () => {}
+}) => {
+  const {
+    id,
+    search,
+    heading,
+    topActionButtons,
+    mainActionButtons,
+    bottomActionButtons,
+    activeActionButtonId
+  } = panel;
+  const [isResultsShowing, setIsResultsShowing] = useState(typeof search.searchResults !== 'undefined');
+
+  // TODO: This will likely need to be async promise based
+  const handleSearch = event => {
+    const searchTerm = event.target.value;
+    if (searchTerm === '') {
+      clearSearchResults();
+    } else {
+      setIsResultsShowing(true);
+      onSearch(searchTerm);
+    }
+  };
+  const handleSearchResultClick = searchResult => {
+    if (searchResult.onClick) {
+      searchResult.onClick(searchResult);
+    }
+  };
+  const clearSearchResults = () => {
+    setIsResultsShowing(false);
+    onSearchClear();
+  };
+  return /*#__PURE__*/React.createElement("div", {
+    className: `searchPanelMenuContent ${isActive ? 'active' : ''}`
+  }, /*#__PURE__*/React.createElement(FormField, {
+    label: {
+      text: search.label,
+      hide: true
+    },
+    field: {
+      type: 'search',
+      id: `${id}Search`,
+      name: `${id}Search`,
+      onChange: handleSearch
+    }
+  }), isResultsShowing ? /*#__PURE__*/React.createElement("div", {
+    className: "searchPanelResults"
+  }, search.searchResults?.length === 0 ? /*#__PURE__*/React.createElement("div", {
+    className: "noSearchPanelResults"
+  }, /*#__PURE__*/React.createElement("h4", null, "Sorry. No matches found")) : /*#__PURE__*/React.createElement("div", {
+    className: "searchPanelResultsList"
+  }, /*#__PURE__*/React.createElement("ul", {
+    className: "noBullet"
+  }, search.searchResults?.map(searchResult => /*#__PURE__*/React.createElement("li", {
+    key: searchResult.id
+  }, /*#__PURE__*/React.createElement(SimpleButton, {
+    cssClass: "button",
+    label: searchResult.label,
+    id: `${searchResult.id}`,
+    onClickHandler: () => handleSearchResultClick(searchResult)
+  }))))), /*#__PURE__*/React.createElement(SimpleButton, {
+    cssClass: "button tertiary outline clearSearchButton",
+    label: "Clear search",
+    id: `${id}ClearSearchButton`,
+    onClickHandler: clearSearchResults
+  })) : /*#__PURE__*/React.createElement("div", {
+    className: "searchPanelMenuActionButtons"
+  }, topActionButtons?.map(actionButton => /*#__PURE__*/React.createElement(SimpleButton, _extends({
+    cssClass: "button"
+  }, actionButton, {
+    key: actionButton.id
+  }))), /*#__PURE__*/React.createElement("h3", null, heading), /*#__PURE__*/React.createElement("div", {
+    className: "mainActionButtons"
+  }, mainActionButtons?.map(actionButton => {
+    const cssClass = activeActionButtonId === actionButton.id ? 'button isActive' : 'button';
+    return /*#__PURE__*/React.createElement(SimpleButton, _extends({}, actionButton, {
+      cssClass,
+      key: actionButton.id
+    }));
+  })), bottomActionButtons?.map(actionButton => /*#__PURE__*/React.createElement(SimpleButton, _extends({
+    cssClass: "button"
+  }, actionButton, {
+    key: actionButton.id
+  })))));
+};
+//# sourceMappingURL=SearchPanelMenuContent.js.map

package/dist/esm/components/navigation/searchPanelMenu/searchPanelMenuContent/SearchPanelMenuContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPanelMenuContent.js","names":["_extends","React","useState","FormField","SimpleButton","SearchPanelMenuContent","panel","isActive","onSearch","onSearchClear","id","search","heading","topActionButtons","mainActionButtons","bottomActionButtons","activeActionButtonId","isResultsShowing","setIsResultsShowing","searchResults","handleSearch","event","searchTerm","target","value","clearSearchResults","handleSearchResultClick","searchResult","onClick","createElement","className","label","text","hide","field","type","name","onChange","length","map","key","cssClass","onClickHandler","actionButton"],"sources":["../../../../../../src/components/navigation/searchPanelMenu/searchPanelMenuContent/SearchPanelMenuContent.tsx"],"sourcesContent":["'use client';\n\nimport React, { ChangeEvent, KeyboardEvent, useState } from 'react';\nimport { SearchPanelMenuContentProps, SearchPanelResultProps } from '../searchPanelMenu.interface';\nimport { FormField } from '../../../form/formFields/formFieldWrapper/FormField';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\n\nexport const SearchPanelMenuContent: React.FC<SearchPanelMenuContentProps> = (\n  {\n    panel,\n    isActive,\n    onSearch = () => {},\n    onSearchClear = () => {}\n  }\n) => {\n  const {\n    id,\n    search,\n    heading,\n    topActionButtons,\n    mainActionButtons,\n    bottomActionButtons,\n    activeActionButtonId\n  } = panel;\n\n  const [isResultsShowing, setIsResultsShowing] = useState(typeof search.searchResults !== 'undefined');\n\n  // TODO: This will likely need to be async promise based\n  const handleSearch = (event: ChangeEvent<HTMLInputElement> | KeyboardEvent<HTMLSelectElement> | KeyboardEvent<HTMLTextAreaElement>) => {\n    const searchTerm = (event as ChangeEvent<HTMLInputElement>).target.value;\n    if (searchTerm === '') {\n      clearSearchResults();\n    } else {\n      setIsResultsShowing(true);\n      onSearch(searchTerm);\n    }\n  };\n\n  const handleSearchResultClick = (searchResult: SearchPanelResultProps) => {\n    if (searchResult.onClick) {\n      searchResult.onClick(searchResult);\n    }\n  };\n\n  const clearSearchResults = () => {\n    setIsResultsShowing(false);\n    onSearchClear();\n  };\n\n  return (\n    <div className={ `searchPanelMenuContent ${ isActive ? 'active' : '' }` }>\n      <FormField\n        { ...{\n          label: {\n            text: search.label,\n            hide: true\n          },\n          field: {\n            type: 'search',\n            id: `${ id }Search`,\n            name: `${ id }Search`,\n            onChange: handleSearch\n          }\n        } }\n      />\n\n      { isResultsShowing ? (\n        <div className=\"searchPanelResults\">\n          { search.searchResults?.length === 0 ? (\n            <div className=\"noSearchPanelResults\">\n              <h4>Sorry. No matches found</h4>\n            </div>\n          ) : (\n            <div className=\"searchPanelResultsList\">\n              <ul className=\"noBullet\">\n                {\n                  search.searchResults?.map((searchResult) => (\n                    <li key={ searchResult.id }>\n                      <SimpleButton cssClass=\"button\" label={ searchResult.label } id={ `${ searchResult.id }` } onClickHandler={ () => handleSearchResultClick(searchResult) } />\n                    </li>\n                  ))\n                }\n              </ul>\n            </div>\n          ) }\n          <SimpleButton cssClass=\"button tertiary outline clearSearchButton\" label=\"Clear search\" id={ `${ id }ClearSearchButton` } onClickHandler={ clearSearchResults } />\n        </div>\n      ) : (\n        <div className=\"searchPanelMenuActionButtons\">\n          { topActionButtons?.map((actionButton) => (\n            <SimpleButton cssClass=\"button\"\n              { ...actionButton }\n              key={ actionButton.id }\n            />\n          )) }\n          <h3>{ heading }</h3>\n          <div className=\"mainActionButtons\">\n            { mainActionButtons?.map((actionButton) => {\n              const cssClass = activeActionButtonId === actionButton.id ? 'button isActive' : 'button';\n              return <SimpleButton { ...{ ...actionButton, cssClass } } key={ actionButton.id } />;\n            }) }\n          </div>\n          { bottomActionButtons?.map((actionButton) => (\n            <SimpleButton cssClass=\"button\"\n              { ...actionButton }\n              key={ actionButton.id }\n            />\n          )) }\n        </div>\n      ) }\n    </div>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/esm/components/navigation/searchPanelMenu/searchPanelMenuTrigger/SearchPanelMenuTrigger.js

@@ -0,0 +1,33 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/extends";
+import React from 'react';
+import { SimpleButton } from '../../../form/buttons/SimpleButton';
+export const SearchPanelMenuTrigger = ({
+  panel,
+  panelNumber,
+  onClick = () => {}
+}) => {
+  const {
+    activeActionButtonId,
+    mainActionButtons
+  } = panel;
+  let activeActionButton = mainActionButtons.find(actionButton => actionButton.id === activeActionButtonId);
+  if (!activeActionButton) {
+    activeActionButton = mainActionButtons[0];
+  }
+  const {
+    id
+  } = activeActionButton;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "searchPanelMenuTrigger"
+  }, /*#__PURE__*/React.createElement(SimpleButton, _extends({}, activeActionButton, {
+    cssClass: 'button',
+    id: `${id}MenuTrigger`,
+    onClickHandler: () => onClick(panelNumber),
+    rightIcon: {
+      icon: 'menu3'
+    }
+  })));
+};
+//# sourceMappingURL=SearchPanelMenuTrigger.js.map

package/dist/esm/components/navigation/searchPanelMenu/searchPanelMenuTrigger/SearchPanelMenuTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchPanelMenuTrigger.js","names":["_extends","React","SimpleButton","SearchPanelMenuTrigger","panel","panelNumber","onClick","activeActionButtonId","mainActionButtons","activeActionButton","find","actionButton","id","createElement","className","cssClass","onClickHandler","rightIcon","icon"],"sources":["../../../../../../src/components/navigation/searchPanelMenu/searchPanelMenuTrigger/SearchPanelMenuTrigger.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\nimport { ButtonProps } from '../../../form/buttons/button.interface';\nimport { SimpleButton } from '../../../form/buttons/SimpleButton';\nimport { SearchPanelMenuTriggerProps } from '../searchPanelMenu.interface';\n\nexport const SearchPanelMenuTrigger: React.FC<SearchPanelMenuTriggerProps> = (\n  {\n    panel,\n    panelNumber,\n    onClick = () => {}\n  }\n) => {\n  const { activeActionButtonId, mainActionButtons } = panel;\n  let activeActionButton = mainActionButtons.find((actionButton) => actionButton.id === activeActionButtonId);\n\n  if (!activeActionButton) {\n    activeActionButton = mainActionButtons[0] as ButtonProps;\n  }\n\n  const { id } = activeActionButton;\n\n  return (\n    <div className=\"searchPanelMenuTrigger\">\n      <SimpleButton\n        {\n          ...{\n            ...activeActionButton,\n            cssClass: 'button',\n            id: `${ id }MenuTrigger`,\n            onClickHandler: () => onClick(panelNumber),\n            rightIcon: { icon: 'menu3' }\n          }\n        }\n      />\n    </div>\n  );\n};\n"],"mappings":"AAAA,YAAY;;AAAC,OAAAA,QAAA;AAEb,OAAOC,KAAK,MAAM,OAAO;AAEzB,SAASC,YAAY,QAAQ,oCAAoC;AAGjE,OAAO,MAAMC,sBAA6D,GAAGA,CAC3E;EACEC,KAAK;EACLC,WAAW;EACXC,OAAO,GAAGA,CAAA,KAAM,CAAC;AACnB,CAAC,KACE;EACH,MAAM;IAAEC,oBAAoB;IAAEC;EAAkB,CAAC,GAAGJ,KAAK;EACzD,IAAIK,kBAAkB,GAAGD,iBAAiB,CAACE,IAAI,CAAEC,YAAY,IAAKA,YAAY,CAACC,EAAE,KAAKL,oBAAoB,CAAC;EAE3G,IAAI,CAACE,kBAAkB,EAAE;IACvBA,kBAAkB,GAAGD,iBAAiB,CAAC,CAAC,CAAgB;EAC1D;EAEA,MAAM;IAAEI;EAAG,CAAC,GAAGH,kBAAkB;EAEjC,oBACER,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAwB,gBACrCb,KAAA,CAAAY,aAAA,CAACX,YAAY,EAAAF,QAAA,KAGJS,kBAAkB;IACrBM,QAAQ,EAAE,QAAQ;IAClBH,EAAE,EAAE,GAAIA,EAAE,aAAc;IACxBI,cAAc,EAAEA,CAAA,KAAMV,OAAO,CAACD,WAAW,CAAC;IAC1CY,SAAS,EAAE;MAAEC,IAAI,EAAE;IAAQ;EAAC,EAGjC,CACE,CAAC;AAEV,CAAC","ignoreList":[]}

package/dist/esm/components/templates/templateDashboard/TemplateDashboard.js

@@ -0,0 +1,67 @@
+'use client';
+
+import _extends from "@babel/runtime/helpers/extends";
+import React, { useState, useRef } from 'react';
+import { AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';
+import { ThemeLoader } from '../../design/themeLoader/ThemeLoader';
+import { MainHeader } from '../../layout/mainHeader/MainHeader';
+import { HookFormWrapper } from '../../form/hookFormWrapper/HookFormWrapper';
+import { SidePanel } from '../../design/sidePanel/SidePanel';
+import './templateDashboard.css';
+export const TemplateDashboard = ({
+  children,
+  appConfig = {
+    theme: 'x15Core'
+  },
+  leftPanel,
+  mainHeader = {
+    logos: [{
+      ventureKey: 'x15'
+    }]
+  },
+  footer,
+  customCssClasses
+}) => {
+  const contentContainerElement = useRef(null);
+  const [leftPanelOpen, setLeftPanelOpen] = useState(leftPanel?.isOpen ?? true);
+  const toggleLeftPanel = () => {
+    if (leftPanel?.onPanelToggle) {
+      leftPanel.onPanelToggle(!leftPanelOpen);
+    }
+    setLeftPanelOpen(!leftPanelOpen);
+  };
+  const leftSidePanelProps = {
+    id: 'dashboardLeftPanel',
+    position: 'left',
+    size: 'm',
+    animation: 'slide',
+    isOpen: true,
+    onToggle: toggleLeftPanel,
+    allowOverflow: false,
+    isFloating: false,
+    icons: {
+      open: 'menu',
+      closed: 'chevronLeftSelect'
+    },
+    positionRefNode: contentContainerElement,
+    ...leftPanel
+  };
+  return /*#__PURE__*/React.createElement(AppContextProvider, {
+    appConfig: appConfig
+  }, /*#__PURE__*/React.createElement(ThemeLoader, null), /*#__PURE__*/React.createElement("div", {
+    className: `dashboard dashboardContainer ${customCssClasses?.dashboardContainer || ''}`
+  }, /*#__PURE__*/React.createElement(HookFormWrapper, null, /*#__PURE__*/React.createElement(MainHeader, _extends({}, mainHeader, {
+    customCssClass: customCssClasses?.headerContainer
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "dashboardContent panelContainer",
+    ref: contentContainerElement
+  }, leftPanel ? /*#__PURE__*/React.createElement(SidePanel, leftSidePanelProps, /*#__PURE__*/React.createElement("section", {
+    className: "leftPanelContent"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: `${leftPanel.allowOverflow ? 'allowOverflow' : ''}`
+  }, leftPanel.content))) : null, /*#__PURE__*/React.createElement("main", {
+    className: `dashboardMainContent ${customCssClasses?.mainContentContainer || ''}`
+  }, children, footer ?? null)))));
+};
+export default TemplateDashboard;
+//# sourceMappingURL=TemplateDashboard.js.map

package/dist/esm/components/templates/templateDashboard/TemplateDashboard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateDashboard.js","names":["_extends","React","useState","useRef","AppContextProvider","ThemeLoader","MainHeader","HookFormWrapper","SidePanel","TemplateDashboard","children","appConfig","theme","leftPanel","mainHeader","logos","ventureKey","footer","customCssClasses","contentContainerElement","leftPanelOpen","setLeftPanelOpen","isOpen","toggleLeftPanel","onPanelToggle","leftSidePanelProps","id","position","size","animation","onToggle","allowOverflow","isFloating","icons","open","closed","positionRefNode","createElement","className","dashboardContainer","customCssClass","headerContainer","ref","content","mainContentContainer"],"sources":["../../../../../src/components/templates/templateDashboard/TemplateDashboard.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, FC, useState, ReactElement, useRef } from 'react';\nimport { APP_CONFIG, AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';\nimport { ThemeLoader } from '../../design/themeLoader/ThemeLoader';\nimport { MainHeader, MainHeaderProps } from '../../layout/mainHeader/MainHeader';\nimport { HookFormWrapper } from '../../form/hookFormWrapper/HookFormWrapper';\nimport { SidePanel, SidePanelInterface } from '../../design/sidePanel/SidePanel';\nimport { GenericFunction } from '../../../interfaces/generic.interface';\n\nimport './templateDashboard.scss';\n\ninterface TemplateDashboardSidePanelProps extends Omit<SidePanelInterface, 'id' | 'isOpen' | 'onToggle' | 'position' | 'size' | 'animation' | 'icons' | 'children'> {\n  onPanelToggle?: GenericFunction;\n  content?: ReactNode | ReactElement;\n  id?: string;\n  isOpen?: boolean;\n  size?: 's' | 'm' | 'l';\n  allowOverflow?: boolean;\n}\n\nexport type TemplateDashboardProps = {\n  children: ReactNode;\n  appConfig?: APP_CONFIG;\n  mainHeader: MainHeaderProps;\n  footer?: ReactNode;\n  leftPanel?: TemplateDashboardSidePanelProps;\n  customCssClasses?: {\n    dashboardContainer?: string;\n    headerContainer?: string;\n    leftNavContainer?: string;\n    mainContentContainer?: string;\n  };\n};\n\nexport const TemplateDashboard: FC<TemplateDashboardProps> = (\n  {\n    children,\n    appConfig = { theme: 'x15Core' },\n    leftPanel,\n    mainHeader = {\n      logos: [\n        {\n          ventureKey: 'x15',\n        },\n      ]\n    },\n    footer,\n    customCssClasses,\n  }\n) => {\n  const contentContainerElement = useRef(null);\n\n  const [leftPanelOpen, setLeftPanelOpen] = useState(leftPanel?.isOpen ?? true);\n\n  const toggleLeftPanel = () => {\n    if(leftPanel?.onPanelToggle) {\n      leftPanel.onPanelToggle(!leftPanelOpen);\n    }\n    setLeftPanelOpen(!leftPanelOpen);\n  };\n\n  const leftSidePanelProps = {\n    id: 'dashboardLeftPanel',\n    position: 'left',\n    size: 'm',\n    animation: 'slide',\n    isOpen: true,\n    onToggle: toggleLeftPanel,\n    allowOverflow: false,\n    isFloating: false,\n    icons: {\n      open: 'menu',\n      closed: 'chevronLeftSelect',\n    },\n    positionRefNode: contentContainerElement,\n    ...leftPanel,\n  } as const;\n\n  return (\n    <AppContextProvider appConfig={ appConfig }>\n      <ThemeLoader />\n      <div className={ `dashboard dashboardContainer ${ customCssClasses?.dashboardContainer || '' }` }>\n        <HookFormWrapper>\n          <MainHeader { ...mainHeader } customCssClass={ customCssClasses?.headerContainer } />\n          <div className=\"dashboardContent panelContainer\" ref={ contentContainerElement }>\n            { leftPanel ? (\n              <SidePanel\n                { ...leftSidePanelProps }\n              >\n                <section className=\"leftPanelContent\">\n                  <div className={ `${ leftPanel.allowOverflow ? 'allowOverflow' : '' }` }>\n                    { leftPanel.content }\n                  </div>\n                </section>\n              </SidePanel>\n            ) : null }\n            <main className={ `dashboardMainContent ${ customCssClasses?.mainContentContainer || '' }` }>\n              { children }\n              { footer ?? null }\n            </main>\n          </div>\n        </HookFormWrapper>\n      </div>\n    </AppContextProvider>\n  );\n};\n\nexport default TemplateDashboard;\n"],"mappings":"AAAA,YAAY;;AAAC,OAAAA,QAAA;AAEb,OAAOC,KAAK,IAAmBC,QAAQ,EAAgBC,MAAM,QAAQ,OAAO;AAC5E,SAAqBC,kBAAkB,QAAQ,yDAAyD;AACxG,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,UAAU,QAAyB,oCAAoC;AAChF,SAASC,eAAe,QAAQ,4CAA4C;AAC5E,SAASC,SAAS,QAA4B,kCAAkC;AAGhF,OAAO,0BAA0B;AAyBjC,OAAO,MAAMC,iBAA6C,GAAGA,CAC3D;EACEC,QAAQ;EACRC,SAAS,GAAG;IAAEC,KAAK,EAAE;EAAU,CAAC;EAChCC,SAAS;EACTC,UAAU,GAAG;IACXC,KAAK,EAAE,CACL;MACEC,UAAU,EAAE;IACd,CAAC;EAEL,CAAC;EACDC,MAAM;EACNC;AACF,CAAC,KACE;EACH,MAAMC,uBAAuB,GAAGhB,MAAM,CAAC,IAAI,CAAC;EAE5C,MAAM,CAACiB,aAAa,EAAEC,gBAAgB,CAAC,GAAGnB,QAAQ,CAACW,SAAS,EAAES,MAAM,IAAI,IAAI,CAAC;EAE7E,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAGV,SAAS,EAAEW,aAAa,EAAE;MAC3BX,SAAS,CAACW,aAAa,CAAC,CAACJ,aAAa,CAAC;IACzC;IACAC,gBAAgB,CAAC,CAACD,aAAa,CAAC;EAClC,CAAC;EAED,MAAMK,kBAAkB,GAAG;IACzBC,EAAE,EAAE,oBAAoB;IACxBC,QAAQ,EAAE,MAAM;IAChBC,IAAI,EAAE,GAAG;IACTC,SAAS,EAAE,OAAO;IAClBP,MAAM,EAAE,IAAI;IACZQ,QAAQ,EAAEP,eAAe;IACzBQ,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,KAAK;IACjBC,KAAK,EAAE;MACLC,IAAI,EAAE,MAAM;MACZC,MAAM,EAAE;IACV,CAAC;IACDC,eAAe,EAAEjB,uBAAuB;IACxC,GAAGN;EACL,CAAU;EAEV,oBACEZ,KAAA,CAAAoC,aAAA,CAACjC,kBAAkB;IAACO,SAAS,EAAGA;EAAW,gBACzCV,KAAA,CAAAoC,aAAA,CAAChC,WAAW,MAAE,CAAC,eACfJ,KAAA,CAAAoC,aAAA;IAAKC,SAAS,EAAG,gCAAiCpB,gBAAgB,EAAEqB,kBAAkB,IAAI,EAAE;EAAK,gBAC/FtC,KAAA,CAAAoC,aAAA,CAAC9B,eAAe,qBACdN,KAAA,CAAAoC,aAAA,CAAC/B,UAAU,EAAAN,QAAA,KAAMc,UAAU;IAAG0B,cAAc,EAAGtB,gBAAgB,EAAEuB;EAAiB,EAAE,CAAC,eACrFxC,KAAA,CAAAoC,aAAA;IAAKC,SAAS,EAAC,iCAAiC;IAACI,GAAG,EAAGvB;EAAyB,GAC5EN,SAAS,gBACTZ,KAAA,CAAAoC,aAAA,CAAC7B,SAAS,EACHiB,kBAAkB,eAEvBxB,KAAA,CAAAoC,aAAA;IAASC,SAAS,EAAC;EAAkB,gBACnCrC,KAAA,CAAAoC,aAAA;IAAKC,SAAS,EAAG,GAAIzB,SAAS,CAACkB,aAAa,GAAG,eAAe,GAAG,EAAE;EAAK,GACpElB,SAAS,CAAC8B,OACT,CACE,CACA,CAAC,GACV,IAAI,eACR1C,KAAA,CAAAoC,aAAA;IAAMC,SAAS,EAAG,wBAAyBpB,gBAAgB,EAAE0B,oBAAoB,IAAI,EAAE;EAAK,GACxFlC,QAAQ,EACRO,MAAM,IAAI,IACR,CACH,CACU,CACd,CACa,CAAC;AAEzB,CAAC;AAED,eAAeR,iBAAiB","ignoreList":[]}

package/dist/esm/components/templates/templateDashboard/templateDashboard.css

@@ -0,0 +1,13 @@
+/* Popovers */
+.dashboardContainer {
+  min-height: 100vh;
+}
+.dashboardContainer .dashboardContent {
+  position: relative;
+  min-height: calc(100vh - var(--mainHeaderHeight));
+}
+.dashboardContainer .dashboardContent #dashboardLeftPanel {
+  position: absolute;
+  top: 0;
+  background: var(--dashboardLeftPanelBg, #f6f8fa);
+}

package/dist/esm/components/templates/templateForm/TemplateForm.js

@@ -0,0 +1,27 @@
+'use client';
+
+import React from 'react';
+import { AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';
+import { ThemeLoader } from '../../design/themeLoader/ThemeLoader';
+import { HookFormWrapper } from '../../form/hookFormWrapper/HookFormWrapper';
+import { MainHeader } from '../../layout/mainHeader/MainHeader';
+import './templateForm.css';
+export const TemplateForm = ({
+  children,
+  appConfig = {
+    theme: 'x15Core'
+  },
+  mainHeader = {
+    logos: [{
+      ventureKey: 'x15'
+    }]
+  }
+}) => {
+  return /*#__PURE__*/React.createElement(AppContextProvider, {
+    appConfig: appConfig
+  }, /*#__PURE__*/React.createElement(ThemeLoader, null), /*#__PURE__*/React.createElement("div", {
+    className: "pageContainer templateFormContainer"
+  }, /*#__PURE__*/React.createElement(HookFormWrapper, null, /*#__PURE__*/React.createElement(MainHeader, mainHeader), /*#__PURE__*/React.createElement("main", null, children))));
+};
+export default TemplateForm;
+//# sourceMappingURL=TemplateForm.js.map

package/dist/esm/components/templates/templateForm/TemplateForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateForm.js","names":["React","AppContextProvider","ThemeLoader","HookFormWrapper","MainHeader","TemplateForm","children","appConfig","theme","mainHeader","logos","ventureKey","createElement","className"],"sources":["../../../../../src/components/templates/templateForm/TemplateForm.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, FC } from 'react';\nimport { APP_CONFIG, AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';\nimport { ThemeLoader } from '../../design/themeLoader/ThemeLoader';\nimport { HookFormWrapper } from '../../form/hookFormWrapper/HookFormWrapper';\nimport { MainHeader, MainHeaderProps } from '../../layout/mainHeader/MainHeader';\n\nimport './templateForm.scss';\n\nexport type TemplateFormProps = {\n  children: ReactNode;\n  appConfig?: APP_CONFIG;\n  mainHeader: MainHeaderProps;\n};\n\nexport const TemplateForm: FC<TemplateFormProps> = (\n  {\n    children,\n    appConfig = { theme: 'x15Core' },\n    mainHeader = {\n      logos: [\n        {\n          ventureKey: 'x15',\n        },\n      ]\n    },\n  }\n) => {\n  return (\n    <AppContextProvider appConfig={ appConfig }>\n      <ThemeLoader />\n      <div className=\"pageContainer templateFormContainer\">\n        <HookFormWrapper>\n          <MainHeader { ...mainHeader } />\n          <main>\n            { children }\n          </main>\n        </HookFormWrapper>\n      </div>\n    </AppContextProvider>\n  );\n};\n\nexport default TemplateForm;\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAAqBC,kBAAkB,QAAQ,yDAAyD;AACxG,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,eAAe,QAAQ,4CAA4C;AAC5E,SAASC,UAAU,QAAyB,oCAAoC;AAEhF,OAAO,qBAAqB;AAQ5B,OAAO,MAAMC,YAAmC,GAAGA,CACjD;EACEC,QAAQ;EACRC,SAAS,GAAG;IAAEC,KAAK,EAAE;EAAU,CAAC;EAChCC,UAAU,GAAG;IACXC,KAAK,EAAE,CACL;MACEC,UAAU,EAAE;IACd,CAAC;EAEL;AACF,CAAC,KACE;EACH,oBACEX,KAAA,CAAAY,aAAA,CAACX,kBAAkB;IAACM,SAAS,EAAGA;EAAW,gBACzCP,KAAA,CAAAY,aAAA,CAACV,WAAW,MAAE,CAAC,eACfF,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAqC,gBAClDb,KAAA,CAAAY,aAAA,CAACT,eAAe,qBACdH,KAAA,CAAAY,aAAA,CAACR,UAAU,EAAMK,UAAc,CAAC,eAChCT,KAAA,CAAAY,aAAA,eACIN,QACE,CACS,CACd,CACa,CAAC;AAEzB,CAAC;AAED,eAAeD,YAAY","ignoreList":[]}

package/dist/esm/components/templates/templateForm/templateForm.css

@@ -0,0 +1,3 @@
+.templateFormContainer main {
+  padding: 40px;
+}

package/dist/esm/components/templates/templateLoading/TemplateLoading.js

@@ -0,0 +1,26 @@
+'use client';
+
+import React from 'react';
+import { AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';
+import { ThemeLoader } from '../../design/themeLoader/ThemeLoader';
+import { MainHeader } from '../../layout/mainHeader/MainHeader';
+import { LoadingMessage } from '../../design/loadingMessage/LoadingMessage';
+export const TemplateLoading = ({
+  appConfig = {
+    theme: 'x15Core'
+  },
+  loadingMessage,
+  mainHeader = {
+    logos: [{
+      ventureKey: 'x15'
+    }]
+  }
+}) => {
+  return /*#__PURE__*/React.createElement(AppContextProvider, {
+    appConfig: appConfig
+  }, /*#__PURE__*/React.createElement(ThemeLoader, null), /*#__PURE__*/React.createElement("div", {
+    className: "pageContainer templateLoadingContainer"
+  }, /*#__PURE__*/React.createElement(MainHeader, mainHeader), /*#__PURE__*/React.createElement("main", null, /*#__PURE__*/React.createElement(LoadingMessage, loadingMessage))));
+};
+export default TemplateLoading;
+//# sourceMappingURL=TemplateLoading.js.map

package/dist/esm/components/templates/templateLoading/TemplateLoading.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplateLoading.js","names":["React","AppContextProvider","ThemeLoader","MainHeader","LoadingMessage","TemplateLoading","appConfig","theme","loadingMessage","mainHeader","logos","ventureKey","createElement","className"],"sources":["../../../../../src/components/templates/templateLoading/TemplateLoading.tsx"],"sourcesContent":["'use client';\n\nimport React, { FC } from 'react';\nimport { APP_CONFIG, AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';\nimport { ThemeLoader } from '../../design/themeLoader/ThemeLoader';\nimport { MainHeader, MainHeaderProps } from '../../layout/mainHeader/MainHeader';\nimport { LoadingMessage, LoadingMessageProps } from '../../design/loadingMessage/LoadingMessage';\n\nexport type TemplateLoadingProps = {\n  appConfig?: APP_CONFIG;\n  loadingMessage?: LoadingMessageProps;\n  mainHeader: MainHeaderProps;\n};\n\nexport const TemplateLoading: FC<TemplateLoadingProps> = (\n  {\n    appConfig = { theme: 'x15Core' },\n    loadingMessage,\n    mainHeader = {\n      logos: [\n        {\n          ventureKey: 'x15',\n        },\n      ]\n    },\n  }\n) => {\n  return (\n    <AppContextProvider appConfig={ appConfig }>\n      <ThemeLoader />\n      <div className=\"pageContainer templateLoadingContainer\">\n        <MainHeader { ...mainHeader } />\n        <main>\n          <LoadingMessage { ...loadingMessage } />\n        </main>\n      </div>\n    </AppContextProvider>\n  );\n};\n\nexport default TemplateLoading;\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAc,OAAO;AACjC,SAAqBC,kBAAkB,QAAQ,yDAAyD;AACxG,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,UAAU,QAAyB,oCAAoC;AAChF,SAASC,cAAc,QAA6B,4CAA4C;AAQhG,OAAO,MAAMC,eAAyC,GAAGA,CACvD;EACEC,SAAS,GAAG;IAAEC,KAAK,EAAE;EAAU,CAAC;EAChCC,cAAc;EACdC,UAAU,GAAG;IACXC,KAAK,EAAE,CACL;MACEC,UAAU,EAAE;IACd,CAAC;EAEL;AACF,CAAC,KACE;EACH,oBACEX,KAAA,CAAAY,aAAA,CAACX,kBAAkB;IAACK,SAAS,EAAGA;EAAW,gBACzCN,KAAA,CAAAY,aAAA,CAACV,WAAW,MAAE,CAAC,eACfF,KAAA,CAAAY,aAAA;IAAKC,SAAS,EAAC;EAAwC,gBACrDb,KAAA,CAAAY,aAAA,CAACT,UAAU,EAAMM,UAAc,CAAC,eAChCT,KAAA,CAAAY,aAAA,4BACEZ,KAAA,CAAAY,aAAA,CAACR,cAAc,EAAMI,cAAkB,CACnC,CACH,CACa,CAAC;AAEzB,CAAC;AAED,eAAeH,eAAe","ignoreList":[]}

package/dist/esm/components/templates/templatePage/TemplatePage.js

@@ -0,0 +1,25 @@
+'use client';
+
+import React from 'react';
+import { AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';
+import { ThemeLoader } from '../../design/themeLoader/ThemeLoader';
+import { MainHeader } from '../../layout/mainHeader/MainHeader';
+export const TemplatePage = ({
+  children,
+  appConfig = {
+    theme: 'x15Core'
+  },
+  mainHeader = {
+    logos: [{
+      ventureKey: 'x15'
+    }]
+  }
+}) => {
+  return /*#__PURE__*/React.createElement(AppContextProvider, {
+    appConfig: appConfig
+  }, /*#__PURE__*/React.createElement(ThemeLoader, null), /*#__PURE__*/React.createElement("div", {
+    className: "pageContainer templateFormContainer"
+  }, /*#__PURE__*/React.createElement(MainHeader, mainHeader), /*#__PURE__*/React.createElement("main", null, children)));
+};
+export default TemplatePage;
+//# sourceMappingURL=TemplatePage.js.map

package/dist/esm/components/templates/templatePage/TemplatePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TemplatePage.js","names":["React","AppContextProvider","ThemeLoader","MainHeader","TemplatePage","children","appConfig","theme","mainHeader","logos","ventureKey","createElement","className"],"sources":["../../../../../src/components/templates/templatePage/TemplatePage.tsx"],"sourcesContent":["'use client';\n\nimport React, { ReactNode, FC } from 'react';\nimport { APP_CONFIG, AppContextProvider } from '../../../contextProviders/appContext/AppContextProvider';\nimport { ThemeLoader } from '../../design/themeLoader/ThemeLoader';\nimport { MainHeader, MainHeaderProps } from '../../layout/mainHeader/MainHeader';\n\nexport type TemplatePageProps = {\n  children: ReactNode;\n  appConfig?: APP_CONFIG;\n  mainHeader: MainHeaderProps;\n};\n\nexport const TemplatePage: FC<TemplatePageProps> = (\n  {\n    children,\n    appConfig = { theme: 'x15Core' },\n    mainHeader = {\n      logos: [\n        {\n          ventureKey: 'x15',\n        },\n      ]\n    },\n  }\n) => {\n  return (\n    <AppContextProvider appConfig={ appConfig }>\n      <ThemeLoader />\n      <div className=\"pageContainer templateFormContainer\">\n        <MainHeader { ...mainHeader } />\n        <main>\n          { children }\n        </main>\n      </div>\n    </AppContextProvider>\n  );\n};\n\nexport default TemplatePage;\n"],"mappings":"AAAA,YAAY;;AAEZ,OAAOA,KAAK,MAAyB,OAAO;AAC5C,SAAqBC,kBAAkB,QAAQ,yDAAyD;AACxG,SAASC,WAAW,QAAQ,sCAAsC;AAClE,SAASC,UAAU,QAAyB,oCAAoC;AAQhF,OAAO,MAAMC,YAAmC,GAAGA,CACjD;EACEC,QAAQ;EACRC,SAAS,GAAG;IAAEC,KAAK,EAAE;EAAU,CAAC;EAChCC,UAAU,GAAG;IACXC,KAAK,EAAE,CACL;MACEC,UAAU,EAAE;IACd,CAAC;EAEL;AACF,CAAC,KACE;EACH,oBACEV,KAAA,CAAAW,aAAA,CAACV,kBAAkB;IAACK,SAAS,EAAGA;EAAW,gBACzCN,KAAA,CAAAW,aAAA,CAACT,WAAW,MAAE,CAAC,eACfF,KAAA,CAAAW,aAAA;IAAKC,SAAS,EAAC;EAAqC,gBAClDZ,KAAA,CAAAW,aAAA,CAACR,UAAU,EAAMK,UAAc,CAAC,eAChCR,KAAA,CAAAW,aAAA,eACIN,QACE,CACH,CACa,CAAC;AAEzB,CAAC;AAED,eAAeD,YAAY","ignoreList":[]}